pds-dev-kit-web-test 0.0.11 → 0.0.13

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

@@ -0,0 +1,612 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MOCK_DATA = void 0;
+exports.MOCK_DATA = [
+    {
+        id: '1',
+        display: false,
+        order: 0,
+        manifest: { schema: 'BASE_INTRO', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_INTRO_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'YOUTUBE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'NONE',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'NONE',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 5,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'YOUTUBE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'A',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'A',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'A',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: []
+    },
+    {
+        id: '2',
+        display: false,
+        order: 1,
+        manifest: { schema: 'BASE_CONTENTS', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_CONTENTS_B',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 5,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'B',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'B',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'B',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'B',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'B',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'B',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: []
+    },
+    {
+        id: '3',
+        display: false,
+        order: 2,
+        manifest: {
+            schema: 'BASE_CONTENTS_CAROUSEL',
+            availableProperties: [''],
+            availableStyles: ['']
+        },
+        template: 'BASE_CONTENTS_CAROUSEL_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'YOUTUBE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'NONE',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'NONE',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 5,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'YOUTUBE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'A',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'A',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'A',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 2',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '2',
+                order: 2,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 3',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '3',
+                order: 3,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 4 영역 버튼',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '4',
+                order: 4,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 5 영역 버튼',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '5',
+                order: 5,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 6',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '6',
+                order: 6,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 6',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '7',
+                order: 7,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: '',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '8',
+                order: 8,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: '',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: '',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            }
+        ]
+    },
+    {
+        id: '4',
+        display: false,
+        order: 3,
+        manifest: { schema: 'BASE_FOOTER', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_FOOTER_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 5,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'B',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'B',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'B',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'B',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'B',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'B',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_FOOTER_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: '',
+                    description: 'type A 푸터입니다. 배경색은 blue, 배경색 투명도는 0.7입니다.',
+                    body: '',
+                    logoImageSrc: 'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
+                    imageSrc: '',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_FOOTER_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: '',
+                    description: 'type B 푸터입니다. 배경색은 yellow, 배경색 투명도는 0.3입니다.',
+                    body: '',
+                    logoImageSrc: 'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
+                    imageSrc: '',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            }
+        ]
+    },
+    {
+        id: '5',
+        display: false,
+        order: 4,
+        manifest: { schema: 'BASE_INFO_BOX', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_INFO_BOX_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 5,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'C',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'C',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'C',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'C',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'C',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '2',
+                order: 2,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '3',
+                order: 3,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            }
+        ]
+    }
+];

package/dist/src/sub/index.d.ts

@@ -0,0 +1 @@
+export { DynamicLayout } from './DynamicLayout';

package/dist/src/sub/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicLayout = void 0;
+// NOTE: 이름은 변경될 수 있습니다.
+var DynamicLayout_1 = require("./DynamicLayout");
+Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return DynamicLayout_1.DynamicLayout; } });

package/dist/src/sub/utils/youtubeLinkParser.d.ts

@@ -0,0 +1,7 @@
+declare class YoutubeLinkParser {
+    static getId(src: string): string | undefined;
+    static getThumbnailUrl(src: string): string;
+    static getEmbedUrl(src: string): string;
+    static getEmbedUrlWithLoop(src: string): string;
+}
+export default YoutubeLinkParser;

package/dist/src/sub/utils/youtubeLinkParser.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var YoutubeLinkParser = /** @class */ (function () {
+    function YoutubeLinkParser() {
+    }
+    YoutubeLinkParser.getId = function (src) {
+        var _a;
+        var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
+        var shareUrl = src.match(/youtu.be\/(.{11})/);
+        return (_a = (embedUrl || shareUrl)) === null || _a === void 0 ? void 0 : _a.pop();
+    };
+    YoutubeLinkParser.getThumbnailUrl = function (src) {
+        return "https://img.youtube.com/vi/" + YoutubeLinkParser.getId(src) + "/0.jpg";
+    };
+    YoutubeLinkParser.getEmbedUrl = function (src) {
+        return "https://www.youtube.com/embed/" + YoutubeLinkParser.getId(src);
+    };
+    YoutubeLinkParser.getEmbedUrlWithLoop = function (src) {
+        return "https://www.youtube.com/embed/" + YoutubeLinkParser.getId(src) + "?autoplay=1&mute=1&loop=1&color=white&controls=0&modestbranding=1&playsinline=1&rel=0&playlist=" + this.getId(src);
+    };
+    return YoutubeLinkParser;
+}());
+exports.default = YoutubeLinkParser;