npm - pds-dev-kit-web-test - Versions diffs - 0.3.58 → 0.3.60 - Mend

pds-dev-kit-web-test 0.3.58 → 0.3.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED Viewed

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sampleCustomsection6 = exports.sampleCustomsection5 = exports.sampleCustomsection4 = exports.sampleCustomsection3 = exports.sampleCustomsection2 = exports.sampleCustomsection1 = exports.EMBEDED_SAMPLES = void 0;
 exports.EMBEDED_SAMPLES = {
-    GOOGLE_MAPS: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d508.40856699559515!2d127.04604546611074!3d37.5412884534309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca484b232aab9%3A0x3016af9babd6093e!2z7ISc7Jq47Yq567OE7IucIOyEseuPmeq1rCDrmp3shKzroZwgMzE3!5e0!3m2!1sko!2skr!4v1690098445797!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
-    GOOGLE_FORMS: '<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeXlFI2qpbGOGQ5Zvk3JkkJXo0qsznrpjjIutpk9nGfpPFCIA/viewform?embedded=true" width="640" height="2816" frameborder="0" marginheight="0" marginwidth="0">로드 중…</iframe>',
+    GOOGLE_MAPS: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d508.40856699559515!2d127.04604546611074!3d37.5412884534309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca484b232aab9%3A0x3016af9babd6093e!2z7ISc7Jq47Yq567OE7IucIOyEseuPmeq1rCDrmp3shKzroZwgMzE3!5e0!3m2!1sko!2skr!4v1690098445797!5m2!1sko!2skr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
+    GOOGLE_FORMS: '<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeXlFI2qpbGOGQ5Zvk3JkkJXo0qsznrpjjIutpk9nGfpPFCIA/viewform?embedded=true" width="300px" height="200px" frameborder="0" marginheight="0" marginwidth="0">로드 중…</iframe>',
     SCRIPT: '<div class="whattime-inline-widget" data-code="9WVUWfsUhi" style="min-width: 320px; height: 690px;"></div><link href="https://whattime.co.kr/widget/widget.css" rel="stylesheet"><script src="https://whattime.co.kr/widget/widget.js" type="text/javascript" async></script>',
-    DIV: '<div style="background-color: black"><button>sample-button</button></div>'
+    DIV: '<div style="background-color: black"><button>sample-button</button></div>',
+    DIRTY: '<img src=x onerror=alert(1)//>',
+    CLEAN: '<div>CLEAN</div>'
 };
 exports.sampleCustomsection1 = {
     administrativeTitle: 'UNTITLED',
@@ -2021,7 +2023,7 @@ exports.sampleCustomsection5 = {
     componentBlocks: [
         {
             availablePlugins: [],
-            componentBlockCode: 'CB_IFRAME',
+            componentBlockCode: 'CB_EMBED',
             componentBlockType: 'GENERAL',
             dynamicLayoutSectionId: 39541,
             id: 1200,
@@ -2032,8 +2034,8 @@ exports.sampleCustomsection5 = {
                     CB_CONTENT_PROP_HOVER: {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
-                    CB_CONTENT_PROP_TWITTER: {
-                        CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.DIV
+                    CB_CONTENT_PROP_CODEBLOCK: {
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.DIRTY
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2128,7 +2130,7 @@ exports.sampleCustomsection5 = {
         },
         {
             availablePlugins: [],
-            componentBlockCode: 'CB_IFRAME',
+            componentBlockCode: 'CB_EMBED',
             componentBlockType: 'GENERAL',
             dynamicLayoutSectionId: 39541,
             id: 1201,
@@ -2136,11 +2138,159 @@ exports.sampleCustomsection5 = {
             jsonProperties: {
                 currentVersion: '2023-08-03',
                 data: {
+                    CB_CONTENT_PROP_CODEBLOCK: {
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.CLEAN,
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_LANG: 'HTML'
+                    },
                     CB_CONTENT_PROP_HOVER: {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
-                    CB_CONTENT_PROP_TWITTER: {
-                        CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
+                    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': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                        '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_ARRANGE: {
+                        CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                        'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null,
+                        CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
+                        'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
+                    },
+                    CB_LAYOUT_PROP_PADDING: {
+                        CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                        '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': null
+                    },
+                    CB_PLACEMENT_PROP_PLACEMENT: {
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 13,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 13,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 8,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 4,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 10,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                    },
+                    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: '#027FFBFFF',
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null,
+                        '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,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
+                        '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:HOVER': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
+                        'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
+                    },
+                    CB_STYLE_PROP_OPACITY: {
+                        CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY: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: '#FFF1F1FF',
+                        '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: 'OUTSET',
+                        '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: '2023-08-03'
+            },
+            queryableDefinitionPreset: 'N/A',
+            queryableTapSrc: 'N/A',
+            updatedAt: '2023-08-06T13:30:49'
+        },
+        {
+            availablePlugins: [],
+            componentBlockCode: 'CB_EMBED',
+            componentBlockType: 'GENERAL',
+            dynamicLayoutSectionId: 39541,
+            id: 1202,
+            insertedAt: '2023-08-06T13:30:47',
+            jsonProperties: {
+                currentVersion: '2023-08-03',
+                data: {
+                    CB_CONTENT_PROP_HOVER: {
+                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                    },
+                    CB_CONTENT_PROP_CODEBLOCK: {
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.SCRIPT
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2178,9 +2328,9 @@ exports.sampleCustomsection5 = {
                         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
                         CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
                         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
                         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
-                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 20,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
                         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
                         CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
                         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
@@ -2235,10 +2385,10 @@ exports.sampleCustomsection5 = {
         },
         {
             availablePlugins: [],
-            componentBlockCode: 'CB_IFRAME',
+            componentBlockCode: 'CB_EMBED',
             componentBlockType: 'GENERAL',
             dynamicLayoutSectionId: 39541,
-            id: 1202,
+            id: 1203,
             insertedAt: '2023-08-06T13:30:47',
             jsonProperties: {
                 currentVersion: '2023-08-03',
@@ -2246,8 +2396,115 @@ exports.sampleCustomsection5 = {
                     CB_CONTENT_PROP_HOVER: {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
-                    CB_CONTENT_PROP_TWITTER: {
-                        CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.SCRIPT
+                    CB_CONTENT_PROP_CODEBLOCK: {
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.GOOGLE_FORMS
+                    },
+                    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: 'SLIDEINLEFT',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
+                        CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
+                    },
+                    CB_LAYOUT_PROP_ARRANGE: {
+                        CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                        'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
+                        CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
+                        'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
+                    },
+                    CB_LAYOUT_PROP_PADDING: {
+                        CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                        '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': null
+                    },
+                    CB_PLACEMENT_PROP_PLACEMENT: {
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
+                        '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: 3,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
+                    },
+                    CB_STYLE_PROP_OPACITY: {
+                        CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
+                    },
+                    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': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
+                        'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
+                        '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': 30,
+                        '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': 2,
+                        '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': 'OUTSET',
+                        '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': 0,
+                        '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': 12,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
+                        'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
+                    },
+                    CB_STYLE_PROP_TWITTER: {
+                        CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
+                        'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
+                    }
+                },
+                minVersion: '2023-08-03',
+                version: '2023-08-03'
+            },
+            queryableDefinitionPreset: 'N/A',
+            queryableTapSrc: 'N/A',
+            updatedAt: '2023-08-06T13:30:49'
+        },
+        {
+            availablePlugins: [],
+            componentBlockCode: 'CB_EMBED',
+            componentBlockType: 'GENERAL',
+            dynamicLayoutSectionId: 39541,
+            id: 1204,
+            insertedAt: '2023-08-06T13:30:47',
+            jsonProperties: {
+                currentVersion: '2023-08-03',
+                data: {
+                    CB_CONTENT_PROP_HOVER: {
+                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                    },
+                    CB_CONTENT_PROP_CODEBLOCK: {
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2340,220 +2597,6 @@ exports.sampleCustomsection5 = {
             queryableTapSrc: 'N/A',
             updatedAt: '2023-08-06T13:30:49'
         },
-        // {
-        //   availablePlugins: [],
-        //   componentBlockCode: 'CB_IFRAME',
-        //   componentBlockType: 'GENERAL',
-        //   dynamicLayoutSectionId: 39541,
-        //   id: 1203,
-        //   insertedAt: '2023-08-06T13:30:47',
-        //   jsonProperties: {
-        //     currentVersion: '2023-08-03',
-        //     data: {
-        //       CB_CONTENT_PROP_HOVER: {
-        //         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
-        //       },
-        //       CB_CONTENT_PROP_TWITTER: {
-        //         CB_CONTENT_PROP_TWITTER_SPEC_SRC: EMBEDED_SAMPLES.GOOGLE_FORMS
-        //       },
-        //       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: 'SLIDEINLEFT',
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
-        //       },
-        //       CB_LAYOUT_PROP_ARRANGE: {
-        //         CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
-        //         'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
-        //         CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
-        //         'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
-        //       },
-        //       CB_LAYOUT_PROP_PADDING: {
-        //         CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-        //         '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': null
-        //       },
-        //       CB_PLACEMENT_PROP_PLACEMENT: {
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
-        //         '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: 3,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
-        //       },
-        //       CB_STYLE_PROP_OPACITY: {
-        //         CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
-        //       },
-        //       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': null,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
-        //         CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
-        //         'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
-        //         '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': 30,
-        //         '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': 2,
-        //         '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': 'OUTSET',
-        //         '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': 0,
-        //         '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': 12,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
-        //       },
-        //       CB_STYLE_PROP_TWITTER: {
-        //         CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
-        //         'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
-        //       }
-        //     },
-        //     minVersion: '2023-08-03',
-        //     version: '2023-08-03'
-        //   },
-        //   queryableDefinitionPreset: 'N/A',
-        //   queryableTapSrc: 'N/A',
-        //   updatedAt: '2023-08-06T13:30:49'
-        // },
-        // {
-        //   availablePlugins: [],
-        //   componentBlockCode: 'CB_IFRAME',
-        //   componentBlockType: 'GENERAL',
-        //   dynamicLayoutSectionId: 39541,
-        //   id: 1204,
-        //   insertedAt: '2023-08-06T13:30:47',
-        //   jsonProperties: {
-        //     currentVersion: '2023-08-03',
-        //     data: {
-        //       CB_CONTENT_PROP_HOVER: {
-        //         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
-        //       },
-        //       CB_CONTENT_PROP_TWITTER: {
-        //         CB_CONTENT_PROP_TWITTER_SPEC_SRC: EMBEDED_SAMPLES.GOOGLE_FORMS
-        //       },
-        //       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: 'SLIDEINLEFT',
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
-        //         CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
-        //         'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
-        //       },
-        //       CB_LAYOUT_PROP_ARRANGE: {
-        //         CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
-        //         'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
-        //         CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
-        //         'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
-        //       },
-        //       CB_LAYOUT_PROP_PADDING: {
-        //         CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
-        //         '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': null
-        //       },
-        //       CB_PLACEMENT_PROP_PLACEMENT: {
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
-        //         CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
-        //         '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: 3,
-        //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
-        //       },
-        //       CB_STYLE_PROP_OPACITY: {
-        //         CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
-        //         'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
-        //       },
-        //       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': null,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
-        //         CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
-        //         'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
-        //         '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': 30,
-        //         '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': 2,
-        //         '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': 'OUTSET',
-        //         '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': 0,
-        //         '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': 12,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
-        //         'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
-        //       },
-        //       CB_STYLE_PROP_TWITTER: {
-        //         CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
-        //         'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
-        //       }
-        //     },
-        //     minVersion: '2023-08-03',
-        //     version: '2023-08-03'
-        //   },
-        //   queryableDefinitionPreset: 'N/A',
-        //   queryableTapSrc: 'N/A',
-        //   updatedAt: '2023-08-06T13:30:49'
-        // },
         {
             availablePlugins: [],
             componentBlockCode: 'CB_DIVIDER',

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js CHANGED Viewed

@@ -20,11 +20,11 @@ var newUtils_1 = require("../../newUtils");
 var types_1 = require("../../types");
 var Button_1 = __importDefault(require("./componentBlocks/Button/Button"));
 var Divider_1 = __importDefault(require("./componentBlocks/Divider/Divider"));
-var Iframe_1 = __importDefault(require("./componentBlocks/Iframe/Iframe"));
+var Embed_1 = __importDefault(require("./componentBlocks/Embed/Embed"));
 var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
 var RichText_1 = require("./componentBlocks/RichText");
 var Text_1 = __importDefault(require("./componentBlocks/Text/Text"));
-// import Twitter from './componentBlocks/Twitter/Twitter';
+var Twitter_1 = __importDefault(require("./componentBlocks/Twitter/Twitter"));
 var Youtube_1 = require("./componentBlocks/Youtube");
 function ComponentBlockMatcher(_a) {
     var cbProps = _a.cbProps, device = _a.device, index = _a.index;
@@ -42,12 +42,11 @@ function ComponentBlockMatcher(_a) {
         case types_1.CB_ALL_CODES.CB_IMG:
             return (0, jsx_runtime_1.jsx)(Image_1.default, __assign({}, propsWithValue, { index: index }));
         case types_1.CB_ALL_CODES.CB_TWITTER:
-            return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
-        // return <Twitter {...(propsWithValue as CB_TWITTER_PROPERTIES_TYPE)} index={index} />;
+            return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, propsWithValue, { index: index }));
         case types_1.CB_ALL_CODES.CB_YOUTUBE:
             return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_IFRAME:
-            return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
+        case types_1.CB_ALL_CODES.CB_EMBED:
+            return (0, jsx_runtime_1.jsx)(Embed_1.default, __assign({}, propsWithValue, { index: index }));
         default:
             return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
     }

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CB_EMBED_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
+type Props = CB_EMBED_PROPERTIES_TYPE & IndexForIntersection;
+declare function Embed(props: Props): JSX.Element;
+export default Embed;