pds-dev-kit-web-test 2.5.327 → 2.5.328

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

@@ -3,36 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sampleMockComposition2 = exports.sampleMockComposition1 = void 0;
 var types_1 = require("./sections/CustomSection/types");
 exports.sampleMockComposition1 = {
-    administrativeTitle: 'Header',
+    administrativeTitle: 'CUSTOM',
     componentBlocks: [
         {
-            type: 'GENERAL',
             availablePlugins: [],
-            componentBlockCode: types_1.CB_ALL_CODES.CB_TEXT,
-            dynamicLayoutSectionId: 50349,
-            id: 238019,
+            blockId: 'CB_190125',
+            componentBlockCode: types_1.CB_ALL_CODES.CB_IMG,
+            componentBlockType: 'GENERAL',
+            dynamicLayoutCompositionId: 15,
+            id: 190125,
+            insertedAt: '2025-03-27T10:54:25',
             jsonProperties: {
+                currentVersion: '2025-04-24',
                 data: {
-                    CB_LAYOUT_PROP_ARRANGE: {
-                        CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
-                        'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': undefined,
-                        CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
-                        'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
-                    },
-                    CB_PLACEMENT_PROP_PLACEMENT: {
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 18,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 2,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 12,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 10,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 6,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 6,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 0,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
-                    },
                     CB_CONTENT_PROP_CLINK: {
                         CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
                         CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
@@ -40,11 +23,10 @@ exports.sampleMockComposition1 = {
                         CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
                     },
                     CB_CONTENT_PROP_HOVER: {
-                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: false
+                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
-                    CB_CONTENT_PROP_TEXT: {
-                        CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: '',
-                        CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'SS SCHOOL'
+                    CB_CONTENT_PROP_IMAGE: {
+                        CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: 'https://static.publ.site/pages-sample/img_cb_content_prop_image_spec_selector_01.png'
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -52,29 +34,83 @@ exports.sampleMockComposition1 = {
                     },
                     CB_EFFECT_PROP_ENTANIM: {
                         CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
                         CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
                         CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined,
-                        CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'FOCUSIN',
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': undefined
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
                     },
+                    // CB_EFFECT_PROP_HOVERANIM: {
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
+                    // },
                     CB_LAYOUT_PROP_PADDING: {
                         CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-                        'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': undefined,
+                        'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
                         CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
                             bottom: 0,
                             left: 0,
                             right: 0,
                             top: 0
                         },
-                        'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
-                            bottom: 0,
-                            left: 24,
-                            right: 24,
-                            top: 0
-                        }
+                        'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
+                    },
+                    CB_PLACEMENT_PROP_PLACEMENT: {
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 5,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                    },
+                    CB_STYLE_PROP_BORDER: {
+                        CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
+                            bl: 0,
+                            br: 0,
+                            tl: 0,
+                            tr: 0
+                        },
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
+                    },
+                    CB_STYLE_PROP_IMAGE: {
+                        CB_STYLE_PROP_IMAGE_SPEC_FIT: 'CONTAIN',
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_IMAGE_SPEC_POSITION: 'CC',
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': null
                     },
                     CB_STYLE_PROP_OPACITY: {
                         CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
@@ -82,105 +118,92 @@ exports.sampleMockComposition1 = {
                         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
                         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
                     },
-                    CB_STYLE_PROP_TEXT: {
-                        CB_STYLE_PROP_TEXT_SPEC_COLOR: '#ffffffFF',
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': '#FFFFFFFF',
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 40,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_SIZE: 24,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': 16,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Montserrat',
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': 'GOOGLE:Zen Dots',
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 900,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
+                    CB_STYLE_PROP_SHADOW: {
+                        CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
                     }
-                }
+                },
+                minVersion: '2023-08-03',
+                version: '2025-04-24'
             },
             queryableDefinitionPreset: 'N/A',
-            queryableTapSrc: 'N/A'
+            queryableTapSrc: 'N/A',
+            updatedAt: '2025-03-27T10:54:25'
         }
     ],
-    display: true,
-    dynamicLayoutSectionItems: [],
-    id: 50349,
-    insertedAt: '2024-08-22T12:09:14',
+    compositionCode: 'CMP_GENERAL',
+    compositionTemplateCode: 'CMPTP_CB_CONTENTSCAROUSEL_NNN_CUSTOM',
+    dynamicLayoutComponentBlockId: 190124,
+    id: 15,
+    insertedAt: '2025-03-27T10:54:25',
     jsonProperties: {
+        currentVersion: '2025-04-24',
         data: {
-            CB_CONTENT_PROP_COMPOSITION: {
-                CB_CONTENT_PROP_COMPOSITION_SPEC_VARIABLEROOTFONTSIZE: false
-            },
-            CB_CONTENT_PROP_VISIBILITY: {
-                CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
-                CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+            CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE: {
+                CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE_SPEC_MANUAL: null
             },
-            CB_EFFECT_PROP_ENTANIM: {
-                CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
-                'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-                'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-                'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
-                'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': undefined
+            CB_CONTENT_PROP_HOVER: {
+                CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
             },
             CB_LAYOUT_PROP_PADDING: {
                 CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': undefined,
+                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
                 CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
                     bottom: 0,
                     left: 0,
                     right: 0,
                     top: 0
                 },
-                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
-                    bottom: 0,
-                    left: 24,
-                    right: 24,
-                    top: 0
-                }
+                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
             },
             CB_PLACEMENT_PROP_COMPOSITION: {
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_FULLWIDTH: false,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_FULLWIDTH:MOBILE': true,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: 35,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': 5,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: 26,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': 24,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_WIDTH: 1200,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_WIDTH:MOBILE': 230,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLS: 12,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLS:MOBILE': undefined
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS: 6,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: 6,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': null
             },
             CB_STYLE_PROP_BGCOLOR: {
                 CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#0047b1FF',
+                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null,
-                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': '#000000FF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null,
@@ -202,35 +225,35 @@ exports.sampleMockComposition1 = {
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
+                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null,
-                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
             },
             CB_STYLE_PROP_BGMEDIA: {
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: false,
+                CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 6,
+                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 600,
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'COVER',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
-                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/29918cb4-93f9-49e0-a94b-e4efd7f11c76.png',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://static.publ.site/pages-sample/img_cb_style_prop_bgmedia_spec_imageselector_01.png',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/embed/FUKmyRLOlAA',
+                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: '',
+                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': null,
@@ -252,9 +275,9 @@ exports.sampleMockComposition1 = {
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#000000C4',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#040F5035',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': null,
-                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#000000C2',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#27FFBFFF',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': null,
@@ -276,21 +299,23 @@ exports.sampleMockComposition1 = {
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'SOLID',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': null,
-                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'SOLID',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
             }
         },
+        minVersion: '2023-08-03',
         pedigree: {
             blockId: 'ROOT',
             children: [
                 {
-                    blockId: 'CB_238019',
-                    componentBlockId: 238019,
+                    blockId: 'CB_190125',
+                    // children: [],
+                    componentBlockId: 190125,
                     type: 'COMPONENT_BLOCK',
                     zOrderDesktopInternal: 1,
-                    zOrderMobileInternal: 5
+                    zOrderMobileInternal: 1
                 }
             ],
             // componentBlockId: null,
@@ -298,116 +323,32 @@ exports.sampleMockComposition1 = {
             zOrderDesktopInternal: null,
             zOrderMobileInternal: null
         },
+        version: '2025-04-24',
         zOrders: {
             desktop: {
-                '238019': 1
+                '190125': 1
             },
             mobile: {
-                '238019': 1
+                '190125': 1
             }
         }
     },
-    manifest: {
-        availableProperties: [],
-        availableStyles: [],
-        availableTemplates: [],
-        schema: 'CUSTOM'
-    },
-    order: 1,
-    program: 'MEMBERSHIP_DISPLAY',
-    programData: undefined,
-    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',
-        multiPurposeUrl: '',
-        sectionContentMediaSrc: '',
-        sectionContentMediaType: 'IMAGE',
-        title: ''
-    },
-    styles: {
-        itemButtonLabelColorInHex: '#FFFFFFFF',
-        buttonCharlieLabelColorInHex: '#FFFFFFFF',
-        backgroundOverlayColorInHex: '#00000000',
-        itemToneType: 'LIGHT',
-        buttonCharlieBackgroundColorInHex: '#455EEFFF',
-        titleColorInHex: '#1E1E20FF',
-        buttonBravoBackgroundColorInHex: '#455EEFFF',
-        buttonEchoLabelColorInHex: '#FFFFFFFF',
-        buttonBravoLabelColorInHex: '#FFFFFFFF',
-        buttonBravoDesignType: 'A',
-        buttonDeltaLabelColorInHex: '#FFFFFFFF',
-        backgroundMediaSrc: '',
-        itemDescriptionColorInHex: '#68686BFF',
-        buttonEchoBackgroundColorInHex: '#455EEFFF',
-        buttonAlphaLabelColorInHex: '#FFFFFFFF',
-        itemTitleColorInHex: '#1E1E20FF',
-        itemButtonBackgroundColorInHex: '#455EEFFF',
-        descriptionColorInHex: '#68686BFF',
-        itemButtonDesignType: 'A',
-        programmedItemActionButtonTextType: 'A',
-        itemHighlightingColorInHex: '#455EEFFF',
-        buttonAlphaBackgroundColorInHex: '#455EEFFF',
-        buttonAlphaDesignType: 'A',
-        buttonEchoDesignType: 'A',
-        buttonDeltaBackgroundColorInHex: '#455EEFFF',
-        buttonDeltaDesignType: 'A',
-        backgroundColorInHex: '#EFF0F3FF',
-        buttonCharlieDesignType: 'A',
-        backgroundMediaType: 'IMAGE'
-    },
-    template: 'BASE_CONTENTS_A',
-    type: 'CUSTOM',
-    updatedAt: '2024-08-22T12:09:20'
+    updatedAt: '2025-03-27T10:54:25'
 };
 exports.sampleMockComposition2 = {
-    type: 'DESIGNED',
+    administrativeTitle: 'CUSTOM',
     componentBlocks: [
         {
-            type: 'GENERAL',
             availablePlugins: [],
-            componentBlockCode: types_1.CB_ALL_CODES.CB_TEXT,
-            dynamicLayoutSectionId: 50349,
-            id: 238020,
+            blockId: 'CB_190125',
+            componentBlockCode: types_1.CB_ALL_CODES.CB_IMG,
+            componentBlockType: 'GENERAL',
+            dynamicLayoutCompositionId: 15,
+            id: 190125,
+            insertedAt: '2025-03-27T10:54:25',
             jsonProperties: {
+                currentVersion: '2025-04-24',
                 data: {
-                    CB_LAYOUT_PROP_ARRANGE: {
-                        CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
-                        'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': undefined,
-                        CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
-                        'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
-                    },
-                    CB_PLACEMENT_PROP_PLACEMENT: {
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 18,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 2,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 12,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 10,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 6,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 6,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 0,
-                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
-                    },
                     CB_CONTENT_PROP_CLINK: {
                         CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
                         CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
@@ -415,11 +356,10 @@ exports.sampleMockComposition2 = {
                         CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
                     },
                     CB_CONTENT_PROP_HOVER: {
-                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: false
+                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
-                    CB_CONTENT_PROP_TEXT: {
-                        CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'BANNER',
-                        CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: ''
+                    CB_CONTENT_PROP_IMAGE: {
+                        CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: 'https://static.publ.site/pages-sample/img_cb_content_prop_image_spec_selector_01.png'
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -427,29 +367,83 @@ exports.sampleMockComposition2 = {
                     },
                     CB_EFFECT_PROP_ENTANIM: {
                         CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
                         CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
                         CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined,
-                        CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'FOCUSIN',
-                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': undefined
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
                     },
+                    // CB_EFFECT_PROP_HOVERANIM: {
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
+                    //   CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
+                    //   'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
+                    // },
                     CB_LAYOUT_PROP_PADDING: {
                         CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-                        'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': undefined,
+                        'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
                         CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
                             bottom: 0,
                             left: 0,
                             right: 0,
                             top: 0
                         },
-                        'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
-                            bottom: 0,
-                            left: 24,
-                            right: 24,
-                            top: 0
-                        }
+                        'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
+                    },
+                    CB_PLACEMENT_PROP_PLACEMENT: {
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 5,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                    },
+                    CB_STYLE_PROP_BORDER: {
+                        CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
+                            bl: 0,
+                            br: 0,
+                            tl: 0,
+                            tr: 0
+                        },
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
+                        'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
+                    },
+                    CB_STYLE_PROP_IMAGE: {
+                        CB_STYLE_PROP_IMAGE_SPEC_FIT: 'CONTAIN',
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_IMAGE_SPEC_POSITION: 'CC',
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': null,
+                        'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': null
                     },
                     CB_STYLE_PROP_OPACITY: {
                         CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
@@ -457,105 +451,92 @@ exports.sampleMockComposition2 = {
                         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
                         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
                     },
-                    CB_STYLE_PROP_TEXT: {
-                        CB_STYLE_PROP_TEXT_SPEC_COLOR: '#ffffffFF',
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': '#FFFFFFFF',
-                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 40,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_SIZE: 24,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': 16,
-                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Montserrat',
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': 'GOOGLE:Zen Dots',
-                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
-                        CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 900,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
-                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
+                    CB_STYLE_PROP_SHADOW: {
+                        CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
                     }
-                }
+                },
+                minVersion: '2023-08-03',
+                version: '2025-04-24'
             },
             queryableDefinitionPreset: 'N/A',
-            queryableTapSrc: 'N/A'
+            queryableTapSrc: 'N/A',
+            updatedAt: '2025-03-27T10:54:25'
         }
     ],
-    display: true,
-    dynamicLayoutSectionItems: [],
-    id: 8,
-    insertedAt: '2023-01-06T09:05:45',
+    compositionCode: 'CMP_GENERAL',
+    compositionTemplateCode: 'CMPTP_CB_CONTENTSCAROUSEL_NNN_CUSTOM',
+    dynamicLayoutComponentBlockId: 190124,
+    id: 15,
+    insertedAt: '2025-03-27T10:54:25',
     jsonProperties: {
+        currentVersion: '2025-04-24',
         data: {
-            CB_CONTENT_PROP_COMPOSITION: {
-                CB_CONTENT_PROP_COMPOSITION_SPEC_VARIABLEROOTFONTSIZE: false
+            CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE: {
+                CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE_SPEC_MANUAL: null
             },
-            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_DURATION:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-                'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-                'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined,
-                CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
-                'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': undefined
+            CB_CONTENT_PROP_HOVER: {
+                CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
             },
             CB_LAYOUT_PROP_PADDING: {
                 CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': undefined,
+                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
                 CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
                     bottom: 0,
                     left: 0,
                     right: 0,
                     top: 0
                 },
-                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
-                    bottom: 0,
-                    left: 24,
-                    right: 24,
-                    top: 0
-                }
+                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
             },
             CB_PLACEMENT_PROP_COMPOSITION: {
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_FULLWIDTH: false,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_FULLWIDTH:MOBILE': true,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: 35,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': 5,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: 26,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': 24,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_WIDTH: 1200,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_WIDTH:MOBILE': 230,
-                CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLS: undefined,
-                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLS:MOBILE': undefined
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS: 6,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH: null,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE': null,
+                CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: 6,
+                'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': null
             },
             CB_STYLE_PROP_BGCOLOR: {
                 CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#0047b1FF',
+                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null,
-                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': '#000000FF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null,
@@ -577,9 +558,9 @@ exports.sampleMockComposition2 = {
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
+                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null,
-                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
             },
             CB_STYLE_PROP_BGMEDIA: {
@@ -587,25 +568,25 @@ exports.sampleMockComposition2 = {
                 CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 6,
+                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 600,
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'COVER',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
-                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/29918cb4-93f9-49e0-a94b-e4efd7f11c76.png',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://static.publ.site/pages-sample/img_cb_style_prop_bgmedia_spec_imageselector_01.png',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/embed/FUKmyRLOlAA',
+                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': null,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': null,
-                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: '',
+                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': null,
@@ -627,9 +608,9 @@ exports.sampleMockComposition2 = {
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#000000C4',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#040F5035',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': null,
-                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#000000C2',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#27FFBFFF',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': null,
@@ -651,105 +632,39 @@ exports.sampleMockComposition2 = {
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': null,
-                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'SOLID',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'NONE',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': null,
-                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'SOLID',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': null,
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
             }
+        },
+        minVersion: '2023-08-03',
+        pedigree: {
+            blockId: 'ROOT',
+            children: [
+                {
+                    blockId: 'CB_190125',
+                    // children: [],
+                    componentBlockId: 190125,
+                    type: 'COMPONENT_BLOCK',
+                    zOrderDesktopInternal: 1,
+                    zOrderMobileInternal: 1
+                }
+            ],
+            // componentBlockId: null,
+            type: 'GROUP_BLOCK',
+            zOrderDesktopInternal: null,
+            zOrderMobileInternal: null
+        },
+        version: '2025-04-24',
+        zOrders: {
+            desktop: {
+                '190125': 1
+            },
+            mobile: {
+                '190125': 1
+            }
         }
     },
-    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: '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: 'BASE_INTRO_A',
-    updatedAt: '2023-01-06T09:05:45'
+    updatedAt: '2025-03-27T10:54:25'
 };