{"version":3,"file":"static/chunks/9174-52c8ea786fe50704.js","mappings":"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","sources":["webpack://_N_E/../../packages/ui-react/src/components/controls/baseSwitcher/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/costs/OldCost/styled.tsx","webpack://_N_E/../../packages/ui-react/src/components/costs/OldCost/index.tsx","webpack://_N_E/../../packages/ui-react/src/components/controls/baseSwitcher/SimpleBaseSwitcher.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Cost/Cost.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Cost/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Cost/index.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Title/Title.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Title/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/Title/index.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/BaseSubscription/BaseSubscription.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/BaseSubscription/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/BaseSubscription/index.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/SwitchableSubscription/SwitchableSubscription.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/SwitchableSubscription/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/SwitchableSubscription/index.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/Desktop.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/desktop.styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/Mobile.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/mobile.styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/TvSubscription.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/TariffSubscription/TvSubscription/index.tsx","webpack://_N_E/../../packages/ui-react/src/assets/img/icons/locked.svg"],"sourcesContent":["import styled from 'styled-components';\n\nimport { hex2rgb } from '@r1-frontend/shared/helpers/hex2rgb';\n\n// @ts-ignore\nimport lockedIcon from '../../../assets/img/icons/locked.svg';\nimport { COLORS } from '../../../tokens/colors';\n\ninterface IStyleProps {\n    checked?: boolean,\n    disabled: boolean,\n}\n\nexport const Label = styled.label<IStyleProps>`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    user-select: none;\n\n    &:active {\n        outline: none;\n    }\n\n    input[type=\"checkbox\"] {\n        appearance: none;\n        position: relative;\n        flex: 0 0 auto;\n        width: 36px;\n        height: 20px;\n        margin: 0;\n        padding: 0;\n        background-color: ${COLORS.Disabled};\n        border: none;\n        border-radius: 10px;\n        transition: .3s;\n        overflow: hidden;\n        outline: none;\n        box-sizing: border-box;\n        cursor: pointer;\n\n        &:before {\n            content: '';\n            position: absolute;\n            top: 2px;\n            left: 2px;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background-color: ${COLORS.BgMain};\n            transition: .3s;\n        }\n\n        @media (hover: hover) {\n            &:hover,\n            &:checked:hover {\n                background-color: ${COLORS.Outline_Dark};\n\n                &:before {\n                    background-color: ${COLORS.Link};\n                }\n            }\n        }\n\n        &:required:valid {\n            background-color: ${COLORS.Locked};\n\n            &:before {\n                background-color: ${COLORS.BgMain};\n            }\n\n            &:after {\n                content: '';\n                position: absolute;\n                top: 2px;\n                left: 18px;\n                width: 16px;\n                height: 16px;\n                background-color: ${COLORS.Error};\n                mask-image: url(${lockedIcon});\n                mask-size: 7px 9px;\n                mask-position: center;\n                mask-repeat: no-repeat;\n                transition: .3s;\n            }\n        }\n\n        &:checked {\n            background-color: ${COLORS.Control};\n\n            &:before {\n                left: 18px;\n            }\n        }\n\n        &:disabled,\n        &:checked:hover:disabled {\n            background-color: ${COLORS.BgSecondary};\n            pointer-events: none;\n            \n            &:before {\n                background-color: rgba(${hex2rgb(COLORS.BgMain)}, 0.5);\n            }\n        }\n    }\n`;\n","import styled, { css } from 'styled-components';\n\nimport Cost from '@r1-frontend/ui-react/components/costs/Cost';\nimport { TCostProps } from '@r1-frontend/ui-react/components/costs/Cost/Cost';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const StyledOldCost = styled(Cost)<TCostProps & { $color?: COLORS }>`\n    ${({ $color = 'inherit' }) => css`\n        color: ${$color};\n        text-decoration-color: ${$color};\n    `}\n    text-decoration: line-through;\n`;\n","import { StyledOldCost as OldCost } from '@r1-frontend/ui-react/components/costs/OldCost/styled';\n\nexport default OldCost;\n","import React from 'react';\n\nimport { Label } from './styled';\n\nexport interface IBaseSwitcherProps {\n    id?: string,\n    name?: string,\n    value?: string,\n    checked?: boolean,\n    disabled?: boolean,\n    required?: boolean,\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>, state?: boolean) => void,\n    className?: string,\n    [key: string]: unknown,\n}\n\n/**\n * Компонент свича для отображения без внутреннего состояния (что пришло, то кажем!)\n */\nconst SimpleBaseSwitcher = ({\n    id,\n    name = '',\n    value = '',\n    checked,\n    disabled = false,\n    required,\n    children,\n    onChange,\n    className,\n    ...props\n}: IBaseSwitcherProps): JSX.Element => {\n    return (\n        <Label\n            checked={checked}\n            disabled={disabled}\n            className={className}\n            {...props}\n        >\n            <input\n                type='checkbox'\n                id={id}\n                name={name}\n                value={value}\n                checked={checked}\n                disabled={disabled}\n                required={required}\n                onChange={onChange}\n                data-test={'UncontrollableSwitcher'}\n            />\n            {children}\n        </Label>\n    );\n};\n\nexport default SimpleBaseSwitcher;\n","import { Cost, OldCost } from '@r1-frontend/ui-react/components/costs';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport { ListContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport type TSubscriptionCost = {\n    oldCost: number | string,\n    currentCost: number | string,\n}\nconst SubscriptionCost = ({ oldCost, currentCost, ...props }: TSubscriptionCost): JSX.Element => {\n    return (\n        <ListContainer $mobile={4} $desktop={8} {...props}>\n            <Paragraph4 $smaller as={'span'} $color={COLORS.TextDisabled}>\n                <OldCost isMonthly>{oldCost}</OldCost>\n            </Paragraph4>\n            <Paragraph4 $smaller as={'span'} $color={COLORS.TextInfo}>\n                +&nbsp;<Cost>{currentCost}</Cost> к чеку\n            </Paragraph4>\n        </ListContainer>\n    );\n};\n\nexport default SubscriptionCost;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport SubscriptionCost from '@r1-frontend/ui-react/organisms/TariffSubscription/Cost/Cost';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nconst StyledSubscriptionCost = styled(SubscriptionCost)`\n    // This is an experimental thing from designers... Sorry guys, again...\n    // I did not use Paragraph 4 and Paragraph 5 in chain with use MatchMedia because this way is the more simple. \n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${Paragraph4} {\n            ${FONTS.XXS};\n        }\n    }\n`;\n\nexport default StyledSubscriptionCost;\n","import SubscriptionCost from './styled';\n\nexport default SubscriptionCost;\n","import { ReactNode, SyntheticEvent } from 'react';\n\nimport { TSvgProps } from '@r1-frontend/ui-react/components/svg/createSvg';\nimport { InfoCircleFlip } from '@r1-frontend/ui-react/components/svg/main';\nimport { H4, THBaseProps, THStaticSize } from '@r1-frontend/ui-react/components/typography/heading';\n\nexport type TSubscriptionTitleProps = {\n    Icon?: (props: TSvgProps) => JSX.Element,\n    iconSize?: 16 | 20,\n    children: string | ReactNode,\n    onClick: (e: SyntheticEvent) => void,\n};\n\nconst SubscriptionTitle = ({ Icon = InfoCircleFlip, iconSize = 16, children, ...props }: TSubscriptionTitleProps): JSX.Element => {\n    let headerProps: THBaseProps = {\n        $withIndent: false,\n        $inline: true,\n    };\n    const mobile: THStaticSize = { $mobile: true };\n    const desktop: THStaticSize = { $desktop: true };\n\n    if (iconSize === 16) {\n        headerProps = { ...headerProps, ...mobile };\n    } else {\n        headerProps = { ...headerProps, ...desktop };\n    }\n\n    return (\n        <H4 {...props} {...headerProps}>\n            <Icon size={iconSize}/>\n            {children}\n        </H4>\n    );\n};\n\nexport default SubscriptionTitle;\n","import styled, { css } from 'styled-components';\n\nimport Svg from '@r1-frontend/ui-react/components/svg/Svg';\nimport SubscriptionTitle, { TSubscriptionTitleProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/Title/Title';\n\nconst StyledSubscriptionTitle = styled(SubscriptionTitle)<TSubscriptionTitleProps>`\n    display: block;\n\n    ${Svg} {\n        float: left;\n        cursor: pointer;\n\n        ${({ iconSize = 16 }) => iconSize === 16\n                ? css`\n                    margin: 4px 4px 0 0;\n                `\n                : css`\n                    margin: 4px 6px 0 0;\n                `\n        }\n    }\n`;\n\nexport default StyledSubscriptionTitle;\n","import SubscriptionTitle from '@r1-frontend/ui-react/organisms/TariffSubscription/Title/styled';\n\nexport default SubscriptionTitle;\n","import { InfoCircleFlip } from '@r1-frontend/ui-react/components/svg/main';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport Cost from '@r1-frontend/ui-react/organisms/TariffSubscription/Cost';\nimport SubscriptionTitle from '@r1-frontend/ui-react/organisms/TariffSubscription/Title';\nimport { TSubscriptionTitleProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/Title/Title';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport type TMainSubscriptionProps = {\n    children: string,\n\n    cost?: number,\n    oldCost?: number,\n\n    description?: string,\n};\n\nexport type TBaseSubscriptionProps = TMainSubscriptionProps & TSubscriptionTitleProps\n\nconst BaseSubscription = ({\n    children,\n    description,\n    cost,\n    oldCost,\n\n    Icon = InfoCircleFlip,\n    iconSize = 16,\n    onClick,\n\n    ...props\n}: TBaseSubscriptionProps): JSX.Element => {\n    return <div {...props}>\n        <SubscriptionTitle\n            onClick={onClick}\n            Icon={Icon}\n            iconSize={iconSize}\n        >\n            {children}\n        </SubscriptionTitle>\n\n        {description && (\n            <Paragraph4 $smaller dangerouslySetInnerHTML={{ __html: description }} $color={COLORS.TextInfo}/>\n        )}\n\n        {(cost && oldCost) && (\n            <Cost oldCost={oldCost} currentCost={cost}/>\n        )}\n    </div>;\n};\n\nexport default BaseSubscription;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nimport BaseSubscription, { TBaseSubscriptionProps } from './BaseSubscription';\n\nconst StyledBaseSubscription = styled(BaseSubscription)<TBaseSubscriptionProps>`\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    \n    align-items: start;\n\n    @media(min-width: ${wideBreakpoints.mobile}) {\n        gap: 4px;\n    }\n`;\n\nexport default StyledBaseSubscription;\n","import BaseSubscription from './styled';\n\nexport default BaseSubscription;\n","import { ReactNode } from 'react';\n\nimport { IBaseSwitcherProps } from '@r1-frontend/ui-react/components/controls/baseSwitcher';\nimport SimpleBaseSwitcher from '@r1-frontend/ui-react/components/controls/baseSwitcher/SimpleBaseSwitcher';\nimport BaseSubscription from '@r1-frontend/ui-react/organisms/TariffSubscription/BaseSubscription';\nimport { TBaseSubscriptionProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/BaseSubscription/BaseSubscription';\n\nexport type TSwitchableSubscriptionProps = {\n    children: string | JSX.Element | ReactNode,\n    switcherAlign?: 'start' | 'center',\n    onIconClick: () => void,\n    onToggle: (event: React.ChangeEvent<HTMLInputElement>, state?: boolean) => void,\n\n    className?: string,\n} & Omit<TBaseSubscriptionProps, 'onClick'> & Pick<IBaseSwitcherProps, 'checked' | 'disabled' | 'required'>\n\nconst SwitchableSubscription = ({\n    children,\n    description,\n\n    cost,\n    oldCost,\n    onIconClick,\n    onToggle,\n    Icon,\n    iconSize,\n\n    checked,\n    disabled,\n    required,\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    switcherAlign,\n\n    ...props\n}: TSwitchableSubscriptionProps): JSX.Element => {\n\n    return (\n        <div {...props} data-test={'SwitchableSubscription'}>\n            <BaseSubscription\n                description={description}\n                Icon={Icon}\n                cost={cost}\n                oldCost={oldCost}\n                onClick={onIconClick}\n                iconSize={iconSize}\n            >\n                {children}\n            </BaseSubscription>\n            <SimpleBaseSwitcher\n                checked={checked}\n                disabled={disabled}\n                required={required}\n                onChange={onToggle}\n            />\n        </div>\n    );\n};\n\nexport default SwitchableSubscription;\n","import styled from 'styled-components';\n\nimport SwitchableSubscription, { TSwitchableSubscriptionProps } from './SwitchableSubscription';\n\nexport const StyledTariffSubscription = styled(SwitchableSubscription)<TSwitchableSubscriptionProps>`\n    width: 100%;\n    display: flex;\n\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    justify-content: space-between;\n    align-items: flex-start;\n\n    & > *:last-child {\n        align-self: ${({ switcherAlign = 'center' }) => switcherAlign};\n        margin-top: ${({ switcherAlign = 'center', iconSize = 16 }) => {\n            if (switcherAlign === 'start' && iconSize === 16) {\n                return '2px';\n            }\n\n            if (switcherAlign === 'start' && iconSize === 20) {\n                return '4px;';\n            }\n\n            return '0';\n        }};\n    }\n`;\n\nStyledTariffSubscription.displayName = 'SwitchableSubscription';\n\nexport default StyledTariffSubscription;\n","import SwitchableSubscription from './styled';\n\nexport default SwitchableSubscription;\n","import { LazyLoadImage } from 'react-lazy-load-image-component';\n\nimport { InfoCircleFlip } from '@r1-frontend/ui-react/components/svg/main';\nimport { IndentContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { SwitchableSubscription } from '@r1-frontend/ui-react/organisms/TariffSubscription';\nimport { TSwitchableSubscriptionProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/SwitchableSubscription/SwitchableSubscription';\n\nconst Desktop = ({\n    imagePath,\n    children,\n    cost,\n    oldCost,\n    description,\n\n    onIconClick,\n    onToggle,\n\n    checked,\n    required,\n    disabled,\n\n    ...props\n}: Omit<TSwitchableSubscriptionProps, 'switcherAlign' | 'type' | 'Icon'> & { imagePath: string }): JSX.Element => {\n\n    return (\n        <div {...props}>\n            <LazyLoadImage src={imagePath} alt={children} title={children} visibleByDefault />\n            <IndentContainer $united={[24, 24, 48]}>\n                <SwitchableSubscription\n                    description={description}\n                    switcherAlign={'start'}\n                    onIconClick={onIconClick}\n                    cost={cost}\n                    oldCost={oldCost}\n                    onToggle={onToggle}\n                    checked={checked}\n                    required={required}\n                    disabled={disabled}\n                    Icon={InfoCircleFlip}\n                >\n                    {children}\n                </SwitchableSubscription>\n            </IndentContainer>\n        </div>\n    );\n};\n\nexport default Desktop;\n","import styled from 'styled-components';\n\nimport Desktop from './Desktop';\n\nconst StyledDesktop = styled(Desktop)`\n    display: flex;\n    flex-direction: column;\n    \n    img {\n        height: 138px;\n    }\n`;\n\nexport default StyledDesktop;\n","import { LazyLoadImage } from 'react-lazy-load-image-component';\n\nimport { InfoCircleFlip } from '@r1-frontend/ui-react/components/svg/main';\nimport { IndentContainer, RounderContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { TSwitchableSubscriptionProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/SwitchableSubscription/SwitchableSubscription';\n\nimport SwitchableSubscription from '../SwitchableSubscription';\n\nconst Mobile = ({\n    imagePath,\n    children,\n    description,\n    cost,\n    oldCost,\n\n    onIconClick,\n    onToggle,\n\n    checked,\n    required,\n    disabled,\n\n    ...props\n}: Omit<TSwitchableSubscriptionProps, 'switcherAlign' | 'type' | 'Icon'> & { imagePath: string }): JSX.Element => {\n\n    return (\n        <IndentContainer $united={[8, 24, 8, 8]} {...props}>\n            <RounderContainer $radius={16}>\n                <LazyLoadImage src={imagePath} title={children} alt={children}/>\n            </RounderContainer>\n            <SwitchableSubscription\n                description={description}\n                onIconClick={onIconClick}\n                cost={cost}\n                oldCost={oldCost}\n                onToggle={onToggle}\n                checked={checked}\n                required={required}\n                disabled={disabled}\n                Icon={InfoCircleFlip}\n            >\n                {children}\n            </SwitchableSubscription>\n        </IndentContainer>\n    );\n};\n\nexport default Mobile;\n","import styled from 'styled-components';\n\nimport Mobile from './Mobile';\n\nconst StyledMobile = styled(Mobile)`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    gap: 12px;\n    \n    justify-content: flex-start;\n    align-items: center;\n    \n    & > *:first-child {\n        width: 72px;\n        height: 48px;\n        flex: 0 0 auto;\n        align-self: flex-start;\n    }\n`;\n\nexport default StyledMobile;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { withRadius } from '@r1-frontend/ui-react/experimental/containers';\nimport { TSwitchableSubscriptionProps } from '@r1-frontend/ui-react/organisms/TariffSubscription/SwitchableSubscription/SwitchableSubscription';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { useMatchMedia } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport Desktop from './desktop.styled';\nimport Mobile from './mobile.styled';\n\nexport type TTvSubscriptionProps = {\n    imagePath: {\n        desktop: string,\n        mobile: string,\n    },\n} & Omit<TSwitchableSubscriptionProps, 'switcherAlign' | 'type' | 'Icon'>\n\nconst TvSubscription = ({\n    imagePath,\n    className,\n    children,\n    ...props\n}: TTvSubscriptionProps): JSX.Element => {\n    const isDesktop = useMatchMedia(`(min-width: ${wideBreakpoints.mobile})`);\n\n    return (\n        <div className={className}>\n            {isDesktop\n                ? <Desktop {...props} imagePath={imagePath.desktop}>{children}</Desktop>\n                : <Mobile {...props} imagePath={imagePath.mobile}>{children}</Mobile>\n            }\n        </div>\n    );\n};\n\nexport default styled(withRadius(TvSubscription, { $desktop: 32, $mobile: 24 }))`\n    background-color: ${COLORS.BgSurface};\n`;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nimport TvSubscription from './TvSubscription';\n\nconst StyledTvSubscription = styled(TvSubscription)`\n    display: block;\n    \n    width: 100%;\n    \n    img {\n        max-width: 100%;\n        max-height: 138px;\n    }\n    \n    @media (min-width: ${wideBreakpoints.mobile}) {\n        max-width: 304px;\n    }\n`;\n\nexport default StyledTvSubscription;\n","import TvSubscription from './styled';\n\nexport default TvSubscription;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDRIMkg2SDdWOUgxVjRaIiBmaWxsPSIjRkY3QjdCIi8+CjxwYXRoIGQ9Ik0yIDRIMVY5SDdWNEg2TTIgNEMyIDQgMS41IDEgNCAxQzYuNSAxIDYgNCA2IDRNMiA0SDYiIHN0cm9rZT0iI0ZGN0I3QiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=\""],"names":["Label","styled","COLORS","lockedIcon","hex2rgb","Cost","$color","css","id","name","value","checked","disabled","required","children","onChange","className","props","input","type","data-test","oldCost","currentCost","ListContainer","$mobile","$desktop","Paragraph4","$smaller","as","OldCost","isMonthly","SubscriptionCost","wideBreakpoints","FONTS","Icon","InfoCircleFlip","iconSize","headerProps","$withIndent","$inline","H4","size","SubscriptionTitle","Svg","description","cost","onClick","div","dangerouslySetInnerHTML","__html","BaseSubscription","onIconClick","onToggle","switcherAlign","SimpleBaseSwitcher","StyledTariffSubscription","SwitchableSubscription","displayName","imagePath","LazyLoadImage","src","alt","title","visibleByDefault","IndentContainer","$united","Desktop","RounderContainer","$radius","Mobile","withRadius","isDesktop","useMatchMedia","desktop","mobile","TvSubscription","module","exports"],"sourceRoot":""}