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

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

@@ -1,186 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseSlideBannerStyleToCustomProgressbarProp = exports.parseSlideBannerStyleToCustomNavigationProp = exports.parseSlideBannerStyleToCustomPaginationProp = exports.parseSlideBannerStyleToSlideBannerCoreProp = exports.getCustomPaginationPropKey = exports.getCustomProgressbarPropKey = exports.getCustomNavigationPropKey = exports.getSlideBannerCorePropKey = void 0;
-function getStyle(value) {
-    switch (value) {
-        case 'DESIGN1':
-            return undefined;
-        case 'DESIGN2': {
-            return undefined;
-        }
-        default: {
-            return undefined;
-        }
-    }
-}
-function getSlideBannerCorePropKey(key) {
-    var baseKey = key.split(':')[0];
-    var keyMapping = {
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: 'customStyle',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: 'useAutoplay',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: 'autoplay',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: 'loop'
-    };
-    return keyMapping[baseKey] || null;
-}
-exports.getSlideBannerCorePropKey = getSlideBannerCorePropKey;
-function getCustomNavigationPropKey(key) {
-    var baseKey = key.split(':')[0];
-    var keyMapping = {
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: 'prevBtnType',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: 'prevBtnLocation',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: 'prevBtnSize',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR: 'prevBtnPrimaryColor',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR: 'prevBtnSecondaryColor',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: 'nextBtnType',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: 'nextBtnLocation',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: 'nextBtnSize',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR: 'nextBtnPrimaryColor',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR: 'nextBtnSecondaryColor'
-    };
-    return keyMapping[baseKey] || null;
-}
-exports.getCustomNavigationPropKey = getCustomNavigationPropKey;
-function getCustomProgressbarPropKey(key) {
-    var baseKey = key.split(':')[0];
-    var keyMapping = {
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: 'type',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: 'size',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR: 'primaryColor',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR: 'secondaryColor'
-    };
-    return keyMapping[baseKey] || null;
-}
-exports.getCustomProgressbarPropKey = getCustomProgressbarPropKey;
-function getCustomPaginationPropKey(key) {
-    var baseKey = key.split(':')[0];
-    var keyMapping = {
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: 'type',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: 'size',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: 'location',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR: 'primaryColor',
-        CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR: 'secondaryColor'
-    };
-    return keyMapping[baseKey] || null;
-}
-exports.getCustomPaginationPropKey = getCustomPaginationPropKey;
-var transformValue = function (key, value) {
-    var _a, _b, _c, _d;
-    switch (key) {
-        case 'customStyle':
-            return _a = {}, _a[key] = getStyle(value), _a;
-        case 'useAutoplay':
-            return _b = {}, _b[key] = value === true, _b;
-        case 'autoplay':
-            return {
-                autoplay: {
-                    delay: value * 1000,
-                    disableOnInteraction: false,
-                    pauseOnMouseEnter: true
-                }
-            };
-        case 'loop':
-            return _c = {}, _c[key] = value, _c;
-        default:
-            return _d = {}, _d[key] = value, _d;
-    }
-};
-function parseSlideBannerStyleToSlideBannerCoreProp(_a) {
-    var props = _a.props, device = _a.device;
-    var normalStyle = {};
-    var hoverStyle = {};
-    var baseKeys = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    baseKeys.forEach(function (baseKey) {
-        var customNavKey = getSlideBannerCorePropKey(baseKey);
-        if (customNavKey) {
-            var deviceKey = device === 'DESKTOP' ? baseKey : "".concat(baseKey, ":MOBILE");
-            var hoverKey = "".concat(deviceKey, ":HOVER");
-            var normalValue = props[deviceKey];
-            var hoverValue = props[hoverKey];
-            if (normalValue !== undefined) {
-                Object.assign(normalStyle, transformValue(customNavKey, normalValue));
-            }
-            Object.assign(hoverStyle, transformValue(customNavKey, hoverValue !== null && hoverValue !== void 0 ? hoverValue : normalValue));
-        }
-    });
-    return {
-        normalStyle: normalStyle,
-        hoverStyle: hoverStyle
-    };
-}
-exports.parseSlideBannerStyleToSlideBannerCoreProp = parseSlideBannerStyleToSlideBannerCoreProp;
-function parseSlideBannerStyleToCustomPaginationProp(_a) {
-    var props = _a.props, device = _a.device;
-    var normalStyle = {};
-    var hoverStyle = {};
-    var baseKeys = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    baseKeys.forEach(function (baseKey) {
-        var _a, _b;
-        var customNavKey = getCustomPaginationPropKey(baseKey);
-        if (customNavKey) {
-            var deviceKey = device === 'DESKTOP' ? baseKey : "".concat(baseKey, ":MOBILE");
-            var hoverKey = "".concat(deviceKey, ":HOVER");
-            var normalValue = props[deviceKey];
-            var hoverValue = props[hoverKey];
-            if (normalValue !== undefined) {
-                Object.assign(normalStyle, (_a = {}, _a[customNavKey] = normalValue, _a));
-            }
-            Object.assign(hoverStyle, (_b = {}, _b[customNavKey] = hoverValue !== null && hoverValue !== void 0 ? hoverValue : normalValue, _b));
-        }
-    });
-    return {
-        normalStyle: normalStyle,
-        hoverStyle: hoverStyle
-    };
-}
-exports.parseSlideBannerStyleToCustomPaginationProp = parseSlideBannerStyleToCustomPaginationProp;
-function parseSlideBannerStyleToCustomNavigationProp(_a) {
-    var props = _a.props, device = _a.device;
-    var normalStyle = {};
-    var hoverStyle = {};
-    var baseKeys = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    baseKeys.forEach(function (baseKey) {
-        var _a, _b;
-        var customNavKey = getCustomNavigationPropKey(baseKey);
-        if (customNavKey) {
-            var deviceKey = device === 'DESKTOP' ? baseKey : "".concat(baseKey, ":MOBILE");
-            var hoverKey = "".concat(deviceKey, ":HOVER");
-            var normalValue = props[deviceKey];
-            var hoverValue = props[hoverKey];
-            if (normalValue !== undefined) {
-                Object.assign(normalStyle, (_a = {}, _a[customNavKey] = normalValue, _a));
-            }
-            Object.assign(hoverStyle, (_b = {}, _b[customNavKey] = hoverValue !== null && hoverValue !== void 0 ? hoverValue : normalValue, _b));
-        }
-    });
-    return {
-        normalStyle: normalStyle,
-        hoverStyle: hoverStyle
-    };
-}
-exports.parseSlideBannerStyleToCustomNavigationProp = parseSlideBannerStyleToCustomNavigationProp;
-function parseSlideBannerStyleToCustomProgressbarProp(_a) {
-    var props = _a.props, device = _a.device;
-    var normalStyle = {};
-    var hoverStyle = {};
-    var baseKeys = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    baseKeys.forEach(function (baseKey) {
-        var _a, _b;
-        var customNavKey = getCustomProgressbarPropKey(baseKey);
-        if (customNavKey) {
-            var deviceKey = device === 'DESKTOP' ? baseKey : "".concat(baseKey, ":MOBILE");
-            var hoverKey = "".concat(deviceKey, ":HOVER");
-            var normalValue = props[deviceKey];
-            var hoverValue = props[hoverKey];
-            if (normalValue !== undefined) {
-                Object.assign(normalStyle, (_a = {}, _a[customNavKey] = normalValue, _a));
-            }
-            Object.assign(hoverStyle, (_b = {}, _b[customNavKey] = hoverValue !== null && hoverValue !== void 0 ? hoverValue : normalValue, _b));
-        }
-    });
-    return {
-        normalStyle: normalStyle,
-        hoverStyle: hoverStyle
-    };
-}
-exports.parseSlideBannerStyleToCustomProgressbarProp = parseSlideBannerStyleToCustomProgressbarProp;

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

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

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

@@ -1,151 +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");
-/* eslint-disable react/destructuring-assignment */
-var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
-var hooks_1 = require("../../../../hooks");
-var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
-var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
-var textUtil_1 = require("../../../../newUtils/textUtil");
-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");
-var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
-var textSpecFormatOptions_1 = require("./textSpecFormatOptions");
-function Text(props) {
-    var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXT_SPEC_SUFFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_SUFFIX, CB_CONTENT_PROP_TEXT_SPEC_PREFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_PREFIX;
-    var cLinkValue = function () {
-        if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
-            CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
-            if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
-                return "ERROR: QueryData NOT FOUND";
-            }
-            var link = queryContext.queryData[CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA];
-            if (!link) {
-                return "ERROR: ".concat(CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, " NOT found from queryData");
-            }
-            return link;
-        }
-        return CB_CONTENT_PROP_CLINK_SPEC_SRC;
-    };
-    var _d = (0, useCLINK_1.default)({
-        src: cLinkValue(),
-        type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
-        openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
-        internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
-    }), CLINKCursor = _d.CLINKCursor, onClickCLINK = _d.onClickCLINK;
-    var _e = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _e.style, textHoverStyle = _e.hoverStyle;
-    var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, layoutStyle = _f.layout, effect = _f.effect;
-    var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
-    (0, useGoogleFonts_1.default)({ fonts: googleFonts });
-    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 } : {};
-    var textValue = function () {
-        var FORMATOPTION = props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_FORMAT;
-        var formatOption = textSpecFormatOptions_1.TEXT_SPEC_FORMAT_OPRIONS[FORMATOPTION];
-        var isDataConnected = CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' ||
-            CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
-        if (isDataConnected) {
-            if (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData) {
-                var value = queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA];
-                if (formatOption) {
-                    return formatOption.formatter(value);
-                }
-                return value;
-            }
-            return 'ERROR: data connected but no data';
-        }
-        if (device === 'MOBILE' &&
-            mode !== 'EDIT' &&
-            props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {
-            return '';
-        }
-        if (device === 'DESKTOP' &&
-            mode !== 'EDIT' &&
-            props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP === false) {
-            return '';
-        }
-        if (device === 'MOBILE') {
-            var value = props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE;
-            if (value === null || value === undefined) {
-                if (formatOption) {
-                    return formatOption.formatter(props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT);
-                }
-                return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
-            }
-            if (formatOption) {
-                return formatOption.formatter(value);
-            }
-            return value;
-        }
-        if (formatOption) {
-            return formatOption.formatter(props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT);
-        }
-        return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
-    };
-    var getTruncatedText = function (text) {
-        var maxLength = props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
-        if (!maxLength) {
-            return text;
-        }
-        if (text.length > maxLength) {
-            return "".concat(text.slice(0, maxLength), "...");
-        }
-        return text;
-    };
-    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({ style: {
-                    height: '100%',
-                    display: 'flex',
-                    alignItems: textStyle.alignItems
-                }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
-                        e.currentTarget.classList.add('hovered');
-                    }, onMouseLeave: function (e) {
-                        e.currentTarget.classList.remove('hovered');
-                    }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [CB_CONTENT_PROP_TEXT_SPEC_PREFIX, textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : getTruncatedText(textValue()), CB_CONTENT_PROP_TEXT_SPEC_SUFFIX] })) }))] }));
-}
-exports.default = Text;
-function getTextStyles(props, device) {
-    var availableSpecCodes = [
-        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
-        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT',
-        'CB_STYLE_PROP_TEXT_SPEC_SIZE',
-        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT',
-        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
-        'CB_STYLE_PROP_TEXT_SPEC_COLOR',
-        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
-        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
-    ];
-    return (0, textUtil_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'TEXT' });
-}

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

@@ -1,7 +0,0 @@
-type Formatter = (value: string) => string;
-export declare const TEXT_SPEC_FORMAT_OPRIONS: Record<string, {
-    name: string;
-    description: string;
-    formatter: Formatter;
-} | undefined>;
-export {};

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

@@ -1,211 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TEXT_SPEC_FORMAT_OPRIONS = void 0;
-exports.TEXT_SPEC_FORMAT_OPRIONS = {
-    TYPE1: {
-        name: 'Thousands comma, No decimal',
-        description: '천단위 콤마, 소숫점 없음 (반올림)',
-        formatter: function (value) {
-            var num = Number(value);
-            if (isNaN(num))
-                return value; // Return original if not a number
-            return new Intl.NumberFormat('en-US', {
-                maximumFractionDigits: 0
-            }).format(num);
-        }
-    },
-    TYPE2: {
-        name: 'Thousands comma, 1 decimal place',
-        description: '천단위 콤마, 소숫점 1자리 (반올림)',
-        formatter: function (value) {
-            var num = Number(value);
-            if (isNaN(num))
-                return value; // Return original if not a number
-            return new Intl.NumberFormat('en-US', {
-                minimumFractionDigits: 1,
-                maximumFractionDigits: 1
-            }).format(num);
-        }
-    },
-    TYPE3: {
-        name: 'Thousands comma, 2 decimal places',
-        description: '천단위 콤마, 소숫점 2자리 (반올림)',
-        formatter: function (value) {
-            var num = Number(value);
-            if (isNaN(num))
-                return value; // Return original if not a number
-            return new Intl.NumberFormat('en-US', {
-                minimumFractionDigits: 2,
-                maximumFractionDigits: 2
-            }).format(num);
-        }
-    },
-    TYPE4: {
-        name: 'Date (YYYY/MM/DD)',
-        description: '날짜 (YYYY/MM/dd)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value; // Return original if invalid date
-            var yyyy = d.getFullYear();
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(yyyy, "/").concat(mm, "/").concat(dd);
-        }
-    },
-    TYPE5: {
-        name: 'Date (YYYY-MM-DD)',
-        description: '날짜 (YYYY-MM-dd)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yyyy = d.getFullYear();
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(yyyy, "-").concat(mm, "-").concat(dd);
-        }
-    },
-    TYPE6: {
-        name: 'Date (YYYY. MM. DD)',
-        description: '날짜 (YYYY. MM. dd)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yyyy = d.getFullYear();
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(yyyy, ". ").concat(mm, ". ").concat(dd);
-        }
-    },
-    TYPE7: {
-        name: 'Date (YY/MM/DD)',
-        description: '날짜 (YY/MM/dd)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yy = String(d.getFullYear()).slice(-2);
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(yy, "/").concat(mm, "/").concat(dd);
-        }
-    },
-    TYPE8: {
-        name: 'Date (MM/DD/YY)',
-        description: '날짜 (MM/dd/YY)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yy = String(d.getFullYear()).slice(-2);
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(mm, "/").concat(dd, "/").concat(yy);
-        }
-    },
-    TYPE9: {
-        name: 'Date (DD/MM/YY)',
-        description: '날짜 (dd/MM/YY)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yy = String(d.getFullYear()).slice(-2);
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(dd, "/").concat(mm, "/").concat(yy);
-        }
-    },
-    TYPE10: {
-        name: 'Date (YYYY-MM-DD Korean)',
-        description: '날짜 (YYYY년 MM월 dd일)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yyyy = d.getFullYear();
-            var mm = d.getMonth() + 1;
-            var dd = d.getDate();
-            return "".concat(yyyy, "\uB144 ").concat(mm, "\uC6D4 ").concat(dd, "\uC77C");
-        }
-    },
-    TYPE11: {
-        name: 'Date (DD MMM)',
-        description: '날짜 (dd MMM)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var dd = String(d.getDate()).padStart(2, '0');
-            var mmm = d.toLocaleString('en-US', { month: 'short' });
-            return "".concat(dd, " ").concat(mmm);
-        }
-    },
-    TYPE12: {
-        name: 'Date (MM. DD)',
-        description: '날짜 (MM. dd)',
-        formatter: function (value) {
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            return "".concat(mm, ". ").concat(dd);
-        }
-    },
-    TYPE13: {
-        name: 'Datetime (YYYY.MM.DD HH:mm:ss)',
-        description: '날짜 (YYYY.MM.dd hh:mm:ss)',
-        formatter: function (value) {
-            // FIX: Return original value if time info is missing.
-            if (!value.includes('T') && !value.includes(':')) {
-                return value;
-            }
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var yyyy = d.getFullYear();
-            var mm = String(d.getMonth() + 1).padStart(2, '0');
-            var dd = String(d.getDate()).padStart(2, '0');
-            var hh = String(d.getHours()).padStart(2, '0');
-            var min = String(d.getMinutes()).padStart(2, '0');
-            var ss = String(d.getSeconds()).padStart(2, '0');
-            return "".concat(yyyy, ".").concat(mm, ".").concat(dd, " ").concat(hh, ":").concat(min, ":").concat(ss);
-        }
-    },
-    TYPE14: {
-        name: 'Time (HH:mm:ss)',
-        description: '시간 (hh:mm:ss)',
-        formatter: function (value) {
-            // FIX: Return original value if time info is missing.
-            if (!value.includes('T') && !value.includes(':')) {
-                return value;
-            }
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var hh = String(d.getHours()).padStart(2, '0');
-            var min = String(d.getMinutes()).padStart(2, '0');
-            var ss = String(d.getSeconds()).padStart(2, '0');
-            return "".concat(hh, ":").concat(min, ":").concat(ss);
-        }
-    },
-    TYPE15: {
-        name: 'Time (HH:mm)',
-        description: '시간 (hh:mm)',
-        formatter: function (value) {
-            // FIX: Return original value if time info is missing.
-            if (!value.includes('T') && !value.includes(':')) {
-                return value;
-            }
-            var d = new Date(value);
-            if (isNaN(d.getTime()))
-                return value;
-            var hh = String(d.getHours()).padStart(2, '0');
-            var min = String(d.getMinutes()).padStart(2, '0');
-            return "".concat(hh, ":").concat(min);
-        }
-    }
-};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.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 Twitter(props: Props): JSX.Element;
-export default Twitter;

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

@@ -1,54 +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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var ComponentBlocks_1 = require("@sub/DynamicLayout/components/ComponentBlocks");
-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");
-function Twitter(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_SPEC_THEME = props.CB_STYLE_PROP_TWITTER.CB_STYLE_PROP_TWITTER_SPEC_THEME, 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 userId = CB_CONTENT_PROP_TWITTER_SPEC_SRC.replace('https://twitter.com/', '');
-    var theme = CB_STYLE_PROP_TWITTER_SPEC_THEME.toLowerCase();
-    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
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
-    var twitterTimelineKey = "".concat(userId, "-").concat(theme);
-    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.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), { overflowY: 'auto' }), editModeStyle), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: (0, jsx_runtime_1.jsx)(ComponentBlocks_1.TwitterTimeline, { userId: userId, theme: theme }, twitterTimelineKey) })) })));
-}
-exports.default = Twitter;

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

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