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

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

@@ -1,1158 +0,0 @@
-"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;