{"version":3,"file":"SearchablePlayerForMatch-BSKU74F2.js","sources":["../../src/ui/components/DrawWindow.tsx","../../src/ui/components/SearchablePlayerForMatch.tsx"],"sourcesContent":["import FaIcon from 'ui/base/FaIcon';\nimport Icon from 'ui/base/Icon';\nimport Container from 'ui/base/Container';\nimport Avatar from 'ui/components/Avatar';\nimport ProfileContent from 'ui/components/ProfileContent';\n\nimport FITUrls from 'helpers/FITUrls';\nimport { ContainerWrapper } from 'helpers/utils';\nimport type { ReactNode } from 'react';\nimport type { TournamentDrawType } from 'types/tournament';\nimport EntityHeader from 'ui/partials/EntityHeader';\n\nimport '../../styles/ui/components/DrawWindow.scss';\n\nexport const DrawWindow = ({\n  name,\n  children,\n  fitDrawId,\n  tournament,\n  championship,\n}: {\n  name: string;\n  children: ReactNode;\n  fitDrawId: string;\n  tournament: TournamentDrawType;\n  championship?: boolean;\n}) => (\n  <div className='draw-window'>\n    <EntityHeader\n      HeaderMainIcon={<Avatar avatar={<Icon name='torneo' />} />}\n      headerTitle={<h1>{`${championship ? 'Incontro' : 'Tabellone FITP'}: ${name}`}</h1>}\n      HeaderTitleLink={\n        !championship ? (\n          <a\n            className='external-link'\n            href={`${FITUrls.draw(fitDrawId, tournament)}`}\n            target='_blank'\n            rel='noopener noreferrer'\n          >\n            Link FITP <FaIcon icon='external-link-alt' />\n          </a>\n        ) : null\n      }\n    />\n\n    <ContainerWrapper>\n      <div className='draw-window-content-wrapper'>\n        <Container>\n          <ProfileContent>{children}</ProfileContent>\n        </Container>\n      </div>\n    </ContainerWrapper>\n  </div>\n);\n\nexport default DrawWindow;\n","import { useEffect, useState } from 'react';\nimport { call } from 'api';\nimport Button from 'ui/base/Button';\nimport type { PlayerDetailType } from 'types/player';\nimport { useDebounce } from 'helpers/useDebouceHook';\nimport { errorToastMessage } from 'helpers/toaster';\n\nexport const SearchablePlayerForMatch = ({\n  player,\n  onChangePlayerHandler,\n  label,\n}: {\n  player: PlayerDetailType;\n  onChangePlayerHandler: (player: PlayerDetailType | null) => void;\n  label: string;\n}) => {\n  const [input, setInput] = useState('');\n  const [playerResults, setPlayerResults] = useState<PlayerDetailType[] | undefined>();\n  const debouncedSearchTerm = useDebounce(input, 500);\n\n  useEffect(() => {\n    const setResults = () => {\n      call(\n        `fit-player-profiles/search-for-merge/${debouncedSearchTerm}`,\n        { method: 'GET' },\n        (data) => {\n          setPlayerResults(data);\n        },\n        (error) => {\n          errorToastMessage(JSON.stringify(error));\n        },\n      );\n    };\n    if (debouncedSearchTerm) {\n      setResults();\n    }\n  }, [debouncedSearchTerm]);\n\n  const renderPlayersResults = () => {\n    if (input.length === 0) return null;\n    return (\n      <table>\n        <thead>\n          <tr>\n            <th>ID</th>\n            <th>Nome</th>\n            <th>Classifica</th>\n            <th>Tessera</th>\n            <th>Codice Anagrafica</th>\n          </tr>\n        </thead>\n        <tbody>\n          {playerResults?.map((playerResult: PlayerDetailType) => (\n            <tr\n              key={playerResult.id}\n              onClick={() => {\n                setInput('');\n                setPlayerResults(undefined);\n                onChangePlayerHandler(playerResult);\n              }}\n            >\n              <td>{playerResult.id}</td>\n              <td>{playerResult.name}</td>\n              <td>{playerResult.rank}</td>\n              <td>{playerResult.card_number}</td>\n              <td>{playerResult.anagrafica_code}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  };\n\n  const renderNoResults = () => <p>Nessun giocatore corrispondente al criterio di ricerca</p>;\n\n  const renderResults = () => (\n    <div className='players-results'>\n      {playerResults?.length === 0 && input.length !== 0 ? renderNoResults() : renderPlayersResults()}\n    </div>\n  );\n\n  const renderPlayer = () => (\n    <div className='selected-player'>\n      <p>\n        <strong style={{ marginRight: '5px' }}>Giocatore selezionato</strong>\n        <Button onClick={() => onChangePlayerHandler(null)}>Togli</Button>\n      </p>\n      <p>\n        <strong>ID:</strong> {player.id}\n      </p>\n      <p>\n        <strong>Nome:</strong> {player.name}\n      </p>\n      <p>\n        <strong>Classifica:</strong> {player.rank}\n      </p>\n      <p>\n        <strong>Tessera:</strong> {player.card_number}\n      </p>\n      <p>\n        <strong>Codice Angrafica:</strong> {player.anagrafica_code}\n      </p>\n    </div>\n  );\n\n  const renderInput = () => (\n    <div>\n      <input\n        className='transparent-input'\n        type='text'\n        value={input}\n        onChange={(e) => {\n          setInput(e.target.value);\n        }}\n      />\n      {playerResults ? renderResults() : null}\n    </div>\n  );\n\n  return (\n    <div className='searchable-player'>\n      <label>{label}</label>\n      {player ? renderPlayer() : renderInput()}\n    </div>\n  );\n};\n\nexport default SearchablePlayerForMatch;\n"],"names":["DrawWindow","name","children","fitDrawId","tournament","championship","jsxs","jsx","EntityHeader","Avatar","Icon","FITUrls","FaIcon","ContainerWrapper","Container","ProfileContent","SearchablePlayerForMatch","player","onChangePlayerHandler","label","input","setInput","useState","playerResults","setPlayerResults","debouncedSearchTerm","useDebounce","useEffect","call","data","error","errorToastMessage","renderPlayersResults","playerResult","renderNoResults","renderResults","renderPlayer","Button","renderInput","e"],"mappings":"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"}