{"version":3,"file":"static/chunks/3785.fe86ebbde0f56103.js","mappings":"u4EAOO,IAAMA,EAAOC,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAMKC,EAAAA,GAAAA,QAKZC,EAAaF,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAGpBG,EAAAA,EAAAA,EACOC,EAAAA,EAAAA,cAQHD,EAAAA,EAAAA,GAEmBF,EAAAA,GAAAA,OACfE,EAAAA,EAAAA,GAKJA,EAAAA,EAAAA,GAEmBF,EAAAA,GAAAA,OACfE,EAAAA,EAAAA,GAKJA,EAAAA,EAAAA,GAEmBF,EAAAA,GAAAA,OACfE,EAAAA,EAAAA,GAKJA,EAAAA,EAAAA,GAIAA,EAAAA,EAAAA,GAIOC,EAAAA,EAAAA,KA0DQH,EAAAA,GAAAA,OACfE,EAAAA,EAAAA,GAWGE,GAAeL,EAAAA,EAAAA,SAAOM,EAAAA,IAAG,Y,6BAAVN,C,IAGHC,EAAAA,GAAAA,QCzHZM,EAA+B,Y,IAAGC,EAAI,EAAJA,KAAMC,EAAK,EAALA,MAC3CC,GAAYC,EAAAA,EAAAA,IAAYC,EAAAA,IAE9B,OACI,UAACC,EAAO,C,UACHH,IAAa,SAACI,EAAAA,EAAQ,CAACC,SAAU,cAClC,SAACF,EAAe,CAACG,GAAG,KAAKC,UAAQ,E,SAAER,KACnC,SAACI,EAAa,CACVK,wBAAyB,CACrBC,OAAQX,S,ilBClBrB,IAAMT,EAAOC,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IAMKC,EAAAA,GAAAA,QAIZmB,GAAYpB,EAAAA,EAAAA,SAAOqB,EAAAA,IAAc,Y,6BAArBrB,C,KAMZsB,GAAatB,EAAAA,EAAAA,SAAOuB,EAAAA,GAAO,Y,6BAAdvB,C,IAGDC,EAAAA,GAAAA,QC2BzB,EAhCc,Y,IAAGuB,EAAe,EAAfA,gBAAiBC,EAAa,EAAbA,cACxBC,GAASC,EAAAA,EAAAA,aACTC,GAAWC,EAAAA,EAAAA,MACyBC,GAAAA,EAAAA,EAAAA,WAAS,GAA5CC,EAAmCD,EAAc,GAAlCE,EAAoBF,EAAc,GAClDG,GAAWC,EAAAA,EAAAA,GAAc,eAAsC,OAAvBjC,EAAAA,GAAAA,OAAuB,MAMrE,OAJAkC,EAAAA,EAAAA,YAAU,WACNP,GAASQ,EAAAA,EAAAA,KAAsB,MAChC,CAACR,KAEG,qB,UACH,UAACf,EAAY,C,WACT,SAACA,EAAa,CACVwB,WAAW,EACXC,MAAO,QACPC,MAAM,SAACC,EAAAA,EAAS,IAChBC,QAAS,WACLb,GAASQ,EAAAA,EAAAA,KAAsB,IAC/BV,EAAOgB,KAAK,S,SAEnB,oCAGD,UAAC7B,EAAO,C,WACF,GAAkBoB,IAAcA,KAClC,SAAC1B,EAAU,CAACC,KAAMiB,EAAehB,MAAOe,KACxC,SAACmB,EAAAA,EAAY,CAACC,mBAAoB,SAACC,G,OAAUb,GAAkBa","sources":["webpack://_N_E/./src/features/faq/components/FAQArticle/styled.ts","webpack://_N_E/./src/features/faq/components/FAQArticle/index.tsx","webpack://_N_E/./src/features/faq/faqArticle/styled.tsx","webpack://_N_E/./src/features/faq/faqArticle/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { H2 } from '@r1-frontend/ui-react/components/typography/heading';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nexport const Wrap = styled.div`\n    flex-direction: column;\n    margin-left: 32px;\n    position: relative;\n    width: 100%;\n    \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-left: 0;\n    }\n`;\n\nexport const DetailText = styled.div`\n    display: block;\n    word-break: break-word;\n    ${FONTS.L};\n    color: ${COLORS.TextSecondary};\n\n    & h1, h2, h3, h4, h5, h6 {\n        margin-bottom: 8px;\n        margin-top: 40px;\n    }\n\n    & h1 {\n        ${FONTS.H2};\n\n        @media (min-width: ${wideBreakpoints.mobile}) {\n            ${FONTS.H0};\n        }\n    }\n    \n    & h2 {\n        ${FONTS.H3};\n\n        @media (min-width: ${wideBreakpoints.mobile}) {\n            ${FONTS.H2};\n        }\n    }\n    \n    & h3 {\n        ${FONTS.H4};\n\n        @media (min-width: ${wideBreakpoints.mobile}) {\n            ${FONTS.H3};\n        }\n    }\n\n    & h4 {\n        ${FONTS.H5};\n    }\n    \n    & h5, h6 {\n        ${FONTS.H6};\n    }\n\n    & a {\n        color: ${COLORS.Link};\n    }\n    \n    & div, p {\n        display: block;\n        vertical-align: top;\n    }\n\n    blockquote {\n        margin: 40px;\n    }\n    \n    & p {\n        margin-top: 16px;\n    }\n\n    & ul, ol, table {\n        margin-top: 40px;\n    }\n    \n    td {\n        padding-bottom: 12px;\n    }\n\n    & ul {\n        list-style: disc;\n        padding-left: 20px;\n    }\n\n    & ol {\n        list-style: decimal;\n        padding-left: 12px;\n    }\n    \n    & li > * {\n        vertical-align: top;\n    }\n    \n    & li:last-child {\n        margin-bottom: 0;\n    }\n\n    & img {\n        max-width: 100%;\n        height: auto;\n        object-fit: contain;\n        margin-bottom: 25px;\n    }\n\n    & > :first-child {\n         margin-top: 0;\n    }\n    \n     > table {\n         max-width: 100%;\n         width: 100% !important;\n     }\n    \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.S};\n        \n        & h1, h2, h3, h4, h5, h6 {\n            margin-top: 12px;\n        }\n        & ol, & ul,  & p {\n            margin-top: 8px;\n        }\n    }\n`;\n\nexport const ArticleTitle = styled(H2)`\n    margin-bottom: 16px;\n    \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-bottom: 8px;\n    }\n`;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\n\nimport Throbber from '@r1-frontend/ui-react/components/loaders/Throbber';\n\nimport { selectServiceHelpFAQIsRedirected } from '~/src/features/faq/store/selectors';\n\nimport * as ST from './styled';\n\nexport interface IProps {\n    text: string,\n    title: string,\n}\n\nexport const FAQArticle: React.FC<IProps> = ({ text, title }) => {\n    const isLoading = useSelector(selectServiceHelpFAQIsRedirected);\n\n    return (\n        <ST.Wrap>\n            {isLoading && <Throbber position={'absolute'}/>}\n            <ST.ArticleTitle as='h1' $smaller>{title}</ST.ArticleTitle>\n            <ST.DetailText\n                dangerouslySetInnerHTML={{\n                    __html: text,\n                }}\n            />\n        </ST.Wrap>\n    );\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 Wrap = styled.div`    \n    flex-direction: row-reverse;\n    flex-wrap: nowrap;\n    width: inherit;\n    word-break: break-word;\n    \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-wrap: wrap-reverse;\n    }\n`;\nexport const Container = styled(WideContainer)`\n    padding-top: 18px;\n    padding-bottom: 18px;\n    position: relative;\n`;\n\nexport const ButtonBack = styled(Button)`\n    margin-bottom: 52px;\n    \n    @media (max-width: ${wideBreakpoints.mobile}){\n        display: none;\n    }\n`;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { useRouter } from 'next/router';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport ArrowLeft from '@r1-frontend/ui-react/components/svg/arrows/ArrowLeft';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport { FAQArticle } from '~/src/features/faq/components/FAQArticle';\nimport { FAQTopicList } from '~/src/features/faq/components/FAQTopicsList';\nimport { setFAQRedirectLoading } from '~/src/features/faq/store/actionCreators';\n\nimport * as ST from './styled';\n\ninterface IFaqArticleProps {\n    articleQuestion: string,\n    articleAnswer: string,\n}\n\nconst Index = ({ articleQuestion, articleAnswer }: IFaqArticleProps) => {\n    const router = useRouter();\n    const dispatch = useDispatch();\n    const [isShowArticle, setIsShowArticle] = useState(true);\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n\n    useEffect(() => {\n        dispatch(setFAQRedirectLoading(false));\n    }, [dispatch]);\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                {((isShowArticle && isMobile) || !isMobile) &&\n                <FAQArticle text={articleAnswer} title={articleQuestion}/>}\n                <FAQTopicList onChangeMobileView={(value) => setIsShowArticle(!value)}/>\n            </ST.Wrap>\n        </ST.Container>\n    </>;\n};\n\nexport default Index;\n"],"names":["Wrap","styled","wideBreakpoints","DetailText","FONTS","COLORS","ArticleTitle","H2","FAQArticle","text","title","isLoading","useSelector","selectServiceHelpFAQIsRedirected","ST","Throbber","position","as","$smaller","dangerouslySetInnerHTML","__html","Container","WideContainer","ButtonBack","Button","articleQuestion","articleAnswer","router","useRouter","dispatch","useDispatch","useState","isShowArticle","setIsShowArticle","isMobile","useMatchMedia","useEffect","setFAQRedirectLoading","animation","bType","Icon","ArrowLeft","onClick","push","FAQTopicList","onChangeMobileView","value"],"sourceRoot":""}