{"version":3,"sources":["client/routes.ts","client/components/Logo/Logo.tsx","client/components/Logo/index.ts","client/hooks/useQueryParams.ts","client/hooks/redux.ts","client/selectors/sessionSelectors.ts","client/util/actionCreator.ts","server/shared/client/ApiConfig.ts","server/shared/client/ApiFetch.ts","server/shared/client/MoviesApi.ts","server/shared/client/StatusesApi.ts","server/shared/client/TokenApi.ts","server/shared/client/UsersApi.ts","server/shared/client/helpers.ts","client/util/api.ts","client/actions/sessionActions.ts","client/pages/Login/Login.tsx","client/pages/Login/index.ts","client/selectors/uiSelectors.ts","client/util/auth.ts","client/hooks/useRouteAuthInfo.ts","client/components/AuthRoute/AuthRoute.tsx","client/components/AuthRoute/index.ts","client/theme.ts","client/components/Avatar/Avatar.tsx","client/components/Avatar/index.ts","client/components/Icon/iconManifest.tsx","client/components/Icon/Icon.tsx","client/components/Icon/index.ts","client/components/Emoji/emojiManifest.tsx","client/components/Emoji/Emoji.tsx","client/components/Emoji/index.ts","client/components/MovieCard/MovieReactions.tsx","client/util/getAvailableReactions.ts","client/components/MovieCard/MovieCard.tsx","client/components/Tabs/Tabs.tsx","client/util/math.ts","client/components/Tabs/TabLink.tsx","client/components/Tabs/index.ts","client/pages/Movies/actionTypes.ts","client/pages/Movies/reducer.ts","client/pages/Movies/actions.ts","client/actions/uiActions.ts","client/components/Modal/Modal.tsx","client/components/Modal/index.ts","client/pages/Movies/components/ReactionModal.tsx","client/selectors/movieSelectors.ts","client/components/Paginator/Paginator.tsx","client/components/Paginator/index.ts","client/pages/Movies/Movies.tsx","client/pages/Movies/index.ts","client/components/Input/Input.tsx","client/components/Input/index.ts","client/actions/movieActions.ts","client/components/NewMovieOverlay/NewMovieOverlay.tsx","client/components/NewMovieOverlay/index.ts","client/components/BottomNav/BottomNav.tsx","client/components/BottomNav/index.ts","client/pages/SearchMovies/actionTypes.ts","client/pages/SearchMovies/actions.ts","client/pages/SearchMovies/reducer.ts","client/util/debounce.ts","client/components/MovieCard/index.ts","client/pages/SearchMovies/components/StatusMovieList.tsx","client/pages/SearchMovies/SearchMovies.tsx","client/pages/SearchMovies/index.ts","client/pages/AuthPages.tsx","client/App.tsx","client/reportWebVitals.ts","client/reducers/sessionReducer.ts","client/reducers/uiReducer.ts","client/reducers/movieReducer.ts","client/store.ts","index.tsx"],"names":["ROUTES","login","movies","SIZES","tiny","small","medium","large","reelRotate","keyframes","AnimatedReel","styled","path","animate","css","GradientFill","offset","stopColor","stopOpacity","Logo","size","width","viewBox","version","xmlns","fillRule","clipRule","strokeLinecap","strokeLinejoin","strokeMiterlimit","id","d","fill","style","transformOrigin","stroke","strokeWidth","x1","y1","x2","y2","gradientUnits","gradientTransform","useQueryParams","URLSearchParams","useLocation","search","useAppDispatch","useDispatch","useAppSelector","useSelector","selectSessionState","state","session","selectToken","token","selectUser","user","actionCreator","type","payload","undefined","ApiConfig","baseEndpoint","headers","ApiFetch","response","asText","status","statusText","text","json","body","route","method","fetch","this","getEndpoint","JSON","stringify","ok","generateError","get","includes","errorResponse","bodyResponse","MoviesApi","statusId","options","page","pageSize","order","movieId","query","StatusesApi","TokenApi","UsersApi","isErrorResponse","r","sessionActions","error","Wrapper","div","ErrorMessage","p","Login","sessionState","reduxDispatch","history","useHistory","useEffect","tokenLoading","tokenError","dispatch","a","authorization","window","localStorage","setItem","replace","selectModalOpen","ui","modalOpen","isLoggedIn","isFuture","toDate","exp","useRouteAuthInfo","memoryToken","tokenInfo","getItem","parse","getStoredTokenInfo","location","hasValidToken","targetRoute","pathname","isFetchingUser","LoadingWrapper","AuthRoute","props","children","to","theme","primary","p900","Color","p600","p500","p400","accent","a900","a600","a500","a400","tertiary","t500","neutral","black","n900","n800","n700","n600","n500","n400","n300","n200","n100","white","red","r600","r500","r400","r100","blue","b500","colorStates","disabled","default","focus","hover","danger","rgba","c","alpha","object","g","b","COLORS","AvatarWrapper","colorFill","hex","pickColor","s","num","split","reduce","sum","e","charCodeAt","length","Avatar","imageLink","alt","src","charAt","toUpperCase","iconManifest","add","height","addReaction","movie","next","play","previous","getHexColor","color","Error","Icon","icon","emojiManifest","checkMark","crossMark","faceVomiting","cx","cy","transform","grinningFace","rx","ry","loudlyCryingFace","partyFace","poop","slightSmile","startStruck","thumbsDown","thumbsUp","yawningFace","EMOJI_SIZES","Emoji","emoji","rest","ReactionWrapper","MovieReactions","reactions","map","className","active","reaction","count","getAvailableReactions","Movie","MovieHeader","section","MovieTitle","h6","MovieOwner","MovieDetails","IconButton","button","formatAddedOn","format","watchedOn","addedOn","MovieCard","onAddReactionClick","reactionsMap","sort","r1","r2","indexOf","sortReactions","all","Object","keys","userReaction","name","onClick","displayName","avatarLink","INDICATOR_WIDTH","INDICATOR_HEIGHT","Container","TabContainer","generateAnimation","currentLeft","finalLeft","TabIndicator","span","left","animation","animationLength","min","max","value","Math","Tabs","onChange","propsChildren","tabsContainerRef","useRef","useState","mounted","setMounted","indicatorStyle","setIndicatorStyle","tabValues","Map","React","child","i","childValue","selected","set","tabsData","ref","valueMap","childIndex","selectedChild","tabDimensions","getBoundingClientRect","getTabChildData","current","abs","TabLink","aria-selected","GET_STATUSES_START","GET_STATUSES_END","GET_STATUSES_ERROR","GET_MOVIES_START","GET_MOVIES_END","GET_MOVIES_ERROR","ADD_REACTION_START","ADD_REACTION_END","ADD_REACTION_ERROR","UPDATE_MOVIE_START","UPDATE_MOVIE_END","UPDATE_MOVIE_ERROR","SET_MOVIE_MODAL","SET_STATUS","moviesDefaultState","getStatusesLoading","statuses","getStatusesError","getMoviesLoading","getMoviesError","addReactionLoading","addReactionError","updateMovieLoading","updateMovieError","selectedStatus","movieModal","currentPage","totalCount","pageCount","moviesReducer","action","at","data","moviesActions","getMoviesByStatus","resp","changeStatus","getStatuses","sortedStatuses","s1","s2","markAsWatched","targetStatus","find","uiActions","modalId","closeModal","modalRoot","document","getElementById","ModalWrapper","allowClickThrough","Backdrop","ModalContent","verticalPosition","Modal","show","onBackdropClick","clickThrough","openModal","ReactDOM","createPortal","Title","h3","ButtonContainer","ReactButton","modalTitle","ReactionModal","onReaction","selectLastMovieAdded","lastMovieAdded","selectAddMovieLoading","addMovieLoading","selectAddMovieError","addMovieError","Pages","PagePlaceholder","PageButton","ArrowButtons","generatePageButton","callback","generatePageButtons","totalPages","Array","_","MAX_PAGES","startingPages","endingPages","reverse","Paginator","onPageClick","Statuses","MovieList","MovieListScroll","PageInfo","renderPageInfo","totalItems","start","end","Movies","useReducer","pageOptions","setStatusById","v","m","movieStatus","Label","label","StyledInput","input","hasError","renderMessage","Input","forwardRef","propsOnChange","inputType","target","htmlFor","movieActions","addMovie","movieName","form","NewMovieOverlay","setMovieName","onSubmit","preventDefault","autoFocus","placeholder","nav","NavLink","Link","Fab","BottomNav","setModalOpen","activeClassName","SEARCH_MOVIES_START","SEARCH_MOVIES_END","SEARCH_MOVIES_ERROR","SET_QUERY","searchMoviesActions","searchMovies","moviesWithStatus","sorted","existing","k","defaultSearchMoviesState","searchMoviesLoading","searchMoviesError","searchMoviesReducer","debounce","func","debounceTime","timeout","args","later","apply","clearTimeout","setTimeout","statusColor","getStatusColor","StatusMovieList","openMovieModal","statusList","InputWrapper","debouncedSearch","SearchMovies","AUTH_ROUTES","ALL_ROUTES","PageContent","childHeight","AuthPages","pageContent","contentHeight","clientHeight","currentHeight","setCurrentHeight","blurStyling","AppWrapper","App","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","defaultSessionState","userLoading","userError","sessionReducer","defaultUiState","uiReducer","defaultMovieState","movieReducer","store","configureStore","reducer","middleware","getDefaultMiddleware","concat","thunk","devTools","process","i18n","use","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","ns","defaultNS","preload","interpolation","escapeValue","render","StrictMode","fallback"],"mappings":"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","file":"static/js/main.a6bf9ffa.chunk.js","sourcesContent":["const ROUTES = {\n  login: '/login',\n  movies: '/movies',\n};\n\nexport default ROUTES;\n","import React from 'react';\nimport styled, { css, keyframes } from 'styled-components';\n\ntype LogoSizes = 'tiny' | 'small' | 'medium' | 'large';\n\nconst SIZES: { [S in LogoSizes]: string } = {\n  tiny: '25px',\n  small: '50px',\n  medium: '75px',\n  large: '100px',\n};\n\nconst reelRotate = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\ninterface AnimateProps {\n  animate?: boolean;\n}\n\nconst AnimatedReel = styled.path<AnimateProps>`\n  animation: ${({ animate }) =>\n    animate\n      ? css`\n          ${reelRotate} 2s linear infinite\n        `\n      : 'none'};\n`;\n\ninterface Props {\n  size?: LogoSizes;\n  animate?: boolean;\n}\n\nconst GradientFill = () => (\n  <>\n    <stop offset=\"0\" stopColor=\"#ff94d8\" stopOpacity=\"1\" />\n    <stop offset=\"0.26\" stopColor=\"#af55f8\" stopOpacity=\"1\" />\n    <stop offset=\"1\" stopColor=\"#27edfe\" stopOpacity=\"1\" />\n  </>\n);\n\nconst Logo = ({ size = 'small', animate = false }: Props) => (\n  <svg\n    width={SIZES[size]}\n    viewBox=\"0 0 600 600\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    strokeMiterlimit=\"1.5\"\n  >\n    <g id=\"Logo\">\n      <AnimatedReel\n        d=\"M131.366,129.185C186.558,129.185 231.366,173.994 231.366,229.185C231.366,284.377 186.558,329.185 131.366,329.185C76.175,329.185 31.366,284.377 31.366,229.185C31.366,173.994 76.175,129.185 131.366,129.185ZM178.394,293.913C171.696,298.779 162.308,297.292 157.442,290.594C152.576,283.897 154.063,274.509 160.76,269.642C167.458,264.776 176.846,266.263 181.712,272.961C186.578,279.659 185.091,289.047 178.394,293.913ZM84.339,293.913C77.642,289.047 76.155,279.659 81.021,272.961C85.887,266.263 95.275,264.776 101.973,269.642C108.67,274.509 110.157,283.897 105.291,290.594C100.425,297.292 91.037,298.779 84.339,293.913ZM55.275,204.462C57.833,196.588 66.302,192.273 74.176,194.831C82.049,197.389 86.365,205.859 83.806,213.732C81.248,221.606 72.779,225.921 64.905,223.363C57.032,220.804 52.716,212.335 55.275,204.462ZM207.458,204.462C210.017,212.335 205.701,220.804 197.828,223.363C189.954,225.921 181.485,221.606 178.927,213.732C176.368,205.859 180.684,197.389 188.557,194.831C196.431,192.273 204.9,196.588 207.458,204.462ZM131.366,149.178C139.645,149.178 146.366,155.899 146.366,164.178C146.366,172.456 139.645,179.178 131.366,179.178C123.088,179.178 116.366,172.456 116.366,164.178C116.366,155.899 123.088,149.178 131.366,149.178Z\"\n        fill=\"url(#_Linear1)\"\n        style={{ transformOrigin: '131.4px 229.2px' }}\n        animate={animate}\n      />\n      <AnimatedReel\n        d=\"M354.51,59.426C430.398,59.426 492.01,121.038 492.01,196.926C492.01,272.814 430.398,334.426 354.51,334.426C278.622,334.426 217.01,272.814 217.01,196.926C217.01,121.038 278.622,59.426 354.51,59.426ZM285.435,291.999C276.505,285.511 274.522,272.993 281.011,264.063C287.499,255.133 300.016,253.151 308.947,259.639C317.877,266.127 319.859,278.645 313.371,287.575C306.883,296.505 294.365,298.487 285.435,291.999ZM423.585,291.999C414.655,298.487 402.137,296.505 395.649,287.575C389.161,278.645 391.143,266.127 400.073,259.639C409.003,253.151 421.521,255.133 428.009,264.063C434.497,272.993 432.515,285.511 423.585,291.999ZM466.275,160.611C469.686,171.109 463.933,182.402 453.434,185.813C442.936,189.224 431.644,183.47 428.233,172.972C424.822,162.474 430.576,151.182 441.074,147.771C451.572,144.36 462.864,150.113 466.275,160.611ZM242.745,160.611C246.156,150.113 257.448,144.36 267.946,147.771C278.444,151.182 284.198,162.474 280.787,172.972C277.376,183.47 266.083,189.224 255.585,185.813C245.087,182.402 239.334,171.109 242.745,160.611ZM354.51,79.409C365.548,79.409 374.51,88.371 374.51,99.409C374.51,110.447 365.548,119.409 354.51,119.409C343.472,119.409 334.51,110.447 334.51,99.409C334.51,88.371 343.472,79.409 354.51,79.409Z\"\n        fill=\"url(#_Linear2)\"\n        style={{ transformOrigin: '354.5px 196.9px' }}\n        animate={animate}\n      />\n      <path\n        id=\"Camera\"\n        d=\"M428.945,504.928L428.945,520.574C428.945,531.62 419.99,540.574 408.945,540.574C346.71,540.574 156.938,540.574 94.703,540.574C83.657,540.574 74.703,531.62 74.703,520.574C74.703,478.517 74.703,381.339 74.703,339.282C74.703,328.236 83.657,319.282 94.703,319.282C156.938,319.282 346.71,319.282 408.945,319.282C419.99,319.282 428.945,328.236 428.945,339.282L428.945,354.928L438.945,354.928C444.467,354.928 448.945,359.405 448.945,364.928L448.945,392.187L538.229,337.802C544.403,334.041 552.126,333.905 558.429,337.446C564.732,340.987 568.634,347.653 568.634,354.883C568.634,396.138 568.634,463.718 568.634,504.973C568.634,512.203 564.732,518.869 558.429,522.41C552.126,525.951 544.403,525.815 538.229,522.054L448.945,467.669L448.945,494.928C448.945,500.451 444.467,504.928 438.945,504.928L428.945,504.928Z\"\n        fill=\"#152031\"\n        stroke=\"#e6e3e3\"\n        strokeWidth=\"2px\"\n      />\n      <path\n        id=\"Simile\"\n        d=\"M189.162,466.086C203.452,490.838 229.863,506.086 258.444,506.086C287.025,506.086 313.435,490.838 327.726,466.086L313.869,458.086C302.437,477.888 281.309,490.086 258.444,490.086C235.579,490.086 214.451,477.888 203.018,458.086L189.162,466.086Z\"\n        fill=\"url(#_Linear3)\"\n      />\n    </g>\n    <defs>\n      <linearGradient\n        id=\"_Linear1\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"1\"\n        y2=\"0\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"matrix(523.046,-31.565,31.565,523.046,45.5873,423.404)\"\n      >\n        <GradientFill />\n      </linearGradient>\n      <linearGradient\n        id=\"_Linear2\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"1\"\n        y2=\"0\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"matrix(523.046,-31.565,31.565,523.046,45.5873,423.404)\"\n      >\n        <GradientFill />\n      </linearGradient>\n      <linearGradient\n        id=\"_Linear3\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"1\"\n        y2=\"0\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"matrix(523.046,-31.565,31.565,523.046,45.5873,423.404)\"\n      >\n        <GradientFill />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n\nexport default Logo;\n","import Logo from './Logo';\n\nexport default Logo;\n","import { useLocation } from 'react-router-dom';\n\nconst useQueryParams = () => new URLSearchParams(useLocation().search);\n\nexport default useQueryParams;\n","import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';\nimport { AppDispatch, RootState } from '../store';\n\nexport const useAppDispatch = () => useDispatch<AppDispatch>();\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n","import { RootState } from '../store';\n\nexport const selectSessionState = (state: RootState) => state.session;\nexport const selectToken = (state: RootState) => state.session.token;\nexport const selectUser = (state: RootState) => state.session.user;\n","import { ActionCreatorsMapObject } from 'redux';\n\nexport interface Action<T extends string> {\n  type: T;\n}\n\nexport interface ActionWithPayload<T extends string, P> extends Action<T> {\n  payload: P;\n}\n\ntype ActionCreator = {\n  <T extends string>(type: T): Action<T>;\n  <T extends string, P>(type: T, payload: P): ActionWithPayload<T, P>;\n};\n\nconst actionCreator: ActionCreator = <T extends string, P>(\n  type: T,\n  payload?: P,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any => (payload !== undefined ? { type, payload } : { type });\n\nexport type Actions<A extends ActionCreatorsMapObject> = ReturnType<A[keyof A]>;\n\nexport default actionCreator;\n","import { RequestInit } from 'node-fetch';\n\nclass Config {\n  baseEndpoint: string | null = null;\n\n  headers: RequestInit['headers'] = undefined;\n}\n\n// eslint-disable-next-line import/prefer-default-export\nexport const ApiConfig = new Config();\n","import fetch, { RequestInit, Response } from 'node-fetch';\nimport { ApiConfig } from './ApiConfig';\n\nexport interface ApiError {\n  status: number;\n  statusText: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  body: any;\n}\n\nexport class ApiFetch {\n  static async generateError(\n    response: Response,\n    asText = false,\n  ): Promise<ApiError> {\n    return {\n      status: response.status,\n      statusText: response.statusText,\n      body: asText ? await response.text() : await response.json(),\n    };\n  }\n\n  static getEndpoint(route: string) {\n    if (ApiConfig.baseEndpoint) {\n      return `${ApiConfig.baseEndpoint}${route}`;\n    }\n    return route;\n  }\n\n  static async fetch<Res, Body extends {} | undefined = undefined>(\n    route: string,\n    method: RequestInit['method'],\n    body?: Body,\n  ) {\n    const response = await fetch(this.getEndpoint(route), {\n      method,\n      headers: {\n        ...(ApiConfig.headers || {}),\n        'content-type': 'application/json',\n      },\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!response.ok) {\n      const errorResponse = await this.generateError(\n        response,\n        !response.headers.get('content-type')?.includes('application/json'),\n      );\n      return errorResponse;\n    }\n\n    if (response.status === 204) {\n      return undefined as unknown as Res;\n    }\n\n    const bodyResponse: Res = await response.json();\n    return bodyResponse;\n  }\n}\n","import {\n  CreateMovieRequest,\n  MovieResponse,\n  UpdateMovieRequest,\n} from '../movie';\nimport { UpdateMovieReactionRequest } from '../reaction';\nimport { PaginatedResponse } from '../utility';\nimport { ApiFetch } from './ApiFetch';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const MoviesApi = {\n  getAll: () => ApiFetch.fetch<MovieResponse[]>('/movies', 'GET'),\n  create: (body: CreateMovieRequest) =>\n    ApiFetch.fetch<MovieResponse, CreateMovieRequest>('/movies', 'POST', body),\n  getByStatus: (\n    statusId: string,\n    options: { pageSize: number; page: number; order: 'ASC' | 'DESC' },\n  ) =>\n    ApiFetch.fetch<PaginatedResponse<MovieResponse>>(\n      `/movies/status/${statusId}?page=${options.page}&pageSize=${options.pageSize}&order=${options.order}`,\n      'GET',\n    ),\n  updateReaction: (movieId: string, body: UpdateMovieReactionRequest) =>\n    ApiFetch.fetch<undefined, UpdateMovieReactionRequest>(\n      `/movies/${movieId}/reaction`,\n      'PUT',\n      body,\n    ),\n  update: (movieId: string, body: UpdateMovieRequest) =>\n    ApiFetch.fetch<undefined, UpdateMovieRequest>(\n      `/movies/${movieId}`,\n      'PATCH',\n      body,\n    ),\n  search: (query: string) =>\n    ApiFetch.fetch<MovieResponse[]>(`/movies/search?query=${query}`, 'GET'),\n};\n","import { StatusResponse } from '../status';\nimport { ApiFetch } from './ApiFetch';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const StatusesApi = {\n  getAll: () => ApiFetch.fetch<StatusResponse[]>('/statuses', 'GET'),\n  getById: (statusId: string) =>\n    ApiFetch.fetch<StatusResponse>(`/statuses/${statusId}`, 'GET'),\n};\n","import { TokenResponse } from '../token';\nimport { ApiFetch } from './ApiFetch';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const TokenApi = {\n  create: () => ApiFetch.fetch<TokenResponse>('/token', 'POST'),\n};\n","import { ApiFetch } from './ApiFetch';\nimport { UserResponse } from '../user';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const UsersApi = {\n  getCurrentUser: () => ApiFetch.fetch<UserResponse>('/users/@me', 'GET'),\n};\n","import { ApiError } from './ApiFetch';\n\nexport const isErrorResponse = <T, K = Exclude<T, ApiError>>(\n  response: K | ApiError,\n): response is ApiError => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const r = response as any;\n\n  if (!r) {\n    return false;\n  }\n\n  if (r.status && r.statusText) {\n    return true;\n  }\n\n  return false;\n};\n\nexport const isSuccessResponse = <T, K = Exclude<T, ApiError>>(\n  response: K | ApiError,\n): response is K => !isErrorResponse(response);\n","import { ApiConfig } from '../../server/shared/client/ApiConfig';\n\nApiConfig.baseEndpoint = '/api';\n\nexport * from '../../server/shared/client';\n","import actionCreator, { Actions } from '../util/actionCreator';\nimport { TokenResponse } from '../../server/shared/token';\nimport { AppThunk } from '../store';\nimport { UserResponse } from '../../server/shared/user';\nimport { ApiConfig, isErrorResponse, TokenApi, UsersApi } from '../util/api';\n\nconst GET_TOKEN_START = 'GET_TOKEN_START';\nconst GET_TOKEN_END = 'GET_TOKEN_END';\nconst GET_TOKEN_ERROR = 'GET_TOKEN_ERROR';\nconst GET_CURRENT_USER_START = 'GET_CURRENT_USER_START';\nconst GET_CURRENT_USER_END = 'GET_CURRENT_USER_END';\nconst GET_CURRENT_USER_ERROR = 'GET_CURRENT_USER_ERROR';\n\nexport const sessionActions = {\n  getTokenStart: () => actionCreator(GET_TOKEN_START),\n  getTokenEnd: (payload: TokenResponse) =>\n    actionCreator(GET_TOKEN_END, payload),\n  getTokenError: (error: string) => actionCreator(GET_TOKEN_ERROR, error),\n  getCurrentUserStart: () => actionCreator(GET_CURRENT_USER_START),\n  getCurrentUserEnd: (user: UserResponse) =>\n    actionCreator(GET_CURRENT_USER_END, user),\n  getCurrentUserError: (error: string) =>\n    actionCreator(GET_CURRENT_USER_ERROR, error),\n};\n\nexport type SessionActions = Actions<typeof sessionActions>;\n\nexport const getCurrentUser = (): AppThunk => async (dispatch) => {\n  dispatch(sessionActions.getCurrentUserStart());\n  const response = await UsersApi.getCurrentUser();\n  if (isErrorResponse(response)) {\n    dispatch(sessionActions.getCurrentUserError(response.statusText));\n    return;\n  }\n  dispatch(sessionActions.getCurrentUserEnd(response));\n};\n\nexport const login =\n  (token: string): AppThunk =>\n  async (dispatch) => {\n    dispatch(sessionActions.getTokenStart());\n    ApiConfig.headers = {\n      authorization: `Bearer ${token}`,\n    };\n    const response = await TokenApi.create();\n    ApiConfig.headers = undefined;\n    if (isErrorResponse(response)) {\n      dispatch(sessionActions.getTokenError(response.statusText));\n      return;\n    }\n    window.localStorage.setItem('token', JSON.stringify(response));\n    dispatch(sessionActions.getTokenEnd(response));\n  };\n","import React, { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\nimport Logo from '../../components/Logo';\nimport useQueryParams from '../../hooks/useQueryParams';\nimport { useAppDispatch, useAppSelector } from '../../hooks/redux';\nimport { selectSessionState } from '../../selectors/sessionSelectors';\nimport { login } from '../../actions/sessionActions';\nimport ROUTES from '../../routes';\n\nconst Wrapper = styled.div`\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(21, 32, 49);\n`;\n\nconst ErrorMessage = styled.p`\n  color: tomato;\n`;\n\nconst TOKEN_QUERY_PARAM = 'token';\n\nconst Login = () => {\n  const queryParams = useQueryParams();\n  const token = queryParams.get(TOKEN_QUERY_PARAM) || null;\n  const sessionState = useAppSelector(selectSessionState);\n  const reduxDispatch = useAppDispatch();\n  const history = useHistory();\n\n  useEffect(() => {\n    if (\n      token &&\n      !sessionState.tokenLoading &&\n      !sessionState.token &&\n      !sessionState.tokenError\n    ) {\n      reduxDispatch(login(token));\n    }\n  }, [\n    token,\n    sessionState.tokenLoading,\n    sessionState.token,\n    sessionState.tokenError,\n  ]);\n\n  useEffect(() => {\n    if (sessionState.token) {\n      history.replace(ROUTES.movies);\n    }\n  }, [sessionState.token]);\n\n  return (\n    <Wrapper>\n      <Logo size=\"large\" animate={sessionState.tokenLoading} />\n      <ErrorMessage>{sessionState.tokenError}</ErrorMessage>\n    </Wrapper>\n  );\n};\n\nexport default Login;\n","import Login from './Login';\n\nexport default Login;\n","import { RootState } from '../store';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const selectModalOpen = (state: RootState) => state.ui.modalOpen;\n","import { isFuture, toDate } from 'date-fns';\nimport { TokenResponse } from '../../server/shared/token';\n\nexport const isLoggedIn = (token: TokenResponse | null) =>\n  token && isFuture(toDate(token.exp));\n\nexport const getStoredTokenInfo = () => {\n  const tokenInfo = window.localStorage.getItem('token');\n\n  if (!tokenInfo) {\n    return null;\n  }\n\n  try {\n    return JSON.parse(tokenInfo) as TokenResponse;\n  } catch {\n    return null;\n  }\n};\n","import { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAppDispatch, useAppSelector } from './redux';\nimport { selectToken, selectUser } from '../selectors/sessionSelectors';\nimport { getStoredTokenInfo, isLoggedIn } from '../util/auth';\nimport { getCurrentUser, sessionActions } from '../actions/sessionActions';\n\nconst useRouteAuthInfo = () => {\n  const token = useAppSelector(selectToken);\n  const memoryToken = getStoredTokenInfo();\n  const dispatch = useAppDispatch();\n  const user = useAppSelector(selectUser);\n  const location = useLocation();\n\n  const fetchUserInfo = () => {\n    if (isLoggedIn(token) && !user) {\n      dispatch(getCurrentUser());\n    }\n  };\n\n  const setTokenInfo = () => {\n    if (isLoggedIn(memoryToken) && memoryToken && !token) {\n      dispatch(sessionActions.getTokenEnd(memoryToken));\n    }\n  };\n\n  useEffect(fetchUserInfo, [token, user, dispatch]);\n  useEffect(setTokenInfo, [memoryToken, token, dispatch]);\n\n  const hasValidToken = isLoggedIn(token || memoryToken);\n\n  return {\n    targetRoute: location.pathname,\n    isLoggedIn: hasValidToken,\n    isFetchingUser: user === null && hasValidToken,\n  };\n};\n\nexport default useRouteAuthInfo;\n","import React from 'react';\nimport { Redirect, Route, RouteProps } from 'react-router-dom';\nimport styled from 'styled-components';\nimport ROUTES from '../../routes';\nimport useRouteAuthInfo from '../../hooks/useRouteAuthInfo';\nimport Logo from '../Logo';\n\nconst LoadingWrapper = styled.div`\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(21, 32, 49);\n`;\n\nconst AuthRoute: React.FunctionComponent<RouteProps> = (props) => {\n  const { children } = props;\n  const { targetRoute, isLoggedIn, isFetchingUser } = useRouteAuthInfo();\n\n  if (!isLoggedIn) {\n    return <Redirect to={`${ROUTES.login}?redirect=${targetRoute}`} />;\n  }\n\n  if (isFetchingUser) {\n    return (\n      <LoadingWrapper>\n        <Logo size=\"large\" animate />\n      </LoadingWrapper>\n    );\n  }\n\n  return <Route {...props}>{children}</Route>;\n};\n\nexport default AuthRoute;\n","import AuthRoute from './AuthRoute';\n\nexport default AuthRoute;\n","import Color from 'color';\n\nconst theme = {\n  primary: {\n    p900: Color('#02595e'),\n    p600: Color('#0495a0'),\n    p500: Color('#27edfe'),\n    p400: Color('#7dd4ea'),\n  },\n  accent: {\n    a900: Color('#43037b'),\n    a600: Color('#6a12b8'),\n    a500: Color('#af55f8'),\n    a400: Color('#c083f5'),\n  },\n  tertiary: {\n    t500: Color('#ff94d8'),\n  },\n  neutral: {\n    black: Color('#06121a'),\n    n900: Color('#152031'),\n    n800: Color('#22283d'),\n    n700: Color('#272d40'),\n    n600: Color('#393b53'),\n    n500: Color('#494b66'),\n    n400: Color('#535b6d'),\n    n300: Color('#737a8b'),\n    n200: Color('#8e969a'),\n    n100: Color('#bdc1c6'),\n    white: Color('#fff'),\n  },\n  red: {\n    r600: Color('#bd2a2a'),\n    r500: Color('#de3e3e'),\n    r400: Color('#ec5e5e'),\n    r100: Color('#e38686'),\n  },\n  blue: {\n    b500: Color('#58a1f5'),\n  },\n};\n\nexport const colorStates = {\n  primary: {\n    disabled: theme.primary.p900,\n    default: theme.primary.p500,\n    focus: theme.primary.p400,\n    hover: theme.primary.p600,\n  },\n  accent: {\n    disabled: theme.accent.a900,\n    default: theme.accent.a500,\n    focus: theme.accent.a400,\n    hover: theme.accent.a600,\n  },\n  danger: {\n    disabled: theme.red.r100,\n    default: theme.red.r500,\n    focus: theme.red.r600,\n    hover: theme.red.r400,\n  },\n};\n\nexport const rgba = (c: Color, alpha = 0) => {\n  const { r, g, b } = c.object();\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n\nexport default theme;\n","import React from 'react';\nimport styled from 'styled-components';\nimport theme from '../../theme';\n\ninterface Props {\n  imageLink: string | null;\n  alt: string;\n  children: string;\n}\n\nconst COLORS = ['#b2135d', '#704bc6', '#24af63', '#ce5056'];\n\ninterface WrapperProps {\n  colorFill?: string;\n}\n\nconst AvatarWrapper = styled.div<WrapperProps>`\n  height: 32px;\n  width: 32px;\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: ${({ colorFill }) => colorFill || 'revert'};\n  color: ${theme.neutral.n100.hex()};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 18px;\n  font-weight: 600;\n\n  img {\n    width: 100%;\n  }\n`;\n\nconst pickColor = (s: string) => {\n  const arr = s.split('');\n  const num = arr.reduce((sum, e) => e.charCodeAt(0) + sum, 0);\n  return COLORS[num % COLORS.length];\n};\n\nconst Avatar = (props: Props) => {\n  const { imageLink, children, alt } = props;\n\n  if (!imageLink) {\n    return (\n      <AvatarWrapper colorFill={pickColor(children)}>\n        {children.charAt(0).toUpperCase()}\n      </AvatarWrapper>\n    );\n  }\n\n  return (\n    <AvatarWrapper>\n      <img src={imageLink} alt={alt} />\n    </AvatarWrapper>\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport default Avatar;\n","import React from 'react';\n\nexport const iconManifest = {\n  add: (\n    <>\n      <g>\n        <rect fill=\"none\" height=\"24\" width=\"24\" />\n      </g>\n      <g>\n        <g>\n          <path d=\"M18,13h-5v5c0,0.55-0.45,1-1,1l0,0c-0.55,0-1-0.45-1-1v-5H6c-0.55,0-1-0.45-1-1l0,0c0-0.55,0.45-1,1-1h5V6 c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1v5h5c0.55,0,1,0.45,1,1l0,0C19,12.55,18.55,13,18,13z\" />\n        </g>\n      </g>\n    </>\n  ),\n  addReaction: (\n    <>\n      <rect fill=\"none\" height=\"24\" width=\"24\" />\n      <path d=\"M24,4c0,0.55-0.45,1-1,1h-1v1c0,0.55-0.45,1-1,1s-1-0.45-1-1V5h-1c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1h1V2 c0-0.55,0.45-1,1-1s1,0.45,1,1v1h1C23.55,3,24,3.45,24,4z M21.52,8.95C21.83,9.91,22,10.94,22,12c0,5.52-4.48,10-10,10S2,17.52,2,12 C2,6.48,6.48,2,12,2c1.5,0,2.92,0.34,4.2,0.94C16.08,3.27,16,3.62,16,4c0,1.35,0.9,2.5,2.13,2.87C18.5,8.1,19.65,9,21,9 C21.18,9,21.35,8.98,21.52,8.95z M7,9.5C7,10.33,7.67,11,8.5,11S10,10.33,10,9.5S9.33,8,8.5,8S7,8.67,7,9.5z M16.31,14H7.69 c-0.38,0-0.63,0.42-0.44,0.75C8.2,16.39,9.97,17.5,12,17.5s3.8-1.11,4.75-2.75C16.94,14.42,16.7,14,16.31,14z M17,9.5 C17,8.67,16.33,8,15.5,8S14,8.67,14,9.5s0.67,1.5,1.5,1.5S17,10.33,17,9.5z\" />\n    </>\n  ),\n  movie: (\n    <path d=\"M18 4l1.82 3.64c.08.16-.04.36-.22.36h-1.98c-.38 0-.73-.21-.89-.55L15 4h-2l1.82 3.64c.08.16-.04.36-.22.36h-1.98c-.38 0-.73-.21-.89-.55L10 4H8l1.82 3.64c.08.16-.04.36-.22.36H7.62c-.38 0-.73-.21-.9-.55L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-.55-.45-1-1-1h-3z\" />\n  ),\n  next: (\n    <>\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path d=\"M9.31 6.71c-.39.39-.39 1.02 0 1.41L13.19 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z\" />\n    </>\n  ),\n  play: (\n    <path d=\"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z\" />\n  ),\n  previous: (\n    <>\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path d=\"M14.91 6.71c-.39-.39-1.02-.39-1.41 0L8.91 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41z\" />\n    </>\n  ),\n  search: (\n    <>\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path d=\"M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </>\n  ),\n};\n\nexport type IconManifest = keyof typeof iconManifest;\n","import React from 'react';\nimport { IconManifest, iconManifest } from './iconManifest';\nimport theme, { colorStates } from '../../theme';\n\nconst SIZES = {\n  tiny: '20px',\n  small: '24px',\n  medium: '32px',\n  large: '36px',\n};\n\ninterface Props {\n  icon: IconManifest;\n  color?: 'primary' | 'dark' | 'light' | 'accent' | 'danger';\n  size?: keyof typeof SIZES;\n}\n\nconst getHexColor = (color: NonNullable<Props['color']>) => {\n  switch (color) {\n    case 'dark':\n      return theme.neutral.n500.hex();\n    case 'light':\n      return theme.neutral.n100.hex();\n    case 'primary':\n      return colorStates.primary.default.hex();\n    case 'accent':\n      return colorStates.accent.default.hex();\n    case 'danger':\n      return colorStates.danger.default.hex();\n    default:\n      throw new Error(`${color} is not a valid icon color`);\n  }\n};\n\nconst Icon = (props: Props) => {\n  const { icon, size = 'small', color = 'light' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={SIZES[size]}\n      height={SIZES[size]}\n      fill={getHexColor(color)}\n    >\n      {iconManifest[icon]}\n    </svg>\n  );\n};\n\nexport default Icon;\n","import Icon from './Icon';\nimport { IconManifest } from './iconManifest';\n\nexport type IconType = IconManifest;\n\nexport default Icon;\n","import React from 'react';\n\nconst emojiManifest = {\n  checkMark: (\n    <>\n      <path\n        fill=\"#77B255\"\n        d=\"M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"M29.28 6.362c-1.156-.751-2.704-.422-3.458.736L14.936 23.877l-5.029-4.65c-1.014-.938-2.596-.875-3.533.138-.937 1.014-.875 2.596.139 3.533l7.209 6.666c.48.445 1.09.665 1.696.665.673 0 1.534-.282 2.099-1.139.332-.506 12.5-19.27 12.5-19.27.751-1.159.421-2.707-.737-3.458z\"\n      />\n    </>\n  ),\n  crossMark: (\n    <>\n      <path\n        fill=\"#DD2E44\"\n        d=\"M18 0C8.059 0 0 8.059 0 18s8.059 18 18 18 18-8.059 18-18S27.941 0 18 0zm13 18c0 2.565-.753 4.95-2.035 6.965L11.036 7.036C13.05 5.753 15.435 5 18 5c7.18 0 13 5.821 13 13zM5 18c0-2.565.753-4.95 2.036-6.964l17.929 17.929C22.95 30.247 20.565 31 18 31c-7.179 0-13-5.82-13-13z\"\n      />\n    </>\n  ),\n  faceVomiting: (\n    <>\n      <path\n        fill=\"#FFCB4C\"\n        d=\"M35 17c0 9.389-7.611 17-17 17-9.388 0-17-7.611-17-17C1 7.612 8.612 0 18 0c9.389 0 17 7.612 17 17\"\n      />\n      <path\n        fill=\"#65471B\"\n        d=\"M18 27.136c3.335 0 5.547.388 8.284.92.625.12 1.841 0 1.841-1.841 0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841 2.736-.532 4.949-.92 8.284-.92zM6.668 18.888c-.287 0-.571-.13-.756-.378-.313-.417-.229-1.009.189-1.322.135-.101 2.787-2.061 6.475-2.77-2.338-1.172-4.932-1.197-4.965-1.197-.521-.001-.943-.425-.942-.946 0-.521.422-.943.944-.943.209 0 5.149.036 8.223 3.11.27.27.351.676.205 1.029-.146.353-.491.583-.872.583-4.357 0-7.898 2.618-7.933 2.644-.173.129-.371.19-.568.19zm22.664 0c-.196 0-.395-.061-.564-.187-.036-.027-3.6-2.645-7.935-2.645-.382 0-.727-.23-.872-.583-.147-.353-.066-.759.205-1.029 3.075-3.075 8.015-3.11 8.223-3.11.521 0 .943.422.944.943.001.521-.422.944-.942.946-.034 0-2.629.025-4.966 1.197 3.688.708 6.34 2.668 6.475 2.77.417.313.502.903.19 1.321-.186.247-.47.377-.758.377z\"\n      />\n      <path\n        fill=\"#77AF57\"\n        d=\"M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713 0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713z\"\n      />\n      <circle fill=\"#5D8F3F\" cx=\"15.875\" cy=\"23.228\" r=\"1.235\" />\n      <circle fill=\"#5D8F3F\" cx=\"20.698\" cy=\"25.64\" r=\"1.235\" />\n      <circle\n        transform=\"rotate(-80.781 21.232 30.514)\"\n        fill=\"#5D8F3F\"\n        cx=\"21.232\"\n        cy=\"30.515\"\n        r=\"1.235\"\n      />\n      <circle\n        transform=\"rotate(-80.781 15.107 32.548)\"\n        fill=\"#5D8F3F\"\n        cx=\"15.107\"\n        cy=\"32.548\"\n        r=\"1.765\"\n      />\n    </>\n  ),\n  grinningFace: (\n    <>\n      <circle fill=\"#FFCC4D\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path\n        fill=\"#664500\"\n        d=\"M18 21c-3.623 0-6.027-.422-9-1-.679-.131-2 0-2 2 0 4 4.595 9 11 9 6.404 0 11-5 11-9 0-2-1.321-2.132-2-2-2.973.578-5.377 1-9 1z\"\n      />\n      <path fill=\"#FFF\" d=\"M9 22s3 1 9 1 9-1 9-1-2 4-9 4-9-4-9-4z\" />\n      <ellipse fill=\"#664500\" cx=\"12\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n      <ellipse fill=\"#664500\" cx=\"24\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n    </>\n  ),\n  loudlyCryingFace: (\n    <>\n      <path\n        fill=\"#FFCC4D\"\n        d=\"M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18 8.059 0 18 0s18 8.059 18 18\"\n      />\n      <path\n        fill=\"#664500\"\n        d=\"M22 27c0 2.763-1.791 3-4 3-2.21 0-4-.237-4-3 0-2.761 1.79-6 4-6 2.209 0 4 3.239 4 6zm8-12c-.124 0-.25-.023-.371-.072-5.229-2.091-7.372-5.241-7.461-5.374-.307-.46-.183-1.081.277-1.387.459-.306 1.077-.184 1.385.274.019.027 1.93 2.785 6.541 4.629.513.206.763.787.558 1.3-.157.392-.533.63-.929.63zM6 15c-.397 0-.772-.238-.929-.629-.205-.513.044-1.095.557-1.3 4.612-1.844 6.523-4.602 6.542-4.629.308-.456.929-.577 1.387-.27.457.308.581.925.275 1.383-.089.133-2.232 3.283-7.46 5.374C6.25 14.977 6.124 15 6 15z\"\n      />\n      <path fill=\"#5DADEC\" d=\"M24 16h4v19l-4-.046V16zM8 35l4-.046V16H8v19z\" />\n      <path\n        fill=\"#664500\"\n        d=\"M14.999 18c-.15 0-.303-.034-.446-.105-3.512-1.756-7.07-.018-7.105 0-.495.249-1.095.046-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.498-2.197 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552zm14 0c-.15 0-.303-.034-.446-.105-3.513-1.756-7.07-.018-7.105 0-.494.248-1.094.047-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.501-2.196 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552z\"\n      />\n      <ellipse fill=\"#5DADEC\" cx=\"18\" cy=\"34\" rx=\"18\" ry=\"2\" />\n      <ellipse fill=\"#E75A70\" cx=\"18\" cy=\"27\" rx=\"3\" ry=\"2\" />\n    </>\n  ),\n  partyFace: (\n    <>\n      <circle fill=\"#FFCC4D\" cx=\"17\" cy=\"19\" r=\"17\" />\n      <ellipse fill=\"#664500\" cx=\"17.999\" cy=\"26\" rx=\"2\" ry=\"2.5\" />\n      <path\n        fill=\"#664500\"\n        d=\"M8.111 21.383c-.182 0-.367-.05-.532-.154-.467-.294-.607-.911-.313-1.379.916-1.453 3.701-3.938 7.69-2.962.536.131.864.673.733 1.209-.132.536-.676.862-1.209.733-3.604-.882-5.502 2.056-5.521 2.086-.191.302-.516.467-.848.467zm11.973-3.742c-.29 0-.576-.125-.774-.366-.35-.427-.288-1.058.14-1.408 3.176-2.604 6.762-1.562 8.215-.646.467.294.607.912.312 1.379-.293.465-.908.607-1.376.315-.138-.084-3.052-1.823-5.884.499-.186.153-.41.227-.633.227z\"\n      />\n      <path\n        fill=\"#E2A62D\"\n        d=\"M13.346 31.273c-.068 0-.137-.009-.205-.028-.398-.113-.63-.527-.517-.926.437-1.54.258-3.029-.49-4.086-.497-.702-1.205-1.131-1.943-1.178-.414-.025-.728-.382-.702-.795s.381-.751.795-.701c1.193.074 2.313.733 3.073 1.807 1.011 1.429 1.27 3.383.709 5.361-.093.331-.394.546-.72.546zm11.037-3.061c-.142 0-.285-.04-.412-.124-1.167-.77-1.82-2.117-1.792-3.695.029-1.635.809-3.153 1.984-3.869.353-.216.814-.104 1.03.251.216.354.104.814-.251 1.03-.735.448-1.244 1.499-1.264 2.614-.02 1.055.389 1.936 1.118 2.417.346.228.441.693.213 1.039-.144.219-.382.337-.626.337z\"\n      />\n      <path\n        fill=\"#DD2E44\"\n        d=\"M17.179 2.72c-.043-.049-.11-.076-.189-.091 0 0-15.924-3.023-16.613-2.415C-.311.823.74 16.998.74 16.998c.005.081.023.15.067.199.604.684 4.758-2.004 9.279-6.001 4.522-3.998 7.697-7.792 7.093-8.476z\"\n      />\n      <path\n        fill=\"#EA596E\"\n        d=\"M.349.271C.334.301.321.342.311.394.47 1.765 2.006 13.046 2.963 16.572c1.436-.803 2.895-1.894 4.609-3.253C6.116 10.654 1.158.146.349.271z\"\n      />\n      <path\n        fill=\"#3B88C3\"\n        d=\"M29.902 29.229l-10.573-1.303c-1.13-.102-3.117-.112-3.015-1.902.093-1.623 2.04-1.373 3.479-1.16l10.638 1.774-.529 2.591z\"\n      />\n      <path\n        fill=\"#88C9F9\"\n        d=\"M30.43 26.639l-4.222-.724c-.494-.089-.934.647-.956 1.426-.025.866.227 1.304.726 1.406l4.144.512.308-2.62z\"\n      />\n      <path\n        fill=\"#3B88C3\"\n        d=\"M34.918 26.341l-2.622 2.411-4.687-5.097 2.622-2.411c1.361-1.252 3.499-1.162 4.751.199l.135.147c1.251 1.362 1.162 3.499-.199 4.751z\"\n      />\n      <ellipse\n        transform=\"rotate(-42.597 29.954 26.205)\"\n        fill=\"#88C9F9\"\n        cx=\"29.952\"\n        cy=\"26.203\"\n        rx=\"2.77\"\n        ry=\"3.462\"\n      />\n      <ellipse\n        transform=\"rotate(-42.597 29.954 26.205)\"\n        fill=\"#269\"\n        cx=\"29.952\"\n        cy=\"26.203\"\n        rx=\"1.385\"\n        ry=\"2.077\"\n      />\n      <circle fill=\"#55ACEE\" cx=\"2.5\" cy=\"33.5\" r=\"1.5\" />\n      <circle fill=\"#55ACEE\" cx=\"29\" cy=\"2\" r=\"2\" />\n      <path\n        fill=\"#EA596E\"\n        d=\"M4.864 29.246L2.526 23.63.412 29.675zM26 5l-4 1 1-4z\"\n      />\n      <path fill=\"#77B255\" d=\"M31.999 13L36 7.999 33 6z\" />\n    </>\n  ),\n  poop: (\n    <>\n      <path\n        fill=\"#BF6952\"\n        d=\"M33.541 23.198c.364-1.578.243-3.266-.458-4.946-.678-1.625-1.847-2.91-3.271-3.773.318-1.192.234-2.475-.324-3.75-.841-1.92-2.66-3.201-4.712-3.562.249-.572.329-1.289.036-2.167-1-3-5-1-8-4.999-2.44 1.464-2.97 3.64-2.878 5.487-2.421.412-3.8.936-3.8.936v.002c-1.36.55-2.322 1.883-2.322 3.442 0 .879.318 1.676.828 2.312l-.692.258.001.003c-2.33.871-3.975 2.976-3.975 5.439 0 1.047.3 2.027.82 2.878C1.971 22.027 0 24.781 0 28c0 4.418 3.691 8 8.244 8 3.269 0 6.559-.703 9.531-1.665C20.018 35.375 23.47 36 28.667 36 32.717 36 36 32.717 36 28.667c0-2.176-.953-4.125-2.459-5.469z\"\n      />\n      <ellipse fill=\"#F5F8FA\" cx=\"13.5\" cy=\"15.5\" rx=\"3.5\" ry=\"4.5\" />\n      <ellipse fill=\"#F5F8FA\" cx=\"23.5\" cy=\"15.5\" rx=\"3.5\" ry=\"4.5\" />\n      <ellipse fill=\"#292F33\" cx=\"14\" cy=\"15.5\" rx=\"2\" ry=\"2.5\" />\n      <ellipse fill=\"#292F33\" cx=\"23\" cy=\"15.5\" rx=\"2\" ry=\"2.5\" />\n      <path\n        fill=\"#292F33\"\n        d=\"M9.447 24.895C9.201 24.402 9.45 24 10 24h18c.55 0 .799.402.553.895C28.553 24.895 26 30 19 30s-9.553-5.105-9.553-5.105z\"\n      />\n      <path\n        fill=\"#F2ABBA\"\n        d=\"M19 26c-2.771 0-5.157.922-6.292 2.256C14.2 29.211 16.253 30 19 30s4.801-.789 6.292-1.744C24.157 26.922 21.771 26 19 26z\"\n      />\n    </>\n  ),\n  slightSmile: (\n    <>\n      <circle fill=\"#FFCC4D\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path\n        fill=\"#664500\"\n        d=\"M10.515 23.621C10.56 23.8 11.683 28 18 28c6.318 0 7.44-4.2 7.485-4.379.055-.217-.043-.442-.237-.554-.195-.111-.439-.078-.6.077C24.629 23.163 22.694 25 18 25s-6.63-1.837-6.648-1.855C11.256 23.05 11.128 23 11 23c-.084 0-.169.021-.246.064-.196.112-.294.339-.239.557z\"\n      />\n      <ellipse fill=\"#664500\" cx=\"12\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n      <ellipse fill=\"#664500\" cx=\"24\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n    </>\n  ),\n  startStruck: (\n    <>\n      <path\n        fill=\"#FFCC4D\"\n        d=\"M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18 8.059 0 18 0s18 8.059 18 18\"\n      />\n      <path\n        fill=\"#664500\"\n        d=\"M18 21c-3.623 0-6.027-.422-9-1-.679-.131-2 0-2 2 0 4 4.595 9 11 9 6.404 0 11-5 11-9 0-2-1.321-2.132-2-2-2.973.578-5.377 1-9 1z\"\n      />\n      <path fill=\"#FFF\" d=\"M9 22s3 1 9 1 9-1 9-1-2 4-9 4-9-4-9-4z\" />\n      <path\n        fill=\"#E95F28\"\n        d=\"M15.682 4.413l-4.542.801L8.8.961C8.542.492 8.012.241 7.488.333c-.527.093-.937.511-1.019 1.039l-.745 4.797-4.542.801c-.535.094-.948.525-1.021 1.064s.211 1.063.703 1.297l4.07 1.932-.748 4.812c-.083.536.189 1.064.673 1.309.179.09.371.133.562.133.327 0 .65-.128.891-.372l3.512-3.561 4.518 2.145c.49.232 1.074.123 1.446-.272.372-.395.446-.984.185-1.459L13.625 9.73l3.165-3.208c.382-.387.469-.977.217-1.459-.254-.482-.793-.743-1.325-.65zm4.636 0l4.542.801L27.2.961c.258-.469.788-.72 1.312-.628.526.093.936.511 1.018 1.039l.745 4.797 4.542.801c.536.094.949.524 1.021 1.063s-.211 1.063-.703 1.297l-4.07 1.932.748 4.812c.083.536-.189 1.064-.673 1.309-.179.09-.371.133-.562.133-.327 0-.65-.128-.891-.372l-3.512-3.561-4.518 2.145c-.49.232-1.074.123-1.446-.272-.372-.395-.446-.984-.185-1.459l2.348-4.267-3.165-3.208c-.382-.387-.469-.977-.217-1.459.255-.482.794-.743 1.326-.65z\"\n      />\n    </>\n  ),\n  thumbsDown: (\n    <>\n      <path\n        fill=\"#FFDB5E\"\n        d=\"M34.956 18.084c0 .503-.12.975-.321 1.404-1.341 4.326-7.619 4.01-16.549 4.221-1.493.035-.639 1.798-.115 5.668.341 2.517-1.282 6.382-4.01 6.382-4.498 0-.171-3.548-4.148-12.322-2.125-4.688-6.875-2.062-6.875-6.771V5.948c0-1.833.18-3.595 2.758-3.885C8.195 1.781 7.633 0 11.238 0h18.044c1.838 0 3.333 1.496 3.333 3.334 0 .762-.267 1.456-.698 2.018 1.02.571 1.72 1.649 1.72 2.899 0 .76-.266 1.454-.696 2.015 1.023.57 1.725 1.649 1.725 2.901 0 .909-.368 1.733-.961 2.336.757.611 1.251 1.535 1.251 2.581z\"\n      />\n      <path\n        fill=\"#EE9547\"\n        d=\"M23.02 14.751h8.604c1.17 0 2.268.626 2.866 1.633.246.415.109.952-.307 1.199-.415.247-.952.108-1.199-.307-.283-.479-.806-.775-1.361-.775h-8.81c-.873 0-1.583.71-1.583 1.583s.71 1.583 1.583 1.583H28.7c.483 0 .875.392.875.875s-.392.875-.875.875h-5.888c-1.838 0-3.333-1.495-3.333-3.333 0-1.025.475-1.932 1.205-2.544-.615-.605-.998-1.445-.998-2.373 0-1.028.478-1.938 1.212-2.549-.611-.604-.99-1.441-.99-2.367 0-1.12.559-2.108 1.409-2.713-.524-.589-.852-1.356-.852-2.204 0-1.838 1.495-3.333 3.333-3.333h5.484c1.17 0 2.269.625 2.867 1.632.247.415.11.952-.305 1.199-.416.245-.953.11-1.199-.305-.285-.479-.808-.776-1.363-.776h-5.484c-.873 0-1.583.71-1.583 1.583s.71 1.583 1.583 1.583h6.506c1.17 0 2.27.626 2.867 1.633.247.416.11.953-.305 1.199-.419.251-.954.11-1.199-.305-.289-.487-.799-.777-1.363-.777h-7.063c-.873 0-1.583.711-1.583 1.584s.71 1.583 1.583 1.583h8.091c1.17 0 2.269.625 2.867 1.632.247.415.11.952-.305 1.199-.417.246-.953.11-1.199-.305-.289-.486-.799-.776-1.363-.776H23.02c-.873 0-1.583.71-1.583 1.583s.709 1.584 1.583 1.584z\"\n      />\n    </>\n  ),\n  thumbsUp: (\n    <>\n      <path\n        fill=\"#FFDB5E\"\n        d=\"M34.956 17.916c0-.503-.12-.975-.321-1.404-1.341-4.326-7.619-4.01-16.549-4.221-1.493-.035-.639-1.798-.115-5.668.341-2.517-1.282-6.382-4.01-6.382-4.498 0-.171 3.548-4.148 12.322-2.125 4.688-6.875 2.062-6.875 6.771v10.719c0 1.833.18 3.595 2.758 3.885C8.195 34.219 7.633 36 11.238 36h18.044c1.838 0 3.333-1.496 3.333-3.334 0-.762-.267-1.456-.698-2.018 1.02-.571 1.72-1.649 1.72-2.899 0-.76-.266-1.454-.696-2.015 1.023-.57 1.725-1.649 1.725-2.901 0-.909-.368-1.733-.961-2.336.757-.611 1.251-1.535 1.251-2.581z\"\n      />\n      <path\n        fill=\"#EE9547\"\n        d=\"M23.02 21.249h8.604c1.17 0 2.268-.626 2.866-1.633.246-.415.109-.952-.307-1.199-.415-.247-.952-.108-1.199.307-.283.479-.806.775-1.361.775h-8.81c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583H28.7c.483 0 .875-.392.875-.875s-.392-.875-.875-.875h-5.888c-1.838 0-3.333 1.495-3.333 3.333 0 1.025.475 1.932 1.205 2.544-.615.605-.998 1.445-.998 2.373 0 1.028.478 1.938 1.212 2.549-.611.604-.99 1.441-.99 2.367 0 1.12.559 2.108 1.409 2.713-.524.589-.852 1.356-.852 2.204 0 1.838 1.495 3.333 3.333 3.333h5.484c1.17 0 2.269-.625 2.867-1.632.247-.415.11-.952-.305-1.199-.416-.245-.953-.11-1.199.305-.285.479-.808.776-1.363.776h-5.484c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583h6.506c1.17 0 2.27-.626 2.867-1.633.247-.416.11-.953-.305-1.199-.419-.251-.954-.11-1.199.305-.289.487-.799.777-1.363.777h-7.063c-.873 0-1.583-.711-1.583-1.584s.71-1.583 1.583-1.583h8.091c1.17 0 2.269-.625 2.867-1.632.247-.415.11-.952-.305-1.199-.417-.246-.953-.11-1.199.305-.289.486-.799.776-1.363.776H23.02c-.873 0-1.583-.71-1.583-1.583s.709-1.584 1.583-1.584z\"\n      />\n    </>\n  ),\n  yawningFace: (\n    <>\n      <path\n        fill=\"#FFCC4D\"\n        d=\"M35 17c0 9.389-7.611 17-17 17-9.388 0-17-7.611-17-17C1 7.612 8.612 0 18 0c9.389 0 17 7.612 17 17\"\n      />\n      <ellipse fill=\"#664500\" cx=\"18\" cy=\"19.5\" rx=\"7\" ry=\"7.5\" />\n      <path\n        fill=\"#F4900C\"\n        d=\"M22.468 27.371s.997-.721.165-1.614c-.832-.893-1.621.052-1.621.052l-4.148 3.866c-.069-.205-.459-.743-.55-.947l5.755-5.366s.998-.721.164-1.615c-.832-.892-1.622.051-1.622.051l-5.413 5.046c-.125-.158-.461-.54-.594-.698l6.276-5.85s.997-.722.164-1.614c-.832-.893-1.621.051-1.621.051l-6.278 5.848c-.15-.145-.612-.609-.764-.746l5.866-5.468s.996-.722.164-1.614c-.833-.893-1.621.051-1.621.051l-6.203 5.781-.497.464-.22.207s-.538.744-1.087.179l1.842-4.158s.58-1.074-.493-1.655c-1.075-.581-1.655.493-1.655.493l-1.668 2.758c-.663 1.093-1.349 2.178-2.159 3.167-2.284 2.793-2.211 6.914.318 9.629 2.759 2.959 7.396 3.122 10.355.364l.447-.418 6.698-6.244z\"\n      />\n      <path\n        fill=\"#664500\"\n        d=\"M11.016 6.08c-2.255.604-3.48 1.965-3.555 2.05-.364.415-.323 1.047.091 1.412.415.365 1.046.325 1.411-.091.079-.087 2.09-2.253 5.81-1.492.542.111 1.07-.239 1.18-.779.111-.541-.238-1.07-.779-1.18-1.635-.336-3.026-.223-4.158.08zm13.968.001c-1.132-.303-2.523-.416-4.159-.082-.541.111-.89.639-.779 1.18.112.541.639.89 1.18.779 3.724-.762 5.731 1.405 5.814 1.497.367.407 1 .444 1.41.078.41-.366.451-.991.088-1.404-.075-.084-1.3-1.444-3.554-2.048z\"\n      />\n    </>\n  ),\n};\n\nexport type EmojiType = keyof typeof emojiManifest;\n\nexport default emojiManifest;\n","import React from 'react';\nimport emojiManifest, { EmojiType } from './emojiManifest';\n\nconst EMOJI_SIZES = {\n  tiny: '20px',\n  small: '24px',\n  medium: '32px',\n  large: '36px',\n};\n\ninterface Props {\n  emoji: EmojiType;\n  size?: keyof typeof EMOJI_SIZES;\n  className?: string;\n}\n\nconst Emoji = (props: Props) => {\n  const { emoji, size = 'small', ...rest } = props;\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={EMOJI_SIZES[size]}\n      height={EMOJI_SIZES[size]}\n      {...rest}\n    >\n      {emojiManifest[emoji]}\n    </svg>\n  );\n};\n\nexport default Emoji;\n","import Emoji from './Emoji';\nimport { EmojiType as ET } from './emojiManifest';\n\nexport type EmojiType = ET;\n\nexport default Emoji;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Emoji, { EmojiType } from '../Emoji';\nimport theme from '../../theme';\n\ninterface ReactionData {\n  reaction: EmojiType;\n  count: number;\n  active: boolean;\n}\n\ninterface Props {\n  reactions: ReactionData[];\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  padding: 4px;\n  border-radius: 4px;\n  background-color: ${theme.neutral.n900.hex()};\n  position: absolute;\n  bottom: -16px;\n  left: 8px;\n`;\n\nconst ReactionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n  color: ${theme.neutral.n200.hex()};\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  p {\n    margin: 0 0 0 4px;\n  }\n\n  &.active {\n    p {\n      color: ${theme.primary.p500.hex()};\n      font-weight: 600;\n    }\n  }\n`;\n\nconst MovieReactions = (props: Props) => {\n  const { reactions } = props;\n\n  if (reactions.length <= 0) {\n    return null;\n  }\n\n  return (\n    <Wrapper>\n      {reactions.map((r) => (\n        <ReactionWrapper\n          key={r.reaction}\n          className={r.active ? 'active' : undefined}\n        >\n          <Emoji emoji={r.reaction} size=\"tiny\" />\n          <p>{r.count}</p>\n        </ReactionWrapper>\n      ))}\n    </Wrapper>\n  );\n};\n\nexport default MovieReactions;\n","import { EmojiType } from '../components/Emoji';\nimport { MovieResponse } from '../../server/shared/movie';\n\nconst getAvailableReactions = (movie: MovieResponse): EmojiType[] => {\n  if (!movie) {\n    return [];\n  }\n\n  if (movie.status.order === 0) {\n    return ['thumbsUp', 'thumbsDown'];\n  }\n\n  if (movie.status.order === 1) {\n    return ['checkMark', 'crossMark'];\n  }\n\n  return [\n    'poop',\n    'faceVomiting',\n    'loudlyCryingFace',\n    'yawningFace',\n    'slightSmile',\n    'grinningFace',\n    'partyFace',\n    'startStruck',\n  ];\n};\n\nexport default getAvailableReactions;\n","import React from 'react';\nimport { format, toDate } from 'date-fns';\nimport styled from 'styled-components';\nimport { MovieResponse } from '../../../server/shared/movie';\nimport theme from '../../theme';\nimport Avatar from '../Avatar';\nimport Icon from '../Icon';\nimport MovieReactions from './MovieReactions';\nimport { EmojiType } from '../Emoji';\nimport getAvailableReactions from '../../util/getAvailableReactions';\n\nconst Movie = styled.div`\n  padding: 12px;\n  background-color: ${theme.neutral.black.hex()};\n  max-width: 500px;\n  width: 100%;\n  border-radius: 4px;\n  position: relative;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n`;\n\nconst MovieHeader = styled.section`\n  margin-bottom: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n`;\n\nconst MovieTitle = styled.h6`\n  font-size: 18px;\n  margin: 0;\n  font-weight: 600;\n`;\n\nconst MovieOwner = styled.div`\n  display: flex;\n  align-items: center;\n\n  p {\n    margin: 0;\n  }\n\n  & > :first-child {\n    margin-right: 8px;\n  }\n`;\n\nconst MovieDetails = styled.section`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 14px;\n  color: ${theme.neutral.n200.hex()};\n  border-top: 1px solid ${theme.neutral.n700.hex()};\n  padding-top: 12px;\n\n  p {\n    margin: 0;\n  }\n`;\n\nconst IconButton = styled.button`\n  display: flex;\n  padding: 4px;\n  background-color: transparent;\n  cursor: pointer;\n  border: 0;\n\n  &:hover {\n    svg {\n      fill: ${theme.neutral.n200.hex()};\n    }\n  }\n`;\n\ninterface Props {\n  onAddReactionClick: () => void;\n  movie: MovieResponse;\n}\n\nconst sortReactions = (movie: MovieResponse) => {\n  const reactions = getAvailableReactions(movie);\n\n  return movie.reactions.sort(\n    (r1, r2) =>\n      reactions.indexOf(r1.reaction as EmojiType) -\n      reactions.indexOf(r2.reaction as EmojiType),\n  );\n};\n\nconst formatAddedOn = (movie: MovieResponse) =>\n  format(toDate(movie.watchedOn || movie.addedOn), 'MM/dd/yyyy h:mm aaa');\n\nconst MovieCard = (props: Props) => {\n  const { movie, onAddReactionClick } = props;\n\n  const reactionsMap = sortReactions(movie).reduce((all, r) => {\n    if (all[r.reaction]) {\n      return {\n        ...all,\n        [r.reaction]: all[r.reaction] + 1,\n      };\n    }\n    return {\n      ...all,\n      [r.reaction]: 1,\n    };\n  }, {} as { [K: string]: number });\n\n  const reactions = (Object.keys(reactionsMap) as EmojiType[]).map((r) => ({\n    reaction: r,\n    count: reactionsMap[r],\n    active: movie.userReaction ? movie.userReaction.reaction === r : false,\n  }));\n\n  return (\n    <Movie>\n      <MovieHeader>\n        <MovieTitle>{movie.name}</MovieTitle>\n        <IconButton onClick={() => onAddReactionClick()}>\n          <Icon icon=\"addReaction\" />\n        </IconButton>\n      </MovieHeader>\n\n      <MovieDetails>\n        <p>{formatAddedOn(movie)}</p>\n\n        <MovieOwner>\n          <p>{movie.user.displayName}</p>\n          <Avatar\n            imageLink={movie.user.avatarLink}\n            alt={`${movie.user.displayName} avatar`}\n          >\n            {movie.user.displayName}\n          </Avatar>\n        </MovieOwner>\n      </MovieDetails>\n      <MovieReactions reactions={reactions} />\n    </Movie>\n  );\n};\n\nexport default MovieCard;\n","import * as React from 'react';\nimport styled, { css, Keyframes, keyframes } from 'styled-components';\nimport { useEffect, useRef, useState } from 'react';\nimport { mathClamp } from '../../util/math';\nimport theme from '../../theme';\n\ntype TabValue = string | number;\n\ninterface Props {\n  value: TabValue;\n  onChange: (value: TabValue) => void;\n}\n\ninterface IndicatorStyles {\n  left?: number;\n  animation?: Keyframes;\n  animationLength?: number;\n}\n\ninterface IndicatorProps {\n  animation?: Keyframes;\n  left?: number;\n  animationLength?: number;\n}\n\nconst INDICATOR_HEIGHT = 4;\nconst INDICATOR_WIDTH = INDICATOR_HEIGHT * 4;\nconst ANIMATION_PIXEL_PER_SECOND = 1000;\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst TabContainer = styled.div``;\n\nconst generateAnimation = (currentLeft: number | null, finalLeft: number) => {\n  if (currentLeft === null) {\n    return undefined;\n  }\n  if (finalLeft > currentLeft) {\n    return keyframes`\n    0% {\n      left: ${currentLeft - INDICATOR_WIDTH / 2}px;\n      width: ${INDICATOR_WIDTH}px;\n    }\n    \n    50% {\n      left: ${currentLeft - INDICATOR_WIDTH / 2}px;\n      width: ${finalLeft - currentLeft + INDICATOR_WIDTH}px;\n    }\n    \n    100% {\n      left: ${finalLeft - INDICATOR_WIDTH / 2}px;\n      width: ${INDICATOR_WIDTH}px;\n    }\n  `;\n  }\n  return keyframes`\n    0% {\n      left: ${currentLeft - INDICATOR_WIDTH / 2}px;\n      width: ${INDICATOR_WIDTH}px;\n    }\n    \n    50% {\n      left: ${finalLeft - INDICATOR_WIDTH / 2}px;\n      width: ${currentLeft - finalLeft + INDICATOR_WIDTH}px;\n    }\n    \n    100% {\n      left: ${finalLeft - INDICATOR_WIDTH / 2}px;\n      width: ${INDICATOR_WIDTH}px;\n    }\n  `;\n};\n\nconst TabIndicator = styled.span<IndicatorProps>`\n  display: block;\n  background-color: ${theme.accent.a500.hex()};\n  height: ${INDICATOR_HEIGHT}px;\n  width: ${INDICATOR_WIDTH}px;\n  border-radius: ${INDICATOR_HEIGHT / 2}px;\n  position: relative;\n  left: ${(props) => (props.left ? props.left - INDICATOR_WIDTH / 2 : 0)}px;\n  transition: opacity 500ms ease;\n  ${(props) => {\n    if (props.animation && props.animationLength) {\n      return css`\n        animation: ${props.animation}\n          ${mathClamp(200, 300, props.animationLength)}ms\n          cubic-bezier(0.8, 0.3, 0.2, 0.7);\n      `;\n    }\n    if (!props.left) {\n      return css`\n        opacity: 0;\n      `;\n    }\n    return '';\n  }};\n`;\n\nconst getTabChildData = <T extends HTMLElement>(\n  mounted: boolean,\n  ref: T | null,\n  selected: TabValue,\n  valueMap: Map<TabValue, number>,\n) => {\n  const childIndex = valueMap.get(selected);\n  if (!mounted || ref === null || childIndex === undefined) {\n    return null;\n  }\n  const selectedChild = ref.children[childIndex];\n  if (!selectedChild) {\n    return null;\n  }\n  const tabDimensions = selectedChild.getBoundingClientRect();\n  return (\n    tabDimensions.left -\n    ref.getBoundingClientRect().left +\n    tabDimensions.width / 2\n  );\n};\n\nconst Tabs: React.FunctionComponent<Props> = (props) => {\n  const { value, onChange, children: propsChildren } = props;\n  const tabsContainerRef = useRef(null as null | HTMLDivElement);\n  const [mounted, setMounted] = useState(false);\n  const [indicatorStyle, setIndicatorStyle] = useState({} as IndicatorStyles);\n  const tabValues: Map<TabValue, number> = new Map();\n\n  useEffect(() => setMounted(true), []);\n\n  const children = React.Children.map(propsChildren, (child, i) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n    const childValue =\n      child.props.value === undefined || child.props.value === null\n        ? i\n        : child.props.value;\n    const selected = childValue === props.value;\n    tabValues.set(childValue, i);\n\n    return React.cloneElement(child, {\n      selected: selected || undefined,\n      value: childValue,\n      onClick: (e: MouseEvent) => {\n        onChange(childValue);\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n      },\n    });\n  });\n\n  const tabsData = getTabChildData(\n    mounted,\n    tabsContainerRef.current,\n    value,\n    tabValues,\n  );\n  const updateIndicatorState = () => {\n    if (tabsData === null) {\n      return;\n    }\n    setIndicatorStyle({\n      animation: generateAnimation(indicatorStyle.left || null, tabsData),\n      left: tabsData,\n      animationLength: indicatorStyle.left\n        ? (Math.abs(indicatorStyle.left - tabsData) /\n            ANIMATION_PIXEL_PER_SECOND) *\n          1000\n        : undefined,\n    });\n  };\n\n  useEffect(() => updateIndicatorState(), [tabsData]);\n\n  return (\n    <Container>\n      <TabContainer ref={tabsContainerRef}>{children}</TabContainer>\n      <TabIndicator\n        animation={indicatorStyle.animation}\n        left={indicatorStyle.left}\n        animationLength={indicatorStyle.animationLength}\n      />\n    </Container>\n  );\n};\n\nexport default Tabs;\n","// eslint-disable-next-line import/prefer-default-export\nexport const mathClamp = (min: number, max: number, value: number) =>\n  Math.max(Math.min(value, max), min);\n","import * as React from 'react';\nimport styled from 'styled-components';\nimport theme from '../../theme';\n\ninterface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  selected?: boolean;\n}\n\nconst Container = styled.button<Props>`\n  font-family: Montserrat, sans-serif;\n  font-size: 16px;\n  color: ${theme.neutral.n200.hex()};\n  display: inline-flex;\n  background-color: transparent;\n  margin: 0;\n  padding: 12px 0;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n\n  &:not(:last-child) {\n    margin-right: 16px;\n  }\n\n  &:hover {\n    color: ${theme.neutral.n100.hex()};\n  }\n\n  &[aria-selected='true'] {\n    color: ${theme.accent.a500.hex()};\n    cursor: default;\n  }\n`;\n\nconst TabLink: React.FunctionComponent<Props> = (props) => {\n  const { selected, children, disabled, ...rest } = props;\n  return (\n    <Container\n      aria-selected={selected}\n      disabled={selected || disabled}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default TabLink;\n","import Tabs from './Tabs';\n\nexport * from './TabLink';\nexport default Tabs;\n","export const GET_STATUSES_START = 'GET_STATUSES_START';\nexport const GET_STATUSES_END = 'GET_STATUSES_END';\nexport const GET_STATUSES_ERROR = 'GET_STATUSES_ERROR';\n\nexport const GET_MOVIES_START = 'GET_MOVIES_START';\nexport const GET_MOVIES_END = 'GET_MOVIES_END';\nexport const GET_MOVIES_ERROR = 'GET_MOVIES_ERROR';\n\nexport const ADD_REACTION_START = 'ADD_REACTION_START';\nexport const ADD_REACTION_END = 'ADD_REACTION_END';\nexport const ADD_REACTION_ERROR = 'ADD_REACTION_ERROR';\n\nexport const UPDATE_MOVIE_START = 'UPDATE_MOVIE_START';\nexport const UPDATE_MOVIE_END = 'UPDATE_MOVIE_END';\nexport const UPDATE_MOVIE_ERROR = 'UPDATE_MOVIE_ERROR';\n\nexport const SET_MOVIE_MODAL = 'SET_MOVIE_MODAL';\nexport const SET_STATUS = 'SET_STATUS';\nexport const SET_MOVIE_NAME = 'SET_MOVIE_NAME';\n","import { MovieResponse } from '../../../server/shared/movie';\nimport { StatusResponse } from '../../../server/shared/status';\nimport { MoviesActions } from './actions';\nimport * as at from './actionTypes';\n\ninterface MoviesState {\n  getStatusesLoading: boolean;\n  statuses: StatusResponse[];\n  getStatusesError: string | null;\n  getMoviesLoading: boolean;\n  movies: MovieResponse[];\n  getMoviesError: string | null;\n  addReactionLoading: boolean;\n  addReactionError: string | null;\n  updateMovieLoading: boolean;\n  updateMovieError: string | null;\n  selectedStatus: StatusResponse | null;\n  movieModal: MovieResponse | null;\n  page: {\n    currentPage: number;\n    pageSize: number;\n    order: 'ASC' | 'DESC';\n    totalCount: number;\n    pageCount: number;\n  };\n}\n\nexport const moviesDefaultState: MoviesState = {\n  getStatusesLoading: false,\n  statuses: [],\n  getStatusesError: null,\n  getMoviesLoading: false,\n  movies: [],\n  getMoviesError: null,\n  addReactionLoading: false,\n  addReactionError: null,\n  updateMovieLoading: false,\n  updateMovieError: null,\n  selectedStatus: null,\n  movieModal: null,\n  page: {\n    currentPage: 1,\n    pageSize: 10,\n    order: 'ASC',\n    totalCount: 0,\n    pageCount: 0,\n  },\n};\n\nconst moviesReducer = (\n  state: MoviesState,\n  action: MoviesActions,\n): MoviesState => {\n  switch (action.type) {\n    case at.GET_STATUSES_START:\n      return {\n        ...state,\n        getStatusesLoading: true,\n      };\n    case at.GET_STATUSES_END:\n      return {\n        ...state,\n        getStatusesLoading: false,\n        statuses: action.payload,\n        getStatusesError: null,\n      };\n    case at.GET_STATUSES_ERROR:\n      return {\n        ...state,\n        getStatusesLoading: false,\n        statuses: [],\n        getStatusesError: action.payload,\n      };\n    case at.GET_MOVIES_START:\n      return {\n        ...state,\n        getMoviesLoading: true,\n      };\n    case at.GET_MOVIES_END:\n      return {\n        ...state,\n        getMoviesLoading: false,\n        movies: action.payload.data,\n        getMoviesError: null,\n        page: {\n          currentPage: action.payload.currentPage,\n          pageSize: action.payload.pageSize,\n          order: action.payload.order,\n          totalCount: action.payload.totalCount,\n          pageCount: action.payload.pageCount,\n        },\n      };\n    case at.GET_MOVIES_ERROR:\n      return {\n        ...state,\n        getMoviesLoading: false,\n        movies: [],\n        getMoviesError: action.payload,\n      };\n    case at.ADD_REACTION_START:\n      return {\n        ...state,\n        addReactionLoading: true,\n      };\n    case at.ADD_REACTION_END:\n      return {\n        ...state,\n        addReactionLoading: false,\n        addReactionError: null,\n      };\n    case at.ADD_REACTION_ERROR:\n      return {\n        ...state,\n        addReactionLoading: false,\n        addReactionError: action.payload,\n      };\n    case at.UPDATE_MOVIE_START:\n      return {\n        ...state,\n        updateMovieLoading: true,\n      };\n    case at.UPDATE_MOVIE_END:\n      return {\n        ...state,\n        updateMovieLoading: false,\n        updateMovieError: null,\n      };\n    case at.UPDATE_MOVIE_ERROR:\n      return {\n        ...state,\n        updateMovieLoading: false,\n        updateMovieError: action.payload,\n      };\n    case at.SET_MOVIE_MODAL:\n      return {\n        ...state,\n        movieModal: action.payload,\n      };\n    case at.SET_STATUS:\n      return {\n        ...state,\n        selectedStatus: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default moviesReducer;\n","import { Dispatch } from 'react';\nimport actionCreator, { Actions } from '../../util/actionCreator';\nimport * as at from './actionTypes';\nimport {\n  isErrorResponse,\n  MoviesApi,\n  StatusesApi,\n} from '../../../server/shared/client';\nimport { StatusResponse } from '../../../server/shared/status';\nimport { MovieResponse } from '../../../server/shared/movie';\nimport { EmojiType } from '../../components/Emoji';\nimport { PaginatedResponse } from '../../../server/shared/utility';\n\nexport const moviesActions = {\n  getStatusesStart: () => actionCreator(at.GET_STATUSES_START),\n  getStatusesEnd: (statuses: StatusResponse[]) =>\n    actionCreator(at.GET_STATUSES_END, statuses),\n  getStatusesError: (error: string) =>\n    actionCreator(at.GET_STATUSES_ERROR, error),\n  getMoviesStart: () => actionCreator(at.GET_MOVIES_START),\n  getMoviesEnd: (movies: PaginatedResponse<MovieResponse>) =>\n    actionCreator(at.GET_MOVIES_END, movies),\n  getMoviesError: (error: string) => actionCreator(at.GET_MOVIES_ERROR, error),\n  addReactionStart: () => actionCreator(at.ADD_REACTION_START),\n  addReactionEnd: () => actionCreator(at.ADD_REACTION_END),\n  addReactionError: (error: string) =>\n    actionCreator(at.ADD_REACTION_ERROR, error),\n  updateMovieStart: () => actionCreator(at.UPDATE_MOVIE_START),\n  updateMovieEnd: () => actionCreator(at.UPDATE_MOVIE_END),\n  updateMovieError: (error: string) =>\n    actionCreator(at.UPDATE_MOVIE_ERROR, error),\n  setMovieModal: (movie: MovieResponse | null) =>\n    actionCreator(at.SET_MOVIE_MODAL, movie),\n  setStatus: (status: StatusResponse) => actionCreator(at.SET_STATUS, status),\n  setMovieName: (movieName: string) =>\n    actionCreator(at.SET_MOVIE_NAME, movieName),\n};\n\nexport type MoviesActions = Actions<typeof moviesActions>;\n\nexport interface PaginationOptions {\n  page: number;\n  pageSize: number;\n  order: 'ASC' | 'DESC';\n}\n\nexport const getMoviesByStatus = async (\n  statusId: string,\n  options: PaginationOptions,\n  dispatch: Dispatch<MoviesActions>,\n) => {\n  dispatch(moviesActions.getMoviesStart());\n  const resp = await MoviesApi.getByStatus(statusId, options);\n\n  if (isErrorResponse(resp)) {\n    dispatch(moviesActions.getMoviesError('Could not fetch movies'));\n    return;\n  }\n  dispatch(moviesActions.getMoviesEnd(resp));\n};\n\nexport const changeStatus = async (\n  status: StatusResponse,\n  options: Omit<PaginationOptions, 'page'>,\n  dispatch: Dispatch<MoviesActions>,\n) => {\n  dispatch(moviesActions.setStatus(status));\n  await getMoviesByStatus(status.id, { ...options, page: 1 }, dispatch);\n};\n\nexport const getStatuses = async (\n  options: PaginationOptions,\n  dispatch: Dispatch<MoviesActions>,\n) => {\n  dispatch(moviesActions.getStatusesStart());\n  const resp = await StatusesApi.getAll();\n  if (isErrorResponse(resp)) {\n    dispatch(moviesActions.getStatusesError('Could not fetch statuses'));\n    return;\n  }\n  const sortedStatuses = resp.sort((s1, s2) => s1.order - s2.order);\n  dispatch(moviesActions.getStatusesEnd(sortedStatuses));\n\n  if (sortedStatuses.length > 0) {\n    await changeStatus(sortedStatuses[0], options, dispatch);\n  }\n};\n\nexport const addReaction = async (\n  reaction: EmojiType,\n  movieId: string,\n  selectedStatus: StatusResponse | null,\n  options: PaginationOptions,\n  dispatch: Dispatch<MoviesActions>,\n) => {\n  dispatch(moviesActions.addReactionStart());\n  const resp = await MoviesApi.updateReaction(movieId, { reaction });\n  if (isErrorResponse(resp)) {\n    dispatch(moviesActions.addReactionError('Could not add reaction'));\n    return;\n  }\n  dispatch(moviesActions.addReactionEnd());\n\n  if (selectedStatus) {\n    await getMoviesByStatus(selectedStatus.id, options, dispatch);\n  }\n};\n\nexport const markAsWatched = async (\n  movieId: string,\n  statuses: StatusResponse[],\n  selectedStatus: StatusResponse | null,\n  options: PaginationOptions,\n  dispatch: Dispatch<MoviesActions>,\n) => {\n  const targetStatus = statuses.find((s) => s.order === 2);\n  if (!targetStatus) {\n    return;\n  }\n\n  dispatch(moviesActions.updateMovieStart());\n  const resp = await MoviesApi.update(movieId, { statusId: targetStatus.id });\n\n  if (isErrorResponse(resp)) {\n    dispatch(\n      moviesActions.updateMovieError('Could not update the status to watched'),\n    );\n    return;\n  }\n\n  dispatch(moviesActions.updateMovieEnd());\n\n  if (selectedStatus) {\n    await getMoviesByStatus(selectedStatus.id, options, dispatch);\n  }\n};\n","import actionCreator, { Actions } from '../util/actionCreator';\n\nconst OPEN_MODAL = 'OPEN_MODAL';\nconst CLOSE_MODAL = 'CLOSE_MODAL';\n\nconst uiActions = {\n  openModal: (modalId: string) => actionCreator(OPEN_MODAL, modalId),\n  closeModal: () => actionCreator(CLOSE_MODAL),\n};\n\nexport type UiActions = Actions<typeof uiActions>;\n\nexport const openModal = (modalId: string) => uiActions.openModal(modalId);\nexport const closeModal = () => uiActions.closeModal();\n","import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport styled, { css } from 'styled-components';\nimport { useAppDispatch, useAppSelector } from '../../hooks/redux';\nimport { selectModalOpen } from '../../selectors/uiSelectors';\nimport { closeModal, openModal } from '../../actions/uiActions';\nimport theme from '../../theme';\n\nconst modalRoot = document.getElementById('modal-root');\n\ninterface Props {\n  show: boolean;\n  modalId: string;\n  verticalPosition?: 'top' | 'bottom' | 'center';\n  allowClickThrough?: boolean;\n  onBackdropClick?: React.HTMLAttributes<HTMLDivElement>['onClick'];\n}\n\ninterface ModalWrapperProps {\n  allowClickThrough: boolean;\n}\n\nconst ModalWrapper = styled.div<ModalWrapperProps>`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  border: 5px solid ${theme.neutral.n900.hex()};\n  pointer-events: ${({ allowClickThrough }) =>\n    allowClickThrough ? 'none' : 'initial'};\n`;\n\nconst Backdrop = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\ninterface ModalContentProps {\n  verticalPosition: NonNullable<Props['verticalPosition']>;\n}\n\nconst ModalContent = styled.div<ModalContentProps>`\n  position: relative;\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n\n  ${({ verticalPosition }) => {\n    if (verticalPosition === 'top') {\n      return css``;\n    }\n\n    if (verticalPosition === 'bottom') {\n      return css`\n        align-items: flex-end;\n      `;\n    }\n\n    return css`\n      align-items: center;\n    `;\n  }}\n`;\n\nconst Modal: React.FunctionComponent<Props> = (props) => {\n  const {\n    show,\n    modalId,\n    children,\n    onBackdropClick,\n    allowClickThrough = false,\n    verticalPosition = 'center',\n  } = props;\n  const dispatch = useAppDispatch();\n  const modalOpen = useAppSelector(selectModalOpen);\n  const clickThrough = !onBackdropClick && allowClickThrough;\n\n  useEffect(() => {\n    if (show && modalOpen !== modalId) {\n      dispatch(openModal(modalId));\n    } else if (!show && modalOpen === modalId) {\n      dispatch(closeModal());\n    }\n\n    return () => {\n      if (modalOpen === modalId) {\n        dispatch(closeModal());\n      }\n    };\n  }, [show]);\n\n  if (modalOpen !== modalId) {\n    return null;\n  }\n\n  const renderModal = () => {\n    if (onBackdropClick) {\n      return (\n        <ModalWrapper allowClickThrough={clickThrough}>\n          <Backdrop onClick={onBackdropClick} />\n          <ModalContent verticalPosition={verticalPosition}>\n            {children}\n          </ModalContent>\n        </ModalWrapper>\n      );\n    }\n\n    return (\n      <ModalWrapper allowClickThrough={clickThrough}>\n        <ModalContent verticalPosition={verticalPosition}>\n          {children}\n        </ModalContent>\n      </ModalWrapper>\n    );\n  };\n\n  return ReactDOM.createPortal(renderModal(), modalRoot!);\n};\n\nexport default Modal;\n","import Modal from './Modal';\n\nexport default Modal;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Emoji, { EmojiType } from '../../../components/Emoji';\nimport theme from '../../../theme';\nimport Modal from '../../../components/Modal';\nimport { MovieResponse } from '../../../../server/shared/movie';\nimport getAvailableReactions from '../../../util/getAvailableReactions';\n\ninterface Props {\n  movie: MovieResponse | null;\n  onBackdropClick: NonNullable<React.HTMLAttributes<HTMLDivElement>['onClick']>;\n  onReaction: (r: EmojiType) => void;\n}\n\nconst Wrapper = styled.div`\n  background-color: ${theme.neutral.black.hex()};\n  padding: 12px;\n  border-radius: 4px;\n  justify-content: center;\n  pointer-events: initial;\n  border: 1px solid ${theme.tertiary.t500.hex()};\n  margin: 0 4px 48px 4px;\n  max-width: 100%;\n  overflow: hidden;\n`;\n\nconst Title = styled.h3`\n  font-size: 16px;\n  margin-top: 0;\n  color: ${theme.neutral.n100.hex()};\n  text-align: center;\n`;\n\nconst ButtonContainer = styled.div`\n  display: flex;\n  padding-bottom: 8px;\n  overflow: auto;\n`;\n\nconst ReactButton = styled.button`\n  border: 0;\n  display: flex;\n  padding: 4px;\n  background-color: ${theme.neutral.n900.hex()};\n  cursor: pointer;\n  border-radius: 4px;\n  z-index: 2;\n\n  &:disabled {\n    background-color: ${theme.accent.a500.hex()};\n    cursor: default;\n  }\n\n  &:not(:last-child) {\n    margin-right: 12px;\n  }\n`;\n\nconst modalTitle = (movie: Props['movie']) => {\n  if (!movie) {\n    return null;\n  }\n\n  if (movie.status.order === 0) {\n    return (\n      <Title>\n        Approve <em>{movie.name}</em>?\n      </Title>\n    );\n  }\n\n  if (movie.status.order === 1) {\n    return (\n      <Title>\n        Mark <em>{movie.name}</em> as watched?\n      </Title>\n    );\n  }\n\n  return (\n    <Title>\n      What did you think of <em>{movie.name}</em>?\n    </Title>\n  );\n};\n\nconst ReactionModal = (props: Props) => {\n  const { movie, onBackdropClick, onReaction } = props;\n\n  return (\n    <Modal\n      modalId=\"addReaction\"\n      show={movie !== null}\n      onBackdropClick={onBackdropClick}\n      verticalPosition=\"bottom\"\n    >\n      <Wrapper>\n        {modalTitle(movie)}\n        <ButtonContainer>\n          {(movie ? getAvailableReactions(movie) : []).map((r) => (\n            <ReactButton\n              type=\"button\"\n              key={r}\n              disabled={movie?.userReaction?.reaction === r}\n              onClick={() => onReaction(r)}\n            >\n              <Emoji emoji={r} />\n            </ReactButton>\n          ))}\n        </ButtonContainer>\n      </Wrapper>\n    </Modal>\n  );\n};\n\nexport default ReactionModal;\n","import { RootState } from '../store';\n\nexport const selectLastMovieAdded = (state: RootState) =>\n  state.movie.lastMovieAdded;\nexport const selectAddMovieLoading = (state: RootState) =>\n  state.movie.addMovieLoading;\nexport const selectAddMovieError = (state: RootState) =>\n  state.movie.addMovieError;\n","import React from 'react';\nimport styled from 'styled-components';\nimport theme from '../../theme';\nimport Icon from '../Icon';\n\nconst MAX_PAGES = 7;\n\ninterface Props {\n  currentPage: number;\n  pageSize: number;\n  totalPages: number;\n  onPageClick: (page: number, pageSize: number) => void;\n}\n\nconst Wrapper = styled.div``;\n\nconst Pages = styled.div`\n  display: flex;\n`;\n\nconst PagePlaceholder = styled.p`\n  margin: 0 8px 0 0;\n  color: ${theme.primary.p500.hex()};\n  background-color: transparent;\n  border: 0;\n  padding: 4px;\n  height: 28px;\n  min-width: 28px;\n  border-radius: 4px;\n`;\n\nconst PageButton = styled.button`\n  color: ${theme.primary.p500.hex()};\n  background-color: transparent;\n  cursor: pointer;\n  border: 0;\n  padding: 4px;\n  height: 28px;\n  min-width: 28px;\n  margin-right: 8px;\n  border-radius: 4px;\n\n  &:disabled {\n    border: 1px solid ${theme.primary.p600.hex()};\n    cursor: default;\n  }\n\n  &:last-child {\n    margin-right: 0;\n  }\n`;\n\nconst ArrowButtons = styled(PageButton)`\n  svg {\n    fill: ${theme.primary.p500.hex()};\n  }\n\n  &:disabled {\n    border: 0;\n\n    svg {\n      fill: ${theme.primary.p600.hex()};\n    }\n  }\n`;\n\nconst generatePageButton = (\n  currentPage: number,\n  page: number,\n  pageSize: number,\n  callback: Props['onPageClick'],\n) => (\n  <PageButton\n    key={page}\n    onClick={() => callback(page, pageSize)}\n    disabled={currentPage === page}\n  >\n    {page}\n  </PageButton>\n);\n\nconst generatePageButtons = (\n  currentPage: number,\n  totalPages: number,\n  pageSize: number,\n  callback: Props['onPageClick'],\n) => {\n  if (totalPages <= MAX_PAGES) {\n    return [...Array(totalPages)].map((_, i) =>\n      generatePageButton(currentPage, i + 1, pageSize, callback),\n    );\n  }\n\n  if (currentPage < MAX_PAGES - 2) {\n    const startingPages = [...Array(MAX_PAGES - 2)].map((_, i) =>\n      generatePageButton(currentPage, i + 1, pageSize, callback),\n    );\n    return [\n      ...startingPages,\n      <PagePlaceholder key=\"placeholder-1\">...</PagePlaceholder>,\n      generatePageButton(currentPage, totalPages, pageSize, callback),\n    ];\n  }\n\n  if (currentPage + MAX_PAGES - 4 >= totalPages) {\n    const endingPages = [...Array(MAX_PAGES - 2)]\n      .map((_, i) =>\n        generatePageButton(currentPage, totalPages - i, pageSize, callback),\n      )\n      .reverse();\n    return [\n      generatePageButton(currentPage, 1, pageSize, callback),\n      <PagePlaceholder key=\"placeholder-1\">...</PagePlaceholder>,\n      ...endingPages,\n    ];\n  }\n\n  return [\n    generatePageButton(currentPage, 1, pageSize, callback),\n    <PagePlaceholder key=\"placeholder-1\">...</PagePlaceholder>,\n    generatePageButton(currentPage, currentPage - 1, pageSize, callback),\n    generatePageButton(currentPage, currentPage, pageSize, callback),\n    generatePageButton(currentPage, currentPage + 1, pageSize, callback),\n    <PagePlaceholder key=\"placeholder-2\">...</PagePlaceholder>,\n    generatePageButton(currentPage, totalPages, pageSize, callback),\n  ];\n};\n\nconst Paginator = (props: Props) => {\n  const { currentPage, pageSize, totalPages, onPageClick } = props;\n  return (\n    <Wrapper>\n      <Pages>\n        <ArrowButtons\n          type=\"button\"\n          onClick={() => onPageClick(currentPage - 1, pageSize)}\n          disabled={currentPage <= 1}\n        >\n          <Icon icon=\"previous\" />\n        </ArrowButtons>\n\n        {generatePageButtons(currentPage, totalPages, pageSize, onPageClick)}\n\n        <ArrowButtons\n          type=\"button\"\n          onClick={() => onPageClick(currentPage + 1, pageSize)}\n          disabled={currentPage >= totalPages}\n        >\n          <Icon icon=\"next\" />\n        </ArrowButtons>\n      </Pages>\n    </Wrapper>\n  );\n};\n\nexport default Paginator;\n","import Paginator from './Paginator';\n\nexport default Paginator;\n","import React, { useEffect, useReducer } from 'react';\nimport styled from 'styled-components';\nimport theme from '../../theme';\nimport MovieCard from '../../components/MovieCard/MovieCard';\nimport Tabs from '../../components/Tabs';\nimport TabLink from '../../components/Tabs/TabLink';\nimport moviesReducer, { moviesDefaultState } from './reducer';\nimport {\n  addReaction,\n  changeStatus,\n  getMoviesByStatus,\n  getStatuses,\n  markAsWatched,\n  moviesActions,\n  PaginationOptions,\n} from './actions';\nimport ReactionModal from './components/ReactionModal';\nimport { EmojiType } from '../../components/Emoji';\nimport { useAppSelector } from '../../hooks/redux';\nimport { selectLastMovieAdded } from '../../selectors/movieSelectors';\nimport Paginator from '../../components/Paginator';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  background-color: ${theme.neutral.n900.hex()};\n  color: white;\n  font-size: 16px;\n`;\n\nconst Statuses = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-bottom: 24px;\n`;\n\nconst MovieList = styled.div`\n  flex-grow: 1;\n  overflow: hidden;\n`;\n\nconst MovieListScroll = styled.div`\n  max-height: 100%;\n  overflow: auto;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  padding: 0 12px 24px 12px;\n`;\n\nconst PageInfo = styled.p`\n  font-size: 14px;\n  color: ${theme.neutral.n400.hex()};\n  text-align: right;\n  max-width: 500px;\n  width: 100%;\n  margin-top: 0;\n`;\n\nconst renderPageInfo = (\n  page: number,\n  pageSize: number,\n  totalItems: number,\n  pageCount: number,\n) => {\n  if (pageCount <= 0) {\n    return <PageInfo>Showing 0 of 0</PageInfo>;\n  }\n\n  const start = pageSize * (page - 1) + 1;\n  const end = page === pageCount ? totalItems : start + pageSize - 1;\n  return (\n    <PageInfo>\n      Showing {start} - {end} of {totalItems}\n    </PageInfo>\n  );\n};\n\nconst renderPaginator = (\n  currentPage: number,\n  pageSize: number,\n  totalPages: number,\n  callback: (page: number, itemsPerPage: number) => void,\n) => {\n  if (totalPages <= 0) {\n    return null;\n  }\n\n  return (\n    <Paginator\n      currentPage={currentPage}\n      pageSize={pageSize}\n      totalPages={totalPages}\n      onPageClick={callback}\n    />\n  );\n};\n\nconst Movies = () => {\n  const [state, dispatch] = useReducer(moviesReducer, moviesDefaultState);\n  const lastMovieAdded = useAppSelector(selectLastMovieAdded);\n  const pageOptions: PaginationOptions = {\n    order: 'ASC',\n    page: state.page.currentPage,\n    pageSize: state.page.pageSize,\n  };\n\n  useEffect(() => {\n    getStatuses(pageOptions, dispatch);\n  }, []);\n\n  useEffect(() => {\n    if (lastMovieAdded && state.statuses.length <= 0) {\n      getStatuses(pageOptions, dispatch);\n      return;\n    }\n\n    if (\n      lastMovieAdded &&\n      state.selectedStatus &&\n      state.selectedStatus.order === 0\n    ) {\n      getMoviesByStatus(state.selectedStatus.id, pageOptions, dispatch);\n    }\n  }, [lastMovieAdded]);\n\n  const setStatusById = async (id: string) => {\n    const targetStatus = state.statuses.find((s) => s.id === id);\n    if (\n      (state.selectedStatus && state.selectedStatus.id === id) ||\n      !targetStatus\n    ) {\n      return;\n    }\n    await changeStatus(\n      targetStatus,\n      { pageSize: pageOptions.pageSize, order: pageOptions.order },\n      dispatch,\n    );\n  };\n\n  const renderStatusSelector = () => {\n    if (!state.selectedStatus) {\n      return null;\n    }\n\n    return (\n      <Statuses>\n        <Tabs\n          value={state.selectedStatus.id}\n          onChange={(v) => setStatusById(v as string)}\n        >\n          {state.statuses.map((s) => (\n            <TabLink value={s.id} key={s.id}>\n              {s.displayName}\n            </TabLink>\n          ))}\n        </Tabs>\n      </Statuses>\n    );\n  };\n\n  const handleReaction = (r: EmojiType) => {\n    if (state.movieModal === null) {\n      return;\n    }\n    const movieStatus = state.movieModal.status.order;\n    const movieId = state.movieModal.id;\n\n    if (movieStatus === 0 || movieStatus === 2) {\n      addReaction(r, movieId, state.selectedStatus, pageOptions, dispatch);\n    }\n\n    if (movieStatus === 1 && r === 'checkMark') {\n      markAsWatched(\n        movieId,\n        state.statuses,\n        state.selectedStatus,\n        pageOptions,\n        dispatch,\n      );\n    }\n    dispatch(moviesActions.setMovieModal(null));\n  };\n\n  const onPageEvent = (page: number, pageSize: number) => {\n    if (state.selectedStatus) {\n      getMoviesByStatus(\n        state.selectedStatus.id,\n        { page, pageSize, order: 'ASC' },\n        dispatch,\n      );\n    }\n  };\n\n  return (\n    <Wrapper className=\"page-content-child\">\n      {renderStatusSelector()}\n      <MovieList>\n        <MovieListScroll>\n          {renderPageInfo(\n            state.page.currentPage,\n            state.page.pageSize,\n            state.page.totalCount,\n            state.page.pageCount,\n          )}\n          {state.movies.map((m) => (\n            <MovieCard\n              onAddReactionClick={() =>\n                dispatch(moviesActions.setMovieModal(m))\n              }\n              movie={m}\n              key={m.id}\n            />\n          ))}\n          {renderPaginator(\n            state.page.currentPage,\n            state.page.pageSize,\n            state.page.pageCount,\n            onPageEvent,\n          )}\n        </MovieListScroll>\n      </MovieList>\n      <ReactionModal\n        onBackdropClick={() => dispatch(moviesActions.setMovieModal(null))}\n        movie={state.movieModal}\n        onReaction={handleReaction}\n      />\n    </Wrapper>\n  );\n};\n\nexport default Movies;\n","import Movies from './Movies';\n\nexport default Movies;\n","import React, { ChangeEvent, forwardRef } from 'react';\nimport styled from 'styled-components';\nimport theme, { colorStates, rgba } from '../../theme';\n\ninterface Props\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  label: string;\n  name: string;\n  error?: string | null;\n  onChange?: (value: string) => void;\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  max-width: 350px;\n  width: 100%;\n  margin-bottom: 8px;\n  text-align: left;\n  position: relative;\n`;\n\nconst Label = styled.label`\n  font-size: 12px;\n  text-transform: capitalize;\n  padding-bottom: 4px;\n  font-weight: 600;\n  transition: color 150ms ease;\n`;\n\ninterface InputProps {\n  hasError: boolean;\n}\n\nconst StyledInput = styled.input<InputProps>`\n  border: 1px solid\n    ${(props) =>\n      props.hasError\n        ? colorStates.danger.default.hex()\n        : theme.neutral.n600.hex()};\n  border-radius: 6px;\n  font-size: 16px;\n  padding: 4px 8px;\n  outline: none;\n  background-color: transparent;\n  color: ${theme.neutral.n100.hex()};\n  width: 100%;\n  margin-bottom: 20px;\n  transition: background-color 150ms ease, border-color 150ms ease,\n    color 150ms ease;\n\n  &:hover,\n  &:focus {\n    box-shadow: 0 0 11px 1px ${theme.neutral.black.hex()};\n  }\n\n  &:focus {\n    background-color: ${({ hasError }) =>\n      hasError ? rgba(colorStates.danger.default, 0.1) : 'transparent'};\n\n    & + ${Label} {\n      color: ${theme.neutral.n100.hex()};\n    }\n  }\n\n  & + ${Label} {\n    color: ${({ hasError }) =>\n      hasError\n        ? `${colorStates.danger.default.hex()} !important`\n        : theme.neutral.n300.hex()};\n  }\n\n  &:disabled {\n    background-color: ${theme.neutral.n900.hex()};\n    border-color: ${theme.neutral.n900.hex()};\n    color: ${theme.neutral.n500.hex()};\n    box-shadow: none;\n\n    & + ${Label} {\n      color: ${theme.neutral.n700.hex()};\n    }\n  }\n`;\n\nconst ErrorMessage = styled.p`\n  color: ${colorStates.danger.default.hex()};\n  font-size: 12px;\n  margin: 0;\n  position: absolute;\n  bottom: 0;\n`;\n\nconst renderMessage = (error: Props['error']) => {\n  if (!error) {\n    return null;\n  }\n\n  return <ErrorMessage>{error}</ErrorMessage>;\n};\n\nconst Input = forwardRef<HTMLInputElement, Props>((props, ref) => {\n  const {\n    name,\n    label,\n    error,\n    onChange: propsOnChange,\n    type: inputType = 'text',\n    ...rest\n  } = props;\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (propsOnChange) {\n      propsOnChange(e.target.value);\n    }\n  };\n\n  return (\n    <Container>\n      {renderMessage(error)}\n      <StyledInput\n        ref={ref}\n        id={name}\n        name={name}\n        onChange={onChange}\n        type={inputType}\n        hasError={!!error}\n        {...rest}\n      />\n      <Label htmlFor={name}>{label}</Label>\n    </Container>\n  );\n});\n\nexport default Input;\n","import Input from './Input';\n\nexport default Input;\n","import { MovieResponse } from '../../server/shared/movie';\nimport actionCreator, { Actions } from '../util/actionCreator';\nimport { AppThunk } from '../store';\nimport { isErrorResponse, MoviesApi } from '../../server/shared/client';\n\nconst ADD_MOVIE_START = 'ADD_MOVIE_START';\nconst ADD_MOVIE_END = 'ADD_MOVIE_END';\nconst ADD_MOVIE_ERROR = 'ADD_MOVIE_ERROR';\n\nconst movieActions = {\n  addMovieStart: () => actionCreator(ADD_MOVIE_START),\n  addMovieEnd: (movie: MovieResponse) => actionCreator(ADD_MOVIE_END, movie),\n  addMovieError: (error: string) => actionCreator(ADD_MOVIE_ERROR, error),\n};\n\nexport type MovieActions = Actions<typeof movieActions>;\n\nexport const addMovie =\n  (movieName: string): AppThunk =>\n  async (dispatch) => {\n    if (!movieName) {\n      dispatch(movieActions.addMovieError('Please enter a movie name'));\n      return;\n    }\n\n    dispatch(movieActions.addMovieStart());\n    const response = await MoviesApi.create({ name: movieName });\n    if (isErrorResponse(response)) {\n      dispatch(movieActions.addMovieError('Could not add movie at this time'));\n      return;\n    }\n    dispatch(movieActions.addMovieEnd(response));\n  };\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Modal from '../Modal';\nimport Input from '../Input';\nimport theme from '../../theme';\nimport { useAppDispatch, useAppSelector } from '../../hooks/redux';\nimport { addMovie } from '../../actions/movieActions';\nimport {\n  selectAddMovieError,\n  selectAddMovieLoading,\n  selectLastMovieAdded,\n} from '../../selectors/movieSelectors';\n\ninterface Props {\n  show: boolean;\n  onBackdropClick: NonNullable<React.HTMLAttributes<HTMLDivElement>['onClick']>;\n}\n\nconst Wrapper = styled.form`\n  pointer-events: initial;\n  padding: 12px;\n\n  input {\n    &:focus {\n      background-color: ${theme.neutral.black.hex()};\n    }\n  }\n`;\n\nconst NewMovieOverlay = (props: Props) => {\n  const { show, onBackdropClick } = props;\n  const [movieName, setMovieName] = useState('');\n  const reduxDispatch = useAppDispatch();\n  const addMovieLoading = useAppSelector(selectAddMovieLoading);\n  const addMovieError = useAppSelector(selectAddMovieError);\n  const lastMovieAdded = useAppSelector(selectLastMovieAdded);\n\n  useEffect(() => {\n    if (lastMovieAdded && !addMovieError && !addMovieLoading) {\n      setMovieName('');\n    }\n  }, [lastMovieAdded, addMovieError, addMovieLoading]);\n\n  const onSubmit: React.FormEventHandler<HTMLFormElement> = async (e) => {\n    e.preventDefault();\n    if (!addMovieLoading) {\n      reduxDispatch(addMovie(movieName));\n    }\n  };\n\n  return (\n    <Modal\n      show={show}\n      modalId=\"addMovie\"\n      onBackdropClick={onBackdropClick}\n      verticalPosition=\"bottom\"\n    >\n      <Wrapper onSubmit={onSubmit}>\n        <Input\n          autoFocus\n          label=\"Movie name\"\n          name=\"movieName\"\n          placeholder=\"Suggest a movie\"\n          onChange={(v) => setMovieName(v)}\n          value={movieName}\n          error={addMovieError}\n        />\n      </Wrapper>\n    </Modal>\n  );\n};\n\nexport default NewMovieOverlay;\n","import NewMovieOverlay from './NewMovieOverlay';\n\nexport default NewMovieOverlay;\n","import React, { useState } from 'react';\nimport { NavLink as Link } from 'react-router-dom';\nimport styled from 'styled-components';\nimport Icon from '../Icon';\nimport theme, { rgba } from '../../theme';\nimport NewMovieOverlay from '../NewMovieOverlay';\n\nconst Wrapper = styled.nav`\n  display: flex;\n  justify-content: space-between;\n  background-color: ${theme.neutral.black.hex()};\n  padding: 8px 24px;\n  position: relative;\n`;\n\nconst NavLink = styled(Link)`\n  display: flex;\n  border-radius: 4px;\n  padding: 8px;\n  align-items: center;\n  text-decoration: none;\n  transition: background-color 150ms ease;\n  justify-content: center;\n\n  p {\n    font-size: 12px;\n    flex: 0;\n    transform-origin: left;\n    overflow: hidden;\n    margin: 0;\n    color: ${theme.primary.p500.hex()};\n    font-weight: 600;\n    transition: flex 150ms ease;\n  }\n\n  svg {\n    fill: ${theme.neutral.white.hex()};\n  }\n\n  &.bottom-nav__link--active {\n    p {\n      margin-left: 4px;\n      flex: 1;\n    }\n  }\n\n  &:hover,\n  &.bottom-nav__link--active {\n    background-color: ${rgba(theme.primary.p500, 0.1)};\n\n    svg {\n      fill: ${theme.primary.p500.hex()};\n    }\n  }\n`;\n\nconst Fab = styled.button`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  padding: 4px;\n  border: 0;\n  border-radius: 50%;\n  left: calc(50% - 18px);\n  bottom: 40%;\n  background: linear-gradient(\n    72deg,\n    ${theme.tertiary.t500.hex()} 0%,\n    ${theme.accent.a500.hex()} 40%,\n    ${theme.primary.p500.hex()} 100%\n  );\n  cursor: pointer;\n\n  svg {\n    fill: ${theme.neutral.black.hex()};\n  }\n`;\n\nconst BottomNav = () => {\n  const [modalOpen, setModalOpen] = useState(false);\n\n  return (\n    <Wrapper>\n      <NavLink to=\"/movies\" activeClassName=\"bottom-nav__link--active\">\n        <Icon icon=\"movie\" />\n        <p>Movies</p>\n      </NavLink>\n      <Fab onClick={() => setModalOpen(true)}>\n        <Icon icon=\"add\" size=\"medium\" color=\"dark\" />\n      </Fab>\n      <NavLink to=\"/search\" activeClassName=\"bottom-nav__link--active\">\n        <Icon icon=\"search\" />\n        <p>Search</p>\n      </NavLink>\n      <NewMovieOverlay\n        show={modalOpen}\n        onBackdropClick={() => setModalOpen(false)}\n      />\n    </Wrapper>\n  );\n};\n\nexport default BottomNav;\n","import BottomNav from './BottomNav';\n\nexport default BottomNav;\n","export const SEARCH_MOVIES_START = 'SEARCH_MOVIES_START';\nexport const SEARCH_MOVIES_END = 'SEARCH_MOVIES_END';\nexport const SEARCH_MOVIES_ERROR = 'SEARCH_MOVIES_ERROR';\n\nexport const GET_STATUSES_START = 'GET_STATUSES_START';\nexport const GET_STATUSES_END = 'GET_STATUSES_END';\nexport const GET_STATUSES_ERROR = 'GET_STATUSES_ERROR';\n\nexport const ADD_REACTION_START = 'ADD_REACTION_START';\nexport const ADD_REACTION_END = 'ADD_REACTION_END';\nexport const ADD_REACTION_ERROR = 'ADD_REACTION_ERROR';\n\nexport const UPDATE_MOVIE_START = 'UPDATE_MOVIE_START';\nexport const UPDATE_MOVIE_END = 'UPDATE_MOVIE_END';\nexport const UPDATE_MOVIE_ERROR = 'UPDATE_MOVIE_ERROR';\n\nexport const SET_MOVIE_MODAL = 'SET_MOVIE_MODAL';\nexport const SET_QUERY = 'SET_QUERY';\n","import { Dispatch } from 'react';\nimport * as at from './actionTypes';\nimport actionCreator, { Actions } from '../../util/actionCreator';\nimport { MovieResponse } from '../../../server/shared/movie';\nimport {\n  isErrorResponse,\n  MoviesApi,\n  StatusesApi,\n} from '../../../server/shared/client';\nimport { StatusResponse } from '../../../server/shared/status';\nimport { EmojiType } from '../../components/Emoji';\n\nexport interface MoviesWithStatus {\n  status: string;\n  order: number;\n  movies: MovieResponse[];\n}\n\nexport const searchMoviesActions = {\n  searchMoviesStart: () => actionCreator(at.SEARCH_MOVIES_START),\n  searchMoviesEnd: (movies: MoviesWithStatus[]) =>\n    actionCreator(at.SEARCH_MOVIES_END, movies),\n  searchMoviesError: (error: string) =>\n    actionCreator(at.SEARCH_MOVIES_ERROR, error),\n  getStatusesStart: () => actionCreator(at.GET_STATUSES_START),\n  getStatusesEnd: (statuses: StatusResponse[]) =>\n    actionCreator(at.GET_STATUSES_END, statuses),\n  getStatusesError: (error: string) =>\n    actionCreator(at.GET_STATUSES_ERROR, error),\n  addReactionStart: () => actionCreator(at.ADD_REACTION_START),\n  addReactionEnd: () => actionCreator(at.ADD_REACTION_END),\n  addReactionError: (error: string) =>\n    actionCreator(at.ADD_REACTION_ERROR, error),\n  updateMovieStart: () => actionCreator(at.UPDATE_MOVIE_START),\n  updateMovieEnd: () => actionCreator(at.UPDATE_MOVIE_END),\n  updateMovieError: (error: string) =>\n    actionCreator(at.UPDATE_MOVIE_ERROR, error),\n  setMovieModal: (movie: MovieResponse | null) =>\n    actionCreator(at.SET_MOVIE_MODAL, movie),\n  setQuery: (query: string) => actionCreator(at.SET_QUERY, query),\n};\n\nexport type SearchMoviesActions = Actions<typeof searchMoviesActions>;\n\nexport const searchMovies = async (\n  query: string,\n  dispatch: Dispatch<SearchMoviesActions>,\n) => {\n  if (query.length < 3) {\n    dispatch(\n      searchMoviesActions.searchMoviesError(\n        'Please enter more than 3 characters',\n      ),\n    );\n    return;\n  }\n\n  dispatch(searchMoviesActions.searchMoviesStart());\n\n  const response = await MoviesApi.search(query);\n\n  if (isErrorResponse(response)) {\n    dispatch(\n      searchMoviesActions.searchMoviesError(\n        'Could not find the requested movie',\n      ),\n    );\n    return;\n  }\n\n  const moviesWithStatus: Record<string, MoviesWithStatus> = response.reduce(\n    (sorted, m) => {\n      const existing = sorted[m.status.displayName];\n\n      if (existing) {\n        return {\n          ...sorted,\n          [m.status.displayName]: {\n            ...existing,\n            movies: [...existing.movies, m],\n          },\n        };\n      }\n      return {\n        ...sorted,\n        [m.status.displayName]: {\n          status: m.status.displayName,\n          order: m.status.order,\n          movies: [m],\n        },\n      };\n    },\n    {} as Record<string, MoviesWithStatus>,\n  );\n\n  const movies = Object.keys(moviesWithStatus)\n    .map((k) => moviesWithStatus[k])\n    .sort((a, b) => a.order - b.order);\n\n  dispatch(searchMoviesActions.searchMoviesEnd(movies));\n};\n\nexport const getStatuses = async (dispatch: Dispatch<SearchMoviesActions>) => {\n  dispatch(searchMoviesActions.getStatusesStart());\n  const resp = await StatusesApi.getAll();\n  if (isErrorResponse(resp)) {\n    dispatch(searchMoviesActions.getStatusesError('Could not fetch statuses'));\n    return;\n  }\n  dispatch(searchMoviesActions.getStatusesEnd(resp));\n};\n\nexport const markAsWatched = async (\n  movieId: string,\n  query: string,\n  statuses: StatusResponse[],\n  dispatch: Dispatch<SearchMoviesActions>,\n) => {\n  const targetStatus = statuses.find((s) => s.order === 2);\n  if (!targetStatus) {\n    return;\n  }\n\n  dispatch(searchMoviesActions.updateMovieStart());\n  const resp = await MoviesApi.update(movieId, { statusId: targetStatus.id });\n\n  if (isErrorResponse(resp)) {\n    dispatch(\n      searchMoviesActions.updateMovieError(\n        'Could not update the status to watched',\n      ),\n    );\n    return;\n  }\n\n  dispatch(searchMoviesActions.updateMovieEnd());\n\n  if (query) {\n    await searchMovies(query, dispatch);\n  }\n};\n\nexport const addReaction = async (\n  reaction: EmojiType,\n  movieId: string,\n  query: string,\n  dispatch: Dispatch<SearchMoviesActions>,\n) => {\n  dispatch(searchMoviesActions.addReactionStart());\n  const resp = await MoviesApi.updateReaction(movieId, { reaction });\n  if (isErrorResponse(resp)) {\n    dispatch(searchMoviesActions.addReactionError('Could not add reaction'));\n    return;\n  }\n  dispatch(searchMoviesActions.addReactionEnd());\n\n  if (query) {\n    await searchMovies(query, dispatch);\n  }\n};\n","import { MoviesWithStatus, SearchMoviesActions } from './actions';\nimport * as at from './actionTypes';\nimport { StatusResponse } from '../../../server/shared/status';\nimport { MovieResponse } from '../../../server/shared/movie';\n\ninterface SearchMovieState {\n  query: string;\n  searchMoviesLoading: boolean;\n  movies: MoviesWithStatus[];\n  searchMoviesError: string | null;\n  getStatusesLoading: boolean;\n  statuses: StatusResponse[];\n  getStatusesError: string | null;\n  addReactionLoading: boolean;\n  addReactionError: string | null;\n  updateMovieLoading: boolean;\n  updateMovieError: string | null;\n  movieModal: MovieResponse | null;\n}\n\nexport const defaultSearchMoviesState: SearchMovieState = {\n  query: '',\n  searchMoviesLoading: false,\n  movies: [],\n  searchMoviesError: null,\n  getStatusesLoading: false,\n  statuses: [],\n  getStatusesError: null,\n  addReactionLoading: false,\n  addReactionError: null,\n  updateMovieLoading: false,\n  updateMovieError: null,\n  movieModal: null,\n};\n\nexport const searchMoviesReducer = (\n  state: SearchMovieState,\n  action: SearchMoviesActions,\n): SearchMovieState => {\n  switch (action.type) {\n    case at.SEARCH_MOVIES_START:\n      return {\n        ...state,\n        searchMoviesLoading: true,\n      };\n    case at.SEARCH_MOVIES_END:\n      return {\n        ...state,\n        searchMoviesLoading: false,\n        searchMoviesError: null,\n        movies: action.payload,\n      };\n    case at.SEARCH_MOVIES_ERROR:\n      return {\n        ...state,\n        searchMoviesLoading: false,\n        searchMoviesError: action.payload,\n        movies: [],\n      };\n    case at.SET_QUERY:\n      return {\n        ...state,\n        query: action.payload,\n      };\n    case at.GET_STATUSES_START:\n      return {\n        ...state,\n        getStatusesLoading: true,\n      };\n    case at.GET_STATUSES_END:\n      return {\n        ...state,\n        getStatusesLoading: false,\n        statuses: action.payload,\n        getStatusesError: null,\n      };\n    case at.GET_STATUSES_ERROR:\n      return {\n        ...state,\n        getStatusesLoading: false,\n        statuses: [],\n        getStatusesError: action.payload,\n      };\n    case at.ADD_REACTION_START:\n      return {\n        ...state,\n        addReactionLoading: true,\n      };\n    case at.ADD_REACTION_END:\n      return {\n        ...state,\n        addReactionLoading: false,\n        addReactionError: null,\n      };\n    case at.ADD_REACTION_ERROR:\n      return {\n        ...state,\n        addReactionLoading: false,\n        addReactionError: action.payload,\n      };\n    case at.UPDATE_MOVIE_START:\n      return {\n        ...state,\n        updateMovieLoading: true,\n      };\n    case at.UPDATE_MOVIE_END:\n      return {\n        ...state,\n        updateMovieLoading: false,\n        updateMovieError: null,\n      };\n    case at.UPDATE_MOVIE_ERROR:\n      return {\n        ...state,\n        updateMovieLoading: false,\n        updateMovieError: action.payload,\n      };\n    case at.SET_MOVIE_MODAL:\n      return {\n        ...state,\n        movieModal: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n","/**\n * Returns function that will only be called after the debounce time has elapsed. If\n * the function is repeteadly called before the time has elapsed, the timer will\n * reset.\n * @param {function} func         Function to debounce\n * @param {number}   debounceTime Time to wait, in milliseconds, before calling func\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst debounce = <T extends (...args: any) => any>(\n  func: T,\n  debounceTime: number,\n) => {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  return (...args: Parameters<T>) => {\n    const later = () => {\n      timeout = null;\n      func.apply({}, args);\n    };\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(later, debounceTime);\n  };\n};\n\nexport default debounce;\n","import MovieCard from './MovieCard';\n\nexport default MovieCard;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { MoviesWithStatus } from '../actions';\nimport MovieCard from '../../../components/MovieCard';\nimport theme from '../../../theme';\nimport { MovieResponse } from '../../../../server/shared/movie';\n\ninterface Props {\n  statusList: MoviesWithStatus;\n  openMovieModal: (movie: MovieResponse) => void;\n}\n\nconst Wrapper = styled.div`\n  width: 100%;\n\n  &:not(:last-child) {\n    margin-bottom: 12px;\n  }\n\n  h3 {\n    font-size: 16px;\n  }\n`;\n\nconst Title = styled.h3<{ statusColor: string }>`\n  font-size: 16px;\n  margin: 0 0 8px 0;\n  padding-bottom: 4px;\n  color: ${({ statusColor }) => statusColor};\n  border-bottom: 1px solid ${({ statusColor }) => statusColor};\n`;\n\nconst getStatusColor = (status: string) => {\n  switch (status) {\n    case 'Suggested':\n      return theme.red.r500.hex();\n    case 'Pending':\n      return theme.accent.a500.hex();\n    case 'Watched':\n      return theme.blue.b500.hex();\n    default:\n      return theme.neutral.white.hex();\n  }\n};\n\nconst StatusMovieList = (props: Props) => {\n  const { openMovieModal, statusList } = props;\n\n  return (\n    <Wrapper>\n      <Title statusColor={getStatusColor(statusList.status)}>\n        {statusList.status}\n      </Title>\n      {statusList.movies.map((m) => (\n        <MovieCard\n          onAddReactionClick={() => openMovieModal(m)}\n          movie={m}\n          key={m.id}\n        />\n      ))}\n    </Wrapper>\n  );\n};\n\nexport default StatusMovieList;\n","import React, { useEffect, useReducer } from 'react';\nimport styled from 'styled-components';\nimport {\n  addReaction,\n  getStatuses,\n  markAsWatched,\n  searchMovies,\n  searchMoviesActions,\n} from './actions';\nimport { defaultSearchMoviesState, searchMoviesReducer } from './reducer';\nimport Input from '../../components/Input';\nimport theme from '../../theme';\nimport debounce from '../../util/debounce';\nimport StatusMovieList from './components/StatusMovieList';\nimport { EmojiType } from '../../components/Emoji';\nimport ReactionModal from '../Movies/components/ReactionModal';\nimport { MovieResponse } from '../../../server/shared/movie';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 100%;\n  background-color: ${theme.neutral.n900.hex()};\n  color: white;\n  font-size: 16px;\n`;\n\nconst InputWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  margin: 8px 0;\n`;\n\nconst MovieList = styled.div`\n  flex-grow: 1;\n  overflow: hidden;\n`;\n\nconst MovieListScroll = styled.div`\n  max-height: 100%;\n  overflow: auto;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  padding: 0 12px 24px 12px;\n`;\n\nconst debouncedSearch = debounce(searchMovies, 350);\n\nconst SearchMovies = () => {\n  const [state, dispatch] = useReducer(\n    searchMoviesReducer,\n    defaultSearchMoviesState,\n  );\n\n  useEffect(() => {\n    getStatuses(dispatch);\n  }, []);\n\n  useEffect(() => {\n    if (state.query) {\n      debouncedSearch(state.query, dispatch);\n    }\n  }, [state.query]);\n\n  const handleReaction = (r: EmojiType) => {\n    if (state.movieModal === null) {\n      return;\n    }\n    const movieStatus = state.movieModal.status.order;\n    const movieId = state.movieModal.id;\n\n    if (movieStatus === 0 || movieStatus === 2) {\n      addReaction(r, movieId, state.query, dispatch);\n    }\n\n    if (movieStatus === 1 && r === 'checkMark') {\n      markAsWatched(movieId, state.query, state.statuses, dispatch);\n    }\n    dispatch(searchMoviesActions.setMovieModal(null));\n  };\n\n  const openMovieModal = (movie: MovieResponse) =>\n    dispatch(searchMoviesActions.setMovieModal(movie));\n\n  return (\n    <Wrapper className=\"page-content-child\">\n      <InputWrapper>\n        <Input\n          label=\"Search\"\n          name=\"searchMovies\"\n          placeholder=\"Search for a movie\"\n          value={state.query}\n          onChange={(v) => dispatch(searchMoviesActions.setQuery(v))}\n          error={state.query.length > 0 ? state.searchMoviesError : null}\n        />\n      </InputWrapper>\n\n      <MovieList>\n        <MovieListScroll>\n          {state.movies.map((m) => (\n            <StatusMovieList statusList={m} openMovieModal={openMovieModal} />\n          ))}\n        </MovieListScroll>\n      </MovieList>\n      <ReactionModal\n        onBackdropClick={() =>\n          dispatch(searchMoviesActions.setMovieModal(null))\n        }\n        movie={state.movieModal}\n        onReaction={handleReaction}\n      />\n    </Wrapper>\n  );\n};\n\nexport default SearchMovies;\n","import SearchMovies from './SearchMovies';\n\nexport default SearchMovies;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport styled from 'styled-components';\nimport AuthRoute from '../components/AuthRoute';\nimport Movies from './Movies';\nimport BottomNav from '../components/BottomNav';\nimport SearchMovies from './SearchMovies';\n\nconst AUTH_ROUTES = {\n  movies: '/movies',\n  search: '/search',\n};\n\nconst ALL_ROUTES = (\n  Object.keys(AUTH_ROUTES) as (keyof typeof AUTH_ROUTES)[]\n).map((k) => AUTH_ROUTES[k]);\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n`;\n\nconst PageContent = styled.div<{ childHeight: number }>`\n  flex-basis: 0;\n  flex-grow: 1;\n  overflow: hidden;\n\n  .page-content-child {\n    height: ${({ childHeight }) => childHeight}px;\n  }\n`;\n\nconst AuthPages = () => {\n  // TODO: Figure out why chome height is wrong with flexbox\n  const pageContent = useRef<HTMLDivElement | null>(null);\n  const contentHeight = pageContent.current?.clientHeight;\n  const [currentHeight, setCurrentHeight] = useState(-1);\n\n  useEffect(() => {\n    if (contentHeight !== currentHeight) {\n      setCurrentHeight(contentHeight || 0);\n    }\n  }, [contentHeight]);\n\n  return (\n    <Wrapper>\n      <PageContent\n        ref={pageContent}\n        className=\"pageContent\"\n        childHeight={currentHeight}\n      >\n        <AuthRoute path={ALL_ROUTES}>\n          <Switch>\n            <Route path={AUTH_ROUTES.movies}>\n              <Movies />\n            </Route>\n\n            <Route path={AUTH_ROUTES.search}>\n              <SearchMovies />\n            </Route>\n          </Switch>\n        </AuthRoute>\n      </PageContent>\n      <BottomNav />\n    </Wrapper>\n  );\n};\n\nexport default AuthPages;\n","import React from 'react';\nimport { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';\nimport styled, { css } from 'styled-components';\nimport ROUTES from './routes';\nimport Login from './pages/Login';\nimport { useAppSelector } from './hooks/redux';\nimport { selectModalOpen } from './selectors/uiSelectors';\nimport AuthPages from './pages/AuthPages';\n\nconst blurStyling = css`\n  filter: blur(2px);\n`;\n\ninterface AppWrapperProps {\n  modalOpen: boolean;\n}\n\nconst AppWrapper = styled.div<AppWrapperProps>`\n  height: 100%;\n  ${({ modalOpen }) => (modalOpen ? blurStyling : '')};\n`;\n\nconst App = () => {\n  const modalOpen = useAppSelector(selectModalOpen);\n\n  return (\n    <AppWrapper modalOpen={modalOpen !== null}>\n      <BrowserRouter>\n        <Switch>\n          <Route exact path={ROUTES.login}>\n            <Login />\n          </Route>\n\n          <AuthPages />\n\n          <Route exact path=\"/\">\n            <Redirect to={ROUTES.movies} />\n          </Route>\n\n          <Route> 404 not found </Route>\n        </Switch>\n      </BrowserRouter>\n    </AppWrapper>\n  );\n};\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import { TokenResponse } from '../../server/shared/token';\nimport { SessionActions } from '../actions/sessionActions';\nimport { UserResponse } from '../../server/shared/user';\n\ninterface SessionState {\n  tokenLoading: boolean;\n  tokenError: string | null;\n  token: TokenResponse | null;\n  userLoading: boolean;\n  userError: string | null;\n  user: UserResponse | null;\n}\n\nconst defaultSessionState: SessionState = {\n  tokenLoading: false,\n  tokenError: null,\n  token: null,\n  userLoading: false,\n  userError: null,\n  user: null,\n};\n\nconst sessionReducer = (\n  state = defaultSessionState,\n  action: SessionActions,\n): SessionState => {\n  switch (action.type) {\n    case 'GET_TOKEN_START':\n      return {\n        ...state,\n        tokenLoading: true,\n        token: null,\n      };\n    case 'GET_TOKEN_ERROR':\n      return {\n        ...state,\n        tokenLoading: false,\n        token: null,\n        tokenError: action.payload,\n      };\n    case 'GET_TOKEN_END':\n      return {\n        ...state,\n        tokenLoading: false,\n        token: action.payload,\n        tokenError: null,\n      };\n    case 'GET_CURRENT_USER_START':\n      return {\n        ...state,\n        userLoading: true,\n        user: null,\n      };\n    case 'GET_CURRENT_USER_END':\n      return {\n        ...state,\n        userLoading: false,\n        userError: null,\n        user: action.payload,\n      };\n    case 'GET_CURRENT_USER_ERROR':\n      return {\n        ...state,\n        userLoading: false,\n        user: null,\n        userError: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default sessionReducer;\n","import { UiActions } from '../actions/uiActions';\n\ninterface UiState {\n  modalOpen: string | null;\n}\n\nconst defaultUiState: UiState = {\n  modalOpen: null,\n};\n\nconst uiReducer = (state = defaultUiState, action: UiActions): UiState => {\n  switch (action.type) {\n    case 'OPEN_MODAL':\n      return {\n        ...state,\n        modalOpen: action.payload,\n      };\n    case 'CLOSE_MODAL':\n      return {\n        ...state,\n        modalOpen: null,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default uiReducer;\n","import { MovieResponse } from '../../server/shared/movie';\nimport { MovieActions } from '../actions/movieActions';\n\ninterface MovieState {\n  lastMovieAdded: MovieResponse | null;\n  addMovieError: string | null;\n  addMovieLoading: boolean;\n}\n\nconst defaultMovieState: MovieState = {\n  lastMovieAdded: null,\n  addMovieError: null,\n  addMovieLoading: false,\n};\n\nconst movieReducer = (\n  state = defaultMovieState,\n  action: MovieActions,\n): MovieState => {\n  switch (action.type) {\n    case 'ADD_MOVIE_START':\n      return {\n        ...state,\n        addMovieLoading: true,\n      };\n    case 'ADD_MOVIE_END':\n      return {\n        ...state,\n        addMovieLoading: false,\n        lastMovieAdded: action.payload,\n        addMovieError: null,\n      };\n    case 'ADD_MOVIE_ERROR':\n      return {\n        ...state,\n        addMovieLoading: false,\n        addMovieError: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default movieReducer;\n","import { Action, configureStore, ThunkAction } from '@reduxjs/toolkit';\nimport thunk from 'redux-thunk';\nimport sessionReducer from './reducers/sessionReducer';\nimport uiReducer from './reducers/uiReducer';\nimport movieReducer from './reducers/movieReducer';\n\nexport const store = configureStore({\n  reducer: {\n    session: sessionReducer,\n    ui: uiReducer,\n    movie: movieReducer,\n  },\n  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(thunk),\n  devTools: process.env.NODE_ENV !== 'production',\n});\n\nexport type AppDispatch = typeof store.dispatch;\nexport type RootState = ReturnType<typeof store.getState>;\nexport type AppThunk<ReturnType = void> = ThunkAction<\n  ReturnType,\n  RootState,\n  unknown,\n  Action<string>\n>;\n","import React, { Suspense } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport Backend from 'i18next-xhr-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport './client/index.scss';\nimport App from './client/App';\nimport reportWebVitals from './client/reportWebVitals';\nimport { store } from './client/store';\n\ni18n\n  .use(Backend)\n  .use(LanguageDetector)\n  .use(initReactI18next)\n  .init({\n    fallbackLng: 'en',\n    debug: true,\n    ns: ['main'],\n    defaultNS: 'main',\n    preload: ['en'],\n    interpolation: {\n      escapeValue: false,\n    },\n  });\n\nReactDOM.render(\n  <React.StrictMode>\n    <Suspense fallback=\"loading\">\n      <Provider store={store}>\n        <App />\n      </Provider>\n    </Suspense>\n  </React.StrictMode>,\n  document.getElementById('root'),\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}