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

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -1,25 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer.js"));
+const react_1 = tslib_1.__importStar(require("react"));
+const mobileContext_1 = require("../../context/mobileContext");
+const theme_1 = require("../../context/theme");
+const hooks_1 = require("../../hooks");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
-const HubspotForm = React.forwardRef((props, ref) => {
+const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
     const themeValue = (0, theme_1.useTheme)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
-    const isMobileValue = React.useContext(mobileContext_1.MobileContext);
+    const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
     const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
-    const handlers = React.useMemo(() => ({
+    const handlers = (0, react_1.useMemo)(() => ({
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
@@ -38,8 +37,7 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return ((0, jsx_runtime_1.jsx)(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
+    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
 });
 HubspotForm.displayName = 'HubspotForm';
 exports.default = HubspotForm;
-//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js

@@ -23,4 +23,3 @@ const loadHubspotScript = async () => {
     }
 };
 exports.default = loadHubspotScript;
-//# sourceMappingURL=loadHubspotScript.js.map

package/build/cjs/sub-blocks/HubspotForm/schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HubspotFormProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 exports.HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
@@ -15,4 +15,3 @@ exports.HubspotFormProps = {
             type: 'string',
         } }),
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/ImageCard/ImageCard.d.ts

@@ -1,3 +1,3 @@
-import { ImageCardProps } from "../../models/index.js";
-declare const ImageCard: (props: ImageCardProps) => import("react/jsx-runtime").JSX.Element;
+import { ImageCardProps } from '../../models';
+declare const ImageCard: (props: ImageCardProps) => JSX.Element;
 export default ImageCard;

package/build/cjs/sub-blocks/ImageCard/ImageCard.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../components/Media/Image/utils.js");
-const theme_1 = require("../../context/theme/index.js");
-const models_1 = require("../../models/index.js");
-const utils_2 = require("../../utils/index.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
+const components_1 = require("../../components");
+const utils_1 = require("../../components/Media/Image/utils");
+const theme_1 = require("../../context/theme");
+const models_1 = require("../../models");
+const utils_2 = require("../../utils");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const b = (0, utils_2.block)('image-card');
 const CONTENT_COL_SIZES = { all: 12, md: 12 };
 const ImageCard = (props) => {
@@ -20,11 +19,14 @@ const ImageCard = (props) => {
     const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
     const imageProps = (0, utils_1.getMediaImage)(themedImage);
     const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
-    return url ? ((0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
+    const cardContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: b('image', { margins }) },
+            react_1.default.createElement(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
+        hasContent && (react_1.default.createElement("div", { className: b('content') },
+            react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
+    return url ? (react_1.default.createElement(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),
-        }, children: cardContent })) : ((0, jsx_runtime_1.jsx)("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
+        } }, cardContent)) : (react_1.default.createElement("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor } }, cardContent));
 };
 exports.default = ImageCard;
-//# sourceMappingURL=ImageCard.js.map

package/build/cjs/sub-blocks/ImageCard/schema.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageCard = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common.js");
-const components_1 = require("../../schema/validators/components.js");
-const schema_1 = require("../Content/schema.js");
+const common_1 = require("../../schema/validators/common");
+const components_1 = require("../../schema/validators/components");
+const schema_1 = require("../Content/schema");
 const ImageCardBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['centered', 'colSizes', 'controlPosition']);
 exports.ImageCard = {
     'image-card': {
@@ -26,4 +26,3 @@ exports.ImageCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
-import { LayoutItemProps } from "../../models/index.js";
-declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
+import { LayoutItemProps } from '../../models';
+declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const microdata_1 = require("../../utils/microdata.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
-const utils_2 = require("./utils.js");
+const components_1 = require("../../components");
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const microdata_1 = require("../../utils/microdata");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
     var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
-    const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
+    const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
@@ -29,12 +28,16 @@ const LayoutItem = (_a) => {
             name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: (_a = {}) => {
-                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
-                return ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-            } })) : ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? (react_1.default.createElement(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia) }, (_a = {}) => {
+            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
+            return (react_1.default.createElement(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+        })) : (react_1.default.createElement(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
+    return (react_1.default.createElement("div", { className: b(null, className) },
+        renderMedia(),
+        metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
+        react_1.default.createElement("div", { className: b('content', { 'no-media': !media, margin: contentMargin }) },
+            react_1.default.createElement(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper') },
+                react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId }))))));
 };
 exports.default = LayoutItem;
-//# sourceMappingURL=LayoutItem.js.map

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -135,7 +135,7 @@ export declare const LayoutItem: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -143,14 +143,14 @@ export declare const LayoutItem: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

package/build/cjs/sub-blocks/LayoutItem/schema.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutItem = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema.js"));
-const common_1 = require("../../schema/validators/common.js");
-const event_1 = require("../../schema/validators/event.js");
-const schema_2 = require("../Content/schema.js");
+const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema"));
+const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
+const schema_2 = require("../../sub-blocks/Content/schema");
 exports.LayoutItem = {
     type: 'object',
     additionalProperties: false,
@@ -30,4 +30,3 @@ exports.LayoutItem = {
             ],
         } }),
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -1,17 +1,17 @@
-import { LayoutItemProps, LinkTheme, MediaProps } from "../../models/index.js";
-export declare const getLayoutItemLinks: (links: LayoutItemProps["content"]["links"]) => {
+import { LayoutItemProps, LinkTheme, MediaProps } from '../../models';
+export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['links']) => {
     url: string;
-    urlTitle?: string;
-    text?: string;
-    textSize?: import("../../models/index.js").TextSize;
+    urlTitle?: string | undefined;
+    text?: string | undefined;
+    textSize?: import("../../models").TextSize | undefined;
     theme: LinkTheme;
-    colorTheme?: import("../../models/index.js").TextTheme;
-    arrow?: boolean;
-    target?: string;
-    extraProps?: React.HTMLProps<HTMLAnchorElement>;
-    analyticsEvents?: import("../../models/index.js").AnalyticsEventsProp;
-    className?: string;
-    tabIndex?: number;
+    colorTheme?: import("../../models").TextTheme | undefined;
+    arrow?: boolean | undefined;
+    target?: string | undefined;
+    extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
+    className?: string | undefined;
+    tabIndex?: number | undefined;
 }[] | undefined;
 export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
 export declare const showFullscreenIcon: ({ youtube, videoIframe }: MediaProps) => boolean;

package/build/cjs/sub-blocks/LayoutItem/utils.js

@@ -10,4 +10,3 @@ const hasFullscreen = ({ dataLens, image }) => {
 exports.hasFullscreen = hasFullscreen;
 const showFullscreenIcon = ({ youtube, videoIframe }) => !(youtube || videoIframe);
 exports.showFullscreenIcon = showFullscreenIcon;
-//# sourceMappingURL=utils.js.map

package/build/cjs/sub-blocks/MediaCard/MediaCard.d.ts

@@ -1,3 +1,3 @@
-import { MediaCardProps } from "../../models/index.js";
-declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => import("react/jsx-runtime").JSX.Element;
+import { MediaCardProps } from '../../models';
+declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

package/build/cjs/sub-blocks/MediaCard/MediaCard.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../utils/index.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('MediaCard');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaProps)) }) }));
+    return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
+        react_1.default.createElement(components_1.CardBase.Content, null,
+            react_1.default.createElement(components_1.Media, Object.assign({}, mediaProps)))));
 };
 exports.default = MediaCard;
-//# sourceMappingURL=MediaCard.js.map

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -218,7 +218,7 @@ export declare const MediaCardBlock: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -226,14 +226,14 @@ export declare const MediaCardBlock: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

package/build/cjs/sub-blocks/MediaCard/schema.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaCardBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const event_1 = require("../../schema/validators/event.js");
+const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
@@ -19,4 +19,3 @@ exports.MediaCardBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/PriceCard/PriceCard.d.ts

@@ -1,3 +1,3 @@
-import { PriceCardProps } from "../../models/index.js";
-declare const PriceCard: (props: PriceCardProps) => import("react/jsx-runtime").JSX.Element;
+import { PriceCardProps } from '../../models';
+declare const PriceCard: (props: PriceCardProps) => JSX.Element;
 export default PriceCard;

package/build/cjs/sub-blocks/PriceCard/PriceCard.js

@@ -1,17 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const Check_1 = tslib_1.__importDefault(require("@gravity-ui/icons/Check"));
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../utils/index.js");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
-                                            icon: Check_1.default,
-                                            text: item,
-                                        })), size: "s" }) })) : null] }), (0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), (0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
+    return (react_1.default.createElement(components_1.CardBase, { className: b({ theme }), border: border },
+        react_1.default.createElement(components_1.CardBase.Content, { key: "content" },
+            react_1.default.createElement(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }),
+            react_1.default.createElement("div", { className: b('content', { theme }) },
+                react_1.default.createElement("div", { className: b('info') },
+                    react_1.default.createElement(components_1.HTML, { className: b('title') }, title),
+                    react_1.default.createElement("div", { className: b('price') },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("span", { className: b('price-value') }, price),
+                            pricePeriod && (react_1.default.createElement("span", { className: b('price-period') },
+                                "/ ",
+                                pricePeriod))),
+                        priceDetails && (react_1.default.createElement("div", { className: b('price-details') }, priceDetails))),
+                    description && react_1.default.createElement("div", { className: b('description') }, description),
+                    (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
+                        react_1.default.createElement(components_1.ContentList, { list: list.map((item) => ({
+                                icon: Check_1.default,
+                                text: item,
+                            })), size: "s" }))) : null),
+                react_1.default.createElement(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }),
+                react_1.default.createElement(components_1.Links, { className: b('links'), links: links, size: "s" })))));
 };
 exports.default = PriceCard;
-//# sourceMappingURL=PriceCard.js.map

package/build/cjs/sub-blocks/PriceCard/schema.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceCardBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const schema_1 = require("../Content/schema.js");
+const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../Content/schema");
 exports.PriceCardBlock = {
     'price-card': {
         additionalProperties: false,
@@ -36,4 +36,3 @@ exports.PriceCardBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts

@@ -1,4 +1,5 @@
-import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from "../../../models/index.js";
+/// <reference types="react" />
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
 interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;
@@ -7,5 +8,5 @@ interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     getDetailsComponent: (priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[]) => JSX.Element;
     border?: CardBorder;
 }
-declare const CombinedPriceDetailed: (props: CombinedPriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
+declare const CombinedPriceDetailed: (props: CombinedPriceDetailedProps) => JSX.Element;
 export default CombinedPriceDetailed;

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const chunk_1 = tslib_1.__importDefault(require("lodash/chunk"));
-const components_1 = require("../../../components/index.js");
-const constants_1 = require("../../../constants.js");
-const grid_1 = require("../../../grid/index.js");
-const utils_1 = require("../../../utils/index.js");
+const components_1 = require("../../../components");
+const constants_1 = require("../../../constants");
+const grid_1 = require("../../../grid");
+const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('combined-price-detailed-block');
 const CombinedPricesGroupSize = {
     [grid_1.GridColumnSize.Sm]: 1,
@@ -16,8 +15,8 @@ const CombinedPricesGroupSize = {
 };
 const CombinedPriceDetailed = (props) => {
     const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
-    const [groupItemsSize, setGroupItemsSize] = React.useState(numberGroupItems);
-    const updateGroupItemsSize = React.useCallback((windowWidth) => {
+    const [groupItemsSize, setGroupItemsSize] = (0, react_1.useState)(numberGroupItems);
+    const updateGroupItemsSize = (0, react_1.useCallback)((windowWidth) => {
         if (windowWidth >= constants_1.BREAKPOINTS.lg) {
             setGroupItemsSize(numberGroupItems);
         }
@@ -31,7 +30,7 @@ const CombinedPriceDetailed = (props) => {
             setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Sm]);
         }
     }, [numberGroupItems]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         function handleResize() {
             updateGroupItemsSize(window.innerWidth);
         }
@@ -44,15 +43,18 @@ const CombinedPriceDetailed = (props) => {
         const detailsComponents = Array(groupItemsSize);
         for (let id = 0; id < groupItemsSize; id++) {
             const price = groupPrices[id];
-            descriptionComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { children: price && getDescriptionComponent(price) }, `card_${id}`));
-            detailsComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: price ? '' : b('empty-column'), children: price && getDetailsComponent(price.items) }, `details_${id}`));
+            descriptionComponents[id] = (react_1.default.createElement(grid_1.Col, { key: `card_${id}` }, price && getDescriptionComponent(price)));
+            detailsComponents[id] = (react_1.default.createElement(grid_1.Col, { key: `details_${id}`, className: price ? '' : b('empty-column') }, price && getDetailsComponent(price.items)));
         }
-        return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: descriptionComponents }), (0, jsx_runtime_1.jsx)("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
+        return (react_1.default.createElement(react_1.Fragment, null,
+            react_1.default.createElement("div", null, descriptionComponents),
+            react_1.default.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
     };
     const chunkedItems = (0, chunk_1.default)(items, groupItemsSize);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: chunkedItems.map((item, id) => {
-                    return ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('row'), children: getPrice(item) }, id));
-                }) }) }) }));
+    return (react_1.default.createElement(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents },
+        react_1.default.createElement(components_1.CardBase.Content, null,
+            react_1.default.createElement(grid_1.Grid, null, chunkedItems.map((item, id) => {
+                return (react_1.default.createElement(grid_1.Row, { key: id, className: b('row') }, getPrice(item)));
+            })))));
 };
 exports.default = CombinedPriceDetailed;
-//# sourceMappingURL=CombinedPriceDetailed.js.map

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.d.ts

@@ -1,4 +1,4 @@
-import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from "../../../models/index.js";
+import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from '../../../models';
 interface PriceDescriptionExtendProps extends PriceDescriptionProps {
     titleSize?: TextSize;
     descriptionSize?: TextSize;
@@ -6,5 +6,5 @@ interface PriceDescriptionExtendProps extends PriceDescriptionProps {
     labelsDefaultText?: Record<PriceLabelColor, string>;
     className?: string;
 }
-declare const PriceDescription: (props: PriceDescriptionExtendProps) => import("react/jsx-runtime").JSX.Element;
+declare const PriceDescription: (props: PriceDescriptionExtendProps) => JSX.Element;
 export default PriceDescription;

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../../components/index.js");
-const stylesContext_1 = require("../../../context/stylesContext/index.js");
-const models_1 = require("../../../models/index.js");
-const utils_1 = require("../../../utils/index.js");
+const components_1 = require("../../../components");
+const stylesContext_1 = require("../../../context/stylesContext");
+const models_1 = require("../../../models");
+const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('price-description');
 const LabelColorsMapping = {
     [models_1.PriceLabelColor.BLUE]: 'info',
@@ -24,9 +23,9 @@ const LabelSizeMap = {
 };
 const PriceDescription = (props) => {
     const { title, detailedTitle = '', description, titleSize = 'l', descriptionSize = 'm', colorTitle = 'cornflower', label, labelsDefaultText, className, } = props;
-    const descriptionRef = React.useRef(null);
-    const { pricesDetailedDescriptionHeight, setStyles } = React.useContext(stylesContext_1.StylesContext);
-    const setDescriptionHeight = React.useCallback(() => {
+    const descriptionRef = react_1.default.useRef(null);
+    const { pricesDetailedDescriptionHeight, setStyles } = (0, react_1.useContext)(stylesContext_1.StylesContext);
+    const setDescriptionHeight = (0, react_1.useCallback)(() => {
         var _a;
         if (!descriptionRef || !descriptionRef.current) {
             return;
@@ -44,24 +43,29 @@ const PriceDescription = (props) => {
             descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;
         }
     }, [pricesDetailedDescriptionHeight, setStyles]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setDescriptionHeight();
         window.addEventListener('resize', setDescriptionHeight, { passive: true });
         return () => window.removeEventListener('resize', setDescriptionHeight);
     }, [setDescriptionHeight]);
-    const labelElement = React.useMemo(() => {
+    const labelElement = (0, react_1.useMemo)(() => {
         if (!label) {
             return null;
         }
         const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);
         const labelColor = (LabelColorsMapping[label.color] || 'unknown');
         const labelSize = LabelSizeMap[label.size || descriptionSize];
-        return ((0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize, children: labelTitle }));
+        return (react_1.default.createElement(uikit_1.Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize }, labelTitle));
     }, [descriptionSize, label, labelsDefaultText]);
-    const titleElement = React.useMemo(() => {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: b('title', { size: titleSize }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('main-title', { color: colorTitle }), children: title }), (0, jsx_runtime_1.jsx)("div", { className: b('detailed-title', { size: descriptionSize }), children: detailedTitle })] }));
+    const titleElement = (0, react_1.useMemo)(() => {
+        return (react_1.default.createElement("div", { className: b('title', { size: titleSize }) },
+            react_1.default.createElement("div", { className: b('main-title', { color: colorTitle }) }, title),
+            react_1.default.createElement("div", { className: b('detailed-title', { size: descriptionSize }) }, detailedTitle)));
     }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), ref: descriptionRef, children: [labelElement, titleElement, (0, jsx_runtime_1.jsx)("div", { className: b('description', { size: descriptionSize }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: description, modifiers: { constructor: true } }) })] }));
+    return (react_1.default.createElement("div", { className: b(null, className), ref: descriptionRef },
+        labelElement,
+        titleElement,
+        react_1.default.createElement("div", { className: b('description', { size: descriptionSize }) },
+            react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: { constructor: true } }))));
 };
 exports.default = PriceDescription;
-//# sourceMappingURL=PriceDescription.js.map

package/build/cjs/sub-blocks/PriceDetailed/PriceDetailed.d.ts

@@ -1,4 +1,4 @@
-import { PriceDetailedProps } from "../../models/index.js";
+import { PriceDetailedProps } from '../../models';
 /** @deprecated */
-declare const PriceDetailed: (props: PriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
+declare const PriceDetailed: (props: PriceDetailedProps) => JSX.Element;
 export default PriceDetailed;