@gravity-ui/page-constructor 5.33.4-beta.0 → 5.33.4

package/build/cjs/components/InnerForm/InnerForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InnerForm.js","sourceRoot":"../../../../src","sources":["components/InnerForm/InnerForm.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mCAA8B;AAC9B,6EAIiD;AACjD,wDAA6C;AAC7C,kDAAgF;AAChF,0DAA6C;AAC7C,gDAA2C;AAQ3C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;YAC9B,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,IAAA,yBAAgB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,KAAoB,IAAA,sBAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,EAA1D,EAAC,MAAM,OAAmD,EAA9C,IAAI,sBAAhB,UAAiB,CAAyC,CAAC;QAEjE,OAAO,CACH,gCAAK,SAAS,EAAE,SAAS,YACrB,uBAAC,cAAU,oBACF,WAAW,CAAC,MAA8C,EAC3D,IAAI,IACR,MAAM,EAAE,GAAG,EAAE;oBACT,aAAa,EAAE,CAAC;oBAChB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;gBACf,CAAC,IACH,GACA,CACT,CAAC;IACN,CAAC;IAED,IAAI,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,cAAc,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACH,uBAAC,wBAAW,kBACR,gBAAgB,EAAE,IAAI,IACjB,WAAW,CAAC,OAAgD,EAC7D,cAAc,EACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {YandexForm} from '..';\nimport {\n    FormsContext,\n    HubspotFormsContextProps,\n    YandexFormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {useTheme} from '../../context/theme';\nimport {FormBlockData, isHubspotDataForm, isYandexDataForm} from '../../models';\nimport {HubspotForm} from '../../sub-blocks';\nimport {getThemedValue} from '../../utils';\n\ninterface InnerFormProps {\n    formData: FormBlockData;\n    onContentLoad: () => void;\n    className?: string;\n}\n\nconst InnerForm: React.FC<InnerFormProps> = (props) => {\n    const {formData, onContentLoad, className} = props;\n    const formsConfig = React.useContext(FormsContext);\n    const theme = useTheme();\n\n    React.useEffect(() => {\n        if (isHubspotDataForm(formData)) {\n            onContentLoad();\n        }\n    }, [onContentLoad, formData]);\n\n    if (isYandexDataForm(formData)) {\n        const {onLoad, ...rest} = getThemedValue(formData.yandex, theme);\n\n        return (\n            <div className={className}>\n                <YandexForm\n                    {...(formsConfig.yandex as YandexFormsContextProps | undefined)}\n                    {...rest}\n                    onLoad={() => {\n                        onContentLoad();\n                        onLoad?.();\n                    }}\n                />\n            </div>\n        );\n    }\n\n    if (isHubspotDataForm(formData)) {\n        const themedFormData = getThemedValue(formData.hubspot, theme);\n\n        return (\n            <HubspotForm\n                createDOMElement={true}\n                {...(formsConfig.hubspot as HubspotFormsContextProps | undefined)}\n                {...themedFormData}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default InnerForm;\n"]}

package/build/cjs/components/Link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"../../../../src","sources":["components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {ClassNameProps, DefaultEventNames, LinkProps, Tabbable, TextSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block, getLinkProps, getQaAttrubutes, setUrlTld} from '../../utils';\nimport BackLink from '../BackLink/BackLink';\nimport FileLink from '../FileLink/FileLink';\n\nimport './Link.scss';\n\nconst b = block('link-block');\nconst WORD_JOINER_SYM = '\\u200b';\n\nexport type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;\n\nfunction getArrowSize(size: TextSize) {\n    switch (size) {\n        case 'l':\n            return 20;\n        case 'm':\n            return 18;\n        case 's':\n            return 14;\n        default:\n            return 14;\n    }\n}\n\nconst LinkBlock = (props: React.PropsWithChildren<LinkFullProps>) => {\n    const {\n        text,\n        url,\n        arrow,\n        analyticsEvents,\n        theme = 'file-link',\n        colorTheme = 'light',\n        textSize = 'm',\n        className,\n        target,\n        children,\n        tabIndex,\n        qa,\n        urlTitle,\n        extraProps,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['normal']);\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);\n    const {hostname} = React.useContext(LocationContext);\n    const {tld} = React.useContext(LocaleContext);\n    const href = setUrlTld(props.url, tld);\n    const defaultTextSize = theme === 'back' ? 'l' : 'm';\n\n    const onClick = () => {\n        handleAnalytics(analyticsEvents);\n    };\n\n    const getLinkByType = () => {\n        switch (theme) {\n            case 'back':\n                return (\n                    <BackLink\n                        title={children || text}\n                        url={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'file-link':\n            case 'underline':\n                return (\n                    <FileLink\n                        text={children || text}\n                        href={href}\n                        type=\"horizontal\"\n                        textSize={textSize}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'normal': {\n                const linkProps = getLinkProps(url, hostname, target);\n                const content = children || text;\n\n                return (\n                    <a\n                        className={b('link', {theme: colorTheme, 'has-arrow': arrow})}\n                        href={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        title={urlTitle}\n                        {...linkProps}\n                        data-qa={qaAttributes.normal}\n                        {...extraProps}\n                    >\n                        {arrow ? (\n                            <React.Fragment>\n                                <span className={b('content')}>{content}</span>\n                                {WORD_JOINER_SYM}\n                                <Icon\n                                    className={b('arrow')}\n                                    data={ChevronRight}\n                                    size={getArrowSize(textSize)}\n                                />\n                            </React.Fragment>\n                        ) : (\n                            content\n                        )}\n                    </a>\n                );\n            }\n            default:\n                return null;\n        }\n    };\n    return (\n        <div className={b({size: textSize || defaultTextSize}, className)}>{getLinkByType()}</div>\n    );\n};\n\nexport default LinkBlock;\n"]}

package/build/cjs/components/Links/Links.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Links.js","sourceRoot":"../../../../src","sources":["components/Links/Links.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAkC;AAClC,mEAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;AAEzB,SAAS,WAAW,CAAC,IAAiB;IAClC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAWD,MAAM,KAAK,GAAyB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,EAAE,CACxF,KAAK,CAAC,CAAC,CAAC,CACJ,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,2BAAC,cAAI,kBACD,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAChB,IAAI,IACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,EAAE,EAAE,MAAM,EACV,UAAU,kBACN,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IACpD,IAAI,CAAC,UAAU,KAExB,CACL,CAAC,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AAEb,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ContentSize, LinkProps} from '../../models';\nimport {block} from '../../utils';\nimport Link from '../Link/Link';\n\nimport './Links.scss';\n\nconst b = block('links');\n\nfunction getLinkSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'm';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\ntype LinksProps = {\n    className?: string;\n    titleId?: string;\n    links?: LinkProps[];\n    size?: ContentSize;\n    qa?: string;\n    linkQa?: string;\n};\n\nconst Links: React.FC<LinksProps> = ({className, titleId, links, size = 's', qa, linkQa}) =>\n    links ? (\n        <div className={b({size}, className)} data-qa={qa}>\n            {links?.map((link) => (\n                <Link\n                    className={b('link')}\n                    {...link}\n                    textSize={getLinkSize(size)}\n                    key={link.url}\n                    qa={linkQa}\n                    extraProps={{\n                        'aria-describedby': link.urlTitle ? undefined : titleId,\n                        ...link.extraProps,\n                    }}\n                />\n            ))}\n        </div>\n    ) : null;\n\nexport default Links;\n"]}

package/build/cjs/components/Map/GoogleMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoogleMap.js","sourceRoot":"../../../../src","sources":["components/Map/GoogleMap.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AACvC,uEAAuC;AAEvC,gFAAwE;AACxE,0EAAkE;AAClE,wEAA0D;AAE1D,gDAAkC;AAElC,0CAAuC;AAEvC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC;AAUvB,SAAS,YAAY,CAAC,MAA2B;IAC7C,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,MAAM,CAAC;IAExD,OAAO,GAAG,SAAS,QAAQ,MAAM,aAAa,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,SAAS,CAC3F,OAAO,CACV,EAAE,CAAC;AACR,CAAC;AAED,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACzC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC1D,MAAM,EAAC,IAAI,GAAG,YAAI,CAAC,EAAE,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACrB,GAAG,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAC5D,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAC3C,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAA,sBAAY,EAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM;SACT,EACD,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,MAAM,EACd,eAAe,QACf,cAAc,EAAC,4BAA4B,EAC3C,GAAG,EAAE,GAAG,GACV,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {MapsContext} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {GMapProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {getMapHeight} from './helpers';\n\nconst b = block('map');\n\ninterface GoogleMapLinkParams {\n    apiKey: string;\n    scriptSrc: string;\n    address: string;\n    lang: `${Lang}`;\n    zoom?: number;\n}\n\nfunction getScriptSrc(params: GoogleMapLinkParams) {\n    const {apiKey, scriptSrc, address, lang, zoom} = params;\n\n    return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(\n        address,\n    )}`;\n}\n\nconst GoogleMap: React.FC<GMapProps> = (props) => {\n    const {address, zoom, className} = props;\n    const {apiKey, scriptSrc} = React.useContext(MapsContext);\n    const {lang = Lang.Ru} = React.useContext(LocaleContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLIFrameElement>(null);\n    const src = React.useMemo(\n        () => getScriptSrc({apiKey, scriptSrc, address, lang, zoom}),\n        [apiKey, scriptSrc, address, lang, zoom],\n    );\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [isMobile]);\n\n    if (!apiKey || !address) {\n        return null;\n    }\n\n    return (\n        <iframe\n            className={b(null, className)}\n            ref={ref}\n            style={{\n                height,\n            }}\n            title=\"Google Map\"\n            loading=\"lazy\"\n            allowFullScreen\n            referrerPolicy=\"no-referrer-when-downgrade\"\n            src={src}\n        />\n    );\n};\n\nexport default GoogleMap;\n"]}

package/build/cjs/components/Map/Map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["components/Map/Map.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0EAA2E;AAG3E,uEAAoC;AACpC,4EAAyC;AAIlC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAE7C,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,qBAAO,CAAC,MAAM;YACf,OAAO,uBAAC,mBAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD,KAAK,qBAAO,CAAC,MAAM;YACf,OAAO,uBAAC,mBAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,GAAG,OAWd;AAEF,kBAAe,WAAG,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from '../../context/mapsContext/mapsContext';\nimport {GMapProps, MapProps, YMapProps} from '../../models';\n\nimport GoogleMap from './GoogleMap';\nimport YandexMap from './YMap/YandexMap';\n\nimport './Map.scss';\n\nexport const Map = (props: MapProps) => {\n    const {type} = React.useContext(MapsContext);\n\n    switch (type) {\n        case MapType.Yandex:\n            return <YandexMap {...(props as YMapProps)} />;\n        case MapType.Google:\n            return <GoogleMap {...(props as GMapProps)} />;\n        default:\n            return null;\n    }\n};\n\nexport default Map;\n"]}

package/build/cjs/components/Map/YMap/YMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YMap.ts"],"names":[],"mappings":"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","sourcesContent":["import {YMapMarker, YMapMarkerLabel, YMapProps} from '../../../models';\nimport {Coordinate} from '../../../models/constructor-items/common';\n\nenum GeoObjectTypes {\n    Properties = 'properties',\n    Options = 'options',\n}\n\nconst DEFAULT_PLACEMARKS_COLOR = '#dc534b';\n// presetStorage: https://yandex.com/dev/maps/jsapi/doc/2.1/ref/reference/option.presetStorage.html\nconst DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';\nconst DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;\n\nconst geoObjectPropsAndOptions = {\n    iconCaption: GeoObjectTypes.Properties,\n    iconContent: GeoObjectTypes.Properties,\n    iconColor: GeoObjectTypes.Options,\n    preset: GeoObjectTypes.Options,\n};\n\ntype PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;\n\nexport class YMap {\n    private ymap: Ymaps.Map;\n    private mapRef: HTMLDivElement | null;\n    private coords: Coordinate[] = [];\n\n    constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null) {\n        this.ymap = ymap;\n        this.mapRef = mapRef;\n    }\n\n    async showPlacemarks(props: PlacemarksProps) {\n        this.clearOldPlacemarks();\n\n        for (const marker of props.markers) {\n            if (marker.address) {\n                await this.findAddress(marker);\n            } else if (marker.coordinate) {\n                this.findCoordinate(marker);\n            }\n        }\n\n        this.recalcZoomAndCenter(props);\n    }\n\n    async findAddress(marker: YMapMarker) {\n        try {\n            const res = await window.ymaps.geocode(marker.address, {results: 1});\n            const geoObject = res.geoObjects.get(0);\n            const coordinate = geoObject.geometry.getCoordinates();\n\n            this.coords.push(coordinate);\n\n            this.drawPlaceMarkStyle(geoObject, marker);\n\n            this.ymap.geoObjects.add(geoObject);\n        } catch {} // If error - placemark will not be displayed\n    }\n\n    findCoordinate(marker: YMapMarker) {\n        const geoObject = new window.ymaps.Placemark(marker.coordinate, {});\n\n        this.coords.push(marker.coordinate as Coordinate);\n        this.drawPlaceMarkStyle(geoObject, marker);\n        this.ymap.geoObjects.add(geoObject);\n    }\n\n    private drawPlaceMarkStyle(geoObject: Ymaps.GeoObject, marker: YMapMarker) {\n        const {iconColor, preset = DEFAULT_PLACEMARKS_PRESET} = marker.label || {};\n        let localIconColor: string | undefined = iconColor;\n\n        // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset\n        if (!preset.includes('Stretchy') && !iconColor) {\n            localIconColor = DEFAULT_PLACEMARKS_COLOR;\n        }\n\n        Object.entries({...marker.label, iconColor: localIconColor, preset}).forEach(\n            ([key, value]) => {\n                const geoObjectParamType: GeoObjectTypes | undefined =\n                    geoObjectPropsAndOptions[key as keyof YMapMarkerLabel];\n\n                if (value && geoObjectParamType) {\n                    geoObject[geoObjectParamType].set(key, value);\n                }\n            },\n        );\n    }\n\n    private recalcZoomAndCenter(props: PlacemarksProps) {\n        const coordsLength = this.coords.length;\n        const {zoom = 0} = props;\n\n        if (!coordsLength) {\n            return;\n        }\n\n        let leftBottom = [Infinity, Infinity],\n            rightTop = [-Infinity, -Infinity];\n\n        this.coords.forEach((point) => {\n            leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];\n            rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];\n        });\n\n        let newMapParams = {\n            zoom,\n            center: [],\n        };\n\n        if (zoom) {\n            // compute only the center\n            newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);\n        } else {\n            newMapParams = window.ymaps.util.bounds.getCenterAndZoom(\n                [leftBottom, rightTop],\n                [this.mapRef?.clientWidth, this.mapRef?.clientHeight],\n                undefined,\n                {margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT},\n            );\n        }\n\n        this.ymap.setCenter(newMapParams.center);\n\n        // Use default zoom for one placemark\n        if (coordsLength > 1 && !zoom) {\n            this.ymap.setZoom(newMapParams.zoom);\n        }\n    }\n\n    private clearOldPlacemarks() {\n        if (this.coords.length === 0) {\n            return;\n        }\n\n        this.ymap.geoObjects.removeAll();\n        this.coords = [];\n    }\n}\n"]}

package/build/cjs/components/Map/YMap/YandexMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YandexMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YandexMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Spin} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../../context/localeContext/localeContext';\nimport {MapsContext} from '../../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../../context/mobileContext';\nimport {YMapProps} from '../../../models';\nimport {block} from '../../../utils';\nimport ErrorWrapper from '../../ErrorWrapper/ErrorWrapper';\nimport {getMapHeight} from '../helpers';\n\nimport {YMap} from './YMap';\nimport {MapApiStatus, YMapsApiLoader} from './YandexMapApiLoader';\nimport {i18n} from './i18n';\n\nconst b = block('map');\nconst DEFAULT_CONTAINER_ID = 'ymap';\nconst DEFAULT_ZOOM = 9;\n// Center - is a required parameter for creating a new map\n// We use this init center to create a map\n// The real center of the map will be calculated later, using the coordinates of the markers\nconst INITIAL_CENTER = [0, 0];\n\nconst YandexMap: React.FC<YMapProps> = (props) => {\n    const {markers, zoom, id, className} = props;\n    const {apiKey, scriptSrc, nonce} = React.useContext(MapsContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const {lang = 'ru'} = React.useContext(LocaleContext);\n    const containerId = `${DEFAULT_CONTAINER_ID}-${id}`;\n\n    const [ymap, setYmaps] = React.useState<YMap | null>(null);\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const [loading, setLoading] = React.useState<boolean>(false);\n    const [ready, setReady] = React.useState<boolean>(false);\n    const [attemptsIndex, setAttemptsIndex] = React.useState<number>(0);\n    const onTryAgain = React.useCallback(() => {\n        setAttemptsIndex(attemptsIndex + 1);\n    }, [attemptsIndex]);\n\n    React.useEffect(() => {\n        (async function () {\n            setLoading(true);\n\n            await YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);\n\n            window.ymaps?.ready(() => {\n                setYmaps(\n                    new YMap(\n                        new window.ymaps.Map(\n                            containerId,\n                            {\n                                center: INITIAL_CENTER,\n                                zoom: zoom || DEFAULT_ZOOM,\n                            },\n                            {autoFitToViewport: 'always'},\n                        ),\n                        ref.current,\n                    ),\n                );\n            });\n\n            setLoading(false);\n        })();\n    }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [markers, ymap, setYmaps, isMobile]);\n\n    React.useEffect(() => {\n        if (ymap) {\n            // show with computed center and placemarks\n            const showPlacemarks = async () => {\n                await ymap.showPlacemarks({markers, zoom});\n\n                setReady(true);\n            };\n\n            showPlacemarks();\n        }\n    });\n\n    if (!markers) return null;\n\n    return (\n        <ErrorWrapper\n            isError={YMapsApiLoader.status === MapApiStatus.Error}\n            text={i18n('map-load-error')}\n            buttonText={i18n('map-try-again')}\n            handler={onTryAgain}\n            className={b('wrapper')}\n        >\n            <div className={b('wrapper')}>\n                {/* hidden - to show the map after calculating the center */}\n                <div\n                    id={containerId}\n                    className={b({hidden: !ready}, className)}\n                    ref={ref}\n                    style={{height}}\n                />\n                {loading ? <Spin size=\"xl\" className={b('spinner')} /> : null}\n            </div>\n        </ErrorWrapper>\n    );\n};\n\nexport default YandexMap;\n"]}

package/build/cjs/components/Map/YMap/YandexMapApiLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YandexMapApiLoader.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YandexMapApiLoader.ts"],"names":[],"mappings":";;;AAAA,6EAAkE;AAClE,mDAA0C;AAE1C,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,0CAA0B,CAAA;IAC1B,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACnB,CAAC,EALW,YAAY,4BAAZ,YAAY,QAKvB;AAED,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAa,cAAc;IAIvB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAc,EAAE,SAAiB,EAAE,IAAiB,EAAE,KAAc;QACrF,IAAI,cAAc,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,cAAc,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YACjD,MAAM,cAAc,CAAC,MAAM,CAAC;YAE5B,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QAED,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;QAE7C,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7D,MAAM,GAAG,GAAG,GAAG,SAAS,WAAW,MAAM,SAAS,sBAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QAE1E,cAAc,CAAC,MAAM,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,SAAS,EAAC,CAAC;aACnD,IAAI,CAAC,GAAG,EAAE;YACP,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;QAChD,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACR,cAAc,CAAC,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;;AA7BL,wCA8BC;AA7BU,qBAAM,GAAG,YAAY,CAAC,UAAU,CAAC","sourcesContent":["import {Maplangs} from '../../../context/mapsContext/mapsContext';\nimport {loadScript} from '../../../utils';\n\nexport enum MapApiStatus {\n    NotStarted = 'not_started',\n    Loading = 'loading',\n    Loaded = 'loaded',\n    Error = 'error',\n}\n\nconst SCRIPT_ID = 'ymaps-script';\n\nexport class YMapsApiLoader {\n    static status = MapApiStatus.NotStarted;\n    static loader: Promise<unknown>;\n\n    static async loadApi(apiKey: string, scriptSrc: string, lang: 'ru' | 'en', nonce?: string) {\n        if (YMapsApiLoader.status === MapApiStatus.Loaded) {\n            return Promise.resolve();\n        }\n\n        if (YMapsApiLoader.status === MapApiStatus.Loading) {\n            await YMapsApiLoader.loader;\n\n            return Promise.resolve();\n        }\n\n        YMapsApiLoader.status = MapApiStatus.Loading;\n\n        const csp = nonce ? `csp[style_nonce]=${nonce}` : 'csp=true';\n        const src = `${scriptSrc}?apikey=${apiKey}&lang=${Maplangs[lang]}&${csp}`;\n\n        YMapsApiLoader.loader = loadScript(src, {id: SCRIPT_ID})\n            .then(() => {\n                YMapsApiLoader.status = MapApiStatus.Loaded;\n            })\n            .catch(() => {\n                YMapsApiLoader.status = MapApiStatus.Error;\n            });\n\n        return this.loader;\n    }\n}\n"]}

package/build/cjs/components/Map/YMap/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Map/YMap/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,KAAK,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Map`);\n"]}

package/build/cjs/components/Map/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"../../../../src","sources":["components/Map/helpers.ts"],"names":[],"mappings":";;AAAA,oCAEC;AAFD,SAAgB,YAAY,CAAC,KAAa,EAAE,QAAiB;IACzD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export function getMapHeight(width: number, isMobile: boolean): number {\n    return isMobile ? (width / 4) * 3 : (width / 16) * 9;\n}\n"]}

package/build/cjs/components/Media/DataLens/DataLens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataLens.js","sourceRoot":"../../../../../src","sources":["components/Media/DataLens/DataLens.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2EAA6D;AAE7D,mDAAqC;AAErC,0CAA4B;AAC5B,sCAA8C;AAI9C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,2BAA2B,CAAC,CAAC;AAE7C,MAAM,QAAQ,GAAG,CAAC,KAAkC,EAAE,EAAE;IACpD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAE/C,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,mCACI,GAAG,EAAE,2BAA2B,YAAY,CAAC,EAAE,uBAAuB,YAAY,CAAC,KAAK,UAAU,MAAM,CAAC,IAAI,EAAE,EAC/G,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAA,WAAI,EAAC,cAAc,CAAC,EAC3B,WAAW,EAAE,CAAC,GAChB,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../../context/localeContext';\nimport {MediaComponentDataLensProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\nimport {unifyDataLensToObject} from './utils';\n\nimport './DataLens.scss';\n\nconst b = block('media-component-data-lens');\n\nconst DataLens = (props: MediaComponentDataLensProps) => {\n    const {dataLens} = props;\n    const dataLensData = unifyDataLensToObject(dataLens);\n    const locale = React.useContext(LocaleContext);\n\n    return dataLens ? (\n        <div className={b('wrap')}>\n            <iframe\n                src={`https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`}\n                className={b('iframe')}\n                loading=\"lazy\"\n                title={i18n('iframe-title')}\n                frameBorder={0}\n            />\n        </div>\n    ) : null;\n};\n\nexport default DataLens;\n"]}

package/build/cjs/components/Media/DataLens/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Media/DataLens/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,UAAU,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}DataLens`);\n"]}

package/build/cjs/components/Media/DataLens/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["components/Media/DataLens/utils.ts"],"names":[],"mappings":";;AAEA,sDAEC;AAFD,SAAgB,qBAAqB,CAAC,QAAuB;IACzD,OAAO,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpF,CAAC","sourcesContent":["import {DataLensObjectProps, DataLensProps} from '../../../models';\n\nexport function unifyDataLensToObject(dataLens: DataLensProps): DataLensObjectProps {\n    return typeof dataLens === 'string' ? {id: dataLens, theme: 'light'} : dataLens;\n}\n"]}

package/build/cjs/components/Media/FullscreenVideo/FullscreenVideo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullscreenVideo.js","sourceRoot":"../../../../../src","sources":["components/Media/FullscreenVideo/FullscreenVideo.tsx"],"names":[],"mappings":";;;;AAEA,uGAAoE;AACpE,sEAAoD;AAEpD,MAAM,eAAe,GAA4B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACH,uBAAC,yBAAe,cAAE,CAAC,UAAU,EAAE,EAAE,CAAC,uBAAC,eAAK,oBAAK,KAAK,EAAM,UAAU,EAAI,GAAmB,CAC5F,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport FullscreenMedia from '../../FullscreenMedia/FullscreenMedia';\nimport Video, {VideoAllProps} from '../Video/Video';\n\nconst FullscreenVideo: React.FC<VideoAllProps> = (props) => {\n    return (\n        <FullscreenMedia>{(classNames) => <Video {...props} {...classNames} />}</FullscreenMedia>\n    );\n};\n\nexport default FullscreenVideo;\n"]}

package/build/cjs/components/Media/Iframe/Iframe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Iframe.js","sourceRoot":"../../../../../src","sources":["components/Media/Iframe/Iframe.tsx"],"names":[],"mappings":";;;AACA,mDAAqC;AAErC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,wBAAwB,CAAC,CAAC;AAE1C,MAAM,MAAM,GAAG,CAAC,KAAgC,EAAE,EAAE;IAChD,MAAM,EAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,EAAC,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC;IAEvD,OAAO,MAAM,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,YACzC,mCACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,IAAA,WAAI,EAAC,cAAc,CAAC,EACpC,WAAW,EAAE,CAAC,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACZ,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import {MediaComponentIframeProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Iframe.scss';\n\nconst b = block('media-component-iframe');\n\nconst Iframe = (props: MediaComponentIframeProps) => {\n    const {iframe, margins = true} = props;\n    const {height = 400, src, width, name, title} = iframe;\n\n    return iframe ? (\n        <div className={b({margins})} style={{height}}>\n            <iframe\n                className={b('item')}\n                loading=\"lazy\"\n                title={title || i18n('iframe-title')}\n                frameBorder={0}\n                src={src}\n                width={width}\n                height={height}\n                name={name}\n            />\n        </div>\n    ) : null;\n};\n\nexport default Iframe;\n"]}

package/build/cjs/components/Media/Iframe/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/Media/Iframe/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,QAAQ,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Iframe`);\n"]}

package/build/cjs/components/Media/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sourceRoot":"../../../../../src","sources":["components/Media/Image/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Interpolation, animated, config, useSpring} from '@react-spring/web';\nimport debounce from 'lodash/debounce';\n\nimport SliderBlock from '../../../blocks/Slider/Slider';\nimport {ImageProps, MediaComponentImageProps, QAProps, SliderType} from '../../../models';\nimport {block, getQaAttrubutes} from '../../../utils';\nimport BackgroundImage from '../../BackgroundImage/BackgroundImage';\nimport FullscreenImage from '../../FullscreenImage/FullscreenImage';\nimport ImageView from '../../Image/Image';\n\nimport {getMediaImage} from './utils';\n\nimport './Image.scss';\n\nconst b = block('media-component-image');\n\nexport interface ImageAdditionProps {\n    imageClassName?: string;\n    isBackground?: boolean;\n    fullscreen?: boolean;\n    onLoad?: () => void;\n}\n\ninterface InnerImageProps {\n    hasVideoFallback: boolean;\n}\n\ntype ImageAllProps = ImageAdditionProps & MediaComponentImageProps & InnerImageProps & QAProps;\n\nexport const defaultAnimatedDivQa = 'animated-div';\n\nconst Image = (props: ImageAllProps) => {\n    const {\n        parallax,\n        height,\n        imageClassName,\n        isBackground,\n        hasVideoFallback,\n        video,\n        fullscreen,\n        disableImageSliderForArrayInput,\n        qa,\n        onLoad,\n    } = props;\n    const image =\n        Array.isArray(props.image) && disableImageSliderForArrayInput\n            ? props.image[0]\n            : props.image;\n\n    const qaAttributes = getQaAttrubutes(\n        qa,\n        'fullscreen-image',\n        'animate',\n        'background-image',\n        'image-view',\n        'slider-block',\n    );\n    const [scrollY, setScrollY] = React.useState(0);\n    const [{springScrollY}, springSetScrollY] = useSpring(() => ({\n        springScrollY: 0,\n        config: config.molasses,\n    }));\n\n    let parallaxInterpolate: Interpolation<number, string> | string = '';\n\n    React.useEffect(() => {\n        if (parallax) {\n            const handleScroll = () => setScrollY(window.scrollY);\n            const debouncedHandler = debounce(handleScroll, 5);\n\n            window.addEventListener('scroll', debouncedHandler, {passive: true});\n            return () => window.removeEventListener('scroll', debouncedHandler);\n        }\n\n        return () => {};\n    });\n\n    if (parallax) {\n        const parallaxLevel = 2;\n        springSetScrollY.start({springScrollY: height && scrollY > height ? height : scrollY});\n        parallaxInterpolate = springScrollY.to(\n            (value) => `translateY(-${Number(value) / parallaxLevel}px)`,\n        );\n    }\n\n    const imageClass = b('item', {withVideo: Boolean(video) && !hasVideoFallback}, imageClassName);\n\n    const renderFullscreenImage = (item: ImageProps) => {\n        const itemData = getMediaImage(item);\n\n        return (\n            <FullscreenImage\n                key={itemData.alt}\n                {...itemData}\n                imageClassName={imageClass}\n                imageStyle={{height}}\n                qa={qaAttributes.fullscreenImage}\n            />\n        );\n    };\n\n    const imageBackground = (oneImage: ImageProps) => {\n        const imageData = getMediaImage(oneImage);\n        return (\n            <animated.div style={{transform: parallaxInterpolate}} data-qa={qaAttributes.animate}>\n                <BackgroundImage\n                    {...imageData}\n                    className={imageClass}\n                    style={{height}}\n                    qa={qaAttributes.backgroundImage}\n                />\n            </animated.div>\n        );\n    };\n\n    const imageOnly = (oneImage: ImageProps) => {\n        const imageData = getMediaImage(oneImage);\n        return (\n            <ImageView\n                {...imageData}\n                className={imageClass}\n                style={{height}}\n                qa={qaAttributes.imageView}\n                onLoad={onLoad}\n            />\n        );\n    };\n\n    const imageSlider = (imageArray: ImageProps[]) => {\n        const fullscreenItem = fullscreen === undefined || fullscreen;\n\n        return (\n            <SliderBlock slidesToShow={1} type={SliderType.MediaCard}>\n                {imageArray.map((item, index) => (\n                    <React.Fragment key={index}>\n                        {fullscreenItem ? renderFullscreenImage(item) : imageOnly(item)}\n                    </React.Fragment>\n                ))}\n            </SliderBlock>\n        );\n    };\n\n    if (Array.isArray(image)) {\n        return imageSlider(image);\n    }\n\n    if (fullscreen) {\n        return renderFullscreenImage(image);\n    }\n\n    return isBackground ? imageBackground(image) : imageOnly(image);\n};\n\nexport default Image;\n"]}

package/build/cjs/components/Media/Image/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["components/Media/Image/utils.ts"],"names":[],"mappings":";;AAEA,sCAEC;AAFD,SAAgB,aAAa,CAAC,KAAiB;IAC3C,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC5D,CAAC","sourcesContent":["import {ImageProps} from '../../../models';\n\nexport function getMediaImage(image: ImageProps) {\n    return typeof image === 'string' ? {src: image} : image;\n}\n"]}

package/build/cjs/components/Media/Media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["components/Media/Media.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../../context/innerContext';\nimport {MediaProps, QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport {sanitizeMicrodata} from '../../utils/microdata';\nimport IframeVideoBlock from '../VideoBlock/VideoBlock';\n\nimport DataLens from './DataLens/DataLens';\nimport FullscreenVideo from './FullscreenVideo/FullscreenVideo';\nimport Iframe from './Iframe/Iframe';\nimport Image, {ImageAdditionProps} from './Image/Image';\nimport Video, {VideoAdditionProps} from './Video/Video';\n\nimport './Media.scss';\n\nconst b = block('Media');\n\nexport interface MediaAllProps extends MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {\n    className?: string;\n    youtubeClassName?: string;\n    autoplay?: boolean;\n    onImageLoad?: () => void;\n}\n\nexport const Media = (props: MediaAllProps) => {\n    const {\n        image,\n        video,\n        youtube,\n        videoIframe,\n        dataLens,\n        color,\n        height,\n        previewImg,\n        parallax = false,\n        fullscreen,\n        analyticsEvents,\n        className,\n        imageClassName,\n        videoClassName,\n        youtubeClassName,\n        disableImageSliderForArrayInput,\n        playVideo = true,\n        isBackground,\n        playButton,\n        customBarControlsClassName,\n        qa,\n        ratio,\n        autoplay,\n        onImageLoad,\n        iframe,\n        margins,\n        videoMicrodata,\n    } = props;\n\n    const [hasVideoFallback, setHasVideoFallback] = React.useState(false);\n    const {microdata} = React.useContext(InnerContext);\n\n    const qaAttributes = getQaAttrubutes(qa, 'video');\n\n    const content = React.useMemo(() => {\n        let result: React.ReactElement | React.ReactElement[] = [];\n\n        if (image) {\n            result.push(\n                <Image\n                    key=\"image\"\n                    parallax={parallax}\n                    image={image}\n                    disableImageSliderForArrayInput={disableImageSliderForArrayInput}\n                    height={height}\n                    imageClassName={imageClassName}\n                    isBackground={isBackground}\n                    video={video}\n                    hasVideoFallback={hasVideoFallback}\n                    fullscreen={fullscreen}\n                    qa={qaAttributes.image}\n                    onLoad={onImageLoad}\n                />,\n            );\n        }\n\n        if (video) {\n            const videoProps = {\n                key: 'video',\n                video,\n                videoClassName,\n                height,\n                analyticsEvents,\n                playVideo,\n                previewImg,\n                playButton,\n                customBarControlsClassName,\n                hasVideoFallback,\n                setHasVideoFallback,\n                ratio,\n            };\n\n            if (fullscreen) {\n                result.push(<FullscreenVideo {...videoProps} qa={qaAttributes.video} />);\n            } else {\n                result.push(<Video {...videoProps} qa={qaAttributes.video} />);\n            }\n        }\n\n        if (youtube || videoIframe) {\n            result = (\n                <IframeVideoBlock\n                    className={b('youtube', youtubeClassName)}\n                    record={youtube}\n                    videoIframe={videoIframe}\n                    attributes={{color: 'white', rel: '0'}}\n                    previewImg={previewImg}\n                    height={height}\n                    fullscreen={fullscreen}\n                    analyticsEvents={analyticsEvents}\n                    autoplay={autoplay}\n                    onImageLoad={onImageLoad}\n                />\n            );\n        }\n\n        if (dataLens) {\n            result = <DataLens dataLens={dataLens} />;\n        }\n\n        if (iframe) {\n            result = <Iframe iframe={iframe} margins={margins} />;\n        }\n\n        return result;\n    }, [\n        image,\n        video,\n        videoIframe,\n        youtube,\n        dataLens,\n        iframe,\n        parallax,\n        disableImageSliderForArrayInput,\n        height,\n        imageClassName,\n        isBackground,\n        hasVideoFallback,\n        fullscreen,\n        qaAttributes.image,\n        qaAttributes.video,\n        onImageLoad,\n        videoClassName,\n        analyticsEvents,\n        playVideo,\n        previewImg,\n        playButton,\n        customBarControlsClassName,\n        ratio,\n        youtubeClassName,\n        autoplay,\n        margins,\n    ]);\n\n    const videoMicrodataScript = React.useMemo(() => {\n        const {name, description} = videoMicrodata || {};\n        const json = JSON.stringify({\n            '@context': 'http://schema.org/',\n            '@type': 'VideoObject',\n            uploadDate: microdata?.contentUpdatedDate,\n            contentUrl: video?.src?.[0] || videoIframe || youtube,\n            thumbnailUrl: previewImg,\n            ...(videoMicrodata || {}),\n            name: name ? sanitizeMicrodata(name) : name,\n            description: description ? sanitizeMicrodata(description) : description,\n        });\n\n        return video || youtube || videoIframe ? (\n            <script type=\"application/ld+json\" dangerouslySetInnerHTML={{__html: json}} />\n        ) : null;\n    }, [microdata?.contentUpdatedDate, previewImg, video, videoIframe, videoMicrodata, youtube]);\n\n    return (\n        <div className={b(null, className)} style={{backgroundColor: color}} data-qa={qa}>\n            {videoMicrodataScript}\n            {content}\n        </div>\n    );\n};\n\nexport default Media;\n"]}

package/build/cjs/components/Media/Video/Video.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Video.js","sourceRoot":"../../../../../src","sources":["components/Media/Video/Video.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {MediaComponentVideoProps, MediaVideoType, PlayButtonProps, QAProps} from '../../../models';\nimport {block, getQaAttrubutes} from '../../../utils';\nimport {DefaultVideo} from '../../DefaultVideo/DefaultVideo';\nimport ReactPlayerBlock from '../../ReactPlayer/ReactPlayer';\n\nimport './Video.scss';\n\nconst b = block('media-component-video');\n\nexport interface VideoAdditionProps {\n    playButton?: PlayButtonProps;\n    customBarControlsClassName?: string;\n    videoClassName?: string;\n    playVideo?: boolean;\n}\n\ninterface InnerVideoProps {\n    setHasVideoFallback: React.Dispatch<boolean>;\n    hasVideoFallback: boolean;\n}\n\nexport type VideoAllProps = VideoAdditionProps &\n    MediaComponentVideoProps &\n    InnerVideoProps &\n    QAProps;\n\nconst Video = (props: VideoAllProps) => {\n    const {\n        video,\n        height,\n        analyticsEvents,\n        previewImg,\n        playButton: commonPlayButton,\n        customBarControlsClassName,\n        videoClassName,\n        playVideo,\n        setHasVideoFallback,\n        hasVideoFallback,\n        qa,\n        ratio,\n    } = props;\n\n    const qaAttributes = getQaAttrubutes(qa, 'source');\n\n    const ref = React.useRef<HTMLVideoElement>(null);\n\n    React.useEffect(() => {\n        if (ref && ref.current) {\n            const {loop} = video;\n\n            if (loop && typeof loop !== 'boolean') {\n                const {start = 0, end} = loop;\n\n                ref.current.addEventListener(\n                    'timeupdate',\n                    () => {\n                        const videoRef = ref.current;\n                        const endTime = end || (videoRef && videoRef.duration);\n\n                        if (videoRef && videoRef.currentTime === endTime) {\n                            videoRef.currentTime = start;\n                            videoRef.play().catch(() => setHasVideoFallback(true));\n                        }\n                    },\n                    {passive: true},\n                );\n            }\n\n            if (playVideo) {\n                ref.current.play().catch(() => setHasVideoFallback(true));\n            }\n        }\n    }, [playVideo, video, setHasVideoFallback]);\n\n    const reactPlayerBlock = React.useMemo(() => {\n        const {\n            src,\n            loop,\n            controls,\n            muted,\n            autoplay = true,\n            elapsedTime,\n            playButton,\n            ariaLabel,\n            customControlsOptions,\n            contain,\n        } = video;\n\n        return (\n            <ReactPlayerBlock\n                ref={ref}\n                className={b('react-player', videoClassName)}\n                src={src}\n                previewImgUrl={previewImg}\n                loop={Boolean(loop)}\n                controls={controls}\n                muted={muted}\n                autoplay={autoplay && playVideo}\n                elapsedTime={elapsedTime}\n                playButton={playButton || commonPlayButton}\n                customBarControlsClassName={customBarControlsClassName}\n                analyticsEvents={analyticsEvents}\n                height={height}\n                ariaLabel={ariaLabel}\n                customControlsOptions={customControlsOptions}\n                ratio={ratio === 'auto' ? undefined : ratio}\n                autoRatio={ratio === 'auto'}\n                contain={contain}\n            />\n        );\n    }, [\n        video,\n        height,\n        videoClassName,\n        previewImg,\n        playVideo,\n        commonPlayButton,\n        customBarControlsClassName,\n        analyticsEvents,\n        ratio,\n    ]);\n\n    const defaultVideoBlock = React.useMemo(() => {\n        return video.src.length && !hasVideoFallback ? (\n            <div\n                className={b('wrap', videoClassName)}\n                style={{height}}\n                data-qa={qaAttributes.default}\n            >\n                <DefaultVideo ref={ref} video={video} qa={qaAttributes.source} />\n            </div>\n        ) : null;\n    }, [\n        video,\n        hasVideoFallback,\n        videoClassName,\n        height,\n        qaAttributes.default,\n        qaAttributes.source,\n    ]);\n\n    switch (video.type) {\n        case MediaVideoType.Player:\n            return reactPlayerBlock;\n        case MediaVideoType.Default:\n        default:\n            return defaultVideoBlock;\n    }\n};\n\nexport default Video;\n"]}

package/build/cjs/components/Media/Video/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["components/Media/Video/utils.ts"],"names":[],"mappings":";;;AAAA,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,uBAAW,CAAA;IACX,yBAAa,CAAA;IACb,uBAAW,CAAA;IACX,uBAAW,CAAA;AACf,CAAC,EALW,QAAQ,wBAAR,QAAQ,QAKnB;AAED,IAAY,SAIX;AAJD,WAAY,SAAS;IACjB,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;IACnB,8BAAiB,CAAA;AACrB,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAOD,MAAM,iBAAiB,GAAG;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACnB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;IAClB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;CACrB,CAAC;AAEF,SAAS,cAAc,CAAC,GAAW;IAC/B,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAc,CAAC;IAElD,QAAQ,OAAO,EAAE,CAAC;QACd,KAAK,QAAQ,CAAC,GAAG;YACb,OAAO,SAAS,CAAC,GAAG,CAAC;QACzB,KAAK,QAAQ,CAAC,IAAI;YACd,OAAO,SAAS,CAAC,IAAI,CAAC;QAC1B,KAAK,QAAQ,CAAC,GAAG,CAAC;QAClB,KAAK,QAAQ,CAAC,GAAG;YACb,OAAO,SAAS,CAAC,GAAG,CAAC;QACzB;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC;AAEM,MAAM,yBAAyB,GAAG,CAAC,OAAiB,EAAiB,EAAE,CAC1E,OAAO;KACF,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;KAChD,IAAI,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAE;IACnC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACtB,OAAO,CAAC,CAAC;IACb,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACtB,OAAO,CAAC,CAAC,CAAC;IACd,CAAC;IACD,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC;AAXE,QAAA,yBAAyB,6BAW3B","sourcesContent":["export enum VideoExt {\n    Mp4 = 'mp4',\n    Webm = 'webm',\n    Ogg = 'ogg',\n    Ogv = 'ogv',\n}\n\nexport enum VideoType {\n    Mp4 = 'video/mp4',\n    Webm = 'video/webm',\n    Ogg = 'video/ogg',\n}\n\nexport interface ParsedVideo {\n    src: string;\n    type: VideoType | undefined;\n}\n\nconst VideoTypePriority = {\n    [VideoType.Webm]: 1,\n    [VideoType.Ogg]: 2,\n    [VideoType.Mp4]: 3,\n};\n\nfunction parseVideoType(src: string): VideoType | undefined {\n    const [path] = src.split('?');\n    const fileExt = path.split('.').pop() as VideoExt;\n\n    switch (fileExt) {\n        case VideoExt.Mp4:\n            return VideoType.Mp4;\n        case VideoExt.Webm:\n            return VideoType.Webm;\n        case VideoExt.Ogg:\n        case VideoExt.Ogv:\n            return VideoType.Ogg;\n        default:\n            return undefined;\n    }\n}\n\nexport const getVideoTypesWithPriority = (sources: string[]): ParsedVideo[] =>\n    sources\n        .map((src) => ({src, type: parseVideoType(src)}))\n        .sort(({type: typeA}, {type: typeB}) => {\n            if (typeA === undefined) {\n                return 1;\n            }\n            if (typeB === undefined) {\n                return -1;\n            }\n            return VideoTypePriority[typeA] - VideoTypePriority[typeB];\n        });\n"]}

package/build/cjs/components/MediaBase/MediaBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaBase.js","sourceRoot":"../../../../src","sources":["components/MediaBase/MediaBase.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2FAAsE;AACtE,8CAA0D;AAE1D,gDAAkC;AAClC,sEAAmC;AAEnC,qFAA8C;AAI9C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,IAAI,GAA0C,GAAG,EAAE,CAAC,IAAI,CAAC;AAOxD,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,QAAQ,EACR,UAAU,EACV,SAAS,GAAG,eAAe,EAC3B,eAAe,GAAG,eAAe,EACjC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,KAEpC,KAAK,EADF,iBAAiB,kBACpB,KAAK,EAVH,oHAUL,CAAQ,CAAC;IACV,MAAM,EAAC,KAAK,EAAE,WAAW,EAAC,GAAG,iBAAiB,CAAC;IAE/C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,SAAS;YACZ,CAAC,CAAC,EAAC,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC;YAC5B,CAAC,CAAC,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,uBAAC,0BAAY,oBAAK,iBAAiB,EAAI,CAAC;IAC3E,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtE,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,aAC9D,SAAS,IAAI,CACV,uBAAC,eAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,iBAAiB,GAC7B,CACL,EACD,uBAAC,WAAI,cACD,wBAAC,UAAG,IACA,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE;wBAChB,OAAO,EAAE,SAAS,KAAK,eAAe;wBACtC,gBAAgB,EAAE,eAAe,KAAK,eAAe;qBACxD,CAAC,aAEF,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,YAC5C,YAAY,GACX,EACL,IAAI,CAAC,CAAC,CAAC,CACJ,uBAAC,UAAG,IAAC,KAAK,EAAE,UAAU,YAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,GACrC,CACT,CAAC,CAAC,CAAC,IAAI,IACN,GACH,IACI,CAClB,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,SAAS,aAwDpB;AAEF,iBAAS,CAAC,IAAI,GAAG,IAAI,CAAC;AAEtB,kBAAe,iBAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {MediaBaseBlockProps} from '../../models';\nimport {block} from '../../utils';\nimport Title from '../Title/Title';\n\nimport MediaContent from './MediaBaseContent';\n\nimport './MediaBase.scss';\n\nconst b = block('media-base');\n\nconst Card: React.FC<React.PropsWithChildren<{}>> = () => null;\n\ninterface MediaBaseProps extends MediaBaseBlockProps {\n    children: React.ReactElement;\n    onScroll?: () => void;\n}\n\nexport const MediaBase = (props: MediaBaseProps) => {\n    const {\n        children,\n        largeMedia,\n        direction = 'content-media',\n        mobileDirection = 'content-media',\n        animated,\n        mediaOnly,\n        onScroll,\n        mediaOnlyColSizes = {all: 12, md: 8},\n        ...mediaContentProps\n    } = props;\n    const {title, description} = mediaContentProps;\n\n    const mediaSizes = React.useMemo(() => {\n        return mediaOnly\n            ? {[GridColumnSize.All]: 12}\n            : {[GridColumnSize.Md]: largeMedia ? 8 : 6, [GridColumnSize.All]: 12};\n    }, [mediaOnly, largeMedia]);\n\n    const contentSizes = React.useMemo(() => {\n        return {[GridColumnSize.Md]: largeMedia ? 4 : 6, [GridColumnSize.All]: 12};\n    }, [largeMedia]);\n\n    const mediaContent = !mediaOnly && <MediaContent {...mediaContentProps} />;\n    const card = children.type === Card ? children?.props.children : null;\n\n    return (\n        <AnimateBlock className={b()} onScroll={onScroll} animate={animated}>\n            {mediaOnly && (\n                <Title\n                    className={b('header')}\n                    title={title}\n                    subtitle={description}\n                    colSizes={mediaOnlyColSizes}\n                />\n            )}\n            <Grid>\n                <Row\n                    className={b('row', {\n                        reverse: direction === 'media-content',\n                        'mobile-reverse': mobileDirection === 'media-content',\n                    })}\n                >\n                    <Col className={b('content')} sizes={contentSizes}>\n                        {mediaContent}\n                    </Col>\n                    {card ? (\n                        <Col sizes={mediaSizes}>\n                            <div className={b('card')}>{card}</div>\n                        </Col>\n                    ) : null}\n                </Row>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nMediaBase.Card = Card;\n\nexport default MediaBase;\n"]}

package/build/cjs/components/MediaBase/MediaBaseContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaBaseContent.js","sourceRoot":"../../../../src","sources":["components/MediaBase/MediaBaseContent.tsx"],"names":[],"mappings":";;;AAGA,0DAAyC;AACzC,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9C,MAAM,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,IAAI,GAAG,GAAG,EACV,IAAI,GACP,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,iCAAK,MAAM,KAAE,IAAI,EAAE,IAAkB,KAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1F,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import {ButtonSize} from '@gravity-ui/uikit';\n\nimport {MediaContentProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './MediaBaseContent.scss';\n\nconst b = block('media-base-content');\n\nconst MediaContent = (props: MediaContentProps) => {\n    const {\n        title,\n        description,\n        button,\n        links,\n        buttons = [],\n        additionalInfo,\n        size = 'l',\n        list,\n    } = props;\n    const allButtons = button ? [{...button, size: 'xl' as ButtonSize}, ...buttons] : buttons;\n    return (\n        <div className={b()}>\n            <Content\n                title={title}\n                text={description}\n                links={links}\n                theme=\"default\"\n                buttons={allButtons}\n                list={list}\n                additionalInfo={additionalInfo}\n                size={size}\n                colSizes={{all: 12, md: 12}}\n            />\n        </div>\n    );\n};\n\nexport default MediaContent;\n"]}

package/build/cjs/components/MetaInfo/MetaInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaInfo.js","sourceRoot":"../../../../src","sources":["components/MetaInfo/MetaInfo.tsx"],"names":[],"mappings":";;;AACA,gDAAkC;AAClC,uCAAoC;AAIpC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAiB,EAAE,EAAE,CAAC,CACrD,+BAAI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACzB,uBAAC,kBAAU,IACP,OAAO,EAAE,YAAY,EAErB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAC,IAFpD,YAAY,CAGnB,CACL,CAAC,GACD,CACR,CAAC;AACF,kBAAe,QAAQ,CAAC","sourcesContent":["import {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\nimport {YFMWrapper} from '../index';\n\nimport './MetaInfo.scss';\n\nconst b = block('meta-info');\n\nexport interface MetaInfpoProps extends ClassNameProps {\n    items: string[];\n}\n\nconst MetaInfo = ({items, className}: MetaInfpoProps) => (\n    <h4 className={b(null, className)}>\n        {items.map((metaInfoItem) => (\n            <YFMWrapper\n                content={metaInfoItem}\n                key={metaInfoItem}\n                className={b('item')}\n                modifiers={{constructor: true, constructorMetaInfo: true}}\n            />\n        ))}\n    </h4>\n);\nexport default MetaInfo;\n"]}

package/build/cjs/components/MetaInfo/schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/MetaInfo/schema.ts"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG;IACb,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;CACJ,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["const metaInfo = {\n    type: 'array',\n    items: {\n        type: 'string',\n        contentType: 'text',\n    },\n};\n\nexport default metaInfo;\n"]}

package/build/cjs/components/OutsideClick/OutsideClick.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OutsideClick.js","sourceRoot":"../../../../src","sources":["components/OutsideClick/OutsideClick.tsx"],"names":[],"mappings":";;;;AAAA,kCAAkC;AAClC,qDAA+B;AAE/B,+DAA+B;AAQ/B,MAAqB,YAAa,SAAQ,KAAK,CAAC,SAE/C;IAFD;;QAGI,QAAG,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QA2BxC,uBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YACnC,IACI,CAAC,CAAC,MAAM;gBACR,IAAI,CAAC,GAAG;gBACR,IAAI,CAAC,GAAG,CAAC,OAAO;gBAChB,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAC9C,CAAC;gBACC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC;IAnCG,iBAAiB;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IACjF,CAAC;IAED,oBAAoB;QAChB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAElD,OAAO,CACH,gCACI,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAI,EACf,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAClC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAEzB,QAAQ,GACP,CACT,CAAC;IACN,CAAC;CAYJ;AAxCD,+BAwCC","sourcesContent":["//TODO move into cloud components?\nimport * as React from 'react';\n\nimport noop from 'lodash/noop';\n\nexport interface OutsideClickProps {\n    onOutsideClick: () => void;\n    className?: string;\n    onClick?: () => void;\n}\n\nexport default class OutsideClick extends React.Component<\n    React.PropsWithChildren<OutsideClickProps>\n> {\n    ref = React.createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('click', this.handleOutsideClick, {passive: true});\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children, className, onClick} = this.props;\n\n        return (\n            <div\n                className={className}\n                ref={this.ref}\n                onClick={onClick}\n                onKeyDown={noop}\n                role={onClick ? 'button' : 'group'}\n                tabIndex={onClick ? 0 : -1}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        if (\n            e.target &&\n            this.ref &&\n            this.ref.current &&\n            !this.ref.current.contains(e.target as Node)\n        ) {\n            this.props.onOutsideClick();\n        }\n    };\n}\n"]}

package/build/cjs/components/OverflowScroller/OverflowScroller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowScroller.js","sourceRoot":"../../../../src","sources":["components/OverflowScroller/OverflowScroller.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {ToggleArrow} from '..';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './OverflowScroller.scss';\n\nconst b = block('overflow-scroller');\nconst TRANSITION_TIME = 300;\nconst PADDING_SIZE = 24;\nconst DEFAULT_ARROW_SIZE = 18;\n\ntype Arrow = 'left' | 'right';\n\nexport interface OverflowScrollerProps {\n    className?: string;\n    onScrollStart?: () => void;\n    onScrollEnd?: () => void;\n    arrowSize?: number;\n    arrowClassName?: string;\n}\n\nexport interface OverflowScrollerState {\n    arrows: Arrow[];\n    scrollValue: number;\n}\n\nexport default class OverflowScroller extends React.Component<\n    React.PropsWithChildren<OverflowScrollerProps>,\n    OverflowScrollerState\n> {\n    state = {\n        arrows: [] as Arrow[],\n        scrollValue: 0,\n    };\n    containerRef = React.createRef<HTMLDivElement>();\n    wrapperRef = React.createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        this.checkOverflow();\n        window.addEventListener('resize', this.checkOverflow, {passive: true});\n    }\n\n    componentDidUpdate(\n        _prepvProps: OverflowScrollerProps,\n        {scrollValue: prevScrollValue}: OverflowScrollerState,\n    ) {\n        const {onScrollEnd} = this.props;\n\n        if (prevScrollValue !== this.state.scrollValue && onScrollEnd) {\n            setTimeout(onScrollEnd, TRANSITION_TIME + 100);\n        }\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.checkOverflow);\n    }\n\n    render() {\n        const {className, arrowClassName, children, arrowSize = DEFAULT_ARROW_SIZE} = this.props;\n        const {arrows, scrollValue} = this.state;\n        const wrapperStyle = arrows.length ? {left: -scrollValue} : {left: 0};\n        const paddingLeft = arrows.includes('left');\n        const paddingRight = arrows.includes('right');\n\n        return (\n            <div\n                className={b('container', {\n                    'padding-left': paddingLeft,\n                    'padding-right': paddingRight,\n                })}\n            >\n                <div className={b(null, className)} ref={this.containerRef}>\n                    <div className={b('wrapper')} style={wrapperStyle} ref={this.wrapperRef}>\n                        {children}\n                    </div>\n                </div>\n                {arrows.map((direction: Arrow) => (\n                    <button\n                        key={direction}\n                        className={b('arrow', {type: direction}, arrowClassName)}\n                        onClick={(e: React.MouseEvent) => this.handleScrollClick(e, direction)}\n                        aria-label={i18n(direction)}\n                    >\n                        <ToggleArrow size={arrowSize} type={'horizontal'} iconType=\"navigation\" />\n                    </button>\n                ))}\n            </div>\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering, react/sort-comp\n    private checkOverflow = debounce(() => {\n        if (\n            this.containerRef &&\n            this.containerRef.current &&\n            this.wrapperRef &&\n            this.wrapperRef.current\n        ) {\n            const containerWidth = this.containerRef.current.offsetWidth;\n            const wrapperWidth = this.wrapperRef.current.offsetWidth;\n            const scrollValue = 0;\n            const arrows: Arrow[] = wrapperWidth < containerWidth ? [] : ['right'];\n\n            this.setState({scrollValue, arrows});\n        }\n    }, 100);\n\n    private handleScrollClick = (e: React.MouseEvent, arrow: Arrow) => {\n        const {scrollValue, arrows} = this.state;\n        const {onScrollStart} = this.props;\n\n        if (\n            this.containerRef &&\n            this.containerRef.current &&\n            this.wrapperRef &&\n            this.wrapperRef.current\n        ) {\n            const containerWidth = this.containerRef.current.offsetWidth;\n            const wrapperWidth = this.wrapperRef.current.offsetWidth;\n            const hiddenWidth =\n                arrow === 'right' ? wrapperWidth - (containerWidth + scrollValue) : scrollValue;\n            const padding =\n                arrows.length > 1 && hiddenWidth + PADDING_SIZE > containerWidth ? PADDING_SIZE : 0;\n            const delta = containerWidth > hiddenWidth ? hiddenWidth : containerWidth;\n            const newScrollValue =\n                arrow === 'right' ? scrollValue + delta + padding : scrollValue - delta - padding;\n            let newArrows: Arrow[] = ['left', 'right'];\n\n            if (newScrollValue + containerWidth >= wrapperWidth) {\n                newArrows = ['left'];\n            } else if (!newScrollValue) {\n                newArrows = ['right'];\n            }\n\n            this.setState({arrows: newArrows, scrollValue: newScrollValue});\n\n            if (onScrollStart) {\n                onScrollStart();\n            }\n\n            e.stopPropagation();\n        }\n    };\n}\n"]}

package/build/cjs/components/OverflowScroller/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/OverflowScroller/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,kBAAkB,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}OverflowScroller`);\n"]}

package/build/cjs/components/ReactPlayer/CircleProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CircleProgress.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/CircleProgress.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAUlC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,EACF,SAAS,EACT,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,WAAW,GAAG,EAAE,EAChB,MAAM,GAAG,EAAE,EACX,SAAS,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH,mCACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAErC,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,aAEpB,UAAU,EACX,mCACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,MAAM,EACX,gBAAgB,EAAE,aAAa,GAAG,WAAW,GAAG,aAAa,EAC7D,eAAe,EAAE,aAAa,EAC9B,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,GAClB,IACR,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './CircleProgress.scss';\n\nconst b = block('CircleProgress');\n\nexport interface CircleProgressProps extends ClassNameProps {\n    elapsedTime: number;\n    baseColor?: string;\n    circleColor?: string;\n    strokeWidth?: number;\n    radius?: number;\n}\n\nconst CircleProgress = (props: CircleProgressProps) => {\n    const {\n        baseColor,\n        elapsedTime,\n        circleColor = '#262626',\n        strokeWidth = 10,\n        radius = 50,\n        className,\n    } = props;\n\n    const circumference = React.useMemo(() => 2 * Math.PI * radius, [radius]);\n\n    const baseCircle = React.useMemo(() => {\n        if (!baseColor) {\n            return null;\n        }\n\n        return (\n            <circle\n                cx=\"60\"\n                cy=\"60\"\n                r={radius}\n                fill=\"none\"\n                stroke={baseColor}\n                strokeWidth={strokeWidth}\n            />\n        );\n    }, [baseColor, radius, strokeWidth]);\n\n    return (\n        <svg\n            className={b(null, className)}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 120 120\"\n        >\n            {baseCircle}\n            <circle\n                cx=\"60\"\n                cy=\"60\"\n                r={radius}\n                transform=\"rotate(-90 60 60)\"\n                fill=\"none\"\n                strokeDashoffset={circumference - elapsedTime * circumference}\n                strokeDasharray={circumference}\n                stroke={circleColor}\n                strokeWidth={strokeWidth}\n            ></circle>\n        </svg>\n    );\n};\n\nexport default CircleProgress;\n"]}

package/build/cjs/components/ReactPlayer/CustomBarControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomBarControls.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/CustomBarControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Pause, Play, VolumeFill, VolumeLow, VolumeXmark} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {ClassNameProps, CustomControlsOptions, CustomControlsType} from '../../models';\nimport {block} from '../../utils';\n\nimport CircleProgress from './CircleProgress';\nimport {i18n} from './i18n';\n\nimport './CustomBarControls.scss';\n\nconst b = block('CustomBarControls');\n\nconst playIconsMap = {\n    [CustomControlsType.WithMuteButton]: null,\n    [CustomControlsType.WithPlayPauseButton]: Play,\n};\nconst pauseIconsMap = {\n    [CustomControlsType.WithMuteButton]: null,\n    [CustomControlsType.WithPlayPauseButton]: Pause,\n};\nconst muteIconsMap = {\n    [CustomControlsType.WithMuteButton]: VolumeFill,\n    [CustomControlsType.WithPlayPauseButton]: VolumeLow,\n};\nconst unmuteIconsMap = {\n    [CustomControlsType.WithMuteButton]: VolumeXmark,\n    [CustomControlsType.WithPlayPauseButton]: VolumeXmark,\n};\n\ninterface MuteConfigProps {\n    isMuted: boolean;\n    changeMute: (event: React.MouseEvent) => void;\n}\n\nexport interface CustomBarControlsProps extends ClassNameProps, CustomControlsOptions {\n    mute?: MuteConfigProps;\n    elapsedTimePercent?: number;\n    type?: CustomControlsType;\n    isPaused?: boolean;\n    onPlayClick?: () => void;\n    shown?: boolean;\n}\n\nconst CustomBarControls = (props: CustomBarControlsProps) => {\n    const {\n        mute,\n        elapsedTimePercent = 0,\n        className,\n        type = CustomControlsType.WithMuteButton,\n        isPaused,\n        onPlayClick,\n        muteButtonShown: isMuteButtonShown = true,\n        shown,\n        positioning,\n    } = props;\n\n    const muteIcon = muteIconsMap[type];\n    const unmuteIcon = unmuteIconsMap[type];\n    const playIcon = playIconsMap[type];\n    const pauseIcon = pauseIconsMap[type];\n\n    const muteButton = React.useMemo(() => {\n        if (!mute || !isMuteButtonShown) {\n            return null;\n        }\n\n        const {isMuted, changeMute} = mute;\n\n        return (\n            <button\n                className={b('button', {type})}\n                onClick={changeMute}\n                aria-label={i18n(isMuted ? 'unmute' : 'mute')}\n            >\n                <Icon data={isMuted ? unmuteIcon : muteIcon} className={b('mute-icon', {type})} />\n                {type === CustomControlsType.WithMuteButton && !isMuted && (\n                    <CircleProgress elapsedTime={elapsedTimePercent} strokeWidth={5} />\n                )}\n            </button>\n        );\n    }, [elapsedTimePercent, isMuteButtonShown, mute, muteIcon, type, unmuteIcon]);\n\n    const playPauseButton = React.useMemo(() => {\n        const icon = isPaused ? playIcon : pauseIcon;\n\n        if (type === CustomControlsType.WithMuteButton || !icon) {\n            return null;\n        }\n\n        return (\n            <button\n                onClick={onPlayClick}\n                className={b('button', {type})}\n                aria-label={i18n(isPaused ? 'play' : 'pause')}\n            >\n                <Icon data={icon} className={b('play-icon', {type})} />\n            </button>\n        );\n    }, [isPaused, onPlayClick, type, playIcon, pauseIcon]);\n\n    return (\n        <div className={b('wrapper', {type, shown, positioning}, className)}>\n            {playPauseButton}\n            {muteButton}\n        </div>\n    );\n};\n\nexport default CustomBarControls;\n"]}

package/build/cjs/components/ReactPlayer/ReactPlayer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactPlayer.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/ReactPlayer.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAA2C;AAC3C,6CAAuC;AACvC,uEAAuC;AACvC,wEAAuC;AAEvC,wEAA0D;AAC1D,sEAAwD;AACxD,gDAAmD;AACnD,kDAasB;AACtB,gDAAkC;AAElC,uFAAoD;AACpD,0CAA4B;AAC5B,sCAA2C;AAC3C,gDAAwD;AAIxD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,GAAG,GAAG,EAAE,CAAC;AAqBf,8CAA8C;AACjC,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;IACjB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EACF,GAAG,EACH,aAAa,EACb,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,+BAAsB,CAAC,OAAO,EACzC,qBAAqB,GAAG,EAAE,EAC1B,KAAK,EAAE,cAAc,GAAG,KAAK,EAC7B,WAAW,EACX,UAAU,EACV,SAAS,EACT,0BAA0B,EAC1B,WAAW,EACX,cAAc,EACd,eAAe,EACf,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,GAAG,IAAI,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,IAAI,GAAG,uBAAc,CAAC,OAAO,EAC7B,KAAK,GAAG,yBAAgB,CAAC,IAAI,EAC7B,IAAI,EACJ,SAAS,EAAE,eAAe,GAC7B,GAAG,UAAU,IAAK,EAAsB,CAAC;IAC1C,MAAM,EACF,IAAI,EAAE,kBAAkB,GAAG,2BAAkB,CAAC,cAAc,EAC5D,eAAe,EACf,WAAW,GAAG,wCAA+B,CAAC,MAAM,GACvD,GAAG,qBAAqB,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxE,MAAM,IAAI,GAAG,cAAc,IAAI,QAAQ,CAAC;IAExC,MAAM,EAAC,eAAe,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,eAAe,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QAChF,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,mBAAmB,CAAC,CAAC;IAE5E,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE;QACtC,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QAED,IAAI,IAAI,EAAE,KAAK,EAAE,gBAAgB,CAAC;QAClC,MAAM,aAAa,GAAG,SAAS,CAAC,iBAAiB,EAAE,CAAC;QACpD,IAAI,IAAA,iCAAuB,EAAC,aAAa,CAAC,EAAE,CAAC;YACzC,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAC,GAAG,aAAa,CAAC,CAAC;QAC7E,CAAC;aAAM,CAAC;YACJ,oEAAoE;YACpE,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAC,GAAG,aAAa,CAAC,CAAC;QACtD,CAAC;QAED,6CAA6C;QAC7C,OAAO;YACH,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAC9B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;YAChC,gBAAgB,EAAE,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC;SACzD,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA,EAAE,CAAC;YACzD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,WAAW,EAAE,CAAC;YACd,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC;YACxB,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;YAChD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,iDAAiD;gBACjD,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACpD,MAAM,EAAC,WAAW,EAAE,YAAY,EAAC,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;gBACpE,MAAM,QAAQ,GACV,aAAa,CAAC,WAAW;oBACzB,UAAU,CAAC,WAAW,CAAC;oBACvB,UAAU,CAAC,YAAY,CAAC,CAAC;gBAE7B,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACnB,gBAAgB,CACZ,IAAI,CAAC,KAAK,CACN,SAAS,CAAC,QAAQ,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACtE,CACJ,CAAC;YACN,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAC/D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,6BAAoB,CAAC,IAAI,CAAC,EACtF,CAAC,WAAW,CAAC,CAChB,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,6BAAoB,CAAC,IAAI,CAAC,EACtF,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,iBAAiB,CAAC;QAEtB,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,uBAAc,CAAC,IAAI;gBACpB,iBAAiB,GAAG,IAAI,CAAC;gBACzB,MAAM;YACV,KAAK,uBAAc,CAAC,OAAO,CAAC;YAC5B;gBACI,iBAAiB,GAAG,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,gBAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC;gBAC7E,MAAM;QACd,CAAC;QAED,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAC,EAAE,eAAe,CAAC,gBACzD,IAAA,WAAI,EAAC,MAAM,CAAC,EACxB,GAAG,EAAE,SAAS,YAEb,iBAAiB,GACb,CACZ,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,OAAgB,EAAE,EAAE;QACjB,IACI,OAAO;YACP,SAAS;YACT,QAAQ,KAAK,+BAAsB,CAAC,MAAM;YAC1C,kBAAkB,KAAK,2BAAkB,CAAC,cAAc,EAC1D,CAAC;YACC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACpB,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QACjD,eAAe,CAAC,MAAM,CAAC,CAAC;QAExB,IAAI,OAAO,EAAE,CAAC;YACV,QAAQ,CAAC,EAAC,eAAe,EAAE,GAAG,CAAC,OAAO,EAAC,CAAC,CAAC;QAC7C,CAAC;QAED,sEAAsE;QACtE,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EACD;QACI,SAAS;QACT,kBAAkB;QAClB,UAAU;QACV,UAAU;QACV,eAAe;QACf,QAAQ;QACR,QAAQ;KACX,CACJ,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;QAEnB,eAAe,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,wCAAwC;QACxC,IACI,QAAQ,KAAK,+BAAsB,CAAC,MAAM;YAC1C,kBAAkB,KAAK,2BAAkB,CAAC,cAAc,EAC1D,CAAC;YACC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IACI,QAAQ,KAAK,+BAAsB,CAAC,MAAM;YAC1C,kBAAkB,KAAK,2BAAkB,CAAC,cAAc,EAC1D,CAAC;YACC,IAAI,KAAK,EAAE,CAAC;gBACR,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAmB,EAAE,EAAE;QACtD,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,MAAM,YAAY,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAChD,MAAM,UAAU,GAAG,YAAY,CAAC,UAAgC,CAAC;QACjE,MAAM,WAAW,GAAG,YAAY,CAAC,WAAiC,CAAC;QACnE,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;YAC5B,cAAc,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAyB,EAAE,EAAE;QAC/D,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAElC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,oEAAoE;QACpE,sDAAsD;QACtD,8EAA8E;QAC9E,IAAI,IAAI,EAAE,CAAC;YACP,gBAAgB,CAAC,CAAC,CAAC,CAAC;YACpB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACJ,MAAM,EAAE,CAAC;QACb,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;;QACvC,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAE3B,IAAI,QAAQ,KAAK,+BAAsB,CAAC,MAAM,EAAE,CAAC;YAC7C,IAAI,kBAAkB,KAAK,2BAAkB,CAAC,cAAc,EAAE,CAAC;gBAC3D,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,WAAW,EAAE,CAAC;YAClB,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnE,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;;QAC/D,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAEhC,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YAClB,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAElE,OAAO,CACH,gCACI,SAAS,EAAE,CAAC,CACR;YACI,OAAO,EAAE,CAAC,aAAa;YACvB,QAAQ;YACR,OAAO;YACP,YAAY,EAAE,SAAS;SAC1B,EACD,SAAS,CACZ,EACD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,SAAS,EACvB,YAAY,EAAE,UAAU,EACxB,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,YAEV,SAAS,CAAC,CAAC,CAAC,CACT,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,sBAAW,IACR,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KAAK,+BAAsB,CAAC,OAAO,EACrD,MAAM,EAAE,aAAa,IAAI,MAAM,EAC/B,KAAK,EAAE,KAAK,IAAI,MAAM,EACtB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,GAAG,EACrB,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EACH,QAAQ,IAAI,kBAAkB,KAAK,2BAAkB,CAAC,cAAc;wBAChE,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,OAAO,EAEjB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,eAAe,EAAE,CAAC,CAAC,EACnB,MAAM,EAAE;wBACJ,IAAI,EAAE;4BACF,UAAU,EAAE;gCACR,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gCACnC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gCACtC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;6BACrD;yBACJ;qBACJ,GACH,EACD,QAAQ,KAAK,+BAAsB,CAAC,MAAM,IAAI,CAC3C,uBAAC,2BAAiB,IACd,SAAS,EAAE,0BAA0B,EACrC,IAAI,EAAE;wBACF,OAAO,EAAE,KAAK;wBACd,UAAU,EAAE,CAAC,KAAuB,EAAE,EAAE;4BACpC,KAAK,CAAC,eAAe,EAAE,CAAC;4BACxB,UAAU,CAAC,KAAK,CAAC,CAAC;wBACtB,CAAC;qBACJ,EACD,kBAAkB,EAAE,aAAa,EACjC,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAE,CAAC,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,EAC3D,WAAW,EAAE,WAAW,GAC1B,CACL,IACY,CACpB,CAAC,CAAC,CAAC,IAAI,GACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,SAAS,CAAC,KAAa,EAAE,QAAgB,CAAC,GAAG,EAAE;IACpD,OAAO,KAAK,GAAG,KAAK,CAAC;AACzB,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAoB;IAC1C,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;IAE5C,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACvF,CAAC;AAED,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {PlayFill} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport ReactPlayer from 'react-player';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {VideoContext} from '../../context/videoContext';\nimport {useAnalytics, useMount} from '../../hooks';\nimport {\n    AnalyticsEvent,\n    ClassNameProps,\n    CustomControlsButtonPositioning,\n    CustomControlsType,\n    DefaultEventNames,\n    MediaVideoControlsType,\n    MediaVideoProps,\n    PlayButtonProps,\n    PlayButtonThemes,\n    PlayButtonType,\n    PredefinedEventTypes,\n    ReactPlayerBlockHandler,\n} from '../../models';\nimport {block} from '../../utils';\n\nimport CustomBarControls from './CustomBarControls';\nimport {i18n} from './i18n';\nimport {checkYoutubeVideos} from './utils';\nimport {isYoutubePlayerInstance} from './utils/youtube';\n\nimport './ReactPlayer.scss';\n\nconst b = block('ReactPlayer');\n\nconst FPS = 60;\n\nexport interface ReactPlayerBlockProps\n    extends Omit<MediaVideoProps, 'loop' | 'src'>,\n        ClassNameProps {\n    src: string | string[];\n    previewImgUrl?: string;\n    loop?: boolean;\n    customBarControlsClassName?: string;\n    showPreview?: boolean;\n    onClickPreview?: () => void;\n    height?: number;\n    ratio?: number;\n    autoRatio?: boolean;\n    children?: React.ReactNode;\n}\n\ninterface PlayerPropgress {\n    played: number;\n}\n\n// eslint-disable-next-line react/display-name\nexport const ReactPlayerBlock = React.forwardRef<ReactPlayerBlockHandler, ReactPlayerBlockProps>(\n    (props, originRef) => {\n        const isMobile = React.useContext(MobileContext);\n        const {\n            src,\n            previewImgUrl,\n            loop = false,\n            controls = MediaVideoControlsType.Default,\n            customControlsOptions = {},\n            muted: initiallyMuted = false,\n            elapsedTime,\n            playButton,\n            className,\n            customBarControlsClassName,\n            showPreview,\n            onClickPreview,\n            analyticsEvents,\n            height,\n            ariaLabel,\n            ratio,\n            autoRatio,\n            contain = true,\n        } = props;\n\n        const {\n            type = PlayButtonType.Default,\n            theme = PlayButtonThemes.Blue,\n            text,\n            className: buttonClassName,\n        } = playButton || ({} as PlayButtonProps);\n        const {\n            type: customControlsType = CustomControlsType.WithMuteButton,\n            muteButtonShown,\n            positioning = CustomControlsButtonPositioning.Center,\n        } = customControlsOptions;\n\n        const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);\n        const mute = initiallyMuted || autoPlay;\n\n        const {playingVideoRef, setProps} = React.useContext(VideoContext);\n\n        const ref = React.useRef<HTMLDivElement>(null);\n        const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n        const [playerRef, setPlayerRef] = React.useState<ReactPlayer>();\n        const [isPlaying, setIsPlaying] = React.useState(autoPlay);\n        const [playedPercent, setPlayedPercent] = React.useState<number>(0);\n        const [currentHeight, setCurrentHeight] = React.useState(height);\n        const [width, setWidth] = React.useState<number>(0);\n        const [actualRatio, setActualRatio] = React.useState<number>();\n        const [muted, setMuted] = React.useState<boolean>(mute);\n        const [started, setStarted] = React.useState(autoPlay);\n        const [ended, setEnded] = React.useState<boolean>(false);\n        const [isMounted, setIsMounted] = React.useState(false);\n        const [hovered, setHovered] = React.useState(isMobile);\n\n        useMount(() => setIsMounted(true));\n\n        const videoSrc = React.useMemo(() => checkYoutubeVideos(src), [src]);\n\n        const eventsArray = React.useMemo(() => {\n            if (analyticsEvents) {\n                return Array.isArray(analyticsEvents) ? analyticsEvents : [analyticsEvents];\n            }\n\n            return [];\n        }, [analyticsEvents]);\n        const handleAnalytics = useAnalytics(DefaultEventNames.ReactPlayerControls);\n\n        React.useImperativeHandle(originRef, () => {\n            if (!playerRef) {\n                return;\n            }\n\n            let play, pause, addEventListener;\n            const videoInstance = playerRef.getInternalPlayer();\n            if (isYoutubePlayerInstance(videoInstance)) {\n                ({pauseVideo: pause, playVideo: play, addEventListener} = videoInstance);\n            } else {\n                // it is assumed that `videoInstance` is HTMLVideoElement by default\n                ({play, pause, addEventListener} = videoInstance);\n            }\n\n            // eslint-disable-next-line consistent-return\n            return {\n                play: play.bind(videoInstance),\n                pause: pause.bind(videoInstance),\n                addEventListener: addEventListener.bind(videoInstance),\n            };\n        }, [playerRef]);\n\n        React.useEffect(() => {\n            if (ref.current && !playingVideoRef?.contains(ref.current)) {\n                setMuted(true);\n            }\n        }, [playingVideoRef]);\n\n        React.useEffect(() => {\n            if (showPreview) {\n                playerRef?.showPreview();\n            }\n        }, [showPreview, playerRef]);\n\n        React.useEffect(() => {\n            if (playerRef && !started) {\n                setIsPlaying(autoPlay);\n            }\n        }, [autoPlay, playerRef, started]);\n\n        React.useEffect(() => setMuted(mute), [mute]);\n\n        React.useEffect(() => {\n            if (!started && isPlaying) {\n                setStarted(true);\n            }\n        }, [isPlaying, started]);\n\n        React.useEffect(() => {\n            if (started && !Number.isNaN(Number(elapsedTime))) {\n                playerRef?.seekTo(elapsedTime ?? 0, 'seconds');\n            }\n        }, [elapsedTime, playerRef, started]);\n\n        React.useEffect(() => {\n            const updateSize = debounce(() => {\n                if (ref.current) {\n                    // We need to get parent's width does not equal 0\n                    const parentElement = getParentElement(ref.current);\n                    const {paddingLeft, paddingRight} = getComputedStyle(parentElement);\n                    const newWidth =\n                        parentElement.offsetWidth -\n                        parseFloat(paddingLeft) -\n                        parseFloat(paddingRight);\n\n                    setWidth(newWidth);\n                    setCurrentHeight(\n                        Math.floor(\n                            getHeight(newWidth, ratio ?? (autoRatio ? actualRatio : undefined)),\n                        ),\n                    );\n                }\n            }, 200);\n\n            updateSize();\n            window.addEventListener('resize', updateSize, {passive: true});\n            return () => {\n                window.removeEventListener('resize', updateSize);\n            };\n        }, [actualRatio, autoRatio, ratio]);\n\n        const playEvents = React.useMemo(\n            () => eventsArray?.filter((e: AnalyticsEvent) => e.type === PredefinedEventTypes.Play),\n            [eventsArray],\n        );\n        const stopEvents = React.useMemo(\n            () => eventsArray?.filter((e: AnalyticsEvent) => e.type === PredefinedEventTypes.Stop),\n            [eventsArray],\n        );\n\n        const playIcon = React.useMemo(() => {\n            let playButtonContent;\n\n            switch (type) {\n                case PlayButtonType.Text:\n                    playButtonContent = text;\n                    break;\n                case PlayButtonType.Default:\n                default:\n                    playButtonContent = <Icon className={b('icon')} data={PlayFill} size={24} />;\n                    break;\n            }\n\n            return (\n                <button\n                    className={b('button', {theme, text: Boolean(text)}, buttonClassName)}\n                    aria-label={i18n('play')}\n                    ref={buttonRef}\n                >\n                    {playButtonContent}\n                </button>\n            );\n        }, [type, theme, text, buttonClassName]);\n\n        const changeMute = React.useCallback(\n            (isMuted: boolean) => {\n                if (\n                    isMuted &&\n                    playerRef &&\n                    controls === MediaVideoControlsType.Custom &&\n                    customControlsType === CustomControlsType.WithMuteButton\n                ) {\n                    playerRef.seekTo(0);\n                    setPlayedPercent(0);\n                }\n\n                const events = isMuted ? playEvents : stopEvents;\n                handleAnalytics(events);\n\n                if (isMuted) {\n                    setProps({playingVideoRef: ref.current});\n                }\n\n                // In order to the progress bar to update (equals 0) before displaying\n                setTimeout(() => setMuted(!isMuted), 0);\n            },\n            [\n                playerRef,\n                customControlsType,\n                playEvents,\n                stopEvents,\n                handleAnalytics,\n                setProps,\n                controls,\n            ],\n        );\n\n        const handleClickPreview = React.useCallback(() => {\n            setIsPlaying(true);\n            onClickPreview?.();\n\n            handleAnalytics(playEvents);\n        }, [onClickPreview, handleAnalytics, playEvents]);\n\n        const onPause = React.useCallback(() => {\n            // For support correct state for youtube\n            if (\n                controls !== MediaVideoControlsType.Custom ||\n                customControlsType !== CustomControlsType.WithMuteButton\n            ) {\n                setIsPlaying(false);\n            }\n        }, [controls, customControlsType]);\n\n        const onStart = React.useCallback(() => {\n            if (!autoPlay && !initiallyMuted) {\n                setMuted(false);\n            }\n        }, [autoPlay, initiallyMuted]);\n\n        const onPlay = React.useCallback(() => {\n            setIsPlaying(true);\n\n            if (\n                controls === MediaVideoControlsType.Custom &&\n                customControlsType === CustomControlsType.WithMuteButton\n            ) {\n                if (ended) {\n                    changeMute(false);\n                } else if (!isPlaying) {\n                    changeMute(muted);\n                }\n                setEnded(false);\n            }\n        }, [changeMute, controls, customControlsType, ended, isPlaying, muted]);\n\n        const onReady = React.useCallback((player: ReactPlayer) => {\n            setPlayerRef(player);\n            const videoElement = player.getInternalPlayer();\n            const videoWidth = videoElement.videoWidth as number | undefined;\n            const videoHeight = videoElement.videoHeight as number | undefined;\n            if (videoWidth && videoHeight) {\n                setActualRatio(videoHeight / videoWidth);\n            }\n        }, []);\n\n        const onProgress = React.useCallback((progress: PlayerPropgress) => {\n            setPlayedPercent(progress.played);\n\n            if (progress.played === 1) {\n                setMuted(true);\n            }\n        }, []);\n\n        const onEnded = React.useCallback(() => {\n            // Youtube videos not muted after finishing playing and start again.\n            // 'onEnded' does not fire when 'loop' is set to true.\n            // It is custom loop with muted sound after finishing playing and start again.\n            if (loop) {\n                setPlayedPercent(0);\n                setIsPlaying(true);\n                playerRef?.seekTo(0);\n            }\n\n            setEnded(true);\n        }, [loop, playerRef]);\n\n        const onPlayClick = React.useCallback(() => {\n            if (isPlaying) {\n                onPause();\n            } else {\n                onPlay();\n            }\n        }, [isPlaying, onPlay, onPause]);\n\n        const handleClick = React.useCallback(() => {\n            buttonRef.current?.click();\n\n            if (controls === MediaVideoControlsType.Custom) {\n                if (customControlsType === CustomControlsType.WithMuteButton) {\n                    changeMute(muted);\n                } else {\n                    onPlayClick();\n                }\n            }\n        }, [controls, customControlsType, changeMute, muted, onPlayClick]);\n\n        const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n            const key = e.key.toLowerCase();\n\n            if (key === 'enter') {\n                buttonRef.current?.click();\n            }\n        }, []);\n\n        const onFocusIn = React.useCallback(() => setHovered(true), []);\n        const onFocusOut = React.useCallback(() => setHovered(false), []);\n\n        return (\n            <div\n                className={b(\n                    {\n                        wrapper: !currentHeight,\n                        controls,\n                        contain,\n                        'auto-ratio': autoRatio,\n                    },\n                    className,\n                )}\n                ref={ref}\n                onClick={handleClick}\n                onMouseEnter={onFocusIn}\n                onMouseLeave={onFocusOut}\n                onFocus={onFocusIn}\n                onBlur={onFocusOut}\n                onKeyDown={handleKeyDown}\n                role=\"button\"\n                tabIndex={0}\n            >\n                {isMounted ? (\n                    <React.Fragment>\n                        <ReactPlayer\n                            className={b('player')}\n                            url={videoSrc}\n                            muted={muted}\n                            controls={controls === MediaVideoControlsType.Default}\n                            height={currentHeight || '100%'}\n                            width={width || '100%'}\n                            light={previewImgUrl}\n                            playing={isPlaying}\n                            playIcon={playIcon}\n                            progressInterval={FPS}\n                            onClickPreview={handleClickPreview}\n                            onStart={onStart}\n                            onReady={onReady}\n                            onPlay={onPlay}\n                            onPause={\n                                autoPlay && customControlsType !== CustomControlsType.WithMuteButton\n                                    ? undefined\n                                    : onPause\n                            } // to prevent pause icon flickering when autoplayed video ends\n                            onProgress={onProgress}\n                            onEnded={onEnded}\n                            aria-label={ariaLabel}\n                            previewTabIndex={-1}\n                            config={{\n                                file: {\n                                    attributes: {\n                                        pip: isMobile ? 'false' : undefined,\n                                        playsinline: isMobile ? '' : undefined,\n                                        disablepictureinpicture: isMobile ? '' : undefined,\n                                    },\n                                },\n                            }}\n                        />\n                        {controls === MediaVideoControlsType.Custom && (\n                            <CustomBarControls\n                                className={customBarControlsClassName}\n                                mute={{\n                                    isMuted: muted,\n                                    changeMute: (event: React.MouseEvent) => {\n                                        event.stopPropagation();\n                                        changeMute(muted);\n                                    },\n                                }}\n                                elapsedTimePercent={playedPercent}\n                                type={customControlsType}\n                                isPaused={!isPlaying}\n                                onPlayClick={onPlayClick}\n                                muteButtonShown={muteButtonShown}\n                                shown={hovered && ((!started && !previewImgUrl) || started)}\n                                positioning={positioning}\n                            />\n                        )}\n                    </React.Fragment>\n                ) : null}\n            </div>\n        );\n    },\n);\n\nfunction getHeight(width: number, ratio: number = 9 / 16): number {\n    return width * ratio;\n}\n\nfunction getParentElement(element: HTMLElement): HTMLElement {\n    const parentElement = element.parentElement;\n\n    if (!parentElement) {\n        return element;\n    }\n\n    return parentElement.offsetWidth ? parentElement : getParentElement(parentElement);\n}\n\nexport default ReactPlayerBlock;\n"]}

package/build/cjs/components/ReactPlayer/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/ReactPlayer/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,aAAa,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}ReactPlayer`);\n"]}

package/build/cjs/components/ReactPlayer/utils/youtube.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"youtube.js","sourceRoot":"../../../../../src","sources":["components/ReactPlayer/utils/youtube.ts"],"names":[],"mappings":";;;AAEO,MAAM,uBAAuB,GAAG,CACnC,cAAuD,EACxB,EAAE;IACjC,OAAO,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;AAChF,CAAC,CAAC;AAJW,QAAA,uBAAuB,2BAIlC","sourcesContent":["import type {YouTubePlayer} from 'youtube-player/dist/types';\n\nexport const isYoutubePlayerInstance = (\n    playerInstance: Record<string, unknown> | YouTubePlayer,\n): playerInstance is YouTubePlayer => {\n    return Boolean(playerInstance['pauseVideo'] && playerInstance['playVideo']);\n};\n"]}

package/build/cjs/components/ReactPlayer/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/utils.ts"],"names":[],"mappings":";;;AAAA,8DAA8D;AAC9D,MAAM,wBAAwB,GAC1B,0EAA0E,CAAC;AAC/E,MAAM,sBAAsB,GAAG,kCAAkC,CAAC;AAElE,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;;IACxC,IAAI,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACrC,MAAM,aAAa,GAAG,MAAA,GAAG,CAAC,KAAK,CAAC,wBAAwB,CAAC,0CAAG,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO,GAAG,CAAC;QACf,CAAC;QAED,OAAO,GAAG,sBAAsB,GAAG,aAAa,EAAE,CAAC;IACvD,CAAC;IAED,OAAO,GAAG,CAAC;AACf,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,GAAsB,EAAE,EAAE;IACzD,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,mBAAmB,CAAC,GAAG,CAAC,CAAC;AACpC,CAAC,CAAC;AANW,QAAA,kBAAkB,sBAM7B","sourcesContent":["// the file serves to support live video with react-player@2.9\nconst LIVE_YUOTUBE_VIDEO_REGEX =\n    /(?:youtu\\.be\\/live\\/|youtube(?:-nocookie)?\\.com\\/(?:live\\/))((\\w|-){11})/;\nconst YOUTUBE_VIDEO_TEMPLATE = 'https://www.youtube.com/watch?v=';\n\nconst transformYoutubeUrl = (src: string) => {\n    if (LIVE_YUOTUBE_VIDEO_REGEX.test(src)) {\n        const youtubeLiveId = src.match(LIVE_YUOTUBE_VIDEO_REGEX)?.[1];\n        if (!youtubeLiveId) {\n            return src;\n        }\n\n        return `${YOUTUBE_VIDEO_TEMPLATE}${youtubeLiveId}`;\n    }\n\n    return src;\n};\n\nexport const checkYoutubeVideos = (src: string | string[]) => {\n    if (Array.isArray(src)) {\n        return src.map((videoUrl) => transformYoutubeUrl(videoUrl));\n    }\n\n    return transformYoutubeUrl(src);\n};\n"]}

package/build/cjs/components/RootCn/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RootCn/index.tsx"],"names":[],"mappings":";;;AAEA,wDAA6C;AAE7C,gDAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAC,SAAS,EAAE,QAAQ,EAA0C,EAAE,EAAE;IAC9E,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,gCAAK,SAAS,EAAE,IAAA,cAAM,EAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACxE,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useTheme} from '../../context/theme';\nimport {ClassNameProps} from '../../models';\nimport {rootCn} from '../../utils';\n\nconst RootCn = ({className, children}: React.PropsWithChildren<ClassNameProps>) => {\n    const theme = useTheme();\n\n    return <div className={rootCn({theme}, className)}>{children}</div>;\n};\n\nexport default RootCn;\n"]}

package/build/cjs/components/RouterLink/RouterLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouterLink.js","sourceRoot":"../../../../src","sources":["components/RouterLink/RouterLink.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,4EAA8D;AAO9D,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAA2C,EAAE,EAAE;IAC9E,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAEjD,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;AACpG,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {LocationContext} from '../../context/locationContext';\n\nexport interface RouterLinkProps {\n    href: string;\n    [key: string]: unknown;\n}\n\nconst RouterLink = ({href, children}: React.PropsWithChildren<RouterLinkProps>) => {\n    const {Link} = React.useContext(LocationContext);\n\n    return Link ? <Link href={href}>{children}</Link> : <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default RouterLink;\n"]}

package/build/cjs/components/Table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["components/Table/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Check, Minus} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {HTML, YFMWrapper} from '../';\nimport {ClassNameProps, Justify, LegendTableMarkerType, TableProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nfunction getMarkerId(index: number): string | undefined {\n    if (isNaN(index)) {\n        return undefined;\n    }\n\n    return `marker-${index}`;\n}\n\nconst b = block('table');\n\nexport default class Table extends React.Component<TableProps & ClassNameProps> {\n    render() {\n        const {content, legend, hideLegend, marker = 'disk', className, caption} = this.props;\n\n        if (!content || !content.length || !content[0].length) {\n            return null;\n        }\n\n        return (\n            <div className={b(null, className)} role={'table'} aria-label={caption}>\n                {this.renderTable(content, marker, legend)}\n                {legend && !hideLegend && this.renderLegend(legend, marker)}\n            </div>\n        );\n    }\n\n    private renderTable(content: string[][], marker: LegendTableMarkerType, legend?: string[]) {\n        const justify = this.getDefaultJustify(content, this.props.justify);\n\n        return (\n            <div className={b('table')} role={'rowgroup'}>\n                {content.map((row, i) => (\n                    <div key={i} className={b('row')} role={'row'}>\n                        {row.map((cell, j) => (\n                            <div key={j} className={b('cell', {justify: justify[j]})} role={'cell'}>\n                                {legend && i && j ? (\n                                    this.renderMarker(marker, cell)\n                                ) : (\n                                    <HTML>{cell}</HTML>\n                                )}\n                            </div>\n                        ))}\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    private renderMarker(type: LegendTableMarkerType, cell: string) {\n        return (\n            <div\n                aria-labelledby={getMarkerId(Number(cell))}\n                className={b('marker', {type, index: String(cell)})}\n            >\n                {type === 'tick' ? (\n                    <Icon\n                        size={20}\n                        className={b('marker_tick', {check: Number(cell) === 1})}\n                        data={Number(cell) === 1 ? Check : Minus}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    private renderLegend(legend: string[], marker: LegendTableMarkerType) {\n        return (\n            <div className={b('legend')}>\n                {legend.map((item, index) => (\n                    <div key={item} className={b('legend-item')}>\n                        {this.renderMarker(marker, String(index))}\n                        <YFMWrapper\n                            className={b('legent-item-text')}\n                            content={item}\n                            modifiers={{constructor: true}}\n                            id={getMarkerId(index)}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    private getDefaultJustify(content: string[][], justify?: Justify[]) {\n        return justify || new Array(content[0].length).fill('center');\n    }\n}\n"]}

package/build/cjs/components/Title/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sourceRoot":"../../../../src","sources":["components/Title/Title.tsx"],"names":[],"mappings":";;;;AAAA,8CAAoD;AAEpD,gDAAkC;AAClC,qFAAkD;AAElD,uEAAoC;AAIpC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;AAOzB,MAAM,KAAK,GAAG,CAAC,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAC3B,EAAE,GACwB,EAAE,EAAE;IAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,KACF,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,EAAC,IAAI,EAAE,KAAK,EAAoB,CAAC,CAAC,CAAC,KAAK,EAD7E,EAAC,IAAI,OACwE,EADnE,UAAU,sBAApB,QAAqB,CACwD,CAAC;IAEpF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,aACrC,IAAI,IAAI,CACL,uBAAC,UAAG,IAAC,KAAK,QAAC,KAAK,EAAE,QAAQ,YACtB,uBAAC,mBAAS,kBAAC,IAAI,EAAE,IAAI,IAAM,UAAU,EAAI,GACvC,CACT,EACA,QAAQ,IAAI,CACT,uBAAC,UAAG,IAAC,KAAK,QAAC,KAAK,EAAE,QAAQ,YACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAAC,CAAC,YAC/D,uBAAC,oBAAU,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC/D,GACJ,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import {Col, GridColumnSizesType} from '../../grid';\nimport {ClassNameProps, TitleItemProps, TitleProps as TitleParams} from '../../models';\nimport {block} from '../../utils';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport TitleItem from './TitleItem';\n\nimport './Title.scss';\n\nconst b = block('title');\n\nexport interface TitleProps extends TitleParams {\n    colSizes?: GridColumnSizesType;\n    id?: string;\n}\n\nconst Title = ({\n    title,\n    subtitle,\n    className,\n    colSizes = {all: 12, sm: 8},\n    id,\n}: TitleProps & ClassNameProps) => {\n    if (!title && !subtitle) {\n        return null;\n    }\n\n    const {text, ...titleProps} =\n        !title || typeof title === 'string' ? ({text: title} as TitleItemProps) : title;\n\n    return (\n        <div className={b(null, className)} id={id}>\n            {text && (\n                <Col reset sizes={colSizes}>\n                    <TitleItem text={text} {...titleProps} />\n                </Col>\n            )}\n            {subtitle && (\n                <Col reset sizes={colSizes}>\n                    <div className={b('description', {titleSize: titleProps?.textSize})}>\n                        <YFMWrapper content={subtitle} modifiers={{constructor: true}} />\n                    </div>\n                </Col>\n            )}\n        </div>\n    );\n};\n\nexport default Title;\n"]}

package/build/cjs/components/Title/TitleItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TitleItem.js","sourceRoot":"../../../../src","sources":["components/Title/TitleItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {HTML, ToggleArrow} from '../';\nimport {LocationContext} from '../../context/locationContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {QAProps, TextSize, TitleItemProps} from '../../models';\nimport {block, getHeaderTag, getLinkProps} from '../../utils';\nimport Anchor from '../Anchor/Anchor';\n\nimport './TitleItem.scss';\n\nconst b = block('title-item');\n\nexport function getArrowSize(size: TextSize, isMobile: boolean) {\n    switch (size) {\n        case 'xs':\n            return 13;\n        case 's':\n            return 16;\n        case 'm':\n            return isMobile ? 22 : 24;\n        case 'l':\n            return isMobile ? 26 : 38;\n        default:\n            return 20;\n    }\n}\n\nexport interface TitleItemFullProps extends TitleItemProps, QAProps {\n    className?: string;\n    onClick?: () => void;\n    resetMargin?: boolean;\n}\n\nconst TitleItem = (props: TitleItemFullProps) => {\n    const isMobile = React.useContext(MobileContext);\n\n    const {\n        textSize = 'm',\n        text,\n        anchor,\n        justify,\n        url,\n        onClick,\n        custom,\n        className,\n        qa,\n        resetMargin = true,\n        urlTitle,\n    } = props;\n\n    const {hostname} = React.useContext(LocationContext);\n    const textMarkup = (\n        <React.Fragment>\n            <HTML className={b('text')}>{text}</HTML>\n            {custom && (\n                <React.Fragment>\n                    &nbsp;\n                    <span className={b('custom')}>{custom}</span>\n                </React.Fragment>\n            )}\n        </React.Fragment>\n    );\n    let content: React.ReactNode;\n\n    const insideClickableContent = (\n        <span className={b('wrapper')}>\n            {textMarkup}\n            &nbsp;\n            <ToggleArrow\n                className={b('arrow', {size: textSize})}\n                size={getArrowSize(textSize, isMobile)}\n                type={'horizontal'}\n                iconType=\"navigation\"\n                open={false}\n            />\n        </span>\n    );\n\n    if (!url && !onClick) {\n        content = textMarkup;\n    } else if (url) {\n        content = (\n            <a\n                className={b('link')}\n                href={url}\n                {...getLinkProps(url, hostname)}\n                onClick={onClick}\n                title={urlTitle}\n            >\n                {insideClickableContent}\n            </a>\n        );\n    } else if (onClick) {\n        content = (\n            <button className={b('link')} onClick={onClick} title={urlTitle}>\n                {insideClickableContent}\n            </button>\n        );\n    }\n\n    return (\n        <React.Fragment>\n            {anchor && <Anchor id={anchor} className={b('anchor')} />}\n            {React.createElement(\n                getHeaderTag(textSize),\n                {\n                    className: b({size: textSize, justify, 'reset-margin': resetMargin}, className),\n                    'data-qa': `${qa}-header`,\n                },\n                content,\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default TitleItem;\n"]}

package/build/cjs/components/ToggleArrow/ToggleArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleArrow.js","sourceRoot":"../../../../src","sources":["components/ToggleArrow/ToggleArrow.tsx"],"names":[],"mappings":";;;AAAA,6CAAuC;AAEvC,gDAAuD;AACvD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAY/B,MAAM,WAAW,GAAG,CAAC,EACjB,IAAI,GAAG,YAAY,EACnB,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,SAAS,GACM,EAAE,EAAE,CAAC,CACpB,uBAAC,YAAI,IACD,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,yBAAiB,CAAC,CAAC,CAAC,eAAO,EAC7D,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\n\nimport {Chevron, NavigationChevron} from '../../icons';\nimport {block} from '../../utils';\n\nimport './ToggleArrow.scss';\n\nconst b = block('ToggleArrow');\n\nexport interface ToggleArrowProps {\n    type?: 'horizontal' | 'vertical';\n    iconType?: 'navigation' | 'default';\n    open?: boolean;\n    size?: number;\n    thin?: boolean;\n    slow?: boolean;\n    className?: string;\n}\n\nconst ToggleArrow = ({\n    type = 'horizontal',\n    iconType = 'default',\n    open = false,\n    size = 16,\n    thin = false,\n    slow = false,\n    className,\n}: ToggleArrowProps) => (\n    <Icon\n        className={b({type, open, thin, slow}, className)}\n        data={iconType === 'navigation' ? NavigationChevron : Chevron}\n        size={size}\n    />\n);\n\nexport default ToggleArrow;\n"]}

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnpublishedLabel.js","sourceRoot":"../../../../src","sources":["components/UnpublishedLabel/UnpublishedLabel.tsx"],"names":[],"mappings":";;;AAEA,gDAAkC;AAElC,0CAA4B;AAG5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AASrC,MAAM,gBAAgB,GAAG,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,GACgC,EAAE,EAAE,CAAC,CAClD,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,IAAI,IAAA,WAAI,EAAC,qBAAqB,CAAC,GAAO,CACxF,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './UnpublishedLabel.scss';\n\nconst b = block('unpublished-label');\n\nexport type LabeLType = 'label' | 'line';\n\nexport interface UnpublishedLabelProps {\n    type?: LabeLType;\n    className?: string;\n}\n\nconst UnpublishedLabel = ({\n    className,\n    children,\n    type = 'line',\n}: React.PropsWithChildren<UnpublishedLabelProps>) => (\n    <div className={b({type}, className)}>{children || i18n('label_non_published')}</div>\n);\n\nexport default UnpublishedLabel;\n"]}

package/build/cjs/components/UnpublishedLabel/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/UnpublishedLabel/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,kBAAkB,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}UnpublishedLabel`);\n"]}

package/build/cjs/components/VideoBlock/VideoBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoBlock.js","sourceRoot":"../../../../src","sources":["components/VideoBlock/VideoBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {PlayFill} from '@gravity-ui/icons';\nimport {Icon, useActionHandlers, useUniqId} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport {v4 as uuidv4} from 'uuid';\n\nimport {useAnalytics} from '../../hooks/useAnalytics';\nimport {AnalyticsEventsBase, DefaultEventNames} from '../../models/common';\nimport {block, getPageSearchParams} from '../../utils';\nimport Image from '../Image/Image';\n\nimport {i18n} from './i18n';\n\nimport './VideoBlock.scss';\n\nconst RECORD_URL = 'https://www.youtube.com/embed/';\nconst STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';\nconst RECORD_RE = /[0-9A-Za-z_-]{11}/;\nconst STREAM_RE = /[0-9A-Za-z_-]{23,25}/;\nconst AUTOPLAY_DELAY = 300;\n\nexport const AUTOPLAY_ATTRIBUTES = {\n    autoplay: 1,\n    mute: 1,\n};\nconst NO_AUTOPLAY_ATTRIBUTES = {\n    autoplay: 0,\n};\n\nconst b = block('VideoBlock');\n\nfunction getYoutubeVideoSrc(stream?: string, record?: string) {\n    if (!stream && !record) {\n        return null;\n    }\n\n    const [videoLink, url, re] = stream\n        ? [stream, STREAM_URL, STREAM_RE]\n        : [record, RECORD_URL, RECORD_RE];\n    const match = videoLink?.match(re);\n    let src;\n\n    if (match && match.length) {\n        src = url + match[0];\n    }\n\n    return src;\n}\n\nexport function getHeight(width: number): number {\n    return (width / 16) * 9;\n}\n\nexport interface VideoBlockProps extends AnalyticsEventsBase {\n    id?: string;\n    stream?: string;\n    record?: string;\n    videoIframe?: string;\n    attributes?: Record<string, string>;\n    className?: string;\n    previewImg?: string;\n    playButton?: React.ReactNode;\n    playButtonId?: string;\n    height?: number;\n    fullscreen?: boolean;\n    autoplay?: boolean;\n    onImageLoad?: () => void;\n}\n\nconst VideoBlock = (props: VideoBlockProps) => {\n    const {\n        stream,\n        record,\n        videoIframe,\n        attributes,\n        className,\n        id,\n        previewImg,\n        playButton,\n        playButtonId,\n        height,\n        fullscreen,\n        analyticsEvents,\n        autoplay,\n        onImageLoad,\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.VideoPreview);\n\n    const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);\n    const ref = React.useRef<HTMLDivElement>(null);\n    const [hidePreview, setHidePreview] = React.useState(false);\n    const [currentHeight, setCurrentHeight] = React.useState(height || undefined);\n    const fullId = React.useMemo(() => id || uuidv4(), [id]);\n    const buttonId = useUniqId();\n\n    const [isPlaying, setIsPlaying] = React.useState(!previewImg);\n\n    const iframeSrc = React.useMemo(() => {\n        if (src && isPlaying) {\n            try {\n                const url = new URL(src);\n                const searchParams = getPageSearchParams({\n                    ...(attributes || {}),\n                    ...(previewImg || autoplay ? AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES),\n                });\n\n                searchParams.forEach((value, key) => {\n                    url.searchParams.set(key, value);\n                });\n\n                return url.href;\n            } catch (e) {\n                return src;\n            }\n        }\n\n        return undefined;\n    }, [attributes, autoplay, isPlaying, previewImg, src]);\n\n    const onPreviewClick = React.useCallback(() => {\n        handleAnalytics(analyticsEvents);\n\n        setIsPlaying(true);\n\n        setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);\n    }, [handleAnalytics, analyticsEvents]);\n\n    const {onKeyDown: onPreviewKeyDown} = useActionHandlers(onPreviewClick);\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            setCurrentHeight(\n                ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined,\n            );\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [height]);\n\n    const iframeContent = React.useMemo(() => {\n        return (\n            <iframe\n                id={fullId}\n                src={iframeSrc}\n                width=\"100%\"\n                height=\"100%\"\n                title={i18n('iframe-title')}\n                frameBorder=\"0\"\n                allowFullScreen={true}\n                allow=\"autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock\"\n                loading=\"lazy\"\n            />\n        );\n    }, [fullId, iframeSrc]);\n\n    React.useEffect(() => {\n        setHidePreview(false);\n    }, [src]);\n\n    if (!src) {\n        return null;\n    }\n\n    return (\n        <div className={b(null, className)} style={{height: currentHeight}} ref={ref}>\n            {iframeContent}\n            {previewImg && !hidePreview && !fullscreen && (\n                <div\n                    className={b('preview')}\n                    onClick={onPreviewClick}\n                    onKeyDown={onPreviewKeyDown}\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-labelledby={playButton ? playButtonId : buttonId}\n                >\n                    <Image\n                        src={previewImg}\n                        className={b('image')}\n                        containerClassName={b('image-wrapper')}\n                        onLoad={onImageLoad}\n                    />\n                    {playButton || (\n                        <button title=\"Play\" id={buttonId} className={b('button')}>\n                            <Icon className={b('icon')} data={PlayFill} size={24} />\n                        </button>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default VideoBlock;\n"]}

package/build/cjs/components/VideoBlock/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/VideoBlock/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,YAAY,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}VideoBlock`);\n"]}

package/build/cjs/components/YFMWrapper/YFMWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YFMWrapper.js","sourceRoot":"../../../../src","sources":["components/YFMWrapper/YFMWrapper.tsx"],"names":[],"mappings":";;;;AAAA;yCACyC;AACzC,4EAAyC;AAEzC,4CAAsC;AAGtC,gDAA+B;AAE/B,MAAM,GAAG,GAAG,IAAA,UAAE,EAAC,KAAK,CAAC,CAAC;AAStB,MAAM,UAAU,GAAG,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAkB,EAAE,EAAE,CAAC,CACvF,uBAAC,iBAAI,IACD,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAClE,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,YAEL,OAAO,GACL,CACV,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* we won't use 'pc' class prefix here to let you opportunity to define yfm styles\nin your project via global 'yfm' class */\nimport toSnakeCase from 'snakecase-keys';\n\nimport {HTML} from '../../components';\nimport {ClassNameProps, Modifiers} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {cn} from '../../utils';\n\nconst yfm = cn('yfm');\n\nexport interface YFMWrapperProps extends ClassNameProps, QAProps {\n    content: string;\n    modifiers?: Modifiers;\n    itemProp?: string;\n    id?: string;\n}\n\nconst YFMWrapper = ({content, modifiers, className, itemProp, id, qa}: YFMWrapperProps) => (\n    <HTML\n        className={yfm(modifiers ? toSnakeCase(modifiers) : {}, className)}\n        itemProp={itemProp}\n        id={id}\n        qa={qa}\n    >\n        {content}\n    </HTML>\n);\n\nexport default YFMWrapper;\n"]}