{"version":3,"file":"static/chunks/2563.98bb07ac37ea3af0.js","mappings":"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","sources":["webpack://_N_E/./src/components/LandingBlock/Common/Button/styled.tsx","webpack://_N_E/./src/components/LandingBlock/Common/Button/index.tsx","webpack://_N_E/./src/components/LandingBlock/InfoBlock/styled.tsx","webpack://_N_E/./src/components/LandingBlock/InfoBlock/index.tsx","webpack://_N_E/./src/helpers/get-partial-styles.ts","webpack://_N_E/./src/helpers/getTextWithTag.ts","webpack://_N_E/./src/helpers/isHtmlWithText.ts","webpack://_N_E/./node_modules/@r1-frontend/ui-react/components/WebpImage/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport { styleWithBreakPoints } from '~/src/components/LandingBlock/styled';\nimport { BaseButton } from '@r1-frontend/ui-react/components/buttons/baseButton';\n\ninterface IBtnWrapProps {\n    inline: boolean;\n    align?: string;\n}\n\nexport interface IBtnProps {\n    backgroundColor?: string;\n    backgroundHoverColor?: string;\n    buttonTextColor?: string;\n    propName?: string;\n    isAutoWidth?: boolean;\n}\n\nexport const ButtonWrap = styled.div<IBtnWrapProps>`\n    display: ${p => p.inline ? 'inline-block' : 'flex' };\n    justify-content: ${p => p.align ? p.align : 'left'};\n    & a {\n        text-decoration: none;\n    }\n`;\n\nexport const ButtonStyle = styled(BaseButton)<IBtnProps>`\n    width: ${p => p.isAutoWidth ? 'auto' : '235px' };\n    position: relative;\n    z-index: 8;\n    background-color: ${p => p.backgroundColor};\n    border-color: ${p => p.backgroundColor};\n    \n    &:hover {\n        background-color: ${p => p.backgroundHoverColor};\n        border-color: ${p => p.backgroundHoverColor};\n    }\n    \n    ${p => styleWithBreakPoints(p, `${p.propName || 'Button'}`)};\n`;\n\nexport const ButtonText = styled.span<IBtnProps>`\n    ${p => p.propName ? styleWithBreakPoints(p, `${p.propName + '.Text'}`) : styleWithBreakPoints(p, 'Button.Text')};\n`;\n","import { ReactElement, useCallback } from 'react';\nimport Link from 'next/link';\nimport * as Sentry from '@sentry/node';\nimport { dataLayerPush } from '@r1-frontend/ui-react/components/helpers';\nimport { ButtonWrap, ButtonStyle, ButtonText } from './styled';\nimport { TAnalytics } from '~/src/services/blocks/configs/Part/analyticsPartConfig';\nimport { btnTypes } from '@r1-frontend/ui-react/components/buttons/baseButton';\n\nexport interface IButtonProps {\n    elemId: string,\n    type?: btnTypes,\n    buttonText?: string | React.ReactNode | ReactElement;\n    href?: string,\n    isTargetBlank?: boolean,\n    idForScroll?: string,\n    analytics?: TAnalytics,\n    customStyles?: Record<string, any>,\n    buttonClickHandler?: () => void,\n    className?: string,\n    isInline?: boolean;\n    backgroundColor?: string;\n    backgroundHoverColor?: string;\n    align?: 'left' | 'right' | 'center';\n    isAutoWidth?: boolean;\n    enableCalltouch?: boolean;\n    propName?: string;\n}\n\nconst Button = ({\n    elemId,\n    type,\n    buttonText,\n    href,\n    isTargetBlank,\n    idForScroll,\n    customStyles,\n    analytics,\n    buttonClickHandler,\n    className,\n    isInline = false,\n    backgroundColor,\n    backgroundHoverColor,\n    align = 'left',\n    isAutoWidth = false,\n    enableCalltouch = false,\n    propName,\n}: IButtonProps): JSX.Element => {\n    const clickHandler = useCallback(() => {\n        if (idForScroll) {\n            try {\n                const elem = document.querySelector(`#${idForScroll}`);\n                elem?.scrollIntoView({ block: 'start', behavior: 'smooth' });\n            } catch (err) {\n                Sentry.captureException(err);\n            }\n        }\n    }, [idForScroll]);\n\n    const onSendGtmEvent = useCallback(() => {\n        if (analytics) {\n            const { category = '', action = '', label = '' } = analytics;\n\n            if (category || action || label) {\n                const event = {\n                    event: 'UAevent',\n                    ...analytics,\n                    category: category || '',\n                    action: action || '',\n                };\n\n                dataLayerPush(event);\n            }\n        }\n    }, [analytics]);\n\n    return (\n        <ButtonWrap onClick={onSendGtmEvent} className={className} inline={isInline} align={align}>\n            {href\n                ?   <Link href={href} passHref>\n                        <ButtonStyle\n                            id={elemId}\n                            type={type || btnTypes.ACCENT}\n                            target={isTargetBlank ? '_blank' : undefined}\n                            rel='noopener noreferrer nofollow'\n                            data-testid='link-btn'\n                            backgroundColor={backgroundColor}\n                            backgroundHoverColor={backgroundHoverColor}\n                            propName={propName}\n                            isAutoWidth={isAutoWidth}\n                            className={enableCalltouch ? 'js-calltouch-phone' : ''}\n                            {...customStyles}\n                        >\n                            <ButtonText {...customStyles} propName={propName}>{buttonText || 'Купить'}</ButtonText>\n                        </ButtonStyle>\n                    </Link>\n                :   <ButtonStyle\n                        type={type || btnTypes.ACCENT}\n                        onClick={buttonClickHandler || clickHandler}\n                        backgroundColor={backgroundColor}\n                        backgroundHoverColor={backgroundHoverColor}\n                        propName={propName}\n                        isAutoWidth={isAutoWidth}\n                        {...customStyles}\n                    >\n                        <ButtonText {...customStyles} propName={propName}>{buttonText || 'Купить'}</ButtonText>\n                    </ButtonStyle>\n            }\n        </ButtonWrap>\n    );\n};\n\nexport default Button;\n","import styled, { css } from 'styled-components';\nimport GridContainer from '@r1-frontend/ui-react/components/layouts/gridContainer';\nimport { FlexBoxCol, FlexBoxRow } from '@r1-frontend/ui-react/components/layouts/flexBoxGrid';\nimport { fonts } from '~/src/helpers/font';\nimport Button from '~/src/components/LandingBlock/Common/Button';\nimport { breakPoints, styleWithBreakPoints, CSSPropWithBreakpoints, blockMargin } from '~/src/components/LandingBlock/styled';\n\nexport interface IInfoBlockStyles {\n    [key: string]: CSSPropWithBreakpoints;\n}\n\nexport const Wrapper = styled.div<{ [key: string]: string }>`\n    padding: 70px 0;\n    position:relative;\n    background: ${p => p.background ? `url(${p.background}) no-repeat center / cover` : 'transparent'};\n    width: 100%;\n       \n    @media (max-width: ${breakPoints.desktop}) {\n        \n        margin-left: 0;\n        margin-right: 0;\n    }\n    \n    @media (max-width: ${breakPoints.sDesktop}) {\n        overflow: hidden;   \n    }\n    \n    @media (max-width: ${breakPoints.mobile}) {\n        margin-top: 50px;\n    }\n    \n    ${p => blockMargin(p)}; \n    ${p => styleWithBreakPoints(p, 'InfoBlock')};\n`;\n\nexport const Grid = styled(GridContainer)`\n    display: flex;\n    max-width: 100%;\n`;\n\nexport const Row = styled(FlexBoxRow)`\n    width: 100%;\n    justify-content: space-between;\n`;\n\nexport const Col = styled(FlexBoxCol)`\n    @media (max-width: ${breakPoints.mobile}) {\n        margin-bottom: 30px;\n    }\n`;\n\nexport const Subtitle = styled.div`\n    font: ${fonts.S};\n    \n    @media (max-width: ${breakPoints.sDesktop}) {\n        white-space: pre-wrap;\n    }\n    \n    @media (max-width: ${breakPoints.tablet}) {\n        white-space: normal;\n        font: ${fonts.S};\n    }\n\n    ${p => styleWithBreakPoints(p, 'InfoBlock.SubTitle')};\n`;\n\nexport const Title = styled.div`\n    font: ${fonts.H2};\n    margin-bottom: 10px;\n    white-space: pre-wrap;\n    \n    @media (max-width: ${breakPoints.tablet}) {\n        font: ${fonts.H2};\n    }\n    \n    @media (max-width: ${breakPoints.mobile}) {\n        white-space: normal;\n        font: ${fonts.H3};\n    }\n\n    ${p => styleWithBreakPoints(p, 'InfoBlock.Title')};\n`;\n\nexport const Text = styled.div`\n    font: ${fonts.L};\n    \n    @media (max-width: ${breakPoints.sDesktop}) {\n        white-space: pre-wrap;\n    }\n    \n    @media (max-width: ${breakPoints.tablet}) {\n        white-space: normal;\n        font: ${fonts.M};\n    }\n\n    ${p => styleWithBreakPoints(p, 'InfoBlock.Text')};\n`;\n\nexport const BtnWrap = styled.div`\n    margin-top: 32px;\n    \n    @media (max-width: ${breakPoints.mobile}) {\n        margin-bottom: 100px;\n    }\n\n    @media (max-width: 535px) {\n        margin-top: 60px;\n    }\n`;\n\nexport const Btn = styled(Button)`\n    display: block;\n    border-radius: 4px;\n    margin-top: 24px;\n\n    ${p => styleWithBreakPoints(p, 'InfoBlock.Button')};\n    ${p => styleWithBreakPoints(p, 'InfoBlock.Button.Text')};\n`;\n\ninterface IImage{\n    paddingTop?: string;\n    paddingRight?: string;\n}\n\nexport const Image = styled.div<IImage>`\n    max-width: 358px;\n    height: 100%;\n    margin-left: auto;\n    position: relative;\n    ${({ paddingTop }) => paddingTop ? css`top: ${paddingTop};` : null}\n    ${({ paddingRight }) => paddingRight ? css`right: ${paddingRight};` : null}\n    \n    @media (max-width: ${breakPoints.mobile}) {\n        flex-basis: 100%;\n        max-width: 100%;\n        margin-top: 29px;\n        margin-right: auto;\n    }\n    \n    img {\n        display: block;\n        width: 100%;\n        \n        @media (max-width: ${breakPoints.mobile}) {\n            margin: auto;\n            max-width: 100%;\n            height: auto;\n        }\n    }\n\n    ${p => styleWithBreakPoints(p, 'InfoBlock.Image')};\n`;\n","import { useMemo } from 'react';\nimport { CSSObject } from 'styled-components';\nimport { IButtonProps } from '~/src/components/LandingBlock/Common/Button';\nimport { ImagePlaceholder } from '~/src/components/LandingBlock/styled';\nimport { IMG_DOMAIN } from '~/src/services/blocks/templates';\nimport { getPartialStyles } from '~/src/helpers/get-partial-styles';\nimport { getTextWithTag } from '~/src/helpers/getTextWithTag';\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport * as ST from './styled';\n\ninterface IPictureProp {\n    src: string;\n    webp: string;\n    alt: string;\n    paddingTop: string;\n    paddingRight: string;\n}\n\ntype IHeaderButtonProps  = Pick<\n    IButtonProps,\n    'buttonText' |\n    'href' |\n    'idForScroll' |\n    'isTargetBlank' |\n    'analytics' |\n    'backgroundColor' |\n    'backgroundHoverColor' |\n    'enableCalltouch'\n>\nexport interface IInfoBlockProps {\n    blockId: string;\n    isAdmin: boolean;\n    subtitle?: string;\n    title: string;\n    text: string;\n    buttonProps?: IHeaderButtonProps;\n    picture?: IPictureProp;\n    customStyles?: ST.IInfoBlockStyles;\n    background?: string;\n    additionalBlockConfig?: any;\n    titleTag?: string;\n    subtitleTag?: string;\n}\n\nconst InfoBlock = ({\n    blockId,\n    isAdmin,\n    subtitle,\n    title,\n    text,\n    buttonProps,\n    picture,\n    customStyles,\n    background,\n    additionalBlockConfig,\n    titleTag,\n    subtitleTag,\n}: IInfoBlockProps): JSX.Element => {\n    const partialButtonStyles = useMemo(() => {\n        return getPartialStyles(customStyles as CSSObject, 'Button');\n    }, [customStyles]);\n\n    const titleWithTag = getTextWithTag(title, titleTag);\n    const subtitleWithTag = getTextWithTag(subtitle, subtitleTag);\n\n    return (\n        <ST.Wrapper id={blockId} {...customStyles} background={background} {...additionalBlockConfig}>\n            <ST.Grid modeName='wide'>\n                <ST.Row>\n                    <ST.Col sm={7} xs={12}>\n                        {subtitle && (\n                            <ST.Subtitle {...customStyles} dangerouslySetInnerHTML={{ __html: subtitleWithTag }} />\n                        )}\n                        <ST.Title {...customStyles} dangerouslySetInnerHTML={{ __html: titleWithTag }} />\n                        <ST.Text\n                            {...customStyles}\n                            dangerouslySetInnerHTML={{ __html: text }}\n                        />\n                        <ST.BtnWrap>\n                            <ST.Btn\n                                elemId={`${blockId}.button`}\n                                href={buttonProps.href}\n                                isTargetBlank={buttonProps.isTargetBlank}\n                                idForScroll={buttonProps.idForScroll}\n                                enableCalltouch={buttonProps.enableCalltouch}\n                                analytics={buttonProps.analytics}\n                                buttonText={buttonProps.buttonText}\n                                backgroundColor={buttonProps.backgroundColor}\n                                backgroundHoverColor={buttonProps.backgroundHoverColor}\n                                customStyles={partialButtonStyles}\n                            />\n                        </ST.BtnWrap>\n                    </ST.Col>\n                    <ST.Col sm={5} xs={12}>\n                        <ST.Image {...customStyles}\n                            paddingTop={picture?.paddingTop}\n                            paddingRight={picture?.paddingRight}\n                        >\n                            {picture.src\n                                ? <WebpImage urlWebp={picture.webp && `${IMG_DOMAIN}${picture.webp}`}>\n                                    <img src={`${IMG_DOMAIN}${picture.src}`} alt={picture.alt || title}/>\n                                </WebpImage>\n                                : <ImagePlaceholder width={250} height={200} isAdmin={isAdmin}/>\n                            }\n                        </ST.Image>\n                    </ST.Col>\n                </ST.Row>\n            </ST.Grid>\n        </ST.Wrapper>\n    );\n};\n\nexport default InfoBlock;\n","import { CSSObject } from 'styled-components';\n\n/**\n * Убирает название родительского блока из строки со стилями\n * ключ 'Header1.Button.text' => 'Button.text'\n * TODO вынести в отдельный хелпер, потребуется для других компонентов\n */\n export const getPartialStyles = (styles: Record<string, unknown>, name: string): CSSObject => {\n  const partialStyles = {};\n\n  for (const key in styles) {\n      const position = key.search(name);\n      if (position !== -1) {\n          const partialKey = key.slice(position);\n          partialStyles[partialKey] = styles[key];\n      }\n  }\n  return partialStyles;\n};\n","import { isHtmlWithText } from './isHtmlWithText';\n\nexport const getTextWithTag = (text = '', tag?: string): string => {\n    if (!text || !tag) {\n        return text;\n    }\n    return `<${tag}>${isHtmlWithText(text)}</${tag}>`;\n};\n","\nexport const isHtmlWithText = (__html = ''): string => {\n    const regExp = /(<([^>]+)>)/ig;\n    const html = __html.replace(regExp, '');\n    return html;\n};\n","import React, { useMemo } from 'react';\nvar WebpImage = function (_a) {\n    var urlWebp = _a.urlWebp, children = _a.children;\n    var isSvg = useMemo(function () {\n        var _a;\n        var image = (_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.src;\n        if (image) {\n            var extension = image.split('.').pop();\n            return extension === 'svg';\n        }\n        return false;\n    }, [children]);\n    return (urlWebp && !isSvg)\n        ? <picture draggable={false}>\n            <source srcSet={urlWebp} type='image/webp'/>\n            {children}\n        </picture>\n        : <>{children}</>;\n};\nexport default WebpImage;\n"],"names":["ButtonWrap","styled","p","inline","align","ButtonStyle","BaseButton","isAutoWidth","backgroundColor","backgroundHoverColor","styleWithBreakPoints","propName","ButtonText","elemId","type","buttonText","href","isTargetBlank","idForScroll","customStyles","analytics","buttonClickHandler","className","isInline","enableCalltouch","clickHandler","useCallback","elem","document","querySelector","scrollIntoView","block","behavior","err","Sentry","onSendGtmEvent","category","action","label","event","dataLayerPush","onClick","Link","passHref","id","btnTypes","target","undefined","rel","data-testid","Wrapper","background","breakPoints","blockMargin","Grid","GridContainer","Row","FlexBoxRow","Col","FlexBoxCol","Subtitle","fonts","Title","Text","BtnWrap","Btn","Button","Image","paddingTop","css","paddingRight","blockId","isAdmin","subtitle","title","text","buttonProps","picture","additionalBlockConfig","titleTag","subtitleTag","partialButtonStyles","useMemo","getPartialStyles","titleWithTag","getTextWithTag","subtitleWithTag","ST","modeName","sm","xs","dangerouslySetInnerHTML","__html","src","WebpImage","urlWebp","webp","IMG_DOMAIN","img","alt","ImagePlaceholder","width","height","styles","name","partialStyles","key","position","search","slice","tag","isHtmlWithText","regExp","html","replace","_a","children","isSvg","image","props","split","pop","draggable","source","srcSet"],"sourceRoot":""}