pds-dev-kit-web 1.8.4 → 1.8.6

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

@@ -1,1502 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MOCK_DATA = void 0;
-exports.MOCK_DATA = [
-    {
-        display: true,
-        dynamicLayoutSectionItems: [
-            {
-                display: true,
-                id: '1450',
-                manifest: {
-                    availableProperties: ['title', 'description', 'image_src'],
-                    schema: 'BASE_INFO_BOX_ITEM'
-                },
-                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. '
-                }
-            },
-            {
-                display: true,
-                id: '1451',
-                manifest: {
-                    availableProperties: ['title', 'description', 'image_src'],
-                    schema: 'BASE_INFO_BOX_ITEM'
-                },
-                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. '
-                }
-            },
-            {
-                display: true,
-                id: '1452',
-                manifest: {
-                    availableProperties: ['title', 'description', 'image_src'],
-                    schema: 'BASE_INFO_BOX_ITEM'
-                },
-                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. '
-                }
-            },
-            {
-                display: true,
-                id: '1453',
-                manifest: {
-                    availableProperties: ['title', 'description', 'image_src'],
-                    schema: 'BASE_INFO_BOX_ITEM'
-                },
-                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. '
-                }
-            }
-        ],
-        id: '1277',
-        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'
-            ],
-            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_BUTTON_IN_ITEM',
-            sectionContentMediaSrc: '',
-            sectionContentMediaType: 'IMAGE',
-            title: 'Sample'
-        },
-        styles: {
-            backgroundColorInHex: '#EFF0F3FF',
-            backgroundMediaSrc: 'https://cdn.dev.publishingkit.net/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'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [],
-        id: '1278',
-        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'
-            ],
-            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://cdn.dev.publishingkit.net/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: '#FFFFFFE8',
-            itemButtonBackgroundColorInHex: '#455EEFFF',
-            itemButtonDesignType: 'A',
-            itemButtonLabelColorInHex: '#FFFFFFFF',
-            itemDescriptionColorInHex: '#68686BFF',
-            itemTitleColorInHex: '#1E1E20FF',
-            titleColorInHex: '#FFFFFFFF'
-        },
-        template: 'BASE_INTRO_D'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [],
-        id: '1279',
-        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'
-            ],
-            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'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [
-            {
-                display: true,
-                id: '1454',
-                manifest: {
-                    availableProperties: ['title', 'body', 'logo_image_src'],
-                    schema: 'BASE_FOOTER_ITEM'
-                },
-                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: ''
-                }
-            }
-        ],
-        id: '1280',
-        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'
-            ],
-            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'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [
-            {
-                display: true,
-                id: '1455',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            },
-            {
-                display: true,
-                id: '1456',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            },
-            {
-                display: true,
-                id: '1457',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            },
-            {
-                display: true,
-                id: '1458',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            },
-            {
-                display: true,
-                id: '1459',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            },
-            {
-                display: true,
-                id: '1460',
-                manifest: {
-                    availableProperties: [
-                        'title',
-                        'description',
-                        'image_src',
-                        'link_type',
-                        'link_src',
-                        'button_label'
-                    ],
-                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM'
-                },
-                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'
-                }
-            }
-        ],
-        id: '1281',
-        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'
-            ],
-            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://cdn.dev.publishingkit.net/53020177-472c-4d56-88ed-a51ff4ef4173.jpg',
-            backgroundMediaType: 'IMAGE',
-            backgroundOverlayColorInHex: '#0000006E',
-            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: '#FFFFFFB0',
-            itemButtonBackgroundColorInHex: '#000000FF',
-            itemButtonDesignType: 'A',
-            itemButtonLabelColorInHex: '#FF2150FF',
-            itemDescriptionColorInHex: '#FFFFFFFF',
-            itemTitleColorInHex: '#FFFFFFFF',
-            titleColorInHex: '#FFFFFFFF'
-        },
-        template: 'BASE_CONTENTS_CAROUSEL_A'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [],
-        id: '1282',
-        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'
-            ],
-            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://cdn.dev.publishingkit.net/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'
-    },
-    {
-        display: true,
-        dynamicLayoutSectionItems: [],
-        id: '1283',
-        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'
-            ],
-            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://cdn.dev.publishingkit.net/be9aaa5a-ec5c-4727-b374-d7027b18f7ee.jpg',
-            sectionContentMediaType: 'IMAGE',
-            title: 'Sample'
-        },
-        styles: {
-            backgroundColorInHex: '#EFF0F3FF',
-            backgroundMediaSrc: 'https://cdn.dev.publishingkit.net/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: '#FFFFFFE0',
-            itemButtonBackgroundColorInHex: '#455EEFFF',
-            itemButtonDesignType: 'A',
-            itemButtonLabelColorInHex: '#FFFFFFFF',
-            itemDescriptionColorInHex: '#68686BFF',
-            itemTitleColorInHex: '#1E1E20FF',
-            titleColorInHex: '#FFFFFFFF'
-        },
-        template: 'BASE_CONTENTS_B'
-    }
-];
-// TODO MOCK_DATA 정리
-// export const MOCK_DATA: ISection[] = [
-//   {
-//     id: '1',
-//     display: false,
-//     order: 0,
-//     manifest: { schema: 'BASE_INTRO', availableProperties: [''], availableStyles: [''] },
-//     template: 'BASE_INTRO_A',
-//     properties: {
-//       title: '',
-//       description: '',
-//       sectionContentMediaType: 'YOUTUBE',
-//       sectionContentMediaSrc: '',
-//       buttonAlphaLabel: '',
-//       buttonAlphaLinkType: 'WEB_LINK',
-//       buttonAlphaLinkSrc: '',
-//       buttonBravoLabel: '',
-//       buttonBravoLinkType: 'WEB_LINK',
-//       buttonBravoLinkSrc: '',
-//       buttonCharlieLabel: '',
-//       buttonCharlieLinkType: 'WEB_LINK',
-//       buttonCharlieLinkSrc: '',
-//       buttonDeltaLabel: '',
-//       buttonDeltaLinkType: 'NONE',
-//       buttonDeltaLinkSrc: '',
-//       buttonEchoLabel: '',
-//       buttonEchoLinkType: 'NONE',
-//       buttonEchoLinkSrc: '',
-//       carouselAutoplayMode: 'AUTO',
-//       carouselAutoplayTime: 1,
-//       carouselInfiniteLoopMode: 'USE'
-//     },
-//     styles: {
-//       titleColorInHex: '',
-//       descriptionColorInHex: '',
-//       backgroundColorInHex: '',
-//       backgroundMediaType: 'YOUTUBE',
-//       backgroundMediaSrc: '',
-//       backgroundOverlayColorInHex: '',
-//       buttonAlphaDesignType: 'A',
-//       buttonAlphaBackgroundColorInHex: '',
-//       buttonAlphaLabelColorInHex: '',
-//       buttonBravoDesignType: 'A',
-//       buttonBravoBackgroundColorInHex: '',
-//       buttonBravoLabelColorInHex: '',
-//       buttonCharlieDesignType: 'A',
-//       buttonCharlieBackgroundColorInHex: '',
-//       buttonCharlieLabelColorInHex: '',
-//       buttonDeltaDesignType: 'A',
-//       buttonDeltaBackgroundColorInHex: '',
-//       buttonDeltaLabelColorInHex: '',
-//       buttonEchoDesignType: 'A',
-//       buttonEchoBackgroundColorInHex: '',
-//       buttonEchoLabelColorInHex: '',
-//       itemTitleColorInHex: '',
-//       itemDescriptionColorInHex: '',
-//       itemButtonDesignType: 'A',
-//       itemButtonBackgroundColorInHex: '',
-//       itemButtonLabelColorInHex: ''
-//     },
-//     dynamicLayoutSectionItems: []
-//   },
-//   {
-//     id: '2',
-//     display: false,
-//     order: 1,
-//     manifest: { schema: 'BASE_CONTENTS', availableProperties: [''], availableStyles: [''] },
-//     template: 'BASE_CONTENTS_B',
-//     properties: {
-//       title: '',
-//       description: '',
-//       sectionContentMediaType: 'IMAGE',
-//       sectionContentMediaSrc: '',
-//       buttonAlphaLabel: '',
-//       buttonAlphaLinkType: 'INTERNAL_LINK',
-//       buttonAlphaLinkSrc: '',
-//       buttonBravoLabel: '',
-//       buttonBravoLinkType: 'INTERNAL_LINK',
-//       buttonBravoLinkSrc: '',
-//       buttonCharlieLabel: '',
-//       buttonCharlieLinkType: 'INTERNAL_LINK',
-//       buttonCharlieLinkSrc: '',
-//       buttonDeltaLabel: '',
-//       buttonDeltaLinkType: 'INTERNAL_LINK',
-//       buttonDeltaLinkSrc: '',
-//       buttonEchoLabel: '',
-//       buttonEchoLinkType: 'INTERNAL_LINK',
-//       buttonEchoLinkSrc: '',
-//       carouselAutoplayMode: 'AUTO',
-//       carouselAutoplayTime: 1,
-//       carouselInfiniteLoopMode: 'USE'
-//     },
-//     styles: {
-//       titleColorInHex: '',
-//       descriptionColorInHex: '',
-//       backgroundColorInHex: '',
-//       backgroundMediaType: 'IMAGE',
-//       backgroundMediaSrc: '',
-//       backgroundOverlayColorInHex: '',
-//       buttonAlphaDesignType: 'B',
-//       buttonAlphaBackgroundColorInHex: '',
-//       buttonAlphaLabelColorInHex: '',
-//       buttonBravoDesignType: 'B',
-//       buttonBravoBackgroundColorInHex: '',
-//       buttonBravoLabelColorInHex: '',
-//       buttonCharlieDesignType: 'B',
-//       buttonCharlieBackgroundColorInHex: '',
-//       buttonCharlieLabelColorInHex: '',
-//       buttonDeltaDesignType: 'B',
-//       buttonDeltaBackgroundColorInHex: '',
-//       buttonDeltaLabelColorInHex: '',
-//       buttonEchoDesignType: 'B',
-//       buttonEchoBackgroundColorInHex: '',
-//       buttonEchoLabelColorInHex: '',
-//       itemTitleColorInHex: '',
-//       itemDescriptionColorInHex: '',
-//       itemButtonDesignType: 'B',
-//       itemButtonBackgroundColorInHex: '',
-//       itemButtonLabelColorInHex: ''
-//     },
-//     dynamicLayoutSectionItems: []
-//   },
-//   {
-//     id: '3',
-//     display: false,
-//     order: 2,
-//     manifest: {
-//       schema: 'BASE_CONTENTS_CAROUSEL',
-//       availableProperties: [''],
-//       availableStyles: ['']
-//     },
-//     template: 'BASE_CONTENTS_CAROUSEL_A',
-//     properties: {
-//       title: '',
-//       description: '',
-//       sectionContentMediaType: 'YOUTUBE',
-//       sectionContentMediaSrc: '',
-//       buttonAlphaLabel: '',
-//       buttonAlphaLinkType: 'WEB_LINK',
-//       buttonAlphaLinkSrc: '',
-//       buttonBravoLabel: '',
-//       buttonBravoLinkType: 'WEB_LINK',
-//       buttonBravoLinkSrc: '',
-//       buttonCharlieLabel: '',
-//       buttonCharlieLinkType: 'WEB_LINK',
-//       buttonCharlieLinkSrc: '',
-//       buttonDeltaLabel: '',
-//       buttonDeltaLinkType: 'NONE',
-//       buttonDeltaLinkSrc: '',
-//       buttonEchoLabel: '',
-//       buttonEchoLinkType: 'NONE',
-//       buttonEchoLinkSrc: '',
-//       carouselAutoplayMode: 'AUTO',
-//       carouselAutoplayTime: 1,
-//       carouselInfiniteLoopMode: 'USE'
-//     },
-//     styles: {
-//       titleColorInHex: '',
-//       descriptionColorInHex: '',
-//       backgroundColorInHex: '',
-//       backgroundMediaType: 'YOUTUBE',
-//       backgroundMediaSrc: '',
-//       backgroundOverlayColorInHex: '',
-//       buttonAlphaDesignType: 'A',
-//       buttonAlphaBackgroundColorInHex: '',
-//       buttonAlphaLabelColorInHex: '',
-//       buttonBravoDesignType: 'A',
-//       buttonBravoBackgroundColorInHex: '',
-//       buttonBravoLabelColorInHex: '',
-//       buttonCharlieDesignType: 'A',
-//       buttonCharlieBackgroundColorInHex: '',
-//       buttonCharlieLabelColorInHex: '',
-//       buttonDeltaDesignType: 'A',
-//       buttonDeltaBackgroundColorInHex: '',
-//       buttonDeltaLabelColorInHex: '',
-//       buttonEchoDesignType: 'A',
-//       buttonEchoBackgroundColorInHex: '',
-//       buttonEchoLabelColorInHex: '',
-//       itemTitleColorInHex: '',
-//       itemDescriptionColorInHex: '',
-//       itemButtonDesignType: 'A',
-//       itemButtonBackgroundColorInHex: '',
-//       itemButtonLabelColorInHex: ''
-//     },
-//     dynamicLayoutSectionItems: [
-//       {
-//         id: '0',
-//         order: 0,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 1',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '1',
-//         order: 1,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 2',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '2',
-//         order: 2,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 3',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '3',
-//         order: 3,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 4 영역 버튼',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkMethod: 'CLICK_ITEM',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '4',
-//         order: 4,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 5 영역 버튼',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkMethod: 'CLICK_ITEM',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '5',
-//         order: 5,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 6',
-//           description: '',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '6',
-//         order: 6,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: 'ITEM 6',
-//           description: '',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '7',
-//         order: 7,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: '',
-//           description: '',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       },
-//       {
-//         id: '8',
-//         order: 8,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
-//           availableProperties: ['title', 'description', 'linkMethod']
-//         },
-//         properties: {
-//           title: '',
-//           description: '',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc: '',
-//           linkType: 'WEB_LINK',
-//           linkSrc:
-//             'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
-//           buttonLabel: '전환 버튼'
-//         }
-//       }
-//     ]
-//   },
-//   {
-//     id: '4',
-//     display: false,
-//     order: 3,
-//     manifest: { schema: 'BASE_FOOTER', availableProperties: [''], availableStyles: [''] },
-//     template: 'BASE_FOOTER_A',
-//     properties: {
-//       title: '',
-//       description: '',
-//       sectionContentMediaType: 'IMAGE',
-//       sectionContentMediaSrc: '',
-//       buttonAlphaLabel: '',
-//       buttonAlphaLinkType: 'INTERNAL_LINK',
-//       buttonAlphaLinkSrc: '',
-//       buttonBravoLabel: '',
-//       buttonBravoLinkType: 'INTERNAL_LINK',
-//       buttonBravoLinkSrc: '',
-//       buttonCharlieLabel: '',
-//       buttonCharlieLinkType: 'INTERNAL_LINK',
-//       buttonCharlieLinkSrc: '',
-//       buttonDeltaLabel: '',
-//       buttonDeltaLinkType: 'INTERNAL_LINK',
-//       buttonDeltaLinkSrc: '',
-//       buttonEchoLabel: '',
-//       buttonEchoLinkType: 'INTERNAL_LINK',
-//       buttonEchoLinkSrc: '',
-//       carouselAutoplayMode: 'AUTO',
-//       carouselAutoplayTime: 1,
-//       carouselInfiniteLoopMode: 'USE'
-//     },
-//     styles: {
-//       titleColorInHex: '',
-//       descriptionColorInHex: '',
-//       backgroundColorInHex: '',
-//       backgroundMediaType: 'IMAGE',
-//       backgroundMediaSrc: '',
-//       backgroundOverlayColorInHex: '',
-//       buttonAlphaDesignType: 'B',
-//       buttonAlphaBackgroundColorInHex: '',
-//       buttonAlphaLabelColorInHex: '',
-//       buttonBravoDesignType: 'B',
-//       buttonBravoBackgroundColorInHex: '',
-//       buttonBravoLabelColorInHex: '',
-//       buttonCharlieDesignType: 'B',
-//       buttonCharlieBackgroundColorInHex: '',
-//       buttonCharlieLabelColorInHex: '',
-//       buttonDeltaDesignType: 'B',
-//       buttonDeltaBackgroundColorInHex: '',
-//       buttonDeltaLabelColorInHex: '',
-//       buttonEchoDesignType: 'B',
-//       buttonEchoBackgroundColorInHex: '',
-//       buttonEchoLabelColorInHex: '',
-//       itemTitleColorInHex: '',
-//       itemDescriptionColorInHex: '',
-//       itemButtonDesignType: 'B',
-//       itemButtonBackgroundColorInHex: '',
-//       itemButtonLabelColorInHex: ''
-//     },
-//     dynamicLayoutSectionItems: [
-//       {
-//         id: '0',
-//         order: 0,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_FOOTER_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: '',
-//           description: 'type A 푸터입니다. 배경색은 blue, 배경색 투명도는 0.7입니다.',
-//           body: '',
-//           logoImageSrc:
-//             'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
-//           imageSrc: '',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       },
-//       {
-//         id: '1',
-//         order: 1,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_FOOTER_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: '',
-//           description: 'type B 푸터입니다. 배경색은 yellow, 배경색 투명도는 0.3입니다.',
-//           body: '',
-//           logoImageSrc:
-//             'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
-//           imageSrc: '',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       }
-//     ]
-//   },
-//   {
-//     id: '5',
-//     display: false,
-//     order: 4,
-//     manifest: { schema: 'BASE_INFO_BOX', availableProperties: [''], availableStyles: [''] },
-//     template: 'BASE_INFO_BOX_A',
-//     properties: {
-//       title: '',
-//       description: '',
-//       sectionContentMediaType: 'IMAGE',
-//       sectionContentMediaSrc: '',
-//       buttonAlphaLabel: '',
-//       buttonAlphaLinkType: 'INTERNAL_LINK',
-//       buttonAlphaLinkSrc: '',
-//       buttonBravoLabel: '',
-//       buttonBravoLinkType: 'INTERNAL_LINK',
-//       buttonBravoLinkSrc: '',
-//       buttonCharlieLabel: '',
-//       buttonCharlieLinkType: 'INTERNAL_LINK',
-//       buttonCharlieLinkSrc: '',
-//       buttonDeltaLabel: '',
-//       buttonDeltaLinkType: 'INTERNAL_LINK',
-//       buttonDeltaLinkSrc: '',
-//       buttonEchoLabel: '',
-//       buttonEchoLinkType: 'INTERNAL_LINK',
-//       buttonEchoLinkSrc: '',
-//       carouselAutoplayMode: 'AUTO',
-//       carouselAutoplayTime: 1,
-//       carouselInfiniteLoopMode: 'USE'
-//     },
-//     styles: {
-//       titleColorInHex: '',
-//       descriptionColorInHex: '',
-//       backgroundColorInHex: '',
-//       backgroundMediaType: 'IMAGE',
-//       backgroundMediaSrc: '',
-//       backgroundOverlayColorInHex: '',
-//       buttonAlphaDesignType: 'C',
-//       buttonAlphaBackgroundColorInHex: '',
-//       buttonAlphaLabelColorInHex: '',
-//       buttonBravoDesignType: 'C',
-//       buttonBravoBackgroundColorInHex: '',
-//       buttonBravoLabelColorInHex: '',
-//       buttonCharlieDesignType: 'C',
-//       buttonCharlieBackgroundColorInHex: '',
-//       buttonCharlieLabelColorInHex: '',
-//       buttonDeltaDesignType: 'C',
-//       buttonDeltaBackgroundColorInHex: '',
-//       buttonDeltaLabelColorInHex: '',
-//       buttonEchoDesignType: 'C',
-//       buttonEchoBackgroundColorInHex: '',
-//       buttonEchoLabelColorInHex: '',
-//       itemTitleColorInHex: '',
-//       itemDescriptionColorInHex: '',
-//       itemButtonDesignType: 'C',
-//       itemButtonBackgroundColorInHex: '',
-//       itemButtonLabelColorInHex: ''
-//     },
-//     dynamicLayoutSectionItems: [
-//       {
-//         id: '0',
-//         order: 0,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_INFO_BOX_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: 'TITLE1',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       },
-//       {
-//         id: '1',
-//         order: 1,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_INFO_BOX_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: 'TITLE1',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       },
-//       {
-//         id: '2',
-//         order: 2,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_INFO_BOX_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: 'TITLE1',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       },
-//       {
-//         id: '3',
-//         order: 3,
-//         display: true,
-//         manifest: {
-//           schema: 'BASE_INFO_BOX_ITEM',
-//           availableProperties: ['description', 'logoImageSrc']
-//         },
-//         properties: {
-//           title: 'TITLE1',
-//           description:
-//             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
-//           body: '',
-//           logoImageSrc: '',
-//           imageSrc:
-//             'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-//           linkMethod: 'NONE',
-//           linkType: 'NONE',
-//           linkSrc: '',
-//           buttonLabel: ''
-//         }
-//       }
-//     ]
-//   }
-// ];