@gravity-ui/page-constructor 4.55.0 → 5.0.0

package/build/cjs/schema/validators/index.d.ts

@@ -2,7 +2,6 @@ import * as blocks from './blocks';
 import * as common from './common';
 import * as components from './components';
 import * as navigation from './navigation';
-import * as pixel from './pixel';
 import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
 export declare const validators: {
@@ -10,7 +9,6 @@ export declare const validators: {
     common: typeof common;
     components: typeof components;
     subBlocks: typeof subBlocks;
-    pixel: typeof pixel;
     utils: typeof utils;
     navigation: typeof navigation;
 };

package/build/cjs/schema/validators/index.js

@@ -6,7 +6,6 @@ const blocks = tslib_1.__importStar(require("./blocks"));
 const common = tslib_1.__importStar(require("./common"));
 const components = tslib_1.__importStar(require("./components"));
 const navigation = tslib_1.__importStar(require("./navigation"));
-const pixel = tslib_1.__importStar(require("./pixel"));
 const subBlocks = tslib_1.__importStar(require("./sub-blocks"));
 const utils = tslib_1.__importStar(require("./utils"));
 exports.validators = {
@@ -14,7 +13,6 @@ exports.validators = {
     common,
     components,
     subBlocks,
-    pixel,
     utils,
     navigation,
 };

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

@@ -1,20 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components/");
 const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
+const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
-    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, } = props;
+    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', } = props;
+    const titleId = (0, uikit_1.useUniqId)();
     const theme = (0, theme_1.useTheme)();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
+    const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
+    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
+        links: areControlsInFooter ? links : undefined,
+        buttons: areControlsInFooter ? buttons : undefined,
+        size: 's',
+        titleId,
+    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })),
-            react_1.default.createElement(Content_1.default, { title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))));
+            react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, colSizes: { all: 12, md: 12 } })),
+        footerControls));
 };
 exports.default = BackgroundCard;

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

@@ -144,6 +144,10 @@ export declare const BackgroundCard: {
                     optionName: string;
                 })[];
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -30,6 +30,9 @@ exports.BackgroundCard = {
                         optionName: 'list',
                     },
                 ],
+            }, controlPosition: {
+                type: 'string',
+                enum: ['content', 'footer'],
             } }),
     },
 };

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

@@ -1,21 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
-const IconWrapper_1 = tslib_1.__importDefault(require("../../components/IconWrapper/IconWrapper"));
+const components_1 = require("../../components");
 const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
 const utils_1 = require("../../utils");
+const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition"]);
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
-    return (react_1.default.createElement(CardBase_1.default, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
-        react_1.default.createElement(CardBase_1.default.Content, null,
-            react_1.default.createElement(IconWrapper_1.default, { icon: icon ? { value: icon, position: iconPosition } : undefined },
-                react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
+    const areControlsInFooter = controlPosition === 'footer';
+    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
+        links: areControlsInFooter ? links : undefined,
+        buttons: areControlsInFooter ? buttons : undefined,
+        size: 's',
+        titleId,
+    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
+    return (react_1.default.createElement(components_1.CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
+        react_1.default.createElement(components_1.CardBase.Content, null,
+            react_1.default.createElement(components_1.IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
+                react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: areControlsInFooter ? undefined : links, list: list, buttons: areControlsInFooter ? undefined : buttons, size: "s", colSizes: { all: 12, md: 12 } }))),
+        footerControls));
 };
 exports.default = BasicCard;

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

@@ -31,6 +31,10 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -21,6 +21,9 @@ exports.BasicCard = {
             }, iconPosition: {
                 type: 'string',
                 enum: ['top', 'left'],
+            }, controlPosition: {
+                type: 'string',
+                enum: ['content', 'footer'],
             } }),
     },
 };

package/build/cjs/sub-blocks/Content/Content.css

@@ -27,16 +27,6 @@ unpredictable css rules order in build */
   color: var(--g-color-text-primary);
 }
 
-.pc-content__buttons {
-  display: flex;
-  flex-wrap: wrap;
-  column-gap: 12px;
-}
-.pc-content__links {
-  display: flex;
-  flex-direction: column;
-  align-items: baseline;
-}
 .pc-content__link {
   display: block;
 }
@@ -67,12 +57,6 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__text_without-title {
   margin-top: 0;
 }
-.pc-content_size_s .pc-content__links,
-.pc-content_size_s .pc-content__link,
-.pc-content_size_s .pc-content__buttons,
-.pc-content_size_s .pc-content__button {
-  margin-top: 8px;
-}
 .pc-content_size_s .pc-content__list {
   margin-top: 16px;
 }
@@ -88,12 +72,6 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-content_size_l .pc-content__links,
-.pc-content_size_l .pc-content__link,
-.pc-content_size_l .pc-content__buttons,
-.pc-content_size_l .pc-content__button {
-  margin-top: 12px;
-}
 .pc-content_size_l .pc-content__list {
   margin-top: 24px;
 }

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const blocks_1 = require("../../utils/blocks");
+const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -17,24 +18,6 @@ function getTextSize(size) {
             return 'm';
     }
 }
-function getLinkSize(size) {
-    switch (size) {
-        case 's':
-            return 'm';
-        case 'l':
-        default:
-            return 'l';
-    }
-}
-function getButtonSize(size) {
-    switch (size) {
-        case 's':
-            return 'm';
-        case 'l':
-        default:
-            return 'xl';
-    }
-}
 const Content = (props) => {
     const { title, titleId: titleIdFromProps, text, textId, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, qa, } = props;
     const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['links', 'link', 'buttons', 'button', 'list']);
@@ -44,6 +27,13 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
+    const controls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
+        size,
+        links,
+        buttons,
+        titleId,
+        qa: qaAttributes,
+    }), [size, links, buttons, titleId, qaAttributes]);
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
@@ -56,7 +46,6 @@ const Content = (props) => {
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        links && (react_1.default.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))))),
-        buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) }))))))));
+        controls));
 };
 exports.default = Content;

package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css

@@ -285,7 +285,6 @@ unpredictable css rules order in build */
   justify-content: flex-end;
 }
 .pc-hubspot-form .hs-button.primary {
-  margin: 0;
   padding: 0;
   font-family: var(--g-text-body-font-family);
   font-size: inherit;

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

@@ -5,16 +5,14 @@ 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 useMetrika_1 = require("../../hooks/useMetrika");
 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 = (0, react_1.forwardRef)((props, ref) => {
-    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
+    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 handleMetrika = (0, useMetrika_1.useMetrika)();
     const themeValue = (0, theme_1.useTheme)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
@@ -26,7 +24,6 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onLoad,
         onSubmitError,
         onSubmit: (event) => {
-            handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
@@ -34,8 +31,6 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
-        handleMetrika,
-        pixelEvents,
         handleAnalytics,
         analyticsEvents,
         onSubmit,

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

@@ -1,5 +1,10 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-layout-item {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
 .pc-layout-item__media {
   width: 100%;
   display: block;
@@ -12,6 +17,7 @@ unpredictable css rules order in build */
   margin: 16px 0 -8px 0;
 }
 .pc-layout-item__content {
+  flex: auto;
   margin: 16px 16px 0 0;
 }
 .pc-layout-item__content_no-media {

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

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

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

@@ -1,15 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
+const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 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"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents } = _a;
-    const contentProps = Object.assign(Object.assign({}, content), { links: (0, utils_2.getLayoutItemLinks)(links), size: 's', colSizes: { all: 12, md: 12 } });
+    var _b = _a.content, { links, buttons } = _b, content = tslib_1.__rest(_b, ["links", "buttons"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
+    const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
+    const areControlsInFooter = controlPosition === 'footer';
+    const contentProps = Object.assign(Object.assign(Object.assign({}, content), (areControlsInFooter ? {} : { links: normalizedLinks, buttons })), { size: 's', colSizes: { all: 12, md: 12 } });
+    const titleId = (0, uikit_1.useUniqId)();
+    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
+        links: areControlsInFooter ? links : undefined,
+        buttons: areControlsInFooter ? buttons : undefined,
+        size: 's',
+        titleId,
+    }), [areControlsInFooter, links, buttons, titleId]);
     const renderMedia = () => {
         if (!media) {
             return null;
@@ -24,6 +35,7 @@ const LayoutItem = (_a) => {
         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 }) },
             react_1.default.createElement(components_1.IconWrapper, { icon: icon },
-                react_1.default.createElement(Content_1.default, Object.assign({}, contentProps))))));
+                react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })))),
+        footerControls));
 };
 exports.default = LayoutItem;

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

@@ -450,6 +450,10 @@ export declare const LayoutItem: {
                 optionName: string;
             })[];
         };
+        controlPosition: {
+            type: string;
+            enum: string[];
+        };
         type: {};
         when: {
             type: string;

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

@@ -24,5 +24,8 @@ exports.LayoutItem = {
                     optionName: 'list',
                 },
             ],
+        }, controlPosition: {
+            type: 'string',
+            enum: ['content', 'footer'],
         } }),
 };

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

@@ -8,22 +8,8 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     colorTheme?: import("../../models").TextTheme | undefined;
     arrow?: boolean | undefined;
     target?: string | undefined;
-    metrikaGoals?: import("../../models").MetrikaGoal | undefined;
-    pixelEvents?: import("../../models").ButtonPixel | undefined;
     extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
-    analyticsEvents?: {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    } | {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    }[] | undefined;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
     className?: string | undefined;
     tabIndex?: number | undefined;
 }[] | undefined;

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

@@ -86,11 +86,8 @@ unpredictable css rules order in build */
 .pc-price-card__links, .pc-price-card__buttons {
   margin-top: 24px;
 }
-.pc-price-card__links > *:not(:last-child), .pc-price-card__buttons > *:not(:last-child) {
-  margin-right: 16px;
-}
-.pc-price-card__link {
-  margin-top: 0;
+.pc-price-card__footer {
+  margin-top: 0px;
 }
 @media (max-width: 769px) {
   .pc-price-card__title, .pc-price-card__price {

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

@@ -9,7 +9,7 @@ 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 (react_1.default.createElement(components_1.CardBase, { className: b({ theme }), border: border },
-        react_1.default.createElement(components_1.CardBase.Content, null,
+        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') },
@@ -27,7 +27,7 @@ const PriceCard = (props) => {
                                 icon: Check_1.default,
                                 text: item,
                             })), size: "l" }))) : null),
-                buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button) => (react_1.default.createElement(components_1.Button, Object.assign({ key: button.url }, button)))))),
-                links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ className: b('link'), key: link.url, textSize: "m" }, link))))))))));
+                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;

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

@@ -76,94 +76,6 @@ export declare const PriceCardBlock: {
                                 optionName: string;
                             })[];
                         };
-                        metrikaGoals: {
-                            oneOf: ({
-                                type: string;
-                                optionName: string;
-                                items?: undefined;
-                            } | {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    additionalProperties?: undefined;
-                                    required?: undefined;
-                                    properties?: undefined;
-                                };
-                                optionName: string;
-                            } | {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        name: {
-                                            type: string;
-                                        };
-                                        isCrossSite: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                                optionName: string;
-                            })[];
-                        };
-                        pixelEvents: {
-                            type: string;
-                            items: {
-                                type: string;
-                                required: string[];
-                                additionalProperties: boolean;
-                                properties: {
-                                    name: {
-                                        type: string;
-                                        enum: import("../..").PixelEventType[];
-                                    };
-                                    data: {};
-                                };
-                                select: {
-                                    $data: string;
-                                };
-                                selectCases: {
-                                    SubmitApplication: {
-                                        additionalProperties: boolean;
-                                        properties: {
-                                            name: {};
-                                        };
-                                    };
-                                    Contact: {
-                                        additionalProperties: boolean;
-                                        properties: {
-                                            name: {};
-                                        };
-                                    };
-                                    Lead: {
-                                        additionalProperties: boolean;
-                                        properties: {
-                                            name: {};
-                                            data: {
-                                                type: string;
-                                                additionalProperties: boolean;
-                                                properties: {
-                                                    content_category: {
-                                                        type: string;
-                                                    };
-                                                    content_name: {
-                                                        type: string;
-                                                    };
-                                                    currency: {
-                                                        type: string;
-                                                    };
-                                                    value: {
-                                                        type: string;
-                                                    };
-                                                };
-                                            };
-                                        };
-                                    };
-                                };
-                            };
-                        };
                         analyticsEvents: {
                             oneOf: ({
                                 optionName: string;
@@ -398,6 +310,10 @@ export declare const PriceCardBlock: {
                     type: string;
                 };
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             border: {
                 type: string;
                 enum: string[];

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

@@ -30,6 +30,9 @@ exports.PriceCardBlock = {
                 items: {
                     type: 'string',
                 },
+            }, controlPosition: {
+                type: 'string',
+                enum: ['content', 'footer'],
             } }),
     },
 };

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

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

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

@@ -7,6 +7,8 @@ const CombinedPriceDetailed_1 = tslib_1.__importDefault(require("./CombinedPrice
 const PriceDescription_1 = tslib_1.__importDefault(require("./PriceDescription/PriceDescription"));
 const PriceDetails_1 = tslib_1.__importDefault(require("./PriceDetails/PriceDetails"));
 const SeparatePriceDetailed_1 = tslib_1.__importDefault(require("./SeparatePriceDetailed/SeparatePriceDetailed"));
+// eslint-disable-next-line valid-jsdoc
+/** @deprecated */
 const PriceDetailed = (props) => {
     const { priceType = models_1.PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};

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

@@ -1,3 +1,4 @@
+/** @deprecated */
 export declare const PriceDetailedBlock: {
     'price-detailed': {
         additionalProperties: boolean;

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

@@ -149,6 +149,7 @@ const PriceItem = {
             ],
         } }),
 };
+/** @deprecated */
 exports.PriceDetailedBlock = {
     'price-detailed': {
         additionalProperties: false,

package/build/cjs/sub-blocks/renderCardFooterControlsContainer/CardFooterControlsContainer.css

@@ -0,0 +1,3 @@
+.pc-card-footer-controls {
+  margin-top: 0px;
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const renderCardFooterControlsContainer: (children: React.ReactElement) => JSX.Element;
+export default renderCardFooterControlsContainer;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('card-footer-controls-containe');
+const renderCardFooterControlsContainer = (children) => (react_1.default.createElement(components_1.CardBase.Footer, { className: b() }, children));
+exports.default = renderCardFooterControlsContainer;