{"version":3,"file":"static/js/9878.8b8b5e21.chunk.js","mappings":"2VAWA,MAoFA,EApFgDA,KAC9C,MAAMC,GAAaC,EAAAA,EAAAA,aAAYC,EAAAA,IACzBC,GAAeF,EAAAA,EAAAA,aAAYG,EAAAA,KAC1BC,EAAuBC,IAC5BC,EAAAA,EAAAA,WAAkB,IACbC,EAASC,IAAcF,EAAAA,EAAAA,WAAkB,IAE1C,EAAEG,IAAMC,EAAAA,EAAAA,GAAe,YAAa,CAAEC,KAAK,MA0BjD,OAxBAC,EAAAA,EAAAA,YAAU,KACR,IACEJ,GAAW,GAEX,MAAMK,EACJX,EAAaY,iBACbZ,EAAaY,gBAAgBC,MAC1BC,GAA4C,wBAAjBA,EAAKC,UAGjCJ,GAA8BA,EAA2BK,SAC3Db,GAAyB,GAEzBA,GAAyB,GAG3BG,GAAW,EACb,CAAE,MACAH,GAAyB,GAEzBG,GAAW,EACb,IACC,CAACN,KAGFiB,EAAAA,EAAAA,KAAA,OAAKC,UAAU,sCAAqCC,UAClDC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,cAAaC,SAAA,CACzBd,IACCY,EAAAA,EAAAA,KAAA,OAAKC,UAAU,oBAAmBC,UAChCF,EAAAA,EAAAA,KAACI,EAAAA,EAAO,OAIVhB,IACAe,EAAAA,EAAAA,MAAA,OAAKF,UAAU,oBAAmBC,SAAA,EAChCF,EAAAA,EAAAA,KAAA,OACEK,IAAKC,EACLL,UAAU,WACVM,IAAKjB,EAAE,2CAGTU,EAAAA,EAAAA,KAAA,MAAAE,SAAKZ,EAAE,gCACPU,EAAAA,EAAAA,KAAA,KAAAE,SAAIZ,EAAE,iDACNU,EAAAA,EAAAA,KAAA,KAAAE,SAAIZ,EAAE,8CACNa,EAAAA,EAAAA,MAAA,KAAAD,SAAA,CACGZ,EAAE,4CAA6C,IAC/CA,EAAE,mCAAoC,KACvCU,EAAAA,EAAAA,KAACQ,EAAAA,GAAI,CAACP,UAAU,mBAAmBQ,GAAIC,EAAAA,GAAQC,cAAcT,SAC1DZ,EAAE,sCACG,IACPA,EAAE,iDAGJV,EACCK,GACEe,EAAAA,EAAAA,KAACQ,EAAAA,GAAI,CAACP,UAAU,qBAAqBQ,GAAIC,EAAAA,GAAQE,KAAKV,SACnDZ,EAAE,uCAGLU,EAAAA,EAAAA,KAACQ,EAAAA,GAAI,CAACP,UAAU,qBAAqBQ,GAAIC,EAAAA,GAAQG,OAAOX,SACrDZ,EAAE,yCAIPU,EAAAA,EAAAA,KAACQ,EAAAA,GAAI,CAACP,UAAU,qBAAqBQ,GAAIC,EAAAA,GAAQI,KAAKZ,SACnDZ,EAAE,6CAMT,C","sources":["components/pages/notFound/NotFound.tsx"],"sourcesContent":["import { Link, RouteComponentProps } from '@reach/router';\nimport React, { useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport { selectSignedIn } from 'reducers/auth';\nimport Img_Robot from 'assets/apply.clevry/Img_Robot_2.png';\nimport { NamedFeatureFlag, selectFeatureFlags } from 'reducers/featureFlags';\nimport { AppPath } from 'appConstants';\nimport { Spinner } from 'components/spinner/Spinner';\nimport { useTranslation } from 'react-i18next';\nimport i18n from 'i18n/i18n';\n\nconst NotFound: React.FC<RouteComponentProps> = () => {\n  const isSignedIn = useSelector(selectSignedIn);\n  const featureFlags = useSelector(selectFeatureFlags);\n  const [featureFlaggedAllowed, setFeatureFlaggedAllowed] =\n    useState<boolean>(false);\n  const [loading, setLoading] = useState<boolean>(true);\n\n  const { t } = useTranslation('Not+Found', { i18n });\n\n  useEffect(() => {\n    try {\n      setLoading(true);\n\n      const softSkillsCandidateFeature =\n        featureFlags.allFeatureFlags &&\n        featureFlags.allFeatureFlags.find(\n          (item: NamedFeatureFlag) => item.feature === 'softSkillsCandidate'\n        );\n\n      if (softSkillsCandidateFeature && softSkillsCandidateFeature.bAllowed) {\n        setFeatureFlaggedAllowed(true);\n      } else {\n        setFeatureFlaggedAllowed(false);\n      }\n\n      setLoading(false);\n    } catch {\n      setFeatureFlaggedAllowed(false);\n\n      setLoading(false);\n    }\n  }, [featureFlags]);\n\n  return (\n    <div className=\"NotFound WidthContent HeightContent\">\n      <div className=\"PageContent\">\n        {loading && (\n          <div className=\"NotFoundContainer\">\n            <Spinner />\n          </div>\n        )}\n\n        {!loading && (\n          <div className=\"NotFoundContainer\">\n            <img\n              src={Img_Robot}\n              className=\"RobotImg\"\n              alt={t('SSCandidate_Not_Found_Alt_Robot_Icon')}\n            />\n\n            <h1>{t('SSCandidate_Not_Found_Doh')}</h1>\n            <p>{t('SSCandidate_Not_Found_Not_Page_Looking_For')}</p>\n            <p>{t('SSCandidate_Not_Found_Sorry_Havent_Seen')}</p>\n            <p>\n              {t('SSCandidate_Not_Found_Try_Different_Link')}{' '}\n              {t('SSCandidate_Not_Found_Or_Take_A')}{' '}\n              <Link className=\"NotFoundTextLink\" to={AppPath.FIND_YOUR_JOY}>\n                {t('SSCandidate_Not_Found_Short_Quiz')}\n              </Link>{' '}\n              {t('SSCandidate_Not_Found_Take_Mind_Off_Things')}\n            </p>\n\n            {isSignedIn ? (\n              featureFlaggedAllowed ? (\n                <Link className=\"Btn NotFoundButton\" to={AppPath.HOME}>\n                  {t('SSCandidate_Not_Found_Go_To_Home')}\n                </Link>\n              ) : (\n                <Link className=\"Btn NotFoundButton\" to={AppPath.MY_JOY}>\n                  {t('SSCandidate_Not_Found_Go_To_My_Joy')}\n                </Link>\n              )\n            ) : (\n              <Link className=\"Btn NotFoundButton\" to={AppPath.ROOT}>\n                {t('SSCandidate_Not_Found_Go_To_Home')}\n              </Link>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"names":["NotFound","isSignedIn","useSelector","selectSignedIn","featureFlags","selectFeatureFlags","featureFlaggedAllowed","setFeatureFlaggedAllowed","useState","loading","setLoading","t","useTranslation","i18n","useEffect","softSkillsCandidateFeature","allFeatureFlags","find","item","feature","bAllowed","_jsx","className","children","_jsxs","Spinner","src","Img_Robot","alt","Link","to","AppPath","FIND_YOUR_JOY","HOME","MY_JOY","ROOT"],"sourceRoot":""}