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

package/build/esm/components/Title/TitleItem.d.ts

@@ -1,4 +1,4 @@
-import { QAProps, TextSize, TitleItemProps } from '../../models';
+import { QAProps, TextSize, TitleItemProps } from "../../models/index.js";
 import './TitleItem.css';
 export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
@@ -6,5 +6,5 @@ export interface TitleItemFullProps extends TitleItemProps, QAProps {
     onClick?: () => void;
     resetMargin?: boolean;
 }
-declare const TitleItem: (props: TitleItemFullProps) => JSX.Element;
+declare const TitleItem: (props: TitleItemFullProps) => import("react/jsx-runtime").JSX.Element;
 export default TitleItem;

package/build/esm/components/Title/TitleItem.js

@@ -1,9 +1,10 @@
-import React, { Fragment, useContext } from 'react';
-import { HTML, ToggleArrow } from '../';
-import { LocationContext } from '../../context/locationContext';
-import { MobileContext } from '../../context/mobileContext';
-import { block, getHeaderTag, getLinkProps } from '../../utils';
-import Anchor from '../Anchor/Anchor';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { HTML, ToggleArrow } from "../index.js";
+import { LocationContext } from "../../context/locationContext/index.js";
+import { MobileContext } from "../../context/mobileContext/index.js";
+import { block, getHeaderTag, getLinkProps } from "../../utils/index.js";
+import Anchor from "../Anchor/Anchor.js";
 import './TitleItem.css';
 const b = block('title-item');
 export function getArrowSize(size, isMobile) {
@@ -21,33 +22,25 @@ export function getArrowSize(size, isMobile) {
     }
 }
 const TitleItem = (props) => {
-    const isMobile = useContext(MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, qa, resetMargin = true, urlTitle, } = props;
-    const { hostname } = useContext(LocationContext);
-    const textMarkup = (React.createElement(React.Fragment, null,
-        React.createElement(HTML, { className: b('text') }, text),
-        custom && (React.createElement(React.Fragment, null,
-            "\u00A0",
-            React.createElement("span", { className: b('custom') }, custom)))));
+    const { hostname } = React.useContext(LocationContext);
+    const textMarkup = (_jsxs(React.Fragment, { children: [_jsx(HTML, { className: b('text'), children: text }), custom && (_jsxs(React.Fragment, { children: ["\u00A0", _jsx("span", { className: b('custom'), children: custom })] }))] }));
     let content;
-    const insideClickableContent = (React.createElement("span", { className: b('wrapper') },
-        textMarkup,
-        "\u00A0",
-        React.createElement(ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })));
+    const insideClickableContent = (_jsxs("span", { className: b('wrapper'), children: [textMarkup, "\u00A0", _jsx(ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })] }));
     if (!url && !onClick) {
         content = textMarkup;
     }
     else if (url) {
-        content = (React.createElement("a", Object.assign({ className: b('link'), href: url }, getLinkProps(url, hostname), { onClick: onClick, title: urlTitle }), insideClickableContent));
+        content = (_jsx("a", Object.assign({ className: b('link'), href: url }, getLinkProps(url, hostname), { onClick: onClick, title: urlTitle, children: insideClickableContent })));
     }
     else if (onClick) {
-        content = (React.createElement("button", { className: b('link'), onClick: onClick, title: urlTitle }, insideClickableContent));
+        content = (_jsx("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
     }
-    return (React.createElement(Fragment, null,
-        anchor && React.createElement(Anchor, { id: anchor, className: b('anchor') }),
-        React.createElement(getHeaderTag(textSize), {
-            className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
-            'data-qa': `${qa}-header`,
-        }, content)));
+    return (_jsxs(React.Fragment, { children: [anchor && _jsx(Anchor, { id: anchor, className: b('anchor') }), React.createElement(getHeaderTag(textSize), {
+                className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
+                'data-qa': `${qa}-header`,
+            }, content)] }));
 };
 export default TitleItem;
+//# sourceMappingURL=TitleItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleItem.js","sourceRoot":"../../../../src","sources":["components/Title/TitleItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,oBAAY;AACtC,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAE1D,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAC,6BAAoB;AAC9D,OAAO,MAAM,4BAAyB;AAEtC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,UAAU,YAAY,CAAC,IAAc,EAAE,QAAiB;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI;YACL,OAAO,EAAE,CAAC;QACd,KAAK,GAAG;YACJ,OAAO,EAAE,CAAC;QACd,KAAK,GAAG;YACJ,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B,KAAK,GAAG;YACJ,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC;AAQD,MAAM,SAAS,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,EACF,QAAQ,GAAG,GAAG,EACd,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,EAAE,EACF,WAAW,GAAG,IAAI,EAClB,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,CACf,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACxC,MAAM,IAAI,CACP,MAAC,KAAK,CAAC,QAAQ,yBAEX,eAAM,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAQ,IAChC,CACpB,IACY,CACpB,CAAC;IACF,IAAI,OAAwB,CAAC;IAE7B,MAAM,sBAAsB,GAAG,CAC3B,gBAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,UAAU,YAEX,KAAC,WAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EACvC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACtC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,KAAK,GACb,IACC,CACV,CAAC;IAEF,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACb,OAAO,GAAG,CACN,0BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,GAAG,IACL,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,IAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,YAEd,sBAAsB,IACvB,CACP,CAAC;IACN,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACjB,OAAO,GAAG,CACN,iBAAQ,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,YAC1D,sBAAsB,GAClB,CACZ,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,MAAM,IAAI,KAAC,MAAM,IAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACxD,KAAK,CAAC,aAAa,CAChB,YAAY,CAAC,QAAQ,CAAC,EACtB;gBACI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAC,EAAE,SAAS,CAAC;gBAC/E,SAAS,EAAE,GAAG,EAAE,SAAS;aAC5B,EACD,OAAO,CACV,IACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","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/esm/components/ToggleArrow/ToggleArrow.d.ts

@@ -8,5 +8,5 @@ export interface ToggleArrowProps {
     slow?: boolean;
     className?: string;
 }
-declare const ToggleArrow: ({ type, iconType, open, size, thin, slow, className, }: ToggleArrowProps) => JSX.Element;
+declare const ToggleArrow: ({ type, iconType, open, size, thin, slow, className, }: ToggleArrowProps) => import("react/jsx-runtime").JSX.Element;
 export default ToggleArrow;

package/build/esm/components/ToggleArrow/ToggleArrow.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from '@gravity-ui/uikit';
-import { Chevron, NavigationChevron } from '../../icons';
-import { block } from '../../utils';
+import { Chevron, NavigationChevron } from "../../icons/index.js";
+import { block } from "../../utils/index.js";
 import './ToggleArrow.css';
 const b = block('ToggleArrow');
-const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (React.createElement(Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? NavigationChevron : Chevron, size: size }));
+const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (_jsx(Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? NavigationChevron : Chevron, size: size }));
 export default ToggleArrow;
+//# sourceMappingURL=ToggleArrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleArrow.js","sourceRoot":"../../../../src","sources":["components/ToggleArrow/ToggleArrow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,6BAAoB;AACvD,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,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,KAAC,IAAI,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,iBAAiB,CAAC,CAAC,CAAC,OAAO,EAC7D,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;AAEF,eAAe,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/esm/components/UnpublishedLabel/UnpublishedLabel.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import * as React from 'react';
 import './UnpublishedLabel.css';
 export type LabeLType = 'label' | 'line';
 export interface UnpublishedLabelProps {
     type?: LabeLType;
     className?: string;
 }
-declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => JSX.Element;
+declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => import("react/jsx-runtime").JSX.Element;
 export default UnpublishedLabel;

package/build/esm/components/UnpublishedLabel/UnpublishedLabel.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import { block } from '../../utils';
-import { i18n } from './i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './UnpublishedLabel.css';
 const b = block('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => (React.createElement("div", { className: b({ type }, className) }, children || i18n('label_non_published')));
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (_jsx("div", { className: b({ type }, className), children: children || i18n('label_non_published') }));
 export default UnpublishedLabel;
+//# sourceMappingURL=UnpublishedLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnpublishedLabel.js","sourceRoot":"../../../../src","sources":["components/UnpublishedLabel/UnpublishedLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAC5B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AASrC,MAAM,gBAAgB,GAAG,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,GACgC,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,IAAI,IAAI,CAAC,qBAAqB,CAAC,GAAO,CACxF,CAAC;AAEF,eAAe,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/esm/components/UnpublishedLabel/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "label_non_published", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "label_non_published", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-UnpublishedLabel": Record<"label_non_published", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/components/UnpublishedLabel/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}UnpublishedLabel`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/UnpublishedLabel/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/components/VideoBlock/VideoBlock.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AnalyticsEventsBase } from '../../models/common';
+import * as React from 'react';
+import { AnalyticsEventsBase } from "../../models/common.js";
 import './VideoBlock.css';
 export declare const AUTOPLAY_ATTRIBUTES: {
     autoplay: number;
@@ -21,5 +21,5 @@ export interface VideoBlockProps extends AnalyticsEventsBase {
     autoplay?: boolean;
     onImageLoad?: () => void;
 }
-declare const VideoBlock: (props: VideoBlockProps) => JSX.Element | null;
+declare const VideoBlock: (props: VideoBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default VideoBlock;

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,13 +1,14 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { PlayFill } from '@gravity-ui/icons';
 import { Icon, useActionHandlers, useUniqId } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import { v4 as uuidv4 } from 'uuid';
-import { useAnalytics } from '../../hooks/useAnalytics';
-import { DefaultEventNames } from '../../models/common';
-import { block, getPageSearchParams } from '../../utils';
-import Image from '../Image/Image';
-import { i18n } from './i18n';
+import { useAnalytics } from "../../hooks/useAnalytics.js";
+import { DefaultEventNames } from "../../models/common.js";
+import { block, getPageSearchParams } from "../../utils/index.js";
+import Image from "../Image/Image.js";
+import { i18n } from "./i18n/index.js";
 import './VideoBlock.css';
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
@@ -43,13 +44,13 @@ const VideoBlock = (props) => {
     const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.VideoPreview);
     const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);
-    const ref = useRef(null);
-    const [hidePreview, setHidePreview] = useState(false);
-    const [currentHeight, setCurrentHeight] = useState(height || undefined);
-    const fullId = useMemo(() => id || uuidv4(), [id]);
+    const ref = React.useRef(null);
+    const [hidePreview, setHidePreview] = React.useState(false);
+    const [currentHeight, setCurrentHeight] = React.useState(height || undefined);
+    const fullId = React.useMemo(() => id || uuidv4(), [id]);
     const buttonId = useUniqId();
-    const [isPlaying, setIsPlaying] = useState(!previewImg);
-    const iframeSrc = useMemo(() => {
+    const [isPlaying, setIsPlaying] = React.useState(!previewImg);
+    const iframeSrc = React.useMemo(() => {
         if (src && isPlaying) {
             try {
                 const url = new URL(src);
@@ -65,13 +66,13 @@ const VideoBlock = (props) => {
         }
         return undefined;
     }, [attributes, autoplay, isPlaying, previewImg, src]);
-    const onPreviewClick = useCallback(() => {
+    const onPreviewClick = React.useCallback(() => {
         handleAnalytics(analyticsEvents);
         setIsPlaying(true);
         setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
     }, [handleAnalytics, analyticsEvents]);
     const { onKeyDown: onPreviewKeyDown } = useActionHandlers(onPreviewClick);
-    useEffect(() => {
+    React.useEffect(() => {
         const updateSize = debounce(() => {
             setCurrentHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);
         }, 100);
@@ -81,20 +82,16 @@ const VideoBlock = (props) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [height]);
-    const iframeContent = useMemo(() => {
-        return (React.createElement("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: i18n('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
+    const iframeContent = React.useMemo(() => {
+        return (_jsx("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: i18n('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
     }, [fullId, iframeSrc]);
-    useEffect(() => {
+    React.useEffect(() => {
         setHidePreview(false);
     }, [src]);
     if (!src) {
         return null;
     }
-    return (React.createElement("div", { className: b(null, className), style: { height: currentHeight }, ref: ref },
-        iframeContent,
-        previewImg && !hidePreview && !fullscreen && (React.createElement("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId },
-            React.createElement(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
-            playButton || (React.createElement("button", { title: "Play", id: buttonId, className: b('button') },
-                React.createElement(Icon, { className: b('icon'), data: PlayFill, size: 24 })))))));
+    return (_jsxs("div", { className: b(null, className), style: { height: currentHeight }, ref: ref, children: [iframeContent, previewImg && !hidePreview && !fullscreen && (_jsxs("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId, children: [_jsx(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }), playButton || (_jsx("button", { title: "Play", id: buttonId, className: b('button'), children: _jsx(Icon, { className: b('icon'), data: PlayFill, size: 24 }) }))] }))] }));
 };
 export default VideoBlock;
+//# sourceMappingURL=VideoBlock.js.map

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

@@ -0,0 +1 @@
+{"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/esm/components/VideoBlock/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "iframe-title", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-VideoBlock": Record<"iframe-title", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/components/VideoBlock/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}VideoBlock`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/VideoBlock/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/components/YFMWrapper/YFMWrapper.d.ts

@@ -1,10 +1,10 @@
-import { ClassNameProps, Modifiers } from '../../models';
-import { QAProps } from '../../models/common';
+import { ClassNameProps, Modifiers } from "../../models/index.js";
+import { QAProps } from "../../models/common.js";
 export interface YFMWrapperProps extends ClassNameProps, QAProps {
     content: string;
     modifiers?: Modifiers;
     itemProp?: string;
     id?: string;
 }
-declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => JSX.Element;
+declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default YFMWrapper;

package/build/esm/components/YFMWrapper/YFMWrapper.js

@@ -1,9 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
-import React from 'react';
 import toSnakeCase from 'snakecase-keys';
-import { HTML } from '../../components';
-import { cn } from '../../utils';
+import { HTML } from "../index.js";
+import { cn } from "../../utils/index.js";
 const yfm = cn('yfm');
-const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (React.createElement(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa }, content));
+const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (_jsx(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa, children: content }));
 export default YFMWrapper;
+//# sourceMappingURL=YFMWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YFMWrapper.js","sourceRoot":"../../../../src","sources":["components/YFMWrapper/YFMWrapper.tsx"],"names":[],"mappings":";AAAA;yCACyC;AACzC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,IAAI,EAAC,oBAAyB;AAGtC,OAAO,EAAC,EAAE,EAAC,6BAAoB;AAE/B,MAAM,GAAG,GAAG,EAAE,CAAC,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,KAAC,IAAI,IACD,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,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,eAAe,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"]}

package/build/esm/components/YandexForm/YandexForm.d.ts

@@ -1,5 +1,5 @@
-import { YandexFormProps } from '../../models';
+import { YandexFormProps } from "../../models/index.js";
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
 export declare const YANDEX_FORM_SECTION = "surveys";
-declare const YandexForm: (props: YandexFormProps) => JSX.Element;
+declare const YandexForm: (props: YandexFormProps) => import("react/jsx-runtime").JSX.Element;
 export default YandexForm;

package/build/esm/components/YandexForm/YandexForm.js

@@ -1,24 +1,25 @@
-import React, { useCallback, useContext, useEffect, useRef } from 'react';
-import { LocaleContext } from '../../context/localeContext';
-import { MobileContext } from '../../context/mobileContext';
-import { useAnalytics } from '../../hooks';
-import { DefaultEventNames } from '../../models/common';
-import { block } from '../../utils';
-import { HEADER_HEIGHT } from '../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LocaleContext } from "../../context/localeContext/index.js";
+import { MobileContext } from "../../context/mobileContext/index.js";
+import { useAnalytics } from "../../hooks/index.js";
+import { DefaultEventNames } from "../../models/common.js";
+import { block } from "../../utils/index.js";
+import { HEADER_HEIGHT } from "../constants.js";
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 export const YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
 const YandexForm = (props) => {
     const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
-    const formContainerRef = useRef(null);
-    const iframeRef = useRef();
+    const formContainerRef = React.useRef(null);
+    const iframeRef = React.useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
     const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
-    const isMobile = useContext(MobileContext);
-    const locale = useContext(LocaleContext);
-    const updateFormIframe = useCallback((container) => {
+    const isMobile = React.useContext(MobileContext);
+    const locale = React.useContext(LocaleContext);
+    const updateFormIframe = React.useCallback((container) => {
         const queryParams = new URLSearchParams(location.search);
         const url = location.origin + location.pathname;
         queryParams.set('url', url);
@@ -51,7 +52,7 @@ const YandexForm = (props) => {
             container.appendChild(iframeRef.current);
         }
     }, [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params]);
-    const handleSubmit = useCallback(() => {
+    const handleSubmit = React.useCallback(() => {
         if (formContainerRef && formContainerRef.current) {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
@@ -61,7 +62,7 @@ const YandexForm = (props) => {
             onSubmit();
         }
     }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
-    const handleMessage = useCallback(({ origin, data }) => {
+    const handleMessage = React.useCallback(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;
         }
@@ -87,20 +88,21 @@ const YandexForm = (props) => {
             return;
         }
     }, [yaFormOrigin, id, onLoad, handleSubmit]);
-    const addIframe = useCallback(() => {
+    const addIframe = React.useCallback(() => {
         const container = formContainerRef.current;
         if (container) {
             updateFormIframe(container);
             window.addEventListener('message', handleMessage, { passive: true });
         }
     }, [updateFormIframe, handleMessage]);
-    useEffect(() => {
+    React.useEffect(() => {
         addIframe();
         // Crunch for mobile chrome in lite mode
         // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1
         setTimeout(() => onLoad === null || onLoad === void 0 ? void 0 : onLoad(), 1000);
         return () => window.removeEventListener('message', handleMessage);
     }, [id, addIframe, handleMessage, onLoad]);
-    return React.createElement("div", { ref: formContainerRef, className: b(null, className) });
+    return _jsx("div", { ref: formContainerRef, className: b(null, className) });
 };
 export default YandexForm;
+//# sourceMappingURL=YandexForm.js.map

package/build/esm/components/YandexForm/YandexForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YandexForm.js","sourceRoot":"../../../../src","sources":["components/YandexForm/YandexForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EAAC,YAAY,EAAC,6BAAoB;AAEzC,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AACtD,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,aAAa,EAAC,wBAAqB;AAE3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAC7C,MAAM,YAAY,GAAG,0BAA0B,CAAC;AAEhD,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC1C,MAAM,EACF,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,EACT,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,YAAY,GAAG,aAAa,EAC5B,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GACpB,GAAG,KAAK,CAAC;IACV,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IACpD,MAAM,YAAY,GAAG,gBAAgB,IAAI,kBAAkB,CAAC;IAC5D,MAAM,aAAa,GAAG,iBAAiB,IAAI,mBAAmB,CAAC;IAE/D,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,SAAyB,EAAE,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAEhD,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC5B,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAE/B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;YACf,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,IAAI,WAAW,CAAC,CAAC;QAE/C,IAAI,QAAQ,EAAE,CAAC;YACX,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACP,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,YAAY,IAAI,aAAa,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;QAErE,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,SAAS,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACrD,SAAS,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;YAC5B,SAAS,CAAC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,EAAE,EAAE,CAAC;YACrC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAClD,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC;YACpC,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;YACjC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,CAAC,CACvF,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC/C,MAAM,EAAC,GAAG,EAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC/D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,CAAC;QAC3C,CAAC;QAED,eAAe,CAAC,eAAe,CAAC,CAAC;QAEjC,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;QACf,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAe,EAAE,EAAE;QAC7B,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;YACvC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,MAAM,CAAC;YAC5C,IAAI,IAAI,KAAK,OAAO,EAAE,EAAE,EAAE,CAAC;gBACvB,OAAO;YACX,CAAC;YAED,IAAI,SAAS,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC1C,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;gBACzC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACf,CAAC;YAED,IAAI,OAAO,KAAK,MAAM,IAAI,WAAW,EAAE,CAAC;gBACpC,oEAAoE;gBACpE,kEAAkE;gBAClE,6EAA6E;gBAC7E,YAAY,EAAE,CAAC;YACnB,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO;QACX,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,CAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAE3C,IAAI,SAAS,EAAE,CAAC;YACZ,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACvE,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,SAAS,EAAE,CAAC;QACZ,wCAAwC;QACxC,qFAAqF;QACrF,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,EAAE,IAAI,CAAC,CAAC;QAEnC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,OAAO,cAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useAnalytics} from '../../hooks';\nimport {YandexFormProps} from '../../models';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils';\nimport {HEADER_HEIGHT} from '../constants';\n\nexport const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';\nexport const YANDEX_FORM_SECTION = 'surveys';\nconst CONTAINER_ID = 'pc-yandex-form-container';\n\nconst b = block('yandex-form');\n\nconst YandexForm = (props: YandexFormProps) => {\n    const {\n        onLoad,\n        id,\n        params,\n        className,\n        theme,\n        containerId = CONTAINER_ID,\n        headerHeight = HEADER_HEIGHT,\n        onSubmit,\n        analyticsEvents,\n        customFormOrigin,\n        customFormSection,\n    } = props;\n    const formContainerRef = React.useRef<HTMLDivElement>(null);\n    const iframeRef = React.useRef<HTMLIFrameElement>();\n    const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;\n    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);\n    const isMobile = React.useContext(MobileContext);\n    const locale = React.useContext(LocaleContext);\n\n    const updateFormIframe = React.useCallback(\n        (container: HTMLDivElement) => {\n            const queryParams = new URLSearchParams(location.search);\n            const url = location.origin + location.pathname;\n\n            queryParams.set('url', url);\n            queryParams.set('iframe', '1');\n\n            if (locale?.lang) {\n                queryParams.set('lang', locale.lang);\n            }\n\n            queryParams.set('theme', theme || 'cloud-www');\n\n            if (isMobile) {\n                queryParams.set('media-type', 'mobile');\n            }\n\n            if (params) {\n                Object.keys(params).forEach((param) => {\n                    queryParams.set(param, params[param]);\n                });\n            }\n\n            const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;\n\n            if (iframeRef.current) {\n                iframeRef.current.src = src;\n            } else {\n                iframeRef.current = document.createElement('iframe');\n                iframeRef.current.src = src;\n                iframeRef.current.id = containerId;\n                iframeRef.current.name = `form${id}`;\n                iframeRef.current.setAttribute('loading', 'lazy');\n                iframeRef.current.frameBorder = '0';\n                iframeRef.current.scrolling = 'no';\n                iframeRef.current.width = '100%';\n                container.appendChild(iframeRef.current);\n            }\n        },\n        [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params],\n    );\n\n    const handleSubmit = React.useCallback(() => {\n        if (formContainerRef && formContainerRef.current) {\n            const {top} = formContainerRef.current.getBoundingClientRect();\n            window.scrollBy(0, top - headerHeight);\n        }\n\n        handleAnalytics(analyticsEvents);\n\n        if (onSubmit) {\n            onSubmit();\n        }\n    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);\n\n    const handleMessage = React.useCallback(\n        ({origin, data}: MessageEvent) => {\n            if (origin !== yaFormOrigin) {\n                return;\n            }\n\n            try {\n                const parsed = JSON.parse(data);\n                const height = parsed['iframe-height'];\n                const {message, name, redirectUrl} = parsed;\n                if (name !== `form${id}`) {\n                    return;\n                }\n\n                if (iframeRef.current && height && !message) {\n                    iframeRef.current.height = `${height}px`;\n                    onLoad?.();\n                }\n\n                if (message === 'sent' || redirectUrl) {\n                    // event with redirectUrl is comming when form with redirect is used\n                    // otherwise, message: 'sent' is not comming on such sort of forms\n                    // to catch this event and handle analytics redirectUrl is added to condition\n                    handleSubmit();\n                }\n            } catch (error) {\n                return;\n            }\n        },\n        [yaFormOrigin, id, onLoad, handleSubmit],\n    );\n\n    const addIframe = React.useCallback(() => {\n        const container = formContainerRef.current;\n\n        if (container) {\n            updateFormIframe(container);\n            window.addEventListener('message', handleMessage, {passive: true});\n        }\n    }, [updateFormIframe, handleMessage]);\n\n    React.useEffect(() => {\n        addIframe();\n        // Crunch for mobile chrome in lite mode\n        // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1\n        setTimeout(() => onLoad?.(), 1000);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [id, addIframe, handleMessage, onLoad]);\n\n    return <div ref={formContainerRef} className={b(null, className)} />;\n};\n\nexport default YandexForm;\n"]}

package/build/esm/components/YandexForm/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps } from '../../schema/validators/common';
+import { BaseProps } from "../../schema/validators/common.js";
 export const YandexFormProps = {
     type: 'object',
     required: ['id'],
@@ -8,3 +8,4 @@ export const YandexFormProps = {
             type: 'string',
         } }),
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/components/YandexForm/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,kCACH,SAAS,KACZ,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB,EACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;SACjB,GACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const YandexFormProps = {\n    type: 'object',\n    required: ['id'],\n    properties: {\n        ...BaseProps,\n        id: {\n            type: 'string',\n        },\n        containerId: {\n            type: 'string',\n        },\n    },\n};\n"]}

package/build/esm/components/constants.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../models';
+import { Theme } from "../models/index.js";
 export declare const DEFAULT_THEME = Theme.Light;
 export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const HEADER_HEIGHT = 64;

package/build/esm/components/constants.js

@@ -1,4 +1,5 @@
-import { Theme } from '../models';
+import { Theme } from "../models/index.js";
 export const DEFAULT_THEME = Theme.Light;
 export const UIKIT_ROOT_CLASS = 'g-root';
 export const HEADER_HEIGHT = 64;
+//# sourceMappingURL=constants.js.map

package/build/esm/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["components/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,2BAAkB;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC;AACzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC","sourcesContent":["import {Theme} from '../models';\n\nexport const DEFAULT_THEME = Theme.Light;\nexport const UIKIT_ROOT_CLASS = 'g-root';\n\nexport const HEADER_HEIGHT = 64;\n"]}