{"version":3,"file":"static/chunks/4888.0152ac99c93bca20.js","mappings":"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","sources":["webpack://_N_E/./src/features/st/list/styled.ts","webpack://_N_E/./src/features/st/styled.ts","webpack://_N_E/./src/features/st/accordion/styled.ts","webpack://_N_E/./src/features/st/accordion/MultiLevelAccordionFAQ.tsx","webpack://_N_E/./src/features/st/accordion/accordionFAQ.tsx","webpack://_N_E/./src/features/st/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/accordions/AccordionAnimate/AccordionAnimateBody.js","webpack://_N_E/../../packages/ui-react/src/components/accordions/AccordionAnimate/AccordionAnimateHeader.js","webpack://_N_E/../../packages/ui-react/src/components/accordions/AccordionAnimate/index.js","webpack://_N_E/./static/images/arrow.svg","webpack://_N_E/./static/images/st/back-speed-guest.jpg","webpack://_N_E/./static/images/st/back-speed-page.jpg","webpack://_N_E/../../packages/ui-react/src/components/accordions/AccordionAnimate/image/bottom.svg"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { breakPoint } from '@r1-frontend/ui-react/assets/js/constants';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nconst LinkStyle = css`\n    > a {    \n        ${FONTS.S};\n        color: ${COLORS.LabelsBg_5};\n        border-bottom: 1px dotted ${COLORS.LabelsBg_5};\n    }\n`;\n\nexport const ListItem = styled.li`\n    display: flex;\n    flex-wrap: nowrap;\n    margin-top: 30px;\n    align-content: flex-start;\n    align-items: flex-start;\n`;\n\nexport const ListIcon = styled.div`\n    font-family: 'icomoon',serif;\n    font-size: 50px;\n    min-width: 90px;\n    height: 50px;\n            \n    @media(${breakPoint(320)}) {\n        font-size: 32px;\n        min-width: 50px;\n    }\n`;\n\nexport const ListItemRight = styled.div`\n    flex-direction: column;\n`;\n\nexport const ListTitle = styled.h3`\n    ${FONTS.H2}\n    \n   @media(${breakPoint(320)}) {\n        ${FONTS.H3}\n    }\n`;\n\nexport const ListDescription = styled.span`\n    margin-top: 10px;\n    ${LinkStyle};   \n    \n    @media(${breakPoint(320)}) {\n        width: 100%;\n        line-height: 25px;\n    }\n`;\n\nexport const Information = styled.p`\n    display: block;\n    ${LinkStyle};   \n`;\n","import styled from 'styled-components';\n\nimport { breakPoint } from '@r1-frontend/ui-react/assets/js/constants';\nimport { BaseButton } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nimport backgroundProblem from '~/static/images/st/back-speed-guest.jpg';\nimport background from '~/static/images/st/back-speed-page.jpg';\n\nexport const ClientPage = styled.div`\n    width: 100%;\n    justify-content: space-between;\n`;\n\nexport const Widget = styled.section`\n    background: #15233d url(${background}) no-repeat;\n    background-size: 100%;\n    width: 100%;\n    justify-content: center;\n    padding: 0 20px;\n    display: flex;\n`;\n\nexport const WidgetContent = styled.div`\n    width: 100%;\n    max-width: 985px;\n    flex-direction: column;\n`;\n\nexport const TitleH1 = styled.h1`\n    ${FONTS.H1};\n    color: ${COLORS.TextWhite};\n    margin-top: 150px;\n    \n    @media(${breakPoint(320)}) {\n        ${FONTS.H2};\n    }\n`;\n\nexport const WidgetWrap = styled.div`\n    background: ${COLORS.BgMain};\n    width: 100%;\n    padding: 40px 75px;\n    \n    @media(${breakPoint(320)}) {\n        padding: 30px; \n    }    \n`;\n\nexport const FrameTitle = styled.h2`\n    ${FONTS.H2};\n    margin-top: 40px; \n    \n    @media(${breakPoint(320)}) {\n        ${FONTS.H3};\n    }\n`;\n\nexport const FrameDescription = styled.p`\n    ${FONTS.S};\n    margin-top: 20px;\n    \n    @media(${breakPoint(320)}) {\n        ${FONTS.XS};\n    }\n`;\n\nexport const FAQ = styled.div`\n    color: ${COLORS.TextWhite};\n    margin-top: 40px;\n    margin-bottom: 100px;\n    flex-direction: column;\n    padding-right: 50px;\n    grid-gap: 30px;\n`;\n\nexport const FAQTitle = styled.h3`\n    ${FONTS.H4}\n`;\n\nexport const FAQContent = styled.ul`\n    flex-direction: column;\n    grid-gap: 30px;\n    display: flex;\n`;\n\nexport const Problem = styled.section`\n    width: 100%;\n    min-height: 100vh;\n    justify-content: center;\n    padding: 0 20px 40px 20px;\n    background: url(${backgroundProblem}) no-repeat;\n    background-size: cover;\n    color: ${COLORS.BgMain};\n    margin-bottom: -50px;\n    display: flex;\n`;\n\nexport const ProblemContent = styled.div`\n    width: 100%;\n    max-width: 985px;\n    flex-direction: column;\n    margin-top: 100px;\n    align-content: flex-start;\n    align-items: flex-start;\n`;\n\nexport const ProblemTitle = styled.h2`\n    ${FONTS.H1}\n`;\n\nexport const ProblemList = styled.ul`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n\nexport const ProblemUndef = styled.div`\n    flex-direction: column;\n    width: 100%;\n`;\n\nexport const ProblemUndefTitle = styled.h2`\n    margin-top: 60px;\n    ${FONTS.H2}\n`;\nexport const ProblemUndefDescription = styled.p`\n    margin-top: 60px;\n    ${FONTS.XS}\n    > a {\n        color: ${COLORS.LabelsBg_5};\n        border-bottom: 1px dotted ${COLORS.LabelsBg_5};\n        ${FONTS.M}\n    }\n`;\n\nexport const Action = styled(BaseButton)`\n    margin-top: 40px;\n`;\n","import styled from 'styled-components';\n\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nimport arrowImage from '~/static/images/arrow.svg';\n\nexport const Ask = styled.div<{ isOpen?: boolean }>`\n    ${props => props.isOpen ? FONTS.MediumXS : FONTS.XS};\n    cursor: pointer;\n    border-bottom: 1px dotted;\n    flex-wrap: nowrap;\n    color: ${COLORS.ButtonWhite};\n    \n    &::after{\n        background-color: ${COLORS.BgMain};\n        mask: url(${arrowImage}) no-repeat  50% 50%;\n        content: '';\n        width: 15px;\n        height: 15px;\n        margin: 4px 8px;\n        background-size: cover;\n        transition: 0.25s;\n        transform: ${props => props.isOpen ? 'rotate(270deg)' : 'rotate(90deg)'};\n    }\n    &:hover{\n        color: ${COLORS.ButtonAccent};\n        &::after{\n            background-color: ${COLORS.ButtonAccent};\n        }\n    }\n`;\n\nexport const Response = styled.div`\n    ${FONTS.XS};\n    padding-left: 30px;\n    padding-top: 10px;\n    overflow: hidden;\n    height: auto;\n    transition: 0.25s;\n`;\n\nexport const Ul = styled.ul`\n    margin-top: 8px;\n`;\n\nexport const Li = styled.li`\n    margin-bottom: 8px;\n    \n    ::before {\n        content: \"•\";\n        color: ${COLORS.ButtonAccent};;\n        margin-right: 10px;\n    }\n`;\n","import React, { useState } from 'react';\n\nimport {\n    AccordionAnimate,\n    AccordionAnimateBody,\n    AccordionAnimateHeader,\n} from '@r1-frontend/ui-react/components/accordions/AccordionAnimate';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\n\nimport { ListItem } from '../list/styled';\nimport { ProblemList } from '../styled';\n\nimport * as ST from './styled';\n\ntype IItemInnerContent = {\n    title: string,\n    desc: string,\n}\n\nexport interface IMultiLevelAccordionFAQ {\n    ask: string,\n    desc: string,\n    content: Array<IItemInnerContent>,\n}\n\nconst MultiLevelAccordionFAQ = ({ ask, desc, content }: IMultiLevelAccordionFAQ): JSX.Element => {\n    const [isOpen, setIsOpen] = useState(false);\n    const onToggleHandler = (status: boolean) => setIsOpen(status);\n    return (\n        <AccordionAnimate isAnimate={true} duration={1} onToggle={onToggleHandler}>\n            <AccordionAnimateHeader>\n                <ST.Ask isOpen={isOpen}>{ask}</ST.Ask>\n            </AccordionAnimateHeader>\n            <AccordionAnimateBody>\n                <Paragraph4 style={{ marginTop: '15px' }}>{desc}</Paragraph4>\n                <ST.Response>\n                    {content.map(item => <ProblemList key={item.title}>\n                        <ListItem>\n                            <ST.Li>\n                                {item.title}\n                            </ST.Li>\n                        </ListItem>\n                        <Paragraph4 dangerouslySetInnerHTML={{ __html: item.desc }} />\n                    </ProblemList>)}\n                </ST.Response>\n            </AccordionAnimateBody>\n        </AccordionAnimate>\n    );\n};\n\nexport default MultiLevelAccordionFAQ;\n","import React, { useState } from 'react';\n\nimport {\n    AccordionAnimate,\n    AccordionAnimateBody,\n    AccordionAnimateHeader,\n} from '@r1-frontend/ui-react/components/accordions/AccordionAnimate';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\n\nimport MultiLevelAccordionFAQ, { IMultiLevelAccordionFAQ } from './MultiLevelAccordionFAQ';\n\nimport * as ST from './styled';\n\nexport interface IAccordionFAQ {\n    ask: string,\n    response?: JSX.Element | string,\n    responseUL?: Array<string>,\n    response2?: string,\n    multiLevelContentItem?: IMultiLevelAccordionFAQ,\n}\n\nexport const AccordionFAQ: React.FC<IAccordionFAQ> = ({ ask, response, responseUL, response2, multiLevelContentItem }) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const onToggleHandler = (status: boolean) => setIsOpen(status);\n    if (multiLevelContentItem) {\n        return <MultiLevelAccordionFAQ {...multiLevelContentItem}/>;\n    }\n    return (\n        <AccordionAnimate isAnimate={true} duration={1} onToggle={onToggleHandler}>\n            <AccordionAnimateHeader>\n                <ST.Ask isOpen={isOpen}>{ask}</ST.Ask>\n            </AccordionAnimateHeader>\n            <AccordionAnimateBody>\n                <ST.Response>\n                    {response && <p>{response}</p>}\n                    {responseUL && <ST.Ul>\n                        {responseUL.map((itemUl, keyUl) => (\n                            <ST.Li key={keyUl}>{itemUl}</ST.Li>\n                        ))}\n                     </ST.Ul>}\n                     {response2 && <Paragraph4>{response2}</Paragraph4>}\n                </ST.Response>\n            </AccordionAnimateBody>\n        </AccordionAnimate>\n    );\n};\n","import React, { useMemo } from 'react';\n\nimport { isClientSide } from '@r1-frontend/shared/helpers/ssr';\n\nimport { AccordionFAQ } from './accordion/accordionFAQ';\nimport data from './data.json';\n\nimport * as ST from './styled';\n\nconst Index: React.FC = () => {\n    const clientSide = isClientSide();\n    const remoteDiagnosticLink: undefined | JSX.Element =  useMemo(() => {\n        if (data.remoteDiag && clientSide) {\n            const os: Record<string, string> = {\n                win10: 'Windows NT 10.0',\n                win8_1: 'Windows NT 6.3',\n                win8_0: 'Windows NT 6.2',\n                win7: 'Windows NT 6.1',\n                winVista: 'Windows NT 6.0',\n            };\n\n            const modernVersion = ['win10', 'win8_0', 'win8_1'];\n\n            const version = window.navigator.appVersion;\n            let href = '';\n\n            for (const [key, value] of Object.entries(os)) {\n                if (version.indexOf(value) !== -1) {\n                    href = modernVersion.includes(key)\n                        ? 'https://sos.dom.ru/file-share/test(win8-10-11).exe'\n                        : 'https://sos.dom.ru/file-share/test(win7).exe';\n                    break;\n                }\n            }\n\n            return href ? <a href={href}>Наше приложение</a> : <span>Наше приложение</span>;\n        }\n\n    }, [clientSide]);\n\n    return (\n        <ST.ClientPage>\n            <ST.Widget>\n                <ST.WidgetContent>\n                    <ST.TitleH1>Проверить скорость интернета</ST.TitleH1>\n                    <ST.WidgetWrap>\n                        <iframe\n                            width='100%'\n                            height='650px'\n                            frameBorder='0'\n                            title='Speedtest widget'\n                            src='https://domru.speedtestcustom.com'\n                        />\n                        <ST.FrameTitle>Для максимально точного результата</ST.FrameTitle>\n                        <ST.FrameDescription>{data.client.frame.desc}</ST.FrameDescription>\n                    </ST.WidgetWrap>\n                    <ST.FAQ>\n                        <ST.FAQTitle>Часто задаваемые вопросы по скорости интернета</ST.FAQTitle>\n                        <ST.FAQContent>\n                            <AccordionFAQ\n                                ask={data.remoteDiag.ask}\n                                response={<>\n                                    {remoteDiagnosticLink}\n                                    {data.remoteDiag.response}\n                                </>}\n                                responseUL={data.remoteDiag?.responseUL}\n                            />\n                            {data.client.faq.content.map((item, index) => (\n                                <AccordionFAQ\n                                    ask={item.ask}\n                                    response={item?.response}\n                                    responseUL={item?.responseUL}\n                                    response2={item?.response2}\n                                    multiLevelContentItem={item.content ? item : undefined}\n                                    key={index}\n                                />))\n                            }\n                        </ST.FAQContent>\n                    </ST.FAQ>\n                </ST.WidgetContent>\n            </ST.Widget>\n        </ST.ClientPage>\n    );\n};\n\nexport default Index;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport styled from 'styled-components';\n\nconst defaultProps = {\n    duration: 0.3,\n    isAnimate: true,\n    isShow: false,\n};\n\nconst propTypes = {\n    duration: PropTypes.number,\n    isAnimate: PropTypes.bool,\n    isShow: PropTypes.bool,\n};\n\nconst AccordionBody = styled.div`\n    max-height: ${props => props.maxHeight || null};\n    overflow: hidden;\n    transition: max-height ${({ duration }) => duration}s ease;\n    width: 100%;\n`;\n\nexport class AccordionAnimateBody extends Component {\n    static propTypes = propTypes;\n    static defaultProps = defaultProps;\n\n    constructor(props) {\n        super(props);\n        this.state = { maxHeight: '0px' };\n        this.bodyRef = React.createRef();\n    }\n\n    bodyHide = () => {\n        if (this.props.isAnimate === false) {\n            this.setState({ maxHeight: '0px' });\n            return;\n        }\n\n        this.setState({ maxHeight: `${this.bodyRef.current.scrollHeight}px` });\n        this.bodyRef.current.offsetHeight;\n        this.setState({ maxHeight: '0px' });\n    }\n\n    bodyShow = () => {\n        if (this.props.isAnimate === false) {\n            this.clearStyle();\n            return;\n        }\n\n        this.setState({ maxHeight: `${this.bodyRef.current.scrollHeight}px` });\n    }\n\n    clearStyle = () => {\n        this.setState({ maxHeight: null });\n    }\n\n    componentDidMount() {\n        if (this.props.isShow === false) {\n            this.setState({ maxHeight: '0px' });\n        }\n    }\n\n    componentDidUpdate({ isShow }) {\n        if (isShow !== this.props.isShow) {\n            if (this.props.isShow === true) {\n                this.bodyShow();\n            } else {\n                this.bodyHide();\n            }\n        }\n    }\n\n    render() {\n        return (\n            <AccordionBody\n                maxHeight={this.state.maxHeight}\n                duration={this.props.duration}\n                ref={this.bodyRef}\n                onTransitionEnd={this.props.isShow === true\n                    ? this.clearStyle\n                    : () => {\n                    return;\n                }}\n                data-test={'AccordionBody'}\n                {...this.props}\n            >\n                {this.props.children}\n            </AccordionBody>\n        );\n    }\n}\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS } from '../../../assets/js/constants';\nimport { FONTS } from '../../../tokens/fonts';\n\nconst defaultProps = {\n    onClick: () => {\n        return;\n    },\n};\n\nconst propTypes = {\n    onClick: PropTypes.func,\n    text: PropTypes.string,\n};\n\nconst AccordionHeader = styled.div`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    user-select: none;\n    width: 100%;\n`;\n\nconst AccordionHeaderText = styled.span`\n    border-bottom: 1px dotted ${COLORS.blue};\n    color: ${COLORS.blue};\n    display: inline-block;\n    ${FONTS.S};\n`;\n\nconst AccordionHeaderIcon = styled.img`\n    margin-left: 10px;\n    transform: ${({ isShow }) => isShow ? 'rotate(-180deg)' : 'rotate(0deg)'};\n    transform-origin: 50% 50%;\n    transition: transform 0.3s ease;\n    height: 7px;\n    width: 12px;\n`;\n\nexport function AccordionAnimateHeader(props) {\n    let headerContent = props.children;\n\n    if (props.text !== undefined) {\n        headerContent = (\n            <React.Fragment>\n                <AccordionHeaderText data-test={'AccordionHeaderText'}>{props.text}</AccordionHeaderText>\n                <AccordionHeaderIcon data-test={'AccordionHeaderIcon'} isShow={props.isShow} src={require('./image/bottom.svg')} alt='bottomIcon' />\n            </React.Fragment>\n        );\n    }\n\n    return (\n        <AccordionHeader onClick={props.onClick} {...props}>\n            {headerContent}\n        </AccordionHeader>\n    );\n}\n\nAccordionAnimateHeader.defaultProps = defaultProps;\nAccordionAnimateHeader.propTypes = propTypes;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nimport { AccordionAnimateBody } from './AccordionAnimateBody';\nimport { AccordionAnimateHeader } from './AccordionAnimateHeader';\n\nconst defaultProps = {\n    isShow: false,\n    isAnimate: true,\n    onToggle: () => {\n        return;\n    },\n};\n\nconst propTypes = {\n    isShow: PropTypes.bool,\n    isAnimate: PropTypes.bool,\n    onToggle: PropTypes.func,\n};\n\nexport class AccordionAnimate extends Component {\n    static propTypes = propTypes;\n    static defaultProps = defaultProps;\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            isShow: this.props.isShow,\n        };\n    }\n\n    getHeader(child) {\n        return React.cloneElement(child, {\n            isShow: this.state.isShow,\n            onClick: this.accordionToggle,\n        });\n    }\n\n    getBody(child) {\n        return React.cloneElement(child, {\n            duration: this.props.duration,\n            isShow: this.state.isShow,\n            isAnimate: this.props.isAnimate,\n        });\n    }\n\n    accordionToggle = () => {\n        this.setState(({ isShow }) => {\n            return { isShow: !isShow };\n        }, () => {\n            this.props.onToggle(this.state.isShow);\n        });\n    }\n\n    componentDidUpdate({ isShow }) {\n        if (isShow !== this.props.isShow) {\n            this.setState({\n                isShow: this.props.isShow,\n            });\n        }\n    }\n\n    render() {\n        return (\n            <div className={this.props.className}>\n                {React.Children.map(this.props.children, (child) => {\n                    if (child.type && child.type.name === AccordionAnimateHeader.name) {\n                        return this.getHeader(child);\n                    } else if (child.type && child.type.name === AccordionAnimateBody.name) {\n                        return this.getBody(child);\n                    } else {\n                        return child;\n                    }\n                })}\n            </div>\n        );\n    }\n}\n\nexport { AccordionAnimateBody } from './AccordionAnimateBody';\nexport { AccordionAnimateHeader } from './AccordionAnimateHeader';\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ljk3IDkuODIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0uNTMgOS4yOUw0LjkxIDQuOS41My41MyIvPjwvc3ZnPg==\"","module.exports = \"https://cdn-b2c.dom.ru/b2c-domru/2.358.9/frontend/_next/static/images/back-speed-guest-4117e231c851e4e1462fb356df907bc5.jpg\";","module.exports = \"https://cdn-b2c.dom.ru/b2c-domru/2.358.9/frontend/_next/static/images/back-speed-page-5af0d052b2b2c89400f82f5ae7bcddad.jpg\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMDA3QUU1Ij4KICAgIDxwYXRoIGQ9Ik0xMS41NjY0IDEuMzQ3NjZDMTEuNTY2NCAxLjQzODggMTEuNTI3MyAxLjUyMzQ0IDExLjQ0OTIgMS42MDE1Nkw2LjI1MzkxIDYuNzk2ODhDNi4xNzU3OCA2Ljg3NSA2LjA5MTE1IDYuOTE0MDYgNiA2LjkxNDA2QzUuOTA4ODUgNi45MTQwNiA1LjgyNDIyIDYuODc1IDUuNzQ2MDkgNi43OTY4OEwwLjU1MDc4MSAxLjYwMTU2QzAuNDcyNjU2IDEuNTIzNDQgMC40MzM1OTQgMS40Mzg4IDAuNDMzNTk0IDEuMzQ3NjZDMC40MzM1OTQgMS4yNDM0OSAwLjQ3MjY1NiAxLjE1MjM0IDAuNTUwNzgxIDEuMDc0MjJMMS4wOTc2NiAwLjUyNzM0NEMxLjE3NTc4IDAuNDQ5MjE5IDEuMjYwNDIgMC40MTAxNTYgMS4zNTE1NiAwLjQxMDE1NkMxLjQ1NTczIDAuNDEwMTU2IDEuNTQwMzYgMC40NDkyMTkgMS42MDU0NyAwLjUyNzM0NEw2IDQuOTAyMzRMMTAuMzk0NSAwLjUyNzM0NEMxMC40NTk2IDAuNDQ5MjE5IDEwLjU0NDMgMC40MTAxNTYgMTAuNjQ4NCAwLjQxMDE1NkMxMC43Mzk2IDAuNDEwMTU2IDEwLjgyNDIgMC40NDkyMTkgMTAuOTAyMyAwLjUyNzM0NEwxMS40NDkyIDEuMDc0MjJDMTEuNTI3MyAxLjE1MjM0IDExLjU2NjQgMS4yNDM0OSAxMS41NjY0IDEuMzQ3NjZaIi8+Cjwvc3ZnPgo=\""],"names":["LinkStyle","css","FONTS","COLORS","ListItem","styled","breakPoint","ClientPage","Widget","background","WidgetContent","TitleH1","WidgetWrap","FrameTitle","FrameDescription","FAQ","FAQTitle","FAQContent","ProblemList","backgroundProblem","BaseButton","Ask","props","isOpen","arrowImage","Response","Ul","Li","ask","desc","content","useState","setIsOpen","AccordionAnimate","isAnimate","duration","onToggle","status","AccordionAnimateHeader","ST","AccordionAnimateBody","Paragraph4","style","marginTop","map","item","title","dangerouslySetInnerHTML","__html","AccordionFAQ","response","responseUL","response2","multiLevelContentItem","MultiLevelAccordionFAQ","p","itemUl","keyUl","data","clientSide","isClientSide","remoteDiagnosticLink","useMemo","modernVersion","version","window","navigator","appVersion","href","Object","entries","win10","win8_1","win8_0","win7","winVista","key","value","indexOf","includes","a","span","iframe","width","height","frameBorder","src","index","undefined","propTypes","PropTypes","isShow","AccordionBody","maxHeight","bodyHide","setState","bodyRef","current","scrollHeight","offsetHeight","bodyShow","clearStyle","state","React","componentDidMount","this","componentDidUpdate","render","ref","onTransitionEnd","data-test","children","Component","defaultProps","onClick","text","AccordionHeader","AccordionHeaderText","AccordionHeaderIcon","headerContent","require","alt","accordionToggle","getHeader","child","getBody","div","className","type","name","module","exports"],"sourceRoot":""}