@gravity-ui/page-constructor 3.5.0-alpha.0 → 3.6.0

package/build/cjs/editor/containers/Form/Form.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../../utils");
+const BlockForm_1 = require("../../components/BlockForm/BlockForm");
+const PagePropsForm_1 = require("../../components/PagePropsForm/PagePropsForm");
+var FormTab;
+(function (FormTab) {
+    FormTab["Blocks"] = "blocks";
+    FormTab["Page"] = "page";
+})(FormTab || (FormTab = {}));
+const b = (0, utils_1.block)('editor-form');
+const tabsItems = Object.values(FormTab).map((tab) => ({
+    id: tab,
+    title: tab,
+}));
+exports.Form = (0, react_1.memo)(({ content, onChange, activeBlockIndex, onSelect, spec }) => {
+    const [activeTab, setActiveTab] = react_1.default.useState(FormTab.Blocks);
+    const _a = content || {}, { blocks } = _a, page = tslib_1.__rest(_a, ["blocks"]);
+    const { blocks: blocksSpec, page: pageSpec } = spec || {};
+    let form;
+    switch (activeTab) {
+        case FormTab.Page: {
+            form = (react_1.default.createElement(PagePropsForm_1.PagePropsForm, { spec: pageSpec, data: page, onChange: (data) => {
+                    return onChange(Object.assign(Object.assign({}, content), data));
+                } }));
+            break;
+        }
+        case FormTab.Blocks: {
+            form = (react_1.default.createElement(react_1.Fragment, null, blocks.map((blockData, index) => (react_1.default.createElement(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], key: (0, utils_1.getBlockKey)(blockData, index), data: blockData, active: activeBlockIndex === index, onChange: (data) => {
+                    onChange(Object.assign(Object.assign({}, content), { blocks: [
+                            ...blocks.slice(0, index),
+                            data,
+                            ...blocks.slice(index + 1),
+                        ] }));
+                }, onSelect: () => onSelect(index) })))));
+            break;
+        }
+    }
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(uikit_1.Tabs, { activeTab: activeTab, className: b('tabs'), items: tabsItems, onSelectTab: setActiveTab }),
+        form));
+});
+exports.Form.displayName = 'Form';

package/build/cjs/editor/data/templates/banner-block.json

@@ -0,0 +1,25 @@
+{
+  "template": {
+    "theme": "light",
+    "type": "banner-block",
+    "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+    "subtitle": "<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
+    "image": {
+      "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_light.png",
+      "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+    },
+    "disableCompress": true,
+    "color": {
+      "light": "#EFF2F8",
+      "dark": "#262626"
+    },
+    "button": {
+      "text": "Learn more",
+      "url": "https://example.com"
+    }
+  },
+  "meta": {
+    "title": "Banner",
+    "description": "This is banner block"
+  }
+}

package/build/cjs/editor/data/templates/card-layout-block.json

@@ -0,0 +1,39 @@
+{
+  "template": {
+    "type": "card-layout-block",
+    "title": "Card Layout",
+    "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+    "children": [
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      },
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      },
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/companies-block.json

@@ -0,0 +1,20 @@
+{
+  "template": {
+    "type": "companies-block",
+    "title": "Page constructor",
+    "images": {
+      "light": {
+        "desktop": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_desktop_light.svg",
+        "tablet": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_tablet_light.svg",
+        "mobile": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_mobile_light.svg",
+        "alt": "Page constructor"
+      },
+      "dark": {
+        "desktop": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_desktop_dark.svg",
+        "tablet": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_tablet_dark.svg",
+        "mobile": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_mobile_dark.svg",
+        "alt": "Page constructor"
+      }
+    }
+  }
+}

package/build/cjs/editor/data/templates/content-layout-block.json

@@ -0,0 +1,56 @@
+{
+  "template": {
+    "type": "content-layout-block",
+    "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "textContent": {
+      "title": "Lorem ipsum dolor sit amet",
+      "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+      "buttons": [
+        {
+          "text": "Button\r",
+          "theme": "action",
+          "url": "https://example.com"
+        },
+        {
+          "text": "Button",
+          "theme": "outlined",
+          "url": "https://example.com"
+        }
+      ],
+      "links": [
+        {
+          "url": "https://example.com",
+          "text": "Link",
+          "theme": "normal",
+          "arrow": true
+        }
+      ]
+    },
+    "fileContent": [
+      {
+        "href": "https://example.xls",
+        "text": "File xls"
+      },
+      {
+        "href": "https://example.fig",
+        "text": "File PNG, JPG, and SVG format"
+      },
+      {
+        "href": "https://example.pdf",
+        "text": "Pdf file"
+      },
+      {
+        "href": "https://example.zip",
+        "text": "Archive file"
+      },
+      {
+        "href": "https://example.doc",
+        "text": "Microsoft Word document"
+      },
+      {
+        "href": "https://example.ppt",
+        "text": "PPT file"
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/extended-features-block.json

@@ -0,0 +1,56 @@
+{
+  "template": {
+    "type": "extended-features-block",
+    "title": {
+      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+      "textSize": "m"
+    },
+    "items": [
+      {
+        "title": "Sed do eiusmod tempor incididunt",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_dark.svg"
+        },
+        "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+      },
+      {
+        "title": "Sed do eiusmod tempor",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_dark.svg"
+        },
+        "buttons": [
+          {
+            "text": "Button",
+            "theme": "action",
+            "url": "https://example.com"
+          },
+          {
+            "text": "Button",
+            "theme": "outlined",
+            "url": "https://example.com"
+          }
+        ]
+      },
+      {
+        "title": "Sed do eiusmod tempor incididunt",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_dark.svg"
+        },
+        "links": [
+          {
+            "text": "Go",
+            "url": "#",
+            "arrow": true,
+            "theme": "normal"
+          }
+        ]
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/filter-block.json

@@ -0,0 +1,62 @@
+{
+  "template": {
+    "type": "filter-block",
+    "title": "Card Layout",
+    "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+    "tags": [
+      {
+        "id": "one",
+        "label": "First very long label"
+      },
+      {
+        "id": "two",
+        "label": "Second very long label"
+      },
+      {
+        "id": "three",
+        "label": "Third very long label"
+      }
+    ],
+    "items": [
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["one"]
+      },
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["two"]
+      },
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["three"]
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/header-block.json

@@ -0,0 +1,19 @@
+{
+  "template": {
+    "type": "header-block",
+    "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+    "description": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "buttons": [
+      {
+        "text": "Button\r",
+        "theme": "action",
+        "url": "https://example.com"
+      },
+      {
+        "text": "Button",
+        "theme": "outlined",
+        "url": "https://example.com"
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/header-slider-block.json

@@ -0,0 +1,69 @@
+{
+  "template": {
+    "type": "header-slider-block",
+    "dots": true,
+    "randomOrder": false,
+    "adaptive": true,
+    "arrows": true,
+    "items": [
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "description": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident",
+        "width": "s",
+        "background": {
+          "light": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/header-bg-img_light.png",
+            "color": "#EFF2F8",
+            "fullWidth": true
+          },
+          "dark": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/header-bg-img_dark.png",
+            "color": "#262626",
+            "fullWidth": true
+          }
+        },
+        "buttons": [
+          {
+            "text": "Button\r",
+            "theme": "action",
+            "url": "https://example.com"
+          },
+          {
+            "text": "Buttom",
+            "theme": "outlined",
+            "url": "https://example.com"
+          }
+        ]
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "description": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident",
+        "width": "s",
+        "background": {
+          "light": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/header-bg-img_light.png",
+            "color": "#EFF2F8",
+            "fullWidth": true
+          },
+          "dark": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/header-bg-img_dark.png",
+            "color": "#262626",
+            "fullWidth": true
+          }
+        },
+        "buttons": [
+          {
+            "text": "Button\r",
+            "theme": "action",
+            "url": "https://example.com"
+          },
+          {
+            "text": "Buttom",
+            "theme": "outlined",
+            "url": "https://example.com"
+          }
+        ]
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/icons-block.json

@@ -0,0 +1,32 @@
+{
+  "template": {
+    "type": "icons-block",
+    "items": [
+      {
+        "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icons-link_1_64.svg",
+        "text": "Lorem ipsum dolor sit amet",
+        "url": "#"
+      },
+      {
+        "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icons-link_2_64.svg",
+        "text": "Lorem ipsum dolor sit amet",
+        "url": "#"
+      },
+      {
+        "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icons-link_3_64.svg",
+        "text": "Lorem ipsum dolor sit amet",
+        "url": "#"
+      },
+      {
+        "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icons-link_4_64.svg",
+        "text": "Lorem ipsum dolor sit amet",
+        "url": "#"
+      },
+      {
+        "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icons-link_5_64.svg",
+        "text": "Lorem ipsum dolor sit amet",
+        "url": "#"
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/info-block.json

@@ -0,0 +1,40 @@
+{
+  "template": {
+    "type": "info-block",
+    "theme": "light",
+    "backgroundColor": "#eef3fe",
+    "leftContent": {
+      "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+      "buttons": [
+        {
+          "text": "Button",
+          "theme": "action",
+          "url": "#"
+        },
+        {
+          "text": "Button",
+          "theme": "outlined",
+          "url": "#"
+        }
+      ]
+    },
+    "rightContent": {
+      "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+      "links": [
+        {
+          "url": "#",
+          "text": "Link",
+          "theme": "normal",
+          "arrow": true
+        },
+        {
+          "url": "#",
+          "text": "Link",
+          "theme": "normal",
+          "arrow": true
+        }
+      ],
+      "title": "Lorem ipsum dolor sit amet"
+    }
+  }
+}

package/build/cjs/editor/data/templates/link-table-block.json

@@ -0,0 +1,10 @@
+{
+  "template": {
+    "type": "link-table-block",
+    "items": [
+      [{"text": "test", "url": "https://example.com"}],
+      [{"text": "test", "url": "https://example.com"}],
+      [{"text": "test", "url": "https://example.com"}]
+    ]
+  }
+}

package/build/cjs/editor/data/templates/map-block.json

@@ -0,0 +1,48 @@
+{
+  "template": {
+    "type": "map-block",
+    "map": {
+      "zoom": 9,
+      "id": "common-places",
+      "center": [55.753994, 37.622093],
+      "markers": [
+        {
+          "address": "Moscow Arbat",
+          "label": {
+            "preset": "islands#circleIcon"
+          }
+        },
+        {
+          "coordinate": [55.733974, 37.587093],
+          "label": {
+            "iconCaption": "Yandex",
+            "iconColor": "#3caa3c"
+          }
+        }
+      ]
+    },
+    "title": "Lorem ipsum dolor sit",
+    "description": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "links": [
+      {
+        "url": "#",
+        "text": "Learn more",
+        "theme": "normal",
+        "arrow": true
+      }
+    ],
+    "buttons": [
+      {
+        "text": "Button",
+        "theme": "action",
+        "url": "https://example.com"
+      },
+      {
+        "text": "Button",
+        "theme": "outlined",
+        "url": "#"
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/media-block.json

@@ -0,0 +1,15 @@
+{
+  "template": {
+    "type": "media-block",
+    "title": "Lorem ipsum dolor sit",
+    "description": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "media": {
+      "light": {
+        "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_white.png"
+      },
+      "dark": {
+        "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+      }
+    }
+  }
+}

package/build/cjs/editor/data/templates/preview-block.json

@@ -0,0 +1,38 @@
+{
+  "template": {
+    "type": "preview-block",
+    "title": "Preview Block",
+    "description": "This is a preview block",
+    "items": [
+      {
+        "type": "image",
+        "media": {
+          "image": {
+            "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          }
+        },
+        "content": {
+          "title": "Preview item content"
+        }
+      },
+      {
+        "type": "image",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Preview item content"
+        }
+      },
+      {
+        "type": "image",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Preview item content"
+        }
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/promo-features-block.json

@@ -0,0 +1,52 @@
+{
+  "template": {
+    "type": "promo-features-block",
+    "title": "Lorem ipsum dolor sit amet",
+    "description": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    "theme": "default",
+    "items": [
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_dark.png"
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "theme": "accent",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_dark.png"
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "theme": "accent-light",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "theme": "primary",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        }
+      }
+    ]
+  }
+}