pds-dev-kit-web-test 0.1.10 → 0.2.0

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

@@ -0,0 +1,2310 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MembershipSectionsMockOnlyOneConnectedSubscriptionProduct = exports.MembershipSectionsMockWithoutConnectedSubscriptionProducts = exports.MembershipSectionsMockWithoutMembership = exports.MembershipSectionsMock = exports.SampleSectionsMock = void 0;
+exports.SampleSectionsMock = [
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_CONTENTS_CAROUSEL_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_CONTENTS_B',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INFO_BOX_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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: '',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#1E1E20FF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_FOOTER_B',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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: '',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_D',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'DESIGNED',
+        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: '',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_CONTENTS_B',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        type: 'PROGRAMMED',
+        program: 'MEMBERSHIP_DISPLAY',
+        display: true,
+        dynamicLayoutSectionItems: null,
+        id: 6010,
+        insertedAt: '2023-01-06T09:05:45',
+        manifest: {
+            availableProperties: [
+                'title',
+                'description',
+                'button_alpha_label',
+                'button_alpha_link_type',
+                'button_alpha_link_src',
+                'section_content_media_type',
+                'section_content_media_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_highlighting_color_in_hex',
+                'item_tone_type',
+                'programmed_item_action_button_text_type'
+            ],
+            availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
+            schema: 'PRG_MEMBERSHIP_DISPLAY'
+        },
+        order: 10,
+        properties: {
+            buttonAlphaLabel: 'Lorem Ipsum',
+            buttonAlphaLinkSrc: 'https://team.publ.space',
+            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 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Lorem Ipsum',
+            multiPurposeUrl: 'https://app.publr.co/'
+        },
+        styles: {
+            backgroundColorInHex: '#FF1D973B',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#FFFFFF00',
+            buttonAlphaBackgroundColorInHex: '#FFC0CBFF',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaLabelColorInHex: '#f5efd9FF',
+            buttonBravoBackgroundColorInHex: '#FFC0CBFF',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#FFC0CBFF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#FFC0CBFF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#FEECD8FF',
+            itemButtonBackgroundColorInHex: '#FFC0CBFF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            itemHighlightingColorInHex: '#FF1D97FF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#F8FFACFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'PRG_MEMBERSHIP_DISPLAY_B',
+        updatedAt: '2023-01-06T09:05:45'
+    }
+];
+var MembershipSectionsMock = function (templateType) { return [
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        type: 'PROGRAMMED',
+        program: 'MEMBERSHIP_DISPLAY',
+        dynamicLayoutSectionItems: [],
+        id: 6010,
+        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_highlighting_color_in_hex',
+                'item_tone_type',
+                'programmed_item_action_button_text_type'
+            ],
+            availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
+            schema: 'PRG_MEMBERSHIP_DISPLAY'
+        },
+        order: 8,
+        properties: {
+            buttonAlphaLabel: 'Lorem Ipsum',
+            buttonAlphaLinkSrc: 'https://team.publ.space',
+            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 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Lorem Ipsum',
+            multiPurposeUrl: 'https://app.publr.co/',
+            itemLinkMethod: 'NONE'
+        },
+        styles: {
+            backgroundColorInHex: '#4A5D78AB',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#FFFFFF00',
+            buttonAlphaBackgroundColorInHex: '#313131FF',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaLabelColorInHex: '#f5efd9FF',
+            buttonBravoBackgroundColorInHex: '#313131FF',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#313131FF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#313131FF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#DEECFFA6',
+            itemButtonBackgroundColorInHex: '#313131FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#DEECFFFF',
+            itemHighlightingColorInHex: '#ff7f50FF',
+            itemToneType: 'LIGHT',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: templateType,
+        programData: {
+            mdid: 'mdid',
+            preview: {
+                availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
+                resources: {
+                    mock: {},
+                    real: {
+                        membershipDisplay: {
+                            id: 1,
+                            mdid: "MEMBERSHIP_DISPLAY_MD_ID",
+                            title: "MEMBERSHIP_DISPLAY_MD_TITLE",
+                            isDefault: true,
+                            connectedMemberships: Array.from({ length: 6 }, function (_, i) {
+                                var alphabet = ['A', 'B', 'C', 'D', 'E', 'F'];
+                                var cardImage = [
+                                    'https://cdn.dev.publishingkit.net/7f3f7a31-023b-4852-9a11-cbac31d25d93',
+                                    'https://cdn.dev.publishingkit.net/c8973261-6c2a-4833-9b9f-20ee355647e4',
+                                    'https://cdn.dev.publishingkit.net/8e585c93-9591-4300-ad93-d002560cbeae',
+                                    'https://cdn.dev.publishingkit.net/4aaa2811-b3ff-435c-b50a-9486376ab230',
+                                    'https://cdn.dev.publishingkit.net/5111c33c-07ba-4b91-8eb6-9975f4cd906a',
+                                    'https://cdn.dev.publishingkit.net/16ac0a8a-acb1-465b-960c-6be66f2a04e8.jpg'
+                                ];
+                                var getOverlayType = function () {
+                                    if (i % 3 === 1)
+                                        return 'SOLID';
+                                    if (i % 3 === 2)
+                                        return 'GRADIENT';
+                                    return 'NONE';
+                                };
+                                var getDesignSchema = function () {
+                                    if (i % 3 === 1)
+                                        return 'B';
+                                    if (i % 3 === 2)
+                                        return 'C';
+                                    return 'A';
+                                };
+                                return {
+                                    id: i + 1,
+                                    order: i,
+                                    mdid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_MD_ID",
+                                    mid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_M_ID",
+                                    membership: {
+                                        id: i + 1,
+                                        type: 'GENERAL',
+                                        mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
+                                        title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                        insertedAt: '2023-01-06T09:05:45',
+                                        updatedAt: '2023-01-06T09:05:45',
+                                        membershipCardTemplate: {
+                                            backgroundImageSrc: cardImage[i],
+                                            logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
+                                            overlayType: getOverlayType(),
+                                            overlayColorPrimary: '#FFC0CB49',
+                                            overlayColorSecondary: '#31313149',
+                                            designSchema: getDesignSchema()
+                                        },
+                                        membershipBenefitInfo: {
+                                            benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
+                                        },
+                                        totalSubscriptionProducts: 3
+                                    },
+                                    connectedSubscriptionProducts: Array.from({ length: 1 }, function () {
+                                        return {
+                                            id: i + 1,
+                                            order: i,
+                                            connectedMembershipId: i + 1,
+                                            subscriptionProductId: i + 1,
+                                            subscriptionProduct: {
+                                                id: i + 1,
+                                                type: 'COUPON_ONCE_FINITE',
+                                                title: '청춘이 황금시대를 우리의 같은 무엇을',
+                                                alias: "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS",
+                                                expiryPeriodInDays: 7,
+                                                isDeactivated: i % 2 === 0,
+                                                fee: {
+                                                    currency: 'KRW',
+                                                    amount: 10000
+                                                },
+                                                insertedAt: '2023-01-06T09:05:45',
+                                                updatedAt: '2023-01-06T09:05:45'
+                                            }
+                                        };
+                                    })
+                                };
+                            })
+                        }
+                    }
+                }
+            }
+        },
+        insertedAt: '2023-01-30T10:24:35',
+        updatedAt: '2023-01-30T10:24:35'
+    }
+]; };
+exports.MembershipSectionsMock = MembershipSectionsMock;
+var MembershipSectionsMockWithoutMembership = function (templateType) { return [
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        type: 'PROGRAMMED',
+        program: 'MEMBERSHIP_DISPLAY',
+        dynamicLayoutSectionItems: [],
+        id: 6010,
+        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_highlighting_color_in_hex',
+                'item_tone_type',
+                'programmed_item_action_button_text_type'
+            ],
+            availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
+            schema: 'PRG_MEMBERSHIP_DISPLAY'
+        },
+        order: 8,
+        properties: {
+            buttonAlphaLabel: 'Lorem Ipsum',
+            buttonAlphaLinkSrc: 'https://team.publ.space',
+            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 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Lorem Ipsum',
+            multiPurposeUrl: 'https://app.publr.co/',
+            itemLinkMethod: 'NONE'
+        },
+        styles: {
+            backgroundColorInHex: '#4A5D78AB',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#FFFFFF00',
+            buttonAlphaBackgroundColorInHex: '#313131FF',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaLabelColorInHex: '#f5efd9FF',
+            buttonBravoBackgroundColorInHex: '#313131FF',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#313131FF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#313131FF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#DEECFFA6',
+            itemButtonBackgroundColorInHex: '#313131FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#DEECFFFF',
+            itemHighlightingColorInHex: '#ff7f50FF',
+            itemToneType: 'LIGHT',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: templateType,
+        programData: {
+            mdid: 'mdid',
+            preview: {
+                availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
+                resources: {
+                    mock: {},
+                    real: {
+                        membershipDisplay: {
+                            id: 1,
+                            mdid: "MEMBERSHIP_DISPLAY_MD_ID",
+                            title: "MEMBERSHIP_DISPLAY_MD_TITLE",
+                            isDefault: true,
+                            connectedMemberships: []
+                        }
+                    }
+                }
+            }
+        },
+        insertedAt: '2023-01-30T10:24:35',
+        updatedAt: '2023-01-30T10:24:35'
+    }
+]; };
+exports.MembershipSectionsMockWithoutMembership = MembershipSectionsMockWithoutMembership;
+var MembershipSectionsMockWithoutConnectedSubscriptionProducts = function (templateType) { return [
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        type: 'PROGRAMMED',
+        program: 'MEMBERSHIP_DISPLAY',
+        dynamicLayoutSectionItems: [],
+        id: 6010,
+        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_highlighting_color_in_hex',
+                'item_tone_type',
+                'programmed_item_action_button_text_type'
+            ],
+            availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
+            schema: 'PRG_MEMBERSHIP_DISPLAY'
+        },
+        order: 8,
+        properties: {
+            buttonAlphaLabel: 'Lorem Ipsum',
+            buttonAlphaLinkSrc: 'https://team.publ.space',
+            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 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Lorem Ipsum',
+            multiPurposeUrl: 'https://app.publr.co/',
+            itemLinkMethod: 'NONE'
+        },
+        styles: {
+            backgroundColorInHex: '#4A5D78AB',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#FFFFFF00',
+            buttonAlphaBackgroundColorInHex: '#313131FF',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaLabelColorInHex: '#f5efd9FF',
+            buttonBravoBackgroundColorInHex: '#313131FF',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#313131FF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#313131FF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#DEECFFA6',
+            itemButtonBackgroundColorInHex: '#313131FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#DEECFFFF',
+            itemHighlightingColorInHex: '#ff7f50FF',
+            itemToneType: 'LIGHT',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: templateType,
+        programData: {
+            mdid: 'mdid',
+            preview: {
+                availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
+                resources: {
+                    mock: {},
+                    real: {
+                        membershipDisplay: {
+                            id: 1,
+                            mdid: "MEMBERSHIP_DISPLAY_MD_ID",
+                            title: "MEMBERSHIP_DISPLAY_MD_TITLE",
+                            isDefault: true,
+                            connectedMemberships: Array.from({ length: 6 }, function (_, i) {
+                                var alphabet = ['A', 'B', 'C', 'D', 'E', 'F'];
+                                var cardImage = [
+                                    'https://cdn.dev.publishingkit.net/7f3f7a31-023b-4852-9a11-cbac31d25d93',
+                                    'https://cdn.dev.publishingkit.net/c8973261-6c2a-4833-9b9f-20ee355647e4',
+                                    'https://cdn.dev.publishingkit.net/8e585c93-9591-4300-ad93-d002560cbeae',
+                                    'https://cdn.dev.publishingkit.net/4aaa2811-b3ff-435c-b50a-9486376ab230',
+                                    'https://cdn.dev.publishingkit.net/5111c33c-07ba-4b91-8eb6-9975f4cd906a',
+                                    'https://cdn.dev.publishingkit.net/16ac0a8a-acb1-465b-960c-6be66f2a04e8.jpg'
+                                ];
+                                var getOverlayType = function () {
+                                    if (i % 3 === 1)
+                                        return 'SOLID';
+                                    if (i % 3 === 2)
+                                        return 'GRADIENT';
+                                    return 'NONE';
+                                };
+                                var getDesignSchema = function () {
+                                    if (i % 3 === 1)
+                                        return 'B';
+                                    if (i % 3 === 2)
+                                        return 'C';
+                                    return 'A';
+                                };
+                                return {
+                                    id: i + 1,
+                                    order: i,
+                                    mdid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_MD_ID",
+                                    mid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_M_ID",
+                                    membership: {
+                                        id: i + 1,
+                                        type: 'GENERAL',
+                                        mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
+                                        title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                        insertedAt: '2023-01-06T09:05:45',
+                                        updatedAt: '2023-01-06T09:05:45',
+                                        membershipCardTemplate: {
+                                            backgroundImageSrc: cardImage[i],
+                                            logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
+                                            overlayType: getOverlayType(),
+                                            overlayColorPrimary: '#FFC0CB49',
+                                            overlayColorSecondary: '#31313149',
+                                            designSchema: getDesignSchema()
+                                        },
+                                        membershipBenefitInfo: {
+                                            benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
+                                        },
+                                        totalSubscriptionProducts: 3
+                                    },
+                                    connectedSubscriptionProducts: []
+                                };
+                            })
+                        }
+                    }
+                }
+            }
+        },
+        insertedAt: '2023-01-30T10:24:35',
+        updatedAt: '2023-01-30T10:24:35'
+    }
+]; };
+exports.MembershipSectionsMockWithoutConnectedSubscriptionProducts = MembershipSectionsMockWithoutConnectedSubscriptionProducts;
+var MembershipSectionsMockOnlyOneConnectedSubscriptionProduct = function (templateType) { return [
+    {
+        type: 'DESIGNED',
+        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',
+            multiPurposeUrl: ''
+        },
+        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',
+            itemHighlightingColorInHex: '#FFFFFFFF',
+            itemToneType: 'LIGHT',
+            titleColorInHex: '#FFFFFFFF',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: 'BASE_INTRO_A',
+        updatedAt: '2023-01-12T08:03:48'
+    },
+    {
+        display: true,
+        type: 'PROGRAMMED',
+        program: 'MEMBERSHIP_DISPLAY',
+        dynamicLayoutSectionItems: [],
+        id: 6010,
+        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_highlighting_color_in_hex',
+                'item_tone_type',
+                'programmed_item_action_button_text_type'
+            ],
+            availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
+            schema: 'PRG_MEMBERSHIP_DISPLAY'
+        },
+        order: 8,
+        properties: {
+            buttonAlphaLabel: 'Lorem Ipsum',
+            buttonAlphaLinkSrc: 'https://team.publ.space',
+            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 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            sectionContentMediaSrc: '',
+            sectionContentMediaType: 'IMAGE',
+            title: 'Lorem Ipsum',
+            multiPurposeUrl: 'https://app.publr.co/',
+            itemLinkMethod: 'NONE'
+        },
+        styles: {
+            backgroundColorInHex: '#4A5D78AB',
+            backgroundMediaSrc: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundOverlayColorInHex: '#FFFFFF00',
+            buttonAlphaBackgroundColorInHex: '#313131FF',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaLabelColorInHex: '#f5efd9FF',
+            buttonBravoBackgroundColorInHex: '#313131FF',
+            buttonBravoDesignType: 'E',
+            buttonBravoLabelColorInHex: '#FFFFFFFF',
+            buttonCharlieBackgroundColorInHex: '#465FF000',
+            buttonCharlieDesignType: 'E',
+            buttonCharlieLabelColorInHex: '#FFFFFFFF',
+            buttonDeltaBackgroundColorInHex: '#313131FF',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaLabelColorInHex: '#FFFFFFFF',
+            buttonEchoBackgroundColorInHex: '#313131FF',
+            buttonEchoDesignType: 'A',
+            buttonEchoLabelColorInHex: '#FFFFFFFF',
+            descriptionColorInHex: '#DEECFFA6',
+            itemButtonBackgroundColorInHex: '#313131FF',
+            itemButtonDesignType: 'A',
+            itemButtonLabelColorInHex: '#FFFFFFFF',
+            itemDescriptionColorInHex: '#68686BFF',
+            itemTitleColorInHex: '#1E1E20FF',
+            titleColorInHex: '#DEECFFFF',
+            itemHighlightingColorInHex: '#ff7f50FF',
+            itemToneType: 'LIGHT',
+            programmedItemActionButtonTextType: 'A'
+        },
+        template: templateType,
+        programData: {
+            mdid: 'mdid',
+            preview: {
+                availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
+                resources: {
+                    mock: {},
+                    real: {
+                        membershipDisplay: {
+                            id: 1,
+                            mdid: "MEMBERSHIP_DISPLAY_MD_ID",
+                            title: "MEMBERSHIP_DISPLAY_MD_TITLE",
+                            isDefault: true,
+                            connectedMemberships: Array.from({ length: 1 }, function (_, i) {
+                                var alphabet = ['A', 'B', 'C', 'D', 'E', 'F'];
+                                var cardImage = [
+                                    'https://cdn.dev.publishingkit.net/7f3f7a31-023b-4852-9a11-cbac31d25d93',
+                                    'https://cdn.dev.publishingkit.net/c8973261-6c2a-4833-9b9f-20ee355647e4',
+                                    'https://cdn.dev.publishingkit.net/8e585c93-9591-4300-ad93-d002560cbeae',
+                                    'https://cdn.dev.publishingkit.net/4aaa2811-b3ff-435c-b50a-9486376ab230',
+                                    'https://cdn.dev.publishingkit.net/5111c33c-07ba-4b91-8eb6-9975f4cd906a',
+                                    'https://cdn.dev.publishingkit.net/16ac0a8a-acb1-465b-960c-6be66f2a04e8.jpg'
+                                ];
+                                var getOverlayType = function () {
+                                    if (i % 3 === 1)
+                                        return 'SOLID';
+                                    if (i % 3 === 2)
+                                        return 'GRADIENT';
+                                    return 'NONE';
+                                };
+                                var getDesignSchema = function () {
+                                    if (i % 3 === 1)
+                                        return 'B';
+                                    if (i % 3 === 2)
+                                        return 'C';
+                                    return 'A';
+                                };
+                                return {
+                                    id: i + 1,
+                                    order: i,
+                                    mdid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_MD_ID",
+                                    mid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_M_ID",
+                                    membership: {
+                                        id: i + 1,
+                                        type: 'GENERAL',
+                                        mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
+                                        title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                        insertedAt: '2023-01-06T09:05:45',
+                                        updatedAt: '2023-01-06T09:05:45',
+                                        membershipCardTemplate: {
+                                            backgroundImageSrc: cardImage[i],
+                                            logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
+                                            overlayType: getOverlayType(),
+                                            overlayColorPrimary: '#FFC0CB49',
+                                            overlayColorSecondary: '#31313149',
+                                            designSchema: getDesignSchema()
+                                        },
+                                        membershipBenefitInfo: {
+                                            benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                            benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
+                                            benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
+                                        },
+                                        totalSubscriptionProducts: 3
+                                    },
+                                    connectedSubscriptionProducts: Array.from({ length: 1 }, function () {
+                                        return {
+                                            id: i + 1,
+                                            order: i,
+                                            connectedMembershipId: i + 1,
+                                            subscriptionProductId: i + 1,
+                                            subscriptionProduct: {
+                                                id: i + 1,
+                                                type: 'COUPON_ONCE_FINITE',
+                                                title: '청춘이 황금시대를 우리의 같은 무엇을',
+                                                alias: "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS",
+                                                expiryPeriodInDays: 7,
+                                                isDeactivated: i % 2 === 0,
+                                                fee: {
+                                                    currency: 'KRW',
+                                                    amount: 10000
+                                                },
+                                                insertedAt: '2023-01-06T09:05:45',
+                                                updatedAt: '2023-01-06T09:05:45'
+                                            }
+                                        };
+                                    })
+                                };
+                            })
+                        }
+                    }
+                }
+            }
+        },
+        insertedAt: '2023-01-30T10:24:35',
+        updatedAt: '2023-01-30T10:24:35'
+    }
+]; };
+exports.MembershipSectionsMockOnlyOneConnectedSubscriptionProduct = MembershipSectionsMockOnlyOneConnectedSubscriptionProduct;