{"version":3,"file":"static/js/selected-sport.655aa7b2.chunk.js","mappings":"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","sources":["components/SelectedGames/ListViewSkeleton.tsx","components/SelectedGames/index.tsx","hooks/sportsbook/useGetSelectedGames.ts","elements/SelectedSport/index.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { isMobile } from 'utils/is-mobile';\nimport './styles.less';\nimport { Skeleton } from 'newcomponents/UI/Skeleton';\n\nexport const ListViewSkeleton = ({\n  limit = 0\n}: {\n  limit?: number;\n}): ReactElement => {\n  return (\n    <>\n      {[...Array(limit).keys()].map(key => (\n        <Skeleton\n          key={key}\n          loading={true}\n          title={{\n            className: isMobile()\n              ? 'list-view-mobile-skeleton'\n              : 'list-view-skeleton'\n          }}\n          paragraph={false}\n          active\n        />\n      ))}\n    </>\n  );\n};\n","import {\n  ReactElement,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\nimport cc from 'classcat';\nimport SpringConfigs from 'utils/constants/swarm/spring-configs';\nimport { lazy } from 'utils/generic/lazy';\nimport { isMobile } from 'utils/is-mobile';\nimport { EEventsTypes } from 'interfaces/events';\nimport {\n  EGamePerView,\n  EMobileCustomSettings,\n  ESliderDefaultType,\n  ESliderType,\n  TSelectedGamesProps\n} from 'interfaces/selected-games';\nimport { Game } from 'interfaces/sportsbook-data-levels';\nimport { ListViewSkeleton } from './ListViewSkeleton';\nimport './styles.less';\nimport { CardViewSkeleton } from 'newcomponents/UI/SelectedSport/CardViewSkeleton';\nimport { useBoostedOdds } from 'hooks/sportsbook/useBoostedOdds';\nimport { useGetSelectedGames } from 'hooks/sportsbook/useGetSelectedGames';\nimport { getIsDarkMode } from 'store/selectors/app-data';\nimport { getSelectedEventsType } from 'store/selectors/events';\n\nif (SpringConfigs.IS_RTL) {\n  import('./rtl.less');\n}\n\nconst { SelectedSportMockedDataManager } = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"SelectedSportMockedDataManager\" */ 'components/SelectedGames/_partials/MockedDataManager'\n    )\n);\n\nconst { CardView } = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"card-view\" */ 'newcomponents/UI/SelectedSport/CardView'\n    )\n);\n\nconst { ListView } = lazy(\n  () => import(/* webpackChunkName: \"list-view\" */ './_partials/ListView')\n);\n\nexport const SelectedGames = (props: TSelectedGamesProps): ReactElement => {\n  useBoostedOdds();\n  const [gameData, setGameData] = useState<null | Game[]>(null);\n  const [sliderData, setSliderData] = useState<\n    (Game & { sportName: string })[]\n  >([]);\n\n  const selectedEventsType = useSelector(getSelectedEventsType)[\n    props.configs.moduleId || ''\n  ] as EEventsTypes;\n\n  const [fetchRandom, setFetchRandom] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n  const { t } = useTranslation();\n  const isDarkMode = useSelector(getIsDarkMode);\n  const isListView = +props?.configs?.layoutType === 2;\n  const gameIdsLength = Object.values(props.configs?.gameIds || {}).length;\n  const orderStartTime = props?.configs?.orderBy === 2;\n  const needFetch = +props.configs.showGamesAfterSuspension === 1;\n  const gamesPerView = isMobile() ? 1 : props.configs.gamesPerView;\n  const autoplayDelay =\n    +props.configs.selectedSportAutoSlider &&\n    props.configs.selectedSportAutoSliderTime;\n\n  const limit = useMemo(() => {\n    if (isListView) {\n      return props.configs.limit > gameIdsLength\n        ? gameIdsLength\n        : props.configs.limit;\n    } else {\n      return 0;\n    }\n  }, [props.configs.limit, isListView]);\n\n  const getData = useGetSelectedGames({\n    setGameData,\n    limit,\n    orderStartTime\n  });\n\n  const ids = props.configs.gameIds;\n\n  const sortGames = useCallback(\n    (gameId?: number) => {\n      const data: typeof sliderData = [];\n\n      for (const game in gameData) {\n        const id = gameData[+game]?.id;\n\n        if (\n          (typeof gameId === 'number' &&\n            id === props.configs.gameIds[gameId]) ||\n          (orderStartTime && props.configs.gameIds.includes(id)) ||\n          fetchRandom ||\n          SpringConfigs.MOCKED_DATA\n        ) {\n          const gameEvents = gameData[+game] as (typeof sliderData)[0];\n\n          if (gameEvents) {\n            if (isListView) {\n              data.push(gameEvents);\n            } else {\n              const mockedDataImageUrl =\n                SpringConfigs.MOCKED_DATA &&\n                document\n                  .querySelector('[data-widget=\"SelectedSport\"]')\n                  ?.getAttribute('data-imgurl');\n\n              if (\n                (mockedDataImageUrl || SpringConfigs.USER_FILES_URL) &&\n                props.configs.imgPath[id]\n              ) {\n                const publicImageUrl = `${SpringConfigs.USER_FILES_URL}/media/`;\n                gameEvents.imgPath = `${mockedDataImageUrl || publicImageUrl}${\n                  props.configs.imgPath[id]\n                }`;\n              }\n\n              data.push(gameEvents);\n            }\n          }\n        }\n      }\n\n      return data;\n    },\n    [gameData, props.configs.imgPath]\n  );\n\n  useEffect(() => {\n    if (\n      !SpringConfigs.MOCKED_DATA &&\n      (gameData?.length === 0 || ids?.length === 0)\n    ) {\n      setFetchRandom(needFetch);\n\n      if (needFetch) {\n        getData(Object.values(ids), true);\n      }\n    }\n  }, [gameData?.length]);\n\n  useEffect(() => {\n    if (props.configs && !SpringConfigs.MOCKED_DATA) {\n      getData(Object.values(ids));\n    }\n  }, [props.configs, getData, limit]);\n\n  useEffect(() => {\n    if (gameData) {\n      let data: typeof sliderData = [];\n\n      if (orderStartTime || fetchRandom || SpringConfigs.MOCKED_DATA) {\n        data = sortGames();\n      } else {\n        for (const gameId in props.configs.gameIds) {\n          const sortedData = sortGames(+gameId);\n\n          if (sortedData.length) {\n            data.push(...sortedData);\n          }\n        }\n      }\n\n      if (!isListView) {\n        const group: any[] = [];\n\n        for (let i = 0, j = 0; i < data.length; i++) {\n          if (i >= gamesPerView && i % gamesPerView === 0) {\n            j++;\n          }\n\n          group[j] = group[j] || [];\n          group[j].push(data[i]);\n        }\n\n        setSliderData(group);\n      } else {\n        setSliderData(data);\n      }\n    }\n  }, [gameData, gamesPerView, fetchRandom]);\n\n  const colorVariables = useMemo(\n    () => ({\n      oddBorderColor:\n        props.configs[`oddBorderColor${isDarkMode ? 'Dark' : ''}`] || '',\n      oddsBgColor:\n        props.configs[`oddsBgColor${isDarkMode ? 'Dark' : ''}`] || '',\n      oddTextColor:\n        props.configs[`oddTextColor${isDarkMode ? 'Dark' : ''}`] || '',\n      infoTextColor:\n        props.configs[`infoTextColor${isDarkMode ? 'Dark' : ''}`] || '',\n      layerColor: props.configs[`layerColor${isDarkMode ? 'Dark' : ''}`] || ''\n    }),\n    [props.configs, isDarkMode]\n  );\n\n  if (!gameData?.length && !needFetch && !SpringConfigs.MOCKED_DATA) {\n    if (gameData && ref?.current) {\n      ref.current\n        ?.closest('.module-container.ModuleSbSelectedSportGames')\n        ?.remove();\n    }\n\n    return <div ref={ref} />;\n  }\n\n  const cssVars = `\n  .selectedSportsModule_${props.configs.moduleId} {\n    --SS-card-aspect-ratio: ${props.configs.aspectRatio || 0}%;\n     ${\n       colorVariables.layerColor\n         ? `--SS-card-layer-background: ${colorVariables.layerColor};`\n         : ''\n     }\n    ${\n      colorVariables.infoTextColor\n        ? ` --SS-card-text-color: ${colorVariables.infoTextColor};`\n        : ''\n    }\n     ${\n       colorVariables.oddTextColor\n         ? `--SS-card-odd-text-color: ${colorVariables.oddTextColor};`\n         : ''\n     }\n     ${\n       colorVariables.oddsBgColor\n         ? `--SS-card-odd-background: ${colorVariables.oddsBgColor};  --SS-card-odd-hover-background: ${colorVariables.oddsBgColor};`\n         : ''\n     }\n    ${\n      colorVariables.oddBorderColor\n        ? `--SS-card-odd-border-color: ${colorVariables.oddBorderColor}; --SS-card-odd-hover-border: ${colorVariables.oddBorderColor};`\n        : ''\n    } \n  }`;\n\n  const oneAndHalf =\n    props.configs?.gamePerViewForMobile === EGamePerView.oneAndHalf &&\n    props.configs?.mobileCustomSettings === EMobileCustomSettings.on &&\n    isMobile();\n\n  const needTitle = !!(\n    (props.configs.sliderType === +ESliderType.titleWithArrows &&\n      (!props.configs?.mobileCustomSettings || !isMobile())) ||\n    (props.configs?.mobileCustomSettings &&\n      props.configs?.sliderTypeForMobile === +ESliderType.titleWithArrows &&\n      isMobile())\n  );\n\n  return (\n    <>\n      <style>{cssVars}</style>\n\n      {SpringConfigs.MOCKED_DATA && (\n        <Suspense>\n          <SelectedSportMockedDataManager\n            setGameData={setGameData}\n            limit={limit}\n            fetchRandom={needFetch}\n            games={gameData}\n            moduleId={props.configs.moduleId}\n            orderStartTime={orderStartTime}\n          />\n        </Suspense>\n      )}\n\n      {gameData ? (\n        isListView ? (\n          <Suspense\n            fallback={\n              <div\n                className={cc([\n                  'event-wrapper',\n                  {\n                    'event-wrapper--mobile': isMobile(),\n                    'event-wrapper--web': !isMobile()\n                  }\n                ])}\n              >\n                <ListViewSkeleton limit={limit} />\n              </div>\n            }\n          >\n            <ListView\n              sliderData={sliderData}\n              showTitle={props.configs?.showTitle}\n            />\n          </Suspense>\n        ) : (\n          <Suspense\n            fallback={\n              <CardViewSkeleton\n                aspectRatio={props.configs.aspectRatio}\n                coverMode={props.configs.coverMode}\n                moduleId={props.configs.moduleId}\n                cardLayoutsType={props.configs.cardLayoutsType}\n                limit={props.configs.limit}\n                gamesPerView={gamesPerView}\n                selectedSport\n                needTitle={needTitle}\n                mobileSideOneAndHalf={oneAndHalf}\n              />\n            }\n          >\n            <div\n              className={cc([\n                'selectedSport__cardView__container',\n                {\n                  'selectedSport__cardView__container--mobile': isMobile(),\n                  selectedGames__oneAndHalf: oneAndHalf,\n                  selectedSport__cardView__withoutTitle: !needTitle\n                }\n              ])}\n            >\n              {needTitle ? (\n                <div\n                  className={cc([\n                    'selectedSport__title',\n                    { 'selectedSport__title--mobile': isMobile() }\n                  ])}\n                >\n                  {t('sportsbook.selectedGames')}\n                </div>\n              ) : null}\n              <CardView\n                aspectRatio={props.configs.aspectRatio}\n                coverMode={props.configs.coverMode}\n                moduleId={props.configs.moduleId}\n                cardLayout={props.configs.cardLayoutsType}\n                limit={props.configs.limit}\n                sliderType={\n                  props.configs?.mobileCustomSettings &&\n                  props.configs.sliderTypeForMobile === ESliderType.dots &&\n                  isMobile()\n                    ? ESliderDefaultType.titleWithArrows\n                    : ESliderDefaultType.arrows\n                }\n                selectedSport\n                selectedEventsType={selectedEventsType}\n                gameData={gameData}\n                sliderData={sliderData}\n                gamesPerView={gamesPerView}\n                showSportIcon\n                autoplayDelay={autoplayDelay}\n                alwaysShowArrows={gameData.length > gamesPerView}\n                colorVariables={colorVariables}\n                oneAndHalf={oneAndHalf}\n                noNeedbodyArrows={\n                  (props.configs?.mobileCustomSettings &&\n                    props.configs?.sliderTypeForMobile ===\n                      ESliderType.horizontalScroll &&\n                    isMobile()) ||\n                  false\n                }\n              />\n            </div>\n          </Suspense>\n        )\n      ) : isListView ? (\n        <div\n          className={cc([\n            'event-wrapper',\n            {\n              'event-wrapper--mobile': isMobile(),\n              'event-wrapper--web': !isMobile()\n            }\n          ])}\n        >\n          <ListViewSkeleton limit={limit} />\n        </div>\n      ) : (\n        <CardViewSkeleton\n          aspectRatio={props.configs.aspectRatio}\n          coverMode={props.configs.coverMode}\n          moduleId={props.configs.moduleId}\n          cardLayoutsType={props.configs.cardLayoutsType}\n          gamesPerView={gamesPerView}\n          limit={props.configs.limit}\n          selectedSport\n          needTitle={needTitle}\n          mobileSideOneAndHalf={oneAndHalf}\n        />\n      )}\n    </>\n  );\n};\n","import { useCallback } from 'react';\nimport { sortByOrder } from 'utils/collection-manipulation/array-sort-by';\nimport {\n  selectedGamesRandomWhere,\n  selectedGamesWhatObj,\n  selectedGameWhere\n} from 'utils/constants/sportsbook/data-fields';\nimport SpringConfigs from 'utils/constants/swarm/spring-configs';\nimport RidGenerator from 'utils/swarm/rid-generator';\nimport { Sport } from 'interfaces/sportsbook-data-levels';\nimport { executeCommand } from 'services/get-data-level';\n\ntype Params = {\n  setGameData: Function;\n  orderStartTime: boolean;\n  limit: number;\n};\n\nexport const useGetSelectedGames = ({\n  setGameData,\n  orderStartTime,\n  limit\n}: Params): ((gameIds: number[], fetchRandom?: boolean) => void) => {\n  const sortedData = useCallback(\n    (swarmData: { sport: Record<string, Sport> }): any => {\n      let data = [];\n\n      if (\n        swarmData?.sport &&\n        Object.values(swarmData.sport).length &&\n        Object.values(swarmData.sport)[0]\n      ) {\n        for (const sport in swarmData.sport) {\n          const regions = swarmData.sport[sport].region;\n\n          for (const region in regions) {\n            const competitions = regions[region].competition;\n\n            for (const competition in competitions) {\n              const games = competitions[competition].game;\n\n              for (const game in games) {\n                games[game].sportId = Number(sport);\n                games[game].sportName = swarmData.sport[sport].alias;\n                games[game].sportType = swarmData.sport[sport].type;\n                games[game].regionName = regions[region].name;\n                games[game].regionAlias = regions[region].alias;\n                games[game].regionId = regions[region].id;\n                games[game].competitionName = competitions[competition].name;\n                games[game].competitionId = competitions[competition].id;\n                data.push(games[game]);\n              }\n            }\n          }\n        }\n      }\n\n      if (data.length) {\n        if (orderStartTime) {\n          data = sortByOrder(Object.values(data), 'start_ts');\n        }\n\n        if (limit && data.length > limit) {\n          data.length = limit;\n        }\n      }\n\n      return data.length ? data : [];\n    },\n    [limit]\n  );\n\n  const setData = useCallback(\n    (swarmData: { sport: Record<string, Sport> } | null) => {\n      setGameData(swarmData ? sortedData(swarmData) : null);\n    },\n    [setGameData, sortedData]\n  );\n\n  const updateData = useCallback(\n    (updatedSwarmData: { sport: Record<string, Sport> }) => {\n      setGameData(sortedData(updatedSwarmData));\n    },\n    [setGameData, sortedData]\n  );\n\n  return useCallback(\n    (gameIds: number[], fetchRandom = false) => {\n      if (gameIds.length === 0 && !fetchRandom && !SpringConfigs.MOCKED_DATA) {\n        setData(null);\n      } else {\n        const rid = `SELECTED_SPORT${RidGenerator.gForSubscribe()}`;\n        executeCommand(\n          rid,\n          selectedGamesWhatObj,\n          !fetchRandom && !SpringConfigs.MOCKED_DATA\n            ? selectedGameWhere(gameIds)\n            : selectedGamesRandomWhere(),\n          setData,\n          true,\n          updateData\n        );\n      }\n    },\n    [setData, updateData]\n  );\n};\n","import { ReactElement, useMemo } from 'react';\nimport {\n  TSelectedGamesConfigs,\n  TSelectedGamesProps\n} from 'interfaces/selected-games';\nimport { SelectedGames } from 'components/SelectedGames';\n\nexport const SelectedSport = (props: TSelectedGamesProps): ReactElement => {\n  const updatedConfigs = useMemo<TSelectedGamesConfigs>(() => {\n    if (!props.configs.imgPath) {\n      return props.configs;\n    }\n\n    try {\n      const parsedImagePaths =\n        typeof props.configs.imgPath === 'string'\n          ? JSON.parse(props.configs.imgPath)\n          : props.configs.imgPath;\n\n      return {\n        ...props.configs,\n        imgPath: parsedImagePaths\n      };\n    } catch (_) {\n      return props.configs;\n    }\n  }, [props.configs]);\n\n  return <SelectedGames configs={updatedConfigs} />;\n};\n"],"names":["ListViewSkeleton","_ref","limit","_jsx","_Fragment","children","Array","keys","map","key","Skeleton","loading","title","className","isMobile","paragraph","active","SpringConfigs","IS_RTL","SelectedSportMockedDataManager","lazy","CardView","ListView","SelectedGames","props","_props$configs","_props$configs2","_props$configs3","_props$configs4","_props$configs5","_props$configs6","_props$configs7","_props$configs8","_props$configs9","_props$configs10","_props$configs11","_props$configs12","useBoostedOdds","gameData","setGameData","useState","sliderData","setSliderData","selectedEventsType","useSelector","getSelectedEventsType","configs","moduleId","fetchRandom","setFetchRandom","ref","useRef","t","useTranslation","isDarkMode","getIsDarkMode","isListView","layoutType","gameIdsLength","Object","values","gameIds","length","orderStartTime","orderBy","needFetch","showGamesAfterSuspension","gamesPerView","autoplayDelay","selectedSportAutoSlider","selectedSportAutoSliderTime","useMemo","getData","sortedData","useCallback","swarmData","data","sport","regions","region","competitions","competition","games","game","sportId","Number","sportName","alias","sportType","type","regionName","name","regionAlias","regionId","id","competitionName","competitionId","push","sortByOrder","setData","updateData","updatedSwarmData","arguments","undefined","MOCKED_DATA","rid","RidGenerator","gForSubscribe","executeCommand","selectedGamesWhatObj","selectedGamesRandomWhere","selectedGameWhere","useGetSelectedGames","ids","sortGames","gameId","_gameData$game","includes","gameEvents","_document$querySelect","mockedDataImageUrl","document","querySelector","getAttribute","USER_FILES_URL","imgPath","publicImageUrl","useEffect","group","i","j","colorVariables","oddBorderColor","oddsBgColor","oddTextColor","infoTextColor","layerColor","_ref$current","_ref$current$closest","current","closest","remove","cssVars","aspectRatio","oneAndHalf","gamePerViewForMobile","EGamePerView","mobileCustomSettings","EMobileCustomSettings","on","needTitle","sliderType","ESliderType","titleWithArrows","sliderTypeForMobile","_jsxs","Suspense","fallback","cc","showTitle","CardViewSkeleton","coverMode","cardLayoutsType","selectedSport","mobileSideOneAndHalf","selectedGames__oneAndHalf","selectedSport__cardView__withoutTitle","cardLayout","dots","ESliderDefaultType","arrows","showSportIcon","alwaysShowArrows","noNeedbodyArrows","horizontalScroll","SelectedSport","updatedConfigs","parsedImagePaths","JSON","parse","_"],"sourceRoot":""}