{"version":3,"file":"static/chunks/3894.ffe86d2146c50eeb.js","mappings":"4iCAOO,IAAMA,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAGEC,EAAAA,GAAAA,QAKZC,EAAWF,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IACAG,EAAAA,EAAAA,YACHC,EAAAA,EAAAA,iBAMIH,EAAAA,GAAAA,SAIAA,EAAAA,GAAAA,QAKZI,EAAQL,EAAAA,QAAAA,EAAAA,WAAQ,C,6BAARA,C,IACfM,EAAAA,EAAAA,IAMOC,EAAWP,EAAAA,QAAAA,EAAAA,WAAQ,C,6BAARA,C,IAClBM,EAAAA,EAAAA,ICzBOE,EAAoB,Y,IAAGC,EAAW,EAAXA,YAAaC,EAAkB,EAAlBA,mBAAoBC,EAAY,EAAZA,aAC3DC,GAAWC,EAAAA,EAAAA,MACXC,GAAsBC,EAAAA,EAAAA,IAAYC,EAAAA,IAExC,OAAO,SAACC,EAAAA,EAAI,CAACC,KAAM,QAA+BP,OAAvBG,EAAoB,KAAgB,OAAbH,G,UAC9C,SAACQ,EAAW,CAACC,QAAS,W,OAAMR,GAASS,EAAAA,EAAAA,KAAsB,K,UACvD,UAACF,EAAU,C,WACP,SAACA,EAAQ,C,SAAEV,KACX,SAACU,EAAW,C,SAAET,Y,s/BClBvB,IAAMY,GAAYtB,EAAAA,EAAAA,SAAOuB,EAAAA,IAAc,Y,6BAArBvB,C,KAKZwB,GAAaxB,EAAAA,EAAAA,SAAOyB,EAAAA,GAAO,Y,6BAAdzB,C,IAGDC,EAAAA,GAAAA,QAKZyB,EAAO1B,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAMKC,EAAAA,GAAAA,QAKZ0B,EAAW3B,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAOCC,EAAAA,GAAAA,SAIAA,EAAAA,GAAAA,QCUzB,GDH2BD,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KCjCb,WACV,IAAM4B,GAA2Bb,EAAAA,EAAAA,IAAYc,EAAAA,IACvCC,GAAYf,EAAAA,EAAAA,IAAYgB,EAAAA,IACxBC,GAASC,EAAAA,EAAAA,aACTrB,GAAWC,EAAAA,EAAAA,MAEjB,OAAO,qB,UACH,UAACM,EAAY,C,WACT,SAACA,EAAa,CACVe,WAAW,EACXC,MAAO,QACPC,MAAM,SAACC,EAAAA,EAAS,IAChBjB,QAAS,WACLR,GAASS,EAAAA,EAAAA,KAAsB,IAC/BW,EAAOM,KAAK,S,SAEnB,oCAGD,UAACnB,EAAO,C,WACJ,SAACoB,EAAAA,EAAY,KACb,UAACpB,EAAW,C,UACPS,EAAyBY,KAAI,Y,IAAGC,EAAG,EAAHA,IAAKC,EAAY,EAAZA,aAAcC,EAAe,EAAfA,gBAAiBC,EAAK,EAALA,M,OACjE,SAACpC,EAAiB,CAEdG,aAAciC,EACdlC,mBAAoBiC,EACpBlC,YAAaiC,GAHRD,MAKZX,IAAa,SAACe,EAAAA,EAAQ,CAACC,SAAU","sources":["webpack://_N_E/./src/features/faq/components/FAQArticlePreview/styled.tsx","webpack://_N_E/./src/features/faq/components/FAQArticlePreview/index.tsx","webpack://_N_E/./src/features/faq/faqCategory/styled.tsx","webpack://_N_E/./src/features/faq/faqCategory/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nexport const Content = styled.div`\n    height: max-content;\n    \n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 100%;\n    }\n`;\n\nexport const Category = styled.div`\n    background-color: ${COLORS.BgSubstrate};\n    border-radius: ${BorderRadius.OuterBlockRadius};\n    border-color: transparent;\n    padding: 24px;\n    width: 480px;\n    cursor: pointer;\n    \n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        width: 340px;\n    }\n    \n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 100%;\n    }\n`;\n\nexport const Title = styled.p`\n    ${FONTS.H5};\n    margin-bottom: 4px;\n    width: 100%;\n    word-break: break-word;\n`;\n\nexport const SubTitle = styled.p`\n    ${FONTS.XS};\n    word-break: break-word;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Link from 'next/link';\n\nimport { setFAQRedirectLoading } from '~/src/features/faq/store/actionCreators';\nimport { selectActiveCategoryAlias } from '~/src/features/faq/store/selectors';\n\nimport * as ST from './styled';\n\ninterface IProps {\n    articleName: string,\n    articleDescription: string,\n    articleAlias: string,\n}\n\nexport const FAQArticlePreview = ({ articleName, articleDescription, articleAlias }: IProps) => {\n    const dispatch = useDispatch();\n    const activeCategoryAlias = useSelector(selectActiveCategoryAlias);\n\n    return <Link href={`/faq/${activeCategoryAlias}/${articleAlias}`}>\n        <ST.Category onClick={() => dispatch(setFAQRedirectLoading(true))}>\n            <ST.Content>\n                <ST.Title>{articleName}</ST.Title>\n                <ST.SubTitle>{articleDescription}</ST.SubTitle>\n            </ST.Content>\n        </ST.Category>\n    </Link>;\n};\n","import styled from 'styled-components';\n\nimport Button from '@r1-frontend/ui-react/components/buttons/button';\nimport WideContainer, { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nexport const Container = styled(WideContainer)`\n    padding-top: 18px;\n    padding-bottom: 18px;\n`;\n\nexport const ButtonBack = styled(Button)`\n    margin-bottom: 52px;\n    \n    @media (max-width: ${wideBreakpoints.mobile}){\n        display: none;\n    }\n`;\n\nexport const Wrap = styled.div`    \n    display: flex;\n    flex-wrap: nowrap;\n    width: inherit;\n    position: relative;\n    \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-wrap: wrap;\n    }\n`;\n\nexport const Articles = styled.div`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    height: max-content;\n    margin-left: 32px;\n    gap: 24px 32px;\n    \n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        gap: 24px 16px;\n    }\n    \n    @media (max-width: ${wideBreakpoints.laptop}) {\n        grid-template-columns: 1fr;\n        margin-left: 24px;\n        width: 100%;\n    }\n`;\n\nexport const ArticleWrap = styled.div`\n    display: block;\n`;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useRouter } from 'next/router';\n\nimport Throbber from '@r1-frontend/ui-react/components/loaders/Throbber';\nimport ArrowLeft from '@r1-frontend/ui-react/components/svg/arrows/ArrowLeft';\n\nimport { FAQArticlePreview } from '~/src/features/faq/components/FAQArticlePreview';\nimport { FAQTopicList } from '~/src/features/faq/components/FAQTopicsList';\nimport { setFAQRedirectLoading } from '~/src/features/faq/store/actionCreators';\nimport { selectActiveCategoryArticles, selectServiceHelpFAQIsRedirected } from '~/src/features/faq/store/selectors';\n\nimport * as ST from './styled';\n\nconst Index = () => {\n    const articlesByActiveCategory = useSelector(selectActiveCategoryArticles);\n    const isLoading = useSelector(selectServiceHelpFAQIsRedirected);\n    const router = useRouter();\n    const dispatch = useDispatch();\n\n    return <>\n        <ST.Container>\n            <ST.ButtonBack\n                animation={false}\n                bType={'ghost'}\n                Icon={<ArrowLeft/>}\n                onClick={() => {\n                    dispatch(setFAQRedirectLoading(true));\n                    router.push('/faq');\n                }}\n            >\n                Назад\n            </ST.ButtonBack>\n            <ST.Wrap>\n                <FAQTopicList/>\n                <ST.Articles>\n                    {articlesByActiveCategory.map(({ _id, articleTitle, articleSubtitle, alias }) =>\n                        <FAQArticlePreview\n                            key={_id}\n                            articleAlias={alias}\n                            articleDescription={articleSubtitle}\n                            articleName={articleTitle}\n                        />)}\n                    {isLoading && <Throbber position={'absolute'}/>}\n                </ST.Articles>\n            </ST.Wrap>\n        </ST.Container>\n    </>;\n};\n\nexport default Index;\n"],"names":["Content","styled","wideBreakpoints","Category","COLORS","BorderRadius","Title","FONTS","SubTitle","FAQArticlePreview","articleName","articleDescription","articleAlias","dispatch","useDispatch","activeCategoryAlias","useSelector","selectActiveCategoryAlias","Link","href","ST","onClick","setFAQRedirectLoading","Container","WideContainer","ButtonBack","Button","Wrap","Articles","articlesByActiveCategory","selectActiveCategoryArticles","isLoading","selectServiceHelpFAQIsRedirected","router","useRouter","animation","bType","Icon","ArrowLeft","push","FAQTopicList","map","_id","articleTitle","articleSubtitle","alias","Throbber","position"],"sourceRoot":""}