{"version":3,"file":"js/scripts_react_mls-match-list_components_MatchDataLayer_index_js.js?_t=243e170d064a9ee400db","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAQA;AAEA;AAGA;AAKA;AAEA;AACA;AAGA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;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;AAGA;AACA;AAEA;AAEA;AACA;AACA;AAMA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAAA;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;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAKA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AAGA;AAAA;AACA;AAEA;AACA;AAEA;AAGA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAGA;AAWA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AAMA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAIA;AAEA;;;;;;;;;;;;;;;;ACvaA;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAGA;AAAA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACpJA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AAMA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AAIA;AAAA;AAGA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA","sources":["webpack://@mlssoccer/netcore/./scripts/react/mls-match-list/components/MatchDataLayer/MatchDataLayer.js","webpack://@mlssoccer/netcore/./scripts/react/mls-match-list/components/MatchDataLayer/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useMatchInfo.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useMatchStatus.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  composeMatchStatus,\n  MatchContext,\n  periodTypes,\n  resultTypes,\n  statusTypes,\n  useLocalMatchDateTime,\n  useMediaProviders,\n} from \"../../utils\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\nimport {\n  actionTypes as matchInfoActionTypes,\n  useMatchInfo,\n} from \"../../../shared/hooks/useMatchInfo\";\nimport {\n  apiURL,\n  mlsGoalsAPI,\n  mlsPenaltyKicksAPI,\n} from \"../../../shared/api/variables\";\nimport { useQuery } from \"react-query\";\nimport { fetchClient } from \"../../../shared/api/fetching\";\nimport {\n  actionTypes as matchStatusActionTypes,\n  useMatchStatus,\n} from \"../../../shared/hooks/useMatchStatus\";\n\nfunction MatchDataLayer({\n  matchStatus,\n  children,\n  match,\n  listType,\n  displayMatchDate,\n  extraCssClasses,\n  matchOptaId,\n  matchPageUrl,\n  useEmptyClasses = false,\n  useMatchData = false,\n  queryClassName = null,\n  delayedMatch = false,\n}) {\n  const {\n    broadcasters,\n    homeClubBroadcasters,\n    awayClubBroadcasters,\n    clubBroadcasters,\n    competition,\n    away,\n    home,\n    leagueMatchTitle,\n    venue,\n    matchDate,\n    matchKickOffTime,\n    mgmId,\n    firstPartyTickets,\n    thirdPartyTickets,\n    hotelBooking,\n    promotionalStay,\n    promotionalSponsor,\n    promotionalRide,\n    promotionalMisc1,\n    promotionalMisc2,\n    promotionalFly,\n    promo,\n    sponsorImage,\n    slug,\n    season,\n    isTimeTbd,\n    period,\n    homeClubMatch,\n    awayClubMatch,\n    previous_match_id,\n    leg,\n    match_type,\n    result_type,\n    minute_display,\n    is_final,\n    appleSubscriptionTier,\n    appleStreamURL,\n    roundName,\n    roundGroup,\n    competitionPhase,\n    homeClubRank,\n    awayClubRank,\n  } = match || {};\n\n  const { optaId: seasonOptaId } = season || {};\n  const { slug: competitionSlug } = competition || {};\n\n  const { recentGoal, matchStatusOverride, urlList, directoryList } =\n    useReactAppState();\n  const { baseUrl } = urlList || {};\n  const { matchHubDir } = directoryList || {};\n  const fallbackMatchPageUrl = matchPageUrl\n    ? matchPageUrl\n    : competitionSlug\n      ? `${baseUrl}/${matchHubDir}/${competitionSlug}/${seasonOptaId}/matches/${slug}`\n      : null;\n\n  const { status, updateMatchStatus, queryConfig, mlsMatch } = useMatchStatus({\n    matchData: useMatchData ? match : null,\n    initialState: {\n      matchOptaId,\n      status: matchStatus,\n      matchStatusOverride,\n      delayedMatch,\n    },\n  });\n\n  const {\n    score: homeScore,\n    shootout_score: homeShootoutScore,\n    extra_score: homeExtraScore,\n    is_winner: isHomeWinner,\n    is_loser: isHomeLoser,\n    formation: homeInitialFormation,\n  } = homeClubMatch || {};\n\n  const {\n    score: awayScore,\n    shootout_score: awayShootoutScore,\n    extra_score: awayExtraScore,\n    is_winner: isAwayWinner,\n    is_loser: isAwayLoser,\n    formation: awayInitialFormation,\n  } = awayClubMatch || {};\n\n  const { setIsRecentGoal } = recentGoal || {};\n\n  const { state, updateMatchInfo } = useMatchInfo({\n    initialState: {\n      period,\n      isRecentGoal: false,\n      count: 0,\n      isGoalTimerRunning: false,\n      home,\n      away,\n      homeScore,\n      awayScore,\n      isFinal: is_final,\n      homeShootoutScore,\n      awayShootoutScore,\n      homeExtraScore,\n      awayExtraScore,\n      winnerStatus: {\n        isHomeWinner,\n        isHomeLoser,\n        isAwayWinner,\n        isAwayLoser,\n      },\n      goals: [],\n      penaltyKicks: [],\n      minuteDisplay: minute_display,\n      matchType: match_type,\n      resultType: result_type,\n      promoInfo: {\n        matchPromo: promo,\n        promotionalMisc1,\n        promotionalMisc2,\n        promotionalFly,\n        promotionalRide,\n        promotionalStay,\n        promotionalSponsor,\n        firstPartyTickets,\n        thirdPartyTickets,\n        hotelBooking,\n        sponsorImage,\n      },\n      homePlayers: [],\n      awayPlayers: [],\n    },\n  });\n\n  const {\n    resultType,\n    isFinal,\n    matchType,\n    period: matchPeriod,\n    homeScore: updatedHomeScore,\n    homeShootoutScore: updatedHomeShootoutScore,\n    awayScore: updatedAwayScore,\n    awayShootoutScore: updatedAwayShootoutScore,\n    promoInfo,\n    penaltyKicks,\n    goals,\n    minuteDisplay,\n    isRecentGoal,\n    count,\n    winnerStatus,\n  } = state || {};\n\n  const periodAbbreviation = status?.abbreviation?.toLowerCase();\n\n  // const composedMatchDateTime = useMatchDateTime(matchDate);\n  // const composedMatchKickOffTime = useMatchDateTime(matchKickOffTime);\n\n  const composedMatchDateTime = useLocalMatchDateTime(matchDate);\n  const composedMatchKickOffTime = useLocalMatchDateTime(matchKickOffTime);\n  const mediaProviders = useMediaProviders({\n    broadcasters,\n    homeClubBroadcasters,\n    awayClubBroadcasters,\n    clubBroadcasters,\n  });\n  const goalsEndpoint = mlsGoalsAPI({ matchOptaId });\n  const penaltyKicksEndpoint = mlsPenaltyKicksAPI({ matchOptaId });\n\n  const { data: goalsData } = useQuery({\n    queryKey: [`mls-goals`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: goalsEndpoint, apiURL: apiURL.statsAPI }),\n    ...queryConfig,\n    enabled: status?.abbreviation === statusTypes.live,\n  });\n\n  const { data: penaltyKicksData } = useQuery({\n    queryKey: [`mls-penalty-kicks`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: penaltyKicksEndpoint, apiURL: apiURL.statsAPI }),\n    ...queryConfig,\n    enabled:\n      resultType === resultTypes.Shootout || period === periodTypes.ShootOut,\n  });\n\n  const homeClubData = {\n    ...home,\n    homeScore: updatedHomeScore,\n    homeInitialFormation,\n    homeShootoutScore: updatedHomeShootoutScore,\n  };\n  const awayClubData = {\n    ...away,\n    awayScore: updatedAwayScore,\n    awayInitialFormation,\n    awayShootoutScore: updatedAwayShootoutScore,\n  };\n\n  const hidePromoClass =\n    promoInfo.matchPromo ||\n    promoInfo.promotionalFly ||\n    promoInfo.promotionalSponsor ||\n    promoInfo.promotionalMisc1 ||\n    promoInfo.promotionalMisc2 ||\n    promoInfo.promotionalRide ||\n    promoInfo.promotionalStay\n      ? \"\"\n      : \"mls-o-match-strip--hide-promo\";\n\n  useEffect(() => {\n    const {\n      period: periodFromLiveData,\n      minute_display,\n      home_club_match,\n      away_club_match,\n      result_type: resultTypeFromLiveData,\n    } = mlsMatch || {};\n    const {\n      score: homeScore,\n      extra_score: homeExtraScore,\n      shootout_score: homeShootoutScore,\n      is_winner: isHomeWinner,\n      is_series_winner: isHomeSeriesWinner,\n      is_loser: isHomeLoser,\n      is_series_loser: isHomeSeriesLoser,\n    } = home_club_match || {};\n    const {\n      score: awayScore,\n      extra_score: awayExtraScore,\n      shootout_score: awayShootoutScore,\n      is_winner: isAwayWinner,\n      is_series_winner: isAwaySeriesWinner,\n      is_loser: isAwayLoser,\n      is_series_loser: isAwaySeriesLoser,\n    } = away_club_match || {};\n\n    const liveWinnerStatus = {\n      isHomeWinner: isHomeWinner || isHomeSeriesWinner,\n      isHomeLoser: isHomeLoser || isHomeSeriesLoser,\n      isAwayWinner: isAwayWinner || isAwaySeriesWinner,\n      isAwayLoser: isAwayLoser || isAwaySeriesLoser,\n    };\n\n    if (periodFromLiveData) {\n      const matchStatus = composeMatchStatus({\n        period: periodFromLiveData,\n        isFinal,\n        delayedMatch,\n      });\n      updateMatchStatus({\n        type: matchStatusActionTypes.status,\n        payload: matchStatus,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.homeExtraScore,\n        payload: homeExtraScore,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.awayExtraScore,\n        payload: awayExtraScore,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.winnerStatus,\n        payload: liveWinnerStatus,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.period,\n        payload: periodFromLiveData,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.resultType,\n        payload: resultTypeFromLiveData,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.minuteDisplay,\n        payload: minute_display,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.homeScore,\n        payload: homeScore,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.awayScore,\n        payload: awayScore,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.homeShootoutScore,\n        payload: homeShootoutScore,\n      });\n      updateMatchInfo({\n        type: matchInfoActionTypes.awayShootoutScore,\n        payload: awayShootoutScore,\n      });\n    }\n  }, [mlsMatch, isFinal]);\n\n  React.useEffect(() => {\n    updateMatchInfo({\n      type: matchInfoActionTypes.sponsorImage,\n      payload: sponsorImage,\n    });\n  }, [sponsorImage]);\n\n  useEffect(() => {\n    setIsRecentGoal(isRecentGoal);\n  }, [isRecentGoal]);\n\n  useEffect(() => {\n    if (goalsData && goalsData.length > 0) {\n      updateMatchInfo({ type: matchInfoActionTypes.goals, payload: goalsData });\n    }\n  }, [goalsData]);\n\n  useEffect(() => {\n    if (penaltyKicksData && penaltyKicksData.length > 0) {\n      updateMatchInfo({\n        type: matchInfoActionTypes.penaltyKicks,\n        payload: penaltyKicksData,\n      });\n    }\n  }, [penaltyKicksData]);\n\n  const classes = useEmptyClasses\n    ? \"\"\n    : `mls-o-match-strip mls-o-match-strip--${periodAbbreviation} mls-o-match-strip--${listType} ${hidePromoClass} ${\n        extraCssClasses ? extraCssClasses : \"\"\n      }`;\n\n  const Wrapper = useEmptyClasses ? React.Fragment : \"div\";\n\n  const props = classes ? { className: classes } : {};\n\n  return (\n    <Wrapper {...props}>\n      <MatchContext.Provider\n        value={{\n          matchDateTime: composedMatchDateTime,\n          matchKickOffTime: composedMatchKickOffTime,\n          leg,\n          slug,\n          competition,\n          season,\n          leagueMatchTitle,\n          mediaProviders,\n          mgmId,\n          venue,\n          winnerStatus,\n          homeClubData,\n          awayClubData,\n          isFinal,\n          matchType,\n          status,\n          listType,\n          resultType,\n          promoInfo,\n          minuteDisplay,\n          displayMatchDate: !!(\n            displayMatchDate && composedMatchDateTime != null\n          ),\n          isRecentGoal,\n          count,\n          goals,\n          period: matchPeriod,\n          penaltyKicks,\n          isTimeTbd,\n          matchOptaId,\n          queryConfig,\n          previousMatchId: previous_match_id,\n          matchPageUrl: fallbackMatchPageUrl,\n          appleSubscriptionTier,\n          appleStreamURL,\n          roundName,\n          roundGroup,\n          competitionPhase,\n          homeClubRank,\n          awayClubRank,\n        }}\n      >\n        {children}\n      </MatchContext.Provider>\n    </Wrapper>\n  );\n}\n\nexport default MatchDataLayer;\n","export { default } from './MatchDataLayer';\n","import React, { useEffect } from \"react\";\nimport useInterval from \"./useInterval\";\nimport { periodTypes } from \"../../mls-match-list/utils\";\nimport { formatPenaltyKicks } from \"../../mls-match-summary/utils\";\n\nexport const actionTypes = {\n  period: 'period',\n  minuteDisplay: 'minuteDisplay',\n  homeScore: 'homeScore',\n  awayScore: 'awayScore',\n  homeShootoutScore: 'homeShootoutScore',\n  awayShootoutScore: 'awayShootoutScore',\n  resetIsRecentGoal: 'resetIsRecentGoal',\n  isGoalTimerRunning: 'isGoalTimerRunning',\n  count: 'count',\n  goals: 'goals',\n  summary: 'summary',\n  penaltyKicks: 'penaltyKicks',\n  resultType: \"resultType\",\n  matchType: \"matchType\",\n  winnerStatus: \"winnerStatus\",\n  homeExtraScore: \"homeExtraScore\",\n  awayExtraScore: \"awayExtraScore\",\n  sponsorImage: 'sponsorImage'\n};\n\nexport function matchReducer(state, action) {\n  switch (action.type) {\n    case actionTypes.period: {\n      return { ...state, period: action.payload };\n    }\n    case actionTypes.homeExtraScore: {\n      return { ...state, homeExtraScore: action.payload };\n    }\n    case actionTypes.awayExtraScore: {\n      return { ...state, awayExtraScore: action.payload };\n    }\n    case actionTypes.winnerStatus: {\n      return { ...state, winnerStatus: action.payload };\n    }\n    case actionTypes.minuteDisplay: {\n      if (state.period === periodTypes.HalfTime) {\n        return { ...state, minuteDisplay: \"HT\" };\n      }\n      return { ...state, minuteDisplay: action.payload };\n    }\n    case actionTypes.summary: {\n      return { ...state, summary: action.payload };\n    }\n    case actionTypes.resultType: {\n      return { ...state, resultType: action.payload };\n    }\n    case actionTypes.penaltyKicks: {\n      if (state.penaltyKicks.length === action.payload.length) {\n        return { ...state };\n      }\n      const { home, away } = state || {};\n      const penaltyKicks = formatPenaltyKicks({ penaltyKicks: action.payload, home, away });\n      return { ...state, penaltyKicks };\n    }\n    case actionTypes.homeShootoutScore: {\n      return { ...state, homeShootoutScore: action.payload };\n    }\n    case actionTypes.awayShootoutScore: {\n      return { ...state, awayShootoutScore: action.payload };\n    }\n    case actionTypes.awayScore: {\n      return { ...state, awayScore: action.payload };\n    }\n    case actionTypes.homeScore: {\n      return { ...state, homeScore: action.payload };\n    }\n\n    case actionTypes.goals: {\n      if (action.payload?.length > 0) {\n        const now = Date.now();\n        const lastGoal = action.payload[action.payload.length - 1];\n        const lastGoalTimestamp = lastGoal?.timestamp;\n        const period = lastGoal?.period;\n\n        const isRecentGoal = (now - lastGoalTimestamp) < 100000;\n\n        if (isRecentGoal && periodTypes.ShootOut !== period) {\n          return { ...state, goals: action.payload, isRecentGoal };\n        }\n        else {\n          return { ...state, goals: action.payload };\n        }\n      }\n\n      return { ...state };\n    }\n\n    case actionTypes.isGoalTimerRunning: {\n      return { ...state, isGoalTimerRunning: action.payload };\n    }\n\n    case actionTypes.resetIsRecentGoal: {\n      return { ...state, isRecentGoal: false, isGoalTimerRunning: false, count: 0 };\n    }\n\n    case actionTypes.count: {\n      return { ...state, count: action.payload };\n    }\n\n    case actionTypes.sponsorImage: {\n      return {\n        ...state,\n        promoInfo: {\n          ...state.promoInfo,\n          sponsorImage: action.payload,\n        },\n      };\n    }\n\n    default: {\n      throw new Error(`Unsupported type: ${action.type}`);\n    }\n  }\n}\n\nexport function useMatchInfo({ initialState, reducer = matchReducer } = {}) {\n  const { current: currentState } = React.useRef(initialState);\n  const [state, dispatch] = React.useReducer(reducer, currentState);\n\n  const updateMatchInfo = ({ type, payload }) => dispatch({ type, payload });\n\n  const { isRecentGoal, isGoalTimerRunning, count } = state || {};\n\n  useEffect(() => {\n    if (isRecentGoal) {\n      updateMatchInfo({ type: actionTypes.isGoalTimerRunning, payload: true });\n    }\n  }, [isRecentGoal]);\n\n  useInterval(() => {\n    if (count === 15) {\n      updateMatchInfo({ type: actionTypes.resetIsRecentGoal, payload: false });\n    }\n    else {\n      updateMatchInfo({ type: actionTypes.count, payload: count + 1 });\n    }\n  }, isGoalTimerRunning ? 1000 : null);\n\n  return {\n    state,\n    updateMatchInfo\n  };\n}\n","import React, { useEffect } from \"react\";\nimport { composeMatchStatus, periodTypes, statusTypes } from \"../../mls-match-list/utils\";\nimport { apiURL, mlsSingleMatchStatsAPI } from \"../api/variables\";\nimport { useQuery } from \"react-query\";\nimport { fetchClient } from \"../api/fetching\";\n\nexport const actionTypes = {\n  status: 'status',\n  matchOptaId: \"matchOptaId\"\n};\n\nexport function matchStatusReducer(state, action) {\n  switch (action.type) {\n    case actionTypes.status: {\n      return { ...state, status: action.payload };\n    }\n    case actionTypes.matchOptaId: {\n      return { ...state, matchOptaId: action.payload };\n    }\n\n    default: {\n      throw new Error(`Unsupported type: ${action.type}`);\n    }\n  }\n}\n\nexport function useMatchStatus({ matchData = null, initialState, reducer = matchStatusReducer } = {}) {\n  const { current: currentState } = React.useRef(initialState);\n  const [state, dispatch] = React.useReducer(reducer, currentState);\n\n  const { status: matchStatus, matchOptaId, matchStatusOverride } = state || {};\n  const mlsMatchEndpoint = mlsSingleMatchStatsAPI({ matchOptaId });\n  const updateMatchStatus = React.useCallback(({ type, payload }) => dispatch({ type, payload }), [dispatch]);\n\n  const status = matchStatusOverride?.abbreviation ? matchStatusOverride : matchStatus;\n\n  const queryConfig = status\n    ? {\n      enabled: true,\n      refetchIntervalInBackground: true,\n      staleTime:\n        status?.abbreviation === statusTypes.live || status?.abbreviation === statusTypes.pre\n          ? 0\n          : Infinity,\n      refetchInterval:\n        status?.abbreviation === statusTypes.live\n          ? 30000\n          : status?.abbreviation === statusTypes.pre\n            ? 200000\n            : null\n    } : { enabled: false };\n\n  const { data, error, isLoading, isError, isIdle } = useQuery({\n    queryKey: [`mls-match`, { matchOptaId }],\n    queryFn: () => fetchClient({ endpoint: mlsMatchEndpoint, apiURL: apiURL.statsAPI }),\n    select: data => data && data.length > 0 ? data[0] : null,\n    ...queryConfig,\n    enabled: matchOptaId > 0 && !matchData,\n  });\n\n  const mlsMatch = matchData ? matchData : data;\n\n  useEffect(() => {\n    if (!mlsMatch) {\n      return;\n    }\n    const { period } = mlsMatch || {};\n    const { delayedMatch } = initialState;\n\n    const matchStatus = matchStatusOverride\n      ? matchStatusOverride\n      : composeMatchStatus({ period, delayedMatch });\n\n    updateMatchStatus({ type: actionTypes.status, payload: matchStatus });\n  }, [mlsMatch, initialState.delayedMatch]);\n\n  const isShootout = status?.value === periodTypes.ShootOut;\n\n\n  return {\n    mlsMatch,\n    error,\n    isLoading,\n    isIdle,\n    isError,\n    status,\n    isShootout,\n    queryConfig,\n    updateMatchStatus\n  };\n}\n"],"names":[],"sourceRoot":""}