{"version":3,"file":"static/js/70.0fd0af24.chunk.js","mappings":"uLAoBA,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,2FCHD,QAboB,SAClBC,GADkB,MAE8B,CAChDL,KAAMM,EAAAA,EAAQC,aACdC,QAAS,CACPC,YAAa,CACXC,OAAQ,CACNL,IAAAA,KAPY,E,+DCyCpB,SAAiBM,gBAzCOrB,EAAAA,QAAOC,IAAV,wCAAGD,CAAH,oUAiBfsB,EAAAA,EAAAA,IAAK,Y,aCoBX,QA7BoC,WAClC,IAAQP,GAAQQ,EAAAA,EAAAA,KAARR,IACR,GAAyBS,EAAAA,EAAAA,KACvB,SAACC,GAAD,OAAWA,EAAMC,YAAjB,IADMC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,OAIRC,GAAWC,EAAAA,EAAAA,MAMjB,OAJAC,EAAAA,EAAAA,YAAU,WACRF,EAASG,EAAYjB,GACtB,GAAE,CAACc,EAAUd,KAGZ,gCACGa,IAAWK,EAAAA,EAAcC,UAAW,SAACC,EAAA,EAAD,IACpCP,IAAWK,EAAAA,EAAcG,UACxB,SAAC,EAAOf,gBAAR,WACE,SAACgB,EAAA,EAAD,CAAgBC,OAAQX,EAAMW,WAGjCV,IAAWK,EAAAA,EAAcM,UACxB,SAAC,IAAD,WACE,4EAKT,C","sources":["modules/_shared/ui-components/FailureComponent/styled.ts","modules/_shared/ui-components/FailureComponent/component.tsx","modules/Resource/actionCreators/index.ts","views/Resource/styled.tsx","views/Resource/Resource.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 getResource = (\n  uid: string\n): RequestTriggerAction<Actions.GET_RESOURCE> => ({\n  type: Actions.GET_RESOURCE,\n  payload: {\n    extraConfig: {\n      params: {\n        uid,\n      },\n    },\n  },\n});\n\nexport default getResource;\n","import styled from 'styled-components/macro';\nimport { down } from 'modules/_shared/styles/breakpoints';\n\nconst ResourceWrapper = styled.div`\n  display: grid;\n  grid-template-columns: 100%;\n  row-gap: 56px;\n\n  .video-container {\n    margin-bottom: 0;\n\n    p {\n      display: none;\n    }\n  }\n\n  .useful-links-container {\n    width: 640px;\n    margin: 0 0 0 100px;\n\n    ${down('tablet')} {\n      margin: 0;\n      width: auto;\n    }\n  }\n\n  h1 {\n    max-width: 944px;\n    font-weight: 400;\n  }\n\n  h3 {\n    margin: 32px 0 16px;\n    font-size: 20px;\n    line-height: 28px;\n  }\n\n  ul {\n    li:not(:last-child) {\n      margin: 0 0 16px 0;\n    }\n  }\n`;\n\nexport default { ResourceWrapper };\n","import React, { FunctionComponent, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport getResource from 'modules/Resource/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 Resource: FunctionComponent = () => {\n  const { uid } = useParams<{ uid: string }>();\n  const { data, status } = useSelector<RootState, RootState['resourcePage']>(\n    (state) => state.resourcePage\n  );\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(getResource(uid));\n  }, [dispatch, uid]);\n\n  return (\n    <>\n      {status === ApiCallStatus.LOADING && <PageLoading />}\n      {status === ApiCallStatus.SUCCESS && (\n        <Styled.ResourceWrapper>\n          <SlicesRenderer slices={data!.slices} />\n        </Styled.ResourceWrapper>\n      )}\n      {status === ApiCallStatus.FAILURE && (\n        <ErrorBlockComponent>\n          <p>Something went wrong, resource was not found</p>\n        </ErrorBlockComponent>\n      )}\n    </>\n  );\n};\n\nexport default Resource;\n"],"names":["Info","styled","div","colors","black","white","alto","children","history","useHistory","CtaSecondary","type","text","icon","onClick","goBack","uid","Actions","GET_RESOURCE","payload","extraConfig","params","ResourceWrapper","down","useParams","useSelector","state","resourcePage","data","status","dispatch","useDispatch","useEffect","getResource","ApiCallStatus","LOADING","PageLoading","SUCCESS","SlicesRenderer","slices","FAILURE"],"sourceRoot":""}