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

pds-dev-kit-web-test 0.3.59 → 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 (19) hide show

package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ export declare const EMBEDED_SAMPLES: {
     GOOGLE_FORMS: string;
     SCRIPT: string;
     DIV: string;
+    DIRTY: string;
+    CLEAN: string;
 };
 export declare const sampleCustomsection1: {
     administrativeTitle: string;
@@ -2112,6 +2114,7 @@ export declare const sampleCustomsection5: {
                 };
                 CB_CONTENT_PROP_CODEBLOCK: {
                     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: string;
+                    CB_CONTENT_PROP_CODEBLOCK_SPEC_LANG?: undefined;
                 };
                 CB_CONTENT_PROP_VISIBILITY: {
                     CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -2197,6 +2200,278 @@ export declare const sampleCustomsection5: {
                     'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null;
                 };
                 CB_EFFECT_PROP_HOVERANIM?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
+                CB_STYLE_PROP_DIVIDER?: undefined;
+                CB_CONTENT_PROP_CLINK?: undefined;
+                CB_CONTENT_PROP_TEXT?: undefined;
+                CB_STYLE_PROP_BORDER?: undefined;
+                CB_STYLE_PROP_BTNCOLOR?: undefined;
+                CB_STYLE_PROP_BTNTEXT?: undefined;
+                CB_STYLE_PROP_TEXT?: undefined;
+            };
+            minVersion: string;
+            version: string;
+        };
+        queryableDefinitionPreset: string;
+        queryableTapSrc: string;
+        updatedAt: string;
+    } | {
+        availablePlugins: never[];
+        componentBlockCode: string;
+        componentBlockType: string;
+        dynamicLayoutSectionId: number;
+        id: number;
+        insertedAt: string;
+        jsonProperties: {
+            currentVersion: string;
+            data: {
+                CB_CONTENT_PROP_CODEBLOCK: {
+                    CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: string;
+                    CB_CONTENT_PROP_CODEBLOCK_SPEC_LANG: string;
+                };
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+                };
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+                };
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
+                };
+                CB_EFFECT_PROP_HOVERANIM: {
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null;
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: string;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+                    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
+                };
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+                };
+                CB_STYLE_PROP_BGCOLOR: {
+                    CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: number;
+                    '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: string;
+                    '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: string;
+                    '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: number;
+                    '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: string;
+                    '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: string;
+                    '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: number;
+                    '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: string;
+                    '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: number;
+                    '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: number;
+                    '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: string;
+                    '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: number;
+                    '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: number;
+                    '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: string;
+                    '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: number;
+                    '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: number;
+                    '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;
+                };
+                CB_STYLE_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_DIVIDER?: undefined;
+                CB_CONTENT_PROP_CLINK?: undefined;
+                CB_CONTENT_PROP_TEXT?: undefined;
+                CB_STYLE_PROP_BORDER?: undefined;
+                CB_STYLE_PROP_BTNCOLOR?: undefined;
+                CB_STYLE_PROP_BTNTEXT?: undefined;
+                CB_STYLE_PROP_TEXT?: undefined;
+            };
+            minVersion: string;
+            version: string;
+        };
+        queryableDefinitionPreset: string;
+        queryableTapSrc: string;
+        updatedAt: string;
+    } | {
+        availablePlugins: never[];
+        componentBlockCode: string;
+        componentBlockType: string;
+        dynamicLayoutSectionId: number;
+        id: number;
+        insertedAt: string;
+        jsonProperties: {
+            currentVersion: string;
+            data: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+                };
+                CB_CONTENT_PROP_CODEBLOCK: {
+                    CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: string;
+                    CB_CONTENT_PROP_CODEBLOCK_SPEC_LANG?: undefined;
+                };
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+                };
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': string;
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: string;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+                    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
+                };
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+                };
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
+                    '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: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_X: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': number;
+                    '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: string;
+                    'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null;
+                };
+                CB_EFFECT_PROP_HOVERANIM?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_CONTENT_PROP_CLINK?: undefined;
                 CB_CONTENT_PROP_TEXT?: undefined;
@@ -2295,6 +2570,7 @@ export declare const sampleCustomsection5: {
                 CB_STYLE_PROP_OPACITY?: undefined;
                 CB_STYLE_PROP_SHADOW?: undefined;
                 CB_STYLE_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
                 CB_CONTENT_PROP_CLINK?: undefined;
                 CB_CONTENT_PROP_TEXT?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
@@ -2511,6 +2787,7 @@ export declare const sampleCustomsection5: {
                 CB_CONTENT_PROP_CODEBLOCK?: undefined;
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
                 CB_STYLE_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_TEXT?: undefined;
             };
@@ -2633,6 +2910,7 @@ export declare const sampleCustomsection5: {
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
                 CB_STYLE_PROP_SHADOW?: undefined;
                 CB_STYLE_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
                 CB_STYLE_PROP_BTNCOLOR?: undefined;
@@ -2757,6 +3035,7 @@ export declare const sampleCustomsection5: {
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
                 CB_STYLE_PROP_SHADOW?: undefined;
                 CB_STYLE_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_BGCOLOR?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
                 CB_STYLE_PROP_BTNCOLOR?: undefined;

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

@@ -3,9 +3,11 @@ 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="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="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">로드 중…</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',
@@ -2033,7 +2035,7 @@ exports.sampleCustomsection5 = {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
                     CB_CONTENT_PROP_CODEBLOCK: {
-                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.DIV
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.DIRTY
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2133,6 +2135,154 @@ exports.sampleCustomsection5 = {
             dynamicLayoutSectionId: 39541,
             id: 1201,
             insertedAt: '2023-08-06T13:30:47',
+            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_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: {
@@ -2140,7 +2290,7 @@ exports.sampleCustomsection5 = {
                         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_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
@@ -2238,7 +2388,7 @@ exports.sampleCustomsection5 = {
             componentBlockCode: 'CB_EMBED',
             componentBlockType: 'GENERAL',
             dynamicLayoutSectionId: 39541,
-            id: 1202,
+            id: 1203,
             insertedAt: '2023-08-06T13:30:47',
             jsonProperties: {
                 currentVersion: '2023-08-03',
@@ -2247,7 +2397,7 @@ exports.sampleCustomsection5 = {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
                     CB_CONTENT_PROP_CODEBLOCK: {
-                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.SCRIPT
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.GOOGLE_FORMS
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2266,7 +2416,7 @@ exports.sampleCustomsection5 = {
                     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: 'MIDDLE',
                         'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
                     },
                     CB_LAYOUT_PROP_PADDING: {
@@ -2345,7 +2495,7 @@ exports.sampleCustomsection5 = {
             componentBlockCode: 'CB_EMBED',
             componentBlockType: 'GENERAL',
             dynamicLayoutSectionId: 39541,
-            id: 1203,
+            id: 1204,
             insertedAt: '2023-08-06T13:30:47',
             jsonProperties: {
                 currentVersion: '2023-08-03',
@@ -2354,7 +2504,7 @@ exports.sampleCustomsection5 = {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
                     CB_CONTENT_PROP_CODEBLOCK: {
-                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.SCRIPT
+                        CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2447,113 +2597,6 @@ exports.sampleCustomsection5 = {
             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_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,7 +20,7 @@ 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"));
@@ -46,7 +46,7 @@ function ComponentBlockMatcher(_a) {
         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_EMBED:
-            return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
+            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/{Iframe/Iframe.d.ts → Embed/Embed.d.ts} RENAMED Viewed

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe/Iframe.js → Embed/Embed.js} RENAMED Viewed

@@ -22,21 +22,12 @@ var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var EmbedCore_1 = __importDefault(require("./EmbedCore"));
-function Iframe(props) {
+function Embed(props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
     var CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, index = props.index;
     var CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE = props.CB_CONTENT_PROP_CODEBLOCK.CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
     var _b = (0, util_1.parseProperties)(props, device), style = _b.style, hoverStyle = _b.hoverStyle, layout = _b.layout, effect = _b.effect;
-    if ('display' in layout) {
-        delete layout.display;
-    }
-    if ('alignItems' in layout) {
-        delete layout.alignItems;
-    }
-    if ('justifyContent' in layout) {
-        delete layout.justifyContent;
-    }
     var cbRef = (0, react_1.useRef)(null);
     var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
         index
@@ -51,24 +42,4 @@ function Iframe(props) {
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
     return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: (0, jsx_runtime_1.jsx)(EmbedCore_1.default, { embedCode: CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE }) })) })));
 }
-// NOTE: 추후 사용되지 않으면 삭제
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function sanitizeIframe(iframeHtml) {
-    var parser = new DOMParser();
-    var doc = parser.parseFromString(iframeHtml, 'text/html');
-    var iframe = doc.querySelector('iframe');
-    if (!iframe) {
-        // throw new Error('Invalid iframe.');
-        return null;
-    }
-    // Check the src attribute matches allowed patterns
-    // if (!iframe.src.startsWith('https://player.vimeo.com/')) {
-    //   throw new Error('URL not allowed.');
-    // }
-    // Remove any attributes that are not allowed
-    iframe.removeAttribute('onload');
-    iframe.removeAttribute('onerror');
-    // ...repeat for other attributes
-    return iframe.outerHTML;
-}
-exports.default = Iframe;
+exports.default = Embed;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface EmbedCoreProps {
+    embedCode: string;
+}
+declare const EmbedCore: React.FC<EmbedCoreProps>;
+export default EmbedCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedCore.js ADDED Viewed

@@ -0,0 +1,69 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DOMPurify = __importStar(require("dompurify"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var PURIFY_CONFIG = {
+    ADD_TAGS: ['iframe'],
+    ADD_ATTR: ['frameborder', 'marginheight', 'marginwidth', 'allowfullscreen', 'referrerpolicy']
+};
+var EmbedCore = function (_a) {
+    var embedCode = _a.embedCode;
+    var sanitized = DOMPurify.sanitize(embedCode, PURIFY_CONFIG);
+    if (DOMPurify.removed.length > 0) {
+        var message = removedMessage(DOMPurify.removed).join("\n");
+        return (0, jsx_runtime_1.jsx)(S_Error, { children: message });
+    }
+    // eslint-disable-next-line react/no-danger
+    return (0, jsx_runtime_1.jsx)(S_EmbedCore, { dangerouslySetInnerHTML: { __html: sanitized } });
+};
+function removedMessage(removed) {
+    return removed.reduce(function (acc, cur) {
+        var key = Object.keys(cur)[0];
+        var message = "".concat(key, ":").concat(cur[key].localName, " is not allowed.");
+        return __spreadArray(__spreadArray([], acc, true), [message], false);
+    }, []);
+}
+var S_Error = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: red;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  white-space: pre-line;\n  width: 100%;\n"], ["\n  align-items: center;\n  background-color: red;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  white-space: pre-line;\n  width: 100%;\n"])));
+var S_EmbedCore = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: inherit;\n  display: inherit;\n  flex-direction: inherit;\n  height: inherit;\n  justify-content: inherit;\n  width: inherit;\n"], ["\n  align-items: inherit;\n  display: inherit;\n  flex-direction: inherit;\n  height: inherit;\n  justify-content: inherit;\n  width: inherit;\n"])));
+exports.default = EmbedCore;
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,9 @@
+export default function sanitizeEmbedCode(embedCode: string): {
+    html: string;
+    scripts: string[];
+    error?: undefined;
+} | {
+    error: Error;
+    html?: undefined;
+    scripts?: undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe → Embed}/sanitizeEmbedCode.js RENAMED Viewed

@@ -5,6 +5,7 @@ function sanitizeEmbedCode(embedCode) {
     try {
         var parser = new DOMParser();
         var doc = parser.parseFromString(embedCode, 'text/html');
+        var scripts_1 = [];
         // Function to check for the presence of blacklisted tags or attributes
         var checkForBlacklist_1 = function (node) {
             if (constant_1.tagBlacklist.includes(node.tagName.toLowerCase())) {
@@ -16,6 +17,13 @@ function sanitizeEmbedCode(embedCode) {
                 }
             });
         };
+        // Collect and remove script tags
+        var scriptElements = doc.querySelectorAll('script');
+        scriptElements.forEach(function (script) {
+            var _a;
+            scripts_1.push(script.outerHTML);
+            (_a = script.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(script);
+        });
         // Recursive function to check all nodes in the document
         var checkNode_1 = function (node) {
             if (node.nodeType === Node.ELEMENT_NODE) {
@@ -24,10 +32,13 @@ function sanitizeEmbedCode(embedCode) {
             Array.from(node.childNodes).forEach(checkNode_1);
         };
         checkNode_1(doc.body);
-        return doc.body.innerHTML;
+        return {
+            html: doc.body.innerHTML,
+            scripts: scripts_1
+        };
     }
     catch (error) {
-        return new Error("Sanitization failed: ".concat(error.message));
+        return { error: new Error("Sanitization failed: ".concat(error.message)) };
     }
 }
 exports.default = sanitizeEmbedCode;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.3.59",
+  "version": "0.3.60",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -15,6 +15,7 @@
     "@types/google-spreadsheet": "^3.1.5",
     "@types/react": "^17.0.27",
     "@types/react-dom": "^17.0.9",
+    "dompurify": "^3.0.9",
     "dotenv": "^8.2.0",
     "google-spreadsheet": "^3.1.15",
     "i18next": "^21.3.2",
@@ -83,6 +84,7 @@
     "@storybook/node-logger": "^6.3.12",
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/react": "^6.3.12",
+    "@types/dompurify": "^3.0.5",
     "@types/lodash": "^4.14.175",
     "@types/node": "^16.10.2",
     "@types/react-router-dom": "^5.3.3",

package/release-note.md CHANGED Viewed

@@ -1,7 +1,6 @@
-# PDS-DEV-KIT-WEB Release Notes
-## [v2.2.57]
-## daily|https://design.storybook.publ.biz/
-### Component
-    * BasicListItem
-        * MainButton과 Switch 우측의 스페이싱 제거
+# pds-dev-kit-web-test Release Notes
+## [v0.3.60]
+## 기준 pds-dev-kit-web 버전 @2.2.57
+### sub
+    * DynamicLayout
+        * embed cb - dom purify 적용

package/webhook/node_modules/esrecurse/.babelrc ADDED Viewed

@@ -0,0 +1,3 @@
+{
+    "presets": ["es2015"]
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface EmbedComponentProps {
-    embedCode: string;
-}
-declare const EmbedComponent: React.FC<EmbedComponentProps>;
-export default EmbedComponent;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.js DELETED Viewed

@@ -1,24 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var sanitizeEmbedCode_1 = __importDefault(require("./sanitizeEmbedCode"));
-var EmbedComponent = function (_a) {
-    var embedCode = _a.embedCode;
-    var sanitized = (0, sanitizeEmbedCode_1.default)(embedCode);
-    if (typeof sanitized !== 'string') {
-        return (0, jsx_runtime_1.jsxs)(S_Error, { children: ["Error: ", sanitized.message] });
-    }
-    // eslint-disable-next-line react/no-danger
-    return ((0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: sanitized }, style: { width: '100%', height: '100%' } }));
-};
-var S_Error = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: red;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"], ["\n  align-items: center;\n  background-color: red;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"])));
-exports.default = EmbedComponent;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export default function sanitizeEmbedCode(embedCode: string): string \| Error;

/package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe → Embed}/constant.d.ts RENAMED Viewed

File without changes

/package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe → Embed}/constant.js RENAMED Viewed

File without changes

/package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe → Embed}/types.d.ts RENAMED Viewed

File without changes

/package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/{Iframe → Embed}/types.js RENAMED Viewed

File without changes