{"version":3,"file":"static/chunks/pages/games/providers-f2b4f28544077d3f.js","mappings":"uFACA,CAAAA,OAAAC,QAAA,CAAAD,OAAAC,QAAA,MAAAC,IAAA,EACA,mBACA,WACA,OAAeC,EAAQ,KACvB,EACA,kHCoCAC,CAAAA,EAAAC,CAAA,CAAeC,CAAAA,EAAAA,EAAAA,IAAAA,EAnCf,SAA0BC,CAAmD,KAAnD,CAAEC,SAAAA,CAAQ,CAAEC,QAAAA,CAAO,CAAEC,UAAAA,CAAS,CAAqB,CAAnDH,EAClB,CAAEI,EAAAA,CAAC,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,EAAe,iBAM7B,EACS,GAAAC,EAAAC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,QAAAA,GAIvB,GAAAJ,EAAAK,IAAA,EAACH,MAAAA,CACCC,UAAWC,IAAAA,eAAAA,CACXR,QAXJ,WACEA,EAAQD,EACV,YAYI,GAAAK,EAAAK,IAAA,EAACH,MAAAA,CAAIC,UAAWC,IAAAA,wBAAAA,WACbT,MAAAA,EAAAA,KAAAA,EAAAA,EAAUW,IAAI,CAAC,KAAG,IACnB,GAAAN,EAAAC,GAAA,EAACM,SAAAA,UAAQT,EAAE,aAAc,CAAEU,MAAO,GAAwBC,MAAA,CAArBd,MAAAA,EAAAA,KAAAA,EAAAA,EAAUe,UAAU,CAAG,QAG9D,GAAAV,EAAAC,GAAA,EAACU,EAAAA,CAAKA,CAAAA,CACJC,MAAO,IACPC,OAAQ,IACRV,UAAW,GAAoCR,MAAAA,CAAjCS,IAAAA,sBAAAA,CAA8B,KAAuGK,MAAA,CAApGd,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAUmB,UAAU,IAAKC,EAAAA,CAAcA,CAACC,SAAS,CAAGZ,GAAAA,CAAAA,mCAAAA,CAA6C,IAChJa,IAAK,GAAAR,MAAA,CAAGS,8CAA2C,oBAAkCT,MAAA,CAAhBd,MAAAA,EAAAA,KAAAA,EAAAA,EAAUwB,KAAK,EACpFC,IAAK,iBAAgCX,MAAA,CAAfd,MAAAA,EAAAA,KAAAA,EAAAA,EAAUW,IAAI,EACpCe,OAAO,SACPC,kBAAiB,OAdd,sBAAkCb,MAAA,CAAZd,EAAS4B,EAAE,EAkB5C,yOC9Be,SAASC,IACtB,GAAM,CAAE1B,EAAAA,CAAC,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,EAAe,UACvB0B,EAAWC,CAAAA,EAAAA,EAAAA,EAAAA,IAGXC,EAAiBC,CAAAA,EAAAA,EAAAA,WAAAA,EACrBC,IACE,GACEJ,EAASK,CAAAA,EAAAA,EAAAA,EAAAA,EAAgCC,IAC3C,KAEF,EAAE,EAqBJ,MAFAC,CAAAA,EAAAA,EAAAA,SAAAA,EANA,WACE,MAAO,KACLP,EAASQ,CAAAA,EAAAA,EAAAA,EAAAA,IACX,CACF,EAEqB,CAACR,EAAS,EAG7B,GAAAS,EAAAjC,GAAA,EAACkC,EAAAA,CAAKA,CAAAA,CACJC,YAAatC,EAAE,wBACfuC,SArBJ,SACEC,CAAsC,EAEtCX,EAAeW,EAAEC,MAAM,CAACC,KAAK,CAC/B,EAkBIC,iBAAgB,GAChBC,KAAK,gBACLC,iBAAgB,GAChBC,QAnBJ,WACEnB,EAASK,CAAAA,EAAAA,EAAAA,EAAAA,EAAgC,IAC3C,GAoBF,gBC9Ce,SAASe,IACtB,GAAM,CAAE/C,EAAAA,CAAC,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,EAAe,UAE7B,MACE,GAAAmC,EAAA7B,IAAA,EAACH,MAAAA,CAAIC,UAAWC,IAAAA,SAAgB,WAC9B,GAAA8B,EAAAjC,GAAA,EAAC6C,EAAAA,CAAqBA,CAAAA,CACpBC,GAAG,UACHC,cAAelD,EAAE,cACjBmD,iBAAkBnD,EAAE,mBAGtB,GAAAoC,EAAAjC,GAAA,EAACuB,EAAwBA,CAAAA,KAG/B,2FCTe,SAAS0B,IACtB,GAAM,CAAE7D,KAAAA,CAAI,CAAE,CAAG8D,CAAAA,EAAAA,EAAAA,SAAAA,IACXC,EAAuBC,CAAAA,EAAAA,EAAAA,EAAAA,EAC3B,GAAsBC,EAAMC,MAAM,CAACC,cAAc,EAE7C,CACJC,cAAAA,CAAa,CACbC,MAAAA,CAAK,CACL7D,UAAAA,CAAS,CACT8D,QAAAA,CAAO,CACPC,mBAAAA,CAAkB,CAClBC,YAAAA,CAAW,CACXC,cAAAA,CAAa,CACbC,WAAAA,CAAU,CACX,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,EAAiB,CAAEC,MAAO,GAAIC,MAAOd,CAAa,GACtDe,CAAAA,EAAAA,EAAAA,CAAAA,EAA0B,CACxBC,QAASP,MAAAA,GAAAA,EACThE,UAAWA,GAAa+D,GAAsBG,EAC9CM,SAAU,IAAMP,GAClB,GAEA,IAAMQ,EAAuB1C,CAAAA,EAAAA,EAAAA,WAAAA,EAC3B,IACEvC,EAAK,oBAAmCoB,MAAA,CAAfd,MAAAA,EAAAA,KAAAA,EAAAA,EAAU4E,IAAI,EACzC,EACA,CAAClF,EAAK,EAGFmF,EAAYC,CAAAA,EAAAA,EAAAA,OAAAA,EAChB,IACEhB,MAAAA,EAAAA,KAAAA,EAAAA,EAAeiB,GAAG,CAAC/E,GACjB,GAAAuC,EAAAjC,GAAA,EAAC0E,EAAAA,CAAgBA,CAAAA,CAEfhF,SAAUA,EACVC,QAAS0E,GAFJ,sBAAkC7D,MAAA,CAAZd,EAAS4B,EAAE,IAK5C,CAACkC,EAAea,EAAqB,EAGjCM,EAAYH,CAAAA,EAAAA,EAAAA,OAAAA,EAChB,IACEI,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,GAAGL,GAAG,CAAC,CAACM,EAAGC,IACjC,GAAA/C,EAAAjC,GAAA,EAAC0E,EAAAA,CAAgBA,CAAAA,CAEfhF,SAAU,CAAC,EACXE,UAAS,GACTD,QAAS,IAAMsF,KAAAA,GAHV,2BAAiCzE,MAAA,CAANwE,KAMtC,EAAE,SAGJ,EACS,GAAA/C,EAAAjC,GAAA,EAACkF,EAAAA,CAASA,CAAAA,CAACzB,MAAOA,EAAOC,QAASA,IAGvCF,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAesB,MAAM,GAAI,GAAMlF,EAWjC,GAAAqC,EAAAjC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,SAAgB,UAC9B,GAAA8B,EAAA7B,IAAA,EAACH,MAAAA,CAAIC,UAAWC,GAAAA,CAAAA,sBAA6B,WAC1CoE,EACCZ,CAAAA,GAAsB/D,CAAAA,GAAc+E,OAZxC,GAAA1C,EAAAjC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,SAAgB,UAC9B,GAAA8B,EAAAjC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,cAAqB,UACnC,GAAA8B,EAAAjC,GAAA,EAACmF,EAAAA,CAAeA,CAAAA,CAAAA,MAc1B,UC1Ee,SAASC,IACtB,MACE,GAAAnD,EAAA7B,IAAA,EAACiF,EAAAA,CAAMA,CAAAA,CAACC,YAAW,aACjB,GAAArD,EAAAjC,GAAA,EAAC4C,EAAmBA,CAAAA,GACpB,GAAAX,EAAAjC,GAAA,EAACiD,EAAYA,CAAAA,KAGnB,qBClBAsC,EAAAC,OAAA,EAAkB,0aCAlBD,EAAAC,OAAA,EAAkB,gHCAlBD,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/?dd21","webpack://_N_E/./src/components/Providers/Card/index.tsx","webpack://_N_E/./src/components/Providers/Header/Input/index.tsx","webpack://_N_E/./src/components/Providers/Header/index.tsx","webpack://_N_E/./src/components/Providers/List/index.tsx","webpack://_N_E/./src/pages/games/providers/index.tsx","webpack://_N_E/./src/components/Providers/Card/styles.module.scss","webpack://_N_E/./src/components/Providers/Header/styles.module.scss","webpack://_N_E/./src/components/Providers/List/styles.module.scss"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/games/providers\",\n      function () {\n        return require(\"private-next-pages/games/providers/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/games/providers\"])\n      });\n    }\n  ","import { Image } from '@starsoft/common/components';\nimport { GameProviderProps } from './props';\nimport styles from './styles.module.scss';\nimport { GameProviderId } from '@/enums/gameProviderId';\nimport { memo } from 'react';\nimport useTranslation from 'next-translate/useTranslation';\n\nfunction GameProviderCard({ provider, onClick, isLoading }: GameProviderProps) {\n  const { t } = useTranslation('common');\n\n  function handleClick() {\n    onClick(provider);\n  }\n\n  if (isLoading) {\n    return <div className={styles.skeleton} />;\n  }\n\n  return (\n    <div\n      className={styles.container__card}\n      onClick={handleClick}\n      key={`provider_list_item_${provider.id}`}\n    >\n      <div className={styles.container__card__wrapper}>\n        {provider?.name} -{' '}\n        <strong>{t('game_count', { count: `${provider?.gamesCount}` })}</strong>\n      </div>\n\n      <Image\n        width={100}\n        height={100}\n        className={`${styles.container__card__image} ${provider?.externalId !== GameProviderId.Originals ? styles['container__card__image--filtered'] : ''}`}\n        src={`${process.env.NEXT_PUBLIC_S3_BUCKET_BASE_URL}/game-providers/${provider?.image}`}\n        alt={`provider-logo-${provider?.name}`}\n        format=\"square\"\n        secondarySkeleton\n      />\n    </div>\n  );\n}\n\nexport default memo(GameProviderCard);\n","import { Input } from '@starsoft/common/components';\nimport {\n  handleChangeProviderSearchValue,\n  resetSearchProvider,\n} from '@/lib/store/casino/actions';\nimport { debounce } from 'lodash';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useCallback, useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\n\nexport default function GameProvidersHeaderInput() {\n  const { t } = useTranslation('casino');\n  const dispatch = useDispatch();\n\n  //eslint-disable-next-line\n  const debouncedFetch = useCallback(\n    debounce(\n      (nextValue: string) =>\n        dispatch(handleChangeProviderSearchValue(nextValue)),\n      300,\n    ),\n    [],\n  );\n\n  function handleSearchProviderValue(\n    e: React.ChangeEvent<HTMLInputElement>,\n  ): void {\n    debouncedFetch(e.target.value);\n  }\n\n  function onErase() {\n    dispatch(handleChangeProviderSearchValue(''));\n  }\n\n  function onUnmount() {\n    return () => {\n      dispatch(resetSearchProvider());\n    };\n  }\n\n  useEffect(onUnmount, [dispatch]);\n\n  return (\n    <Input\n      placeholder={t('search_your_provider') as string}\n      onChange={handleSearchProviderValue}\n      isContainerColor\n      icon=\"fad fa-search\"\n      showEraserButton\n      onErase={onErase}\n    />\n  );\n}\n","import useTranslation from 'next-translate/useTranslation';\nimport React from 'react';\nimport styles from './styles.module.scss';\nimport GameProvidersHeaderInput from './Input';\nimport { NavigationBreadcrumbs } from '@starsoft/common/components';\n\nexport default function GameProvidersHeader() {\n  const { t } = useTranslation('common');\n\n  return (\n    <div className={styles.container}>\n      <NavigationBreadcrumbs\n        to=\"/casino\"\n        lastPageLabel={t('tab_casino')}\n        currentPageLabel={t('tab_providers')}\n      />\n\n      <GameProvidersHeaderInput />\n    </div>\n  );\n}\n","import { useSelector } from 'react-redux';\nimport { useGameProviders } from '@/api/game-providers';\nimport { RootState } from '@/lib/store';\nimport styles from './styles.module.scss';\nimport { useCallback, useMemo } from 'react';\nimport { useRouter } from 'next/router';\nimport { useInfiniteDocumentScroll } from '@starsoft/common/hooks';\nimport { ErrorCard, NoDataComponent } from '@starsoft/common/components';\nimport GameProviderCard from '../Card';\nimport { GameProvider } from '@/models/game/provider';\n\nexport default function ProviderList() {\n  const { push } = useRouter();\n  const providerName: string = useSelector(\n    (state: RootState) => state.casino.searchProvider,\n  );\n  const {\n    gameProviders,\n    error,\n    isLoading,\n    refetch,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    isFetching,\n  } = useGameProviders({ limit: 50, query: providerName });\n  useInfiniteDocumentScroll({\n    hasMore: hasNextPage ?? false,\n    isLoading: isLoading || isFetchingNextPage || isFetching,\n    loadMore: () => fetchNextPage(),\n  });\n\n  const handleTargetProvider = useCallback(\n    (provider: GameProvider) => {\n      push(`/games/providers/${provider?.slug}`);\n    },\n    [push],\n  );\n\n  const Providers = useMemo(\n    () =>\n      gameProviders?.map(provider => (\n        <GameProviderCard\n          key={`provider_list_item_${provider.id}`}\n          provider={provider}\n          onClick={handleTargetProvider}\n        />\n      )),\n    [gameProviders, handleTargetProvider],\n  );\n\n  const Skeletons = useMemo(\n    () =>\n      Array.from({ length: 50 }).map((_, index) => (\n        <GameProviderCard\n          key={`slot-game-card-skeleton-${index}`}\n          provider={{} as GameProvider}\n          isLoading\n          onClick={() => undefined}\n        />\n      )),\n    [],\n  );\n\n  if (error) {\n    return <ErrorCard error={error} refetch={refetch} />;\n  }\n\n  if (gameProviders?.length == 0 && !isLoading) {\n    return (\n      <div className={styles.container}>\n        <div className={styles.container__row}>\n          <NoDataComponent />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles['container__game-row']}>\n        {Providers}\n        {(isFetchingNextPage || isLoading) && Skeletons}\n      </div>\n    </div>\n  );\n}\n","import { prefetchGameProviders } from '@/api/game-providers/queries/useGameProviders/prefetch';\nimport Layout from '@/components/core/Layout';\nimport GameProvidersHeader from '@/components/Providers/Header';\nimport ProviderList from '@/components/Providers/List';\nimport { Language } from '@/enums/language';\nimport { GetServerSidePropsResultWithMetadataAndServerState } from '@/interfaces/pages/getServerSidePropsResultWithMetadataAndDehydratedState';\nimport { SSRCookies } from '@/interfaces/ssr-cookies.interface';\nimport { generateCasinoMetadata } from '@/lib/metadata';\nimport { mainPrefetchs } from '@/lib/prefetch';\nimport { dehydrate, QueryClient } from '@tanstack/react-query';\nimport { GetServerSidePropsContext } from 'next';\n\nexport default function GameProvidersPage() {\n  return (\n    <Layout disabledGap>\n      <GameProvidersHeader />\n      <ProviderList />\n    </Layout>\n  );\n}\n\nexport async function getServerSideProps({\n  locale,\n  req,\n  res,\n  resolvedUrl,\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResultWithMetadataAndServerState> {\n  const queryClient = new QueryClient();\n\n  const [metadata] = await Promise.all([\n    generateCasinoMetadata({\n      lang: locale as Language,\n      title: 'providers_title',\n      path: '/games/providers',\n    }),\n    prefetchGameProviders(queryClient, {} as SSRCookies, {\n      limit: 50,\n      query: '',\n    }),\n\n    mainPrefetchs({\n      queryClient,\n      req,\n    }),\n  ]);\n\n  return {\n    props: {\n      metadata: JSON.stringify(metadata),\n      dehydratedState: dehydrate(queryClient),\n    },\n  };\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeleton\":\"styles_skeleton__E3CRk\",\"skeleton-animation\":\"styles_skeleton-animation__b6TCc\",\"container\":\"styles_container__HzPdD\",\"container__game-row\":\"styles_container__game-row__ngV9k\",\"container__row\":\"styles_container__row__x_rYg\",\"container__card\":\"styles_container__card__SLAbY\",\"container__card__wrapper\":\"styles_container__card__wrapper__7usnl\",\"container__card__image\":\"styles_container__card__image__7Hibs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__utCr_\",\"skeleton-animation\":\"styles_skeleton-animation__My5sS\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeleton\":\"styles_skeleton__AEQun\",\"skeleton-animation\":\"styles_skeleton-animation__FiZY_\",\"container\":\"styles_container__K0smT\",\"container__game-row\":\"styles_container__game-row__1D1hu\",\"container__row\":\"styles_container__row__1MTDR\",\"container__card\":\"styles_container__card__cSRQ3\",\"container__card__wrapper\":\"styles_container__card__wrapper__5MnCw\",\"container__card__image\":\"styles_container__card__image__ClNvl\"};"],"names":["window","__NEXT_P","push","__webpack_require__","__webpack_exports__","Z","memo","param","provider","onClick","isLoading","t","useTranslation","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","className","styles","jsxs","name","strong","count","concat","gamesCount","Image","width","height","externalId","GameProviderId","Originals","src","process","image","alt","format","secondarySkeleton","id","GameProvidersHeaderInput","dispatch","useDispatch","debouncedFetch","useCallback","debounce","handleChangeProviderSearchValue","nextValue","useEffect","resetSearchProvider","jsx_runtime","Input","placeholder","onChange","e","target","value","isContainerColor","icon","showEraserButton","onErase","GameProvidersHeader","NavigationBreadcrumbs","to","lastPageLabel","currentPageLabel","ProviderList","useRouter","providerName","useSelector","state","casino","searchProvider","gameProviders","error","refetch","isFetchingNextPage","hasNextPage","fetchNextPage","isFetching","useGameProviders","limit","query","useInfiniteDocumentScroll","hasMore","loadMore","handleTargetProvider","slug","Providers","useMemo","map","GameProviderCard","Skeletons","Array","from","length","_","index","undefined","ErrorCard","NoDataComponent","GameProvidersPage","Layout","disabledGap","module","exports"],"sourceRoot":""}