pds-dev-kit-web-test 0.1.3 → 0.1.5

package/dist/src/sub/DynamicLayout/DynamicLayout.stories.js

@@ -0,0 +1,1158 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sample = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
+exports.default = {
+    title: 'sub/DynamicLayout',
+    component: DynamicLayout_1.default,
+    parameters: {
+        docs: {
+            description: {
+                component: 'DynamicLayout'
+            }
+        }
+    }
+};
+var Template = function (args) {
+    var sections = sectionsMock;
+    var _a = (0, react_1.useState)(null), currentSection = _a[0], setCurrentSection = _a[1];
+    return ((0, jsx_runtime_1.jsxs)(S_Box, { children: [(0, jsx_runtime_1.jsxs)(S_Absolute, { children: [sections &&
+                        sections.map(function (section) { return ((0, jsx_runtime_1.jsx)(S_IdButton, __assign({ onClick: function () { return setCurrentSection(section); } }, { children: section.id }), section.id)); }), (0, jsx_runtime_1.jsxs)(S_Text, { children: ["\uC9C0\uAE08 \uC218\uC815\uC911 id: ", currentSection === null || currentSection === void 0 ? void 0 : currentSection.id, " template:", currentSection === null || currentSection === void 0 ? void 0 : currentSection.template] }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(DynamicLayout_1.default, __assign({}, args, { editingSectionId: currentSection === null || currentSection === void 0 ? void 0 : currentSection.id, scrollDownTargetSectionId: currentSection === null || currentSection === void 0 ? void 0 : currentSection.id, onClickEditSection: function (section) {
+                    setCurrentSection(section);
+                } }), void 0)] }, void 0));
+};
+var S_Text = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n"], ["\n  background-color: white;\n"])));
+var S_IdButton = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: yellow;\n  margin-bottom: 5px;\n  padding: ", ";\n"], ["\n  background-color: yellow;\n  margin-bottom: 5px;\n  padding: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+});
+var S_Absolute = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  left: 10px;\n  max-width: 300px;\n  position: fixed;\n  top: 100px;\n  z-index: 100;\n"], ["\n  left: 10px;\n  max-width: 300px;\n  position: fixed;\n  top: 100px;\n  z-index: 100;\n"])));
+var S_Box = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+exports.Sample = Template.bind({});
+var sectionsMock = [
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6001,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'button_bravo_label',
+                'button_bravo_link_type',
+                'button_bravo_link_src',
+                'button_charlie_label',
+                'button_charlie_link_type',
+                'button_charlie_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'button_bravo_design_type',
+                'button_bravo_background_color_in_hex',
+                'button_bravo_label_color_in_hex',
+                'button_charlie_design_type',
+                'button_charlie_background_color_in_hex',
+                'button_charlie_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_INTRO_A', 'BASE_INTRO_B', 'BASE_INTRO_C', 'BASE_INTRO_D'],
+            schema: 'BASE_INTRO'
+        },
+        order: 1,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: 'https://publ.biz/',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: 'https://publ.biz/',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: 'https://publ.biz/',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. \nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis. \nNam a ante mattis, lacinia lacus non, imperdiet leo.',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Entertainment Business Sample'
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://www.youtube.com/watch?v=4qz6x8y3tNw',
+            backgroundMediaType: 'YOUTUBE',
+            backgroundOverlayColorInHex: '#00000057',
+            buttonAlphaBackgroundColorInHex: '#00000000',
+            buttonAlphaDesignType: 'E',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#00000000',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFE8',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [
+            {
+                display: true,
+                id: 8520,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 1,
+                properties: {
+                    body: '',
+                    buttonLabel: 'Buy Tickets',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/d474e86e-9df7-44dd-999e-0bc2a7c9b267.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Acoustic Music Festival in Bali'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8521,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 2,
+                properties: {
+                    body: '',
+                    buttonLabel: 'More',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/5cbc7c88-9566-4ce1-9dc8-0845259aa6a1.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: '2023 Asia Artist Music Awards'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8522,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 3,
+                properties: {
+                    body: '',
+                    buttonLabel: 'Play Now',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/172b5a98-fd4b-4b2e-bdca-928d182c1548.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: '2023 Europe Music Festival'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8523,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 4,
+                properties: {
+                    body: '',
+                    buttonLabel: 'Play Now',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/30ddd804-841a-416f-88a6-fbcb84924036.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: '2023 America POP Festival'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8524,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 5,
+                properties: {
+                    body: '',
+                    buttonLabel: 'Buy Tickets',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/ed788763-9d0f-450f-8f9e-9161f260a9f5.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Romantic Music Festival with Han River'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8525,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: [
+                        'title',
+                        'description',
+                        'image_src',
+                        'link_type',
+                        'link_src',
+                        'button_label'
+                    ],
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    section_schema: 'BASE_CONTENTS_CAROUSEL'
+                },
+                order: 6,
+                properties: {
+                    body: '',
+                    buttonLabel: 'Buy Tickets',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/192bb673-cfbb-43d9-b734-7e4e75b35f90.jpg',
+                    linkSrc: 'https://publ.biz/',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Private Live Concert in America'
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            }
+        ],
+        id: 6002,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'carousel_autoplay_mode',
+                'carousel_autoplay_time',
+                'carousel_infinite_loop_mode',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'item_link_method'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'item_title_color_in_hex',
+                'item_description_color_in_hex',
+                'item_button_design_type',
+                'item_button_background_color_in_hex',
+                'item_button_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_CONTENTS_CAROUSEL_A', 'BASE_CONTENTS_CAROUSEL_B'],
+            schema: 'BASE_CONTENTS_CAROUSEL'
+        },
+        order: 2,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. \nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis. \nNam a ante mattis, lacinia lacus non, imperdiet leo.',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Music Festival'
+        },
+        styles: {
+            backgroundColorInHex: '#FFFFFFFF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/53020177-472c-4d56-88ed-a51ff4ef4173.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#0000006E',
+            buttonAlphaBackgroundColorInHex: '#000000FF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#00000000',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFB0',
+            itemButtonBackgroundColorInHex: '#000000FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FF2150FF',
+            itemDescriptionColorInHex: '#FFFFFFFF',
+            itemTitleColorInHex: '#FFFFFFFF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_CONTENTS_CAROUSEL_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6003,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'button_bravo_label',
+                'button_bravo_link_type',
+                'button_bravo_link_src',
+                'button_charlie_label',
+                'button_charlie_link_type',
+                'button_charlie_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'button_bravo_design_type',
+                'button_bravo_background_color_in_hex',
+                'button_bravo_label_color_in_hex',
+                'button_charlie_design_type',
+                'button_charlie_background_color_in_hex',
+                'button_charlie_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_INTRO_A', 'BASE_INTRO_B', 'BASE_INTRO_C', 'BASE_INTRO_D'],
+            schema: 'BASE_INTRO'
+        },
+        order: 3,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. \nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis. \nNam a ante mattis, lacinia lacus non, imperdiet leo.',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Sample'
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/24bd5d85-b43c-4b3c-90ee-fc15c68d8f5a.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#00000000',
+            buttonAlphaBackgroundColorInHex: '#455EEFFF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#455EEFFF',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#455EEFFF',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFC9',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6004,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'section_content_media_type',
+                'section_content_media_src',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_CONTENTS_A', 'BASE_CONTENTS_B'],
+            schema: 'BASE_CONTENTS'
+        },
+        order: 4,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. \nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis. \nNam a ante mattis, lacinia lacus non, imperdiet leo. \nPhasellus quis congue massa.',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/be9aaa5a-ec5c-4727-b374-d7027b18f7ee.jpg',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Sample'
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/6533b897-4790-4bf0-97eb-e3863710642a.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#1A0B3642',
+            buttonAlphaBackgroundColorInHex: '#000000FF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#455EEFFF',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#455EEFFF',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFF0',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_CONTENTS_B',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [
+            {
+                display: true,
+                id: 8526,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: ['title', 'description', 'image_src'],
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    section_schema: 'BASE_INFO_BOX'
+                },
+                order: 1,
+                properties: {
+                    body: '',
+                    buttonLabel: '',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/29d85b28-dc68-4d6e-b071-20d48c1bf1bc.png',
+                    linkSrc: '',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8527,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: ['title', 'description', 'image_src'],
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    section_schema: 'BASE_INFO_BOX'
+                },
+                order: 2,
+                properties: {
+                    body: '',
+                    buttonLabel: '',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/f6f8fd42-cfe4-4880-a628-686fc85cf47d.png',
+                    linkSrc: '',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8528,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: ['title', 'description', 'image_src'],
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    section_schema: 'BASE_INFO_BOX'
+                },
+                order: 3,
+                properties: {
+                    body: '',
+                    buttonLabel: '',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/72c7d5a3-34fe-4811-8f50-5ab57ca3be4a.png',
+                    linkSrc: '',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            },
+            {
+                display: true,
+                id: 8529,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: ['title', 'description', 'image_src'],
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    section_schema: 'BASE_INFO_BOX'
+                },
+                order: 4,
+                properties: {
+                    body: '',
+                    buttonLabel: '',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio felis, eleifend eu leo nec, aliquam dignissim turpis. Nam a ante mattis, lacinia lacus non, imperdiet leo. ',
+                    imageSrc: 'https://cdn.dev.publishingkit.net/babd49ce-2aa1-4692-9c07-de868bd385ac.png',
+                    linkSrc: '',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: '',
+                    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            }
+        ],
+        id: 6005,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'item_title_color_in_hex',
+                'item_description_color_in_hex'
+            ],
+            availableTemplates: ['BASE_INFO_BOX_A'],
+            schema: 'BASE_INFO_BOX'
+        },
+        order: 5,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.\nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis.',
+            itemLinkMethod: 'CLICK_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Sample'
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/a365ffb4-5350-4b2c-9809-dca64182eec1.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#000000B5',
+            buttonAlphaBackgroundColorInHex: '#000000FF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FF0000FF',
+            buttonBravoBackgroundColorInHex: '#455EEFFF',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#455EEFFF',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFDB',
+            itemButtonBackgroundColorInHex: '#FF2150FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#FFFFFFE8',
+            itemTitleColorInHex: '#FFFFFFFF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_INFO_BOX_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [
+            {
+                display: true,
+                id: 8530,
+                insertedAt: '2023-01-12T08:03:48',
+                manifest: {
+                    availableProperties: ['title', 'body', 'logo_image_src'],
+                    schema: 'BASE_FOOTER_ITEM',
+                    section_schema: 'BASE_FOOTER'
+                },
+                order: 1,
+                properties: {
+                    body: '<p>㈜0000</p><p>대표 : 000<br>(00000) 서울특별시 성동구 0000<br>사업자등록번호 : 000-00-00000 | 통신판매업번호 : 0000-서울성동-00000</p><p>© All rights reserved.</p>',
+                    buttonLabel: '',
+                    description: '',
+                    imageSrc: '',
+                    linkSrc: '',
+                    linkType: 'WEB_LINK',
+                    logoImageSrc: 'https://cdn.dev.publishingkit.net/719ae76b-38bb-4d0d-9844-9e1042809e14.png',
+                    title: ''
+                },
+                updatedAt: '2023-01-12T08:03:48'
+            }
+        ],
+        id: 6006,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: ['title', 'description'],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'item_description_color_in_hex'
+            ],
+            availableTemplates: ['BASE_FOOTER_A', 'BASE_FOOTER_B'],
+            schema: 'BASE_FOOTER'
+        },
+        order: 7,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: '',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: ''
+        },
+        styles: {
+            backgroundColorInHex: '#0F0F10FF',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#00000000',
+            buttonAlphaBackgroundColorInHex: '#455EEFFF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#455EEFFF',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#455EEFFF',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#68686BFF',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#676970FF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#1E1E20FF'
+        },
+        template: 'BASE_FOOTER_B',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6007,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'button_bravo_label',
+                'button_bravo_link_type',
+                'button_bravo_link_src',
+                'button_charlie_label',
+                'button_charlie_link_type',
+                'button_charlie_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'button_bravo_design_type',
+                'button_bravo_background_color_in_hex',
+                'button_bravo_label_color_in_hex',
+                'button_charlie_design_type',
+                'button_charlie_background_color_in_hex',
+                'button_charlie_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_INTRO_A', 'BASE_INTRO_B', 'BASE_INTRO_C', 'BASE_INTRO_D'],
+            schema: 'BASE_INTRO'
+        },
+        order: 6,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: 'https://publ.biz/',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: 'https://publ.biz/',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: 'https://publ.biz/',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. \nDonec odio felis, eleifend eu leo nec, aliquam dignissim turpis.',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Contact Us'
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/c8322586-7f88-4e1d-b568-f3773ee4227b.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#090C1A59',
+            buttonAlphaBackgroundColorInHex: '#00000000',
+            buttonAlphaDesignType: 'E',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#00000000',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#00000000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFF8',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6008,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'button_bravo_label',
+                'button_bravo_link_type',
+                'button_bravo_link_src',
+                'button_charlie_label',
+                'button_charlie_link_type',
+                'button_charlie_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex',
+                'button_bravo_design_type',
+                'button_bravo_background_color_in_hex',
+                'button_bravo_label_color_in_hex',
+                'button_charlie_design_type',
+                'button_charlie_background_color_in_hex',
+                'button_charlie_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_INTRO_A', 'BASE_INTRO_B', 'BASE_INTRO_C', 'BASE_INTRO_D'],
+            schema: 'BASE_INTRO'
+        },
+        order: 8,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: '',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: ''
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#090C1A59',
+            buttonAlphaBackgroundColorInHex: '#00000000',
+            buttonAlphaDesignType: 'E',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#00000000',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#00000000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFF8',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        dynamicLayoutSectionItems: [],
+        id: 6009,
+        insertedAt: '2023-01-12T08:03:48',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'section_content_media_type',
+                'section_content_media_src',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src'
+            ],
+            availableStyles: [
+                'title_color_in_hex',
+                'description_color_in_hex',
+                'background_color_in_hex',
+                'background_media_type',
+                'background_media_src',
+                'background_overlay_color_in_hex',
+                'button_alpha_design_type',
+                'button_alpha_background_color_in_hex',
+                'button_alpha_label_color_in_hex'
+            ],
+            availableTemplates: ['BASE_CONTENTS_A', 'BASE_CONTENTS_B'],
+            schema: 'BASE_CONTENTS'
+        },
+        order: 9,
+        properties: {
+            buttonAlphaLabel: '',
+            buttonAlphaLinkSrc: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonBravoLabel: '',
+            buttonBravoLinkSrc: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkSrc: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkSrc: '',
+            buttonDeltaLinkType: 'WEB_LINK',
+            buttonEchoLabel: '',
+            buttonEchoLinkSrc: '',
+            buttonEchoLinkType: 'WEB_LINK',
+            carouselAutoplayMode: 'MANUAL',
+            carouselAutoplayTime: 3,
+            carouselInfiniteLoopMode: 'NO_USE',
+            description: '',
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: ''
+        },
+        styles: {
+            backgroundColorInHex: '#EFF0F3FF',
+            backgroundMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/6533b897-4790-4bf0-97eb-e3863710642a.jpg',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#1A0B3642',
+            buttonAlphaBackgroundColorInHex: '#000000FF',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaLabelColorInHex: '#FFFFFFFF',
+            buttonBravoBackgroundColorInHex: '#455EEFFF',
+            buttonBravoDesignType: 'A',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#455EEFFF',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#455EEFFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#455EEFFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FFFFFFF0',
+            itemButtonBackgroundColorInHex: '#455EEFFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#FFFFFFFF'
+        },
+        template: 'BASE_CONTENTS_B',
+        updatedAt: '2023-01-12T08:03:48'
+    }
+];
+exports.Sample.args = {
+    mode: 'EDIT',
+    device: 'MOBILE',
+    sections: sectionsMock
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;