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

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

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../../sub-blocks/PriceDetailed/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/BackgroundCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Content/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/MediaCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Quote/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Divider/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/BasicCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/PriceCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/HubspotForm/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/ImageCard/schema"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/PriceDetailed/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/BackgroundCard/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/Content/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/MediaCard/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/Quote/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/Divider/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/BasicCard/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/PriceCard/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/HubspotForm/schema.js"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/ImageCard/schema.js"), exports);
+//# sourceMappingURL=sub-blocks.js.map

package/build/cjs/schema/validators/sub-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-blocks.js","sourceRoot":"../../../../src","sources":["schema/validators/sub-blocks.ts"],"names":[],"mappings":";;;AAAA,mFAAsD;AACtD,oFAAuD;AACvD,6EAAgD;AAChD,+EAAkD;AAClD,gFAAmD;AACnD,2EAA8C;AAC9C,6EAAgD;AAChD,+EAAkD;AAClD,+EAAkD;AAClD,iFAAoD;AACpD,+EAAkD","sourcesContent":["export * from '../../sub-blocks/PriceDetailed/schema';\nexport * from '../../sub-blocks/BackgroundCard/schema';\nexport * from '../../sub-blocks/Content/schema';\nexport * from '../../sub-blocks/MediaCard/schema';\nexport * from '../../sub-blocks/LayoutItem/schema';\nexport * from '../../sub-blocks/Quote/schema';\nexport * from '../../sub-blocks/Divider/schema';\nexport * from '../../sub-blocks/BasicCard/schema';\nexport * from '../../sub-blocks/PriceCard/schema';\nexport * from '../../sub-blocks/HubspotForm/schema';\nexport * from '../../sub-blocks/ImageCard/schema';\n"]}

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

@@ -10,3 +10,4 @@ const filteredArray = (itemsSchema) => ({
     items: (0, exports.filteredItem)(itemsSchema),
 });
 exports.filteredArray = filteredArray;
+//# sourceMappingURL=utils.js.map

package/build/cjs/schema/validators/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["schema/validators/utils.ts"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,CAAC,WAAyB,EAAE,EAAE,CAAC,iCACpD,WAAW,KACd,IAAI,EAAE,QAAQ,EACd,UAAU,kBACN,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB,IACE,WAAW,CAAC,UAAU,KAE/B,CAAC;AATU,QAAA,YAAY,gBAStB;AAEI,MAAM,aAAa,GAAG,CAAC,WAAyB,EAAE,EAAE,CAAC,CAAC;IACzD,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,IAAA,oBAAY,EAAC,WAAW,CAAC;CACnC,CAAC,CAAC;AAHU,QAAA,aAAa,iBAGvB","sourcesContent":["export interface ObjectSchema extends Record<string, unknown> {\n    properties: object;\n}\n\nexport const filteredItem = (itemsSchema: ObjectSchema) => ({\n    ...itemsSchema,\n    type: 'object',\n    properties: {\n        when: {\n            type: 'string',\n        },\n        ...itemsSchema.properties,\n    },\n});\n\nexport const filteredArray = (itemsSchema: ObjectSchema) => ({\n    type: 'array',\n    items: filteredItem(itemsSchema),\n});\n"]}

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

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

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/");
-const theme_1 = require("../../context/theme");
-const utils_1 = require("../../utils");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const components_1 = require("../../components/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const utils_1 = require("../../utils/index.js");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 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, controlPosition = 'content', list, } = props;
@@ -15,9 +15,7 @@ const BackgroundCard = (props) => {
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), 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, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }))));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })), (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })] }) }));
 };
 exports.default = BackgroundCard;
+//# sourceMappingURL=BackgroundCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/BackgroundCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAA4D;AAC5D,wDAA6C;AAE7C,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,EACF,GAAG,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,KAAK,EACL,OAAO,EACP,eAAe,EACf,QAAQ,EACR,eAAe,GAAG,SAAS,EAC3B,IAAI,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,kBAAkB,GAAG,eAAe,IAAI,SAAS,KAAK,SAAS,CAAC;IACtE,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACxD,MAAM,mBAAmB,GAAG,CAAC,aAAa,IAAI,eAAe,KAAK,QAAQ,CAAC;IAE3E,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAC,CAAC,EACxD,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,EAC9B,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,YAElB,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,kBACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IACjB,IAAA,sBAAc,EAAC,UAAU,EAAE,KAAK,CAAC,IACrC,KAAK,EAAE,EAAC,eAAe,EAAC,IAC1B,EACF,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,IACa,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {BackgroundImage, CardBase} from '../../components/';\nimport {useTheme} from '../../context/theme';\nimport {BackgroundCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BackgroundCard.scss';\n\nconst b = block('background-card');\n\nconst BackgroundCard = (props: BackgroundCardProps) => {\n    const {\n        url,\n        title,\n        text,\n        border,\n        background,\n        paddingBottom,\n        backgroundColor,\n        additionalInfo,\n        theme: cardTheme = 'default',\n        links,\n        buttons,\n        analyticsEvents,\n        urlTitle,\n        controlPosition = 'content',\n        list,\n    } = props;\n\n    const titleId = useUniqId();\n\n    const theme = useTheme();\n    const hasBackgroundColor = backgroundColor || cardTheme !== 'default';\n    const borderType = hasBackgroundColor ? 'none' : border;\n    const areControlsInFooter = !paddingBottom && controlPosition === 'footer';\n\n    return (\n        <CardBase\n            className={b({padding: paddingBottom, theme: cardTheme})}\n            contentClassName={b('content')}\n            url={url}\n            border={borderType}\n            analyticsEvents={analyticsEvents}\n            urlTitle={urlTitle}\n        >\n            <CardBase.Content>\n                <BackgroundImage\n                    className={b('image')}\n                    {...getThemedValue(background, theme)}\n                    style={{backgroundColor}}\n                />\n                <Content\n                    titleId={titleId}\n                    title={title}\n                    text={text}\n                    additionalInfo={additionalInfo}\n                    size=\"s\"\n                    theme={cardTheme}\n                    links={links}\n                    buttons={buttons}\n                    list={list}\n                    colSizes={{all: 12, md: 12}}\n                    controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                />\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BackgroundCard;\n"]}

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

@@ -59,7 +59,7 @@ export declare const BackgroundCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundCard = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-const event_1 = require("../../schema/validators/event");
-const schema_2 = require("../Content/schema");
+const schema_1 = require("../../components/Image/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 BackgroundCardContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'controlPosition']);
 exports.BackgroundCard = {
     'background-card': {
@@ -36,3 +36,4 @@ exports.BackgroundCard = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/schema.ts"],"names":[],"mappings":";;;;AAAA,+DAA+B;AAE/B,6DAA+D;AAC/D,8DAA+F;AAC/F,4DAAmE;AACnE,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErE,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;QAC3B,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,wBAAe,GACf,0BAA0B,KAC7B,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,EACD,UAAU,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC,EACvC,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,EACD,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;aAC9B,EACD,eAAe,EAAE;gBACb,KAAK,EAAE;oDAEI,4BAAoB,KACvB,UAAU,EAAE,QAAQ;oBAExB;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageObjectProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps, withTheme} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../Content/schema';\n\nconst BackgroundCardContentProps = omit(ContentBase, ['size', 'controlPosition']);\n\nexport const BackgroundCard = {\n    'background-card': {\n        additionalProperties: false,\n        required: ['title', 'text'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BackgroundCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            background: withTheme(ImageObjectProps),\n            backgroundColor: {\n                type: 'string',\n            },\n            paddingBottom: {\n                type: 'string',\n                enum: ['s', 'm', 'l', 'xl'],\n            },\n            analyticsEvents: {\n                oneOf: [\n                    {\n                        ...AnalyticsEventSchema,\n                        optionName: 'single',\n                    },\n                    {\n                        type: 'array',\n                        items: AnalyticsEventSchema,\n                        optionName: 'list',\n                    },\n                ],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}

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

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

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

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../components");
-const theme_1 = require("../../context/theme");
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../components/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
     const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' } = {}, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
@@ -14,16 +13,8 @@ const BannerCard = (props) => {
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }
-    return (react_1.default.createElement("div", { className: b({ theme: textTheme, ['media-view']: mediaView }) },
-        react_1.default.createElement("div", { className: b('content'), style: contentStyle },
-            react_1.default.createElement("div", { className: b('info') },
-                react_1.default.createElement("div", { className: b('text') },
-                    react_1.default.createElement("h2", { className: b('title') },
-                        react_1.default.createElement(components_1.HTML, null, title)),
-                    subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                url && (react_1.default.createElement(components_1.RouterLink, { href: url },
-                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target })))),
-            react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: (0, jsx_runtime_1.jsx)(components_1.HTML, { children: title }) }), subtitle && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target }) }))] }), (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress })] }) }));
 };
 exports.BannerCard = BannerCard;
 exports.default = exports.BannerCard;
+//# sourceMappingURL=BannerCard.js.map

package/build/cjs/sub-blocks/BannerCard/BannerCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuF;AACvF,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,EAAE,EAC/D,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,uBAAC,iBAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button: {url, text, target, theme: buttonTheme = 'raised'} = {},\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}

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

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

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components");
-const theme_1 = require("../../context/theme");
-const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
-const utils_1 = require("../../utils");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const components_1 = require("../../components/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const sub_blocks_1 = require("../../models/constructor-items/sub-blocks.js");
+const utils_1 = require("../../utils/index.js");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 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, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
@@ -16,9 +16,7 @@ const BasicCard = (props) => {
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    return (react_1.default.createElement(components_1.CardBase, Object.assign({ className: b(), contentClassName: b('content') }, 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: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper') },
-                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 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(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 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) })));
 };
 exports.default = BasicCard;
+//# sourceMappingURL=BasicCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/BasicCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAAuD;AACvD,wDAA6C;AAE7C,6EAAuE;AACvE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,GAAG,yBAAY,CAAC,GAAG,EAC/B,eAAe,GAAG,SAAS,KAE3B,KAAK,EADF,UAAU,kBACb,KAAK,EAXH,0GAWL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAE,CAAC;IAClC,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,qBAAQ,kBACL,SAAS,EAAE,CAAC,EAAE,EACd,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,IAC1B,UAAU,IACd,UAAU,EAAE,EAAC,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAC,YAE3E,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,wBAAW,IACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC,CAAC,SAAS,EAC1E,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAEvB,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACQ,GACC,IACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {CardBase, IconWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BasicCardProps} from '../../models';\nimport {IconPosition} from '../../models/constructor-items/sub-blocks';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BasicCard.scss';\n\nconst b = block('basic-card');\n\nconst BasicCard = (props: BasicCardProps) => {\n    const {\n        title,\n        text,\n        icon,\n        additionalInfo,\n        links,\n        list,\n        buttons,\n        iconPosition = IconPosition.Top,\n        controlPosition = 'content',\n        ...cardParams\n    } = props;\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    return (\n        <CardBase\n            className={b()}\n            contentClassName={b('content')}\n            {...cardParams}\n            extraProps={{'aria-describedby': descriptionId, 'aria-labelledby': titleId}}\n        >\n            <CardBase.Content>\n                <IconWrapper\n                    icon={themedIcon ? {value: themedIcon, position: iconPosition} : undefined}\n                    className={b('wrapper')}\n                >\n                    <Content\n                        title={title}\n                        titleId={titleId}\n                        text={text}\n                        textId={descriptionId}\n                        additionalInfo={additionalInfo}\n                        links={links}\n                        list={list}\n                        buttons={buttons}\n                        size=\"s\"\n                        colSizes={{all: 12, md: 12}}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </IconWrapper>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BasicCard;\n"]}

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicCard = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-const schema_2 = require("../Content/schema");
+const schema_1 = require("../../components/Image/schema.js");
+const common_1 = require("../../schema/validators/common.js");
+const schema_2 = require("../Content/schema.js");
 const BasicCardContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'theme', 'controlPosition']);
 exports.BasicCard = {
     'basic-card': {
@@ -27,3 +27,4 @@ exports.BasicCard = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/schema.ts"],"names":[],"mappings":";;;;AAAA,+DAA+B;AAE/B,6DAAyD;AACzD,8DAAoF;AACpF,iDAA8C;AAE9C,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAEzE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,wBAAe,GACf,qBAAqB,KACxB,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,EACD,IAAI,EAAE,mBAAU,EAChB,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;aAC/C,EACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;aACxB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nconst BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);\n\nexport const BasicCard = {\n    'basic-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BasicCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            icon: ImageProps,\n            target: {\n                type: 'string',\n                enum: ['_blank', '_parent', '_top', '_self'],\n            },\n            iconPosition: {\n                type: 'string',\n                enum: ['top', 'left'],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { ClassNameProps, ContentBlockProps } from '../../models';
-import { QAProps } from '../../models/common';
+import { ClassNameProps, ContentBlockProps } from "../../models/index.js";
+import { QAProps } from "../../models/common.js";
 export type ContentProps = ContentBlockProps & ClassNameProps & QAProps;
-declare const Content: (props: ContentProps) => JSX.Element;
+declare const Content: (props: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export default Content;

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 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 components_1 = require("../../components/index.js");
+const grid_1 = require("../../grid/index.js");
+const utils_1 = require("../../utils/index.js");
+const blocks_1 = require("../../utils/blocks.js");
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -26,19 +25,11 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, 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 }) },
-            react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
-        (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, size: size, qa: qaAttributes.list, theme: theme }))) : null,
-        additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
-            react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
-                    constructor: true,
-                    'constructor-notice': true,
-                    [`constructor-size-${size}`]: true,
-                } }))),
-        links && (react_1.default.createElement(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
-        buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
+    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), (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, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+                        constructor: true,
+                        'constructor-notice': true,
+                        [`constructor-size-${size}`]: true,
+                    } }) })), links && ((0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })), buttons && ((0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))] }));
 };
 exports.default = Content;
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":";;;AAAA,6CAA4C;AAE5C,0DAAgF;AAChF,8CAA+B;AAG/B,gDAAkC;AAClC,kDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;AAE3B,SAAS,WAAW,CAAC,IAAiB;IAClC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAID,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACpC,MAAM,EACF,KAAK,EACL,OAAO,EAAE,gBAAgB,EACzB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,IAAI,GAAG,GAAG,EACV,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAC3B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,IAAI,EACJ,EAAE,EACF,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzF,MAAM,UAAU,GACZ,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC/B,CAAC,CAAE,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAAoB;QAChE,CAAC,CAAC,KAAK,CAAC;IAEhB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,cAAc,GAAG,IAAA,iBAAS,GAAE,CAAC;IACnC,MAAM,OAAO,GAAG,gBAAgB,IAAI,cAAc,CAAC;IAEnD,OAAO,CACH,wBAAC,UAAG,IACA,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAC,EAAE,SAAS,CAAC,EACrF,KAAK,QACL,KAAK,EAAE,QAAQ,EACf,EAAE,EAAE,YAAY,CAAC,SAAS,aAEzB,KAAK,IAAI,CACN,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,EACnB,EAAE,EAAE,OAAO,GACb,CACL,EACA,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAC,CAAC,YACrD,uBAAC,uBAAU,IACP,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAE,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,EAClE,EAAE,EAAE,MAAM,GACZ,GACA,CACT,EACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC1E,CACT,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,IAAI,CACf,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,uBAAU,IACP,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;wBACjB,oBAAoB,EAAE,IAAI;wBAC1B,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;qBACrC,GACH,GACA,CACT,EACA,KAAK,IAAI,CACN,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,YAAY,CAAC,KAAK,EACtB,MAAM,EAAE,YAAY,CAAC,IAAI,GAC3B,CACL,EACA,OAAO,IAAI,CACR,uBAAC,oBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,YAAY,CAAC,OAAO,EACxB,QAAQ,EAAE,YAAY,CAAC,MAAM,GAC/B,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {ClassNameProps, ContentBlockProps, ContentSize, TitleItemProps} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}

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

@@ -42,7 +42,7 @@ export declare const ContentItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../..").Theme[];
+                required: import("../../index.js").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBlock = exports.ContentBase = exports.ContentItem = void 0;
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-const utils_1 = require("../../schema/validators/utils");
+const schema_1 = require("../../components/Image/schema.js");
+const common_1 = require("../../schema/validators/common.js");
+const utils_1 = require("../../schema/validators/utils.js");
 exports.ContentItem = {
     additionalProperties: false,
     required: ['icon'],
@@ -63,3 +63,4 @@ exports.ContentBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;4CAEM,mBAAU,KACb,UAAU,EAAE,SAAS;SAE5B;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,mBAAW,KACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,IAAE,EAAE,EAAE,CAAC,EACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}

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

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

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('divider-block');
-const Divider = ({ size = 'm', border }) => react_1.default.createElement("div", { className: b({ size, border }) });
+const Divider = ({ size = 'm', border }) => (0, jsx_runtime_1.jsx)("div", { className: b({ size, border }) });
 exports.default = Divider;
+//# sourceMappingURL=Divider.js.map

package/build/cjs/sub-blocks/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"../../../../src","sources":["sub-blocks/Divider/Divider.tsx"],"names":[],"mappings":";;;AACA,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,OAAO,GAAG,CAAC,EAAC,IAAI,GAAG,GAAG,EAAE,MAAM,EAAe,EAAE,EAAE,CAAC,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,GAAI,CAAC;AAE9F,kBAAe,OAAO,CAAC","sourcesContent":["import {DividerProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Divider.scss';\n\nconst b = block('divider-block');\n\nconst Divider = ({size = 'm', border}: DividerProps) => <div className={b({size, border})} />;\n\nexport default Divider;\n"]}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
-const common_1 = require("../../schema/validators/common");
+const common_1 = require("../../schema/validators/common.js");
 exports.Divider = {
     divider: {
         additionalProperties: false,
@@ -10,3 +10,4 @@ exports.Divider = {
             }, size: common_1.dividerEnum }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/Divider/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Divider/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAsE;AAEzD,QAAA,OAAO,GAAG;IACnB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,kBAAS,KACZ,MAAM,EAAE;gBACJ,IAAI,EAAE,SAAS;aAClB,EACD,IAAI,EAAE,oBAAW,GACpB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, dividerEnum} from '../../schema/validators/common';\n\nexport const Divider = {\n    divider: {\n        additionalProperties: false,\n        properties: {\n            ...BaseProps,\n            border: {\n                type: 'boolean',\n            },\n            size: dividerEnum,\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { HubspotFormProps } from '../../models';
+import * as React from 'react';
+import { HubspotFormProps } from "../../models/index.js";
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
 declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript"));
-const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const hooks_1 = require("../../hooks/index.js");
+const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript.js"));
+const HubspotFormContainer = React.forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
-    const containerRef = (0, react_1.useRef)(null);
-    const hsContainerRef = (0, react_1.useRef)();
+    const containerRef = React.useRef(null);
+    const hsContainerRef = React.useRef();
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    (0, react_1.useImperativeHandle)(ref, () => containerRef.current);
+    React.useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -46,7 +47,8 @@ const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
             }
         };
     });
-    return react_1.default.createElement("div", { className: className, id: containerId, ref: containerRef });
+    return (0, jsx_runtime_1.jsx)("div", { className: className, id: containerId, ref: containerRef });
 });
 HubspotFormContainer.displayName = 'HubspotFormContainer';
 exports.default = HubspotFormContainer;
+//# sourceMappingURL=HubspotFormContainer.js.map

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HubspotFormContainer.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/HubspotFormContainer.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gDAAqC;AAGrC,uFAAoD;AAapD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EACF,SAAS,EAET,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,oEAAoE;IACpE,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAQ,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,cAAc;QAC9B,CAAC,CAAC,gBAAgB,MAAM,IAAI,cAAc,EAAE;QAC5C,CAAC,CAAC,gBAAgB,MAAM,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC;YACtE,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvD,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;YAC7B,cAAc,CAAC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,CAAC,gBAAgB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC9C,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;oBACtB,MAAM;oBACN,QAAQ;oBACR,MAAM;oBACN,MAAM,EAAE,IAAI,WAAW,EAAE;oBACzB,QAAQ,EAAE,aAAa;oBACvB,cAAc;iBACjB,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACV,CAAC,KAAK,IAAI,EAAE;YACR,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM,IAAA,2BAAiB,GAAE,CAAC;YAC9B,CAAC;YAED,UAAU,EAAE,CAAC;QACjB,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACR,IAAI,gBAAgB,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gBAC7E,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACrE,CAAC;QACL,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,gCAAK,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AAC7E,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useMount} from '../../hooks';\nimport {HubspotFormProps} from '../../models';\n\nimport loadHubspotScript from './loadHubspotScript';\n\ntype HubspotFormContainerPropsKeys =\n    | 'className'\n    | 'formId'\n    | 'formInstanceId'\n    | 'portalId'\n    | 'region'\n    | 'formClassName'\n    | 'createDOMElement';\n\ntype HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;\n\nconst HubspotFormContainer = React.forwardRef<HTMLDivElement, HubspotFormContainerProps>(\n    (props, ref) => {\n        const {\n            className,\n\n            formId,\n            formInstanceId,\n            portalId,\n            region,\n            formClassName,\n            createDOMElement,\n        } = props;\n\n        const containerRef = React.useRef<HTMLDivElement>(null);\n        const hsContainerRef = React.useRef<HTMLDivElement>();\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        React.useImperativeHandle(ref, () => containerRef.current!);\n\n        const containerId = formInstanceId\n            ? `hubspot-form-${formId}-${formInstanceId}`\n            : `hubspot-form-${formId}`;\n\n        const createForm = () => {\n            if (containerRef.current && !hsContainerRef.current && createDOMElement) {\n                hsContainerRef.current = document.createElement('div');\n                containerRef.current.id = '';\n                hsContainerRef.current.id = containerId;\n                containerRef.current.appendChild(hsContainerRef.current);\n            }\n\n            if (!createDOMElement || hsContainerRef.current) {\n                if (window.hbspt) {\n                    window.hbspt.forms.create({\n                        region,\n                        portalId,\n                        formId,\n                        target: `#${containerId}`,\n                        cssClass: formClassName,\n                        formInstanceId,\n                    });\n                }\n            }\n        };\n\n        useMount(() => {\n            (async () => {\n                if (!window.hbspt) {\n                    await loadHubspotScript();\n                }\n\n                createForm();\n            })();\n\n            return () => {\n                if (createDOMElement && containerRef.current && containerRef.current.lastChild) {\n                    containerRef.current.removeChild(containerRef.current.lastChild);\n                }\n            };\n        });\n\n        return <div className={className} id={containerId} ref={containerRef} />;\n    },\n);\n\nHubspotFormContainer.displayName = 'HubspotFormContainer';\n\nexport default HubspotFormContainer;\n"]}

package/build/cjs/sub-blocks/HubspotForm/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { HubspotFormProps } from '../../models';
+import * as React from 'react';
+import { HubspotFormProps } from "../../models/index.js";
 declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

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

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-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 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 b = (0, utils_1.block)('hubspot-form');
-const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
+const HubspotForm = React.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 = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const isMobileValue = React.useContext(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
     const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
-    const handlers = (0, react_1.useMemo)(() => ({
+    const handlers = React.useMemo(() => ({
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
@@ -37,7 +38,8 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    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 }));
+    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()));
 });
 HubspotForm.displayName = 'HubspotForm';
 exports.default = HubspotForm;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,wDAA6C;AAC7C,gDAAiE;AACjE,kDAAiE;AACjE,gDAAwD;AAExD,6FAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACF,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,MAAM,EACN,aAAa;IACb,oDAAoD;IACpD,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC;IACtC,MAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC;IAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACH,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,EACF;QACI,YAAY;QACZ,cAAc;QACd,MAAM;QACN,eAAe;QACf,eAAe;QACf,QAAQ;QACR,aAAa;KAChB,CACJ,CAAC;IAEF,IAAA,8BAAsB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,CACH,uBAAC,8BAAoB,IACjB,gBAAgB,EAAE,gBAAgB,EAElC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,EACxC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,IAPH,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAQvE,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics, useHandleHubspotEvents} from '../../hooks';\nimport {DefaultEventNames, HubspotFormProps} from '../../models';\nimport {HubspotEventHandlers, block} from '../../utils';\n\nimport HubspotFormContainer from './HubspotFormContainer';\n\nimport './HubspotForm.scss';\n\nconst b = block('hubspot-form');\n\nconst HubspotForm = React.forwardRef<HTMLDivElement, HubspotFormProps>((props, ref) => {\n    const {\n        className,\n        theme: themeProp,\n        isMobile: isMobileProp,\n        formId,\n        formInstanceId,\n        portalId,\n        region,\n        formClassName,\n        // hubspotEvents, // TODO: decide how to handle them\n        analyticsEvents,\n        onBeforeSubmit,\n        onSubmit,\n        onBeforeLoad,\n        onLoad,\n        createDOMElement,\n        onSubmitError,\n    } = props;\n\n    const themeValue = useTheme();\n    const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);\n    const isMobileValue = React.useContext(MobileContext);\n\n    const theme = themeProp ?? themeValue;\n    const mobile = isMobileProp ?? isMobileValue;\n\n    const handlers = React.useMemo<HubspotEventHandlers>(\n        () => ({\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            onSubmitError,\n            onSubmit: (event) => {\n                handleAnalytics(analyticsEvents);\n                onSubmit?.(event);\n            },\n        }),\n        [\n            onBeforeLoad,\n            onBeforeSubmit,\n            onLoad,\n            handleAnalytics,\n            analyticsEvents,\n            onSubmit,\n            onSubmitError,\n        ],\n    );\n\n    useHandleHubspotEvents(handlers, formId);\n    return (\n        <HubspotFormContainer\n            createDOMElement={createDOMElement}\n            key={[formClassName, formId, formInstanceId, portalId, region].join()}\n            className={b({theme, mobile}, className)}\n            formClassName={formClassName}\n            formId={formId}\n            portalId={portalId}\n            formInstanceId={formInstanceId}\n            region={region}\n            ref={ref}\n        />\n    );\n});\n\nHubspotForm.displayName = 'HubspotForm';\n\nexport default HubspotForm;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"loadHubspotScript.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/loadHubspotScript.ts"],"names":[],"mappings":";;AAAA,IAAI,aAA+B,CAAC;AAEpC,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACjC,IAAI,aAAa,EAAE,CAAC;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,aAAa,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,kCAAkC,CAAC;YAChD,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;;gBACvB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,0CAAE,WAAW,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["let scriptPromise: Promise<unknown>;\n\nconst loadHubspotScript = async () => {\n    if (scriptPromise) {\n        return scriptPromise;\n    } else {\n        scriptPromise = new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = '//js-eu1.hsforms.net/forms/v2.js';\n            script.onload = (event) => {\n                resolve(event);\n            };\n            script.onerror = (event) => {\n                script?.parentNode?.removeChild(script);\n                reject(event);\n            };\n\n            document.head.appendChild(script);\n        });\n        return scriptPromise;\n    }\n};\n\nexport default loadHubspotScript;\n"]}