{"version":3,"file":"static/chunks/5535.92dcad199dcbdbdd.js","mappings":"0mFAWO,IAAMA,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,C,2DAAVA,C,KAGLC,SAAAA,G,OAAKA,EAAEC,WAAa,OAAoB,OAAbD,EAAEC,WAAW,8BAA8B,iBAMlFD,SAAAA,G,OAAKE,EAAAA,EAAAA,IAAYF,MACjBA,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAqBH,EAAG,eAGtBI,GAAOL,EAAAA,EAAAA,SAAOM,EAAAA,GAAc,Y,wDAArBN,C,IAIKO,EAAAA,GAAAA,UAKZC,GAAMR,EAAAA,EAAAA,SAAOS,EAAAA,YAAW,Y,uDAAlBT,C,KACNU,GAAMV,EAAAA,EAAAA,SAAOW,EAAAA,YAAW,Y,uDAAlBX,C,KAENY,EAAgBZ,EAAAA,QAAAA,IAAAA,WAAU,C,iEAAVA,C,IAEXa,EAAAA,OAAAA,MACMA,EAAAA,OAAAA,YAICN,EAAAA,GAAAA,UAKZO,EAAQd,EAAAA,QAAAA,IAAAA,WAAU,C,yDAAVA,C,KAGfC,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAqBH,EAAG,qBAEtBc,EAAOf,EAAAA,QAAAA,IAAAA,WAAU,C,wDAAVA,C,KAIdC,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAqBH,EAAG,wBAGtBe,EAAKhB,EAAAA,QAAAA,GAAAA,WAAS,C,sDAATA,C,KAOLiB,EAAOjB,EAAAA,QAAAA,GAAAA,WAAS,C,wDAATA,C,IACRkB,EAAAA,EAAAA,EAiBIA,EAAAA,EAAAA,IAOVjB,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAqBH,EAAG,2BAGtBkB,GAAQnB,EAAAA,EAAAA,SAAOW,EAAAA,YAAW,Y,yDAAlBX,C,IAETkB,EAAAA,EAAAA,EACCL,EAAAA,OAAAA,OAEPZ,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAqBH,EAAG,qBAGtBmB,EAAapB,EAAAA,QAAAA,IAAAA,WAAU,C,+DAAVA,C,IAIdkB,EAAAA,EAAAA,GAICG,EAAYrB,EAAAA,QAAAA,EAAAA,WAAQ,C,8DAARA,C,IAIbkB,EAAAA,EAAAA,Q,WCtBZ,EApEsB,Y,IAClBI,EAAO,EAAPA,QACAC,EAAK,EAALA,MACAC,EAAQ,EAARA,SACAC,EAAO,EAAPA,QACAC,EAAI,EAAJA,KACAC,EAAS,EAATA,UACAC,EAAQ,EAARA,SACAC,EAAY,EAAZA,aACAC,EAAQ,EAARA,SACA5B,EAAU,EAAVA,WACA6B,EAAK,EAALA,MACAC,EAAqB,EAArBA,sBACAC,EAAQ,EAARA,SACAC,EAAW,EAAXA,YAEMC,GAAQC,EAAAA,EAAAA,UAAQ,WAClB,GAAIN,EAAU,CACV,IAAM,EAAWA,EAATO,KACR,MAAO,OAA4BA,OAAjB,OAAJA,QAAI,IAAJA,OAAAA,EAAAA,EAAMC,WAAW,MAAqB,OAAb,OAAJD,QAAI,IAAJA,OAAAA,EAAAA,EAAME,YAE7C,MAAO,KACR,CAACT,IAEEU,GAAeC,EAAAA,EAAAA,GAAelB,EAAOU,GACrCS,GAAkBD,EAAAA,EAAAA,GAAejB,EAAUU,GAEjD,OACI,SAACS,GAAU,gCAACC,GAAItB,GAAaO,GAAY,CAAE3B,WAAYA,IAAgB8B,GAAqB,C,UACxF,SAACW,EAAO,CAACE,SAAS,O,UACd,UAACF,EAAgB,C,WACb,SAACA,GAAQ,kBAAKd,GAAY,CAAEiB,wBAAyB,CAAEC,OAAQP,OAC/D,SAACG,GAAO,kBAAKd,GAAY,CAAEiB,wBAAyB,CAAEC,OAAQL,MAC7DhB,IACG,SAACsB,EAAAA,EAAY,CACTtB,KAAMA,EACND,QAASA,EACTE,UAAWA,EACXsB,QAAQ,SACRC,UAAWnB,EACXF,aAAcA,EACdsB,QAAM,KAGd,SAACR,EAAK,C,UACF,SAACA,EAAM,C,SACFf,EAASwB,KAAI,SAACC,EAAMC,G,OACjB,SAACX,EAAM,CAACY,GAAI,EAAGC,GAAI,G,UACf,SAACb,GAAO,QAACG,wBAAyB,CAAEC,OAAQM,IAAYxB,KADhCyB,WAMxC,UAACX,GAAQ,gBAACc,OAAO,MAAS5B,GAAY,C,WAClC,SAACc,EAAa,C,SAAC,yEACf,SAACA,EAAY,CACTe,KAAM,QAAkC,OAArB,OAALvB,QAAK,IAALA,OAAAA,EAAAA,EAAOwB,QAAQ,MAAO,KACpCC,UAAU,qB,SAETzB","sources":["webpack://_N_E/./src/components/LandingBlock/Callback/styled.tsx","webpack://_N_E/./src/components/LandingBlock/Callback/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@r1-frontend/ui-react/assets/js/constants';\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 { blockMargin, breakPoints, CSSPropWithBreakpoints, styleWithBreakPoints } from '~/src/components/LandingBlock/styled';\n\nexport interface ICallbackBlockStyles {\n    [key: string]: CSSPropWithBreakpoints;\n}\n\nexport const Wrapper = styled.div<{ [key: string]: string }>`\n    position: relative;\n    width: 100%;\n    background: ${p => p.background ? `url(${p.background}) no-repeat center / cover` : 'transparent'};\n    display: flex;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    min-height: 300px;\n\n    ${p => blockMargin(p)};        \n    ${p => styleWithBreakPoints(p, 'Callback')};\n`;\n\nexport const Grid = styled(GridContainer)`\n    display: flex;\n    align-items: center;\n\n    @media (max-width: ${breakPoints.sDesktop}) {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n`;\nexport const Col = styled(FlexBoxCol)``;\nexport const Row = styled(FlexBoxRow)``;\n\nexport const BorderWrapper = styled.div`\n    width: 100%;\n    background: ${COLORS.white};\n    border: 1px solid ${COLORS.outlineGrey};\n    border-radius: 8px;\n    padding: 60px 80px;\n    \n    @media (max-width: ${breakPoints.sDesktop}) {\n        padding: 30px 40px;\n    }\n`;\n\nexport const Title = styled.div`\n    margin-bottom: 40px;\n\n    ${p => styleWithBreakPoints(p, 'Callback.Title')};\n`;\nexport const Text = styled.div`\n    width: 100%;\n    margin-bottom: 15px;\n    \n    ${p => styleWithBreakPoints(p, 'Callback.SubTitle')};\n`;\n\nexport const Ol = styled.ol`\n    margin-top: 20px;\n    padding: 0;\n    width: 100%;\n    counter-reset: list;\n`;\n\nexport const Item = styled.li`\n    font: ${fonts.S};\n    padding-left: 79px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: 64px;\n    list-style-type: none;\n    margin-bottom: 10px;\n    \n    &:before {\n        counter-increment: list;\n        content: counter(list);\n        position:absolute;\n        left: 0;\n        top: 0;\n        width: 64px;\n        height: 64px;\n        font: ${fonts.H2};\n        line-height: 64px;\n        text-align: center;\n        background-color: rgba(0,0,0,.05);\n        border-radius: 100%;\n    }\n    \n    ${p => styleWithBreakPoints(p, 'Callback.Instruction')};\n`;\n\nexport const Phone = styled(FlexBoxRow)`\n    width: 100%;\n    font: ${fonts.L};\n    color: ${COLORS.black};\n    \n    ${p => styleWithBreakPoints(p, 'Callback.Phone')};\n`;\n\nexport const PhoneLabel = styled.div`\n    display: flex;\n    margin-top: 32px;\n    width: 100%;\n    font: ${fonts.S};\n    justify-content: center;\n`;\n\nexport const PhoneLink = styled.a`\n    display: inline-block;\n    justify-content: center;\n    margin-top: 16px;\n    font: ${fonts.Medium};\n    cursor: pointer;\n    color: inherit;\n`;\n","import { IPhoneForm } from '~/src/components/LandingBlock/Header/CallbackForm/types';\nimport { TAnalytics } from '~/src/services/blocks/configs/Part/analyticsPartConfig';\nimport CallbackForm from '~/src/components/LandingBlock/Header/CallbackForm';\nimport { ICityData } from '~/src/components/LandingBlock/Header/HeaderPanel';\nimport { getTextWithTag } from '~/src/helpers/getTextWithTag';\nimport * as ST from './styled';\nimport { useMemo } from 'react';\n\nexport interface ICallbackBlockProps {\n    blockId: string,\n    title: string;\n    subtitle?: string;\n    isAdmin: boolean;\n    form?: IPhoneForm;\n    analytics?: TAnalytics;\n    progress?: string[];\n    customStyles?: ST.ICallbackBlockStyles;\n    cityData: ICityData;\n    background?: string;\n    alias?: string;\n    additionalBlockConfig?: any;\n    titleTag?: string;\n    subtitleTag?: string;\n}\n\nconst CallbackBlock = ({\n    blockId,\n    title,\n    subtitle,\n    isAdmin,\n    form,\n    analytics,\n    progress,\n    customStyles,\n    cityData,\n    background,\n    alias,\n    additionalBlockConfig,\n    titleTag,\n    subtitleTag,\n}: ICallbackBlockProps): JSX.Element => {\n    const phone = useMemo(() => {\n        if (cityData) {\n            const { city } = cityData;\n            return `+7 (${city?.phone_code}) ${city?.sale_phone}`;\n        }\n        return '';\n    }, [cityData]);\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.BorderWrapper>\n                    <ST.Title {...customStyles} dangerouslySetInnerHTML={{ __html: titleWithTag }} />\n                    <ST.Text {...customStyles} dangerouslySetInnerHTML={{ __html: subtitleWithTag }} />\n                    {form && (\n                        <CallbackForm\n                            form={form}\n                            isAdmin={isAdmin}\n                            analytics={analytics}\n                            gaLabel='bottom'\n                            pageAlias={alias}\n                            customStyles={customStyles}\n                            inline\n                        />\n                    )}\n                    <ST.Ol>\n                        <ST.Row>\n                            {progress.map((item, index) => (\n                                <ST.Col md={4} xs={12} key={index}>\n                                    <ST.Item dangerouslySetInnerHTML={{ __html: item }} {...customStyles}/>\n                                </ST.Col>\n                            ))}\n                        </ST.Row>\n                    </ST.Ol>\n                    <ST.Phone center='xs' {...customStyles}>\n                        <ST.PhoneLabel>Подключение:</ST.PhoneLabel>\n                        <ST.PhoneLink\n                            href={`tel:+${phone?.replace(/\\D/g, '')}`}\n                            className='js-calltouch-phone'\n                        >\n                            {phone}\n                        </ST.PhoneLink>\n                    </ST.Phone>\n                </ST.BorderWrapper>\n            </ST.Grid>\n        </ST.Wrapper>\n    );\n};\n\nexport default CallbackBlock;\n"],"names":["Wrapper","styled","p","background","blockMargin","styleWithBreakPoints","Grid","GridContainer","breakPoints","Col","FlexBoxCol","Row","FlexBoxRow","BorderWrapper","COLORS","Title","Text","Ol","Item","fonts","Phone","PhoneLabel","PhoneLink","blockId","title","subtitle","isAdmin","form","analytics","progress","customStyles","cityData","alias","additionalBlockConfig","titleTag","subtitleTag","phone","useMemo","city","phone_code","sale_phone","titleWithTag","getTextWithTag","subtitleWithTag","ST","id","modeName","dangerouslySetInnerHTML","__html","CallbackForm","gaLabel","pageAlias","inline","map","item","index","md","xs","center","href","replace","className"],"sourceRoot":""}