{"version":3,"file":"static/js/835.6846499d.chunk.js","mappings":"wLAoBA,SACEA,K,OAlBWC,QAAOC,IAAV,uCAAGD,CAAH,kPAMCE,EAAAA,OAAOC,MACFD,EAAAA,OAAOE,MACDF,EAAAA,OAAOG,O,aCU7B,QAf4B,SAAC,GAA8C,IAA5CC,EAA2C,EAA3CA,SACvBC,GAAUC,EAAAA,EAAAA,MAChB,OACE,iCACE,SAAC,EAAOT,KAAR,UAAcO,KACd,SAAC,EAAAG,aAAD,CACEC,KAAK,SACLC,KAAK,UACLC,KAAM,KACNC,QAAS,kBAAMN,EAAQO,QAAd,MAIhB,C,2FCLD,QAXkB,SAACC,GAAD,MAA4D,CAC5EL,KAAMM,EAAAA,EAAQC,WACdC,QAAS,CACPC,YAAa,CACXC,OAAQ,CACNL,IAAAA,KALU,E,+DCyBlB,SAAiBM,cAzBKrB,EAAAA,QAAOC,IAAV,wCAAGD,CAAH,sLACfsB,EAAAA,EAAAA,IAAK,WAYLC,EAAAA,EAAAA,IAAG,Y,aCwBP,QA7BkC,WAChC,IAAQR,GAAQS,EAAAA,EAAAA,KAART,IACR,GAAyBU,EAAAA,EAAAA,KACvB,SAACC,GAAD,OAAWA,EAAMC,UAAjB,IADMC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,OAIRC,GAAWC,EAAAA,EAAAA,MAMjB,OAJAC,EAAAA,EAAAA,YAAU,WACRF,EAASG,EAAUlB,GACpB,GAAE,CAACe,EAAUf,KAGZ,gCACGc,IAAWK,EAAAA,EAAcC,UAAW,SAACC,EAAA,EAAD,IACpCP,IAAWK,EAAAA,EAAcG,UACxB,SAAC,EAAOhB,cAAR,WACE,SAACiB,EAAA,EAAD,CAAgBC,OAAQX,EAAMW,WAGjCV,IAAWK,EAAAA,EAAcM,UACxB,SAAC,IAAD,WACE,0EAKT,C","sources":["modules/_shared/ui-components/FailureComponent/styled.ts","modules/_shared/ui-components/FailureComponent/component.tsx","modules/Course/actionCreators/index.ts","views/Course/styled.tsx","views/Course/Course.component.tsx"],"sourcesContent":["import styled from 'styled-components/macro';\nimport { colors } from 'roh-frontend/packages/roh-react';\n\nconst Info = styled.div`\n  position: relative;\n  padding: 16px 10px 16px 44px;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 22px;\n  color: ${colors.black};\n  background: ${colors.white};\n  border: 1px solid ${colors.alto};\n\n  @media screen and (max-width: 767px) {\n    font-size: 12px;\n    line-height: 20px;\n    padding: 12px 10px 12px 34px;\n  }\n`;\n\nexport default {\n  Info,\n};\n","import React from 'react';\nimport { CtaSecondary } from 'roh-frontend/packages/roh-react';\nimport { useHistory } from 'react-router-dom';\nimport Styled from './styled';\nimport { IProps } from './types';\n\nconst ErrorBlockComponent = ({ children }: IProps): React.ReactElement => {\n  const history = useHistory();\n  return (\n    <>\n      <Styled.Info>{children}</Styled.Info>\n      <CtaSecondary\n        type='button'\n        text='Go back'\n        icon={null}\n        onClick={() => history.goBack()}\n      />\n    </>\n  );\n};\n\nexport default ErrorBlockComponent;\n","import { Actions } from 'store/actions';\nimport { RequestTriggerAction } from 'store/statesHelper';\n\nconst getCourse = (uid: string): RequestTriggerAction<Actions.GET_COURSE> => ({\n  type: Actions.GET_COURSE,\n  payload: {\n    extraConfig: {\n      params: {\n        uid,\n      },\n    },\n  },\n});\n\nexport default getCourse;\n","import { up, down } from 'modules/_shared/styles/breakpoints';\nimport styled from 'styled-components/macro';\n\nconst CourseWrapper = styled.div`\n  ${down('tablet')} {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    & > * {\n      &:nth-child(n + 4) {\n        margin-top: 40px;\n      }\n    }\n  }\n\n  ${up('tablet')} {\n    display: grid;\n\n    & > * {\n      &:nth-child(n + 4) {\n        display: grid;\n        grid-column: 1 / span 2;\n      }\n    }\n  }\n`;\n\nexport default { CourseWrapper };\n","import React, { FunctionComponent, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport getCourse from 'modules/Course/actionCreators';\nimport { RootState } from 'store/rootReducer';\nimport { ApiCallStatus } from 'store/statesHelper';\nimport SlicesRenderer from 'modules/_shared/components/SlicesRenderer';\nimport PageLoading from 'modules/_shared/ui-components/PageLoading';\nimport ErrorBlockComponent from '../../modules/_shared/ui-components/FailureComponent';\nimport Styled from './styled';\n\nconst Course: FunctionComponent = () => {\n  const { uid } = useParams<{ uid: string }>();\n  const { data, status } = useSelector<RootState, RootState['coursePage']>(\n    (state) => state.coursePage\n  );\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(getCourse(uid));\n  }, [dispatch, uid]);\n\n  return (\n    <>\n      {status === ApiCallStatus.LOADING && <PageLoading />}\n      {status === ApiCallStatus.SUCCESS && (\n        <Styled.CourseWrapper>\n          <SlicesRenderer slices={data!.slices} />\n        </Styled.CourseWrapper>\n      )}\n      {status === ApiCallStatus.FAILURE && (\n        <ErrorBlockComponent>\n          <p>Something went wrong, course was not found</p>\n        </ErrorBlockComponent>\n      )}\n    </>\n  );\n};\n\nexport default Course;\n"],"names":["Info","styled","div","colors","black","white","alto","children","history","useHistory","CtaSecondary","type","text","icon","onClick","goBack","uid","Actions","GET_COURSE","payload","extraConfig","params","CourseWrapper","down","up","useParams","useSelector","state","coursePage","data","status","dispatch","useDispatch","useEffect","getCourse","ApiCallStatus","LOADING","PageLoading","SUCCESS","SlicesRenderer","slices","FAILURE"],"sourceRoot":""}