{"version":3,"file":"static/chunks/2584-465dd165e7ae6139.js","mappings":"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","sources":["webpack://_N_E/../../packages/ui-react/src/components/Channels/ChannelsFilters/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/Channels/ChannelsFilters/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/Channels/Channel/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/Channels/Channel/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/Channels/ChannelsList/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/Channels/ChannelsList/index.tsx","webpack://_N_E/./src/store/selectors/bundles/getChannelThemesWithCounts.ts","webpack://_N_E/./src/components/Bundles/ChannelListPopup/styled.ts","webpack://_N_E/./src/components/Bundles/ChannelListPopup/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/DefaultArrow/styled.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/DefaultDots/styled.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/DefaultArrow/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/DefaultDots/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/styled.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/controls/baseControlsData.ts","webpack://_N_E/../../packages/ui-react/src/components/input/search/search-btn/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/input/search/search-btn/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/input/search/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/input/search/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/svg/search/SearchNormal.tsx","webpack://_N_E/../../packages/ui-react/src/components/NukaCarousel/DefaultArrow/arrow.svg"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nexport const Wrapper = styled.div`\n    display: flex;\n    width: 100%;\n    margin-top: 30px;\n\n    @media (max-width: 1023px) {\n        flex-direction: column;\n    }\n`;\n\nexport const FiltersSearch = styled.div`\n    width: 100%;\n    min-height: 48px;\n`;\n\nexport const ChannelsSelector = styled.div`\n    flex-wrap: nowrap;\n    width: 100%;\n    gap: 12px;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-wrap: wrap;\n\n        button {\n            width: 100%;\n        }\n    }\n`;\n","import { SyntheticEvent, useRef } from 'react';\nimport { CSSProperties } from 'styled-components';\n\nimport Button from '@r1-frontend/ui-react/components/buttons/button';\nimport { IChannel, IFormattedChannelTheme } from '@r1-frontend/ui-react/components/Channels/types';\nimport { SearchInput } from '@r1-frontend/ui-react/components/input/search';\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport Select, { IOption } from '@r1-frontend/ui-react/components/select/select';\nimport { SearchNormal } from '@r1-frontend/ui-react/components/svg/search';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport * as ST from './styled';\n\nexport interface IChannelsFiltersProps {\n    isShowSearch: boolean,\n    channels: IChannel[],\n    selectedFilter: IFormattedChannelTheme,\n    preparedThemes: IFormattedChannelTheme[],\n    onChangeChannelTheme: (value: IOption<any>) => void,\n    onShowSearchInput: (e: SyntheticEvent) => void,\n    onClearSearch: () => void,\n    onChangeSearch: (e: any) => void,\n    value: string,\n}\n\nconst ChannelsFilters = ({\n    isShowSearch,\n    channels,\n    selectedFilter,\n    preparedThemes,\n    onChangeChannelTheme,\n    onShowSearchInput,\n    onClearSearch,\n    onChangeSearch,\n    value,\n}: IChannelsFiltersProps): JSX.Element => {\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    return (\n        <ST.Wrapper data-test='channels-filters'>\n            {!isShowSearch\n                    ? <ST.ChannelsSelector>\n                        <Select\n                            options={preparedThemes}\n                            value={selectedFilter.value === 0 && preparedThemes?.length\n                                ? preparedThemes[0]\n                                : selectedFilter\n                            }\n                            onChange={onChangeChannelTheme}\n                            width={'100%'}\n                            maxMenuHeight={300}\n                            placeholder={'Все каналы'}\n                            noOptionsMessage={'Нет категорий'}\n                            data-test='channels-filters-themes'\n                            isDisabled={!preparedThemes?.length}\n                            styles={{\n                                singleValue: (provided: CSSProperties): CSSProperties => ({\n                                    ...provided,\n                                    color: COLORS.Disabled,\n                                }),\n                            }}\n                        />\n                        <Button\n                            Icon={<SearchNormal/>}\n                            size={'large'}\n                            bType={'secondary'}\n                            disabled={!preparedThemes?.length}\n                            rounded={!isMobile}\n                            onClick={(e: SyntheticEvent) => onShowSearchInput(e)}\n                            data-test='channels-filters-open-search-button'\n                        >\n                            {isMobile ? 'Поиск' : null}\n                        </Button>\n                    </ST.ChannelsSelector>\n                    : <ST.FiltersSearch>\n                        <SearchInput\n                            ref={searchRef}\n                            placeholder='Найдите канал'\n                            items={channels}\n                            onClear={onClearSearch}\n                            value={value}\n                            onChange={onChangeSearch}\n                            onClick={(e: SyntheticEvent) => e.stopPropagation()}\n                            isClearBtnHide={!value}\n                            data-test='channels-filters-search-input'\n                        />\n                    </ST.FiltersSearch>\n            }\n        </ST.Wrapper>\n    );\n};\n\nexport default ChannelsFilters;\n","import styled from 'styled-components';\n\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\nexport const ChannelLink = styled.a`\n    width: 240px;\n    max-width: 240px;\n    display: flex;\n    align-items: center;\n\n    @media only screen and (max-width: 1023px) {\n        flex-direction: column;\n        align-items: flex-start;\n        width: 140px;\n        max-width: 140px;\n    }\n\n    @media only screen and (max-width: 374px) {\n        width: 115px;\n        max-width: 115px;\n    }\n`;\n\nexport const ChannelImageBox = styled.div`\n    position:  relative;\n    display: inline;\n    width: 52px;\n    height: 52px;\n    overflow: hidden;\n    background-color: white;\n    border-radius: ${BorderRadius.labelRadius};\n\n    img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n        width: 100%;\n        z-index: 1;\n    }\n\n    &:before {\n        display: block;\n        position: absolute;\n        top: -20px;\n        left: -20px;\n        content: \"\";\n        width: 150%;\n        height: 40px;\n        transform: rotate(-10deg);\n        background-color: #EEEEEE;\n        z-index: 0;\n    }\n`;\n\nexport const ChannelName = styled.p`\n    ${FONTS.S};\n    margin-left: 13px;\n    color: ${COLORS.TextPrimary};\n    max-width: 160px;\n\n    @media only screen and (max-width: 1023px) {\n        flex-direction: column;\n        align-items: flex-start;\n        margin-top: 10px;\n        margin-left: 0;\n    }\n`;\n","import { useCallback } from 'react';\n\nimport * as ST from './styled';\n\nexport interface IChannelProps {\n    link: string,\n    title: string,\n    image: string,\n    inactiveLink: boolean,\n    className?: string,\n}\n\nconst Channel = ({ link, title, image, inactiveLink, className }: IChannelProps) => {\n\n    const onClick = useCallback((e) => {\n        e.stopPropagation();\n        if (inactiveLink) {\n            e.preventDefault();\n        }\n    }, [inactiveLink]);\n\n    return (\n        <ST.ChannelLink\n            href={link}\n            target='_blank'\n            onClick={onClick}\n            className={className}\n            data-test='channel-link'\n        >\n            <ST.ChannelImageBox>\n                <img src={image} alt='' data-test='channel-logo' />\n            </ST.ChannelImageBox>\n            <ST.ChannelName data-test='channel-name'>{title}</ST.ChannelName>\n        </ST.ChannelLink>\n    );\n};\n\nexport default Channel;\n","import styled from 'styled-components';\n\nimport Channel from '@r1-frontend/ui-react/components/Channels/Channel';\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\nexport const Wrapper = styled.div`\n    flex-direction: column;\n    flex-grow: 1;\n    margin-top: 24px;\n    height: 100%;\n`;\n\nexport const ChannelText = styled.p`\n    ${FONTS.S};\n    color: ${COLORS.TextPrimary};\n`;\n\nexport const List = styled.div`\n    height: 100%;\n    align-content: flex-start;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        display: block;\n    }\n`;\n\nexport const ChannelWithMargin = styled(Channel)`\n    margin-bottom: 16px;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-direction: row;\n        width: 100%;\n        max-width: 100%;\n        margin-bottom: 14px;\n        \n        & > :first-child {\n            margin-right: 14px;\n        }\n    }\n`;\n","import { IChannel } from '@r1-frontend/ui-react/components/Channels/types';\n\nimport * as ST from './styled';\n\nexport interface IChannelsListProps {\n    channels: IChannel[],\n    channelsFiltersIsApply: boolean,\n    inactiveLink?: boolean,\n}\n\nconst ChannelsList = ({\n    channels = [],\n    channelsFiltersIsApply,\n    inactiveLink = false,\n}: IChannelsListProps): JSX.Element => {\n    return (\n        <ST.Wrapper data-test='channels-list'>\n            {\n                channelsFiltersIsApply && !channels.length && (\n                    <ST.ChannelText data-test='channels-list-notfound-msg'>\n                        Канал, который вы ищете, не входит в данный тариф\n                    </ST.ChannelText>\n                )\n            }\n            <ST.List>\n                {channels.map((channel) => {\n                    return <ST.ChannelWithMargin\n                        key={channel.channelId}\n                        link={channel.channelInfo.url}\n                        image={channel.channelInfo.logo}\n                        title={channel.title}\n                        inactiveLink={inactiveLink}\n                        data-test='channels-list-channels'\n                    />;\n                })}\n            </ST.List>\n        </ST.Wrapper>\n    );\n};\n\nexport default ChannelsList;\n","import { createSelector } from 'reselect';\n\nimport { IChannel } from '~/src/api/channel/types';\nimport { quantityHdChannels } from '~/src/components/Bundles/helpers';\n\nexport interface IFormattedChannelTheme {\n    id: number,\n    label: string,\n    name: string,\n    value: number,\n    weight: number,\n    channels: IChannel[],\n    hasChannels?: boolean,\n}\n\n/**\n * Вычисление количества каналов и HD для каждой темы каналов\n * и добавление результата в label\n * @returns {IFormattedChannelTheme[]}\n */\nexport const getChannelThemesWithCounts = createSelector(\n    [\n        state => state.bundles.tariffChannels,\n        state => state.bundles.channelThemes,\n    ],\n    (tariffChannels, channelThemes) => {\n        const defaultChannelsTheme = {\n            id: 0,\n            label: 'Все каналы',\n            name: 'Все каналы',\n            value: 0,\n            weight: -1,\n            channels: [],\n        };\n\n        if (tariffChannels?.length) {\n            return [defaultChannelsTheme, ...channelThemes].map((theme) => {\n                const { id } = theme;\n                const themeChannels = tariffChannels.filter((channel: any) => channel.categoryId === id);\n                const hdCount = themeChannels.filter((channel: any) => channel.quality === 'HD').length;\n                const sdCount = themeChannels.length - hdCount;\n\n                const tmpTheme = { ...theme };\n                const allLabel = `(${hdCount + sdCount})`;\n                const hdLabel = hdCount ? `(${hdCount + sdCount} / ${hdCount}HD)` : null;\n\n                if (id === 0) {\n                    tmpTheme.label = `${tmpTheme.label} ${tariffChannels.length} (${quantityHdChannels(tariffChannels)}HD)`;\n                    tmpTheme.hasChannels = true;\n                } else {\n                    tmpTheme.label = `${theme.label} ${hdLabel ? hdLabel : allLabel}`;\n                    tmpTheme.hasChannels = !!(hdCount + sdCount);\n                }\n\n                return tmpTheme;\n            }).filter(theme => theme.hasChannels);\n        }\n\n        return channelThemes;\n    },\n);\n","import styled from 'styled-components';\n\nimport { BaseButton } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport Throbber from '@r1-frontend/ui-react/components/loaders/Throbber';\nimport BasePopup from '@r1-frontend/ui-react/components/popups/basePopup';\n\nexport const SBasePopup = styled(BasePopup)`\n    padding-bottom: 12px !important;\n`;\n\nexport const HideSearchBtn = styled(BaseButton)`\n    padding-left: 0;\n    padding-top: 2px;\n    padding-bottom: 3px;\n`;\n\nexport const SThrobber = styled(Throbber)`\n    position: absolute;\n`;\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { btnSizes, btnTypes } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport ChannelsFilters from '@r1-frontend/ui-react/components/Channels/ChannelsFilters';\nimport ChannelsList from '@r1-frontend/ui-react/components/Channels/ChannelsList';\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport { TState } from '~/src/store';\nimport {\n    clearChannelsBundleId,\n    clearChannelThemeSelection,\n    clearSearchChannels,\n    getAllChannels,\n    getChannelPackages,\n    getChannelThemes,\n    getOfferChannelPackages,\n    onChangeChannelThemeAction,\n    searchChannels,\n    setFilterForChannelsAction,\n} from '~/src/store/actions/bundles';\nimport { getTariffChannels, getTariffChannelsWithId } from '~/src/store/selectors/bundles';\nimport { getChannelThemesWithCounts } from '~/src/store/selectors/bundles/getChannelThemesWithCounts';\n\nimport * as ST from './styled';\n\ninterface IChannelListPopup {\n    freePackets?: number | string | number[],\n    onClose: () => void,\n    isOpen: boolean,\n    isOfferChannels?: boolean,\n}\n\nconst ChannelListPopup = ({ freePackets, isOpen, onClose, isOfferChannels }: IChannelListPopup): JSX.Element => {\n    const dispatch = useDispatch();\n    const {\n        city,\n        allChannels,\n        channelThemes,\n        providerId,\n        channels,\n        tariffChannels,\n        preparedThemes,\n        selectedFilter,\n        channelsFiltersIsApply,\n    } = useSelector((state: TState) => ({\n        city: state.city.currentCity,\n        providerId: state.city.provider?.providerId,\n        allChannels: state.bundles.allChannels,\n        channelThemes: state.bundles.channelThemes,\n        channels: getTariffChannelsWithId(state),\n        tariffChannels: getTariffChannels(state),\n        preparedThemes: getChannelThemesWithCounts(state),\n        channelsFiltersIsApply: state.bundles.channelsFiltersIsApply,\n        selectedFilter: state.bundles.selectedFilter,\n    }));\n\n    const [isShowSearch, setIsShowSearch] = useState(false);\n    const [isLoading, setIsLoading] = useState(true);\n    const [value, setValue] = useState('');\n\n    const isMobile = useMatchMedia(`(max-width: ${wideBreakpoints.mobile})`);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    const toogleShowSearchInput = (flag: boolean) => {\n        setIsShowSearch(flag);\n    };\n\n    const onClickPopupWrapper = useCallback(() => {\n        setIsShowSearch(false);\n        dispatch(clearSearchChannels());\n    }, [dispatch]);\n\n    const onCloseHandler = useCallback(() => {\n        // Сбрасываем фильтры и очищаем поиск\n        dispatch(clearChannelThemeSelection());\n        dispatch(clearSearchChannels());\n        dispatch(clearChannelsBundleId());\n        dispatch(setFilterForChannelsAction({\n            value: 0,\n            label: 'Все каналы',\n        }));\n        onClose();\n    }, [dispatch, onClose]);\n\n    const onApplySearch = useCallback((search = '') => {\n        dispatch(searchChannels(search.toLowerCase().trim()));\n    }, [dispatch]);\n\n    const onClearSearch = useCallback(() => {\n        setValue('');\n        dispatch(clearSearchChannels());\n    }, [dispatch]);\n\n    const onChangeSearch = useCallback((e) => {\n        setValue(e.target.value);\n        onApplySearch(e.target.value);\n    }, [onApplySearch]);\n\n    const onShowSearchInput = useCallback((e) => {\n        e.stopPropagation();\n        toogleShowSearchInput(true);\n    }, [toogleShowSearchInput]);\n\n    const onChangeChannelTheme = useCallback((data) => {\n        dispatch(onChangeChannelThemeAction(data, channelThemes));\n    }, [dispatch, channelThemes]);\n\n    useEffect(() => {\n        if (isShowSearch) {\n            searchRef.current?.focus();\n        }\n    }, [isShowSearch]);\n\n    useEffect(() => {\n        if (!channelThemes?.length && isOpen) {\n            dispatch(getChannelThemes());\n        }\n    }, [dispatch, channelThemes?.length, isOpen]);\n\n    useEffect(() => {\n        if (isOpen && !allChannels?.length) {\n            dispatch(getAllChannels(providerId));\n        }\n        if (isOpen && allChannels?.length) {\n            setIsLoading(false);\n        }\n        if (freePackets) {\n            isOfferChannels\n                ? dispatch(getOfferChannelPackages(freePackets))\n                : dispatch(getChannelPackages(freePackets));\n        }\n    }, [dispatch, isOpen, allChannels?.length, freePackets, city, providerId]);\n\n    return (\n        <ST.SBasePopup\n            isOpen={isOpen}\n            width='600px'\n            height='645px'\n            title={isMobile && isShowSearch\n                ? <ST.HideSearchBtn\n                    text='Назад'\n                    type={btnTypes.GHOST}\n                    size={btnSizes.MIDDLE}\n                    iconsSprite={'/static/images/icons/arrow_left_sprite.svg'}\n                    symbolId='back-arrow-2'\n                    data-test='channel-list-popup-back-btn'\n                />\n                : 'Список телеканалов'\n            }\n            description={\n                <ChannelsFilters\n                    isShowSearch={isShowSearch}\n                    channels={channels}\n                    selectedFilter={selectedFilter}\n                    preparedThemes={preparedThemes}\n                    onChangeChannelTheme={onChangeChannelTheme}\n                    onShowSearchInput={onShowSearchInput}\n                    onClearSearch={onClearSearch}\n                    onChangeSearch={onChangeSearch}\n                    value={value}\n                    data-test='channel-list-popup-filters'\n                />\n            }\n            onClose={onCloseHandler}\n            onClick={onClickPopupWrapper}\n            data-test='channel-list-popup'\n        >\n            {isLoading\n                ? <ST.SThrobber data-test='channel-list-popup-loader'/>\n                : <ChannelsList\n                    channelsFiltersIsApply={channelsFiltersIsApply}\n                    channels={tariffChannels}\n                    data-test='channel-list-popup-channels'\n                />\n            }\n        </ST.SBasePopup>\n    );\n};\n\nexport default ChannelListPopup;\n","import styled, { css } from 'styled-components';\n\n// @ts-ignore\nimport svg from './arrow.svg';\n\nexport const Wrapper = styled.div`\n  width: fit-content;\n  height: 30px;\n  opacity: 0.2;\n  transition: opacity 0.2s ease-in;\n  cursor: pointer;\n  \n  :hover {\n    opacity: 1;\n  }\n`;\n\nexport const ArrowSvg = styled.img.attrs({\n    src: svg,\n})<{ type?: 'left' | 'right' }>`\n  height: 100%;\n  ${({ type }) => type === 'right' && css`transform: rotate(180deg);`}\n`;\n","import styled, { CSSObject, keyframes } from 'styled-components';\n\nimport { COLORS } from '../../../assets/js/constants';\n\nexport interface ICustomDotsStyles {\n    dotsContainer?: CSSObject,\n    dot?: CSSObject,\n    dotContainer?: CSSObject,\n    activeDot?: CSSObject,\n}\n\nexport const Dot = styled.div<{ active?: boolean, customStyles?: ICustomDotsStyles }>`\n  height: 100%;\n  width: 100%;\n  border-radius: 2px;\n  background: ${COLORS.black};\n  opacity: 0.1;\n  transition: opacity .3s ease;\n  ${p => p.customStyles?.dot ?? ''};\n\n  &:hover {\n    opacity: ${({ active }) => active ? 1 : 0.45};\n  }\n`;\n\nexport const DotContainer = styled.div<{ active?: boolean, customStyles?: ICustomDotsStyles }>`\n  position: relative;\n  width: ${({ active }) => active ? '48px' : '24px'};\n  height: 4px;\n  margin: 0 4px;\n  cursor: pointer;\n  transition: width .3s ease;\n  ${p => p.customStyles?.dotContainer ?? ''};\n`;\n\nconst activeLineAnimation = keyframes`\n  0% { width: 0; }\n  100% { width: 100%; }\n`;\n\nexport const ActiveLine = styled.div<{ active?: boolean, time?: number, customStyles?: ICustomDotsStyles }>`\n  display: ${({ active }) => active ? 'initial' : 'none'};\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: ${COLORS.black};\n  width: ${({ active }) => active ? '100%' : '0%'};\n  height: 100%;\n  border-radius: 2px;\n  animation-name: ${activeLineAnimation};\n  animation-duration: ${({ time }) => time || 0}s;\n  animation-iteration-count: 1;\n  ${p => p.customStyles?.activeDot ?? ''};\n`;\n\nexport const DotsContainer = styled.div< {customStyles?: ICustomDotsStyles }>`\n  justify-content: center;\n  width: 100%;\n  margin-top: 10px;\n  bottom: 26px;\n  z-index: 10;\n  flex-wrap: nowrap;\n  ${p => p.customStyles?.dotsContainer ?? ''};\n`;\n","import React from 'react';\n\nimport * as ST from './styled';\n\nexport interface IArrowProps {\n    previousSlide?: () => void,\n    nextSlide?: () => void,\n}\n\nconst DefaultArrow = ({ previousSlide, nextSlide }: IArrowProps) => {\n    return (\n        <ST.Wrapper onClick={previousSlide || nextSlide}>\n            <ST.ArrowSvg type={previousSlide ? 'left' : 'right'} />\n        </ST.Wrapper>\n    );\n};\n\nexport default DefaultArrow;\n","import React, { FC } from 'react';\n\nimport * as ST from './styled';\n\nexport interface IDotsProps {\n    goToSlide: (i: number) => void,\n    slideCount: number,\n    currentSlide: number,\n    autoplayInterval: number,\n    autoplay: boolean,\n    customDotsStyles?: ST.ICustomDotsStyles,\n}\n\nconst DefaultDots: FC<IDotsProps> = ({\n    goToSlide,\n    slideCount,\n    currentSlide,\n    autoplayInterval,\n    autoplay,\n    customDotsStyles,\n}) => {\n    return (\n        <ST.DotsContainer customStyles={customDotsStyles}>\n            {Array(slideCount).fill(null).map((_, index) => (\n                <ST.DotContainer\n                    key={index}\n                    active={index === currentSlide}\n                    onClick={() => goToSlide(index)}\n                    customStyles={customDotsStyles}\n                >\n                    <ST.Dot\n                        active={index === currentSlide}\n                        customStyles={customDotsStyles}\n                    />\n                    <ST.ActiveLine\n                        active={index === currentSlide}\n                        time={autoplay ? autoplayInterval / 1000 : 0}\n                        customStyles={customDotsStyles}\n                    />\n                </ST.DotContainer>\n            ))}\n        </ST.DotsContainer>\n    );\n};\n\nexport default DefaultDots;\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ withoutDots?: boolean, withoutArrows?: boolean }>`\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: fit-content;\n  margin: 0 auto;\n  padding-bottom: ${({ withoutDots }) => withoutDots ? 0 : 32}px;\n  padding-right: ${({ withoutArrows }) => withoutArrows ? 0 : 32}px;\n  padding-left: ${({ withoutArrows }) => withoutArrows ? 0 : 32}px;\n  \n  div:focus-visible {\n    outline: none !important;\n  }\n`;\n","import React, { FC, RefObject, useEffect, useRef, useState } from 'react';\nimport NukaSwiper, {\n    CarouselControlContainerProp,\n    CarouselProps,\n} from 'nuka-carousel';\n\nimport { ICustomDotsStyles } from './DefaultDots/styled';\nimport DefaultArrow, { IArrowProps } from './DefaultArrow';\nimport DefaultDots, { IDotsProps } from './DefaultDots';\n\nimport * as ST from './styled';\n\nexport interface ICarouselProps extends CarouselProps {\n    withoutArrows?: boolean,\n    withoutDots?: boolean,\n    customArrow?: FC<IArrowProps>,\n    customDots?: FC<IDotsProps>,\n    customDotsStyles?: ICustomDotsStyles,\n}\n\ninterface INukaSwiperMethods {\n    setDimensions: () => void,\n}\n\nconst DEFAULT_AUTOPLAY_INTERVAL = 3000;\nconst DOTS_PADDING = -20;\nconst ARROWS_PADDING = -32;\n\nconst getDefaultControlsContainerStyles = (key: CarouselControlContainerProp) => {\n    switch (key) {\n        case 'BottomCenter':\n            return {\n                bottom: DOTS_PADDING,\n            };\n        case 'CenterRight':\n            return {\n                right: `${ARROWS_PADDING}px`,\n            };\n        case 'CenterLeft':\n            return {\n                left: `${ARROWS_PADDING}px`,\n            };\n        default: return;\n    }\n};\n\nconst NukaCarousel: FC<ICarouselProps> = ({\n    customArrow: CustomArrow,\n    customDots: CustomDots,\n    children,\n    withoutArrows,\n    withoutControls,\n    withoutDots,\n    autoplayInterval = DEFAULT_AUTOPLAY_INTERVAL,\n    autoplay,\n    className,\n    customDotsStyles,\n    ...props\n}) => {\n    const [pausedAutoplay, setPausedAutoplay] = useState(false);\n    const Arrow = CustomArrow || DefaultArrow;\n    const Dots = CustomDots || DefaultDots;\n    const swiperRef = useRef<NukaSwiper & INukaSwiperMethods>();\n\n    useEffect(() => {\n        swiperRef?.current?.setDimensions();\n    }, [withoutArrows, withoutControls]);\n\n    const handleMouseOver = () => {\n        if (autoplay) {\n            setPausedAutoplay(true);\n        }\n    };\n\n    const handleMouseOut = () => {\n        if (autoplay) {\n            setPausedAutoplay(false);\n        }\n    };\n\n    return (\n        <ST.Container\n            withoutDots={withoutDots || withoutControls}\n            withoutArrows={withoutArrows || withoutControls}\n            onTouchStart={handleMouseOver}\n            onTouchEnd={handleMouseOut}\n            onMouseOver={handleMouseOver}\n            onMouseOut={handleMouseOut}\n            className={className}\n        >\n            <NukaSwiper\n                ref={swiperRef as RefObject<any>}\n                // @ts-ignore\n                getControlsContainerStyles={getDefaultControlsContainerStyles}\n                renderCenterLeftControls={({ previousSlide }) => withoutArrows || <Arrow previousSlide={previousSlide} />}\n                renderCenterRightControls={({ nextSlide }) => withoutArrows || <Arrow nextSlide={nextSlide} /> }\n                renderBottomCenterControls={(props) => withoutDots || (\n                        <Dots\n                            {...props}\n                            autoplayInterval={autoplayInterval}\n                            autoplay={!!(autoplay && !pausedAutoplay)}\n                            customDotsStyles={customDotsStyles}\n                        />\n                    )}\n                autoplayInterval={autoplayInterval}\n                autoplay={autoplay}\n                withoutControls={withoutControls}\n                {...props}\n            >\n                {children}\n            </NukaSwiper>\n        </ST.Container>\n    );\n};\n\nexport default NukaCarousel;\n","import { FONTS } from '../../tokens/fonts';\n\nexport type TControlSize = 'S' | 'XS' | 'XXS';\nexport type TControlDirection = 'left' | 'right';\n\ninterface ISizeProps {\n    inputSize: number,\n    radioCheckSize: number,\n    font: string,\n    rMargin: number,\n}\n\ninterface ICheckboxSizeProps extends ISizeProps {\n    iconWidth: number,\n    iconHeight: number,\n    promoIconSize: number,\n}\n\ntype ICheckboxSizes = {\n    [key in TControlSize]: Partial<ICheckboxSizeProps>;\n}\n\nexport const getSizes = (size: TControlSize, data: ICheckboxSizes): Partial<ICheckboxSizeProps> => data[size];\n\nexport const checkboxSizes: ICheckboxSizes = {\n    S: {\n        inputSize: 24,\n        font: FONTS.MediumS,\n        rMargin: 12,\n        iconWidth: 13,\n        iconHeight: 9,\n        promoIconSize: 11,\n    },\n    XS: {\n        inputSize: 20,\n        font: FONTS.MediumXS,\n        rMargin: 8,\n        iconWidth: 11,\n        iconHeight: 7,\n        promoIconSize: 9,\n    },\n    XXS: {\n        inputSize: 16,\n        font: FONTS.MediumXXS,\n        rMargin: 8,\n        iconWidth: 9,\n        iconHeight: 6,\n        promoIconSize: 7,\n    },\n};\n\nexport const radioSizes: ICheckboxSizes = {\n    S: {\n        inputSize: 24,\n        radioCheckSize: 10,\n        font: FONTS.MediumS,\n        rMargin: 12,\n    },\n    XS: {\n        inputSize: 20,\n        radioCheckSize: 8,\n        font: FONTS.MediumXS,\n        rMargin: 8,\n    },\n    XXS: {\n        inputSize: 16,\n        radioCheckSize: 6,\n        font: FONTS.MediumXXS,\n        rMargin: 8,\n    },\n};\n","import styled from 'styled-components';\n\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\n\nexport const SearchBtnWrap = styled.button<{ isInactive: boolean }>`\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    background-color: transparent;\n    border: none;\n    cursor: ${p => p.isInactive ? 'auto' : 'pointer'};\n\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const SearchIcon = styled.svg<{ isInactive: boolean }>`\n    & > path {\n        stroke: ${COLORS.GRAY_DARK};\n    }\n`;\n","import React from 'react';\n\nimport { SearchBtnWrap, SearchIcon } from './styled';\n\n\ninterface IProps {\n    isInactive?: boolean,\n    onClick: () => void,\n}\n\nexport const SearchBtn: React.FC<IProps> = ({ isInactive, onClick }) => {\n    return (\n        <SearchBtnWrap\n            isInactive={!!isInactive}\n            onClick={onClick}\n        >\n            <SearchIcon\n                width='22'\n                height='22'\n                viewBox='0 0 22 22'\n                fill='none'\n                isInactive={!!isInactive}\n            >\n                <path\n                    d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'\n                    stroke='#181B21'\n                    strokeWidth='1.5'\n                    strokeLinecap='round'\n                    strokeLinejoin='round'\n                />\n                <path\n                    d='M22 22L20 20'\n                    stroke='#181B21'\n                    strokeWidth='1.5'\n                    strokeLinecap='round'\n                    strokeLinejoin='round'\n                />\n            </SearchIcon>\n        </SearchBtnWrap>\n    );\n};\n","import styled from 'styled-components';\n\nimport InputSimple, { IPropsInput } from '@r1-frontend/ui-react/components/inputSimple';\n\nexport const SearchWrapper = styled.div`\n    position: relative;\n    display: flex;\n    flex-wrap: nowrap;\n    width: 100%;\n`;\n\nexport const Input = styled(InputSimple)<IPropsInput>`\n    margin-bottom: 0;\n\n    & > input {\n        padding-right: 60px;\n\n        &:focus {\n            padding-right: 60px;\n        }\n    }\n`;\n\nexport const BtnWrap = styled.div`\n    position: absolute;\n    top: 12px;\n    right: 10px;\n    bottom: 0;\n`;\n\nconst Btn = styled.button`\n    border: none;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const ClearBtn = styled(Btn)`\n    margin-right: 7px;\n    width: 22px;\n    height: 22px;\n    background-color: transparent;\n    opacity: 0.5;\n\n    &:hover {\n        opacity: 1;\n    }\n\n    &:before, &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        height: 22px;\n        width: 1px;\n        background-color: #333;\n        transform-origin: center;\n    }\n\n    &:before {\n        transform: rotate(45deg);\n    }\n\n    &:after {\n        transform: rotate(-45deg);\n    }\n`;\n","import React, { forwardRef, SyntheticEvent } from 'react';\n\nimport { SearchBtn } from './search-btn';\n\nimport * as ST from './styled';\n\nexport interface InputValue {\n    onClear: () => void,\n    onSearch: () => void,\n}\n\ninterface IProps {\n    onClear: () => void,\n    onSearch?: () => void,\n    isClearBtnHide?: boolean,\n    isSearchBtnHide?: boolean,\n    isSearchBtnInactive?: boolean,\n    [key: string]: any,\n}\n\n// eslint-disable-next-line react/display-name\nexport const SearchInput: React.FC<IProps> = forwardRef((props, ref) => {\n    const { onClear, onSearch, isClearBtnHide, isSearchBtnHide, isSearchBtnInactive } = props;\n\n    const clearHandler = (e: SyntheticEvent) => {\n        e.stopPropagation();\n        if (onClear) {\n            onClear();\n        }\n    };\n\n    const searchHandler = (e: SyntheticEvent) => {\n        e.stopPropagation();\n        if (onSearch) {\n            onSearch();\n        }\n    };\n\n    return (\n        <ST.SearchWrapper>\n            <ST.Input\n                {...props}\n                data-test='search-field'\n                ref={ref}\n            />\n            <ST.BtnWrap>\n            {!isClearBtnHide &&\n                <ST.ClearBtn\n                    onClick={clearHandler}\n                />\n            }\n            {!isSearchBtnHide &&\n                <SearchBtn\n                    /* @ts-ignore */\n                    onClick={(e) => searchHandler(e)}\n                    isInactive={isSearchBtnInactive}\n                />\n            }\n            </ST.BtnWrap>\n        </ST.SearchWrapper>\n    );\n});\n","import { createSvg } from '@r1-frontend/ui-react/components/svg/createSvg';\n\nconst SearchNormal = (\n    {\n        strokeWidth = 1.5,\n    },\n): JSX.Element => {\n    return (\n        <g id={'guts'}>\n            <path\n                d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'\n                strokeWidth={strokeWidth}\n                strokeLinecap='round'\n                strokeLinejoin='round'\n            />\n            <path\n                d='M22 22L20 20'\n                strokeWidth={strokeWidth}\n                strokeLinecap='round'\n                strokeLinejoin='round'\n            />\n        </g>\n    );\n};\n\nexport default createSvg(\n    SearchNormal,\n    'search-normal',\n);\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNSAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjE0MjYgMjUuMTk5N0wxLjE0MjU4IDEzLjE5OTdMMTMuMTQyNiAxLjE5OTcxIiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==\""],"names":["Wrapper","styled","FiltersSearch","ChannelsSelector","wideBreakpoints","isShowSearch","channels","selectedFilter","preparedThemes","onChangeChannelTheme","onShowSearchInput","onClearSearch","onChangeSearch","value","isMobile","useMatchMedia","searchRef","useRef","ST","data-test","SearchInput","ref","placeholder","items","onClear","onChange","onClick","e","stopPropagation","isClearBtnHide","Select","options","length","width","maxMenuHeight","noOptionsMessage","isDisabled","styles","singleValue","provided","color","COLORS","Button","Icon","SearchNormal","size","bType","disabled","rounded","ChannelLink","ChannelImageBox","BorderRadius","ChannelName","FONTS","link","title","image","inactiveLink","className","useCallback","preventDefault","href","target","img","src","alt","ChannelText","List","ChannelWithMargin","Channel","channelsFiltersIsApply","map","channel","channelInfo","url","logo","channelId","getChannelThemesWithCounts","createSelector","state","bundles","tariffChannels","channelThemes","id","label","name","weight","theme","themeChannels","filter","categoryId","hdCount","quality","sdCount","tmpTheme","allLabel","hdLabel","quantityHdChannels","hasChannels","SBasePopup","BasePopup","HideSearchBtn","BaseButton","SThrobber","Throbber","freePackets","isOpen","onClose","isOfferChannels","dispatch","useDispatch","useSelector","city","currentCity","providerId","provider","allChannels","getTariffChannelsWithId","getTariffChannels","useState","setIsShowSearch","isLoading","setIsLoading","setValue","toogleShowSearchInput","flag","onClickPopupWrapper","clearSearchChannels","onCloseHandler","clearChannelThemeSelection","clearChannelsBundleId","setFilterForChannelsAction","onApplySearch","search","searchChannels","toLowerCase","trim","data","onChangeChannelThemeAction","useEffect","current","focus","getChannelThemes","getAllChannels","getOfferChannelPackages","getChannelPackages","height","text","type","btnTypes","btnSizes","iconsSprite","symbolId","description","ChannelsFilters","ChannelsList","p","ArrowSvg","svg","css","previousSlide","nextSlide","Dot","customStyles","dot","active","DotContainer","dotContainer","activeLineAnimation","keyframes","ActiveLine","time","activeDot","DotsContainer","dotsContainer","goToSlide","slideCount","currentSlide","autoplayInterval","autoplay","customDotsStyles","Array","fill","_","index","Container","withoutDots","withoutArrows","getDefaultControlsContainerStyles","key","bottom","right","left","customArrow","customDots","children","withoutControls","props","pausedAutoplay","setPausedAutoplay","Arrow","CustomArrow","DefaultArrow","Dots","CustomDots","DefaultDots","swiperRef","setDimensions","handleMouseOver","handleMouseOut","onTouchStart","onTouchEnd","onMouseOver","onMouseOut","NukaSwiper","getControlsContainerStyles","renderCenterLeftControls","renderCenterRightControls","renderBottomCenterControls","getSizes","checkboxSizes","S","inputSize","font","rMargin","iconWidth","iconHeight","promoIconSize","XS","XXS","radioSizes","radioCheckSize","SearchBtnWrap","isInactive","SearchIcon","SearchBtn","viewBox","path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","SearchWrapper","Input","InputSimple","BtnWrap","Btn","ClearBtn","forwardRef","onSearch","isSearchBtnHide","isSearchBtnInactive","searchHandler","createSvg","g","module","exports"],"sourceRoot":""}