pds-dev-kit-web-test 2.7.95 → 2.7.96

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.js

@@ -1,229 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFlexGridLayout = void 0;
-var react_1 = require("react");
-var useFlexGridLayout = function (_a) {
-    var components = _a.components;
-    var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
-    var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
-    var layoutRef = (0, react_1.useRef)(null);
-    var positionRefs = (0, react_1.useRef)({});
-    // 위치별로 컴포넌트 그룹화
-    var getComponentsByPosition = function () {
-        var groups = {};
-        components.forEach(function (component) {
-            if (!groups[component.position]) {
-                groups[component.position] = [];
-            }
-            groups[component.position].push(component);
-        });
-        return groups;
-    };
-    var componentGroups = getComponentsByPosition();
-    var GAP = 8;
-    // 위치가 어느 방향인지 판단
-    var getPositionDirection = function (position) {
-        var directions = {
-            OUTSET1: 'top',
-            OUTSET2: 'top',
-            OUTSET3: 'top',
-            OUTSET4: 'right',
-            OUTSET5: 'right',
-            OUTSET6: 'right',
-            OUTSET7: 'bottom',
-            OUTSET8: 'bottom',
-            OUTSET9: 'bottom',
-            OUTSET10: 'left',
-            OUTSET11: 'left',
-            OUTSET12: 'left',
-            // INSET은 CCB 내부이므로 방향 개념 없음
-            INSET1: 'none',
-            INSET2: 'none',
-            INSET3: 'none',
-            INSET4: 'none',
-            INSET5: 'none',
-            INSET6: 'none',
-            INSET7: 'none',
-            INSET8: 'none'
-        };
-        return directions[position];
-    };
-    // 위치에 따른 스타일 결정 (CCB 크기를 고려)
-    var getPositionStyle = function (position, ccbInset) {
-        var base = {
-            position: 'absolute',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center'
-        };
-        // CCB의 중앙 위치 계산
-        var ccbTop = parseFloat(ccbInset.top) || 0;
-        var ccbRight = parseFloat(ccbInset.right) || 0;
-        var ccbBottom = parseFloat(ccbInset.bottom) || 0;
-        var ccbLeft = parseFloat(ccbInset.left) || 0;
-        // CCB의 실제 크기와 중앙 위치 계산
-        var ccbWidth = layoutSize.width - ccbLeft - ccbRight;
-        var ccbHeight = layoutSize.height - ccbTop - ccbBottom;
-        var ccbCenterX = ccbLeft + ccbWidth / 2;
-        var ccbCenterY = ccbTop + ccbHeight / 2;
-        var positions = {
-            OUTSET1: { top: -50, left: ccbLeft },
-            OUTSET2: { top: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            OUTSET3: { top: -50, right: ccbRight },
-            OUTSET4: { top: ccbTop, right: 50 },
-            OUTSET5: { top: "".concat(ccbCenterY, "px"), right: 50, transform: 'translateY(-50%)' },
-            OUTSET6: { bottom: ccbBottom, right: 50 },
-            OUTSET7: { bottom: -50, right: ccbRight },
-            OUTSET8: { bottom: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            OUTSET9: { bottom: -50, left: ccbLeft },
-            OUTSET10: { bottom: ccbBottom, left: -50 },
-            OUTSET11: { top: "".concat(ccbCenterY, "px"), left: -50, transform: 'translateY(-50%)' },
-            OUTSET12: { top: ccbTop, left: -50 },
-            INSET1: { top: ccbTop + GAP, left: ccbLeft + GAP },
-            INSET2: { top: ccbTop + GAP, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            INSET3: { top: ccbTop + GAP, right: ccbRight + GAP },
-            INSET4: { top: "".concat(ccbCenterY, "px"), right: ccbRight + GAP, transform: 'translateY(-50%)' },
-            INSET5: { bottom: ccbBottom + GAP, right: ccbRight + GAP },
-            INSET6: {
-                bottom: ccbBottom + GAP,
-                left: "".concat(ccbCenterX, "px"),
-                transform: 'translateX(-50%)'
-            },
-            INSET7: { bottom: ccbBottom + GAP, left: ccbLeft + GAP },
-            INSET8: { top: "".concat(ccbCenterY, "px"), left: ccbLeft + GAP, transform: 'translateY(-50%)' }
-        };
-        return __assign(__assign({}, base), positions[position]);
-    };
-    // 컴포넌트 그룹 레이아웃
-    var getComponentGroupLayout = function (components, position) {
-        var count = components.length;
-        var horizontals = [
-            'OUTSET1',
-            'OUTSET2',
-            'OUTSET3',
-            'OUTSET7',
-            'OUTSET8',
-            'OUTSET9',
-            'INSET1',
-            'INSET2',
-            'INSET3',
-            'INSET5',
-            'INSET6',
-            'INSET7'
-        ];
-        var isHorizontal = horizontals.includes(position);
-        if (count === 1) {
-            return { display: 'block' };
-        }
-        return {
-            display: 'flex',
-            flexDirection: isHorizontal ? 'row' : 'column',
-            gap: '8px',
-            alignItems: 'center'
-        };
-    };
-    // ccbInset 계산
-    var ccbInset = (0, react_1.useMemo)(function () {
-        return {
-            top: groupSizes.top > 0 ? "".concat(groupSizes.top + GAP, "px") : '0',
-            right: groupSizes.right > 0 ? "".concat(groupSizes.right + GAP, "px") : '0',
-            bottom: groupSizes.bottom > 0 ? "".concat(groupSizes.bottom + GAP, "px") : '0',
-            left: groupSizes.left > 0 ? "".concat(groupSizes.left + GAP, "px") : '0'
-        };
-    }, [groupSizes]);
-    // 레이아웃 크기 측정
-    (0, react_1.useEffect)(function () {
-        var measureLayout = function () {
-            if (layoutRef.current) {
-                var _a = layoutRef.current.getBoundingClientRect(), width_1 = _a.width, height_1 = _a.height;
-                setLayoutSize(function (prevSize) {
-                    if (prevSize.width !== width_1 || prevSize.height !== height_1) {
-                        return { width: width_1, height: height_1 };
-                    }
-                    return prevSize;
-                });
-            }
-        };
-        measureLayout();
-        var resizeObserver = new ResizeObserver(measureLayout);
-        if (layoutRef.current) {
-            resizeObserver.observe(layoutRef.current);
-        }
-        return function () {
-            resizeObserver.disconnect();
-        };
-    }, []);
-    // 컴포넌트 그룹의 크기 측정
-    (0, react_1.useEffect)(function () {
-        var measureGroups = function () {
-            var newSizes = {
-                top: 0,
-                right: 0,
-                bottom: 0,
-                left: 0
-            };
-            Object.entries(positionRefs.current).forEach(function (_a) {
-                var position = _a[0], ref = _a[1];
-                if (ref && ref.offsetHeight && ref.offsetWidth) {
-                    var direction = getPositionDirection(position);
-                    // INSET은 CCB 크기 계산에 영향을 주지 않음
-                    if (direction !== 'none') {
-                        var size = direction === 'top' || direction === 'bottom' ? ref.offsetHeight : ref.offsetWidth;
-                        newSizes[direction] = Math.max(newSizes[direction], size);
-                    }
-                }
-            });
-            // 실제로 크기가 변경되었을 때만 업데이트
-            setGroupSizes(function (prevSizes) {
-                if (prevSizes.top !== newSizes.top ||
-                    prevSizes.right !== newSizes.right ||
-                    prevSizes.bottom !== newSizes.bottom ||
-                    prevSizes.left !== newSizes.left) {
-                    return newSizes;
-                }
-                return prevSizes;
-            });
-        };
-        // 초기 측정을 위한 타이머
-        var timeoutId = setTimeout(function () {
-            measureGroups();
-        }, 0);
-        // ResizeObserver 설정
-        var resizeObserver = new ResizeObserver(function (entries) {
-            // 크기 변경이 실제로 일어났을 때만 측정
-            if (entries.length > 0) {
-                measureGroups();
-            }
-        });
-        // 현재 존재하는 ref들에 observer 연결
-        Object.values(positionRefs.current).forEach(function (ref) {
-            if (ref) {
-                resizeObserver.observe(ref);
-            }
-        });
-        return function () {
-            clearTimeout(timeoutId);
-            resizeObserver.disconnect();
-        };
-    }, [componentGroups]);
-    return {
-        layoutRef: layoutRef,
-        positionRefs: positionRefs,
-        ccbInset: ccbInset,
-        componentGroups: componentGroups,
-        getPositionStyle: getPositionStyle,
-        getComponentGroupLayout: getComponentGroupLayout
-    };
-};
-exports.useFlexGridLayout = useFlexGridLayout;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts

@@ -1 +0,0 @@
-export { default as ContentsList } from './ContentsList';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentsList = void 0;
-var ContentsList_1 = require("./ContentsList");
-Object.defineProperty(exports, "ContentsList", { enumerable: true, get: function () { return __importDefault(ContentsList_1).default; } });

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

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js

@@ -1,79 +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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var styled_components_1 = __importStar(require("styled-components"));
-var hooks_1 = require("../../../../hooks");
-var util_1 = require("../../../../util");
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_Box_1 = require("../components/S_CB_Box");
-var S_HiddenCover_1 = require("../components/S_HiddenCover");
-function Divider(props) {
-    var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var _b = (0, util_1.parseProperties)(props, device), propsStyle = _b.style, propsHoverStyle = _b.hoverStyle, layoutStyle = _b.layout, effect = _b.effect;
-    var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    if (mode === 'EDIT') {
-        propsStyle.visibility = 'visible';
-    }
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : 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.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (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_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: layoutStyle, hoverStyle: {} }, { children: (0, jsx_runtime_1.jsx)(S_DIVIDER, { className: "cb-divider", normalStyle: __assign(__assign({}, propsStyle), effectCssProperties), hoverStyle: __assign({}, propsHoverStyle) }) })) }))] }));
-}
-var S_DIVIDER = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n"], ["\n  width: 100%;\n\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n"])), function (_a) {
-    var normalStyle = _a.normalStyle;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign({}, normalStyle));
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), __assign({}, hoverStyle));
-});
-exports.default = Divider;
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,5 +0,0 @@
-/// <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;

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

@@ -1,48 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var hooks_1 = require("../../../../hooks");
-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 constant_1 = require("./constant");
-var EmbedIframe_1 = __importDefault(require("./EmbedIframe"));
-var IframeDenied_1 = __importDefault(require("./IframeDenied"));
-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;
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
-    var hasEffect = !isNoneEffectType;
-    var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var iframeDenied = constant_1.EMBED_DENIED_HOSTS.includes(window.location.hostname);
-    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(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative' }), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: iframeDenied ? ((0, jsx_runtime_1.jsx)(IframeDenied_1.default, {})) : ((0, jsx_runtime_1.jsx)(EmbedIframe_1.default, { embedCode: CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE, style: layout })) })) })));
-}
-exports.default = Embed;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { CSSProperties } from 'styled-components';
-interface EmbedCoreProps {
-    embedCode: string;
-    style: CSSProperties;
-}
-declare const EmbedIframe: React.FC<EmbedCoreProps>;
-export default EmbedIframe;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.js

@@ -1,45 +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 react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var EmbedIframe = function (_a) {
-    var embedCode = _a.embedCode, style = _a.style;
-    var iframeRef = (0, react_1.useRef)(null);
-    var embedHtml = (0, react_1.useMemo)(function () {
-        return getHtmlCode(embedCode, style);
-    }, [embedCode, style]);
-    (0, react_1.useLayoutEffect)(function () {
-        var _a;
-        if (!iframeRef.current) {
-            return;
-        }
-        var iframeDoc = iframeRef.current.contentDocument || ((_a = iframeRef.current.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
-        if (!iframeDoc || !embedHtml) {
-            return;
-        }
-        iframeDoc.open();
-        iframeDoc.write(embedHtml);
-        iframeDoc.close();
-    }, [embedHtml]);
-    return ((0, jsx_runtime_1.jsx)(S_Iframe, { ref: iframeRef, title: "cb-embed", allow: "accelerometer; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; clipboard-write;", sandbox: "allow-forms allow-modals allow-same-origin allow-popups allow-presentation allow-scripts allow-downloads allow-pointer-lock" }));
-};
-var S_Iframe = styled_components_1.default.iframe(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: none;\n  display: block;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n"], ["\n  border: none;\n  display: block;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n"])));
-function getHtmlCode(code, style) {
-    var styleString = Object.entries(style).reduce(function (styleStr, _a) {
-        var prop = _a[0], value = _a[1];
-        var kebabProp = prop.replace(/([a-z0])([A-Z])/g, '$1-$2').toLowerCase();
-        return "".concat(styleStr).concat(kebabProp, ": ").concat(value, ";");
-    }, '');
-    var html = "\n    <!DOCTYPE html>\n    <html lang=\"en\">\n    <head>\n        <base href=\"https://example.com/\">\n        <meta charset=\"UTF-8\">\n        <style>\n            html, body {\n                margin: 0;\n                padding: 0;\n                width: 100%;\n                height: 100%;\n                ".concat(styleString, "\n            }\n\n            body > div { \n            flex-grow: 1;\n            width: 100%;\n          }\n        </style>\n    </head>\n    <body>\n        ").concat(code, "\n    </body>\n    </html>\n    ");
-    return html;
-}
-exports.default = EmbedIframe;
-var templateObject_1;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function IframeDenied(): JSX.Element;
-export default IframeDenied;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js

@@ -1,21 +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");
-require("react");
-var react_i18next_1 = require("react-i18next");
-var components_1 = require("@sub/DynamicLayout/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-function IframeDenied() {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(S_Denied, { children: (0, jsx_runtime_1.jsx)(components_1.D_TextLabel, { text: t('str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info'), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary", textAlign: "center" }) }));
-}
-var S_Denied = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: #ddd;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"], ["\n  align-items: center;\n  background-color: #ddd;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"])));
-exports.default = IframeDenied;
-var templateObject_1;

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

@@ -1 +0,0 @@
-export declare const EMBED_DENIED_HOSTS: string[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMBED_DENIED_HOSTS = void 0;
-exports.EMBED_DENIED_HOSTS = [
-    'app.publr.co',
-    'app.local.publr.co',
-    'app.dev.publr.co',
-    'app.qa.publr.co'
-];

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

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