@gravity-ui/page-constructor 4.51.2-alpha.0 → 4.53.0

package/build/esm/schema/validators/common.d.ts

@@ -590,6 +590,100 @@ export declare const ButtonProps: {
             optionName: string;
         })[];
     };
+    /**
+     * @deprecated Metrika will be deleted
+     */
+    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;
+        })[];
+    };
+    /**
+     * @deprecated Pixel will be deleted
+     */
+    pixelEvents: {
+        type: string;
+        items: {
+            type: string;
+            required: string[];
+            additionalProperties: boolean;
+            properties: {
+                name: {
+                    type: string;
+                    enum: import("../../models").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;
@@ -839,6 +933,100 @@ export declare const ButtonBlock: {
                 optionName: string;
             })[];
         };
+        /**
+         * @deprecated Metrika will be deleted
+         */
+        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;
+            })[];
+        };
+        /**
+         * @deprecated Pixel will be deleted
+         */
+        pixelEvents: {
+            type: string;
+            items: {
+                type: string;
+                required: string[];
+                additionalProperties: boolean;
+                properties: {
+                    name: {
+                        type: string;
+                        enum: import("../../models").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;

package/build/esm/schema/validators/common.js

@@ -1,6 +1,7 @@
 import { ImageProps } from '../../components/Image/schema';
 import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme, } from '../../models';
 import { AnalyticsEventSchema } from './event';
+import { pixelEvents } from './pixel';
 export const mediaDirection = ['media-content', 'content-media'];
 export const textSize = ['s', 'm', 'l'];
 export const containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -364,6 +365,36 @@ export const ButtonProps = {
             },
         ],
     },
+    /**
+     * @deprecated Metrika will be deleted
+     */
+    metrikaGoals: {
+        oneOf: [
+            { type: 'string', optionName: 'single' },
+            { type: 'array', items: { type: 'string' }, optionName: 'list' },
+            {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['name'],
+                    properties: {
+                        name: {
+                            type: 'string',
+                        },
+                        isCrossSite: {
+                            type: 'boolean',
+                        },
+                    },
+                },
+                optionName: 'list-extended',
+            },
+        ],
+    },
+    /**
+     * @deprecated Pixel will be deleted
+     */
+    pixelEvents,
     analyticsEvents: {
         oneOf: [
             Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),

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

@@ -2,6 +2,7 @@ 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: {
@@ -9,6 +10,7 @@ export declare const validators: {
     common: typeof common;
     components: typeof components;
     subBlocks: typeof subBlocks;
+    pixel: typeof pixel;
     utils: typeof utils;
     navigation: typeof navigation;
 };

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

@@ -2,6 +2,7 @@ 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 const validators = {
@@ -9,6 +10,7 @@ export const validators = {
     common,
     components,
     subBlocks,
+    pixel,
     utils,
     navigation,
 };

package/build/esm/schema/validators/pixel.d.ts

@@ -0,0 +1,57 @@
+import { PixelEventType } from '../../models';
+export declare const pixelEvents: {
+    type: string;
+    items: {
+        type: string;
+        required: string[];
+        additionalProperties: boolean;
+        properties: {
+            name: {
+                type: string;
+                enum: 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;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+};

package/build/esm/schema/validators/pixel.js

@@ -0,0 +1,60 @@
+import { PixelEventType } from '../../models';
+const LeadData = {
+    Lead: {
+        additionalProperties: false,
+        properties: {
+            name: {},
+            data: {
+                type: 'object',
+                additionalProperties: false,
+                properties: {
+                    content_category: {
+                        type: 'string',
+                    },
+                    content_name: {
+                        type: 'string',
+                    },
+                    currency: {
+                        type: 'string',
+                    },
+                    value: {
+                        type: 'number',
+                    },
+                },
+            },
+        },
+    },
+};
+const ContactData = {
+    Contact: {
+        additionalProperties: false,
+        properties: {
+            name: {},
+        },
+    },
+};
+const SubmitApplicationData = {
+    SubmitApplication: {
+        additionalProperties: false,
+        properties: {
+            name: {},
+        },
+    },
+};
+export const pixelEvents = {
+    type: 'array',
+    items: {
+        type: 'object',
+        required: ['name'],
+        additionalProperties: false,
+        properties: {
+            name: {
+                type: 'string',
+                enum: Object.values(PixelEventType),
+            },
+            data: {},
+        },
+        select: { $data: '0/name' },
+        selectCases: Object.assign(Object.assign(Object.assign({}, LeadData), ContactData), SubmitApplicationData),
+    },
+};

package/build/esm/schema/validators/sub-blocks.d.ts

@@ -8,3 +8,4 @@ export * from '../../sub-blocks/Divider/schema';
 export * from '../../sub-blocks/BasicCard/schema';
 export * from '../../sub-blocks/PriceCard/schema';
 export * from '../../sub-blocks/HubspotForm/schema';
+export * from '../../sub-blocks/ImageCard/schema';

package/build/esm/schema/validators/sub-blocks.js

@@ -8,3 +8,4 @@ export * from '../../sub-blocks/Divider/schema';
 export * from '../../sub-blocks/BasicCard/schema';
 export * from '../../sub-blocks/PriceCard/schema';
 export * from '../../sub-blocks/HubspotForm/schema';
+export * from '../../sub-blocks/ImageCard/schema';

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

@@ -9,12 +9,12 @@ import Content from '../Content/Content';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition"]);
     const titleId = useUniqId();
     const descriptionId = useUniqId();
     return (React.createElement(CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         React.createElement(CardBase.Content, null,
             React.createElement(IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
-                React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
+                React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
 };
 export default BasicCard;

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

@@ -2,15 +2,17 @@ import React, { forwardRef, useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { useTheme } from '../../context/theme';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
+import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models';
 import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
 const HubspotForm = forwardRef((props, ref) => {
-    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
+    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
+    const handleMetrika = useMetrika();
     const themeValue = useTheme();
     const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = useContext(MobileContext);
@@ -22,6 +24,7 @@ const HubspotForm = 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);
         },
@@ -29,6 +32,8 @@ const HubspotForm = forwardRef((props, ref) => {
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
+        handleMetrika,
+        pixelEvents,
         handleAnalytics,
         analyticsEvents,
         onSubmit,

package/build/esm/sub-blocks/ImageCard/ImageCard.css

@@ -0,0 +1,59 @@
+.pc-image-card_border_shadow {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-image-card {
+  min-height: 248px;
+  height: 100%;
+  overflow-x: hidden;
+  border-radius: var(--pc-border-radius);
+  background-color: var(--g-color-base-float);
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  min-height: 1px;
+}
+.pc-image-card_border_line {
+  border: 1px solid var(--g-color-line-generic);
+}
+.pc-image-card .pc-image-card__content {
+  padding: 32px;
+}
+.pc-image-card .pc-image-card__image_inner {
+  width: 100%;
+  display: block;
+}
+.pc-image-card .pc-image-card__image_inner_radius {
+  border-radius: var(--pc-border-radius);
+}
+.pc-image-card .pc-image-card__image_margins_s {
+  padding: 4px;
+}
+.pc-image-card .pc-image-card__image_margins_s .pc-image-card__image_inner {
+  border-radius: calc(var(--pc-border-radius) - var(--pc-image-padding));
+}
+.pc-image-card .pc-image-card__image_margins_m {
+  padding: 32px;
+}
+.pc-image-card .pc-image-card__image_margins_m .pc-image-card__image_inner {
+  border-radius: initial;
+}
+.pc-image-card_with-content {
+  display: flex;
+  flex-direction: column;
+}
+.pc-image-card_with-content.pc-image-card_direction_direct .pc-image-card__image {
+  padding-bottom: 0;
+}
+.pc-image-card_with-content.pc-image-card_direction_direct .pc-image-card__content {
+  padding-top: 24px;
+}
+.pc-image-card_with-content.pc-image-card_direction_reverse {
+  flex-direction: column-reverse;
+}
+.pc-image-card_with-content.pc-image-card_direction_reverse .pc-image-card__image {
+  padding-top: 0;
+}
+.pc-image-card_with-content.pc-image-card_direction_reverse .pc-image-card__content {
+  padding-bottom: 24px;
+}

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

@@ -0,0 +1,4 @@
+import { ImageCardProps } from '../../models';
+import './ImageCard.css';
+declare const ImageCard: (props: ImageCardProps) => JSX.Element;
+export default ImageCard;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Image } from '../../components';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import { ImageCardDirection } from '../../models';
+import { block } from '../../utils';
+import Content from '../Content/Content';
+import './ImageCard.css';
+const b = block('image-card');
+const ImageCard = (props) => {
+    const { border = 'shadow', title, text, image, enableImageBorderRadius = false, direction = ImageCardDirection.Direct, margins, backgroundColor, } = props;
+    const hasContent = Boolean(text || title);
+    const imageProps = getMediaImage(image);
+    return (React.createElement("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor } },
+        React.createElement("div", { className: b('image', { margins }) },
+            React.createElement(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
+        hasContent && (React.createElement("div", { className: b('content') },
+            React.createElement(Content, { title: title, text: text, colSizes: { all: 12, md: 12 }, size: "s" })))));
+};
+export default ImageCard;

package/build/esm/sub-blocks/ImageCard/schema.d.ts

@@ -0,0 +1,78 @@
+export declare const ImageCard: {
+    'image-card': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            image: {
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                })[];
+            };
+            direction: {
+                type: string;
+                enum: string[];
+            };
+            margins: {
+                type: string;
+                enum: string[];
+            };
+            backgroundColor: {
+                type: string;
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            border: {
+                type: string;
+                enum: string[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,20 @@
+import pick from 'lodash/pick';
+import { BaseProps, CardBase } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
+import { ContentBase } from '../Content/schema';
+const ImageCardBlockContentProps = pick(ContentBase, ['title', 'text']);
+export const ImageCard = {
+    'image-card': {
+        additionalProperties: false,
+        required: ['image'],
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), ImageCardBlockContentProps), { image: ImageProps, direction: {
+                type: 'string',
+                enum: ['direct', 'reverse'],
+            }, margins: {
+                type: 'string',
+                enum: ['s', 'm'],
+            }, backgroundColor: {
+                type: 'string',
+            } }),
+    },
+};

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

@@ -8,8 +8,22 @@ 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?: import("../../models").AnalyticsEventsProp | 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;
     className?: string | undefined;
     tabIndex?: number | undefined;
 }[] | undefined;