{"version":3,"file":"static/chunks/pages/_site/[city]/service/agent-7a65208c8c2089b7.js","mappings":"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","sources":["webpack://_N_E/?3b19","webpack://_N_E/./src/features/agent/components/MobileStores/styled.ts","webpack://_N_E/./src/features/agent/components/MobileStores/index.tsx","webpack://_N_E/./src/features/agent/components/QrLabel/styled.ts","webpack://_N_E/./src/features/agent/components/QrLabel/index.tsx","webpack://_N_E/./src/features/agent/components/BottomBlock/styled.ts","webpack://_N_E/./src/features/agent/data.tsx","webpack://_N_E/./src/features/agent/components/BottomBlock/index.tsx","webpack://_N_E/./src/features/agent/components/ContentBlock/styled.ts","webpack://_N_E/./src/features/agent/components/ContentBlock/index.tsx","webpack://_N_E/./src/features/agent/components/Header/styled.ts","webpack://_N_E/./src/features/agent/components/Header/index.tsx","webpack://_N_E/./src/features/agent/styled.ts","webpack://_N_E/./src/features/agent/index.tsx","webpack://_N_E/./pages/_site/[city]/service/agent.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/_site/[city]/service/agent\",\n      function () {\n        return require(\"private-next-pages/_site/[city]/service/agent.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/_site/[city]/service/agent\"])\n      });\n    }\n  ","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nexport const Container = styled.div`\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    a:not(:last-child) {\n        margin-right: 12px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-direction: column;\n\n        a:not(:last-child) {\n            width: 100%;\n            margin-right: 0;\n            margin-bottom: 12px;\n        }\n\n        a > div {\n            justify-content: center;\n        }\n    }\n`;\n","import MobileStoreButton, { EStoreName } from '@r1-frontend/ui-react/components/buttons/mobileStoreButton';\n\nimport { Container } from './styled';\n\ninterface IProps {\n    className?: string,\n    position?: 'up' | 'down',\n}\n\nconst MobileStores = ({ className, position }: IProps): JSX.Element => {\n    const storesLinks = {\n        appStore: `https://apps.apple.com/app/apple-store/id799358248?pt=1497844&ct=${position}_banner&mt=8`,\n        googlePlay: `https://play.google.com/store/apps/details?id=com.ertelecom.agent&hl=ru&referrer=utm_source%3Dsite_page%26utm_content%3D${position}banner`,\n    };\n\n    return (\n        <Container className={className}>\n            <MobileStoreButton\n                store={EStoreName.AppStore}\n                link={storesLinks.appStore}\n                data-test='store-btn'\n            />\n            <MobileStoreButton\n                store={EStoreName.GooglePlay}\n                link={storesLinks.googlePlay}\n                data-test='store-btn'\n            />\n            <MobileStoreButton\n                store={EStoreName.AppGallery}\n                data-test='store-btn'\n            />\n            <MobileStoreButton\n                store={EStoreName.RuStore}\n                data-test='store-btn'\n            />\n        </Container>\n    );\n};\n\nexport default MobileStores;\n","import { LazyLoadImage } from 'react-lazy-load-image-component';\nimport styled from 'styled-components';\n\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nconst DownloadBlock_LocalBgColor = '#CEEAF3';\nconst DownloadBlock_LocalBorderRadius = '12px';\n\nexport const QrLabelBlock = styled.div`\n    width: 159px;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: center;\n    border-radius: ${DownloadBlock_LocalBorderRadius};\n    background-color: ${DownloadBlock_LocalBgColor};\n    opacity: .8;\n`;\n\nexport const QrBlock = styled.div`\n    width: 100%;\n    padding: 16px 16px 10px;\n    border-radius: ${DownloadBlock_LocalBorderRadius};\n    background-color: ${COLORS.Brand_Blue};\n`;\n\nexport const QrCode = styled(LazyLoadImage)`\n    width: 100%;\n    height: 100%;\n    object-position: center;\n    object-fit: contain;\n`;\n\nexport const LabelBlock = styled.div`\n    margin: 2px auto;\n    ${FONTS.H5};\n    opacity: .7;\n`;\n","\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\n\nimport * as ST from './styled';\n\ninterface IProps {\n    labelText?: string,\n    qrPath?: string,\n    isLazy?: boolean,\n    className?: string,\n}\n\nconst MobileStoreQrLabel = ({\n    labelText = 'Скачать по QR',\n    qrPath,\n    isLazy = true,\n    className,\n}: IProps): JSX.Element => {\n    return (\n        <ST.QrLabelBlock className={className}>\n            <ST.QrBlock>\n                {qrPath\n                    ? <ST.QrCode\n                        src={qrPath}\n                        alt='QR-код для скачивания приложения'\n                        visibleByDefault={isLazy}\n                        data-test='qr-prop'\n                    />\n                    : <WebpImage urlWebp={'/static/images/service/agent/QrCode.webp'}>\n                        <ST.QrCode\n                            src='/static/images/service/agent/QrCode.png'\n                            alt='QR-код для скачивания приложения'\n                            data-test='qr-default'\n                        />\n                    </WebpImage>\n                }\n            </ST.QrBlock>\n            <ST.LabelBlock data-test='qr-label'>{labelText}</ST.LabelBlock>\n        </ST.QrLabelBlock>\n    );\n};\n\nexport default MobileStoreQrLabel;\n","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 { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nimport MobileStoreQrLabel from '~/src/features/agent/components/QrLabel';\n\nconst LocalColor_OutlineDarkWithAlfa = 'rgba(155,205,221,.2)';\nconst LocalFont_H6 = '12px/20px CoFoSansBold, Helvetica, sans-serif';\n\nexport const BottomWrapper = styled.div`\n    position: relative;\n    width: 100%;\n    padding: 76px 158px 92px;\n    border-radius: ${BorderRadius.OuterBlockRadius};\n    background-color: ${LocalColor_OutlineDarkWithAlfa};\n    overflow: hidden;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        padding: 84px 80px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        padding: 84px 60px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        padding: 100px 40px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-direction: column;\n        padding: 40px 16px 0;\n    }\n`;\n\nexport const BottomContent = styled.div`\n    flex-direction: column;\n    flex-wrap: nowrap;\n    max-width: 640px;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        max-width: 300px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-bottom: 26px;\n        max-width: unset;\n    }\n`;\n\nexport const BottomTitle = styled.h2`\n    margin-top: 0;\n    margin-bottom: 24px;\n    ${FONTS.H1};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.H2};\n        margin-bottom: 16px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.H3};\n        margin-left: 16px;\n    }\n`;\n\nexport const BottomImage = styled.div`\n    position: absolute;\n    top: 0;\n    right: 215px;\n    bottom: 0;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        right: 110px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        right: -83px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        right: -85px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        position: relative;\n        width: 100%;\n        height: 290px;\n        right: 0;\n    }\n`;\n\nexport const BottomImageInner = styled.div`\n    position: relative;\n    width: 460px;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        width: 414px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        position: absolute;\n        width: 375px;\n        top: 0;\n        left: 62%;\n        transform: translateX(-63%);\n    }\n`;\n\nexport const Image = styled.img`\n    width: 100%;\n    height: 100%;\n    object-position: right bottom;\n    object-fit: contain;\n`;\n\nexport const SMobileStoreQrLabel = styled(MobileStoreQrLabel)`\n    width: 134px;\n    position: absolute;\n    bottom: 56px;\n    right: -110px;\n    transform: rotate(-14deg);\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        right: -85px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 129px;\n        bottom: initial;\n        right: initial;\n        left: 0;\n        top: 65px;\n\n        & > div:first-child {\n            padding: 12px 14px;\n        }\n\n        & > div:last-child {\n            font: ${LocalFont_H6};\n        }\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        display: none;\n    }\n`;\n","export enum EBlockSize {\n    SMALL = 'small',\n    MIDDLE = 'middle',\n    LARGE = 'large',\n}\n\nexport interface IDataProps {\n    id: number,\n    blockSize: EBlockSize,\n    title?: string,\n    desc?: string,\n    imgPath?: string,\n    webpPath?: string,\n    imgAlt?: string,\n    mobile?: {\n        imgPath: string,\n        webpPath: string,\n    },\n    gifPath?: string,\n    media?: {\n        [key: string]: string,\n    },\n}\n\nconst imagesPath = '/static/images/service/agent/blocks';\n\nexport const pageData: IDataProps[] = [\n    {\n        id: 1,\n        blockSize: EBlockSize.MIDDLE,\n        title: 'Заказывайте полезные устройства',\n        desc: 'У&nbsp;нас есть умные колонки, Wi-Fi роутеры и&nbsp;многое другое. Просто выберите и&nbsp;закажите, а&nbsp;инженер всё настроит и&nbsp;подключит.',\n        imgPath: `${imagesPath}/1_equipment.png`,\n        webpPath: `${imagesPath}/1_equipment.webp`,\n        imgAlt: 'Изображения Яндекс.Станции и камеры видеонаблюдения',\n    },\n    {\n        id: 2,\n        blockSize: EBlockSize.MIDDLE,\n        title: 'Держите всё под контролем',\n        desc: 'Управляйте заявками, заказами, услугами и&nbsp;тарифом. А&nbsp;мы&nbsp;расскажем, когда лучше пополнить баланс и&nbsp;о&nbsp;технических работах.',\n        imgPath: `${imagesPath}/2_info.png`,\n        webpPath: `${imagesPath}/2_info.webp`,\n        imgAlt: 'Изображения уведомлений мобильного приложения',\n    },\n    {\n        id: 3,\n        blockSize: EBlockSize.SMALL,\n        title: 'Будьте в&nbsp;курсе',\n        desc: 'Хватает&nbsp;ли скорости интернета, всё&nbsp;ли в&nbsp;порядке с&nbsp;интернетом&nbsp;&mdash; вся важная информация теперь в&nbsp;одном месте',\n        imgPath: `${imagesPath}/3_notifications.png`,\n        webpPath: `${imagesPath}/3_notifications.webp`,\n        imgAlt: 'Изображения информационных блоков в приложении',\n    },\n    {\n        id: 4,\n        blockSize: EBlockSize.SMALL,\n        title: 'Управляйте роутером',\n        desc: 'Включайте и&nbsp;отключайте Wi-Fi, выбирайте подходящую частоту и&nbsp;перезагружайте роутер одним кликом',\n        media: {\n            mp4: `${imagesPath}/4_control.mp4`,\n            webm: `${imagesPath}/4_control.webm`,\n        },\n    },\n    {\n        id: 5,\n        blockSize: EBlockSize.SMALL,\n        imgPath: `${imagesPath}/5_girl.jpg`,\n        webpPath: `${imagesPath}/5_girl.webp`,\n        imgAlt: 'Девушка смотрит в телефон, сидя за ноутбуком',\n        mobile: {\n            imgPath: `${imagesPath}/5_girl_mobile.jpg`,\n            webpPath: `${imagesPath}/5_girl_mobile.webp`,\n        },\n    },\n    {\n        id: 6,\n        blockSize: EBlockSize.SMALL,\n        title: 'Получайте персональные предложения',\n        desc: 'Все бонусы, новые тарифы и&nbsp;предложения от&nbsp;партнёров собраны в&nbsp;одном месте.',\n        imgPath: `${imagesPath}/6_economy.png`,\n        webpPath: `${imagesPath}/6_economy.webp`,\n        imgAlt: 'Изображения акций и карты программы лояльности',\n    },\n    {\n        id: 7,\n        blockSize: EBlockSize.LARGE,\n        title: 'Общайтесь с&nbsp;поддержкой в&nbsp;чате',\n        desc: 'Не&nbsp;надо звонить и&nbsp;ждать ответа. Напишите в&nbsp;чат и&nbsp;спокойно занимайтесь своими делами. ' +\n            'Пришлём уведомление, когда оператор найдёт ответ на&nbsp;ваш вопрос.',\n        imgPath: `${imagesPath}/7_chat.png`,\n        webpPath: `${imagesPath}/7_chat.webp`,\n        imgAlt: 'Изображение диалога в чате',\n        gifPath: `${imagesPath}/7_chat.gif`,\n    },\n];\n","import { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport MobileStores from '~/src/features/agent/components/MobileStores';\n\nimport * as ST from './styled';\n\nconst imgStaticPath = '/static/images/service/agent';\n\nconst BottomBlock = ():JSX.Element => {\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n\n    const currentImg = isMobile ? 'iPhone_Bottom_mobile' : 'iPhone_Bottom';\n\n    return (\n        <ST.BottomWrapper>\n            <ST.BottomContent>\n                <ST.BottomTitle>Скачивайте приложение, чтобы управлять услугами онлайн</ST.BottomTitle>\n                <MobileStores position={'down'}/>\n            </ST.BottomContent>\n            <ST.BottomImage>\n                <ST.BottomImageInner>\n                    <WebpImage urlWebp={`${imgStaticPath}/${currentImg}.webp`}>\n                        <ST.Image\n                            src={`${imgStaticPath}/${currentImg}.png`}\n                            alt='Изображение мобильного телефона с приложением Дом.ру'\n                            data-test='block-pic'\n                        />\n                    </WebpImage>\n                    <ST.SMobileStoreQrLabel/>\n                </ST.BottomImageInner>\n            </ST.BottomImage>\n        </ST.BottomWrapper>\n    );\n};\n\nexport default BottomBlock;\n","import { LazyLoadImage } from 'react-lazy-load-image-component';\nimport styled, { css } 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\nimport { EBlockSize } from '~/src/features/agent/data';\n\nconst Local_BorderRadius = '10px';\n\nconst getBlockPropertiesBySize = (size: EBlockSize, isOnlyImage?: boolean) => {\n    switch (size) {\n        case EBlockSize.LARGE:\n            return css`\n                width: 992px;\n                padding-bottom: 0;\n\n                & > div:last-child {\n                    width: fit-content;\n                    align-self: center;\n                }\n\n                img {\n                    max-width: 544px;\n                }\n\n                @media (max-width: ${wideBreakpoints.sDesktop}) {\n                    width: 800px;\n                }\n\n                @media (max-width: ${wideBreakpoints.laptop}) {\n                    grid-column: 1 / -1;\n                    width: 100%;\n                    height: 352px;\n                    flex-direction: row;\n                    padding-bottom: 0;\n\n                    & > div:first-child {\n                        max-width: 360px;\n                        margin-right: 78px;\n                    }\n\n                    & > div:last-child {\n                        max-width: 320px;\n                        margin-top: -56px;\n                    }\n                }\n\n                @media (max-width: ${wideBreakpoints.tablet}) {\n                    & > div:first-child {\n                        max-width: 310px;\n                        margin-right: 60px;\n                    }\n\n                    & > div:last-child {\n                        width: 300px;\n                        height: 100%;\n                        margin-top: -68px;\n                        margin-bottom: 0;\n                    }\n                }\n\n                @media (max-width: ${wideBreakpoints.mobile}) {\n                    flex-direction: column;\n                    height: 445px;\n\n                    & > div:first-child {\n                        margin-right: 0;\n                    }\n\n                    & > div:last-child {\n                        max-width: 256px;\n                        margin-top: -21px;\n                    }\n                }\n            `;\n        case EBlockSize.MIDDLE:\n            return css`\n                width: 736px;\n\n                @media (max-width: ${wideBreakpoints.sDesktop}) {\n                    width: 591px;\n                }\n\n                @media (max-width: ${wideBreakpoints.laptop}) {\n                    grid-column: 1 / -1;\n                    width: 100%;\n                    height: 352px;\n                    flex-direction: row;\n\n                    & > div:first-child {\n                        max-width: 345px;\n                        margin-right: 30px;\n                    }\n\n                    img {\n                        max-height: -webkit-fill-available;\n                    }\n                }\n\n                @media (max-width: ${wideBreakpoints.mobile}) {\n                    flex-direction: column;\n                    height: 325px;\n\n                    & > div:first-child {\n                        margin-right: 0;\n                    }\n                }\n            `;\n        case EBlockSize.SMALL:\n        default:\n            return css`\n                width: 480px;\n\n                @media (max-width: ${wideBreakpoints.sDesktop}) {\n                    width: 384px;\n                    height: 100%;\n                }\n\n                @media (max-width: ${wideBreakpoints.laptop}) {\n                    width: 100%;\n                    height: 730px;\n                }\n\n                @media (max-width: ${wideBreakpoints.mobile}) {\n                    height: 555px;\n\n                    & > div:last-child {\n                        flex: 1 1 auto;\n\n                        ${isOnlyImage\n                            ? css`\n                                border-radius: ${BorderRadius.OuterBlockRadius};\n                                overflow: hidden;\n                                \n                                img {\n                                    max-height: 555px;\n                                }\n                            `\n                            : css`\n                                img {\n                                    max-height: 400px;\n                                }\n                            `\n                        }\n                    }\n                }\n            `;\n    }\n};\n\nexport const BlockWrapper = styled.div<{ size: EBlockSize, area: string, isOnlyImage?: boolean }>`\n    grid-area: ${p => p.area};\n    border-radius: ${BorderRadius.OuterBlockRadius};\n    overflow: hidden;\n\n    ${({ isOnlyImage, size }) => isOnlyImage\n        ? css`\n            @media (max-width: ${wideBreakpoints.sDesktop}) {\n                & > div:last-child {\n                    margin: unset;\n                }\n\n                img {\n                    object-fit: cover;\n                }\n            }\n        `\n        : css`\n            flex-direction: column;\n            flex-wrap: nowrap;\n            padding: 40px;\n            background-color: ${COLORS.BgMain};\n\n            img {\n                max-width: ${size === EBlockSize.SMALL ? '345px' : 'unset'};\n            }\n\n\n            @media (max-width: ${wideBreakpoints.laptop}) {\n                align-items: flex-start;\n                padding: 40px 32px;\n\n                img {\n                    max-width: ${size === EBlockSize.SMALL ? '315px' : 'unset'};\n                }\n            }\n\n            @media (max-width: ${wideBreakpoints.mobile}) {\n                align-items: center;\n                padding: 24px;\n\n                & > div {\n                    max-width: 300px;\n                }\n            }\n        `\n    }\n\n    ${({ size, isOnlyImage }) => getBlockPropertiesBySize(size, isOnlyImage)};\n`;\n\nexport const ContentBlock = styled.div`\n    flex-direction: row;\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        margin-bottom: 30px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        margin-bottom: 24px;\n    }\n`;\n\nexport const BlockTitle = styled.h3`\n    margin-top: 0;\n    margin-bottom: 4px;\n    ${FONTS.H2};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.H5};\n    }\n`;\n\nexport const BlockDesc = styled.div`\n    ${FONTS.M};\n    color: ${COLORS.TextInfo};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.XS};\n    }\n`;\n\nexport const MediaBlock = styled.div`\n    position: relative;\n    width: 100%;\n    margin: auto 0;\n    justify-content: center;\n`;\n\nexport const TypingAnimationBlock = styled.div`\n    position: absolute;\n    bottom: 47px;\n    left: 95px;\n    width: 92px;\n    height: 44px;\n    border-radius: ${BorderRadius.componentRadius};\n    overflow: hidden;\n\n    img {\n        width: 100%;\n        height: auto;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        bottom: 29px;\n        left: 56px;\n        width: 54px;\n        height: 26px;\n        justify-content: center;\n        border-radius: ${Local_BorderRadius};\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        left: 53px;\n        bottom: -29px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        left: 46px;\n        bottom: 15px;\n    }\n`;\n\nexport const BlockImage = styled(LazyLoadImage)`\n    width: 100%;\n    height: 100%;\n    object-position: center;\n    object-fit: contain;\n`;\n\nexport const BlockVideo = styled.video`\n    outline: none;\n    user-select: none;\n    pointer-events: none;\n    width: 490px;\n`;\n","import { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport { IDataProps } from '~/src/features/agent/data';\n\nimport * as ST from './styled';\n\ninterface IProps {\n    blockData: IDataProps,\n}\n\nconst ContentBlock = ({ blockData }: IProps): JSX.Element => {\n    const { id, blockSize, title, desc, imgPath, webpPath, imgAlt, mobile, gifPath, media } = blockData;\n\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n\n    const isOnlyImage = !title || !desc;\n\n    return (\n        <ST.BlockWrapper\n            size={blockSize}\n            area={`${blockSize}-${id}`}\n            isOnlyImage={isOnlyImage}\n            id={`block-${id}`}\n        >\n            {(title && desc) && <ST.ContentBlock>\n                <ST.BlockTitle as={'h2'} data-test='block-title' dangerouslySetInnerHTML={{ __html: title }}/>\n                <ST.BlockDesc dangerouslySetInnerHTML={{ __html: desc }}/>\n            </ST.ContentBlock>}\n            <ST.MediaBlock>\n                {webpPath\n                    ? (isMobile && mobile)\n                        ? <WebpImage urlWebp={mobile.webpPath}>\n                            <ST.BlockImage\n                                src={mobile.imgPath}\n                                alt={imgAlt}\n                                data-test='block-img'\n                            />\n                        </WebpImage>\n                        : <>\n                            <WebpImage urlWebp={webpPath}>\n                                <ST.BlockImage\n                                    src={imgPath}\n                                    alt={imgAlt}\n                                    data-test='block-img'\n                                />\n                            </WebpImage>\n                            {gifPath && (\n                                <ST.TypingAnimationBlock>\n                                    <img\n                                        src={gifPath}\n                                        alt='Анимация набора текста в чате'\n                                        data-test='block-animation'\n                                    />\n                                </ST.TypingAnimationBlock>\n                            )}\n                        </>\n                    : <ST.BlockVideo autoPlay loop playsInline muted data-test='block-video'>\n                        <source src={media?.webm} type='video/webm'></source>\n                        <source src={media?.mp4} type='video/mp4'></source>\n                        <source src={media?.ogv} type='video/ogg'></source>\n                    </ST.BlockVideo>\n                }\n            </ST.MediaBlock>\n        </ST.BlockWrapper>\n    );\n};\n\nexport default ContentBlock;\n","import styled from 'styled-components';\n\nimport WideContainer, { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nimport MobileStoreQrLabel from '~/src/features/agent/components/QrLabel';\n\nexport const HeaderWrapper = styled.div`\n    width: 100%;\n    background-color: ${COLORS.BgMain};\n    overflow: hidden;\n`;\n\nexport const Container = styled(WideContainer)`\n    position: relative;\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 1216px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: 100%;\n        flex-direction: column;\n        flex-wrap: nowrap;\n    }\n`;\n\nexport const ContentBlock = styled.div`\n    flex-direction: column;\n    flex-wrap: nowrap;\n    flex-basis: 440px;\n    margin: 122px 0;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        margin: 108px 0;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        margin-top: 82px;\n        margin-bottom: 99px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        margin-top: 60px;\n        margin-bottom: 79px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-basis: auto;\n        margin-top: 40px;\n        margin-bottom: 48px;\n    }\n`;\n\nexport const PageTitle = styled.h1`\n    margin-top: 0;\n    margin-bottom: 16px;\n    max-width: 424px;\n    ${FONTS.H0};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.H3};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: 100%;\n        margin-bottom: 8px;\n    }\n`;\n\nexport const Desc = styled.div`\n    margin-bottom: 40px;\n    ${FONTS.L};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.S};\n        margin-bottom: 32px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-bottom: 24px;\n    }\n`;\n\nexport const ImageBlock = styled.div`\n    position: absolute;\n    top: 0;\n    right: 112px;\n    bottom: 0;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        right: 23px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        right: -171px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        right: -30px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        position: static;\n        justify-content: center;\n    }\n`;\n\nexport const ImageBlockInnerWrapper = styled.div`\n    position: relative;\n    width: 720px;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        width: 600px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 600px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        width: 360px;\n    }\n\n    @media (max-width: ${wideBreakpoints.sMobile}) {\n        width: 100%;\n    }\n`;\n\nexport const MainImage = styled.img`\n    width: 100%;\n    height: 100%;\n    object-position: bottom;\n    object-fit: contain;\n`;\n\nexport const SMobileStoreQrLabel = styled(MobileStoreQrLabel)`\n    position: absolute;\n    bottom: 90px;\n    left: 23px;\n    transform: rotate(-11deg);\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        bottom: 73px;\n        left: 10px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        bottom: 98px;\n        left: 0px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        display: none;\n    }\n`;\n","import { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport MobileStores from '~/src/features/agent/components/MobileStores';\n\nimport * as ST from './styled';\n\nconst imgStaticPath = '/static/images/service/agent';\n\nconst AgentHeader = (): JSX.Element => {\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n\n    const currentImg = isMobile ? 'iPhone_Bottom_mobile' : 'iPhone_Bottom';\n\n    return (\n        <ST.HeaderWrapper>\n            <ST.Container>\n                <ST.ContentBlock>\n                    <ST.PageTitle id='page-title'>Ваш Дом.ру в&nbsp;ваших руках</ST.PageTitle>\n                    <ST.Desc>Всё управление тарифом в&nbsp;одном приложении</ST.Desc>\n                    <MobileStores position={'up'}/>\n                </ST.ContentBlock>\n                <ST.ImageBlock>\n                    <ST.ImageBlockInnerWrapper>\n                        <WebpImage urlWebp={`${imgStaticPath}/${currentImg}.webp`}>\n                            <ST.MainImage\n                                src={`${imgStaticPath}/${currentImg}.png`}\n                                alt='Изображение мобильного телефона с приложением Дом.ру'\n                            />\n                        </WebpImage>\n                        <ST.SMobileStoreQrLabel isLazy={false} data-test='header-qr'/>\n                    </ST.ImageBlockInnerWrapper>\n                </ST.ImageBlock>\n            </ST.Container>\n        </ST.HeaderWrapper>\n    );\n};\n\nexport default AgentHeader;\n","import styled from 'styled-components';\n\nimport WideContainer, { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const ContainerWide = styled(WideContainer)`\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        width: 1216px;\n    }\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: 100%;\n    }\n`;\n\nexport const PageWrapper = styled.div`\n    width: 100%;\n    margin-bottom: -50px;\n    overflow: hidden;\n`;\n\nexport const ContentWrapper = styled.div`\n    width: 100%;\n    padding: 80px 0;\n    border-radius: 64px 64px 0 0;\n    background-color: ${COLORS.BgSurface};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        padding-top: 40px;\n        padding-bottom: 60px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-top: -10px;\n        z-index: 1;\n    }\n`;\n\nexport const ContentContainer = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-rows: 590px 836px 780px;\n    grid-template-columns: repeat(3, minmax(0, auto));\n    grid-template-areas:\n        'middle-1 . middle-2'\n        'small-3 small-4 small-5'\n        'small-6 . large-7';\n    gap: 40px 32px;\n    justify-items: end;\n    margin-bottom: 40px;\n\n    & > div:first-child {\n        justify-self: start;\n    }\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        grid-template-rows: 600px 770px 764px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        grid-template-rows: repeat(5, auto);\n        grid-template-columns: repeat(2, auto);\n        grid-template-areas:\n            'middle-1 .'\n            'middle-2 .'\n            'small-3 small-4'\n            'small-5 small-6'\n            'large-7 .';\n        gap: 24px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        display: flex;\n        flex-direction: column;\n    }\n`;\n","import BottomBlock from './components/BottomBlock';\nimport ContentBlock from './components/ContentBlock';\nimport AgentHeader from './components/Header';\nimport { pageData } from './data';\n\nimport * as ST from './styled';\n\nconst Agent = (): JSX.Element => {\n    return (\n        <ST.PageWrapper>\n            <AgentHeader data-test='agent-header'/>\n            <ST.ContentWrapper>\n                <ST.ContainerWide>\n                    <ST.ContentContainer>\n                        {pageData.map(block => (\n                            <ContentBlock\n                                key={block.id}\n                                blockData={block}\n                                data-test='content-block'\n                            />\n                        ))}\n                    </ST.ContentContainer>\n                    <BottomBlock data-test='bottom-block'/>\n                </ST.ContainerWide>\n            </ST.ContentWrapper>\n        </ST.PageWrapper>\n    );\n};\n\nexport default Agent;\n","import React from 'react';\nimport { NextPage } from 'next';\n\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nimport Layout from '~/src/features/_layout';\nimport Agent from '~/src/features/agent';\nimport { initialProps } from '~/src/helpers/basePageFunc';\n\n\nconst AgentPage: NextPage = () => {\n    const description = 'Официальное приложение Мой Дом.ру - это личный кабинет в вашем телефоне. ' +\n        'Удобно оплачивайте услуги и управляйте договором. Доступно для скачивания в App Store и Google Play.';\n\n    return (\n        <Layout\n            // @ts-ignore\n            title='Скачать приложение Мой Дом.ру для оплаты услуг на Android и iOS'\n            description={description}\n            withMenu={true}\n            withFooter={true}\n            withChat={true}\n            bgColor={COLORS.BgMain}\n        >\n            <Agent/>\n        </Layout>\n    );\n};\n\nAgentPage.getInitialProps = async(options) => {\n    await initialProps(options);\n    return ({});\n};\n\nexport default AgentPage;\n"],"names":["window","__NEXT_P","push","Container","styled","wideBreakpoints","className","position","storesLinks","appStore","googlePlay","MobileStoreButton","store","EStoreName","link","data-test","DownloadBlock_LocalBorderRadius","QrLabelBlock","QrBlock","COLORS","QrCode","LazyLoadImage","LabelBlock","FONTS","labelText","qrPath","isLazy","ST","src","alt","visibleByDefault","WebpImage","urlWebp","BottomWrapper","BorderRadius","BottomContent","BottomTitle","BottomImage","BottomImageInner","Image","SMobileStoreQrLabel","MobileStoreQrLabel","imgStaticPath","currentImg","useMatchMedia","MobileStores","EBlockSize","imagesPath","pageData","id","blockSize","MIDDLE","title","desc","imgPath","webpPath","imgAlt","SMALL","media","mp4","webm","mobile","LARGE","gifPath","BlockWrapper","p","area","isOnlyImage","size","css","getBlockPropertiesBySize","ContentBlock","BlockTitle","BlockDesc","MediaBlock","TypingAnimationBlock","BlockImage","BlockVideo","blockData","isMobile","as","dangerouslySetInnerHTML","__html","img","autoPlay","loop","playsInline","muted","source","type","ogv","HeaderWrapper","WideContainer","PageTitle","Desc","ImageBlock","ImageBlockInnerWrapper","MainImage","ContainerWide","PageWrapper","ContentWrapper","ContentContainer","AgentHeader","map","block","BottomBlock","AgentPage","Layout","description","withMenu","withFooter","withChat","bgColor","Agent","getInitialProps","options","initialProps"],"sourceRoot":""}