@doyourjob/gravity-ui-page-constructor 5.31.58 → 5.31.59

package/build/cjs/blocks/FormWallBlock/FormWallBlock.css

@@ -0,0 +1,11 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-form-wall-block {
+  backdrop-filter: blur(5px);
+}
+.pc-form-wall-block__container {
+  background-color: var(--g-color-base-background);
+  border-radius: var(--pc-border-radius);
+  padding: 32px;
+  height: 100%;
+}

package/build/cjs/blocks/FormWallBlock/FormWallBlock.d.ts

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

package/build/cjs/blocks/FormWallBlock/FormWallBlock.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_WALL_BLOCK_STORAGE_KEY = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const formListContext_1 = require("../../context/formListContext");
+const formsContext_1 = require("../../context/formsContext");
+const theme_1 = require("../../context/theme");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
+exports.FORM_WALL_BLOCK_STORAGE_KEY = 'FORM_WALL_BLOCK_STORAGE_KEY';
+const b = (0, utils_1.block)('form-wall-block');
+const FormWallBlock = (props) => {
+    const [showForm, setShowForm] = (0, react_1.useState)(false);
+    const { formData, slug } = props;
+    const formList = (0, react_1.useContext)(formListContext_1.FormListContext);
+    const formsConfig = (0, react_1.useContext)(formsContext_1.FormsContext);
+    const form = (0, react_1.useMemo)(() => formList.items.find((item) => item.slug === slug), [slug, formList.items]);
+    const theme = (0, theme_1.useTheme)();
+    const localStorageKey = (0, react_1.useMemo)(() => { var _a; return String(slug || ((_a = formData === null || formData === void 0 ? void 0 : formData.hubspot) === null || _a === void 0 ? void 0 : _a.formId) || window.location.pathname); }, [slug, formData]);
+    const handleSubmit = (0, react_1.useCallback)(() => {
+        setShowForm(false);
+        try {
+            const storageData = JSON.parse(window.localStorage.getItem(exports.FORM_WALL_BLOCK_STORAGE_KEY) || '{}');
+            storageData[localStorageKey] = true;
+            window.localStorage.setItem(exports.FORM_WALL_BLOCK_STORAGE_KEY, JSON.stringify(storageData));
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.log(e);
+        }
+    }, [localStorageKey]);
+    const data = (0, react_1.useMemo)(() => {
+        return form ? form : formData.hubspot;
+    }, [form, formData.hubspot]);
+    (0, react_1.useEffect)(() => {
+        try {
+            const storageData = JSON.parse(window.localStorage.getItem(exports.FORM_WALL_BLOCK_STORAGE_KEY) || '{}');
+            if (!storageData[localStorageKey]) {
+                setShowForm(true);
+            }
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.log(e);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const themedFormData = (0, utils_1.getThemedValue)(data, theme);
+    return (react_1.default.createElement(uikit_1.Modal, { open: showForm, className: b(), disableEscapeKeyDown: true, disableOutsideClick: true },
+        react_1.default.createElement("div", { className: b('container') },
+            react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData, { onSubmit: handleSubmit })))));
+};
+exports.default = FormWallBlock;

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

@@ -0,0 +1,52 @@
+export declare const FormWallBlock: {
+    'form-wall-block': {
+        additionalProperties: boolean;
+        properties: {
+            slug: {
+                type: string;
+            };
+            formData: {
+                type: string;
+                optionName: string;
+                properties: {
+                    hubspot: {
+                        oneOf: (({
+                            type: string;
+                            required: string[];
+                            properties: {
+                                region: {
+                                    type: string;
+                                };
+                                portalId: {
+                                    type: string;
+                                };
+                                formId: {
+                                    type: string;
+                                };
+                                formInstanceId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } & {
+                            optionName: string;
+                        }) | {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: import("../..").Theme[];
+                            properties: {};
+                            optionName: string;
+                        })[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormWallBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../../sub-blocks/HubspotForm/schema");
+exports.FormWallBlock = {
+    'form-wall-block': {
+        additionalProperties: false,
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { slug: {
+                type: 'string',
+            }, formData: {
+                type: 'object',
+                optionName: 'hubspot',
+                properties: {
+                    hubspot: (0, common_1.withTheme)(schema_1.HubspotFormProps),
+                },
+            } }),
+    },
+};

package/build/cjs/blocks/index.d.ts

@@ -21,6 +21,7 @@ export { default as MarqueeLinksBlock } from './MarqueeLinks/MarqueeLinks';
 export { default as SolutionsBlock } from './Solutions/Solutions';
 export { default as ServicesBlock } from './Services/Services';
 export { default as QuotesBlock } from './Quotes/Quotes';
+export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -50,6 +50,8 @@ var Services_1 = require("./Services/Services");
 Object.defineProperty(exports, "ServicesBlock", { enumerable: true, get: function () { return __importDefault(Services_1).default; } });
 var Quotes_1 = require("./Quotes/Quotes");
 Object.defineProperty(exports, "QuotesBlock", { enumerable: true, get: function () { return __importDefault(Quotes_1).default; } });
+var FormWallBlock_1 = require("./FormWallBlock/FormWallBlock");
+Object.defineProperty(exports, "FormWallBlock", { enumerable: true, get: function () { return __importDefault(FormWallBlock_1).default; } });
 var LinkTable_1 = require("./LinkTable/LinkTable");
 Object.defineProperty(exports, "LinkTableBlock", { enumerable: true, get: function () { return __importDefault(LinkTable_1).default; } });
 var EventsFeed_1 = require("./EventsFeed/EventsFeed");

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

@@ -28,6 +28,7 @@ export declare const blockMap: {
     "link-table-block": ({ title, items }: import("./models").LinkTableBlockProps) => JSX.Element;
     "services-block": ({ title, serviceLinkType }: import("./models").ServicesBlockProps) => JSX.Element;
     "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;
+    "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
     "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {

package/build/cjs/constructor-items.js

@@ -38,6 +38,7 @@ exports.blockMap = {
     [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,
     [models_1.BlockType.ServicesBlock]: blocks_1.ServicesBlock,
     [models_1.BlockType.QuotesBlock]: blocks_1.QuotesBlock,
+    [models_1.BlockType.FormWallBlock]: blocks_1.FormWallBlock,
     // unstable
     [models_1.BlockType.SliderNewBlock]: unstable_1.SliderNewBlock,
 };

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -48,6 +48,9 @@ const ConstructorBlocks = ({ items }) => {
             }
             const styles = (0, utils_1.getBlockBackgroundStyles)(('blockBackground' in item &&
                 item.blockBackground));
+            if (item.type === models_1.BlockType.FormWallBlock) {
+                return react_1.default.createElement(react_1.default.Fragment, { key: blockId }, itemElement);
+            }
             return (react_1.default.createElement(grid_1.Grid, { key: blockId, className: b({
                     'no-horizontal-scroll': item.type === models_1.BlockType.QuotesBlock ||
                         ('backgroundFull' in item && Boolean(item.backgroundFull)),

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

@@ -29,6 +29,7 @@ export declare enum BlockType {
     SolutionsBlock = "solutions-block",
     ServicesBlock = "services-block",
     QuotesBlock = "quotes-block",
+    FormWallBlock = "form-wall-block",
     LinkTableBlock = "link-table-block",
     EventsFeedBlock = "events-feed-block",
     BlogFeedBlock = "blog-feed-block",
@@ -292,6 +293,10 @@ export interface TableBlockProps {
     links?: LinkProps[];
     buttons?: ButtonProps[];
 }
+export interface FormWallBlockProps {
+    formData: FormBlockHubspotData;
+    slug?: string;
+}
 export interface HighlightTableData {
     content: string[][];
     customColumnWidth?: (12 | 6 | 4 | 3 | 2)[];
@@ -582,10 +587,13 @@ export type RelevantPostsBlockModel = {
 export type PressReleasesBlockModel = {
     type: BlockType.PressReleasesBlock;
 } & PressReleasesBlockProps;
+export type FormWallBlockModel = {
+    type: BlockType.FormWallBlock;
+} & FormWallBlockProps;
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel | FormWallBlockModel;
 type UnstableBlockModels = SliderNewBlockModel;
 export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -26,6 +26,7 @@ var BlockType;
     BlockType["SolutionsBlock"] = "solutions-block";
     BlockType["ServicesBlock"] = "services-block";
     BlockType["QuotesBlock"] = "quotes-block";
+    BlockType["FormWallBlock"] = "form-wall-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["EventsFeedBlock"] = "events-feed-block";
     BlockType["BlogFeedBlock"] = "blog-feed-block";

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.PressReleasesBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -20,6 +20,7 @@ exports.constructorBlockSchemaNames = [
     'media-block',
     'map-block',
     'info-block',
+    'form-wall-block',
     'table-block',
     'tabs-block',
     'marquee-links-block',

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

@@ -26,5 +26,6 @@ export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/EventsFeed/schema';
 export * from '../../blocks/BlogFeed/schema';
 export * from '../../blocks/RelevantPosts/schema';
+export * from '../../blocks/FormWallBlock/schema';
 export * from '../../blocks/PressReleases/schema';
 export * from '../../blocks/HighlightTable/schema';

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

@@ -29,5 +29,6 @@ tslib_1.__exportStar(require("../../blocks/LinkTable/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/EventsFeed/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/BlogFeed/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/RelevantPosts/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/FormWallBlock/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/PressReleases/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/HighlightTable/schema"), exports);

package/build/esm/blocks/FormWallBlock/FormWallBlock.css

@@ -0,0 +1,11 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-form-wall-block {
+  backdrop-filter: blur(5px);
+}
+.pc-form-wall-block__container {
+  background-color: var(--g-color-base-background);
+  border-radius: var(--pc-border-radius);
+  padding: 32px;
+  height: 100%;
+}

package/build/esm/blocks/FormWallBlock/FormWallBlock.d.ts

@@ -0,0 +1,5 @@
+import { FormWallBlockProps } from '../../models';
+import './FormWallBlock.css';
+export declare const FORM_WALL_BLOCK_STORAGE_KEY = "FORM_WALL_BLOCK_STORAGE_KEY";
+declare const FormWallBlock: (props: FormWallBlockProps) => JSX.Element;
+export default FormWallBlock;

package/build/esm/blocks/FormWallBlock/FormWallBlock.js

@@ -0,0 +1,52 @@
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { Modal } from '@gravity-ui/uikit';
+import { FormListContext } from '../../context/formListContext';
+import { FormsContext } from '../../context/formsContext';
+import { useTheme } from '../../context/theme';
+import { HubspotForm } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
+import './FormWallBlock.css';
+export const FORM_WALL_BLOCK_STORAGE_KEY = 'FORM_WALL_BLOCK_STORAGE_KEY';
+const b = block('form-wall-block');
+const FormWallBlock = (props) => {
+    const [showForm, setShowForm] = useState(false);
+    const { formData, slug } = props;
+    const formList = useContext(FormListContext);
+    const formsConfig = useContext(FormsContext);
+    const form = useMemo(() => formList.items.find((item) => item.slug === slug), [slug, formList.items]);
+    const theme = useTheme();
+    const localStorageKey = useMemo(() => { var _a; return String(slug || ((_a = formData === null || formData === void 0 ? void 0 : formData.hubspot) === null || _a === void 0 ? void 0 : _a.formId) || window.location.pathname); }, [slug, formData]);
+    const handleSubmit = useCallback(() => {
+        setShowForm(false);
+        try {
+            const storageData = JSON.parse(window.localStorage.getItem(FORM_WALL_BLOCK_STORAGE_KEY) || '{}');
+            storageData[localStorageKey] = true;
+            window.localStorage.setItem(FORM_WALL_BLOCK_STORAGE_KEY, JSON.stringify(storageData));
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.log(e);
+        }
+    }, [localStorageKey]);
+    const data = useMemo(() => {
+        return form ? form : formData.hubspot;
+    }, [form, formData.hubspot]);
+    useEffect(() => {
+        try {
+            const storageData = JSON.parse(window.localStorage.getItem(FORM_WALL_BLOCK_STORAGE_KEY) || '{}');
+            if (!storageData[localStorageKey]) {
+                setShowForm(true);
+            }
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.log(e);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const themedFormData = getThemedValue(data, theme);
+    return (React.createElement(Modal, { open: showForm, className: b(), disableEscapeKeyDown: true, disableOutsideClick: true },
+        React.createElement("div", { className: b('container') },
+            React.createElement(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData, { onSubmit: handleSubmit })))));
+};
+export default FormWallBlock;

package/build/esm/blocks/FormWallBlock/schema.d.ts

@@ -0,0 +1,52 @@
+export declare const FormWallBlock: {
+    'form-wall-block': {
+        additionalProperties: boolean;
+        properties: {
+            slug: {
+                type: string;
+            };
+            formData: {
+                type: string;
+                optionName: string;
+                properties: {
+                    hubspot: {
+                        oneOf: (({
+                            type: string;
+                            required: string[];
+                            properties: {
+                                region: {
+                                    type: string;
+                                };
+                                portalId: {
+                                    type: string;
+                                };
+                                formId: {
+                                    type: string;
+                                };
+                                formInstanceId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } & {
+                            optionName: string;
+                        }) | {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: import("../..").Theme[];
+                            properties: {};
+                            optionName: string;
+                        })[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/esm/blocks/FormWallBlock/schema.js

@@ -0,0 +1,16 @@
+import { BaseProps, withTheme } from '../../schema/validators/common';
+import { HubspotFormProps } from '../../sub-blocks/HubspotForm/schema';
+export const FormWallBlock = {
+    'form-wall-block': {
+        additionalProperties: false,
+        properties: Object.assign(Object.assign({}, BaseProps), { slug: {
+                type: 'string',
+            }, formData: {
+                type: 'object',
+                optionName: 'hubspot',
+                properties: {
+                    hubspot: withTheme(HubspotFormProps),
+                },
+            } }),
+    },
+};

package/build/esm/blocks/index.d.ts

@@ -21,6 +21,7 @@ export { default as MarqueeLinksBlock } from './MarqueeLinks/MarqueeLinks';
 export { default as SolutionsBlock } from './Solutions/Solutions';
 export { default as ServicesBlock } from './Services/Services';
 export { default as QuotesBlock } from './Quotes/Quotes';
+export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';

package/build/esm/blocks/index.js

@@ -21,6 +21,7 @@ export { default as MarqueeLinksBlock } from './MarqueeLinks/MarqueeLinks';
 export { default as SolutionsBlock } from './Solutions/Solutions';
 export { default as ServicesBlock } from './Services/Services';
 export { default as QuotesBlock } from './Quotes/Quotes';
+export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';

package/build/esm/constructor-items.d.ts

@@ -28,6 +28,7 @@ export declare const blockMap: {
     "link-table-block": ({ title, items }: import("./models").LinkTableBlockProps) => JSX.Element;
     "services-block": ({ title, serviceLinkType }: import("./models").ServicesBlockProps) => JSX.Element;
     "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;
+    "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
     "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {

package/build/esm/constructor-items.js

@@ -1,4 +1,4 @@
-import { BannerBlock, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MarqueeLinksBlock, MediaBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, ServicesBlock, ShareBlock, SliderBlock, SolutionsBlock, TableBlock, TabsBlock, } from './blocks';
+import { BannerBlock, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, FormWallBlock, HeaderBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MarqueeLinksBlock, MediaBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, ServicesBlock, ShareBlock, SliderBlock, SolutionsBlock, TableBlock, TabsBlock, } from './blocks';
 import { SliderNewBlock } from './blocks/unstable';
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
@@ -34,6 +34,7 @@ export const blockMap = {
     [BlockType.LinkTableBlock]: LinkTableBlock,
     [BlockType.ServicesBlock]: ServicesBlock,
     [BlockType.QuotesBlock]: QuotesBlock,
+    [BlockType.FormWallBlock]: FormWallBlock,
     // unstable
     [BlockType.SliderNewBlock]: SliderNewBlock,
 };

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -45,6 +45,9 @@ export const ConstructorBlocks = ({ items }) => {
             }
             const styles = getBlockBackgroundStyles(('blockBackground' in item &&
                 item.blockBackground));
+            if (item.type === BlockType.FormWallBlock) {
+                return React.createElement(React.Fragment, { key: blockId }, itemElement);
+            }
             return (React.createElement(Grid, { key: blockId, className: b({
                     'no-horizontal-scroll': item.type === BlockType.QuotesBlock ||
                         ('backgroundFull' in item && Boolean(item.backgroundFull)),

package/build/esm/models/constructor-items/blocks.d.ts

@@ -29,6 +29,7 @@ export declare enum BlockType {
     SolutionsBlock = "solutions-block",
     ServicesBlock = "services-block",
     QuotesBlock = "quotes-block",
+    FormWallBlock = "form-wall-block",
     LinkTableBlock = "link-table-block",
     EventsFeedBlock = "events-feed-block",
     BlogFeedBlock = "blog-feed-block",
@@ -292,6 +293,10 @@ export interface TableBlockProps {
     links?: LinkProps[];
     buttons?: ButtonProps[];
 }
+export interface FormWallBlockProps {
+    formData: FormBlockHubspotData;
+    slug?: string;
+}
 export interface HighlightTableData {
     content: string[][];
     customColumnWidth?: (12 | 6 | 4 | 3 | 2)[];
@@ -582,10 +587,13 @@ export type RelevantPostsBlockModel = {
 export type PressReleasesBlockModel = {
     type: BlockType.PressReleasesBlock;
 } & PressReleasesBlockProps;
+export type FormWallBlockModel = {
+    type: BlockType.FormWallBlock;
+} & FormWallBlockProps;
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel | FormWallBlockModel;
 type UnstableBlockModels = SliderNewBlockModel;
 export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

package/build/esm/models/constructor-items/blocks.js

@@ -23,6 +23,7 @@ export var BlockType;
     BlockType["SolutionsBlock"] = "solutions-block";
     BlockType["ServicesBlock"] = "services-block";
     BlockType["QuotesBlock"] = "quotes-block";
+    BlockType["FormWallBlock"] = "form-wall-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["EventsFeedBlock"] = "events-feed-block";
     BlockType["BlogFeedBlock"] = "blog-feed-block";

package/build/esm/schema/constants.js

@@ -1,6 +1,6 @@
-import { BannerBlock, BannerCard, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MarqueeLinksBlock, MediaBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, ServicesBlock, ShareBlock, SliderBlock, SliderNewBlock, SolutionsBlock, TableBlock, TabsBlock, } from './validators/blocks';
+import { BannerBlock, BannerCard, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, FormWallBlock, HeaderBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, MapBlock, MarqueeLinksBlock, MediaBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, ServicesBlock, ShareBlock, SliderBlock, SliderNewBlock, SolutionsBlock, TableBlock, TabsBlock, } from './validators/blocks';
 import { AttachmentCard, BackgroundCard, BasicCard, Card, CaseStudyCard, ContentLayoutCard, Divider, EventPersonCard, FeedCard, ImageCard, MediaCardBlock, PostCard, PriceCardBlock, PriceDetailedBlock, Quote, } from './validators/sub-blocks';
-export const blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), HighlightTableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock), SliderNewBlock), MarqueeLinksBlock), SolutionsBlock), ServicesBlock), QuotesBlock), LinkTableBlock), EventsFeedBlock), BlogFeedBlock), RelevantPostsBlock), PressReleasesBlock);
+export const blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), HighlightTableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock), SliderNewBlock), MarqueeLinksBlock), SolutionsBlock), ServicesBlock), QuotesBlock), LinkTableBlock), EventsFeedBlock), BlogFeedBlock), RelevantPostsBlock), PressReleasesBlock), FormWallBlock);
 export const cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, MediaCardBlock), BannerCard), PriceDetailedBlock), BackgroundCard), Quote), BasicCard), PriceCardBlock), ImageCard), ContentLayoutCard), Card), PostCard), FeedCard), EventPersonCard), AttachmentCard), CaseStudyCard);
 export const constructorBlockSchemaNames = [
     'divider',
@@ -17,6 +17,7 @@ export const constructorBlockSchemaNames = [
     'media-block',
     'map-block',
     'info-block',
+    'form-wall-block',
     'table-block',
     'tabs-block',
     'marquee-links-block',

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

@@ -26,5 +26,6 @@ export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/EventsFeed/schema';
 export * from '../../blocks/BlogFeed/schema';
 export * from '../../blocks/RelevantPosts/schema';
+export * from '../../blocks/FormWallBlock/schema';
 export * from '../../blocks/PressReleases/schema';
 export * from '../../blocks/HighlightTable/schema';

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

@@ -26,5 +26,6 @@ export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/EventsFeed/schema';
 export * from '../../blocks/BlogFeed/schema';
 export * from '../../blocks/RelevantPosts/schema';
+export * from '../../blocks/FormWallBlock/schema';
 export * from '../../blocks/PressReleases/schema';
 export * from '../../blocks/HighlightTable/schema';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.58",
+  "version": "5.31.59",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {