{"version":3,"file":"static/chunks/7837-8b9938a9b7e3f504.js","mappings":"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","sources":["webpack://_N_E/./src/features/index/Banners/PromoBannersSection/PromoBanner/index.tsx","webpack://_N_E/./src/features/index/Banners/PromoBannersSection/PromoBanner/styled.ts","webpack://_N_E/./static/images/defaultImageFallback.svg"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport Router from 'next/router';\n\nimport { IAdvertising } from '@r1-frontend/api-domru/spec-offer/v1/banners/dto/responseDto';\n\nimport { push } from '@r1-frontend/analytics/campaignLayer';\nimport { dataLayerPush } from '@r1-frontend/analytics/dataLayerPush';\n\nimport { btnTypes } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport { TButtonSize, TButtonType } from '@r1-frontend/ui-react/components/buttons/button';\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport { NonStaticContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { TTooltipPosition } from '@r1-frontend/ui-react/experimental/tooltip/types';\nimport { AdvertisingLabelWithTooltip } from '@r1-frontend/ui-react/organisms/AdvertisingLabelWithTooltip';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { EVENTS } from '@r1-frontend/shared/constants/analytics';\nimport { useWebp } from '@r1-frontend/shared/hooks/useWebp';\n\nimport { IBannerTag as ITag } from '~/src/api/content/banners';\n\nimport * as ST from './styled';\n\nexport enum EClickType {\n    ON_BANNER = ' full',\n    ON_BTN = '',\n}\n\ntype TCustomStyleRule = Record<string, string>;\ntype TCustomStyleType = 'sMobile' | 'mobile' | 'tablet' | 'laptop' | 'desktop' | 'default';\nexport type TCustomStyle = {\n    [key in TCustomStyleType]?: TCustomStyleRule\n}\nexport type TExtStyle = Record<string, TCustomStyle>\n\ninterface IProps {\n    label?: string,\n    labelColor?: string,\n    title?: string,\n    description?: string,\n    image?: string,\n    imageWebp?: string,\n    background?: string,\n    backgroundWebp?: string,\n    buttonText?: string,\n    textColor?: string,\n    route?: string,\n    tags: ITag[],\n    bannerIdx?: string | number,\n    buttonType?: TButtonType,\n    legal?: {\n        text?: string,\n        textColor?: string,\n        ageLimit?: string,\n    },\n    extStyles?: TExtStyle,\n    onClick?: () => void,\n    buttonSize?: TButtonSize,\n    communicationId?: string,\n    advertising?: IAdvertising,\n    tooltipPosition?: TTooltipPosition,\n}\n\nconst PromoBanner = forwardRef<HTMLDivElement, IProps>(({\n    bannerIdx = 0,\n    label,\n    labelColor,\n    title = '',\n    description = '',\n    buttonText = 'Подробнее',\n    image = '',\n    imageWebp = '',\n    background = '',\n    backgroundWebp = '',\n    textColor = COLORS.TextPrimary,\n    tags = [],\n    route = '',\n    onClick,\n    buttonType = btnTypes.PRIMARY,\n    legal = {\n        textColor: COLORS.TextPrimary,\n    },\n    extStyles,\n    buttonSize,\n    communicationId,\n    advertising,\n    tooltipPosition = 'bottom-right',\n}, ref): JSX.Element => {\n    const [isRedirecting, setIsRedirecting] = useState(false);\n\n    const sendDataLayerPush = useCallback((clickType: EClickType) => {\n        const [firstTag, lastTag] = tags;\n        const lastTagAlias = lastTag?.alias.replaceAll('_', ' ');\n\n        dataLayerPush({\n            event: EVENTS.UAevent,\n            category: `banner ${firstTag?.alias}`,\n            action: `click ${bannerIdx} ${lastTagAlias} banner${clickType}`,\n            label: route,\n        });\n    }, [tags, bannerIdx, route]);\n\n    const onClickBanner = useCallback((clickType: EClickType) => {\n        if (route) {\n            if (communicationId) {\n                push({ id: +bannerIdx, type: 'banner', actionType: 'transition', communicationId });\n            }\n\n            sendDataLayerPush(clickType);\n            setIsRedirecting(true);\n            Router.push(route);\n        }\n\n        onClick && onClick();\n    }, [sendDataLayerPush, route, onClick]);\n\n    const backgroundImage = useWebp() ? backgroundWebp : background;\n\n    return (\n        <ST.Wrapper\n            ref={ref}\n            onClick={() => onClickBanner(EClickType.ON_BANNER)}\n            backgroundImage={backgroundImage}\n            extStyles={extStyles?.wrapper}\n        >\n            <ST.DescCol lg={6} md={6} sm={6} xs={6} extStyles={extStyles?.descCol}>\n                <ST.Desc extStyles={extStyles?.description}>\n                    {!!label && (\n                        <ST.BannerLabel\n                            textColor={labelColor}\n                            dangerouslySetInnerHTML={{ __html: label }}\n                        />\n                    )}\n                    <ST.Title\n                        textColor={textColor}\n                        dangerouslySetInnerHTML={{ __html: title }}\n                        extStyles={extStyles?.title}/>\n                    <ST.Text\n                        textColor={textColor}\n                        dangerouslySetInnerHTML={{ __html: description }}\n                        extStyles={extStyles?.text}/>\n                    <ST.SButton\n                        size={buttonSize}\n                        href={route}\n                        onClick={() => onClickBanner(EClickType.ON_BTN)}\n                        bType={buttonType}\n                        extStyles={extStyles?.button}\n                        loading={isRedirecting}\n                    >\n                        {buttonText}\n                    </ST.SButton>\n                </ST.Desc>\n            </ST.DescCol>\n            <ST.ImageCol extStyles={extStyles?.imageCol} lg={6} md={6} sm={6} xs={6}>\n                {advertising && (\n                    <NonStaticContainer\n                        $desktop={{\n                            $bottom: 24,\n                            $right: 24,\n                        }}\n                        $mobile={{\n                            $bottom: 12,\n                            $right: 12,\n                        }}\n                    >\n                        <AdvertisingLabelWithTooltip\n                            onClick={e => e.stopPropagation()}\n                            companyName={advertising.companyName}\n                            erid={advertising.erid}\n                            tooltip={{\n                                position: tooltipPosition,\n                            }}\n                        />\n                    </NonStaticContainer>\n                )}\n                <WebpImage urlWebp={imageWebp || undefined}>\n                    <ST.Image $extStyles={extStyles?.image} src={image} alt='изображение баннера'/>\n                </WebpImage>\n                {legal?.text && (\n                    <ST.Legal textColor={legal.textColor}>\n                        { legal.ageLimit && <ST.LegalTitle>{legal.ageLimit}+</ST.LegalTitle> }\n                        <ST.LegalDescription>{legal.text}</ST.LegalDescription>\n                    </ST.Legal>\n                )}\n            </ST.ImageCol>\n        </ST.Wrapper>\n    );\n});\n\nPromoBanner.displayName = 'PromoBannerWithForwardedRef';\nexport default PromoBanner;\n","import { LazyLoadImage } from 'react-lazy-load-image-component';\nimport styled from 'styled-components';\n\nimport Button from '@r1-frontend/ui-react/components/buttons/button';\nimport { FlexBoxCol as Col } from '@r1-frontend/ui-react/components/layouts/flexBoxGrid';\nimport { 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 { TCustomStyle } from '~/src/features/index/Banners/PromoBannersSection/PromoBanner/index';\nimport defaultImageFallback from '~/static/images/defaultImageFallback.svg';\n\nexport const Wrapper = styled.div<{ backgroundImage: string, extStyles?: TCustomStyle }>`\n    height: 320px;\n    background-image: url(${defaultImageFallback});\n    background: url(${props => props.backgroundImage}) center / cover no-repeat;\n    border-radius: 16px;\n    overflow: hidden;\n    cursor: pointer;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        height: 280px;\n        border-radius: 0;\n        ${p => p.extStyles?.laptop ? p.extStyles?.laptop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        height: auto;\n        border-radius: 24px;\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const DescCol = styled(Col)<{ extStyles?: TCustomStyle }>`\n    display: flex;\n    align-items: center;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        ${p => p.extStyles?.desktop ? p.extStyles?.desktop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        ${p => p.extStyles?.laptop ? p.extStyles.laptop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        max-width: 100% !important;\n        flex-basis: 100% !important;\n        align-items: flex-start;\n        height: 220px;\n        background: ${COLORS.BgSurface};\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.sMobile}) {\n        height: auto;\n        ${p => p.extStyles?.sMobile ? p.extStyles?.sMobile : ''};\n    }\n`;\n\nexport const Desc = styled.div<{ extStyles?: TCustomStyle }>`\n    display: block;\n    width: 100%;\n    padding-left: 40px;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        padding: 16px 20px;\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const BannerLabel = styled.p<{ textColor?: string }>`\n    ${FONTS.LABEL};\n    margin-bottom: 4px;\n    color: ${props => props.textColor || COLORS.TextHint};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.LABEL_S};\n    }\n`;\n\nexport const Title = styled.p<{ textColor: string, extStyles?: TCustomStyle }>`\n    ${FONTS.H2};\n    color: ${props => props.textColor};\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        ${FONTS.H2};\n        ${p => p.extStyles?.laptop ? p.extStyles?.laptop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${p => p.extStyles?.tablet ? p.extStyles?.tablet : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.H4};\n        color: ${COLORS.TextPrimary};\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const Text = styled.p<{ textColor: string, extStyles?: TCustomStyle }>`\n    ${FONTS.M};\n    line-height: 28px;\n    color: ${props => props.textColor};\n    margin-top: 8px;\n    margin-bottom: 24px;\n    align-self: flex-start;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n    \n    @media (max-width: ${wideBreakpoints.laptop}) {\n        ${FONTS.XS};\n        margin-bottom: 16px;\n        ${p => p.extStyles?.laptop ? p.extStyles?.laptop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${p => p.extStyles?.tablet ? p.extStyles?.tablet : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        color: ${COLORS.TextSecondary};\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const SButton = styled(Button)<{ extStyles?: TCustomStyle }>`\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: 100%;\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const ImageCol = styled(Col)<{ extStyles?: TCustomStyle }>`\n    position: relative;\n    height: 100%;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        ${p => p.extStyles?.desktop ? p.extStyles?.desktop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        ${p => p.extStyles?.laptop ? p.extStyles.laptop : ''};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        max-width: 100% !important;\n        flex-basis: 100% !important;\n        height: 200px;\n        order: -1;\n        background-repeat: no-repeat;\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n\nexport const Image = styled(LazyLoadImage)<{ $extStyles?: TCustomStyle }>`\n    position: absolute;\n    margin: auto;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    max-height: 100%;\n    ${p => p.$extStyles?.default ? p.$extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${p => p.$extStyles?.mobile || ''}\n    }\n`;\n\nexport const Legal = styled.div<{ textColor?: string }>`\n    position: absolute;\n    bottom: 4px;\n    left: 4px;\n    color: ${p => p.textColor ?? COLORS.BgMain};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        max-width: 235px;\n    }\n`;\n\nexport const LegalTitle = styled.div`\n    ${FONTS.S};\n`;\n\nexport const LegalDescription = styled.div`\n    ${FONTS.XXXS};\n    margin-right: 128px;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-right: 0;\n    }\n`;\n\nexport const AdvertisingBlock = styled.div<{ extStyles?: TCustomStyle }>`\n    position: absolute;\n    bottom: 24px;\n    right: 24px;\n    ${p => p.extStyles?.default ? p.extStyles?.default : ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        bottom: 16px;\n        right: 16px;\n        ${p => p.extStyles?.mobile ? p.extStyles?.mobile : ''};\n    }\n`;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9IiNGQUZBRkEiIGZpbGwtb3BhY2l0eT0iMC4xNSIvPjwvc3ZnPg==\""],"names":["EClickType","PromoBanner","forwardRef","ref","bannerIdx","label","labelColor","title","description","buttonText","image","imageWebp","background","backgroundWebp","textColor","COLORS","tags","route","onClick","buttonType","btnTypes","legal","extStyles","buttonSize","communicationId","advertising","tooltipPosition","useState","isRedirecting","setIsRedirecting","sendDataLayerPush","useCallback","clickType","firstTag","lastTag","lastTagAlias","alias","replaceAll","dataLayerPush","event","EVENTS","category","action","onClickBanner","push","id","type","actionType","Router","backgroundImage","useWebp","ST","ON_BANNER","wrapper","lg","md","sm","xs","descCol","dangerouslySetInnerHTML","__html","text","size","href","ON_BTN","bType","button","loading","imageCol","NonStaticContainer","$desktop","$bottom","$right","$mobile","AdvertisingLabelWithTooltip","e","stopPropagation","companyName","erid","tooltip","position","WebpImage","urlWebp","undefined","$extStyles","src","alt","ageLimit","displayName","p","Wrapper","styled","defaultImageFallback","props","default","wideBreakpoints","laptop","mobile","DescCol","Col","desktop","sMobile","Desc","BannerLabel","FONTS","Title","tablet","Text","SButton","Button","ImageCol","Image","LazyLoadImage","Legal","LegalTitle","LegalDescription","module","exports"],"sourceRoot":""}