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

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

@@ -22,23 +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_TWITTER_SPEC_SRC = props.CB_CONTENT_PROP_TWITTER.CB_CONTENT_PROP_TWITTER_SPEC_SRC, 
-    // CB_STYLE_PROP_TWITTER: { CB_STYLE_PROP_TWITTER_SPEC_THEME },
-    CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
+    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,26 +40,6 @@ function Iframe(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     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_TWITTER_SPEC_SRC }) })) })));
+    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

@@ -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

@@ -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/{Iframe → Embed}/constant.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.attrBlacklist = exports.tagBlacklist = void 0;
 exports.tagBlacklist = [
-    'script',
+    // 'script',
     //   'iframe',
     'object',
     'embed',

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

@@ -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

@@ -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/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -19,3 +19,6 @@ export type CB_CONTENT_PROP_IMAGE = {
 export type CB_CONTENT_PROP_TWITTER = {
     CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
 };
+export type CB_CONTENT_PROP_CODEBLOCK = {
+    CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts

@@ -1,4 +1,4 @@
-import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
+import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
 export type CB_TYPES = 'GENERAL';
 export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME;
 type GeneralCustomSectionType = {
@@ -17,7 +17,7 @@ export type GroupCustomSectionType = {
     queryableDefinitionPreset: string;
     dynamicLayoutSectionId: number;
 };
-export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE;
+export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
     jsonProperties: {
@@ -61,7 +61,7 @@ export type CB_TWITTER = GeneralCustomSectionType & {
     };
 };
 export type CB_IFRAME = GeneralCustomSectionType & {
-    componentBlockCode: CB_ALL_CODES.CB_IFRAME;
+    componentBlockCode: CB_ALL_CODES.CB_EMBED;
     jsonProperties: {
         data: CB_TWITTER_PROPERTIES_TYPE;
     };
@@ -74,6 +74,6 @@ export declare enum CB_ALL_CODES {
     CB_IMG = "CB_IMG",
     CB_YOUTUBE = "CB_YOUTUBE",
     CB_TWITTER = "CB_TWITTER",
-    CB_IFRAME = "CB_IFRAME"
+    CB_EMBED = "CB_EMBED"
 }
 export {};

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

@@ -10,5 +10,5 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_IMG"] = "CB_IMG";
     CB_ALL_CODES["CB_YOUTUBE"] = "CB_YOUTUBE";
     CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
-    CB_ALL_CODES["CB_IFRAME"] = "CB_IFRAME";
+    CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts

@@ -1,5 +1,5 @@
 import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
 import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
-import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE } from './types';
+import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE } from './types';
 export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
-export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE, device: Device): ParserResult;
+export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE, device: Device): ParserResult;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts

@@ -1,7 +1,7 @@
 import type { CB_BTNTEXT_STYLE_PROPS, CB_STYLE_PROP_BTNCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
 import type { CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/Text/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -82,6 +82,16 @@ export type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
+export type CB_EMBED_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CODEBLOCK: CB_CONTENT_PROP_CODEBLOCK;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
 export type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXTEDIT: {
         CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.3.58",
+  "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

@@ -1,7 +1,6 @@
 # pds-dev-kit-web-test Release Notes
-## [v0.3.58]
+## [v0.3.60]
 ## 기준 pds-dev-kit-web 버전 @2.2.57
 ### sub
     * DynamicLayout
-        * embedCB 관련 함수 추가
-        * Twitter를 임시로 embedCB로 테스트
+        * embed cb - dom purify 적용

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

@@ -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

@@ -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 } });
-};
-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/Iframe.d.ts

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

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

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