@gravity-ui/page-constructor 1.12.0 → 1.13.0-alpha.0

package/build/cjs/blocks/Tabs/schema.d.ts

@@ -272,31 +272,6 @@ export declare const TabsBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
-            title: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            };
-            description: {
-                type: string;
-                contentType: string;
-            };
             tabsColSizes: {};
             direction: {
                 type: string;
@@ -316,6 +291,35 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;

package/build/cjs/blocks/Tabs/schema.js

@@ -28,10 +28,7 @@ exports.TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: common_1.TitleProps, description: {
-                type: 'string',
-                contentType: 'text',
-            }, tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: common_1.mediaDirection,
             }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem) }),

package/build/cjs/components/BlockHeader/BlockHeader.css

@@ -1,27 +1,16 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-BlockHeader__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 16px;
-}
-.pc-BlockHeader__description_titleSize_s {
-  margin-top: 8px;
+.pc-block-header__description {
+  margin-top: 12px;
 }
-.pc-BlockHeader__description_titleSize_l {
+.pc-block-header__description .yfm {
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-BlockHeader__description a {
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-BlockHeader__description a:focus {
-  outline: 2px solid #ffdb4d;
+.pc-block-header__description_titleSize_s {
+  margin-top: 8px;
 }
-.pc-BlockHeader__description a:hover, .pc-BlockHeader__description a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+.pc-block-header__description_titleSize_s .yfm {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
 }

package/build/cjs/components/BlockHeader/BlockHeader.js

@@ -5,7 +5,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const grid_1 = require("../../grid");
 const __1 = require("../");
-const b = (0, utils_1.block)('BlockHeader');
+const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
+const b = (0, utils_1.block)('block-header');
 const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
     if (!title && !description) {
         return null;
@@ -14,8 +15,8 @@ const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm:
     return (react_1.default.createElement("div", { className: b(null, className) },
         text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement(__1.Title, Object.assign({ text: text }, titleProps)))),
-        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: { all: 12, sm: 8 } },
+        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                react_1.default.createElement(__1.HTML, null, description))))));
+                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))))));
 };
 exports.default = BlockHeader;

package/build/cjs/components/Button/Button.js

@@ -12,14 +12,14 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, gaEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "gaEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = (0, react_1.useCallback)(() => {
-        handleMetrika({ metrikaGoals, pixelEvents });
+        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
         if (onClickOrigin) {
             onClickOrigin();
         }
-    }, [handleMetrika, metrikaGoals, pixelEvents, onClickOrigin]);
+    }, [handleMetrika, metrikaGoals, pixelEvents, gaEvents, onClickOrigin]);
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };

package/build/cjs/components/CardBase/CardBase.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement, HTMLAttributeAnchorTarget } from 'react';
-import { ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
+import { ButtonPixel, CardBaseProps as CardBaseParams, GAEvents, ImageProps, MetrikaGoal, WithChildren } from '../../models';
 export interface CardBaseProps extends CardBaseParams {
     className?: string;
     bodyClassName?: string;
@@ -9,6 +9,7 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    gaEvents?: GAEvents;
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/cjs/components/CardBase/CardBase.js

@@ -12,7 +12,7 @@ const Header = () => null;
 const Content = () => null;
 const Footer = () => null;
 const Layout = (props) => {
-    const { className, bodyClassName, metrikaGoals, pixelEvents, contentClassName, children, url, target, border = 'shadow', } = props;
+    const { className, bodyClassName, metrikaGoals, pixelEvents, gaEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
@@ -45,7 +45,7 @@ const Layout = (props) => {
             footer && react_1.default.createElement("div", { className: b('footer', footerClass) }, footer))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
+        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
     };
     return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
         react_1.default.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (react_1.default.createElement("div", { className: fullClassName }, cardContent));

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -6,10 +6,10 @@ const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
+    const { items, metrikaGoals, pixelEvents, gaEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
+        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
     };
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));

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

@@ -25,14 +25,14 @@ function getArrowSize(size) {
     }
 }
 const LinkBlock = (props) => {
-    const { text, url, arrow, metrikaGoals, pixelEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
+    const { text, url, arrow, metrikaGoals, pixelEvents, gaEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const href = (0, utils_1.setUrlTld)(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
+        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
     };
     const getLinkByType = () => {
         switch (theme) {

package/build/cjs/context/metrikaContext/metrikaContext.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Metrika, Pixel } from '../../models';
+import { GaInline, Metrika, Pixel } from '../../models';
 export interface MetrikaContextProps {
     metrika?: Metrika;
     pixel?: Pixel;
+    gaInline?: GaInline;
 }
 export declare const MetrikaContext: React.Context<MetrikaContextProps>;

package/build/cjs/hooks/useMetrika.d.ts

@@ -1,7 +1,8 @@
-import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
+import { ButtonPixel, MetrikaGoal, PixelEvent, GAEvents } from '../models';
 type UseMetrikaProps = {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
+    gaEvents?: GAEvents;
 };
-export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
+export declare const useMetrika: () => ({ metrikaGoals, pixelEvents, gaEvents }: UseMetrikaProps) => void;
 export {};

package/build/cjs/hooks/useMetrika.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMetrika = void 0;
+const tslib_1 = require("tslib");
 const react_1 = require("react");
 const metrikaContext_1 = require("../context/metrikaContext");
 const models_1 = require("../models");
@@ -12,8 +13,8 @@ function isButtonPixel(pixelEvents) {
     return false;
 }
 const useMetrika = () => {
-    const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
-    return ({ metrikaGoals, pixelEvents }) => {
+    const { metrika, pixel, gaInline } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
+    return ({ metrikaGoals, pixelEvents, gaEvents }) => {
         if (metrika && metrikaGoals) {
             if ((0, guards_1.isNewMetrikaFormat)(metrikaGoals)) {
                 metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
@@ -36,6 +37,13 @@ const useMetrika = () => {
                 pixel.track(pixelEvents);
             }
         }
+        if (gaInline && gaEvents) {
+            const gaEventsArray = Array.isArray(gaEvents) ? gaEvents : [gaEvents];
+            gaEventsArray.forEach((_a) => {
+                var { eventName } = _a, rest = tslib_1.__rest(_a, ["eventName"]);
+                gaInline.event(eventName, rest);
+            });
+        }
     };
 };
 exports.useMetrika = useMetrika;

package/build/cjs/models/common.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MetrikaGoal } from './';
+import { GAEventParams, MetrikaGoal } from './';
 export interface Refable<T> {
     ref?: React.Ref<T>;
 }
@@ -45,6 +45,9 @@ export interface Metrika {
     reachGoal: (counterName: string, ...args: any) => void;
     reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
 }
+export interface GaInline {
+    event: (eventName: string, params?: GAEventParams) => void;
+}
 export interface ClassNameProps {
     className?: string;
 }

package/build/cjs/models/constructor-items/common.d.ts

@@ -121,6 +121,7 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    gaEvents?: GAEvents;
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -139,6 +140,7 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    gaEvents?: GAEvents;
     target?: string;
 }
 export interface ButtonImageProps {
@@ -222,6 +224,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    gaEvents?: GAEvents;
 }
 export interface PreviewContentItemProps {
     title: string;
@@ -337,4 +340,22 @@ export interface BlockHeaderProps {
     title?: TitleProps | string;
     description?: string;
 }
+export declare type GaParameterValue = string | number | boolean;
+declare type GACommandConfig<T> = T & {
+    [key: string]: GaParameterValue;
+};
+declare type GACommonParams = {
+    groups?: string | string[];
+    sendTo?: string | string[];
+    eventTimeout?: number;
+};
+export declare type GAEventParams = GACommandConfig<GACommonParams & {
+    eventCategory?: string;
+    eventLabel?: string;
+    value?: number;
+}>;
+export type GAEvent = GAEventParams & {
+    eventName: string;
+};
+export type GAEvents = GAEvent | GAEvent[];
 export {};

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

@@ -499,6 +499,53 @@ export declare const ButtonProps: {
             };
         };
     };
+    gaEvents: {
+        type: string;
+        items: {
+            type: string;
+            required: string[];
+            additionalProperties: boolean;
+            properties: {
+                eventName: {
+                    type: string;
+                };
+                eventCategory: {
+                    type: string;
+                };
+                eventLabel: {
+                    type: string;
+                };
+                value: {
+                    type: string;
+                };
+                groups: {
+                    oneOf: ({
+                        type: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    })[];
+                };
+                sendTo: {
+                    oneOf: ({
+                        type: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    })[];
+                };
+                eventTimeout: {
+                    type: string;
+                };
+            };
+        };
+    };
     target: {
         type: string;
         enum: string[];
@@ -714,6 +761,53 @@ export declare const ButtonBlock: {
                 };
             };
         };
+        gaEvents: {
+            type: string;
+            items: {
+                type: string;
+                required: string[];
+                additionalProperties: boolean;
+                properties: {
+                    eventName: {
+                        type: string;
+                    };
+                    eventCategory: {
+                        type: string;
+                    };
+                    eventLabel: {
+                        type: string;
+                    };
+                    value: {
+                        type: string;
+                    };
+                    groups: {
+                        oneOf: ({
+                            type: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                        })[];
+                    };
+                    sendTo: {
+                        oneOf: ({
+                            type: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                        })[];
+                    };
+                    eventTimeout: {
+                        type: string;
+                    };
+                };
+            };
+        };
         target: {
             type: string;
             enum: string[];
@@ -869,3 +963,34 @@ export declare const CardBase: {
         enum: string[];
     };
 };
+export declare const BlockHeaderProps: {
+    title: {
+        oneOf: ({
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                    contentType: string;
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                url: {
+                    type: string;
+                };
+                resetMargin: {
+                    type: string;
+                };
+            };
+        } | {
+            type: string;
+        })[];
+    };
+    description: {
+        type: string;
+        contentType: string;
+    };
+};

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardBase = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+const ga_events_1 = require("./ga-events");
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
@@ -332,6 +333,7 @@ exports.ButtonProps = {
         ],
     },
     pixelEvents: pixel_1.pixelEvents,
+    gaEvents: ga_events_1.gaEvents,
     target: {
         type: 'string',
         enum: ['_self', '_blank', '_parent', '_top'],
@@ -448,3 +450,12 @@ exports.CardBase = {
         enum: ['border', 'shadow', 'none'],
     },
 };
+exports.BlockHeaderProps = {
+    title: {
+        oneOf: [{ type: 'string' }, exports.TitleProps],
+    },
+    description: {
+        type: 'string',
+        contentType: 'yfm',
+    },
+};

package/build/cjs/schema/validators/ga-events.d.ts

@@ -0,0 +1,47 @@
+export declare const gaEvents: {
+    type: string;
+    items: {
+        type: string;
+        required: string[];
+        additionalProperties: boolean;
+        properties: {
+            eventName: {
+                type: string;
+            };
+            eventCategory: {
+                type: string;
+            };
+            eventLabel: {
+                type: string;
+            };
+            value: {
+                type: string;
+            };
+            groups: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            sendTo: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            eventTimeout: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/schema/validators/ga-events.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gaEvents = void 0;
+exports.gaEvents = {
+    type: 'array',
+    items: {
+        type: 'object',
+        required: ['eventName'],
+        additionalProperties: false,
+        properties: {
+            eventName: {
+                type: 'string',
+            },
+            eventCategory: {
+                type: 'string',
+            },
+            eventLabel: {
+                type: 'string',
+            },
+            value: {
+                type: 'number',
+            },
+            groups: {
+                oneOf: [
+                    { type: 'string' },
+                    {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                        },
+                    },
+                ],
+            },
+            sendTo: {
+                oneOf: [
+                    { type: 'string' },
+                    {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                        },
+                    },
+                ],
+            },
+            eventTimeout: {
+                type: 'number',
+            },
+        },
+    },
+};

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

@@ -4,7 +4,7 @@ exports.CardWithImage = exports.CardWithImageItem = void 0;
 const lodash_1 = require("lodash");
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
-const schema_1 = require("../../../src/sub-blocks/Content/schema");
+const schema_1 = require("../../sub-blocks/Content/schema");
 const CardWithImageContentProps = (0, lodash_1.omit)(schema_1.ContentBase, ['links', 'size', 'text', 'theme']);
 const CardWithImageLinks = {
     type: 'object',