pds-dev-kit-web-test 0.2.2 → 0.2.3

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

@@ -0,0 +1,838 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customSectionMock1 = void 0;
+var nakedMocks_json_1 = __importDefault(require("./nakedMocks.json"));
+var types_1 = require("./sections/CustomSection/types");
+exports.customSectionMock1 = {
+    type: 'CUSTOM',
+    display: true,
+    administrativeTitle: 'custom-title',
+    dynamicLayoutSectionItems: [],
+    id: 22,
+    insertedAt: '2023-01-06T09:05:45',
+    manifest: {},
+    order: 2,
+    properties: {
+        title: '',
+        description: '',
+        sectionContentMediaType: 'YOUTUBE',
+        sectionContentMediaSrc: '',
+        buttonAlphaLabel: '',
+        buttonAlphaLinkType: 'WEB_LINK',
+        buttonAlphaLinkSrc: '',
+        buttonBravoLabel: '',
+        buttonBravoLinkType: 'WEB_LINK',
+        buttonBravoLinkSrc: '',
+        buttonCharlieLabel: '',
+        buttonCharlieLinkType: 'WEB_LINK',
+        buttonCharlieLinkSrc: '',
+        buttonDeltaLabel: '',
+        buttonDeltaLinkType: 'WEB_LINK',
+        buttonDeltaLinkSrc: '',
+        buttonEchoLabel: '',
+        buttonEchoLinkType: 'WEB_LINK',
+        buttonEchoLinkSrc: '',
+        carouselAutoplayMode: 'AUTO',
+        carouselAutoplayTime: 0,
+        carouselInfiniteLoopMode: 'USE',
+        itemLinkMethod: 'NONE',
+        multiPurposeUrl: ''
+    },
+    styles: {
+        backgroundColorInHex: '#EFF0F3FF',
+        backgroundMediaSrc: '',
+        backgroundMediaType: 'IMAGE',
+        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: '#455EEFFF',
+        itemToneType: 'DARK',
+        titleColorInHex: '#FFFFFFFF',
+        programmedItemActionButtonTextType: 'A'
+    },
+    template: undefined,
+    updatedAt: '2023-01-06T09:05:45',
+    jsonProperties: {
+        CB_CONTENT_PROP_VISIBILITY: {
+            CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
+            CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+        },
+        CB_EFFECT_PROP_ENTANIM: {
+            CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0,
+            CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
+            CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+            CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE'
+        },
+        CB_LAYOUT_PROP_PADDING: {
+            // CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+            CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                bottom: 0,
+                left: 0,
+                right: 0,
+                top: 0
+            }
+        },
+        CB_PLACEMENT_PROP_SECTION: {
+            CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: true,
+            'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': undefined,
+            CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: 500,
+            'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': undefined,
+            CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: 6,
+            'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': undefined,
+            CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: 960,
+            'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': undefined
+        },
+        CB_STYLE_PROP_BGCOLOR: {
+            CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'GRADIENT',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'NONE',
+            'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': undefined,
+            'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': undefined
+        },
+        CB_STYLE_PROP_BGMEDIA: {
+            CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 1,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 1,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'CONTAIN',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'CONTAIN',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'CC',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'CC',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': undefined,
+            // CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '',
+            // 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': '',
+            CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://placekitten.com/480/360',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': 'https://placekitten.com/480/360',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: false,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 0,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'YOUTUBE',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'IMAGE',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo?t=30',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://www.youtube.com/watch?v=ryYFcl57bVo',
+            'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': undefined,
+            'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': undefined
+        },
+        CB_STYLE_PROP_BGOVERLAY: {
+            CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 180,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 180,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#27FFBF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#27FFBF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#455EEF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#455EEF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 100,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 100,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'LINEAR',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#27FFBF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#27FFBF8F',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 0,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 0,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': undefined,
+            CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'GRADIENT',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'NONE',
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': undefined,
+            'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': undefined
+        }
+    },
+    componentBlocks: [
+        {
+            id: 1,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_TEXT,
+            properties: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                },
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 10,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                },
+                CB_CONTENT_PROP_TEXT: {
+                    CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'TEXT CB 쉬벌~'
+                },
+                CB_CONTENT_PROP_CLINK: {
+                    CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'EXTERNAL',
+                    CB_CONTENT_PROP_CLINK_SPEC_SRC: 'http://www.naver.com',
+                    CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true
+                },
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: false,
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: false
+                },
+                CB_STYLE_PROP_TEXT: {
+                    CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'sans-serif',
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': 'fantasy',
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 200,
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': 800,
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_TEXT_SPEC_SIZE: 12,
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': 24,
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 120,
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': 120,
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 1,
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': 2,
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_TEXT_SPEC_COLOR: '#007fffeb',
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': '#ff2727',
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 1,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 0.5,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': undefined
+                },
+                CB_LAYOUT_PROP_PADDING: {
+                    // CB_LAYOUT_PROP_PADDING_SPEC_FIX: 'BOOLEAN',
+                    // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': 'BOOLEAN',
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: { top: 10, left: 10, right: 10, bottom: 10 },
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
+                        top: 10,
+                        left: 10,
+                        right: 10,
+                        bottom: 10
+                    }
+                },
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'TOP',
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined,
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': undefined
+                },
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'FADEIN',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 5,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0
+                }
+            }
+        },
+        {
+            id: 2,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_BTN,
+            properties: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                },
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 5,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                },
+                CB_CONTENT_PROP_CLINK: {
+                    CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
+                    CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
+                    CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'EXTERNAL'
+                },
+                CB_CONTENT_PROP_TEXT: {
+                    CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'Button'
+                },
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: false,
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+                },
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE'
+                },
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: 20,
+                        left: 20,
+                        right: 20,
+                        top: 20
+                    }
+                },
+                // CB_PLACEMENT_PROP_PLACEMENT: {
+                //   CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: undefined,
+                //   'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': undefined,
+                //   CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: undefined,
+                //   'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': undefined,
+                //   CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: undefined,
+                //   'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': undefined,
+                //   CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: undefined,
+                //   'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': undefined,
+                //   CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: undefined,
+                //   'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': undefined
+                // },
+                CB_STYLE_PROP_BORDER: {
+                    CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#333333FF',
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
+                        bl: 24,
+                        br: 24,
+                        tl: 24,
+                        tr: 24
+                    },
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': {
+                        bl: 24,
+                        br: 24,
+                        tl: 24,
+                        tr: 24
+                    },
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'NONE',
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 2,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_BTNCOLOR: {
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE: 90,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': 90,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR: '#455EEFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC: 100,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': 100,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT: 'LINEAR',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC: 0,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': 0,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE: 'NONE',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': 'NONE',
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_BTNTEXT: {
+                    CB_STYLE_PROP_BTNTEXT_SPEC_COLOR: '#FFFFFFFF',
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': '#ff2727',
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING: 0,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': 0,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT: 130,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': 130,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNTEXT_SPEC_SIZE: 16,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': 16,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE: 'PRETENDARD',
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': 'PRETENDARD',
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT: 500,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': 500,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': undefined,
+                    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 0.95,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_SHADOW: {
+                    CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#0000FFFF',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#FFFFFFFF',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': undefined
+                },
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'FADEIN',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 5,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0
+                }
+            }
+        },
+        {
+            id: 3,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_RICHTEXT,
+            properties: nakedMocks_json_1.default.CB_RICHTEXT
+        },
+        {
+            id: 4,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_DIVIDER,
+            properties: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                },
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+                },
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE'
+                },
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE'
+                },
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: 0,
+                        left: 0,
+                        right: 0,
+                        top: 0
+                    }
+                },
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                },
+                CB_STYLE_PROP_DIVIDER: {
+                    CB_STYLE_PROP_DIVIDER_SPEC_COLOR: '#555555FF',
+                    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': '#555555FF',
+                    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_DIVIDER_SPEC_STYLE: 'NONE',
+                    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': 'NONE',
+                    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': undefined,
+                    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_DIVIDER_SPEC_WIDTH: 2,
+                    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': 2,
+                    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': undefined,
+                    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': undefined
+                }
+            }
+        },
+        {
+            id: 5,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_IMG,
+            properties: {
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                },
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                },
+                CB_CONTENT_PROP_CLINK: {
+                    CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
+                    CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
+                    CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'EXTERNAL'
+                },
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 1,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 1,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': undefined
+                },
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: { top: 0, left: 0, right: 0, bottom: 0 },
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
+                        top: 0,
+                        left: 0,
+                        right: 0,
+                        bottom: 0
+                    }
+                },
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+                },
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'TOP',
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined,
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': undefined
+                },
+                CB_STYLE_PROP_SHADOW: {
+                    CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#0000FFFF',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#FFFFFFFF',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_BORDER: {
+                    CB_STYLE_PROP_BORDER_SPEC_COLOR: '#FF0000FF',
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#00FF00FF',
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
+                        bl: 0,
+                        br: 0,
+                        tl: 0,
+                        tr: 0
+                    },
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': {
+                        bl: 0,
+                        br: 0,
+                        tl: 0,
+                        tr: 0
+                    },
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'DASHED',
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': 'NONE',
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': 'NONE',
+                    CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': undefined,
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': undefined
+                },
+                CB_CONTENT_PROP_IMAGE: {
+                    CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: 
+                    // 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/f62dbc8b-09b3-4c05-b8d3-39644e566309' // 작은 이미지
+                    'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/ffe244ce-5955-4062-966e-b31946763c1e' // 큰 이미지
+                },
+                CB_STYLE_PROP_IMAGE: {
+                    CB_STYLE_PROP_IMAGE_SPEC_FIT: 'COVER',
+                    'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': 'COVER',
+                    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': undefined,
+                    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_IMAGE_SPEC_POSITION: 'CC',
+                    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': 'CC',
+                    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': undefined,
+                    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': undefined
+                },
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SWINGINTOPFWD',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 5,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0
+                }
+            }
+        },
+        {
+            id: 6,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_YOUTUBE,
+            properties: nakedMocks_json_1.default.CB_YOUTUBE
+        },
+        {
+            id: 7,
+            availablePlugins: ['not in use'],
+            queryableTapSrc: 'not in use',
+            queryableDefinitionPreset: 'not in use',
+            type: 'GENERAL',
+            dynamicLayoutSectionId: 1111,
+            componentBlockCode: types_1.CB_ALL_CODES.CB_TWITTER,
+            properties: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                },
+                CB_CONTENT_PROP_TWITTER: {
+                    CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://twitter.com/elonmusk'
+                },
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+                },
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'FADEIN',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 5,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0,
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT',
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0
+                },
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE'
+                },
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: 20,
+                        left: 20,
+                        right: 20,
+                        top: 20
+                    }
+                },
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                },
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 0.95,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_SHADOW: {
+                    CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#FFFFFFFF',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': undefined,
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: 0,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': undefined,
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': undefined
+                },
+                CB_STYLE_PROP_TWITTER: {
+                    CB_STYLE_PROP_TWITTER_SPEC_THEME: 'DARK',
+                    'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': undefined
+                }
+            }
+        }
+    ]
+};