{"version":3,"file":"js/react/mls-horizontal-scoreboard-app.js?_t=580bf7a71b5a60af805f","mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAQA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;;;;;;;;;;;;;;;;;;AC7CA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAKA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;ACzBA;AACA;AACA;AAGA;AAGA;AACA;AACA;AAEA;AASA;;;;;;;;;;;;;;;;;;ACrBA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAIA;AAIA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACxBA;AAIA;AAEA;AACA;AACA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAWA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AClJA;AAEA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAMA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AAKA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAUA;;;;;;;;;;;;;;;;AC1IA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;ACFA;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AAAA;AAGA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AAAA;AAEA;AAAA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAKA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AAKA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AACA;AAGA;AAIA;AAGA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAKA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAEA;;;;;;;;;;;;;;;;;;ACtNA;AACA;AACA;AAEA;AACA;AAEA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;AC3BA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AAAA;AAEA;AAAA;AAGA;AAAA;;;;;;;;;;;;;;;;AChCA;;;;;;;;;;;;;;;;;;ACAA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAIA;AAEA;AAAA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;ACrDA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAKA;AACA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AACA;AAAA;;;;;;;;;;;;;;;;ACnDA;AAEA;AACA;AAGA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;ACpBA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAKA;AAIA;;;;;;;;;;;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACpLA;AACA;AACA;AAGA;AACA","sources":["webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalBlockheader/HorizontalBlockheader.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalBlockheader/StyledHorizontalBlockheader.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalFullSchedule/HorizontalFullSchedule.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalFullSchedule/StyledHorizontalFullSchedule.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatch/HorizontalMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatch/Skeleton/HorizontalMatchSkeleton.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatch/Skeleton/StyledHorizontalMatchSkeleton.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatch/StyledHorizontalMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchAggregate/HorizontalMatchAggregate.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchAggregate/StyledHorizontalMatchAggregate.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchOverlay/HorizontalMatchOverlay.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchOverlay/StyledHorizontalMatchOverlay.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchTile/HorizontalMatchTile.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatchTile/StyledHorizontalMatchTile.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatches/HorizontalMatches.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalMatches/StyledHorizontalMatches.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboard/HorizontalScoreboard.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboard/StyledHorizontalScoreboard.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboard/useElementToScroll.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboardFallback/HorizontalScoreboardFallback.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboardFallback/StyledHorizontalScoreboardFallback.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboardNavigator/HorizontalScoreboardNavigator.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HorizontalScoreboardNavigator/StyledHorizontalScoreboardNavigator.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HortizontalScoreboardWrapper/HorizontalScoreboardWrapper.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/HortizontalScoreboardWrapper/StyledHorizontalScoreboardWrapper.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/app.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/main.js","webpack://@mlssoccer/netcore/./scripts/react/mls-horizontal-scoreboard/utils.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/EmptyState/EmptyState.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/EmptyState/StyledEmptyState.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/EmptyState/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Skeleton/Skeleton.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Skeleton/SkeletonElements.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useInterval.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/LeftArrowIcon/LeftArrowIcon.js","webpack://@mlssoccer/netcore/./.yarn/cache/react-is-npm-16.13.1-a9b9382b4f-5aa564a1cd.zip/node_modules/react-is/cjs/react-is.development.js","webpack://@mlssoccer/netcore/./.yarn/cache/react-is-npm-16.13.1-a9b9382b4f-5aa564a1cd.zip/node_modules/react-is/index.js"],"sourcesContent":["import React from \"react\";\nimport { statusTypes, useMatchData } from \"../../mls-match-list/utils\";\nimport { formatMatchMinutes } from \"../../mls-match-summary/utils\";\nimport { ScorebugPre } from \"../../shared/components/Scorebug/phases/ScorebugPre\";\nimport StatusStamp from \"../../shared/components/StatusStamp/StatusStamp\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport {\n  StyledHorizontalBlockheader,\n  StyledHorizontalBlockheaderCompetition,\n} from \"./StyledHorizontalBlockheader\";\n\nexport const HorizontalBlockHeader = () => {\n  const { t } = useReactAppState();\n  const {\n    matchDateTime,\n    isTimeTbd,\n    status,\n    minuteDisplay,\n    competition,\n    leagueMatchTitle,\n  } = useMatchData();\n  const { date } = matchDateTime || {};\n  const { name, shortName } = competition || {};\n  const time = isTimeTbd ? t(\"tbd\").toUpperCase() : date;\n  const [minutes, extraMinutes] = formatMatchMinutes(minuteDisplay);\n\n  return (\n    <StyledHorizontalBlockheader>\n      <StyledHorizontalBlockheaderCompetition>\n        {leagueMatchTitle || shortName || name}\n      </StyledHorizontalBlockheaderCompetition>\n      {status?.abbreviation == statusTypes.pre ? (\n        <ScorebugPre />\n      ) : (\n        <StatusStamp\n          time={time}\n          minuteDisplay={minutes}\n          extraMinutes={extraMinutes}\n          date={date}\n          abbreviation={status?.abbreviation}\n          abbreviateStatus\n        />\n      )}\n    </StyledHorizontalBlockheader>\n  );\n};\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalBlockheader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 5px;\n  border-bottom: ${(props) =>\n    props.theme.type === themeTypes.light\n      ? \"1px solid rgba(31,32,33,0.2)\"\n      : \"1px solid rgba(255, 255, 255,0.15)\"};\n`;\n\nexport const StyledHorizontalBlockheaderCompetition = styled.div`\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_headline};\n  font-weight: 500;\n  line-height: 16px;\n  letter-spacing: 0.04em;\n  font-size: ${(props) =>\n    props.theme.mixins.pxToRem(props.theme.figma.base.scale_1_25)};\n  opacity: 0.6;\n  color: ${(props) =>\n    props.theme.type === themeTypes.light\n      ? props.theme.figma.base.color_offblack_100\n      : props.theme.figma.base.color_white_100};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n","import React from \"react\";\nimport { Link } from \"../../shared/components/Link/Link\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport {\n  StyledHorizontalFullSchedule,\n  StyledHorizontalFullScheduleButton,\n} from \"./StyledHorizontalFullSchedule\";\n\nexport const HorizontalFullSchedule = () => {\n  const { t, urlList } = useReactAppState();\n  const { baseUrl } = urlList || {};\n\n  return (\n    <StyledHorizontalFullSchedule className=\"mls-c-horizontal-scoreboard__full-schedule\">\n      <Link url={`${baseUrl}/schedule`}>\n        <StyledHorizontalFullScheduleButton>\n          {t(\"full_schedule\")}\n        </StyledHorizontalFullScheduleButton>\n      </Link>\n    </StyledHorizontalFullSchedule>\n  );\n};\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalFullSchedule = styled.div`\n  width: 180px;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledHorizontalFullScheduleButton = styled.div`\n  background-color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? \"rgba(0, 0, 0, 0.2)\"\n      : \"rgba(255, 255, 255, 0.2)\"};\n  color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.rgba.black_100\n      : props.theme.rgba.white_100};\n  border-radius: 4px;\n  padding: 12px 40px;\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_micro};\n  font-weight: 700;\n  font-size: ${(props) => props.theme.mixins.pxToRem(12)};\n  letter-spacing: -0.02em;\n  user-select: none;\n`;\n","import React, { useRef, useState } from \"react\";\nimport {\n  formatScores,\n  statusTypes,\n  useMatchData,\n} from \"../../mls-match-list/utils\";\nimport { HorizontalBlockHeader } from \"../HorizontalBlockheader/HorizontalBlockheader\";\nimport { HorizontalMatchOverlay } from \"../HorizontalMatchOverlay/HorizontalMatchOverlay\";\nimport { HorizontalMatchTile } from \"../HorizontalMatchTile/HorizontalMatchTile\";\nimport {\n  StyledHorizontalBroadcasters,\n  StyledHorizontalMatch,\n  StyledHorizontalMatchContent,\n} from \"./StyledHorizontalMatch\";\nimport ExplainerBar from \"../../shared/components/ExplainerBar/ExplainerBar\";\nimport HorizontalMatchAggregate from \"../HorizontalMatchAggregate/HorizontalMatchAggregate\";\nimport { MatchBroadcaster } from \"../../mls-match-list/v2/MatchBroadcaster/MatchBroadcaster\";\n\nfunction HorizontalMatch({ position, elementIdToScroll, scrollToElement, id, showClubRanks }) {\n  const {\n    homeClubData,\n    awayClubData,\n    status,\n    slug,\n    winnerStatus,\n    period,\n    resultType,\n    matchPageUrl,\n    appleSubscriptionTier,\n    appleStreamURL,\n    homeClubRank,\n    awayClubRank,\n  } = useMatchData();\n\n  const [showDetail, setShowDetail] = useState(false);\n  const ref = useRef();\n  const { isHomeWinner, isAwayWinner } = winnerStatus || {};\n  const { homeScore, awayScore, shootoutResult } = formatScores({\n    homeClubData,\n    awayClubData,\n    period,\n    resultType,\n  });\n\n  const isLive = status?.abbreviation === statusTypes.live;\n  const isMobile = window.innerWidth <= 768;\n\n  const handleDetail = () => {\n    if (isLive && appleStreamURL && !isMobile) {\n      setShowDetail((currentDetail) => !currentDetail);\n    }\n  };\n\n  const handleClick = () => {\n    if (isMobile || !isLive || !appleStreamURL) {\n      window.location.href = matchPageUrl;\n    }\n  };\n\n  const hideDetail = () => {\n    if (showDetail) {\n      setShowDetail(false);\n    }\n  };\n\n  const handleKeyDown = (e) => {\n    if (e.key === \"Enter\") {\n      handleDetail();\n    }\n  };\n\n  const trackingData = {\n    id: slug,\n    creative: \"match\",\n    position,\n  };\n\n  const trackingClickData = {\n    clickItem: \"match\",\n    match: slug,\n    matchState: status?.abbreviation,\n  };\n\n  React.useEffect(() => {\n    if (id && elementIdToScroll === id) {\n      scrollToElement(id);\n    }\n  }, [elementIdToScroll, scrollToElement, id]);\n\n  return (\n    <StyledHorizontalMatch\n      id={id}\n      data-tracking-block-impression={JSON.stringify(trackingData)}\n      data-tracking-block-click={JSON.stringify(trackingClickData)}\n      ref={ref}\n      tabIndex={0}\n      role=\"tab\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onMouseLeave={hideDetail}\n      onMouseEnter={handleDetail}\n      className={`mls-c-horizontal-match\n      ${isLive ? \"mls-c-horizontal-match--live\" : \"\"}\n      ${\n        showDetail\n          ? \"mls-c-horizontal-match--detail-tap mls-c-horizontal-match--detail\"\n          : \"\"\n      }`}\n    >\n      <HorizontalMatchOverlay\n        matchPageUrl={matchPageUrl}\n        appleStreamURL={appleStreamURL}\n        appleSubscriptionTier={appleSubscriptionTier}\n        status={status}\n        position={position}\n      />\n      <StyledHorizontalMatchContent className=\"mls-c-horizontal-match__content\">\n        <HorizontalBlockHeader />\n        <HorizontalMatchTile\n          status={status}\n          homeClubData={homeClubData}\n          awayClubData={awayClubData}\n          isHomeWinner={isHomeWinner}\n          isAwayWinner={isAwayWinner}\n          homeScore={homeScore}\n          awayScore={awayScore}\n          homeClubRank={showClubRanks ? homeClubRank : null}\n          awayClubRank={showClubRanks ? awayClubRank : null}\n        />\n        {shootoutResult ? (\n          <HorizontalMatchAggregate>\n            <ExplainerBar text={shootoutResult} />\n          </HorizontalMatchAggregate>\n        ) : (\n          <StyledHorizontalBroadcasters>\n            <MatchBroadcaster />\n          </StyledHorizontalBroadcasters>\n        )}\n      </StyledHorizontalMatchContent>\n    </StyledHorizontalMatch>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nHorizontalMatch = React.memo(HorizontalMatch);\n\nexport default HorizontalMatch;\n","import React from \"react\";\nimport Skeleton, {\n  SKELETON_TYPES,\n} from \"../../../shared/components/Skeleton/Skeleton.js\";\nimport { StyledHorizontalMatchSkeleton } from \"./StyledHorizontalMatchSkeleton\";\n\nconst HorizontalSkeletonElements = [\n  {\n    type: SKELETON_TYPES.bar,\n    left: \"0\",\n    top: \"0\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"22\",\n    height: \"8\",\n  },\n  {\n    type: SKELETON_TYPES.bar,\n    right: \"0\",\n    positionY: \"0\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"22\",\n    height: \"8\",\n  },\n  {\n    type: SKELETON_TYPES.bar,\n    left: \"0\",\n    top: \"12\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"140\",\n    height: \"1\",\n  },\n  {\n    type: SKELETON_TYPES.image,\n    top: \"20\",\n    left: \"0\",\n    height: \"30\",\n    width: \"30\",\n    src: \"https://www.mlssoccer.com/assets/images/Fallbacklogo-grey.png\",\n    alt: \"Loader img\",\n  },\n  {\n    type: SKELETON_TYPES.bar,\n    left: \"43\",\n    top: \"25\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"40\",\n    height: \"15\",\n  },\n  {\n    type: SKELETON_TYPES.image,\n    top: \"65\",\n    left: \"0\",\n    height: \"30\",\n    width: \"30\",\n    src: \"https://www.mlssoccer.com/assets/images/Fallbacklogo-grey.png\",\n    alt: \"Loader img\",\n  },\n  {\n    type: SKELETON_TYPES.bar,\n    left: \"43\",\n    top: \"70\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"40\",\n    height: \"15\",\n  },\n  {\n    type: SKELETON_TYPES.bar,\n    right: \"0\",\n    top: \"20\",\n    radiusX: \"2\",\n    radiusY: \"2\",\n    width: \"20\",\n    height: \"70\",\n  },\n];\n\nfunction HorizontalMatchSkeleton() {\n  return (\n    <StyledHorizontalMatchSkeleton>\n      <Skeleton\n        speed={1.5}\n        width={140}\n        height={110}\n        elements={HorizontalSkeletonElements}\n      />\n    </StyledHorizontalMatchSkeleton>\n  );\n}\n\nexport default HorizontalMatchSkeleton;\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalMatchSkeleton = styled.div`\n  padding: 8px 18px;\n`;\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalMatch = styled.div`\n  width: 180px;\n  height: 126px;\n  border-left-width: 1px;\n  border-right-width: 0;\n  border-style: solid;\n  padding: 8px 18px;\n  box-sizing: border-box;\n  cursor: pointer;\n  user-select: none;\n  border-image: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? `linear-gradient(\n      rgba(0, 0, 0, 0) 5%, \n      rgba(0, 0, 0, 0.08) 50%, \n      rgba(0, 0, 0, 0) 100%\n    ) 1 100%;`\n      : `linear-gradient(\n      rgba(255, 255, 255, 0) 5%, \n      rgba(255, 255, 255, 0.15) 50%, \n      rgba(255, 255, 255, 0) 100%\n    ) 1 100%;`};\n  transition: border-left-width 1ms ease-in-out, box-shadow 100ms ease-in-out;\n\n  .mls-c-horizontal-match__overlay-wrapper {\n    display: none;\n  }\n\n  &:focus-visible {\n    border-radius: 5px;\n    border: 1px solid\n      ${(props) =>\n        props.theme.type == themeTypes.light\n          ? \"rgba(0, 0, 0, 0.08)\"\n          : \"rgba(0, 0, 0, 0.16)\"};\n  }\n\n  &.mls-c-horizontal-match--live {\n    border: none;\n    border-left-width: 0;\n    border-radius: 5px;\n    background: ${(props) =>\n      props.theme.type == themeTypes.light\n        ? \"radial-gradient(108.8% 148.13% at 3.68% -8.8%, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%)\"\n        : \"radial-gradient(108.8% 148.13% at 3.68% -8.8%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%)\"};\n    box-shadow: ${(props) =>\n      props.theme.type == themeTypes.light\n        ? \"none\"\n        : \"0px 4px 20px 4px rgba(0, 0, 0, 0.04)\"};\n\n    + div {\n      border-image: none;\n      border-color: transparent;\n    }\n\n    .mls-c-match-list__match-broadcaster {\n      svg {\n        fill: ${(props) => props.theme.rgba.white_111};\n      }\n    }\n  }\n\n  &:hover,\n  &.mls-c-horizontal-match--detail-tap {\n    border-left-width: 0;\n    border-radius: 5px;\n    box-shadow: ${(props) =>\n      props.theme.type == themeTypes.light\n        ? \"0px 4px 8px 4px rgba(0, 0, 0, 0.08)\"\n        : \"0px 4px 8px 4px rgba(0, 0, 0, 0.16)\"};\n\n    background-color:${(props) =>\n      props.theme.type === themeTypes.light\n        ? \"transparent\"\n        : \"rgb(255 255 255 / 3%)\"};\n\n    + div {\n      border-image: none;\n      border-color: transparent;\n    }\n\n    &.mls-c-horizontal-match--detail {\n      padding: 0;\n      position: relative;\n      border: none;\n\n      .mls-c-horizontal-match__content {\n        padding: 8px 18px;\n        filter: blur(4px);\n      }\n\n      .mls-c-horizontal-match__overlay-wrapper {\n        display: flex;\n        background: radial-gradient(\n          108.8% 148.13% at 3.68% -8.8%,\n          rgba(255, 255, 255, 0.2) 0%,\n          rgba(33, 33, 33, 0) 100%\n        );\n        backdrop-filter: blur(4px);\n        border: none;\n        border-radius: 5px;\n      }\n    }\n  }\n\n  .mls-c-scorebug__wrapper {\n    height: 100%;\n  }\n  \n  .mls-c-scorebug__separator {\n    display: none;\n  }\n\n  .mls-c-scorebug__score {\n    padding: 0px;\n    width: inherit;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .--is-goal {\n    .mls-c-scorebug__wrapper {\n      max-height: 62px;\n    }\n  }\n`;\n\nexport const StyledHorizontalMatchContent = styled.div``;\n\nexport const StyledHorizontalBroadcasters = styled.div`\n  .mls-c-match-list__match-broadcaster {\n    display: block;\n    margin-top: 5px;\n  }\n\n  .mls-c-match-list__broadcaster {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    text-align: left;\n\n    span {\n      vertical-align: middle;\n    }\n  }\n`;\n","import React from \"react\";\nimport { StyledHorizontalMatchAggregate } from \"./StyledHorizontalMatchAggregate\";\n\nfunction HorizontalMatchAggregate({ children }) {\n  return (\n    <StyledHorizontalMatchAggregate>{children}</StyledHorizontalMatchAggregate>\n  );\n}\n\nexport default HorizontalMatchAggregate;\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalMatchAggregate = styled.div`\n  margin-top: 8px;\n  margin-bottom: 8px;\n`;\n","import React from \"react\";\nimport { statusTypes, useMatchData } from \"../../mls-match-list/utils\";\nimport { Link } from \"../../shared/components/Link/Link\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport {\n  StyledHorizontalMatchOverlay,\n  StyledHorizontalMatchOverlayDetail,\n  StyledHorizontalMatchOverlaySeparator,\n  StyledHorizontalMatchOverlayStreamer,\n  StyledHorizontalMatchOverlayWrapper,\n} from \"./StyledHorizontalMatchOverlay\";\nimport { MatchWatchLive } from \"../../mls-match-list/v2/MatchWatch/MatchWatchLive\";\nimport { composeAppleProviders } from \"../../mls-match-list/v2/MatchBroadcaster/utils\";\nimport { trackHorizontalScoreboardMatch } from \"../../../libraries/_modules/tracking/helpers\";\n\nexport const HorizontalMatchOverlay = ({\n  matchPageUrl,\n  appleStreamURL,\n  status,\n  position,\n}) => {\n  const { t } = useReactAppState();\n\n  const { mediaProviders, competition, slug } = useMatchData() || {};\n\n  const appleProviders =\n    composeAppleProviders(mediaProviders?.allProvidersList) || null;\n\n  if (!matchPageUrl) return null;\n\n  const trackButton = () => {\n    trackHorizontalScoreboardMatch({\n      clickType: \"match\",\n      clickItem: `${t(\"match_watch_on\")} ${t(\"appletv\")}`.toLowerCase(),\n      match: slug,\n      matchState: status?.abbreviation,\n      competition: competition?.shortName,\n      clickPosition: position,\n    });\n  };\n\n  return (\n    <StyledHorizontalMatchOverlayWrapper className=\"mls-c-horizontal-match__overlay-wrapper\">\n      <StyledHorizontalMatchOverlay className=\"mls-c-horizontal-match__overlay\">\n        {matchPageUrl && (\n          <StyledHorizontalMatchOverlayDetail>\n            <Link url={matchPageUrl}>{t(\"match_details\")}</Link>\n          </StyledHorizontalMatchOverlayDetail>\n        )}\n        <StyledHorizontalMatchOverlaySeparator />\n        <StyledHorizontalMatchOverlayStreamer>\n          {(status?.abbreviation === statusTypes.live ||\n            status?.abbreviation === statusTypes.pre) &&\n            appleStreamURL && (\n              <MatchWatchLive\n                appleStreamURL={appleStreamURL}\n                trackFn={trackButton}\n              />\n            )}\n        </StyledHorizontalMatchOverlayStreamer>\n      </StyledHorizontalMatchOverlay>\n    </StyledHorizontalMatchOverlayWrapper>\n  );\n};\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalMatchOverlayWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  z-index: 1;\n`;\n\nexport const StyledHorizontalMatchOverlay = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_micro};\n  color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.rgba.violet_34_17_34\n      : props.theme.rgba.white_238};\n  font-size: ${(props) => props.theme.mixins.pxToRem(12)};\n  font-weight: 500;\n  line-height: 18px;\n  letter-spacing: 0.02em;\n`;\n\nexport const StyledHorizontalMatchOverlayDetail = styled.div`\n  a:focus-visible {\n    border: 1px solid black;\n  }\n`;\n\nexport const StyledHorizontalMatchOverlaySeparator = styled.div`\n  width: 140px;\n  height: 1px;\n  background-color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.rgba.black_100\n      : props.theme.rgba.white_100};\n  opacity: 0.2;\n  margin-top: 20px;\n`;\n\nexport const StyledHorizontalMatchOverlayStreamer = styled.div`\n  a {\n    margin-top: 20px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n\n    &:focus-visible {\n      border: 1px solid black;\n    }\n  }\n\n  svg {\n    filter: ${(props) =>\n      props.theme.type == themeTypes.light ? \"invert(0)\" : \"invert(1)\"};\n  }\n`;\n","import React from \"react\";\nimport { statusTypes } from \"../../mls-match-list/utils\";\nimport ClubV2 from \"../../shared/components/ClubV2\";\nimport Scorebug, {\n  ScorebugPositionTypes,\n} from \"../../shared/components/Scorebug/Scorebug\";\nimport {\n  StyledHorizontalMatchTile,\n  StyledHorizontalMatchTileClubs,\n} from \"./StyledHorizontalMatchTile\";\n\nexport const HorizontalMatchTile = ({\n  status,\n  homeClubData,\n  awayClubData,\n  homeScore,\n  awayScore,\n  homeClubRank,\n  awayClubRank,\n}) => {\n  return (\n    <StyledHorizontalMatchTile>\n      <StyledHorizontalMatchTileClubs>\n        <ClubV2\n          clubData={homeClubData}\n          rank={homeClubRank}\n          isHome\n          hasAbbreviation\n        />\n        <ClubV2 clubData={awayClubData} rank={awayClubRank} hasAbbreviation />\n      </StyledHorizontalMatchTileClubs>\n      {(status?.abbreviation == statusTypes.live ||\n        status?.abbreviation == statusTypes.post) && (\n        <Scorebug\n          homeScore={homeScore}\n          awayScore={awayScore}\n          position={ScorebugPositionTypes.vertical}\n        />\n      )}\n    </StyledHorizontalMatchTile>\n  );\n};\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalMatchTile = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 6px;\n`;\n\nexport const StyledHorizontalMatchTileClubs = styled.div`\n  .mls-c-club.--home {\n    flex-direction: row;\n    margin-right: 0;\n\n    .mls-c-club__abbreviation {\n      margin-left: 8px;\n      width: 42px;\n      display: flex;\n\n      .mls-c-club__rank {\n        order: 1;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  .mls-c-club.--away {\n    margin-top: 5px;\n    margin-left: 0;\n\n    .mls-c-club__abbreviation {\n      margin-left: 8px;\n      margin-right: 6px;\n      width: 42px;\n      display: flex;\n    }\n  }\n\n  picture,\n  .mls-c-club__picture {\n    width: 28px;\n  }\n`;\n","import React from \"react\";\nimport MatchDataLayer from \"../../mls-match-list/components/MatchDataLayer\";\nimport { composeMatchStatus } from \"../../mls-match-list/utils\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport HorizontalMatch from \"../HorizontalMatch/HorizontalMatch\";\nimport {\n  StyledHorizontalMatches,\n  StyledHorizontalMatchesDesktop,\n  StyledHorizontalMatchesMobile,\n  StyledHorizontalMatchesTitle,\n  StyledHorizontalMatchesWrapper,\n} from \"./StyledHorizontalMatches\";\n\nfunction HorizontalMatches({\n  id,\n  mobileLabel = null,\n  label = null,\n  matches = [],\n  elementIdToScroll,\n  scrollToElement,\n  showClubRanks = false,\n}) {\n  const { urlList, directoryList } = useReactAppState();\n  const { baseUrl } = urlList || {};\n  const { matchHubDir } = directoryList || {};\n\n  React.useLayoutEffect(() => {\n    if (elementIdToScroll === id) {\n      scrollToElement(id);\n    }\n  }, [elementIdToScroll, scrollToElement, id]);\n\n  if (!matches?.length) {\n    return null;\n  }\n\n  return (\n    <StyledHorizontalMatches\n      id={id}\n      className=\"mls-c-horizontal-scoreboard__matches\"\n    >\n      <StyledHorizontalMatchesTitle className=\"mls-c-horizontal-scoreboard__matches-label\">\n        <StyledHorizontalMatchesDesktop className=\"mls-c-horizontal-scoreboard__matches-label__desktop\">\n          {label}\n        </StyledHorizontalMatchesDesktop>\n        <StyledHorizontalMatchesMobile className=\"mls-c-horizontal-scoreboard__matches-label__mobile\">\n          {mobileLabel ? mobileLabel : label}\n        </StyledHorizontalMatchesMobile>\n      </StyledHorizontalMatchesTitle>\n      <StyledHorizontalMatchesWrapper>\n        {matches?.map((match, index) => {\n          const { competition, season, slug, optaId } = match || {};\n          const { optaId: seasonOptaId } = season || {};\n          const { slug: competitionSlug } = competition || {};\n          const matchPageUrl = `${baseUrl}/${matchHubDir}/${competitionSlug}/${seasonOptaId}/matches/${slug}`;\n          const matchStatus = composeMatchStatus({\n            period: match?.period,\n            delayedMatch: match?.delayedMatch,\n          });\n\n          if (!optaId) {\n            return null;\n          }\n\n          return (\n            <MatchDataLayer\n              useEmptyClasses\n              useMatchData\n              matchPageUrl={matchPageUrl}\n              key={`${optaId}-${index}-horizontal`}\n              match={match}\n              matchOptaId={optaId}\n              matchStatus={matchStatus}\n              delayedMatch={match?.delayedMatch}\n            >\n              <HorizontalMatch\n                id={optaId}\n                match={match}\n                key={optaId}\n                position={index + 1}\n                scrollToElement={scrollToElement}\n                elementIdToScroll={elementIdToScroll}\n                showClubRanks={showClubRanks}\n              />\n            </MatchDataLayer>\n          );\n        })}\n      </StyledHorizontalMatchesWrapper>\n    </StyledHorizontalMatches>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nHorizontalMatches = React.memo(HorizontalMatches);\n\nexport default HorizontalMatches;\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalMatches = styled.div`\n  flex-shrink: 0;\n  flex-flow: column;\n  margin-right: 16px;\n`;\n\nexport const StyledHorizontalMatchesWrapper = styled.div`\n  display: flex;\n  margin-top: 10px;\n`;\n\nexport const StyledHorizontalMatchesTitle = styled.div`\n  position: sticky;\n  display: inline;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 40px;\n  text-transform: capitalize;\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_headline};\n  font-weight: 700;\n  font-size: ${(props) =>\n    props.theme.mixins.pxToRem(props.theme.figma.base.scale_1_50)};\n  line-height: 16px;\n  letter-spacing: 0.04em;\n  color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.rgba.black_45\n      : props.theme.rgba.white_100};\n  opacity: ${(props) => (props.theme.type == themeTypes.light ? 1 : 0.6)};\n`;\n\nexport const StyledHorizontalMatchesDesktop = styled.span``;\n\nexport const StyledHorizontalMatchesMobile = styled.span``;\n\n","import { format, isToday } from \"date-fns\";\nimport dayjs from \"dayjs\";\nimport React from \"react\";\nimport { useQuery } from \"react-query\";\nimport { getDateTranslation } from \"../../mls-vertical-scoreboard/utils\";\nimport { fetchClient } from \"../../shared/api/fetching\";\nimport { token, mlsMatchesStatsAPI } from \"../../shared/api/variables\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport {\n  groupMatchesByMatchDate,\n  mergeMlsMatchesAPIResults,\n} from \"../../shared/match/utils\";\nimport { getCultureLocalizer } from \"../../shared/utils\";\nimport { HorizontalFullSchedule } from \"../HorizontalFullSchedule/HorizontalFullSchedule\";\nimport HorizontalMatches from \"../HorizontalMatches/HorizontalMatches\";\nimport { StyledHorizontalScoreboard } from \"./StyledHorizontalScoreboard\";\nimport useElementToScroll from \"./useElementToScroll\";\n\nfunction HorizontalScoreboard({ matches, innerRef, showClubRanks = false }) {\n  const { t, apiList } = useReactAppState();\n  const matchesOptaIds = matches?.map((match) => match?.optaId);\n  const { statsAPI } = apiList || {};\n\n  const mlsMatchEndpoint = mlsMatchesStatsAPI({ matchesOptaIds });\n  const { data: statsAPIMatches } = useQuery({\n    queryKey: [`mls-match`, { matchesOptaIds }],\n    queryFn: () =>\n      fetchClient({ endpoint: mlsMatchEndpoint, apiURL: statsAPI, token }),\n    enabled: matchesOptaIds?.length > 0,\n    refetchInterval: 60000,\n  });\n\n  const mergedMatches = React.useMemo(() => {\n    return matches?.length && statsAPIMatches?.length\n      ? mergeMlsMatchesAPIResults({ sportAPIMatches: matches, statsAPIMatches })\n      : null;\n  }, [matches, statsAPIMatches]);\n\n  const groupedMatches = React.useMemo(() => {\n    return mergedMatches?.length\n      ? groupMatchesByMatchDate(mergedMatches, false)\n      : null;\n  }, [mergedMatches]);\n\n  const { scrollToElement, elementIdToScroll } = useElementToScroll(\n    groupedMatches\n  );\n\n  if (!matches) {\n    return null;\n  }\n\n  return (\n    innerRef && (\n      <>\n        <StyledHorizontalScoreboard\n          ref={innerRef}\n          className=\"mls-c-horizontal-scoreboard\"\n        >\n          {groupedMatches?.length && <HorizontalFullSchedule />}\n          {groupedMatches?.map((matches, i) => {\n            const today = isToday(dayjs(matches?.date).toDate());\n\n            const label = today\n              ? t(\"today\")\n              : getDateTranslation(matches?.date, t);\n\n            const mobileLabel = format(matches?.date, \"eee MM/dd\", {\n              locale: getCultureLocalizer(),\n            });\n\n            return (\n              <HorizontalMatches\n                key={\"horizontal-matches-\" + i}\n                id={\"horizontal-matches-\" + i}\n                elementIdToScroll={elementIdToScroll}\n                scrollToElement={scrollToElement}\n                mobileLabel={mobileLabel}\n                label={label}\n                matches={matches?.matches}\n                showClubRanks={showClubRanks}\n              />\n            );\n          })}\n        </StyledHorizontalScoreboard>\n      </>\n    )\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nHorizontalScoreboard = React.memo(HorizontalScoreboard);\n\nexport default HorizontalScoreboard;\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalScoreboard = styled.div`\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 174px;\n  flex-direction: row;\n  overflow-x: scroll;\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n  scrollbar-width: none;  /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;","import { useCallback, useMemo, useRef } from \"react\";\nimport {\n  getMatchesByDate,\n  getNearestDate,\n  getNearestMatch,\n  getTodaysNearestMatch,\n} from \"./utils\";\n\nfunction useElementToScroll(groupedMatches) {\n  const isScrolled = useRef(false);\n\n  const scrollToElement = useCallback((elementId) => {\n    if (isScrolled.current) return;\n\n    const element = document.getElementById(elementId);\n\n    if (!element) {\n      throw new Error(`Element with id ${elementId} not found`);\n    }\n\n    element.scrollIntoView({\n      block: \"nearest\",\n      inline: \"start\",\n    });\n  }, []);\n\n  const elementIdToScroll =\n    useMemo(() => {\n      if (!groupedMatches) {\n        return null;\n      }\n\n      const todaysMatch = getTodaysNearestMatch(groupedMatches);\n\n      if (todaysMatch) {\n        return todaysMatch.optaId;\n      }\n\n      const nearestDate = getNearestDate({ dates: groupedMatches });\n      const nearestGroupedMatches = getMatchesByDate(\n        groupedMatches,\n        nearestDate\n      );\n      const nearestMatch = getNearestMatch(\n        nearestGroupedMatches.matches,\n        nearestDate\n      );\n\n      return nearestMatch?.optaId;\n    }, [groupedMatches]) || \"horizontal-matches-0\";\n\n  return { scrollToElement, elementIdToScroll };\n}\n\nexport default useElementToScroll;\n","import React from \"react\";\nimport { StyledHorizontalScoreboardFallback } from \"./StyledHorizontalScoreboardFallback\";\nimport HorizontalMatchSkeleton from \"../HorizontalMatch/Skeleton/HorizontalMatchSkeleton\";\n\nfunction HorizontalScoreboardFallback() {\n  return (\n    <StyledHorizontalScoreboardFallback>\n      <HorizontalMatchSkeleton />\n      <HorizontalMatchSkeleton />\n      <HorizontalMatchSkeleton />\n      <HorizontalMatchSkeleton />\n      <HorizontalMatchSkeleton />\n    </StyledHorizontalScoreboardFallback>\n  );\n}\n\nexport default HorizontalScoreboardFallback;\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalScoreboardFallback = styled.div`\n  display: flex;\n  width: 100%;\n`;\n","import React from \"react\";\nimport { LeftArrowIcon } from \"../../shared/svg/LeftArrowIcon/LeftArrowIcon\";\nimport { RightArrowIcon } from \"../../shared/svg/RightArrowIcon/RightArrowIcon\";\nimport { StyledHorizontalScoreboardNavigator } from \"./StyledHorizontalScoreboardNavigator\";\n\nexport const HorizontalScoreboardNavigatorTypes = {\n  left: \"left\",\n  right: \"right\",\n};\n\nexport const HorizontalScoreboardNavigator = ({\n  innerRef,\n  position = \"\",\n  onClick = () => null,\n}) => {\n  if (\n    position !== HorizontalScoreboardNavigatorTypes.left &&\n    position !== HorizontalScoreboardNavigatorTypes.right\n  ) {\n    return null;\n  }\n\n  return (\n    <StyledHorizontalScoreboardNavigator\n      ref={innerRef}\n      onClick={onClick}\n      className={`mls-c-horizontal-scoreboard__navigator--${position}`}\n    >\n      {position == HorizontalScoreboardNavigatorTypes.right ? (\n        <RightArrowIcon width={5} height={10} maskId=\"horizontal-scoreboard__navigator\"/>\n      ) : (\n        <LeftArrowIcon width={5} height={10} />\n      )}\n    </StyledHorizontalScoreboardNavigator>\n  );\n};\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../shared/styled/Theme\";\n\nexport const StyledHorizontalScoreboardNavigator = styled.div`\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);\n  background: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.rgba.white_100\n      : props.theme.rgba.black_33};\n  opacity: 0.9;\n  cursor: pointer;\n  visibility: hidden;\n\n  &.--show {\n    visibility: visible;\n  }\n`;\n","import classNames from \"classnames\";\nimport React, { createRef } from \"react\";\nimport { ContainerQuery } from \"react-container-query\";\nimport { useQuery } from \"react-query\";\nimport { fetchClient } from \"../../shared/api/fetching\";\nimport { d3DateRangeScoreboardAPI } from \"../../shared/api/variables\";\nimport { useReactAppState } from \"../../shared/containers/utils\";\nimport { query } from \"../../shared/styled/Theme\";\nimport HorizontalScoreboard from \"../HorizontalScoreboard/HorizontalScoreboard\";\nimport {\n  HorizontalScoreboardNavigator,\n  HorizontalScoreboardNavigatorTypes,\n} from \"../HorizontalScoreboardNavigator/HorizontalScoreboardNavigator\";\nimport {\n  SCROLL_DEBOUNCE_TIME,\n  getMatchInitialDate,\n  handleNavigators,\n  moveHorizontalScoreboard,\n} from \"../utils\";\nimport { StyledHorizontalScoreboardWrapper } from \"./StyledHorizontalScoreboardWrapper\";\nimport HorizontalScoreboardFallback from \"../HorizontalScoreboardFallback/HorizontalScoreboardFallback\";\nimport EmptyState from \"../../shared/components/EmptyState\";\nimport useIsMobile from \"../../shared/hooks/useIsMobile\";\nimport { debounce } from \"lodash\";\n\nexport const HorizontalScoreboardWrapper = ({ options }) => {\n  const {\n    dateFrom,\n    dateTo,\n    competitionOptaId,\n    clubOptaId,\n    matchDay,\n    roundNumber,\n    showClubRanks,\n  } = options || {};\n  const isMobile = useIsMobile();\n  const { apiList } = useReactAppState();\n  const { d3SportsAPI } = apiList || {};\n  const scoreboardRef = createRef();\n  const navigatorLeftRef = createRef();\n  const navigatorRightRef = createRef();\n\n  const { from, to } = getMatchInitialDate(dateFrom, dateTo) || {};\n  const useFallbackDate = !dateFrom && !dateTo && !matchDay && !roundNumber;\n  const matchesDateFromToEndpoint = d3DateRangeScoreboardAPI({\n    isoStringRE: dateFrom && dateTo ? to : useFallbackDate ? to : null,\n    isoStringRS: dateFrom && dateTo ? from : useFallbackDate ? from : null,\n    competitionOptaId,\n    excludeSecondaryTeams: true,\n    extendDays: true,\n    excludeVenue: true,\n    clubOptaId,\n    matchDay,\n    roundNumber,\n  });\n\n  const { data: matches, isLoading } = useQuery({\n    queryKey: [`d3-matches-scoreboard`, { from, to }],\n    queryFn: () =>\n      fetchClient({\n        endpoint: matchesDateFromToEndpoint ? matchesDateFromToEndpoint : null,\n        apiURL: d3SportsAPI,\n      }),\n  });\n\n  if (isLoading) {\n    return <HorizontalScoreboardFallback />;\n  }\n\n  const handleScroll = debounce(() => {\n    handleNavigators({\n      scoreboardRef,\n      navigatorLeftRef,\n      navigatorRightRef,\n    });\n  }, SCROLL_DEBOUNCE_TIME);\n\n  return (\n    <ContainerQuery query={query}>\n      {(params) =>\n        matches?.length ? (\n          <>\n            <StyledHorizontalScoreboardWrapper\n              onMouseEnter={() =>\n                handleNavigators({\n                  scoreboardRef,\n                  navigatorLeftRef,\n                  navigatorRightRef,\n                })\n              }\n              onScrollCapture={handleScroll}\n              className={`mls-c-horizontal-scoreboard-wrapper ${classNames(\n                params,\n              )}`}\n            >\n              <HorizontalScoreboard\n                matches={matches}\n                showClubRanks={showClubRanks}\n                innerRef={scoreboardRef}\n              />\n              {!isMobile && (\n                <>\n                  <HorizontalScoreboardNavigator\n                    innerRef={navigatorLeftRef}\n                    onClick={(e) =>\n                      moveHorizontalScoreboard({\n                        e,\n                        position: HorizontalScoreboardNavigatorTypes.left,\n                        scoreboardRef,\n                        navigatorLeftRef,\n                        navigatorRightRef,\n                      })\n                    }\n                    position={HorizontalScoreboardNavigatorTypes.left}\n                  />\n                  <HorizontalScoreboardNavigator\n                    innerRef={navigatorRightRef}\n                    onClick={(e) =>\n                      moveHorizontalScoreboard({\n                        e,\n                        position: HorizontalScoreboardNavigatorTypes.right,\n                        scoreboardRef,\n                        navigatorLeftRef,\n                        navigatorRightRef,\n                      })\n                    }\n                    position={HorizontalScoreboardNavigatorTypes.right}\n                  />\n                </>\n              )}\n            </StyledHorizontalScoreboardWrapper>\n          </>\n        ) : (\n          <EmptyState emptyStateTranslation=\"match_no_matches\" />\n        )\n      }\n    </ContainerQuery>\n  );\n};\n","import styled from \"styled-components\";\n\nexport const StyledHorizontalScoreboardWrapper = styled.div`\n  position: relative;\n  -webkit-text-size-adjust: 100%;\n  height: 174px;\n\n  .mls-c-horizontal-scoreboard__navigator--left {\n    position: absolute;\n    top: 80px;\n    left: 16px;\n    display: none;\n  }\n\n  \n  .mls-c-horizontal-scoreboard__navigator--right {\n    position: absolute;\n    top: 80px;\n    right: 16px;\n    display: none;\n  }\n\n  &:hover {\n    .mls-c-horizontal-scoreboard__navigator--left,\n    .mls-c-horizontal-scoreboard__navigator--right {\n      display: flex;\n    }\n  }\n\n  &.sm, &.xs, &.xxs {\n    .mls-c-horizontal-scoreboard__matches-label__desktop {\n      display: none;\n    }\n    \n    .mls-c-horizontal-scoreboard__matches-label__mobile {\n      display: inline;\n    }\n\n    .mls-c-horizontal-match {\n      &:hover, &.mls-c-horizontal-match--detail-tap {\n        box-shadow: none;\n        border-left-width: 1px;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &.md, &.lg, &.xl, &.xxl, &.xxxl {\n    .mls-c-horizontal-scoreboard__matches-label__desktop {\n      display: inline;\n    }\n    \n    .mls-c-horizontal-scoreboard__matches-label__mobile {\n      display: none;\n    }\n  }\n`;\n","export { default } from './main';","import React from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { Theme, themeTypes } from \"../shared/styled/Theme\";\nimport { HorizontalScoreboardWrapper } from \"./HortizontalScoreboardWrapper/HorizontalScoreboardWrapper\";\n\nfunction HorizontalScoreboardMain({ options }) {\n  return (\n    <ThemeProvider\n      theme={{ ...Theme, type: options?.useDarkTheme ? themeTypes.dark : themeTypes.light }}\n    >\n      <HorizontalScoreboardWrapper options={options} />\n    </ThemeProvider>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nHorizontalScoreboardMain = React.memo(HorizontalScoreboardMain);\n\nexport default HorizontalScoreboardMain;\n","import { HorizontalScoreboardNavigatorTypes } from \"./HorizontalScoreboardNavigator/HorizontalScoreboardNavigator\";\nimport { addDays, format, isValid, parse, subDays } from \"date-fns\";\nimport { enUS } from \"date-fns/locale\";\nimport { getCultureLocalizer } from \"../shared/utils\";\n\nconst datePositionTypes = {\n  from: \"from\",\n  to: \"to\",\n};\n\nconst FULL_SCHEDULE_DEFAULT_WIDTH = 176;\nexport const SCROLL_DEBOUNCE_TIME = 300;\nconst ELEMENT_GAP = 16;\n\nconst getDateOrDefault = (dateString, dateDirectionType = null) => {\n  if (!dateString) {\n    const now = Date.now();\n    const sixDaysAgo = subDays(now, 10);\n    const sixDaysLater = addDays(now, 10);\n    const dateObj =\n      dateDirectionType === datePositionTypes.from\n        ? { date: sixDaysAgo, dateString: format(sixDaysAgo, \"yyyy-MM-dd\") }\n        : {\n            date: sixDaysLater,\n            dateString: format(sixDaysLater, \"yyyy-MM-dd\"),\n          };\n\n    return dateObj;\n  }\n\n  return {\n    date: parse(dateString, \"yyyy-MM-dd\", new Date()),\n    dateString,\n  };\n};\n\nexport const getMatchInitialDate = (dateFrom, dateTo) => {\n  const from = getDateOrDefault(dateFrom, datePositionTypes.from);\n  const to = getDateOrDefault(dateTo, datePositionTypes.to);\n  const formattedDateString =\n    from.dateString === to.dateString\n      ? format(from.date, \"PPPP\", { locale: getCultureLocalizer() })\n      : `${format(from.date, \"PPPP\", {\n          locale: getCultureLocalizer(),\n        })} - ${format(to.date, \"PPPP\", { locale: getCultureLocalizer() })}`;\n\n  return { from: from.dateString, to: to.dateString, formattedDateString };\n};\n\nexport const handleInitialPosition = ({ scoreboardRef }) => {\n  const currentScoreboardRef = scoreboardRef?.current;\n\n  if (currentScoreboardRef) {\n    currentScoreboardRef.scroll({ left: 1920 });\n    currentScoreboardRef.scrollLeft = 1920;\n  }\n};\n\nexport const handleNavigators = ({\n  navigatorLeftRef,\n  navigatorRightRef,\n  scoreboardRef,\n}) => {\n  if (!scoreboardRef?.current) {\n    return;\n  }\n\n  const scoreboard = scoreboardRef?.current;\n\n  const fullScheduleButtonWidth = getScheduleButtonWidth(scoreboard);\n  const leftPosition = scoreboard.scrollLeft;\n  const scrollWidth = scoreboard.scrollWidth;\n  const wrapperWidth = scoreboard.offsetWidth;\n\n  const hideLeftArrow = leftPosition < fullScheduleButtonWidth;\n  const hideRightArrow =\n    leftPosition + ELEMENT_GAP >= scrollWidth - wrapperWidth;\n\n  const currentNavigatorLeftRef = navigatorLeftRef?.current;\n  const currentNavigatorRightRef = navigatorRightRef?.current;\n\n  if (hideLeftArrow) {\n    currentNavigatorLeftRef.classList.remove(\"--show\");\n  } else {\n    currentNavigatorLeftRef.classList.add(\"--show\");\n  }\n\n  if (hideRightArrow) {\n    currentNavigatorRightRef.classList.remove(\"--show\");\n  } else {\n    currentNavigatorRightRef.classList.add(\"--show\");\n  }\n};\n\nexport const moveHorizontalScoreboard = ({\n  e,\n  position,\n  scoreboardRef,\n  navigatorLeftRef,\n  navigatorRightRef,\n}) => {\n  e.preventDefault();\n  const currentRef = scoreboardRef?.current;\n  const currentNavigatorLeftRef = navigatorLeftRef?.current;\n  const currentNavigatorRightRef = navigatorRightRef?.current;\n\n  if (currentRef?.scrollLeft >= 0) {\n    currentNavigatorLeftRef.classList.add(\"--show\");\n  }\n\n  if (\n    (position !== HorizontalScoreboardNavigatorTypes.left &&\n      position !== HorizontalScoreboardNavigatorTypes.right) ||\n    !currentRef\n  )\n    return null;\n\n  if (currentNavigatorLeftRef && currentNavigatorRightRef) {\n    currentNavigatorLeftRef.style.pointerEvents = \"none\";\n    currentNavigatorRightRef.style.pointerEvents = \"none\";\n  }\n\n  const wrapperWidth = currentRef?.offsetWidth;\n\n  const nextLeft =\n    position === HorizontalScoreboardNavigatorTypes.left\n      ? currentRef.scrollLeft - wrapperWidth\n      : currentRef.scrollLeft + wrapperWidth;\n\n  const nextPosition = getNextScrollPosition({\n    currentRef,\n    position,\n    nextLeft,\n  });\n\n  if (nextPosition) {\n    const fullScheduleButtonWidth = getScheduleButtonWidth(currentRef);\n    const left =\n      nextPosition > fullScheduleButtonWidth + ELEMENT_GAP ? nextPosition : 0;\n    currentRef.scroll({\n      left,\n      behavior: \"smooth\",\n    });\n  }\n\n  if (currentNavigatorLeftRef && currentNavigatorRightRef) {\n    currentNavigatorLeftRef.style.pointerEvents = \"auto\";\n    currentNavigatorRightRef.style.pointerEvents = \"auto\";\n  }\n};\n\nfunction getScheduleButtonWidth(currentRef) {\n  const fullScheduleButtons = currentRef.querySelectorAll(\n    \".mls-c-horizontal-scoreboard__full-schedule\"\n  );\n\n  const fullScheduleButton = Array.isArray(fullScheduleButtons)\n    ? fullScheduleButtons[0]\n    : null;\n\n  const fullScheduleButtonWidth =\n    fullScheduleButton?.offsetWidth || FULL_SCHEDULE_DEFAULT_WIDTH;\n\n  return fullScheduleButtonWidth;\n}\n\nfunction getNextScrollPosition({ currentRef, position, nextLeft }) {\n  const elements = currentRef.querySelectorAll(\".mls-c-horizontal-match\");\n  let nextPosition = null;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n    const elementLeftPosition =\n      position === HorizontalScoreboardNavigatorTypes.left\n        ? element.offsetLeft\n        : element.offsetLeft + element.offsetWidth;\n\n    if (elementLeftPosition > nextLeft) {\n      nextPosition = element.offsetLeft;\n      break;\n    }\n  }\n\n  return nextPosition;\n}\n\nexport const getDateTranslation = (date, t) => {\n  if (!date || !t) return null;\n\n  const dayObj = new Date(date);\n\n  if (isValid(dayObj)) {\n    const weekdayLabelFormat = format(dayObj, \"cccc\", {\n      locale: getCultureLocalizer(),\n    })?.toLowerCase();\n    const dayLabelFormat = format(dayObj, \"d\");\n    const monthLabelFormat = format(dayObj, \"MMMM\", {\n      locale: getCultureLocalizer(),\n    })?.toLowerCase();\n\n    if (getCultureLocalizer() !== enUS) {\n      return `${t(weekdayLabelFormat)} ${dayLabelFormat} ${t(\n        monthLabelFormat\n      )}`;\n    }\n\n    if (getCultureLocalizer() == enUS) {\n      return `${t(weekdayLabelFormat)} ${t(\n        monthLabelFormat\n      )} ${dayLabelFormat}`;\n    }\n  } else {\n    return date;\n  }\n};\n","import React from \"react\";\nimport { StyledEmptyState, StyledEmptyStateText } from \"./StyledEmptyState\";\nimport { useReactAppState } from \"../../containers/utils\";\n\nfunction EmptyState({ emptyStateTranslation }) {\n  const { t } = useReactAppState();\n\n  return (\n    <StyledEmptyState>\n      <svg viewBox=\"0 0 159 87\">\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <path\n            stroke=\"#000\"\n            strokeWidth=\"5\"\n            d=\"M156.2 20a14.6 14.6 0 11-29.2 0 14.6 14.6 0 0129.2 0zm-34 17.5L74.9 85m47.5-27.5L94.8 85\"\n          />\n          <path\n            fill=\"#000\"\n            d=\"M6 0L0 6v50.8h.2L5 52V5h83.3v51.8h.1l4.9-4.9V0z\"\n          />\n        </g>\n      </svg>\n      <StyledEmptyStateText>{t(emptyStateTranslation)}</StyledEmptyStateText>\n    </StyledEmptyState>\n  );\n}\n\nexport default EmptyState;\n","import styled from \"styled-components\";\n\nexport const StyledEmptyState = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  svg {\n    height: 100px;\n    width: 100px;\n  }\n\n  @media (min-width: ${(props) => props.theme.query.md.maxWidth}px) {\n    svg {\n      height: 130px;\n      width: 130px;\n    }\n  }\n`;\n\nexport const StyledEmptyStateText = styled.div`\n  width: 140px;\n  text-align: center;\n  font-weight: ${(props) => props.theme.figma.base.scale_70};\n  font-size: ${(props) =>\n    props.theme.mixins.pxToRem(props.theme.figma.base.scale_2)};\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_standard};\n\n  @media (min-width: ${(props) => props.theme.query.md.maxWidth}px) {\n    width: 220px;\n    font-size: ${(props) =>\n      props.theme.mixins.pxToRem(props.theme.figma.base.scale_3)};\n  }\n`;\n","export { default } from \"./EmptyState\";\n","import React from \"react\";\nimport { Bar, Circle, Wrapper, Img } from \"./SkeletonElements\";\n\nexport const SKELETON_TYPES = {\n  circle: \"circle\",\n  bar: \"bar\",\n  image: \"image\",\n};\n\nfunction Skeleton({ speed, width, height, backgroundColor, elements }) {\n  return (\n    <Wrapper width={width} height={height} className=\"mls-c-skeleton\">\n      {elements.map(({ type, ...rest }, index) => {\n        if (type === SKELETON_TYPES.circle) {\n          return (\n            <Circle\n              key={index}\n              speed={speed}\n              backgroundColor={backgroundColor}\n              {...rest}\n            />\n          );\n        } else if (type === SKELETON_TYPES.image) {\n          return (\n            <Img\n              width={rest.width}\n              height={rest.height}\n              key={index}\n              speed={speed}\n              backgroundColor={backgroundColor}\n              {...rest}\n            />\n          );\n        } else if (type === SKELETON_TYPES.bar) {\n          return (\n            <Bar\n              key={index}\n              speed={speed}\n              backgroundColor={backgroundColor}\n              {...rest}\n            />\n          );\n        }\n      })}\n    </Wrapper>\n  );\n}\n\nSkeleton.defaultProps = {\n  speed: 1.5,\n  width: \"auto\",\n};\n\nexport default Skeleton;\n","import styled, { css, keyframes } from \"styled-components\";\n\nconst fadeIn = keyframes`\n  0%, 100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .4;\n  }\n`;\n\nexport const Wrapper = styled.div`\n  position: relative;\n  width: ${(props) =>\n    props.height\n      ? `${props.width === \"auto\" ? \"auto\" : `${props.width}px`}`\n      : \"auto\"}};\n  height: ${(props) => (props.height ? `${props.height}px` : \"auto\")}};\n`;\n\nconst CommonStyles = css`\n  position: absolute;\n  width: ${(props) => props.width}px;\n  height: ${(props) => props.height}px;\n  top: ${(props) => props.positionY || props.top}px;\n  left: ${(props) => props.positionX || props.left}px;\n  bottom: ${(props) => props.bottom}px;\n  right: ${(props) => props.right}px;\n  animation: ${fadeIn} ${(props) => props.speed}s ease-in-out infinite;\n`;\n\nexport const Bar = styled.div`\n  ${CommonStyles}\n  border-radius: ${(props) => props.borderRadius}px;\n  animation: ${fadeIn} ${(props) => props.speed}s ease-in-out infinite;\n  background-color: ${(props) =>\n    props.backgroundColor || props.theme.figma.base.color_offblack_10};\n`;\n\nexport const Circle = styled.div`\n  ${CommonStyles}\n  width: ${(props) => props.radius}px;\n  height: ${(props) => props.radius}px;\n  border-radius: ${(props) => props.radius}px;\n  animation: ${fadeIn} ${(props) => props.speed}s ease-in-out infinite;\n  background-color: ${(props) =>\n    props.backgroundColor || props.theme.figma.base.color_offblack_10};\n`;\n\nexport const Img = styled.img`\n  ${CommonStyles}\n  max-width: none;\n`;\n","import React from 'react';\n\nexport default function useInterval(callback, delay) {\n  const savedCallback = React.useRef();\n\n  // Remember the latest function.\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n}\n","import React from \"react\";\n\nexport const LeftArrowIcon = ({ width, height, extraClasses }) => {\n  return (\n    <span role=\"img\" className={extraClasses}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={width || \"100%\"}\n        height={height || \"100%\"}\n        viewBox=\"0 0 5 10\"\n        fill=\"none\"\n      >\n        <g clipPath=\"url(#clip0_619_4608)\">\n          <mask id=\"path-1-inside-1_619_4608\" fill=\"white\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M5.38477 10.0996L0.384766 5.10048L5.38477 0.0996094\"\n            />\n          </mask>\n          <path\n            d=\"M6.09181 9.39244C6.48237 9.78293 6.48242 10.4161 6.09193 10.8067C5.70144 11.1972 5.06828 11.1973 4.67772 10.8068L6.09181 9.39244ZM0.384766 5.10048L-0.32228 5.80764L-1.02945 5.1006L-0.322402 4.39343L0.384766 5.10048ZM4.6776 -0.607436C5.06809 -0.997994 5.70125 -0.998049 6.09181 -0.607559C6.48237 -0.217069 6.48242 0.416097 6.09193 0.806655L4.6776 -0.607436ZM4.67772 10.8068L-0.32228 5.80764L1.09181 4.39331L6.09181 9.39244L4.67772 10.8068ZM-0.322402 4.39343L4.6776 -0.607436L6.09193 0.806655L1.09193 5.80752L-0.322402 4.39343Z\"\n            fill=\"#AAAAAA\"\n            mask=\"url(#path-1-inside-1_619_4608)\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_619_4608\">\n            <rect width=\"5\" height=\"10\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    </span>\n  );\n};\n","/** @license React v16.13.1\n * react-is.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n\n\nif (process.env.NODE_ENV !== \"production\") {\n  (function() {\n'use strict';\n\n// The Symbol used to tag the ReactElement-like types. If there is no native Symbol\n// nor polyfill, then a plain number is used for performance.\nvar hasSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;\nvar REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;\nvar REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;\nvar REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;\nvar REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;\nvar REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;\nvar REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary\n// (unstable) APIs that have been removed. Can we remove the symbols?\n\nvar REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;\nvar REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;\nvar REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;\nvar REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;\nvar REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;\nvar REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;\nvar REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;\nvar REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;\nvar REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;\nvar REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;\nvar REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;\n\nfunction isValidElementType(type) {\n  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.\n  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);\n}\n\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    var $$typeof = object.$$typeof;\n\n    switch ($$typeof) {\n      case REACT_ELEMENT_TYPE:\n        var type = object.type;\n\n        switch (type) {\n          case REACT_ASYNC_MODE_TYPE:\n          case REACT_CONCURRENT_MODE_TYPE:\n          case REACT_FRAGMENT_TYPE:\n          case REACT_PROFILER_TYPE:\n          case REACT_STRICT_MODE_TYPE:\n          case REACT_SUSPENSE_TYPE:\n            return type;\n\n          default:\n            var $$typeofType = type && type.$$typeof;\n\n            switch ($$typeofType) {\n              case REACT_CONTEXT_TYPE:\n              case REACT_FORWARD_REF_TYPE:\n              case REACT_LAZY_TYPE:\n              case REACT_MEMO_TYPE:\n              case REACT_PROVIDER_TYPE:\n                return $$typeofType;\n\n              default:\n                return $$typeof;\n            }\n\n        }\n\n      case REACT_PORTAL_TYPE:\n        return $$typeof;\n    }\n  }\n\n  return undefined;\n} // AsyncMode is deprecated along with isAsyncMode\n\nvar AsyncMode = REACT_ASYNC_MODE_TYPE;\nvar ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;\nvar ContextConsumer = REACT_CONTEXT_TYPE;\nvar ContextProvider = REACT_PROVIDER_TYPE;\nvar Element = REACT_ELEMENT_TYPE;\nvar ForwardRef = REACT_FORWARD_REF_TYPE;\nvar Fragment = REACT_FRAGMENT_TYPE;\nvar Lazy = REACT_LAZY_TYPE;\nvar Memo = REACT_MEMO_TYPE;\nvar Portal = REACT_PORTAL_TYPE;\nvar Profiler = REACT_PROFILER_TYPE;\nvar StrictMode = REACT_STRICT_MODE_TYPE;\nvar Suspense = REACT_SUSPENSE_TYPE;\nvar hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated\n\nfunction isAsyncMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsAsyncMode) {\n      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');\n    }\n  }\n\n  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;\n}\nfunction isConcurrentMode(object) {\n  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;\n}\nfunction isContextConsumer(object) {\n  return typeOf(object) === REACT_CONTEXT_TYPE;\n}\nfunction isContextProvider(object) {\n  return typeOf(object) === REACT_PROVIDER_TYPE;\n}\nfunction isElement(object) {\n  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n}\nfunction isForwardRef(object) {\n  return typeOf(object) === REACT_FORWARD_REF_TYPE;\n}\nfunction isFragment(object) {\n  return typeOf(object) === REACT_FRAGMENT_TYPE;\n}\nfunction isLazy(object) {\n  return typeOf(object) === REACT_LAZY_TYPE;\n}\nfunction isMemo(object) {\n  return typeOf(object) === REACT_MEMO_TYPE;\n}\nfunction isPortal(object) {\n  return typeOf(object) === REACT_PORTAL_TYPE;\n}\nfunction isProfiler(object) {\n  return typeOf(object) === REACT_PROFILER_TYPE;\n}\nfunction isStrictMode(object) {\n  return typeOf(object) === REACT_STRICT_MODE_TYPE;\n}\nfunction isSuspense(object) {\n  return typeOf(object) === REACT_SUSPENSE_TYPE;\n}\n\nexports.AsyncMode = AsyncMode;\nexports.ConcurrentMode = ConcurrentMode;\nexports.ContextConsumer = ContextConsumer;\nexports.ContextProvider = ContextProvider;\nexports.Element = Element;\nexports.ForwardRef = ForwardRef;\nexports.Fragment = Fragment;\nexports.Lazy = Lazy;\nexports.Memo = Memo;\nexports.Portal = Portal;\nexports.Profiler = Profiler;\nexports.StrictMode = StrictMode;\nexports.Suspense = Suspense;\nexports.isAsyncMode = isAsyncMode;\nexports.isConcurrentMode = isConcurrentMode;\nexports.isContextConsumer = isContextConsumer;\nexports.isContextProvider = isContextProvider;\nexports.isElement = isElement;\nexports.isForwardRef = isForwardRef;\nexports.isFragment = isFragment;\nexports.isLazy = isLazy;\nexports.isMemo = isMemo;\nexports.isPortal = isPortal;\nexports.isProfiler = isProfiler;\nexports.isStrictMode = isStrictMode;\nexports.isSuspense = isSuspense;\nexports.isValidElementType = isValidElementType;\nexports.typeOf = typeOf;\n  })();\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":[],"sourceRoot":""}