{"version":3,"file":"js/scripts_react_mls-match-feed_utils_js-scripts_react_mls-match-summary_components_CommentaryBl-211bb2.js?_t=2ccab71393ba8692ccaa","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAIA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AACA;AAGA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAGA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAOA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAGA;AAEA;AACA;AAAA;AAGA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;;;;;;;;;;;;;;;;;;;;;ACnLA;AAKA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAGA;AAEA;;;;;;;;;;;;;;;;ACrFA;AAEA;AACA;AAAA;AAEA;AAOA;AAEA;;;;;;;;;;;;;;;;ACdA;;;;;;;;;;;;;;;;;ACAA;AACA;AAEA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;ACTA;;;;;;;;;;;;;;;ACAA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACFA;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-feed/utils.js","webpack://@mlssoccer/netcore/./scripts/react/mls-match-summary/components/CommentaryBlock/CommentaryBlock.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ErrorDisplay/ErrorDisplay.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ErrorDisplay/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/LoadingDisplay/LoadingDisplay.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/LoadingDisplay/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/LoadingDisplay/utils.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useMatchStatus.js"],"sourcesContent":["import { periodTypes } from \"../mls-match-list/utils\";\nimport { matchEventTypes } from \"../mls-match-summary/utils\";\nimport { highlightTypes } from \"../shared/utils\";\n\nexport const feedTypes = {\n  goal: 'goal',\n};\n\nexport function getFeedType(type) {\n  switch (type) {\n    case feedTypes.goal:\n    default: {\n      return null;\n    }\n  }\n}\n\nexport function mergeFeedWithVideosAndPlayers({ feed, homeClub, awayClub, match, videoList, d3Players }) {\n  if (!feed || feed.length === 0) {\n    return null;\n  }\n\n\n  let homeScore = match?.homeScore;\n  let awayScore = match?.awayScore;\n\n  const composedFeed = [];\n\n  for (let i = 0; i < feed.length; i++) {\n    const current = feed[i];\n    const club = current?.first_club;\n    const first_player = current?.first_player;\n    const first_player_match = current?.first_player_match;\n    const isHome = club?.opta_id == homeClub?.optaId;\n    const isAway = club?.opta_id == awayClub?.optaId;\n    const isLastTimingCommentary = current?.type === matchEventTypes.startOfPeriod && current?.period === periodTypes.FirstHalf;\n\n    const matchedVideo = videoList != null && videoList.length > 0 ? videoList.find(video => {\n      const { fields } = video || {};\n      const { optaEventId } = fields || {};\n\n      return optaEventId === current?.opta_id;\n    }) : null;\n\n    const matchedPlayer = Array.isArray(d3Players) ? d3Players?.find(d3Player => d3Player?.optaId.toString() == first_player?.opta_id) || null : null;\n    const { thumbnail, headshotNationalTeam, headshotClub } = matchedPlayer || {};\n    let adjustedHomeScore = homeScore;\n    let adjustedAwayScore = awayScore;\n\n    if (club) {\n      if (current.type === matchEventTypes.goal || current.type === matchEventTypes.penaltyGoal && current.period !== periodTypes.ShootOut) {\n        if (isHome) {\n          adjustedHomeScore = adjustedHomeScore - 1;\n        }\n        else if (isAway) {\n          adjustedAwayScore = adjustedAwayScore - 1;\n        }\n      }\n\n      if (current.type === matchEventTypes.ownGoal) {\n        if (club.opta_id == homeClub?.optaId) {\n          adjustedAwayScore = adjustedAwayScore - 1;\n        }\n        else if (club.opta_id == awayClub?.optaId) {\n          adjustedHomeScore = adjustedHomeScore - 1;\n        }\n      }\n    }\n\n    composedFeed.push({\n      ...current,\n      first_player: first_player != null\n        ? (\n          {\n            ...first_player,\n            first_name: matchedPlayer?.firstName ? matchedPlayer.firstName : first_player?.first_name,\n            known_name: matchedPlayer?.knownName ? matchedPlayer.knownName : first_player?.known_name,\n            last_name: matchedPlayer?.lastName ? matchedPlayer?.lastName : first_player?.last_name,\n            jersey: matchedPlayer?.jerseyNumber ? matchedPlayer.jerseyNumber : first_player_match?.jersey,\n            slug: matchedPlayer?.playerSlug ? matchedPlayer?.playerSlug : \"\",\n          }\n        ) : null,\n      headshotNationalTeam: headshotNationalTeam != null ? headshotNationalTeam : null,\n      headshotClub: headshotClub != null ? headshotClub : null,\n      image: thumbnail != null ? thumbnail : null,\n      video: matchedVideo != null ? matchedVideo : null,\n      homeScore,\n      awayScore,\n      isLastTimingCommentary,\n      scoreChange: adjustedHomeScore !== homeScore\n        ? \"home\"\n        : adjustedAwayScore !== awayScore\n          ? \"away\"\n          : null\n    });\n\n    homeScore = adjustedHomeScore;\n    awayScore = adjustedAwayScore;\n  }\n\n  return composedFeed;\n}\n\nexport function mergePages(pages) {\n  return pages && pages.length > 0 ? pages.reduce((accum, current) => {\n    return [...accum, ...current];\n  }, []) : [];\n}\n\nexport function composeVideoList(forgeVideos, validators) {\n  if (forgeVideos == null) {\n    return [];\n  }\n\n  const {\n    fullGameTags,\n    condensedGameTags,\n    gameHighlightsTags\n  } = validators || {};\n\n  return forgeVideos.map(v => {\n    const { tags } = v || {};\n\n    if (tags == null) {\n      return v;\n    }\n\n    const tagList = [];\n    for (let i = 0; i < tags.length; i++) {\n      const currentTag = tags[i];\n      const neutralSlug = currentTag?.neutralSlug;\n\n      if (neutralSlug != null) {\n        tagList.push(neutralSlug);\n      }\n    }\n\n    const isFullGame = tagValidator(tagList, fullGameTags);\n    const isCondensedGame = tagValidator(tagList, condensedGameTags);\n    const isGameHighlights = tagValidator(tagList, gameHighlightsTags);\n\n    return {\n      ...v,\n      fields: {\n        ...v.fields,\n        highlightType: isFullGame\n          ? highlightTypes.fullGame\n          : isCondensedGame\n            ? highlightTypes.condensedGame\n            : isGameHighlights\n              ? highlightTypes.gameHighlights\n              : null\n      }\n    };\n  });\n}\n\nexport function removeDuplicates(items = [], key = \"\") {\n\n  if (!Array.isArray(items) || !key) {\n    return []\n  }\n\n  const itemIds = {};\n\n  items.forEach(item => {\n    itemIds[item[key]] = item;\n  })\n\n  return Object.values(itemIds);\n\n}\n\nfunction tagValidator(arr, target) {\n  if (arr == null || target == null) {\n    return false;\n  }\n\n  return target.every(v => arr.some(x => x.includes(v)));\n}\n","import React from 'react';\nimport {\n  assignClubToCommentary,\n  CommentaryContext,\n  componentTypes,\n  getCommentaryType\n} from \"../../utils\";\nimport { formatImageUrl } from \"../../../shared/utils\";\nimport { modalActionTypes, modalTypes } from \"../../../shared/hooks/useModalOptions\";\nimport VideoModal from \"../../../shared/components/VideoModal\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\n\nfunction CommentaryBlock({ componentType = componentTypes.summary, home, away, commentary, bookings, videoList, setLastCommentary, forgePlayers, competition = null, matchOptaId }) {\n  const { updateModalOptions, t } = useReactAppState();\n  const { type, first_club, period } = commentary || {}\n\n  const {\n    commentaryType,\n    component,\n    icon,\n    title\n  } = getCommentaryType({ type, period, componentType, t });\n\n  if (!commentaryType) {\n    return null;\n  }\n\n  const { opta_id: firstClubOptaId } = first_club || {};\n\n  const { club, opposingClub, isHome } = assignClubToCommentary({ home, away, optaId: firstClubOptaId, type });\n  const { logoColorUrl, shortName, backgroundColor, abbreviation, slug } = club || {};\n  const { backgroundColor: opposingClubBackgroundColor, abbreviation: opposingAbbreviation, slug: opposingSlug } = opposingClub || {};\n  const { highQuality } = logoColorUrl ? formatImageUrl(logoColorUrl, { format: \"w_128,h_128,c_pad\", extension: \"f_png\" }) : {};\n  const matchHighlightsLabel = t(\"match_highlights\");\n\n  const toggleDialog = (currentVideo) => {\n    const foundVideoIndex = videoList.findIndex((video) => {\n      return currentVideo._entityId === video._entityId;\n    });\n\n    const videos = [\n      currentVideo, ...videoList.slice(0, foundVideoIndex),\n      ...videoList.slice(foundVideoIndex + 1)\n    ];\n\n    updateModalOptions({ type: modalActionTypes.modalClassName, payload: \"mls-o-modal mls-o-modal--dark mls-o-modal--video-playlist\" });\n    updateModalOptions({ type: modalActionTypes.modalType, payload: modalTypes.default });\n    updateModalOptions({ type: modalActionTypes.label, payload: matchHighlightsLabel });\n    updateModalOptions({ type: modalActionTypes.component, payload: VideoModal });\n    updateModalOptions({ type: modalActionTypes.modalData, payload: { videoList: videos, video: currentVideo } });\n    updateModalOptions({ type: modalActionTypes.show });\n  };\n\n  return (\n      <CommentaryContext.Provider value={{\n        competition,\n        videoList,\n      componentType,\n      isHome,\n      commentary,\n      commentaryType,\n      title,\n      shortName,\n      clubLogoSrc: highQuality,\n      clubAbbreviation: abbreviation,\n      clubSlug: slug,\n      opposingClubAbbreviation: opposingAbbreviation,\n      opposingClubSlug: opposingSlug,\n      backgroundColor: backgroundColor != null ? backgroundColor : \"#151516\",\n      opposingClubBackgroundColor: opposingClubBackgroundColor != null ? opposingClubBackgroundColor : \"#151516\",\n      bookings,\n      icon,\n      matchEventType: type,\n      toggleDialog,\n      setLastCommentary,\n      forgePlayers,\n    }}>\n      {component}\n    </CommentaryContext.Provider>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nCommentaryBlock = React.memo(CommentaryBlock);\n\nexport default CommentaryBlock;\n","import React from 'react';\n\nconst ErrorDisplay = ({ error }) => {\n  if (!error || !error.message) return null;\n\n  return (\n    <div className={\"mls-o-error\"}>\n      <p>\n        {error.message}\n      </p>\n    </div>\n  );\n};\n\nexport default ErrorDisplay;\n","export { default } from './ErrorDisplay';\n","import React from 'react';\nimport { loadingTypes } from \"./utils\";\n\nconst LoadingDisplay = (props) => {\n  const { width = \"100\", type = loadingTypes.line, ...otherProps } = props || {};\n\n  return <div {...otherProps} data-testid={\"loading\"} className={`mls-o-loading mls-o-loading--glow mls-o-loading--${type} mls-o-loading--${width}`} />;\n};\n\nexport default LoadingDisplay;\n","export { default } from './LoadingDisplay';\n","export const loadingTypes = {\n  line: 'line'\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":""}