{"version":3,"sources":["web/api/model/index.ts","web/api/model/searchTrainingsSorting.ts","web/api/model/suggestionFilter.ts","web/utils/axios.ts","web/api/index.ts","web/styles/theme.js","web/components/icons/ArrowIcon.tsx","web/components/icons/CheckboxIcon.tsx","web/components/icons/ChevronDoubleLeftIcon.tsx","web/components/icons/ChevronDownIcon.tsx","web/components/icons/ChevronLeftIcon.tsx","web/components/icons/IndeterminateIcon.tsx","web/components/icons/InfoIcon.tsx","web/components/icons/LocationIcon.tsx","web/components/icons/MailIcon.tsx","web/components/icons/OrderIcon.tsx","web/components/icons/PhoneIcon.tsx","web/components/icons/SearchIcon.tsx","web/components/icons/TagCloseIcon.tsx","web/components/icons/WebIcon.tsx","web/components/Loader.tsx","web/components/sections/Hero/background.svg","web/components/sections/Hero/styles.ts","web/components/sections/Hero/Hero.tsx","web/utils/index.tsx","web/components/sections/SearchBox/styles.ts","web/components/sections/SearchBox/SuggestionInput.tsx","web/components/sections/SearchBox/SuggestionInputSuggestions.tsx","web/components/sections/SearchBox/SearchBoxProviders.tsx","web/components/sections/SearchBox/SearchBoxRegions.tsx","web/components/sections/SearchBox/SearchBoxTrainings.tsx","web/components/sections/SearchBox/SearchBox.tsx","web/components/Pagination/styles.ts","web/components/Pagination/Pagination.tsx","web/components/sections/SearchResults/styles.ts","web/components/sections/SearchResults/TrainingDetails.tsx","web/components/sections/SearchResults/SearchResults.tsx","web/components/UnsupportedBrowserDisplay.tsx","web/App.tsx","web/locales/index.ts","web/index.tsx","index.tsx"],"names":["SearchTrainingsSorting","RANKING","TRAINING_ASC","TRAINING_DESC","PROVIDER_ASC","PROVIDER_DESC","DURATION_ASC","DURATION_DESC","SuggestionFilter","TRAINING","PROVIDER","AXIOS_INSTANCE","Axios","create","baseURL","customInstance","config","source","CancelToken","promise","cancelToken","token","then","data","cancel","useGetGlobalLocations","queryConfig","queryKey","query","useQuery","customAxios","url","method","useGetSuggestions","params","getGetSuggestionsQueryKey","getSuggestions","useGetTrainings","getGetTrainingsQueryKey","getTrainings","useGetTrainingDetail","trainingId","getGetTrainingDetailQueryKey","getTrainingDetail","enabled","colors","sizes","borderRadius","container","sm","md","lg","xl","fontFamilies","fontSizes","bp","medium","large","xlarge","mq","n","Object","keys","map","key","reduce","acc","name","size","customTheme","extendTheme","fonts","body","heading","styles","global","lineHeight","color","ArrowIcon","className","width","height","viewBox","id","data-name","transform","y1","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","CheckboxIcon","xmlns","ChevronDoubleLeftIcon","ChevronDownIcon","ChevronLeftIcon","IndeterminateIcon","InfoIcon","LocationIcon","cx","cy","r","MailIcon","rx","x","y","OrderIcon","PhoneIcon","SearchIcon","TagCloseIcon","enableBackground","WebIcon","Loader","strokeDasharray","strokeDashoffset","heroBackgroundStyles","display","alignItems","paddingBottom","background","heroStyles","textAlign","h1","fontSize","fontWeight","b","content","margin","p","marginTop","Hero","t","useTranslation","style","css","maxW","centerContent","as","dangerouslySetInnerHTML","__html","INITIAL_PARAMS","pageNumber","sort","getSearchBoxQuery","regions","keyword","regionCode","split","e","find","f","Number","provider","isSelectedRegion","region","some","isCheckedAllRegions","values","suggestions","every","addRegion","deleteRegion","filter","suggestionInputStyles","position","left","right","maxWidth","backgroundColor","borderColor","boxShadow","outline","top","transition","zIndex","svg","flexDirection","minWidth","maxHeight","padding","border","overflowY","minHeight","marginBottom","flexShrink","marginLeft","paddingRight","order","borderWidth","searchBoxStyles","borderLeft","borderRight","opacity","appliedFiltersStyles","marginRight","SuggestionInput","ref","label","icon","children","isOpen","setIsOpen","rest","suggestionsListRef","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","inputProps","type","autoComplete","SuggestionInputSuggestions","setValue","closeSuggestions","i","match","onClick","preventDefault","SearchBoxProviders","value","useState","isFocus","setIsFocus","isLoading","fetchProviderSuggestions","refetch","length","placeholder","Boolean","maxLength","onFocus","onBlur","onInput","currentTarget","SearchBoxRegions","setValues","toggleValue","isCheckedAll","isIndeterminate","isIndeterminateRegions","join","readOnly","isChecked","onChange","isSelected","SearchBoxTrainings","fetchTrainingSuggestions","SearchBox","queryParams","setQueryParams","formState","setFormState","lastFormState","setLastFormState","openSuggestions","setOpenSuggestions","submit","reg","toString","getTrainingsParams","updateOpenSuggestions","indexOf","item","currentFormState","aria-label","class","allowMultiple","_hover","bg","status","baseStyles","normalStyles","activeStyles","separatorStyles","pointerEvents","paginationStyles","justifyContent","li","Pagination","paginationDirectives","setPageNumber","pagesQuantity","numberOfPages","handlePageChange","nextPage","innerLimit","outerLimit","currentPage","onPageChange","isInline","align","searchResultsStyles","h2","overflow","paddingLeft","resultItemStyles","paddingTop","TrainingDetails","isError","training","address","phoneNumber","emailAddress","websiteUrl","street","houseNumber","postcode","city","country","href","isExternal","SearchResults","trainingsResponse","trainings","numberOfItems","expandedIndex","setExpandedIndex","handleOrderingClick","newSort","currentParams","count","getTrainingSort","getProvidergSort","getdurationSort","allowToggle","expIndexes","newExpandedIndex","index","isExpanded","duration","UnsupportedBrowserDisplay","unsupportedBrowserStyles","App","initialRender","errors","setErrors","locationsData","locationsError","locationsLoading","trainingsData","trainingsLoading","trainingsError","fetchTrainings","currentErrors","window","navigator","userAgent","error","AVAILABLE_LANGUAGES","locales","fr","queryClient","QueryClient","ReactDOM","render","StrictMode","QueryClientProvider","client","I18nextProvider","i18n","use","initReactI18next","init","resources","language","translation","lng","debug","process","keySeparator","interpolation","escapeValue","theme","getElementById","$modalOpeners","Array","from","querySelectorAll","$modalClosers","forEach","opener","ev","querySelector","dataset","uiTarget","closer","closest"],"mappings":"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","file":"static/js/main.7ec244b6.chunk.js","sourcesContent":["export * from './locations';\r\nexport * from './suggestionsResponse';\r\nexport * from './searchTrainingsSorting';\r\nexport * from './address';\r\nexport * from './trainingsResponseData';\r\nexport * from './trainingsResponse';\r\nexport * from './suggestion';\r\nexport * from './training';\r\nexport * from './trainingDetailResponse';\r\nexport * from './trainingDetailData';\r\nexport * from './trainingDetail';\r\nexport * from './httpError';\r\nexport * from './errorCode';\r\nexport * from './suggestionFilter';\r\nexport * from './paginationDirectives';\r\nexport * from './badRequestResponse';\r\nexport * from './noContentResponse';\r\nexport * from './notFoundResponse';\r\nexport * from './methodNotAllowedResponse';\r\nexport * from './internalServerErrorResponse';\r\nexport * from './getSuggestionsParams';\r\nexport * from './getTrainingsParams';\r\nexport * from './locationsResponse';\r\nexport * from './region';\r\n","/*\r\n * Generated by orval v4.1.0 🍺\r\n * Do not edit manually.\r\n * Training Catalog Api\r\n * OpenAPI spec version: v1\r\n */\r\n\r\nexport type SearchTrainingsSorting =\r\n  | 'RANKING'\r\n  | 'TRAINING_ASC'\r\n  | 'TRAINING_DESC'\r\n  | 'PROVIDER_ASC'\r\n  | 'PROVIDER_DESC'\r\n  | 'DURATION_ASC'\r\n  | 'DURATION_DESC';\r\n\r\nexport const SearchTrainingsSorting = {\r\n  RANKING: 'RANKING' as SearchTrainingsSorting,\r\n  TRAINING_ASC: 'TRAINING_ASC' as SearchTrainingsSorting,\r\n  TRAINING_DESC: 'TRAINING_DESC' as SearchTrainingsSorting,\r\n  PROVIDER_ASC: 'PROVIDER_ASC' as SearchTrainingsSorting,\r\n  PROVIDER_DESC: 'PROVIDER_DESC' as SearchTrainingsSorting,\r\n  DURATION_ASC: 'DURATION_ASC' as SearchTrainingsSorting,\r\n  DURATION_DESC: 'DURATION_DESC' as SearchTrainingsSorting,\r\n};\r\n","/*\r\n * Generated by orval v4.1.0 🍺\r\n * Do not edit manually.\r\n * Training Catalog Api\r\n * OpenAPI spec version: v1\r\n */\r\n\r\nexport type SuggestionFilter = 'TRAINING' | 'PROVIDER';\r\n\r\nexport const SuggestionFilter = {\r\n  TRAINING: 'TRAINING' as SuggestionFilter,\r\n  PROVIDER: 'PROVIDER' as SuggestionFilter,\r\n};\r\n","import Axios, { AxiosRequestConfig } from 'axios';\r\n\r\nconst BASE_URL =\r\n  process.env.NODE_ENV === 'development'\r\n    ? 'https://localhost:44383'\r\n    : '/ChequesFormation/Catalogue/api';\r\n\r\nconst AXIOS_INSTANCE = Axios.create({ baseURL: BASE_URL });\r\n\r\nconst customInstance = <T>(config: AxiosRequestConfig): Promise<T> => {\r\n  const source = Axios.CancelToken.source();\r\n  const promise = AXIOS_INSTANCE({ ...config, cancelToken: source.token }).then(\r\n    ({ data }) => data,\r\n  );\r\n\r\n  // @ts-ignore\r\n  promise.cancel = () => {\r\n    source.cancel('Query was cancelled by React Query');\r\n  };\r\n\r\n  return promise;\r\n};\r\n\r\nexport default customInstance;\r\n","/*\r\n * Generated by orval v4.1.0 🍺\r\n * Do not edit manually.\r\n * Training Catalog Api\r\n * OpenAPI spec version: v1\r\n */\r\nimport { useQuery, UseQueryOptions } from 'react-query';\r\nimport customAxios from '../utils/axios';\r\nimport {\r\n  GetSuggestionsParams,\r\n  GetTrainingsParams,\r\n  LocationsResponse,\r\n  SuggestionsResponse,\r\n  TrainingDetailResponse,\r\n  TrainingsResponse,\r\n} from './model';\r\n\r\ntype AsyncReturnType<T extends (...args: any) => Promise<any>> = T extends (\r\n  ...args: any\r\n) => Promise<infer R>\r\n  ? R\r\n  : any;\r\n\r\nexport const getGlobalLocations = () => {\r\n  return customAxios<LocationsResponse>({\r\n    url: `/v1/locations`,\r\n    method: 'get',\r\n  });\r\n};\r\n\r\nexport const getGetGlobalLocationsQueryKey = () => [`/v1/locations`];\r\n\r\nexport const useGetGlobalLocations = <Error = unknown>(\r\n  queryConfig?: UseQueryOptions<\r\n    AsyncReturnType<typeof getGlobalLocations>,\r\n    Error\r\n  >,\r\n) => {\r\n  const queryKey = getGetGlobalLocationsQueryKey();\r\n\r\n  const query = useQuery<AsyncReturnType<typeof getGlobalLocations>, Error>(\r\n    queryKey,\r\n    () => getGlobalLocations(),\r\n    queryConfig,\r\n  );\r\n\r\n  return {\r\n    queryKey,\r\n    ...query,\r\n  };\r\n};\r\n\r\nexport const getSuggestions = (params?: GetSuggestionsParams) => {\r\n  return customAxios<SuggestionsResponse>({\r\n    url: `/v1/suggestions`,\r\n    method: 'get',\r\n    params,\r\n  });\r\n};\r\n\r\nexport const getGetSuggestionsQueryKey = (params?: GetSuggestionsParams) => [\r\n  `/v1/suggestions`,\r\n  ...(params ? [params] : []),\r\n];\r\n\r\nexport const useGetSuggestions = <Error = unknown>(\r\n  params?: GetSuggestionsParams,\r\n  queryConfig?: UseQueryOptions<AsyncReturnType<typeof getSuggestions>, Error>,\r\n) => {\r\n  const queryKey = getGetSuggestionsQueryKey(params);\r\n\r\n  const query = useQuery<AsyncReturnType<typeof getSuggestions>, Error>(\r\n    queryKey,\r\n    () => getSuggestions(params),\r\n    queryConfig,\r\n  );\r\n\r\n  return {\r\n    queryKey,\r\n    ...query,\r\n  };\r\n};\r\n\r\nexport const getTrainings = (params?: GetTrainingsParams) => {\r\n  return customAxios<TrainingsResponse>({\r\n    url: `/v1/trainings`,\r\n    method: 'get',\r\n    params,\r\n  });\r\n};\r\n\r\nexport const getGetTrainingsQueryKey = (params?: GetTrainingsParams) => [\r\n  `/v1/trainings`,\r\n  ...(params ? [params] : []),\r\n];\r\n\r\nexport const useGetTrainings = <Error = unknown>(\r\n  params?: GetTrainingsParams,\r\n  queryConfig?: UseQueryOptions<AsyncReturnType<typeof getTrainings>, Error>,\r\n) => {\r\n  const queryKey = getGetTrainingsQueryKey(params);\r\n\r\n  const query = useQuery<AsyncReturnType<typeof getTrainings>, Error>(\r\n    queryKey,\r\n    () => getTrainings(params),\r\n    queryConfig,\r\n  );\r\n\r\n  return {\r\n    queryKey,\r\n    ...query,\r\n  };\r\n};\r\n\r\nexport const getTrainingDetail = (trainingId: string) => {\r\n  return customAxios<TrainingDetailResponse>({\r\n    url: `/v1/trainings/${trainingId}`,\r\n    method: 'get',\r\n  });\r\n};\r\n\r\nexport const getGetTrainingDetailQueryKey = (trainingId: string) => [\r\n  `/v1/trainings/${trainingId}`,\r\n];\r\n\r\nexport const useGetTrainingDetail = <Error = unknown>(\r\n  trainingId: string,\r\n  queryConfig?: UseQueryOptions<\r\n    AsyncReturnType<typeof getTrainingDetail>,\r\n    Error\r\n  >,\r\n) => {\r\n  const queryKey = getGetTrainingDetailQueryKey(trainingId);\r\n\r\n  const query = useQuery<AsyncReturnType<typeof getTrainingDetail>, Error>(\r\n    queryKey,\r\n    () => getTrainingDetail(trainingId),\r\n    { enabled: !!trainingId, ...queryConfig },\r\n  );\r\n\r\n  return {\r\n    queryKey,\r\n    ...query,\r\n  };\r\n};\r\n","import { extendTheme } from '@chakra-ui/react';\r\n\r\nexport const colors = {\r\n  primary: '#2c3896',\r\n  secondary: '#2c2554',\r\n  lightblue: '#e1e4fe',\r\n  red: '#ed424a',\r\n  darkgrey: '#4d4d4d',\r\n  mediumgrey: '#93929a',\r\n  lightgrey: '#c3c2cb',\r\n  shallowgrey: '#f9f9fa',\r\n  text: '#4d4d4d',\r\n  border: '#c3c2cb',\r\n  borderlight: 'rgba(195, 194, 203, .6)', //#c3c2cb\r\n  white: '#fff',\r\n};\r\n\r\nexport const sizes = {\r\n  borderRadius: '6px',\r\n  container: {\r\n    sm: '64rem',\r\n    md: '79rem',\r\n    lg: '101rem',\r\n    xl: '128rem',\r\n  },\r\n};\r\n\r\nexport const fontFamilies = {\r\n  heading: '\"SansaPro\", Verdana, sans-serif',\r\n  body: '\"SansaPro\", Verdana, sans-serif',\r\n};\r\n\r\nexport const fontSizes = {\r\n  small: '1.4rem',\r\n  medium: '1.6rem',\r\n  large: '1.8rem',\r\n  xlarge: '2.8rem',\r\n  xxlarge: '3.6rem',\r\n};\r\n\r\n// Media queries\r\n\r\nexport const bp = {\r\n  medium: '768', // tablet portrait\r\n  large: '1024', // tablet landscape\r\n  xlarge: '1440', // laptop\r\n};\r\n\r\n// Usage: [mq('medium')]: {...}\r\nexport const mq = (n) => {\r\n  const bpArray = Object.keys(bp).map((key) => [key, bp[key]]);\r\n\r\n  const [result] = bpArray.reduce((acc, [name, size]) => {\r\n    if (n === name) return [...acc, `@media (min-width: ${size}px)`];\r\n    return acc;\r\n  }, []);\r\n\r\n  return result;\r\n};\r\n\r\nexport const customTheme = extendTheme({\r\n  fonts: {\r\n    body: fontFamilies.body,\r\n    heading: fontFamilies.heading,\r\n  },\r\n  styles: {\r\n    global: {\r\n      body: {\r\n        lineHeight: '1.5',\r\n        color: '#4d4d4d',\r\n      },\r\n    },\r\n  },\r\n  sizes: {\r\n    container: sizes.container,\r\n  },\r\n});\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype ArrowIconProps = { color?: string; className?: string };\r\n\r\nexport const ArrowIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: ArrowIconProps) => (\r\n  <svg width=\"10.828\" height=\"13\" viewBox=\"0 0 10.828 13\" className={className}>\r\n    <g\r\n      id=\"Group_116\"\r\n      data-name=\"Group 116\"\r\n      transform=\"translate(-899.586 -996)\"\r\n    >\r\n      <line\r\n        id=\"Line_72\"\r\n        data-name=\"Line 72\"\r\n        y1=\"11\"\r\n        transform=\"translate(905 997)\"\r\n        fill=\"none\"\r\n        stroke=\"#ed424a\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        strokeWidth=\"2\"\r\n      />\r\n      <path\r\n        id=\"Path_865\"\r\n        data-name=\"Path 865\"\r\n        d=\"M5.25,10.75l4-4,4,4\"\r\n        transform=\"translate(895.75 990.25)\"\r\n        fill=\"none\"\r\n        stroke=\"#ed424a\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        strokeWidth=\"2\"\r\n      />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype CheckboxIconProps = {\r\n  color?: string;\r\n  className?: string;\r\n};\r\n\r\nexport const CheckboxIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: CheckboxIconProps) => (\r\n  <svg\r\n    height=\"10.3\"\r\n    viewBox=\"0 0 13 10.3\"\r\n    width=\"13\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <path\r\n      d=\"m12 1-5.77 7.7a1.5 1.5 0 0 1 -2.09.3 1.07 1.07 0 0 1 -.14-.14l-3-3\"\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    />\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype ChevronDoubleLeftIconProps = { color?: string; className?: string };\r\n\r\nexport const ChevronDoubleLeftIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: ChevronDoubleLeftIconProps) => (\r\n  <svg\r\n    height=\"10\"\r\n    viewBox=\"0 0 12 10\"\r\n    width=\"12\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m11 9-4-4 4-4\" />\r\n      <path d=\"m5 9-4-4 4-4\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype ChevronDownIconProps = { color?: string; className?: string };\r\n\r\nexport const ChevronDownIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: ChevronDownIconProps) => (\r\n  <svg\r\n    height=\"11\"\r\n    viewBox=\"0 0 20 11\"\r\n    width=\"20\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <path\r\n      d=\"m19 1-9 9-9-9\"\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    />\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype ChevronLeftIconProps = { color?: string; className?: string };\r\n\r\nexport const ChevronLeftIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: ChevronLeftIconProps) => (\r\n  <svg\r\n    height=\"10\"\r\n    viewBox=\"0 0 6 10\"\r\n    width=\"6\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <path\r\n      d=\"m5 9-4-4 4-4\"\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    />\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype IndeterminateIconProps = {\r\n  color?: string;\r\n  className?: string;\r\n};\r\n\r\nexport const IndeterminateIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: IndeterminateIconProps) => (\r\n  <svg\r\n    height=\"12\"\r\n    viewBox=\"0 0 12 12\"\r\n    width=\"12\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m1 6h10\" />\r\n      <path d=\"m6 1v10\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype InfoIconProps = { color?: string; className?: string };\r\n\r\nexport const InfoIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: InfoIconProps) => (\r\n  <svg\r\n    height=\"34\"\r\n    viewBox=\"0 0 34 34\"\r\n    width=\"34\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <path\r\n      d=\"m17.22 2h-.22a15.22 15.22 0 0 0 -15 15.26v.19a14.78 14.78 0 0 0 14.77 14.55h.23a15.22 15.22 0 0 0 15-15.26v-.18a14.78 14.78 0 0 0 -14.78-14.56m0-2a16.78 16.78 0 0 1 16.78 16.53v.21a17.23 17.23 0 0 1 -17 17.26h-.26a16.78 16.78 0 0 1 -16.74-16.52v-.21a17.23 17.23 0 0 1 17-17.27z\"\r\n      fill={color}\r\n    />\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m17 18.74v-9.55\" />\r\n      <path d=\"m17 23.46a.33.33 0 0 0 -.33.34.35.35 0 0 0 .34.33.33.33 0 0 0 .33-.34.33.33 0 0 0 -.33-.33\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype LocationIconProps = { color?: string; className?: string };\r\n\r\nexport const LocationIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: LocationIconProps) => (\r\n  <svg\r\n    height=\"22\"\r\n    viewBox=\"0 0 17.28 22\"\r\n    width=\"17.28\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <circle cx=\"8.64\" cy=\"8.64\" r=\"2.55\" />\r\n      <path d=\"m16.28 8.64c0 4.2-5.2 10.15-7 12.09a.85.85 0 0 1 -1.2 0c-1.88-1.94-7.08-7.88-7.08-12.09a7.64 7.64 0 0 1 15.28 0z\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype MailIconProps = { color?: string; className?: string };\r\n\r\nexport const MailIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: MailIconProps) => (\r\n  <svg\r\n    height=\"15.33\"\r\n    viewBox=\"0 0 22.12 15.33\"\r\n    width=\"22.12\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <rect height=\"13.33\" rx=\"1.5\" width=\"20\" x=\"1.06\" y=\"1\" />\r\n      <path d=\"m14.34 5.87 3.39 3.13\" />\r\n      <path d=\"m7.78 5.87-3.39 3.13\" />\r\n      <path d=\"m20.73 1.46-8.45 5.83a2.16 2.16 0 0 1 -2.43 0l-8.46-5.83\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype OrderIconProps = { color?: string; className?: string };\r\n\r\nexport const OrderIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: OrderIconProps) => (\r\n  <svg\r\n    height=\"16\"\r\n    viewBox=\"0 0 20 16\"\r\n    width=\"20\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m15 4v11\" />\r\n      <path d=\"m19 11-4 4-4-4\" />\r\n      <path d=\"m5 12v-11\" />\r\n      <path d=\"m1 5 4-4 4 4\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype PhoneIconProps = { color?: string; className?: string };\r\n\r\nexport const PhoneIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: PhoneIconProps) => (\r\n  <svg\r\n    height=\"22\"\r\n    viewBox=\"0 0 23.4 22\"\r\n    width=\"23.4\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m4.36 1.7a4.29 4.29 0 0 0 -3.36 4.19v.84a1.43 1.43 0 0 0 1.43 1.43h3.57a1.43 1.43 0 0 0 1.42-1.43 1.42 1.42 0 0 1 1.42-1.43h5.72a1.43 1.43 0 0 1 1.44 1.43 1.41 1.41 0 0 0 1.42 1.43h3.58a1.42 1.42 0 0 0 1.4-1.43v-.84a4.27 4.27 0 0 0 -3.35-4.18 38.56 38.56 0 0 0 -14.69-.01z\" />\r\n      <path d=\"m3.85 11v5.71a4.28 4.28 0 0 0 4.29 4.29h7.13a4.28 4.28 0 0 0 4.28-4.28v-5.72\" />\r\n    </g>\r\n    <g fill={color}>\r\n      <circle cx=\"7.78\" cy=\"12.8\" r=\"1.36\" />\r\n      <circle cx=\"11.7\" cy=\"12.8\" r=\"1.36\" />\r\n      <circle cx=\"15.63\" cy=\"12.8\" r=\"1.36\" />\r\n      <circle cx=\"7.78\" cy=\"16.36\" r=\"1.36\" />\r\n      <circle cx=\"11.7\" cy=\"16.36\" r=\"1.36\" />\r\n      <circle cx=\"15.63\" cy=\"16.36\" r=\"1.36\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype SearchIconProps = { color?: string; className?: string };\r\n\r\nexport const SearchIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: SearchIconProps) => (\r\n  <svg\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <circle cx=\"9.86\" cy=\"9.86\" r=\"8.86\" />\r\n      <path d=\"m16.13 16.13 6.87 6.87\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype TagCloseIconProps = { color?: string; className?: string };\r\n\r\nexport const TagCloseIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: TagCloseIconProps) => (\r\n  <svg\r\n    enableBackground=\"new 0 0 20 20\"\r\n    viewBox=\"0 0 20 20\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n  >\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n    >\r\n      <path d=\"m7 7 6 6\" />\r\n      <path d=\"m13 7-6 6\" />\r\n      <circle cx=\"10\" cy=\"10\" r=\"9\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\ntype WebIconProps = { color?: string; className?: string };\r\n\r\nexport const WebIcon = ({\r\n  color = colors.white,\r\n  className = '',\r\n}: WebIconProps) => (\r\n  <svg viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <g\r\n      fill=\"none\"\r\n      stroke={color}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      strokeWidth=\"2\"\r\n      className={className}\r\n    >\r\n      <circle cx=\"11\" cy=\"11\" r=\"10\" />\r\n      <path d=\"m1.6 14.3h18.9\" />\r\n      <path d=\"m1.6 7.7h18.9\" />\r\n      <path d=\"m8.8 1.2c-1.8 6.5-1.5 13.4.8 19.7\" />\r\n      <path d=\"m13.2 1.2c.8 2.8 1.2 5.7 1.2 8.7 0 3.8-.6 7.5-1.9 11\" />\r\n    </g>\r\n  </svg>\r\n);\r\n","import { colors } from '@/styles/theme';\r\n\r\nexport const Loader = () => {\r\n  return (\r\n    <div className=\"loader\">\r\n      <svg\r\n        height=\"50\"\r\n        viewBox=\"0 0 50 50\"\r\n        width=\"50\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <circle\r\n          cx=\"25\"\r\n          cy=\"25\"\r\n          fill=\"transparent\"\r\n          stroke={colors.lightgrey}\r\n          strokeWidth=\"6\"\r\n          r=\"22\"\r\n        />\r\n        <circle\r\n          cx=\"25\"\r\n          cy=\"25\"\r\n          fill=\"transparent\"\r\n          stroke={colors.red}\r\n          strokeWidth=\"6\"\r\n          strokeDasharray=\"142\"\r\n          strokeDashoffset=\"110\"\r\n          strokeLinecap=\"round\"\r\n          r=\"22\"\r\n        />\r\n      </svg>\r\n    </div>\r\n  );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/background.73dbb848.svg\";","import { colors, fontSizes } from '@/styles/theme';\r\nimport background from './background.svg';\r\n\r\nexport const heroBackgroundStyles = {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  height: '44rem',\r\n  paddingBottom: '10rem',\r\n  background: `${colors.secondary} url(${background}) repeat center / 1427px`,\r\n};\r\n\r\nexport const heroStyles = {\r\n  textAlign: 'center',\r\n  color: colors.white,\r\n\r\n  h1: {\r\n    fontSize: fontSizes.xxlarge,\r\n    fontWeight: 300,\r\n\r\n    b: {\r\n      fontWeight: 600,\r\n    },\r\n\r\n    '&::after': {\r\n      content: '\"\"',\r\n      display: 'block',\r\n      width: '12rem',\r\n      height: '0.3rem',\r\n      margin: '3rem auto 0',\r\n      borderRadius: 2,\r\n      background: colors.red,\r\n    },\r\n  },\r\n\r\n  p: {\r\n    marginTop: '3rem',\r\n    fontSize: fontSizes.large,\r\n  },\r\n};\r\n","import { Container, Heading, Text } from '@chakra-ui/react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { heroBackgroundStyles, heroStyles } from './styles';\r\n\r\nexport const Hero = () => {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <section style={heroBackgroundStyles}>\r\n      <Container css={heroStyles as any} maxW=\"container.md\" centerContent>\r\n        <Heading\r\n          as=\"h1\"\r\n          dangerouslySetInnerHTML={{ __html: t('hero.title') }}\r\n        />\r\n        <Text>{t('hero.sub')}</Text>\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n","import {\r\n  GetTrainingsParams,\r\n  Region,\r\n  SearchTrainingsSorting,\r\n} from '@/api/model';\r\nimport { MouseEvent, RefObject, useEffect } from 'react';\r\n\r\nexport type SearchBoxQuery = {\r\n  keyword: string;\r\n  regions: Region[];\r\n  provider: string;\r\n};\r\n\r\nexport const RESULTS_LENGTH_WARNING = 30;\r\n\r\nexport const INITIAL_PARAMS = {\r\n  pageNumber: 1,\r\n  sort: SearchTrainingsSorting.RANKING,\r\n};\r\n\r\nexport const isUnsupportedBrowser = () => {\r\n  const ua = window.navigator.userAgent;\r\n  const msie = ua.indexOf('MSIE ');\r\n\r\n  return msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./);\r\n};\r\n\r\nexport const getTrainingsParams = ({\r\n  regions,\r\n  provider,\r\n  keyword,\r\n}: SearchBoxQuery): Partial<GetTrainingsParams> => {\r\n  let params = {};\r\n  if (provider.length) {\r\n    params = { ...params, provider };\r\n  }\r\n  if (regions.length) {\r\n    params = { ...params, regionCode: regions.map((reg) => reg.id).toString() };\r\n  }\r\n  if (keyword.length) {\r\n    params = { ...params, keyword };\r\n  }\r\n  return params;\r\n};\r\n\r\nexport const getSearchBoxQuery = (\r\n  params: GetTrainingsParams,\r\n  regions: Region[],\r\n): SearchBoxQuery => ({\r\n  keyword: params.keyword || '',\r\n  regions: params.regionCode\r\n    ? params.regionCode\r\n        .split(',')\r\n        .map((e) => regions.find((f) => f.id === Number(e)) as Region)\r\n    : [],\r\n  provider: params.provider || '',\r\n});\r\n\r\nexport const isSelectedRegion = (region: Region, regions: Region[]) =>\r\n  regions.some((e) => e.id === region.id);\r\n\r\nexport const isCheckedAllRegions = (values: Region[], suggestions: Region[]) =>\r\n  suggestions.every((region) => isSelectedRegion(region, values));\r\n\r\nexport const isIndeterminateRegions = (\r\n  values: Region[],\r\n  suggestions: Region[],\r\n) =>\r\n  suggestions.some((region) => isSelectedRegion(region, values)) &&\r\n  !isCheckedAllRegions(values, suggestions);\r\n\r\nexport const addRegion = (region: Region, regions: Region[]): Region[] => [\r\n  ...regions,\r\n  region,\r\n];\r\n\r\nexport const deleteRegion = (region: Region, regions: Region[]): Region[] =>\r\n  regions.filter((r) => r.id !== region.id);\r\n\r\nexport const useClickOutside = (\r\n  ref: RefObject<HTMLInputElement>,\r\n  method: () => void,\r\n) => {\r\n  useEffect(() => {\r\n    // do something if click outside element\r\n    function handleClickOutside(event: MouseEvent<HTMLInputElement>) {\r\n      if (ref.current && !ref.current.contains(event.target)) {\r\n        method();\r\n      }\r\n    }\r\n    // Bind the event listener\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n  }, [ref, method]);\r\n};\r\n","import { colors, fontSizes, mq, sizes } from '@/styles/theme';\r\n\r\nexport const suggestionInputStyles = {\r\n  '.chakra-form__label': {\r\n    fontSize: fontSizes.large,\r\n    color: colors.secondary,\r\n  },\r\n\r\n  '.input-container': {\r\n    position: 'relative',\r\n  },\r\n\r\n  [mq('large')]: {\r\n    '&:nth-of-type(2)': {\r\n      '.suggestion-list': {\r\n        left: 'calc(50% + 0.7rem)',\r\n        transform: 'translateX(-50%)',\r\n      },\r\n    },\r\n    '&:nth-of-type(3)': {\r\n      '.suggestion-list': {\r\n        left: 'initial',\r\n        right: '0',\r\n        maxWidth: `calc(${sizes.container.lg} - 13rem)`,\r\n      },\r\n    },\r\n  },\r\n\r\n  '.chakra-input': {\r\n    height: '5rem',\r\n    backgroundColor: colors.white,\r\n\r\n    '&[readonly]': {\r\n      backgroundColor: colors.white,\r\n      color: colors.text,\r\n\r\n      '&:focus': {\r\n        backgroundColor: colors.lightblue,\r\n        borderColor: colors.border,\r\n        boxShadow: `0 0 0 0.4rem ${colors.white} inset`,\r\n      },\r\n    },\r\n\r\n    '&:hover': {\r\n      borderColor: colors.border,\r\n    },\r\n\r\n    '&.open, &:focus': {\r\n      outline: 'none',\r\n      backgroundColor: colors.lightblue,\r\n      borderColor: colors.border,\r\n      boxShadow: `0 0 0 0.4rem ${colors.white} inset !important`, // overwrite the important in chakra readonly styles\r\n    },\r\n  },\r\n\r\n  '.icon': {\r\n    position: 'absolute',\r\n    top: 'calc(50% - 0.4rem)',\r\n    right: '2rem',\r\n    width: '1.4rem',\r\n    height: '0.8rem',\r\n    transition: 'transform .2s ease-out',\r\n    zIndex: 1,\r\n\r\n    svg: {\r\n      width: '100%',\r\n      height: '100%',\r\n    },\r\n\r\n    '&.open': {\r\n      transform: 'rotate(-180deg)',\r\n    },\r\n  },\r\n\r\n  '.suggestion-list': {\r\n    position: 'absolute',\r\n    top: 'calc(100% + 10px)',\r\n    left: 0,\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    minWidth: '100%',\r\n    maxHeight: '30rem',\r\n    padding: '1rem',\r\n    border: `1px solid ${colors.border}`,\r\n    borderRadius: sizes.borderRadius,\r\n    backgroundColor: colors.white,\r\n    overflowY: 'auto',\r\n    zIndex: 100,\r\n\r\n    [mq('large')]: {\r\n      maxHeight: '40rem',\r\n      width: 'auto', // fallback\r\n      // eslint-disable-next-line\r\n      width: 'max-content',\r\n      maxWidth: `calc(${sizes.container.lg} - 7rem)`,\r\n    },\r\n\r\n    button: {\r\n      minHeight: '4rem',\r\n      padding: '0.8rem 1rem',\r\n      marginBottom: '0.1rem',\r\n      borderRadius: sizes.borderRadius,\r\n      textAlign: 'left',\r\n      zIndex: 1,\r\n\r\n      '&:focus, &:focus-visible, &:hover': {\r\n        background: colors.lightblue,\r\n        outline: 'none',\r\n      },\r\n    },\r\n\r\n    '.chakra-checkbox': {\r\n      flexShrink: 0,\r\n      minHeight: '4rem',\r\n      padding: '0.8rem 1rem',\r\n      marginBottom: '0.1rem',\r\n      borderRadius: sizes.borderRadius,\r\n\r\n      '&.checked': {\r\n        backgroundColor: colors.lightblue,\r\n      },\r\n\r\n      '&:last-child': {\r\n        marginBottom: 0,\r\n      },\r\n\r\n      '&__label': {\r\n        marginLeft: 0,\r\n        paddingRight: '1rem',\r\n        fontSize: fontSizes.medium,\r\n        fontWeight: 400,\r\n        color: colors.text,\r\n      },\r\n\r\n      '&__control': {\r\n        order: 3,\r\n        width: '2rem',\r\n        height: '2rem',\r\n        marginLeft: 'auto',\r\n        borderWidth: '0.1rem',\r\n        borderColor: colors.border,\r\n        borderRadius: sizes.borderRadius,\r\n        backgroundColor: colors.white,\r\n\r\n        '&:hover': {\r\n          backgroundColor: colors.white,\r\n        },\r\n\r\n        svg: {\r\n          display: 'none',\r\n        },\r\n\r\n        '&[data-checked]': {\r\n          svg: {\r\n            display: 'block',\r\n          },\r\n        },\r\n\r\n        '&[data-indeterminate]': {\r\n          svg: {\r\n            display: 'block',\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nexport const searchBoxStyles = {\r\n  padding: '6rem 3rem',\r\n  border: '0.9rem solid rgba(195, 194, 203, .4)',\r\n  marginTop: '-10rem',\r\n  backgroundColor: colors.shallowgrey,\r\n\r\n  '.form-controls': {\r\n    flexDirection: 'column',\r\n\r\n    '> .chakra-form-control': {\r\n      marginBottom: '2rem',\r\n    },\r\n\r\n    [mq('large')]: {\r\n      flexDirection: 'row',\r\n\r\n      '> .chakra-form-control': {\r\n        marginBottom: 0,\r\n\r\n        '&:nth-of-type(1)': {\r\n          width: '37%',\r\n        },\r\n        '&:nth-of-type(2)': {\r\n          width: '24%',\r\n        },\r\n        '&:nth-of-type(3)': {\r\n          width: '32%',\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.chakra-input': {\r\n    [mq('large')]: {\r\n      '&[id=\"formation\"]': {\r\n        borderRadius: `${sizes.borderRadius} 0 0 ${sizes.borderRadius}`,\r\n      },\r\n\r\n      '&[id=\"region\"]': {\r\n        borderLeft: 0,\r\n        borderRight: 0,\r\n        borderRadius: 0,\r\n        paddingRight: '4.4rem',\r\n      },\r\n\r\n      '&[id=\"center\"]': {\r\n        borderRadius: 0,\r\n        borderRight: 0,\r\n      },\r\n    },\r\n\r\n    '&[id=\"center\"] + .suggestion-list': {\r\n      right: 0,\r\n    },\r\n  },\r\n\r\n  '.chakra-button': {\r\n    flexShrink: 0,\r\n    width: '100%',\r\n    height: '5rem',\r\n    marginTop: '1rem',\r\n    backgroundColor: colors.red,\r\n\r\n    '&:hover': {\r\n      opacity: 0.8,\r\n    },\r\n\r\n    '&:disabled': {\r\n      backgroundColor: colors.lightgrey,\r\n\r\n      '&:hover': {\r\n        backgroundColor: colors.lightgrey,\r\n      },\r\n    },\r\n\r\n    [mq('large')]: {\r\n      width: '6rem',\r\n      borderRadius: `0 ${sizes.borderRadius} ${sizes.borderRadius} 0`,\r\n      marginTop: '3.2rem',\r\n    },\r\n  },\r\n};\r\n\r\nexport const appliedFiltersStyles = {\r\n  marginTop: '1rem',\r\n\r\n  '.chakra-tag': {\r\n    marginRight: '2rem',\r\n    marginTop: '2rem',\r\n  },\r\n};\r\n","import { useClickOutside } from '@/utils';\r\nimport { FormControl, FormLabel, Input, InputProps } from '@chakra-ui/react';\r\nimport React, { PropsWithChildren, useRef } from 'react';\r\nimport { suggestionInputStyles } from './styles';\r\n\r\ntype SuggestionInputProps = InputProps & {\r\n  id: string;\r\n  label: string;\r\n  suggestions: boolean;\r\n  icon?: any;\r\n  readOnly?: boolean;\r\n  isOpen: boolean;\r\n  setIsOpen: (isOpen: boolean, id: string) => void;\r\n};\r\n\r\nexport const SuggestionInput = ({\r\n  id,\r\n  label,\r\n  suggestions = false,\r\n  icon,\r\n  children,\r\n  isOpen,\r\n  setIsOpen,\r\n  ...rest\r\n}: PropsWithChildren<SuggestionInputProps>) => {\r\n  const suggestionsListRef = useRef(null);\r\n\r\n  useClickOutside(suggestionsListRef, () => {\r\n    setIsOpen(false, id);\r\n  });\r\n\r\n  const inputProps = {\r\n    type: 'text',\r\n    autoComplete: 'off',\r\n    ...rest,\r\n  };\r\n\r\n  return (\r\n    <FormControl id={id} css={suggestionInputStyles}>\r\n      <FormLabel>{label}</FormLabel>\r\n      <div className=\"input-container\">\r\n        <Input className={isOpen ? 'open' : ''} {...inputProps} />\r\n        <i className={`icon ${isOpen ? 'open' : ''}`}>{icon}</i>\r\n      </div>\r\n      {suggestions && isOpen && (\r\n        <div className=\"suggestion-list\" ref={suggestionsListRef}>\r\n          {children}\r\n        </div>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};\r\n","import { Suggestion } from '@/api/model';\r\n\r\ntype SuggestionInputSuggestionsProps = {\r\n  suggestions: Suggestion[];\r\n  setValue: (value: string) => void;\r\n  closeSuggestions: () => void;\r\n};\r\n\r\nexport const SuggestionInputSuggestions = ({\r\n  suggestions,\r\n  setValue,\r\n  closeSuggestions,\r\n}: SuggestionInputSuggestionsProps) => (\r\n  <>\r\n    {suggestions.map(\r\n      ({ match }, i) =>\r\n        match && (\r\n          <button\r\n            key={`${match}-${i}`}\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              setValue(match);\r\n              closeSuggestions();\r\n            }}\r\n          >\r\n            {match}\r\n          </button>\r\n        ),\r\n    )}\r\n  </>\r\n);\r\n","import { useGetSuggestions } from '@/api';\r\nimport { GetSuggestionsParams, SuggestionFilter } from '@/api/model';\r\nimport { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { SuggestionInput } from './SuggestionInput';\r\nimport { SuggestionInputSuggestions } from './SuggestionInputSuggestions';\r\n\r\ntype SearchBoxProvidersProps = {\r\n  isOpen: boolean;\r\n  setIsOpen: (isOpen: boolean, id: string) => void;\r\n  value: string;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchBoxProviders = ({\r\n  value,\r\n  setValue,\r\n  isOpen,\r\n  setIsOpen,\r\n}: SearchBoxProvidersProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  const [isFocus, setIsFocus] = useState<boolean>(false);\r\n\r\n  const {\r\n    data,\r\n    isLoading,\r\n    refetch: fetchProviderSuggestions,\r\n  } = useGetSuggestions(\r\n    {\r\n      keyword: value,\r\n      filter: SuggestionFilter.PROVIDER,\r\n    } as GetSuggestionsParams,\r\n    {\r\n      enabled: false,\r\n    },\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (isFocus && value.length > 2) {\r\n      fetchProviderSuggestions();\r\n    }\r\n  }, [fetchProviderSuggestions, value.length, isFocus]);\r\n\r\n  const suggestions = data?.data;\r\n  const id = 'center';\r\n\r\n  return (\r\n    <SuggestionInput\r\n      id={id}\r\n      label={t('search.center.label')}\r\n      name=\"providerQuery\"\r\n      placeholder={t('search.center.placeholder')}\r\n      suggestions={!!suggestions && Boolean(suggestions.length)}\r\n      maxLength={90}\r\n      isOpen={isOpen}\r\n      setIsOpen={setIsOpen}\r\n      value={value}\r\n      onFocus={() => {\r\n        setIsOpen(true, id);\r\n        setIsFocus(true);\r\n      }}\r\n      onBlur={() => {\r\n        setIsFocus(false);\r\n        if (!suggestions) {\r\n          setIsOpen(false, id);\r\n        }\r\n      }}\r\n      onInput={(e: React.FormEvent<HTMLInputElement>) => {\r\n        setValue(e.currentTarget.value);\r\n      }}\r\n    >\r\n      {!isLoading && !!suggestions && (\r\n        <SuggestionInputSuggestions\r\n          suggestions={suggestions}\r\n          setValue={(value) => {\r\n            setValue(value);\r\n          }}\r\n          closeSuggestions={() => {\r\n            setIsOpen(false, id)\r\n          }}\r\n        />\r\n      )}\r\n    </SuggestionInput>\r\n  );\r\n};\r\n","import { Region } from '@/api/model';\r\nimport {\r\n  CheckboxIcon,\r\n  ChevronDownIcon,\r\n  IndeterminateIcon,\r\n} from '@/components/icons';\r\nimport { colors } from '@/styles/theme';\r\nimport {\r\n  isCheckedAllRegions,\r\n  isIndeterminateRegions,\r\n  isSelectedRegion,\r\n} from '@/utils';\r\nimport { Checkbox } from '@chakra-ui/checkbox';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { SuggestionInput } from './SuggestionInput';\r\n\r\ntype SearchBoxRegionsProps = {\r\n  isOpen: boolean;\r\n  setIsOpen: (isOpen: boolean, id: string) => void;\r\n  suggestions: Region[];\r\n  values: Region[];\r\n  setValues: (value: Region[]) => void;\r\n  toggleValue: (value: Region) => void;\r\n};\r\n\r\nexport const SearchBoxRegions = ({\r\n  suggestions,\r\n  values,\r\n  setValues,\r\n  isOpen,\r\n  setIsOpen,\r\n  toggleValue,\r\n}: SearchBoxRegionsProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  const isCheckedAll = isCheckedAllRegions(values, suggestions);\r\n  const isIndeterminate = isIndeterminateRegions(values, suggestions);\r\n\r\n  const id = 'region';\r\n\r\n  return (\r\n    <SuggestionInput\r\n      id={id}\r\n      label={t('search.region.label')}\r\n      name=\"regionQuery\"\r\n      placeholder={t('search.region.placeholder')}\r\n      suggestions={!!suggestions && Boolean(suggestions.length)}\r\n      isOpen={isOpen}\r\n      setIsOpen={setIsOpen}\r\n      maxLength={50}\r\n      value={values.map((region) => region.name).join(', ')}\r\n      icon={<ChevronDownIcon className=\"accordion-icon\" color={colors.red} />}\r\n      onFocus={() => {\r\n        setIsOpen(true, id);\r\n      }}\r\n      readOnly\r\n    >\r\n      <Checkbox\r\n        value=\"\"\r\n        isChecked={isCheckedAll}\r\n        isIndeterminate={isIndeterminate}\r\n        icon={\r\n          isIndeterminate ? (\r\n            <IndeterminateIcon color={colors.red} />\r\n          ) : (\r\n            <CheckboxIcon color={colors.red} />\r\n          )\r\n        }\r\n        onChange={() => {\r\n          if (suggestions.length === values.length) {\r\n            setValues([]);\r\n            return;\r\n          }\r\n          setValues(suggestions);\r\n        }}\r\n      >\r\n        {t('search.region.selectAll')}\r\n      </Checkbox>\r\n      {suggestions.map((region) => {\r\n        const { id, name } = region;\r\n        const isSelected = isSelectedRegion(region, values);\r\n        return (\r\n          <Checkbox\r\n            key={id}\r\n            value={id}\r\n            name=\"selectedRegions\"\r\n            className={isSelected ? 'checked' : ''}\r\n            isChecked={isSelected}\r\n            icon={<CheckboxIcon color={colors.red} />}\r\n            onChange={() => toggleValue(region)}\r\n          >\r\n            {name}\r\n          </Checkbox>\r\n        );\r\n      })}\r\n    </SuggestionInput>\r\n  );\r\n};\r\n","import { useGetSuggestions } from '@/api';\r\nimport { GetSuggestionsParams, SuggestionFilter } from '@/api/model';\r\nimport { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { SuggestionInput } from './SuggestionInput';\r\nimport { SuggestionInputSuggestions } from './SuggestionInputSuggestions';\r\n\r\ntype SearchBoxTrainingsProps = {\r\n  isOpen: boolean;\r\n  setIsOpen: (isOpen: boolean, id: string) => void;\r\n  value: string;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchBoxTrainings = ({\r\n  value,\r\n  setValue,\r\n  isOpen,\r\n  setIsOpen,\r\n}: SearchBoxTrainingsProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  const [isFocus, setIsFocus] = useState<boolean>(false);\r\n\r\n  const {\r\n    data,\r\n    isLoading,\r\n    refetch: fetchTrainingSuggestions,\r\n  } = useGetSuggestions(\r\n    {\r\n      keyword: value,\r\n      filter: SuggestionFilter.TRAINING,\r\n    } as GetSuggestionsParams,\r\n    {\r\n      enabled: false,\r\n    },\r\n  );\r\n\r\n  const suggestions = data?.data;\r\n  const id = 'formation';\r\n\r\n  useEffect(() => {\r\n    if (isFocus && value.length > 2) {\r\n      setIsOpen(false, id);\r\n      fetchTrainingSuggestions();\r\n    }\r\n  }, [fetchTrainingSuggestions, value.length, isFocus]);\r\n\r\n\r\n  useEffect(() => {\r\n    if(suggestions) {\r\n      setIsOpen(true, id);\r\n    }\r\n  }, [data]);\r\n\r\n  return (\r\n    <SuggestionInput\r\n      id={id}\r\n      label={t('search.formation.label')}\r\n      name=\"trainingsQuery\"\r\n      placeholder={t('search.formation.placeholder')}\r\n      suggestions={!!suggestions && Boolean(suggestions.length)}\r\n      maxLength={50}\r\n      value={value}\r\n      isOpen={isOpen}\r\n      setIsOpen={setIsOpen}\r\n      onFocus={() => {\r\n        setIsOpen(true, id);\r\n        setIsFocus(true);\r\n      }}\r\n      onBlur={() => {\r\n        setIsFocus(false);\r\n        if (!suggestions) {\r\n          setIsOpen(false, id);\r\n        }\r\n      }}\r\n      onInput={(e: React.FormEvent<HTMLInputElement>) => {\r\n        setValue(e.currentTarget.value);\r\n      }}\r\n    >\r\n      {!isLoading && !!suggestions && (\r\n        <SuggestionInputSuggestions\r\n          suggestions={suggestions}\r\n          setValue={(value) => {\r\n            setValue(value);\r\n          }}\r\n          closeSuggestions={() => {\r\n            setIsOpen(false, id)\r\n          }}\r\n        />\r\n      )}\r\n    </SuggestionInput>\r\n  );\r\n};\r\n","import { GetTrainingsParams, Region } from '@/api/model';\r\nimport { SearchIcon, TagCloseIcon } from '@/components/icons';\r\nimport { colors } from '@/styles/theme';\r\nimport {\r\n    addRegion,\r\n    deleteRegion,\r\n    getSearchBoxQuery,\r\n    getTrainingsParams,\r\n    INITIAL_PARAMS,\r\n    isSelectedRegion,\r\n    SearchBoxQuery,\r\n} from '@/utils';\r\nimport { Center, Container, IconButton, Tag, TagLabel,Alert,ListItem,List , Accordion,\r\n    AccordionButton,\r\n    AccordionItem,\r\n    AccordionPanel} from '@chakra-ui/react';\r\n    import { InfoIcon } from '@/components/icons';\r\nimport { useEffect, useState } from 'react';\r\nimport { SearchBoxProviders } from './SearchBoxProviders';\r\nimport { SearchBoxRegions } from './SearchBoxRegions';\r\nimport { SearchBoxTrainings } from './SearchBoxTrainings';\r\nimport { appliedFiltersStyles, searchBoxStyles } from './styles';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\n\r\ntype SearchBoxProps = {\r\n    regions: Region[];\r\n    queryParams: GetTrainingsParams;\r\n    setQueryParams: React.Dispatch<React.SetStateAction<GetTrainingsParams>>;\r\n};\r\n\r\nexport const SearchBox = ({\r\n    regions,\r\n    queryParams,\r\n    setQueryParams,\r\n}: SearchBoxProps) => {\r\n    const [formState, setFormState] = useState<SearchBoxQuery>(\r\n        getSearchBoxQuery(queryParams, regions),\r\n    );\r\n    const { t } = useTranslation();\r\n\r\n    const [lastFormState, setLastFormState] = useState<SearchBoxQuery>(\r\n        getSearchBoxQuery(queryParams, regions),\r\n    );\r\n\r\n    const [openSuggestions, setOpenSuggestions] = useState<string[]>([]);\r\n\r\n    const submit = (\r\n        e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\r\n        data: SearchBoxQuery,\r\n    ) => {\r\n        e.preventDefault();\r\n        setQueryParams(() => ({\r\n            ...INITIAL_PARAMS,\r\n            ...getTrainingsParams(data),\r\n        }));\r\n    };\r\n\r\n    useEffect(() => {\r\n        setFormState(() => getSearchBoxQuery(queryParams, regions));\r\n        setLastFormState(() => getSearchBoxQuery(queryParams, regions));\r\n    }, [queryParams, regions]);\r\n\r\n    const updateOpenSuggestions = (isOpen: boolean, id: string) => {\r\n        // isOpen represents the state you want\r\n        if (isOpen) {\r\n            if (openSuggestions.indexOf(id) === -1) {\r\n                setOpenSuggestions([...openSuggestions, id]);\r\n            }\r\n        } else {\r\n            setOpenSuggestions(openSuggestions.filter((item) => item !== id));\r\n        }\r\n    };\r\n\r\n    const [show, setShow] = useState(false);\r\n\r\n    const handleToggle = () => {\r\n        setShow(!show);\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Container maxW=\"container.lg\" css={searchBoxStyles as any}>\r\n                <form>\r\n                    <Center className=\"form-controls\">\r\n                        <SearchBoxTrainings\r\n                            isOpen={openSuggestions.indexOf('formation') > -1}\r\n                            setIsOpen={updateOpenSuggestions}\r\n                            value={formState.keyword}\r\n                            setValue={(value: string) => {\r\n                                setFormState((currentFormState) => ({\r\n                                    ...currentFormState,\r\n                                    keyword: value,\r\n                                }));\r\n                            }}\r\n                        />\r\n                        <SearchBoxRegions\r\n                            suggestions={regions}\r\n                            isOpen={openSuggestions.indexOf('region') > -1}\r\n                            setIsOpen={updateOpenSuggestions}\r\n                            values={formState.regions}\r\n                            toggleValue={(reg: Region) => {\r\n                                setFormState((currentFormState) => ({\r\n                                    ...currentFormState,\r\n                                    regions: !isSelectedRegion(reg, currentFormState.regions)\r\n                                        ? addRegion(reg, currentFormState.regions)\r\n                                        : deleteRegion(reg, currentFormState.regions),\r\n                                }));\r\n                            }}\r\n                            setValues={(values: Region[]) => {\r\n                                setFormState((currentFormState) => ({\r\n                                    ...currentFormState,\r\n                                    regions: values,\r\n                                }));\r\n                            }}\r\n                        />\r\n                        <SearchBoxProviders\r\n                            isOpen={openSuggestions.indexOf('center') > -1}\r\n                            setIsOpen={updateOpenSuggestions}\r\n                            value={formState.provider}\r\n                            setValue={(value: string) => {\r\n                                setFormState((currentFormState) => ({\r\n                                    ...currentFormState,\r\n                                    provider: value,\r\n                                }));\r\n                            }}\r\n                        />\r\n                        <IconButton\r\n                            onClick={(e) => submit(e, formState)}\r\n                            aria-label=\"Search\"\r\n                            icon={<SearchIcon />}\r\n                            type=\"submit\"\r\n                        />\r\n                    </Center>\r\n                </form>\r\n                <div class=\"search-info\">\r\n                    <Accordion  allowMultiple>\r\n                        <AccordionItem>\r\n                            <AccordionButton _hover={{ bg: '#f9f9fa', color: '#2a295c' }}>\r\n                            <InfoIcon color={colors.primary} />\r\n                            </AccordionButton>\r\n                            <AccordionPanel>\r\n                                    <Alert key={`Alert-searchInfo`} status=\"info\">\r\n                                    <List >\r\n                                        <ListItem fontSize='xl'><b> {t('search.form.explaination.title')} </b></ListItem>\r\n                                        <ListItem fontSize='xl'>- {t('search.form.explaination.firstElement')}</ListItem>\r\n                                        <ListItem fontSize='xl'>- {t('search.form.explaination.secondElement')}</ListItem>\r\n                                        <ListItem fontSize='xl'>- {t('search.form.explaination.thirdElement')}</ListItem>\r\n                                        </List >\r\n                                    </Alert>\r\n                            </AccordionPanel>\r\n                        </AccordionItem>\r\n                    </Accordion>\r\n                </div>\r\n            </Container>\r\n            <Container maxW=\"container.lg\" css={appliedFiltersStyles}>\r\n                {lastFormState.keyword && lastFormState.keyword.length > 1 && (\r\n                    <Tag className=\"chakra-tag\">\r\n                        <TagLabel>{lastFormState.keyword}</TagLabel>\r\n                        <button\r\n                            onClick={(e) =>\r\n                                submit(e, {\r\n                                    ...lastFormState,\r\n                                    keyword: '',\r\n                                })\r\n                            }\r\n                        >\r\n                            <TagCloseIcon color={colors.primary} />\r\n                        </button>\r\n                    </Tag>\r\n                )}\r\n                {lastFormState.regions.map((reg) => (\r\n                    <Tag className=\"chakra-tag\" key={`tag-${reg.id}`}>\r\n                        <TagLabel>{reg.name}</TagLabel>\r\n                        <button\r\n                            onClick={(e) => {\r\n                                submit(e, {\r\n                                    ...lastFormState,\r\n                                    regions: deleteRegion(reg, lastFormState.regions),\r\n                                });\r\n                            }}\r\n                        >\r\n                            <TagCloseIcon color={colors.primary} />\r\n                        </button>\r\n                    </Tag>\r\n                ))}\r\n                {lastFormState.provider && lastFormState.provider.length > 1 && (\r\n                    <Tag className=\"chakra-tag\">\r\n                        <TagLabel>{lastFormState.provider}</TagLabel>\r\n                        <button\r\n                            onClick={(e) =>\r\n                                submit(e, {\r\n                                    ...lastFormState,\r\n                                    provider: '',\r\n                                })\r\n                            }\r\n                        >\r\n                            <TagCloseIcon color={colors.primary} />\r\n                        </button>\r\n                    </Tag>\r\n                )}\r\n            </Container>\r\n        </div>\r\n    );\r\n};\r\n","import { colors, fontSizes, mq } from '@/styles/theme';\r\nimport { ButtonProps } from '@chakra-ui/react';\r\n\r\nexport const baseStyles: ButtonProps = {\r\n  width: '3rem',\r\n  height: '3rem',\r\n  borderRadius: '50%',\r\n  fontSize: fontSizes.small,\r\n};\r\n\r\nexport const normalStyles: ButtonProps = {\r\n  ...baseStyles,\r\n  background: 'transparent',\r\n  color: colors.text,\r\n};\r\n\r\nexport const activeStyles: ButtonProps = {\r\n  ...baseStyles,\r\n  background: colors.red,\r\n  color: colors.white,\r\n};\r\n\r\nexport const separatorStyles: ButtonProps = {\r\n  ...baseStyles,\r\n  pointerEvents: 'none',\r\n};\r\n\r\nexport const paginationStyles = {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  marginTop: '6rem',\r\n  paddingBottom: '9rem',\r\n\r\n  '.pagination-btn': {\r\n    width: '2rem',\r\n    height: '3rem',\r\n    padding: 0,\r\n    backgroundColor: 'transparent',\r\n\r\n    '&--next': {\r\n      transform: 'rotate(180deg)',\r\n    },\r\n\r\n    '&--last': {\r\n      transform: 'rotate(180deg)',\r\n    },\r\n  },\r\n\r\n  '.chakra-stack': {\r\n    li: {\r\n      margin: '0 0.2rem',\r\n\r\n      [mq('large')]: {\r\n        margin: '0 0.5rem',\r\n      },\r\n\r\n      '.chakra-button': {},\r\n    },\r\n  },\r\n};\r\n","import { PaginationDirectives } from '@/api/model';\r\nimport { ChevronDoubleLeftIcon, ChevronLeftIcon } from '@/components/icons';\r\nimport { colors } from '@/styles/theme';\r\nimport { ChakraProvider, Container, IconButton } from '@chakra-ui/react';\r\nimport { Next, PageGroup, Paginator, Previous } from 'chakra-paginator';\r\nimport {\r\n  activeStyles,\r\n  normalStyles,\r\n  paginationStyles,\r\n  separatorStyles,\r\n} from './styles';\r\n\r\ntype PaginationProps = {\r\n  paginationDirectives: PaginationDirectives;\r\n  setPageNumber: (value: number) => void;\r\n};\r\n\r\nexport const Pagination = ({\r\n  paginationDirectives,\r\n  setPageNumber,\r\n}: PaginationProps) => {\r\n  const { pageNumber, numberOfPages } = paginationDirectives;\r\n\r\n  // constants\r\n  const pagesQuantity: number = numberOfPages || 0;\r\n  const outerLimit: number = 1;\r\n  const innerLimit: number = 1;\r\n\r\n  const handlePageChange = (nextPage: number) => {\r\n    setPageNumber(nextPage);\r\n  };\r\n\r\n  return (\r\n    <ChakraProvider>\r\n      <Paginator\r\n        innerLimit={innerLimit}\r\n        outerLimit={outerLimit}\r\n        pagesQuantity={pagesQuantity}\r\n        currentPage={pageNumber}\r\n        normalStyles={normalStyles}\r\n        activeStyles={activeStyles}\r\n        separatorStyles={separatorStyles}\r\n        onPageChange={handlePageChange}\r\n      >\r\n        <section>\r\n          <Container maxW=\"container.lg\" css={paginationStyles as any}>\r\n            <IconButton\r\n              className=\"pagination-btn pagination-btn--first\"\r\n              aria-label=\"First page\"\r\n              icon={<ChevronDoubleLeftIcon color={colors.red} />}\r\n              onClick={() => {\r\n                handlePageChange(1);\r\n              }}\r\n            />\r\n            <Previous className=\"pagination-btn pagination-btn--prev\">\r\n              <ChevronLeftIcon color={colors.red} />\r\n            </Previous>\r\n            <PageGroup isInline align=\"center\" />\r\n            <Next className=\"pagination-btn pagination-btn--next\">\r\n              <ChevronLeftIcon color={colors.red} />\r\n            </Next>\r\n            <IconButton\r\n              className=\"pagination-btn pagination-btn--last\"\r\n              aria-label=\"Last page\"\r\n              icon={<ChevronDoubleLeftIcon color={colors.red} />}\r\n              onClick={() => {\r\n                handlePageChange(pagesQuantity);\r\n              }}\r\n            />\r\n          </Container>\r\n        </section>\r\n      </Paginator>\r\n    </ChakraProvider>\r\n  );\r\n};\r\n","import { colors, fontSizes, mq, sizes } from '@/styles/theme';\r\n\r\nexport const searchResultsStyles = {\r\n  '.chakra-alert': {\r\n    marginTop: '5rem',\r\n  },\r\n\r\n  h2: {\r\n    textAlign: 'left',\r\n    fontSize: fontSizes.xlarge,\r\n    fontWeight: 300,\r\n\r\n    '&::after': {\r\n      width: '100%',\r\n      marginTop: '1rem',\r\n      borderRadius: 2,\r\n    },\r\n\r\n    b: {\r\n      fontWeight: 400,\r\n    },\r\n  },\r\n\r\n  '.table-container': {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'flex-start',\r\n    overflow: 'auto',\r\n    width: 'calc(100% + 2rem)',\r\n    marginLeft: '-1rem',\r\n    paddingLeft: '1rem',\r\n    paddingRight: '1rem',\r\n\r\n    [mq('large')]: {\r\n      overflow: 'hidden',\r\n    },\r\n  },\r\n\r\n  '.table-head': {\r\n    display: 'inline-flex',\r\n    minWidth: '100%',\r\n\r\n    [mq('large')]: {\r\n      display: 'flex',\r\n    },\r\n\r\n    button: {\r\n      flexShrink: 0,\r\n      justifyContent: 'flex-start',\r\n      width: '20rem',\r\n      height: 'auto',\r\n      padding: '2.5rem 2rem',\r\n      borderRadius: 0,\r\n      backgroundColor: 'transparent',\r\n      fontSize: fontSizes.medium,\r\n      textAlign: 'left',\r\n\r\n      '&.thead-formation': {\r\n        width: '54%',\r\n        minWidth: '2.2rem',\r\n      },\r\n\r\n      '&.thead-center': {\r\n        width: '31%',\r\n        minWidth: '2.5rem',\r\n      },\r\n\r\n      '&.thead-duration': {\r\n        width: '15%',\r\n        minWidth: '1.2rem',\r\n      },\r\n\r\n      svg: {\r\n        flexShrink: 0,\r\n        width: '1.8rem',\r\n        height: '1.4rem',\r\n        marginLeft: '2rem',\r\n\r\n        '&.sort-descending': {\r\n          transform: 'rotate(180deg)',\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.chakra-accordion': {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'flex-start',\r\n    minWidth: '100%',\r\n  },\r\n};\r\n\r\nexport const resultItemStyles = {\r\n  borderColor: colors.border,\r\n  transition: 'backgroundColor .3s ease-out',\r\n  display: 'inline-flex',\r\n  flexDirection: 'column',\r\n  minWidth: '100%',\r\n\r\n  '.chakra-accordion__button': {\r\n    position: 'relative',\r\n    minWidth: '100%',\r\n    padding: '1rem 0',\r\n    fontSize: fontSizes.medium,\r\n    textAlign: 'left',\r\n\r\n    '&:hover': {\r\n      backgroundColor: 'transparent',\r\n    },\r\n\r\n    '> div': {\r\n      display: 'inline-flex',\r\n      width: '100%',\r\n\r\n      [mq('large')]: {\r\n        display: 'flex',\r\n      },\r\n\r\n      '.chakra-text': {\r\n        display: 'inline-block',\r\n        flexShrink: 0,\r\n        padding: '1.5rem 2rem',\r\n        borderLeft: `0.1rem solid ${colors.borderlight}`,\r\n\r\n        '&:first-of-type': {\r\n          borderLeft: 0,\r\n        },\r\n\r\n        '&.text-formation': {\r\n          width: '54%',\r\n          minWidth: '22rem',\r\n          color: colors.primary,\r\n        },\r\n\r\n        '&.text-center': {\r\n          width: '31%',\r\n          minWidth: '25rem',\r\n        },\r\n\r\n        '&.text-duration': {\r\n          width: '15%',\r\n          minWidth: '12rem',\r\n        },\r\n      },\r\n    },\r\n\r\n    '.accordion-icon': {\r\n      position: 'absolute',\r\n      right: '2rem',\r\n      transition: 'transform .2s ease-out',\r\n    },\r\n\r\n    '&.expanded': {\r\n      backgroundColor: colors.lightblue,\r\n\r\n      '.chakra-text': {\r\n        borderColor: colors.white,\r\n      },\r\n\r\n      '.accordion-icon': {\r\n        transform: 'rotate(-180deg)',\r\n      },\r\n    },\r\n  },\r\n\r\n  '.chakra-accordion__panel': {\r\n    padding: '2rem',\r\n    paddingTop: 0,\r\n    backgroundColor: colors.lightblue,\r\n\r\n    '.container': {\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      padding: '2rem',\r\n      borderRadius: sizes.borderRadius,\r\n      background: colors.white,\r\n\r\n      '.loader': {\r\n        width: '100%',\r\n\r\n        svg: {\r\n          width: '3rem',\r\n          height: '3rem',\r\n        },\r\n      },\r\n    },\r\n\r\n    '.column': {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      justifyContent: 'space-between',\r\n      width: '33.3%',\r\n    },\r\n\r\n    p: {\r\n      display: 'flex',\r\n      fontSize: fontSizes.small,\r\n\r\n      svg: {\r\n        flexShrink: 0,\r\n        display: 'inline-block',\r\n        height: '2rem',\r\n        maxWidth: '2rem',\r\n        marginRight: '1rem',\r\n      },\r\n    },\r\n  },\r\n};\r\n","import { useGetTrainingDetail } from '@/api';\r\nimport { LocationIcon, MailIcon, PhoneIcon, WebIcon } from '@/components/icons';\r\nimport { Loader } from '@/components/Loader';\r\nimport { colors } from '@/styles/theme';\r\nimport { AccordionPanel, Link, Text } from '@chakra-ui/react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\ntype TrainingDetailsProps = {\r\n  trainingId: string;\r\n};\r\n\r\nexport const TrainingDetails = ({ trainingId }: TrainingDetailsProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  const { data, isLoading, isError } = useGetTrainingDetail(trainingId);\r\n\r\n  if (isLoading && !data?.data) {\r\n    return (\r\n      <AccordionPanel>\r\n        <div className=\"container\">\r\n          <Loader />\r\n        </div>\r\n      </AccordionPanel>\r\n    );\r\n  }\r\n\r\n  if (isError || !data?.data) {\r\n    return (\r\n      <AccordionPanel>\r\n        <div className=\"container\">\r\n          <span>{t('results.details.error')}</span>\r\n        </div>\r\n      </AccordionPanel>\r\n    );\r\n  }\r\n\r\n  const { data: training } = data;\r\n  const { address, phoneNumber, emailAddress, websiteUrl } = training;\r\n\r\n  return (\r\n    <AccordionPanel>\r\n      <div className=\"container\">\r\n        {address && (\r\n          <div className=\"column\">\r\n            <Text>\r\n              <LocationIcon color={colors.primary} />\r\n              <span>\r\n                {address.street} {address.houseNumber}\r\n                <br />\r\n                {address.postcode} {address.city}\r\n                <br />\r\n                {address.country}\r\n              </span>\r\n            </Text>\r\n          </div>\r\n        )}\r\n        {(phoneNumber || emailAddress) && (\r\n          <div className=\"column\">\r\n            {phoneNumber && (\r\n              <Text>\r\n                <PhoneIcon color={colors.primary} />\r\n                {phoneNumber}\r\n              </Text>\r\n            )}\r\n            {emailAddress && (\r\n              <Text>\r\n                <MailIcon color={colors.primary} />\r\n                {emailAddress}\r\n              </Text>\r\n            )}\r\n          </div>\r\n        )}\r\n        {websiteUrl && (\r\n          <div className=\"column\">\r\n            <Text>\r\n              <WebIcon color={colors.primary} />\r\n              <Link href={websiteUrl} isExternal>\r\n                {websiteUrl}\r\n              </Link>\r\n            </Text>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </AccordionPanel>\r\n  );\r\n};\r\n","import {\r\n  GetTrainingsParams,\r\n  SearchTrainingsSorting,\r\n  TrainingsResponse,\r\n} from '@/api/model';\r\nimport { ArrowIcon, ChevronDownIcon, OrderIcon } from '@/components/icons';\r\nimport { Pagination } from '@/components/Pagination/Pagination';\r\nimport { colors } from '@/styles/theme';\r\nimport {\r\n  Accordion,\r\n  AccordionButton,\r\n  AccordionItem,\r\n  Button,\r\n  Container,\r\n  Heading,\r\n  Text,\r\n} from '@chakra-ui/react';\r\nimport { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { resultItemStyles, searchResultsStyles } from './styles';\r\nimport { TrainingDetails } from './TrainingDetails';\r\n\r\ntype SearchResultsProps = {\r\n  trainingsResponse: TrainingsResponse;\r\n  queryParams: GetTrainingsParams;\r\n  setQueryParams: React.Dispatch<React.SetStateAction<GetTrainingsParams>>;\r\n};\r\n\r\nexport const SearchResults = ({\r\n  trainingsResponse,\r\n  queryParams,\r\n  setQueryParams,\r\n}: SearchResultsProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  const { data: trainings, ...paginationDirectives } = trainingsResponse;\r\n  const { numberOfItems } = paginationDirectives;\r\n\r\n  const [expandedIndex, setExpandedIndex] = useState([] as string[]);\r\n\r\n  const handleOrderingClick = (newSort: SearchTrainingsSorting) => {\r\n      setQueryParams((currentParams) => ({ ...currentParams, sort: newSort }));\r\n  };\r\n\r\n  const handleAccordionItemToggle = (expIndexes: any) => {\r\n    const newExpandedIndex = expIndexes.map(\r\n      (index: number) => trainings[index].id,\r\n    );\r\n    setExpandedIndex(newExpandedIndex);\r\n  };\r\n\r\n\r\n  const getTrainingSort = ()=>{\r\n   switch (sort){\r\n    case SearchTrainingsSorting.TRAINING_ASC:\r\n      return SearchTrainingsSorting.TRAINING_DESC;\r\n    case SearchTrainingsSorting.TRAINING_DESC:\r\n      return SearchTrainingsSorting.RANKING;\r\n    case SearchTrainingsSorting.RANKING:\r\n        return SearchTrainingsSorting.TRAINING_ASC;\r\n    default:\r\n      return SearchTrainingsSorting.TRAINING_ASC;\r\n   }\r\n  }\r\n  const getProvidergSort = ()=>{\r\n    switch (sort){\r\n      case SearchTrainingsSorting.PROVIDER_ASC:\r\n        return SearchTrainingsSorting.PROVIDER_DESC;\r\n      case SearchTrainingsSorting.PROVIDER_DESC:\r\n        return SearchTrainingsSorting.RANKING;\r\n      case SearchTrainingsSorting.RANKING:\r\n          return SearchTrainingsSorting.PROVIDER_ASC;\r\n      default:\r\n        return SearchTrainingsSorting.PROVIDER_ASC;\r\n   }\r\n  }\r\n   const getdurationSort = ()=>{\r\n    switch (sort){\r\n      case SearchTrainingsSorting.DURATION_ASC:\r\n        return SearchTrainingsSorting.DURATION_DESC;\r\n      case SearchTrainingsSorting.DURATION_DESC:\r\n        return SearchTrainingsSorting.RANKING;\r\n      case SearchTrainingsSorting.RANKING:\r\n          return SearchTrainingsSorting.DURATION_ASC;\r\n      default:\r\n        return SearchTrainingsSorting.DURATION_ASC;\r\n   }\r\n  }\r\n  const { sort } = queryParams;\r\n\r\n  return (\r\n    <>\r\n      <section>\r\n        <Container maxW=\"container.lg\" css={searchResultsStyles as any}>\r\n          <Heading as=\"h2\">\r\n            <b>{numberOfItems} </b>\r\n            {t('results.title', { count: numberOfItems })}\r\n          </Heading>\r\n          <div className=\"table-container\">\r\n            <div className=\"table-head\">\r\n              <Button\r\n                className=\"thead-formation\"\r\n                onClick={() => {\r\n                  handleOrderingClick(\r\n                    getTrainingSort()\r\n                  );\r\n                }}\r\n              >\r\n                {t('results.tableHead.formation')}\r\n                {sort !== SearchTrainingsSorting.TRAINING_ASC &&\r\n                  sort !== SearchTrainingsSorting.TRAINING_DESC && (\r\n                    <OrderIcon color={colors.red} />\r\n                  )}\r\n                {sort === SearchTrainingsSorting.TRAINING_ASC && (\r\n                  <ArrowIcon color={colors.red} />\r\n                )}\r\n                {sort === SearchTrainingsSorting.TRAINING_DESC && (\r\n                  <ArrowIcon color={colors.red} className=\"sort-descending\" />\r\n                )}\r\n              </Button>\r\n              <Button\r\n                className=\"thead-center\"\r\n                onClick={() => {\r\n                  handleOrderingClick(\r\n                    getProvidergSort()\r\n                  );\r\n                }}\r\n              >\r\n                {t('results.tableHead.center')}\r\n                {sort !== SearchTrainingsSorting.PROVIDER_ASC &&\r\n                  sort !== SearchTrainingsSorting.PROVIDER_DESC && (\r\n                    <OrderIcon color={colors.red} />\r\n                  )}\r\n                {sort === SearchTrainingsSorting.PROVIDER_ASC && (\r\n                  <ArrowIcon color={colors.red} />\r\n                )}\r\n                {sort === SearchTrainingsSorting.PROVIDER_DESC && (\r\n                  <ArrowIcon color={colors.red} className=\"sort-descending\" />\r\n                )}\r\n              </Button>\r\n              <Button\r\n                className=\"thead-duration\"\r\n                onClick={() => {\r\n                  handleOrderingClick(\r\n                    getdurationSort()\r\n                  );\r\n                }}\r\n              >\r\n                {t('results.tableHead.duration')}\r\n                {sort !== SearchTrainingsSorting.DURATION_ASC &&\r\n                  sort !== SearchTrainingsSorting.DURATION_DESC && (\r\n                    <OrderIcon color={colors.red} />\r\n                  )}\r\n                {sort === SearchTrainingsSorting.DURATION_ASC && (\r\n                  <ArrowIcon color={colors.red} />\r\n                )}\r\n                {sort === SearchTrainingsSorting.DURATION_DESC && (\r\n                  <ArrowIcon color={colors.red} className=\"sort-descending\" />\r\n                )}\r\n              </Button>\r\n            </div>\r\n            <Accordion\r\n              allowToggle\r\n              allowMultiple\r\n              onChange={handleAccordionItemToggle}\r\n            >\r\n              {trainings.map((training, i) => (\r\n                <AccordionItem\r\n                  key={`training-${training.id}-${i}`}\r\n                  css={resultItemStyles as any}\r\n                >\r\n                  {({ isExpanded }) => (\r\n                    <>\r\n                      <AccordionButton className={isExpanded ? 'expanded' : ''}>\r\n                        <div>\r\n                          <Text className=\"text-formation\">\r\n                            {training.name}\r\n                          </Text>\r\n                          <Text className=\"text-center\">\r\n                            {training.provider}\r\n                          </Text>\r\n                          <Text className=\"text-duration\">\r\n                            {t('results.tableElement.duration', {\r\n                              count: training.duration,\r\n                            })}\r\n                          </Text>\r\n                        </div>\r\n                        <ChevronDownIcon\r\n                          color={colors.red}\r\n                          className=\"accordion-icon\"\r\n                        />\r\n                      </AccordionButton>\r\n                      {expandedIndex.indexOf(training.id) > -1 && (\r\n                        <TrainingDetails trainingId={training.id} />\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </AccordionItem>\r\n              ))}\r\n            </Accordion>\r\n          </div>\r\n        </Container>\r\n      </section>\r\n      {paginationDirectives && (\r\n        <Pagination\r\n          paginationDirectives={paginationDirectives}\r\n          setPageNumber={(value: number) =>\r\n            setQueryParams((currentParams) => ({\r\n              ...currentParams,\r\n              pageNumber: value,\r\n            }))\r\n          }\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n","import { colors, fontSizes } from '@/styles/theme';\r\nimport { Container, Heading, Text } from '@chakra-ui/react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const UnsupportedBrowserDisplay = () => {\r\n  const { t } = useTranslation();\r\n\r\n  const unsupportedBrowserStyles = {\r\n    h1: {\r\n      fontSize: fontSizes.xxlarge,\r\n      fontWeight: 400,\r\n      marginBottom: '3rem',\r\n      color: colors.primary,\r\n    },\r\n\r\n    p: {\r\n      fontSize: fontSizes.large,\r\n      color: colors.text,\r\n    },\r\n  };\r\n\r\n  return (\r\n    <section className=\"unsupported-browser\">\r\n      <Container css={unsupportedBrowserStyles as any} maxW=\"container.md\">\r\n        <Heading as=\"h1\">{t('unsupportedBrowser.title')}</Heading>\r\n        <Text>{t('unsupportedBrowser.sub')}</Text>\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n","import { useGetGlobalLocations, useGetTrainings } from '@/api';\r\nimport { GetTrainingsParams } from '@/api/model';\r\nimport { InfoIcon } from '@/components/icons';\r\nimport { Loader } from '@/components/Loader';\r\nimport { Hero } from '@/components/sections/Hero/Hero';\r\nimport { SearchBox } from '@/components/sections/SearchBox/SearchBox';\r\nimport { SearchResults } from '@/components/sections/SearchResults/SearchResults';\r\nimport { UnsupportedBrowserDisplay } from '@/components/UnsupportedBrowserDisplay';\r\nimport { colors } from '@/styles/theme';\r\nimport {\r\n  INITIAL_PARAMS,\r\n  isUnsupportedBrowser,\r\n  RESULTS_LENGTH_WARNING,\r\n} from '@/utils';\r\nimport { Alert, Container } from '@chakra-ui/react';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const App: React.FC = () => {\r\n  const { t } = useTranslation();\r\n\r\n  const initialRender = useRef(true);\r\n\r\n  const [queryParams, setQueryParams] = useState<GetTrainingsParams>(\r\n    INITIAL_PARAMS,\r\n  );\r\n\r\n  const [errors, setErrors] = useState<string[]>([]);\r\n\r\n  const {\r\n    data: locationsData,\r\n    isError: locationsError,\r\n    isLoading: locationsLoading,\r\n  } = useGetGlobalLocations();\r\n\r\n  const {\r\n    data: trainingsData,\r\n    isLoading: trainingsLoading,\r\n    isError: trainingsError,\r\n    refetch: fetchTrainings,\r\n  } = useGetTrainings(queryParams, {\r\n    enabled: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (initialRender.current) {\r\n      initialRender.current = false;\r\n    } else {\r\n      setErrors([]);\r\n      if (\r\n        queryParams.keyword ||\r\n        queryParams.provider ||\r\n        queryParams.regionCode\r\n      ) {\r\n        fetchTrainings();\r\n      } else {\r\n        setErrors((currentErrors) => [\r\n          ...currentErrors,\r\n          t('search.form.incomplete'),\r\n        ]);\r\n      }\r\n    }\r\n  }, [queryParams, fetchTrainings, t]);\r\n\r\n  useEffect(() => {\r\n    if (trainingsError) {\r\n      setErrors((currentErrors) => [...currentErrors, t('results.list.error')]);\r\n    }\r\n  }, [trainingsError, t]);\r\n\r\n  useEffect(() => {\r\n      if (trainingsData) {\r\n      if (!trainingsData.data.length) {\r\n          setErrors((currentErrors) => [\r\n              ...currentErrors,\r\n          t('results.alert.noResult'),\r\n          t('results.alert.contact'),\r\n        ]);\r\n      }\r\n      if (trainingsData.numberOfItems > RESULTS_LENGTH_WARNING) {\r\n          setErrors((currentErrors) => [\r\n              ...currentErrors,\r\n          t('results.alert.tooManyResults'),\r\n          t('results.alert.contact'),\r\n        ]);\r\n      }\r\n        if (trainingsData.numberOfItems <= RESULTS_LENGTH_WARNING && trainingsData.numberOfItems > 0) {\r\n            setErrors((currentErrors) => [\r\n                ...currentErrors,\r\n          t('results.alert.contact'),\r\n        ]);\r\n      }\r\n\r\n    }\r\n  }, [trainingsData, t]);\r\n\r\n  if (isUnsupportedBrowser()) {\r\n    return <UnsupportedBrowserDisplay />;\r\n  }\r\n\r\n  if (locationsLoading && !locationsData) {\r\n    return (\r\n      <section className=\"App\">\r\n        <Container maxW=\"container.lg\">\r\n          <Loader />\r\n        </Container>\r\n      </section>\r\n    );\r\n  }\r\n\r\n  if (locationsError || !locationsData) {\r\n    return (\r\n      <section className=\"App\">\r\n        <Container maxW=\"container.lg\">\r\n          <Alert status=\"warning\">\r\n            <InfoIcon color={colors.primary} />\r\n            {t('app.error')}\r\n          </Alert>\r\n        </Container>\r\n      </section>\r\n    );\r\n  }\r\n\r\n  const {\r\n    data: { regions },\r\n  } = locationsData;\r\n\r\n  return (\r\n    <section className=\"App\">\r\n      <Hero />\r\n      <SearchBox\r\n        regions={regions}\r\n        queryParams={queryParams}\r\n        setQueryParams={setQueryParams}\r\n      />\r\n\r\n      {!!errors.length && (\r\n        <Container maxW=\"container.lg\">\r\n          {errors.map((error, i) => (\r\n            <Alert key={`Alert-${i}`} status=\"warning\">\r\n              <InfoIcon color={colors.primary} />\r\n              {error}\r\n            </Alert>\r\n          ))}\r\n        </Container>\r\n      )}\r\n      {!trainingsLoading ? (\r\n        <>\r\n          {trainingsData && !!trainingsData.data.length && (\r\n            <SearchResults\r\n              trainingsResponse={trainingsData}\r\n              queryParams={queryParams}\r\n              setQueryParams={setQueryParams}\r\n            />\r\n          )}\r\n        </>\r\n      ) : (\r\n        <Loader />\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n","import i18n from 'i18next';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport fr from './fr.json';\r\n\r\nconst DEFAULT_LANGUAGE = 'fr';\r\nconst AVAILABLE_LANGUAGES = [DEFAULT_LANGUAGE];\r\n\r\nconst locales = {\r\n  fr,\r\n};\r\n\r\nexport const getI18nInstance = () => {\r\n  i18n.use(initReactI18next).init({\r\n    resources: AVAILABLE_LANGUAGES.reduce(\r\n      (acc: { [key: string]: { [key: string]: any } }, language: string) => ({\r\n        ...acc,\r\n        [language]: {\r\n          translation: {\r\n            ...(locales as { [key: string]: any })[language],\r\n          },\r\n        },\r\n      }),\r\n      {},\r\n    ),\r\n    lng: DEFAULT_LANGUAGE,\r\n    debug: process.env.NODE_ENV !== 'production',\r\n    keySeparator: false,\r\n    interpolation: {\r\n      escapeValue: false,\r\n    },\r\n  });\r\n\r\n  return i18n;\r\n};\r\n","import '@/styles/index.scss';\r\nimport { ChakraProvider } from '@chakra-ui/react';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { I18nextProvider } from 'react-i18next';\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { App } from './App';\r\nimport { getI18nInstance } from './locales';\r\nimport { customTheme } from './styles/theme';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nif (process.env.NODE_ENV === 'development') {\r\n  require('./mock');\r\n}\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <QueryClientProvider client={queryClient}>\r\n      <I18nextProvider i18n={getI18nInstance()}>\r\n        <ChakraProvider theme={customTheme}>\r\n          <App />\r\n        </ChakraProvider>\r\n      </I18nextProvider>\r\n    </QueryClientProvider>\r\n  </React.StrictMode>,\r\n  document.getElementById('root'),\r\n);\r\n","// Workaround necessary to change the default location of the entrypoint, see\r\n// https://github.com/timarney/react-app-rewired#additional-issues-and-options\r\nimport './web/index.tsx';\r\n\r\n// JS interacting with static header & footer\r\n\r\nconst $modalOpeners = Array.from(\r\n  document.querySelectorAll('[data-ui-plugin=\"modal\"]'),\r\n);\r\nconst $modalClosers = Array.from(\r\n  document.querySelectorAll('[data-ui-type=\"close\"]'),\r\n);\r\n\r\n$modalOpeners.forEach((opener) => {\r\n  opener.addEventListener('click', (ev) => {\r\n    ev.preventDefault();\r\n    const target = document.querySelector(\r\n      `[data-ui-type]#${ev.target.dataset.uiTarget}`,\r\n    );\r\n\r\n    if (target) {\r\n      target.style.display = 'block';\r\n    }\r\n  });\r\n});\r\n\r\n$modalClosers.forEach((closer) => {\r\n  closer.addEventListener('click', (ev) => {\r\n    const target = ev.target.closest('[data-ui-type=\"modal\"]');\r\n\r\n    if (target) {\r\n      target.style.display = 'none';\r\n    }\r\n  });\r\n});\r\n"],"sourceRoot":""}