\n { setImages((prev: any) => [...prev, img]); }} // TODO\n />\n
\n \n {!!images?.length && images!\n .map((img: ImageData) =>
\n \n changeStatus(articles.all)}\n className={clsx(classes.tableSwitcher, { [classes.active]: status === articles.all })}\n type=\"button\"\n >\n {l10n.shared.ALL}\n \n changeStatus(articles.announcement)}\n className={clsx(classes.tableSwitcher, { [classes.active]: status === articles.announcement })}\n type=\"button\"\n >\n {l10n.components.articles.ANNOUNCMENTS}\n \n changeStatus(articles.article)}\n className={clsx(classes.tableSwitcher, { [classes.active]: status === articles.article })}\n type=\"button\"\n >\n {l10n.components.articles.ARTICLES}\n \n
\n \n
\n \n \n {l10n.shared.ADD}\n \n
\n {ArticlesStore.articles && (\n \n
\n )\n );\n});\n\nexport default AdminReports;","import React from 'react';\nimport { useMediaQuery, useTheme } from '@material-ui/core';\nimport useTranslation from '../../../components/localization/customHooks/Translation';\nimport Tabs from '../../../components/tabs/Tabs';\nimport Articles from './article/Articles';\nimport AdminReports from './reports/AdminReports';\nimport useStyles from './article/Article.styles';\n\nconst AdminPublications = () => {\n const classes = useStyles();\n const l10n = useTranslation();\n const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('xs'));\n\n const adminTabs = [\n {\n name: l10n.components.articles.REPORTS,\n component: \n
\n );\n};\n\nexport default AdminPublications;","import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) => createStyles({\n root: {\n maxWidth: 1360,\n margin: '0 auto',\n boxSizing: 'border-box',\n padding: '0 16px',\n },\n participantsTable: {\n boxSizing: 'border-box',\n padding: 25,\n width: 600,\n [theme.breakpoints.only('sm')]: {\n width: '60vw',\n },\n [theme.breakpoints.down('xs')]: {\n width: '80vw',\n },\n },\n participantsNumber: {\n display: 'block',\n '&:hover': {\n cursor: 'pointer',\n background: '#eee',\n },\n },\n loadingWindow: {\n display: 'flex',\n alignItems: 'center',\n minHeight: 200,\n },\n emptyList: {\n boxSizing: 'border-box',\n padding: 50,\n textAlign: 'center',\n [theme.breakpoints.down('xs')]: {\n padding: 0,\n },\n },\n tournaments: {\n display: 'block',\n margin: 'auto',\n maxWidth: 1360\n },\n table: {\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n '& .MuiTableHead-root': {\n '& th:nth-child(5)': {\n paddingRight: 20,\n },\n '& th:nth-child(6)': {\n paddingRight: 20,\n },\n },\n },\n title: {\n fontWeight: 'bold',\n fontSize: 48,\n lineHeight: '60px',\n color: '#141429',\n margin: '10px 0 32px 0',\n [theme.breakpoints.down('sm')]: {\n fontSize: 44,\n lineHeight: '50px',\n marginTop: 20,\n textAlign: 'center'\n },\n },\n link: {\n fontSize: 16,\n lineHeight: '135%',\n color: '#0E3AAA',\n },\n usersListWrapper: {\n display: 'flex',\n justifyContent: 'center',\n },\n usersList: {\n fontWeight: 600,\n fontSize: 16,\n lineHeight: '135%',\n },\n flagWrapper: {\n display: 'flex',\n alignItems: 'center'\n },\n flag: {\n width: 20,\n height: 20,\n marginRight: 4\n },\n location: {\n whiteSpace: 'nowrap'\n },\n search: {\n [theme.breakpoints.down('sm')]: {\n flexBasis: '60%'\n },\n },\n buttonStatus: {\n margin: 'auto'\n },\n breadcrumbs: {\n [theme.breakpoints.down('sm')]: {\n marginTop: 16\n },\n }\n}));\n\nexport default useStyles;","import React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport clsx from 'clsx';\nimport {\n FormHelperText,\n MenuItem,\n Select,\n} from '@material-ui/core';\nimport SelectItem from '../../../../models/components/selects/SelectItem';\nimport useStyles from '../../team/Team.styles';\nimport closeIcon from '../../../../assets/icons/select/closeIcon.svg';\nimport ATCheckbox from '../../../checkbox/Checkbox';\nimport FilterField from '../../../../models/pages/availiableTournaments/FilterField';\nimport AppliedTournamentsFiltersModel from '../../../../models/pages/availiableTournaments/AppliedTournamentsFiltersModel';\n\nconst defaultProps = {\n disabled: false,\n menuItems: null\n};\n\nconst Desktop = (props: {\n menuItems?: SelectItem[] | null\n filterProps: FilterField\n selectedFilters: AppliedTournamentsFiltersModel\n setSelectedFilters: React.Dispatch\n
\n \n {filterProps.label} \n
\n );\n};\n\nDesktop.defaultProps = defaultProps;\n\nexport default Desktop;","import React, { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport clsx from 'clsx';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n ClickAwayListener,\n FormHelperText,\n MenuItem,\n} from '@material-ui/core';\nimport SelectItem from '../../../../models/components/selects/SelectItem';\nimport useStyles from '../../team/Team.styles';\nimport ATCheckbox from '../../../checkbox/Checkbox';\nimport FilterField from '../../../../models/pages/availiableTournaments/FilterField';\nimport AppliedTournamentsFiltersModel from '../../../../models/pages/availiableTournaments/AppliedTournamentsFiltersModel';\n\nconst defaultProps = {\n disabled: false,\n menuItems: null\n};\n\nconst Mobile = (props: {\n menuItems?: SelectItem[] | null\n filterProps: FilterField\n selectedFilters: AppliedTournamentsFiltersModel\n setSelectedFilters: React.Dispatch\n {Boolean(selectedFilters[filterProps.filterName].length)\n && (\n resetFilter(filterProps.filterName)}\n type=\"button\"\n >\n 
\n \n )}\n {\n const items = selected as string[];\n if (!items.length) {\n return filterProps.placeHolder;\n }\n return items.join(', ');\n }}\n className={classes.select}\n >\n {menuItems?.map((item: SelectItem) => (\n \n { }}\n />\n \n ))}\n \n
\n \n setOpen(false)}>\n setOpen((prev) => !prev)}\n >\n {filterProps.label} \n \n \n {menuItems?.map((item: SelectItem) => (\n handleAccordionChange(item.name)}\n >\n { }}\n />\n \n ))}\n \n \n \n
\n );\n};\n\nMobile.defaultProps = defaultProps;\n\nexport default Mobile;","import React, { useEffect, useState } from 'react';\nimport useStyles from '../team/Team.styles';\nimport DesktopMultipleSelect from './components/Desktop';\nimport MobileMultipleSelect from './components/Mobile';\nimport Loader from '../../loader/Loader';\nimport SelectItem from '../../../models/components/selects/SelectItem';\nimport FilterField from '../../../models/pages/availiableTournaments/FilterField';\nimport AppliedTournamentsFiltersModel from '../../../models/pages/availiableTournaments/AppliedTournamentsFiltersModel';\n\nconst defaultProps = {\n disabled: false,\n className: ''\n};\n\nfunction MultipleSelect(props: {\n filterProps: FilterField\n selectedFilters: AppliedTournamentsFiltersModel\n setSelectedFilters: React.Dispatch\n
\n );\n}\n\nMultipleSelect.defaultProps = defaultProps;\n\nexport default MultipleSelect;","import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) => createStyles({\n select: {\n display: 'inline-flex',\n margin: 12,\n [theme.breakpoints.down('xs')]: {\n display: 'block',\n margin: 0,\n },\n },\n selectContainer: {\n [theme.breakpoints.down('xs')]: {\n marginBottom: 74,\n },\n },\n button: {\n border: 'none',\n background: 'transparent',\n cursor: 'pointer'\n },\n innerButton: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n fontFamily: 'Source Sans Pro',\n fontStyle: 'normal',\n fontWeight: 600,\n fontSize: 16,\n lineHeight: '24px',\n },\n active: {\n color: 'rgba(13, 169, 178, 1)'\n },\n buttonReset: {\n display: 'inline-flex',\n verticalAlign: 'bottom',\n paddingBottom: 24,\n marginLeft: 5,\n [theme.breakpoints.down('xs')]: {\n display: 'none',\n },\n },\n filterButton: {\n display: 'block',\n },\n filterIcon: {\n gap: 6\n },\n largeButton: {\n marginTop: 24\n },\n mobileButtonsContainer: {\n position: 'fixed',\n bottom: 0,\n left: 0,\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 20,\n width: '100%',\n height: 74,\n boxShadow: '0px 4px 16px rgb(139 147 176 / 25%)',\n background: 'white',\n [theme.breakpoints.up('sm')]: {\n display: 'none'\n },\n },\n tagsContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n maxWidth: 1360,\n margin: '20px 0'\n },\n reset: {\n [theme.breakpoints.down('xs')]: {\n display: 'block',\n margin: 'auto',\n },\n },\n section: {\n marginTop: 32,\n [theme.breakpoints.down('xs')]: {\n margin: 0,\n },\n }\n}));\n\nexport default useStyles;","export default __webpack_public_path__ + \"static/media/noFilter.7c69df66.svg\";","export default __webpack_public_path__ + \"static/media/activeFilter.018566dc.svg\";","import React from 'react';\nimport { Chip } from '@material-ui/core';\nimport closeIcon from '../../../assets/icons/select/closeIcon.svg';\nimport useStyles from '../Tags.styles';\nimport { EmptyVoidFunction } from '../../../utils/types/Types';\n\nconst defaultProps = {\n onDelete: () => { },\n};\n\nfunction FilterTag(props: {\n label: string\n onDelete?: EmptyVoidFunction,\n}) {\n const {\n label, onDelete\n } = props;\n const styles = useStyles();\n\n return (\n \n 
\n {filtersLength ? `${l10n.pages.FILTERS}: ${filtersLength}` : l10n.pages.FILTERS}\n
\n \n \n {FilterFields.map((filter: FilterField) => (\n filter.type === selectType.multiple ? (\n setSelectedFilters({ ...EmptyFilters })}\n className={clsx(classes.button, classes.buttonReset)}\n >\n
\n \n \n \n {l10n.components.button.RESET_ALL}\n
\n \n \n setSelectedFilters({ ...EmptyFilters })}\n >\n {l10n.components.button.RESET}\n \n setOpen(false)}\n >\n {l10n.components.button.APPLY}\n \n
\n \n {Object.keys(selectedFilters).map((key) => Boolean(selectedFilters[key].length) && (\n resetFilter(key)} key={key} />\n ))}\n {Boolean(searchService.getFiltersCount(selectedFilters)) && (\n setSelectedFilters({ ...EmptyFilters })}\n className={clsx(classes.button, classes.reset)}\n >\n
\n \n );\n}\n\nexport default TournamentFilters;","import Rating from '../../models/components/dictionaries/rating/Rating';\nimport UpcomingTournamentEntry from '../../models/pages/tournament/UpcomingTournamentEntry';\n\nconst transformTournament = (tournaments: UpcomingTournamentEntry[]) => tournaments.map((tournament: UpcomingTournamentEntry) => {\n tournament.ratingsList = tournament.ratings.map((rating: Rating) => rating.name);\n tournament.country = tournament?.location?.country?.name;\n tournament.locationName = tournament?.location?.name;\n return tournament;\n});\n\nexport default transformTournament;","import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) => createStyles({\n loader: {\n width: '100%'\n },\n cards: {\n display: 'none',\n [theme.breakpoints.down('sm')]: {\n display: 'flex',\n justifyContent: 'center',\n flexWrap: 'wrap',\n gap: '32px'\n },\n }\n}));\n\nexport default useStyles;","import UpcomingTournamentEntry from '../../../../models/pages/tournament/UpcomingTournamentEntry';\n\nexport const modifyClosestTournamentData = (tournament: UpcomingTournamentEntry) => ({\n ...tournament,\n ratings: tournament.ratings.map((rating) => rating.name),\n participantPhotos: tournament.threeParticipants.map(({ participant }) => participant.angler.profilePicture)\n});\n\nexport const modifyFinishedTournamentData = (tournament: UpcomingTournamentEntry) => ({\n rankingName: tournament.ranking.name,\n participantsCount: tournament.participantsCount,\n tournamentId: tournament.id,\n locationName: tournament.location.name!,\n locationId: tournament.location.id,\n formatName: tournament.format,\n tournamentName: tournament.name,\n tournamentDate: tournament.date,\n seasonName: tournament.season,\n ratingsNames: tournament.ratings.map((rating) => rating.name),\n topThreeParticipants: tournament.threeParticipants\n});","import React, { useEffect, useState } from 'react';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport Loader from '../../../../components/loader/Loader';\nimport { tournamentStatus } from '../../../../utils/enum/Enum';\nimport FinishedTournamentCard\n from '../../../../components/tournamentsCards/finishedTournamentCard/FinishedTournamentCard';\nimport ClosestTournamentCard from '../../../../components/tournamentsCards/closestTournamentCard/ClosestTournamentCard';\nimport UpcomingTournamentEntry from '../../../../models/pages/tournament/UpcomingTournamentEntry';\nimport { EmptyVoidFunction } from '../../../../utils/types/Types';\nimport useStyles from './Cards.styles';\nimport { modifyClosestTournamentData, modifyFinishedTournamentData } from './Cards.utils';\n\nconst AvailableTournamentsCards = (props: {\n tournaments: Array\n \n {l10n.components.button.RESET_ALL}\n
\n \n )}\n \n \n \n \n \n
\n );\n};\n\nexport default ShareLinks;","import React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { Typography } from '@material-ui/core';\nimport { useParams } from 'react-router-dom';\nimport ImageGallery, { ReactImageGalleryItem } from 'react-image-gallery';\nimport 'react-image-gallery/styles/css/image-gallery.css';\nimport { observer } from 'mobx-react';\nimport MetaDescription from '../../components/metaDescription/MetaDescription';\nimport useStyles from './Publication.styles';\nimport useTranslation from '../../components/localization/customHooks/Translation';\nimport Breadcrumbs from '../../components/breadcrumbs/Breadcrumbs';\nimport LoaderFullScreen from '../../components/loader/fullScreen/FullScreen';\nimport { toLocalDate, getImageUrl } from '../../utils/Utils';\nimport Routes from '../../routing/Routes';\nimport { useStores } from '../../stores/Main';\nimport RTEtext from '../../components/RTEtext/RTEtext';\nimport ShareLinks from '../../components/shareLinks/ShareLinks';\nimport AnglerLink from '../../components/angler/anglerLink/AnglerLink';\n\nconst Publication = observer(() => {\n const classes = useStyles();\n const l10n = useTranslation();\n\n const { id } = useParams<{ id: string }>();\n\n const [carouselImages, setImages] = useState\n
\n )\n : \n {ArticlesStore.article.name} \n
\n {!!carouselImages.length && (\n \n
\n \n
\n {toLocalDate(ArticlesStore.article.postedAt)}
\n\n
\n )}\n \n
\n \n
\n \n
\n \n {data?.country?.name || l10n.components.countryCell.NOT_AVAILABLE}\n
\n );\n};\n\nexport default Country;","import React from 'react';\nimport { observer } from 'mobx-react';\nimport LocationData from '../../../../../../models/components/dictionaries/location/LocationData';\nimport AreatroutTable from '../../../../../../components/table';\nimport EditDeleteCell from './cell/EditDelete';\nimport CoordinateCell from './cell/Coordinate';\nimport CountryCell from './cell/Country';\nimport useStyles from './LocationsTable.styles';\nimport { useStores } from '../../../../../../stores/Main';\nimport RTEtext from '../../../../../../components/RTEtext/RTEtext';\nimport useTranslation from '../../../../../../components/localization/customHooks/Translation';\n\nconst LocationsTable = observer(() => {\n const classes = useStyles();\n const l10n = useTranslation();\n const { LocationStore } = useStores();\n\n const columns = [\n {\n displayName: l10n.components.locationTable.NAME_LOCATION,\n fieldName: 'name',\n },\n {\n displayName: l10n.components.locationTable.LOCATION_DESCRIPTION,\n fieldName: 'description',\n allowSearch: false,\n allowSortring: false,\n render: ({ description }: LocationData) => (\n\n
\n ),\n },\n {\n displayName: l10n.components.locationTable.LOCATION_COUNTRY,\n fieldName: 'countryId',\n render: (data: LocationData) => {l10n.components.locationTable.LOCATIONS_LIST_EMPTY}
\n )}\n \n );\n});\n\nexport default LocationsTable;","import { number, object, string } from 'yup';\nimport { phoneRegex } from '../../../../../../utils/constants/Constants';\nimport { getTranslation } from '../../../../../../components/localization/customHooks/Translation';\n\nconst l10n = getTranslation();\n\nconst schema = object().shape({\n name: string().required(l10n.components.locations.REQUIRED_NAME),\n description: string().required(l10n.components.locations.REQUIRED_DESCRIPTION),\n countryId: number().required(l10n.components.locations.REQUIRED_COUNTRY).moreThan(0),\n phoneNumber: string()\n .matches(phoneRegex,\n { message: l10n.components.editLocation.PHONE_NUMBER_VALIDATION }).required(),\n});\n\nexport default schema;","import { makeStyles, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => createStyles({\n inputContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n gap: 20,\n boxSizing: 'border-box',\n padding: 20,\n },\n invalid: {\n color: 'red',\n },\n saveButton: {\n margin: '0 auto',\n },\n loadingWindow: {\n display: 'flex',\n alignItems: 'center',\n minHeight: 200,\n },\n map: {\n height: 200\n }\n}));\n\nexport default useStyles;","import React, { useEffect, useRef } from 'react';\n\nimport { Controller, useForm } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport {\n TextField, Grid, Button, Select, MenuItem, FormControl, FormHelperText,\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { observer } from 'mobx-react';\nimport schema from '../../helpers/ValidationSchema';\nimport useStyles from './AddLocation.styles';\nimport Location from '../../../../../../../models/components/dictionaries/location/Location';\nimport AreatroutMap from '../../../../../../../components/map/Map';\nimport Loader from '../../../../../../../components/loader/Loader';\nimport { EmptyVoidFunction } from '../../../../../../../utils/types/Types';\nimport { useStores } from '../../../../../../../stores/Main';\nimport Toasters from '../../../../../../../components/popUp/PopUp';\nimport EditableTextField from '../../../../../../../components/inputs/textField/Editable';\nimport useTranslation from '../../../../../../../components/localization/customHooks/Translation';\n\nconst AddLocationForm = observer((props: {\n handleClose?: EmptyVoidFunction;\n}) => {\n const { LocationStore, CountriesStore } = useStores();\n const { handleClose } = props;\n const editor = useRef(null);\n const {\n control,\n setValue,\n handleSubmit,\n formState: { errors },\n } = useForm\n
\n \n { }}\n className={classes.modalWide}\n modalClassName={classes.modal}\n onClose={addFormClose}\n >\n { }}\n className={classes.modalWide}\n onClose={deleteFormClose}\n >\n
\n );\n});\n\nexport default Locations;","import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) => createStyles({\n buttonCell: {\n margin: '0 auto',\n display: 'flex',\n justifyContent: 'center',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n button: {\n [theme.breakpoints.down('sm')]: {\n width: 30,\n height: 30,\n },\n },\n loadingWindow: {\n display: 'flex',\n alignItems: 'center',\n minHeight: 280,\n },\n tableWidth: {\n maxWidth: 1200,\n margin: '0 10px'\n },\n input: {\n width: '100%'\n },\n buttonsWrapper: {\n padding: 10\n },\n value: {\n maxWidth: 100,\n '& p.MuiFormHelperText-contained': {\n textAlign: 'center',\n margin: 0\n }\n },\n field: {\n marginTop: 20,\n '& .MuiFormControl-root': {\n width: '100%'\n },\n },\n invalid: {\n color: 'red',\n },\n buttonAdd: {\n marginBottom: 10,\n marginLeft: 20\n },\n select: {\n '& > div > div > .MuiInputBase-root': {\n width: '100%'\n },\n '& > div > p': {\n marginLeft: 0\n }\n },\n flexColumn: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n '& .MuiFormHelperText-contained': {\n margin: 0\n }\n },\n textField: {\n width: '100%',\n '& .MuiOutlinedInput-root': {\n borderRadius: 8\n }\n },\n helperText: {\n fontSize: 16\n },\n modal: {\n '& .MuiDialog-paperWidthSm': {\n [theme.breakpoints.down('md')]: {\n width: '100%',\n height: '100%',\n borderRadius: 0,\n },\n },\n '& .MuiDialog-paper': {\n [theme.breakpoints.down('md')]: {\n margin: 0\n },\n },\n '& .MuiDialog-paperScrollPaper': {\n maxHeight: '100%'\n }\n },\n description: {\n width: 600\n }\n}));\n\nexport default useStyles;","/* eslint-disable max-len */\nimport {\n boolean, mixed, number, object, string\n} from 'yup';\nimport { getTranslation } from '../../../../../../components/localization/customHooks/Translation';\n\nconst l10n = getTranslation();\n\nconst schema = object().shape({\n name: string().required(l10n.components.rating.REQUIRED_FIELD),\n description: string().required(l10n.components.rating.REQUIRED_FIELD),\n isCountingTournamentsChecked: boolean(),\n countingTournamentsNumber: mixed()\n .when('isCountingTournamentsChecked', {\n is: true,\n then: number().typeError(l10n.components.rating.TYPE_NUMBER).positive(l10n.components.rating.NUMBER_MORE_THAN_ZERO).integer(l10n.components.rating.TYPE_INTEGER_NUMBER),\n otherwise: string()\n }),\n isNationalRatingChecked: boolean(),\n countryId: string().required(l10n.components.rating.REQUIRED_COUNTRY),\n});\n\nexport default schema;","import React, {\n useRef,\n useState\n} from 'react';\nimport {\n TextField, Box, Grid, FormControl, FormHelperText\n} from '@material-ui/core';\nimport { Controller, useForm } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport clsx from 'clsx';\nimport RatingService from '../../../../../../services/main/dictionaries/Rating.service';\nimport Rating from '../../../../../../models/components/dictionaries/rating/Rating';\nimport Loader from '../../../../../../components/loader/Loader';\nimport Toasters from '../../../../../../components/popUp/PopUp';\nimport useStyles from '../Rating.styles';\nimport { EmptyVoidFunction } from '../../../../../../utils/types/Types';\nimport schema from '../helpers/ValidationSchema';\nimport ATCheckbox from '../../../../../../components/checkbox/Checkbox';\nimport CountryService from '../../../../../../services/main/dictionaries/Country.service';\nimport RatingForm from '../../../../../../models/components/dictionaries/rating/RatingForm';\nimport ATButton from '../../../../../../components/button/Button';\nimport SingleSelect from '../../../../../../components/selects/single/Single';\nimport { selectType } from '../../../../../../utils/enum/Enum';\nimport TextInput from '../../../../../../components/inputs/textField/TextInput';\nimport EditableTextField from '../../../../../../components/inputs/textField/Editable';\nimport useTranslation from '../../../../../../components/localization/customHooks/Translation';\n\nconst defaultProps = {\n handleClose: () => { },\n};\n\nexport default function AddOrEditCountry(props: {\n selectedRating: Rating;\n handleClose?: EmptyVoidFunction;\n}) {\n const { selectedRating, handleClose } = props;\n const editor = useRef(null);\n\n const {\n control,\n setValue,\n handleSubmit,\n formState: { errors },\n } = useForm\n
\n \n
\n )}\n name=\"name\"\n control={control}\n />\n \n
\n \n \n \n {errors?.countryId?.message}\n \n \n
\n \n (\n ) => {\n setIsNationalRatingChecked(e.target.checked);\n }}\n />\n )}\n />\n
\n \n
\n\n ),\n },\n {\n displayName: l10n.components.rating.RATING_CONTROL,\n fieldName: 'action',\n allowSortring: false,\n allowSearch: false,\n render: (data: Rating) => (\n - \n {allRating && allRating.length ? (\n
- \n {CountriesStore.countries?.length ? (\n
{l10n.components.countries.EMPTY_COUNTRY_LIST}
\n )}\n