{"version":3,"file":"static/chunks/7849-561f4f2bfa67edab.js","mappings":"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","sources":["webpack://_N_E/./src/components/Drawer/Content.tsx","webpack://_N_E/./src/components/Drawer/Drawer.tsx","webpack://_N_E/./src/components/Drawer/Footer.tsx","webpack://_N_E/./src/components/Drawer/HeaderImage.tsx","webpack://_N_E/./src/components/Drawer/styled.ts","webpack://_N_E/./src/helpers/string.js","webpack://_N_E/./src/store/selectors/auth/index.ts","webpack://_N_E/../../packages/ui-react/src/components/helpers/image.ts","webpack://_N_E/../../packages/ui-react/src/deprecated/Accordion/themes.js","webpack://_N_E/../../packages/ui-react/src/deprecated/Accordion/index.js","webpack://_N_E/../../packages/ui-react/src/tokens/others/textOverflowLineClamp.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { hex2rgb } from '@r1-frontend/shared/helpers/hex2rgb';\n\nconst Content = styled.div`\n    display: block;\n    width: 100%;\n    height: auto;\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    scrollbar-gutter: stable;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(${hex2rgb(COLORS.Control)}, .10) rgba(${hex2rgb(COLORS.Control)}, .15);\n\n    ::-webkit-scrollbar {\n        width: 8px;\n        border-radius: 4px;\n    }\n\n    ::-webkit-scrollbar-track {\n        border: none;\n        border-radius: 4px;\n        background-color: rgba(${hex2rgb(COLORS.Control)}, .10);\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border: none;\n        border-radius: 4px;\n        background-color: rgba(${hex2rgb(COLORS.Control)}, .15);\n    }\n\n    ::-webkit-scrollbar-button {\n        display: none;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ::-webkit-scrollbar {\n            width: 4px;\n            border-radius: 2px;\n        }\n\n        ::-webkit-scrollbar-track {\n            border-radius: 2px;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            border-radius: 2px;\n        }\n    }\n`;\n\nexport default Content;\n","import { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport DefaultPopup, { IDefaultPopup } from '@r1-frontend/ui-react/components/popups/defaultPopup';\nimport { useMatchMediaByWidth } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport { PopupCustomStyles } from './styled';\n\nconst Drawer = ({\n    isOpen,\n    children,\n    onClose,\n    customStyles,\n}: Pick<IDefaultPopup, 'isOpen' | 'children' | 'onClose' | 'customStyles'>): JSX.Element => {\n    const isMobile = useMatchMediaByWidth(wideBreakpoints.mobile);\n\n    return (\n        <DefaultPopup\n            isOpen={isOpen}\n            justify={'flex-end'}\n            align={'normal'}\n            fullWidth={isMobile}\n            customStyles={customStyles || PopupCustomStyles}\n            onClose={onClose}\n        >\n            {children}\n        </DefaultPopup>\n    );\n};\n\nexport default Drawer;\n","import { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { IndentContainer, ListContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { useMatchMediaByWidth } from '@r1-frontend/shared/hooks/useMatchMedia';\n\ninterface IProps {\n    children: ReactNode,\n    className?: string,\n}\n\nconst Footer = ({ children, className }: IProps): JSX.Element => {\n    const isMobile = useMatchMediaByWidth(wideBreakpoints.mobile);\n\n    return (\n        <IndentContainer $desktop={[24, 32]} $mobile={[16]} className={className}>\n            <ListContainer\n                $direction={isMobile ? 'column' : 'row'}\n                $wrap={'nowrap'}\n                $size={12}\n            >\n                {children}\n            </ListContainer>\n        </IndentContainer>\n    );\n};\n\nexport default styled(Footer)`\n    width: 100%;\n    height: auto;\n    margin-top: auto;\n    border-top: 2px solid ${COLORS.ButtonSecondary};\n\n    > div {\n        width: 100%;\n        align-items: normal;\n\n        @media (min-width: ${wideBreakpoints.mobile}) {\n            align-items: center;\n        }\n    }\n`;\n","import styled, { CSSProperties } from 'styled-components';\n\nimport WebpImage from '@r1-frontend/ui-react/components/WebpImage';\nimport { RounderContainer } from '@r1-frontend/ui-react/experimental/containers';\n\ninterface IProps {\n    image: {\n        alt: string,\n        url: string,\n        urlWebp?: string,\n    },\n    $position?: CSSProperties['objectPosition'],\n    className?: string,\n}\n\nconst HeaderImage = ({ className, image: { alt, url, urlWebp } }: IProps): JSX.Element => {\n    return (\n        <RounderContainer $desktop={24} $mobile={16} className={className}>\n            <WebpImage urlWebp={urlWebp}>\n                <img src={url} alt={alt}/>\n            </WebpImage>\n        </RounderContainer>\n    );\n};\n\nexport default styled(HeaderImage)<IProps>`\n    width: 100%;\n    height: 100px;\n\n    img,\n    picture {\n        width: 100%;\n        height: 100%;\n        object-position: ${({ $position = 'center' }) => $position};\n        object-fit: cover;\n    }\n`;\n","import { IDefaultPopupCustomStyles } from '@r1-frontend/ui-react/components/popups/defaultPopup';\n\nexport const PopupCustomStyles: IDefaultPopupCustomStyles = {\n    popup: {\n        default: {\n            display: 'flex',\n            flexDirection: 'column',\n            flexWrap: 'nowrap',\n            height: 'calc(100% - 48px)',\n            margin: '24px',\n            overflow: 'hidden',\n            '@keyframes slideInRight': {\n                from: {\n                    transform: 'translate3d(100vw, 0, 0)',\n                    opacity: 0,\n                },\n                to: {\n                    transform: 'translate3d(0, 0, 0)',\n                    opacity: 1,\n                },\n            },\n            animation: 'slideInRight 0.35s both 0.15s',\n        },\n        mobile: {\n            width: '100%',\n            height: '100%',\n            maxHeight: 'unset',\n            margin: 0,\n            borderRadius: 0,\n        },\n    },\n    closePopup: {\n        default: {\n            backgroundColor: 'rgba(255, 255, 255, 0.30)',\n            backdropFilter: 'blur(5px)',\n        },\n    },\n};\n","/**\n * @param {string} string\n * @return {string}\n */\nexport const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);\n\n// TODO: Fix later in https://ticket.ertelecom.ru/browse/WEB-43177\n/**\n* @param {string} text\n* @return {string}\n*/\nexport const clearHTMLTags = (text = '') => text.replace(/<[^>]+>/g, '');\n\nexport const clearNbsp = (text = '') => text.replace(/&nbsp;/g, '');\n","import { createSelector } from 'reselect';\n\nimport { EProductsId } from '@r1-frontend/shared/types/EProductsId';\n\nimport { TState } from '~/src/store';\n\ninterface IConvertPhones {\n    contactId: number,\n    value: string,\n    isContactId: boolean,\n    type: number,\n    label: string,\n}\n\nexport const getConfirmedPhones = createSelector(\n    [\n        (state: TState) => state.auth.clientContacts?.phone,\n    ],\n    (phones):IConvertPhones[] | null  => {\n        if (!phones) {\n            return null;\n        }\n\n        return phones\n            .filter(({ status }) => status === 'confirmed')\n            .map(item => (\n                {\n                    value: item.value,\n                    contactId: item.id,\n                    label: item.value,\n                    type: item.phoneTypeId,\n                    isContactId: true,\n                }\n            ));\n    },\n);\n\nexport const selectIsMonoProduct = createSelector(\n    [\n        (state: TState) => state.auth.clientProducts,\n    ],\n    (products) => {\n        if (!products) {\n            return true;\n        }\n        return !products.services.some(product => product.productId === EProductsId.tv);\n    },\n);\n","import { css } from 'styled-components';\n\nexport interface IImageSource {\n    src: string,\n    webpSrc?: string,\n}\n\n/**\n * Позволяет браузеру выбрать наиболее подходящий формат фонового избражения с помощью CSS\n * @param {Object} [image] - Объект с путями картинок разного формата\n * @param {string} image.src - Путь до картинки с обычным форматом (jpeg/png)\n * @param {string} [image.webpSrc] - Путь до картинки формата webp\n * @returns {string} Стили CSS\n *\n * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set MDN}\n */\nexport const progressiveBackground = (image?: IImageSource): ReturnType<typeof css> | string => {\n    if (!image) {\n        return '';\n    }\n\n    const { src, webpSrc } = image;\n\n    if (!webpSrc) {\n        return css`\n            background-image: url(${src});\n        `;\n    }\n\n    return css`\n        background-image: url(${src});\n\n        background-image: -webkit-image-set(\n            url(${webpSrc}) 1x,\n            url(${src}) 1x\n        );\n\n        background-image: image-set(\n            url(${webpSrc}) type('image/webp') 1x,\n            url(${src}) 1x\n        );\n    `;\n};\n","import { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nconst themes = {\n    bordered: {\n        background: COLORS.BgMain,\n        borderWidth: '1px',\n        radius: '4px',\n        padding: '20px',\n        mobilePadding: '15px',\n        color: COLORS.TextPrimary,\n    },\n    simple: {\n        background: 'transparent',\n        borderWidth: '1px 0',\n        radius: '0px',\n        padding: '20px 0',\n        mobilePadding: '15px 0',\n        color: COLORS.TextPrimary,\n    },\n    light: {\n        border: COLORS.BgLight,\n        background: COLORS.BgLight,\n        color: COLORS.TextPrimary,\n        colorArrow: COLORS.GRAY_DARK,\n        backgroundIcon: COLORS.BgSecondary,\n        borderIcon: COLORS.BgSecondary,\n        colorArrowIsOpen: COLORS.GRAY_DARK,\n        backgroundIconIsOpen: COLORS.Outline_Light,\n        borderIconIsOpen: COLORS.Outline_Light,\n        radius: BorderRadius.componentRadius,\n        padding: '20px 24px',\n        mobilePadding: '15px',\n        storyColor: COLORS.BgMain,\n    },\n    dark: {\n        border: COLORS.Control,\n        background: COLORS.Control,\n        color: COLORS.TextWhite,\n        colorArrow: COLORS.Control,\n        backgroundIcon: COLORS.GRAY_DARK,\n        borderIcon: COLORS.GRAY_DARK,\n        colorArrowIsOpen: COLORS.Control,\n        backgroundIconIsOpen: COLORS.TextWhite,\n        borderIconIsOpen: COLORS.TextWhite,\n        radius: BorderRadius.componentRadius,\n        padding: '20px 24px',\n        mobilePadding: '15px',\n        storyColor: '#3D3D3D',\n    },\n};\n\nexport default themes;\n","import { 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';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport styled, { ThemeProvider } from 'styled-components';\n\nimport themes from './themes.js';\n\nconst Wrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n    background: ${props => props.theme.background};\n    border: 1px solid ${({ theme }) => theme.border ? theme.border : COLORS.GRAY_LIGHT};\n    border-width: ${props => props.theme.borderWidth};\n    border-radius: ${props => props.theme.radius};\n    padding: ${props => props.theme.padding};\n    color: ${({ theme }) => theme.color ? theme.color : COLORS.TextPrimary};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        padding: ${props => props.theme.mobilePadding};\n    }\n`;\n\nconst AccordionTitle = styled.div`\n    ${FONTS.L};\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n    cursor: pointer;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.S};\n    }\n`;\n\nconst Title = styled.div`\n    flex-grow: 1;\n    width: calc(100% - 53px);  \n    ${props => props.theme.desktopFont || ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: calc(100% - 39px);\n        ${props => props.theme.mobileFont || ''};\n    }\n`;\n\nconst Icon = styled.span`\n    position:relative;\n    margin-left: 20px;\n    flex: 0 0 36px;\n    height: 36px;\n    border-radius: 50%;\n    transform: ${props => props.open ? 'none' : 'scaleY(-1)'};\n    transition: all 0.2s ease-in;\n    svg {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        circle {\n            stroke: ${({ borderIcon }) => borderIcon ? borderIcon : COLORS.GRAY_DARK};\n            fill: ${({ backgroundIcon }) => backgroundIcon ? backgroundIcon : COLORS.GRAY_LIGHT};\n        }\n        path {\n            stroke: ${({ colorArrow }) => colorArrow ? colorArrow : COLORS.GRAY_DARK};\n        }\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-left: 15px;\n        background-size: contain;\n    }\n`;\n\nconst Border = styled.div`\n    height: 1px;\n    width: 100%;\n    background: transparent;\n    margin: 8px 0;\n`;\n\nconst AccordionBody = styled.div`\n    width: 100%;\n    max-height: ${props => props.open ? '100%' : '0'};\n    ${FONTS.S};\n    overflow: hidden;\n    transition: max-height 0.2s ${props => props.open ? 'ease-in' : 'ease-out'};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.XS};\n    }\n`;\n\nconst DEFAULT_THEME = 'light';\n\n/**\n * @deprecated\n * use instead @r1-frontend/ui-react/src/components/accordions/Accordion\n */\nexport default class Accordion extends React.Component {\n    static propTypes = {\n        defaultOpen: PropTypes.bool,\n        open: PropTypes.bool,\n        withDividingBorder: PropTypes.bool,\n        toggle: PropTypes.func,\n        customTheme: PropTypes.object,\n    };\n\n    static defaultProps = {\n        defaultOpen: false,\n        withDividingBorder: true,\n        theme: DEFAULT_THEME,\n        customTheme: {},\n        toggle: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            open: props.defaultOpen,\n        };\n    }\n\n    toggle = () => {\n        this.props.toggle();\n        this.setState(state => ({\n            open: !state.open,\n        }));\n    }\n\n    render() {\n        const { children, title, open = this.state.open, onOpen = this.toggle, theme, customTheme, withDividingBorder, ...rest } = this.props;\n        let colors = themes[theme] || themes[DEFAULT_THEME];\n        if (customTheme) {\n            colors = { ...colors, ...customTheme };\n        }\n        return (\n            <ThemeProvider theme={colors}>\n                <Wrapper open={open} {...rest}>\n                    <AccordionTitle onClick={onOpen} data-test='title'>\n                        <Title itemProp='name'>{title}</Title>\n                        <Icon\n                            open={open}\n                            colorArrow={open ? colors.colorArrowIsOpen : colors.colorArrow}\n                            backgroundIcon={open ? colors.backgroundIconIsOpen : colors.backgroundIcon}\n                            borderIcon={open ? colors.borderIconIsOpen : colors.borderIcon}\n                        >\n                            <svg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                                <circle\n                                    cx='18'\n                                    cy='18'\n                                    r='17.25'\n                                    strokeWidth='1.5'\n                                    transform='rotate(90 18 18)'\n                                />\n                                <path\n                                    d='M25.92 21.05L19.4 14.53C18.63 13.76 17.37 13.76 16.6 14.53L10.08 21.05'\n                                    strokeWidth='1.5'\n                                    strokeMiterlimit='10'\n                                    strokeLinecap='round'\n                                    strokeLinejoin='round'\n                                />\n                            </svg>\n                        </Icon>\n                    </AccordionTitle>\n                    <AccordionBody open={open} itemScope itemProp='acceptedAnswer' itemType='https://schema.org/Answer'>\n                        {withDividingBorder && <Border />}\n                        {children}\n                    </AccordionBody>\n                </Wrapper>\n            </ThemeProvider>\n        );\n    }\n}\n","import { css } from 'styled-components';\n\n/*\n  для multiline троеточия используется -webkit-box и -webkit-line-clamp и\n  -webkit-box-orient: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp;\n  display: inline-block - фикс для IE11\n*/\nexport const textOverflowLineClamp = (lineCount: number) => css`\n      display: inline-block;\n      display: -webkit-box;\n      -webkit-line-clamp: ${lineCount};\n      -webkit-box-orient: vertical;\n      width: 100%;\n      word-wrap: break-word;\n      white-space: normal;\n      overflow: hidden;\n      text-overflow: ellipsis;\n`;\n"],"names":["styled","hex2rgb","COLORS","wideBreakpoints","isOpen","children","onClose","customStyles","isMobile","useMatchMediaByWidth","DefaultPopup","justify","align","fullWidth","PopupCustomStyles","className","IndentContainer","$desktop","$mobile","ListContainer","$direction","$wrap","$size","image","alt","url","urlWebp","RounderContainer","WebpImage","img","src","$position","popup","default","display","flexDirection","flexWrap","height","margin","overflow","from","transform","opacity","to","animation","mobile","width","maxHeight","borderRadius","closePopup","backgroundColor","backdropFilter","capitalize","string","charAt","toUpperCase","slice","clearHTMLTags","text","replace","clearNbsp","getConfirmedPhones","createSelector","state","auth","clientContacts","phone","phones","filter","status","map","item","value","contactId","id","label","type","phoneTypeId","isContactId","selectIsMonoProduct","clientProducts","products","services","some","product","productId","EProductsId","progressiveBackground","webpSrc","css","bordered","background","borderWidth","radius","padding","mobilePadding","color","simple","light","border","colorArrow","backgroundIcon","borderIcon","colorArrowIsOpen","backgroundIconIsOpen","borderIconIsOpen","BorderRadius","storyColor","dark","Wrapper","props","theme","AccordionTitle","FONTS","Title","desktopFont","mobileFont","Icon","open","Border","AccordionBody","DEFAULT_THEME","Accordion","toggle","setState","defaultOpen","render","this","title","onOpen","customTheme","withDividingBorder","rest","colors","themes","ThemeProvider","onClick","data-test","itemProp","svg","viewBox","fill","xmlns","circle","cx","cy","r","strokeWidth","path","d","strokeMiterlimit","strokeLinecap","strokeLinejoin","itemScope","itemType","React","propTypes","PropTypes","defaultProps","textOverflowLineClamp","lineCount"],"sourceRoot":""}