pds-dev-kit-web-test 2.5.594 → 2.5.596

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

@@ -0,0 +1,211 @@
+"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/VideoPlayer/VideoPlayer.js

@@ -53,7 +53,7 @@ function VideoPlayer(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_REPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_REPLAY, CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME;
+    var CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY;
     var shouldAutoplay = (CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY && device === 'DESKTOP') ||
         (CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY && device === 'MOBILE');
     var videoRef = (0, react_1.useRef)(null);
@@ -115,31 +115,6 @@ function VideoPlayer(props) {
     (0, react_1.useEffect)(function () {
         setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
     }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
-    var onTimeUpdate = function () {
-        var video = videoRef.current;
-        if (!video) {
-            return;
-        }
-        var currentTimeFloor = Math.floor(video.currentTime);
-        if (typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number' &&
-            currentTimeFloor === CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME) {
-            if (CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
-                video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-                return;
-            }
-            video.pause();
-            return;
-        }
-    };
-    var onEnded = function () {
-        var video = videoRef.current;
-        if (!video || !CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
-            return;
-        }
-        video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-        video.play();
-        return;
-    };
     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.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
                                 position: 'absolute',
                                 top: '50%',
@@ -150,7 +125,7 @@ function VideoPlayer(props) {
                                 alignItems: 'center',
                                 justifyContent: 'center',
                                 transform: 'translate(-50%, -50%)'
-                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onPlay: onPlay, onEnded: onEnded, onError: onVideoError, onTimeUpdate: onTimeUpdate, onLoadedMetadata: onLoadedMetadata }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
+                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
 }
 function getBGColorStyles(props, device) {
     var availableSpecCodes = [
@@ -165,7 +140,7 @@ function getBGColorStyles(props, device) {
     ];
     return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
 }
-var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
+var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
     var isEditMode = _a.isEditMode;
     return (isEditMode ? 'none' : 'auto');
 });

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

@@ -2,4 +2,3 @@ export declare function parseTargetUrl(url: string): {
     encodedURL: string;
     fallbackURL: string | null;
 };
-export declare function convertToCdnUrl(url: string): string;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertToCdnUrl = exports.parseTargetUrl = void 0;
+exports.parseTargetUrl = void 0;
 function parseTargetUrl(url) {
     var _a = url.split('?'), encodedURL = _a[0], query = _a[1];
     if (!query) {
         return {
-            encodedURL: convertToCdnUrl(encodedURL),
+            encodedURL: encodedURL,
             fallbackURL: null
         };
     }
@@ -13,23 +13,13 @@ function parseTargetUrl(url) {
     var fallbackUrl = params.get('fallbackUrl');
     if (!fallbackUrl) {
         return {
-            encodedURL: convertToCdnUrl(encodedURL),
+            encodedURL: encodedURL,
             fallbackURL: null
         };
     }
     return {
-        encodedURL: convertToCdnUrl(encodedURL),
-        fallbackURL: convertToCdnUrl("https://".concat(fallbackUrl))
+        encodedURL: encodedURL,
+        fallbackURL: "http://".concat(fallbackUrl)
     };
 }
 exports.parseTargetUrl = parseTargetUrl;
-function convertToCdnUrl(url) {
-    if (!url) {
-        return url;
-    }
-    return url
-        .replace(/^https?:\/\/publ-upload-local\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.local.publishingkit.net/')
-        .replace(/^https?:\/\/publ-upload-dev\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.dev.publishingkit.net/')
-        .replace(/^https?:\/\/publ-upload-prod\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.publishingkit.net/');
-}
-exports.convertToCdnUrl = convertToCdnUrl;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } from '../../../util/types';
+import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN, CCB_VALUE_TYPE, CB_VALUE_TYPE } from '../../../util/types';
 export type StylesProps = {
     normalStyle: React.CSSProperties;
     hoverStyle: React.CSSProperties;
@@ -7,15 +7,23 @@ export type StylesProps = {
 export type CB_CONTENT_PROP_TEXT = {
     CB_CONTENT_PROP_TEXT_SPEC_TEXT: STRING_PLAIN;
     CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_PREFIX: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_CLINK = {
     CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
     CB_CONTENT_PROP_CLINK_SPEC_SRC: STRING_PLAIN;
     CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: STRING_PLAIN;
     CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
+    CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_IMAGE = {
     CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: STRING_PLAIN;
+    CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_TWITTER = {
     CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
@@ -23,6 +31,44 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+};
+export type CB_CONTENT_PROP_SLIDEBANNER = {
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+};
+export type CB_CONTENT_PROP_CONTENTSLIST = {
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
+};
+export type MockComposition = {
+    title: string;
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+};
 export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
 export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
@@ -33,6 +79,8 @@ export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
     CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
     CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_FORMAT: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS: NUMBER_INTEGER;
 };
 export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
@@ -59,6 +107,12 @@ export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FORMAT:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FORMAT:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FORMAT:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
 };
 export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
 export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
@@ -108,6 +162,4 @@ export type CB_CONTENT_PROP_VIDEO = {
     CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
     CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
     CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
-    CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
-    CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentBlock } from '../types';
-import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
+import type { Layout, LayoutItem } from 'publ-echo-test/dist/lib';
 export interface LayoutItemWithGroupType extends LayoutItem {
     childrenIds: string[];
     keepInLastIndex?: boolean;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js

@@ -38,7 +38,7 @@ function replaceUndefinedValues(jsonData) {
                     }
                 }
                 return __assign({}, accSpecs);
-            }, currentProps);
+            }, __assign({}, currentProps));
             return __assign(__assign({}, acc), (_a = {}, _a[currentPropKey] = specs, _a));
         }
         return acc;

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

@@ -1,10 +1,11 @@
-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_VIDEOPLAYER_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_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
 import type { IComposition } from '../../../DynamicLayout/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 | CB_GROUP | CB_CONTENTS_CAROUSEL | CB_VIDEOPLAYER;
+export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER | CB_VIDEOPLAYER;
 type GeneralCustomSectionType = {
     id: number;
     type: 'GENERAL';
+    blockId?: string;
     availablePlugins: Array<string>;
     queryableTapSrc: string;
     queryableDefinitionPreset: string;
@@ -18,7 +19,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 | CB_EMBED_PROPERTIES_TYPE | CB_VIDEOPLAYER_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 | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE | CB_VIDEOPLAYER_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
     jsonProperties: {
@@ -55,6 +56,12 @@ export type CB_YOUTUBE = GeneralCustomSectionType & {
         data: CB_YOUTUBE_PROPERTIES_TYPE;
     };
 };
+export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
+    jsonProperties: {
+        data: CB_YOUTUBE_PROPERTIES_TYPE;
+    };
+};
 export type CB_TWITTER = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TWITTER;
     jsonProperties: {
@@ -73,18 +80,26 @@ export type CB_GROUP = GeneralCustomSectionType & {
         data: CB_BTN_PROPERTIES_TYPE;
     };
 };
-export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
-    componentBlockCode: CB_ALL_CODES.CB_CONTENTS_CAROUSEL;
+export type CB_CONTENTSCAROUSEL = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_CONTENTSCAROUSEL;
     jsonProperties: {
-        data: CB_BTN_PROPERTIES_TYPE;
+        data: CB_CONTENTSCAROUSEL_PROPERTIES_TYPE;
     };
     compositions: Array<IComposition>;
 };
-export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
-    componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
+export type CB_SLIDEBANNER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_SLIDEBANNER;
     jsonProperties: {
-        data: CB_VIDEOPLAYER_PROPERTIES_TYPE;
+        data: CB_SLIDEBANNER_PROPERTIES_TYPE;
     };
+    compositions: Array<IComposition>;
+};
+export type CB_LIST = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_LIST;
+    jsonProperties: {
+        data: CB_LIST_PROPERTIES_TYPE;
+    };
+    compositions: Array<IComposition>;
 };
 export declare enum CB_ALL_CODES {
     CB_TEXT = "CB_TEXT",
@@ -96,7 +111,9 @@ export declare enum CB_ALL_CODES {
     CB_TWITTER = "CB_TWITTER",
     CB_EMBED = "CB_EMBED",
     CB_GROUP = "CB_GROUP",
-    CB_CONTENTS_CAROUSEL = "CB_CONTENTS_CAROUSEL",
+    CB_LIST = "CB_LIST",
+    CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
+    CB_SLIDEBANNER = "CB_SLIDEBANNER",
     CB_VIDEOPLAYER = "CB_VIDEOPLAYER"
 }
 export {};

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

@@ -12,6 +12,8 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
     CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
     CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
-    CB_ALL_CODES["CB_CONTENTS_CAROUSEL"] = "CB_CONTENTS_CAROUSEL";
+    CB_ALL_CODES["CB_LIST"] = "CB_LIST";
+    CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
+    CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
     CB_ALL_CODES["CB_VIDEOPLAYER"] = "CB_VIDEOPLAYER";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

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

@@ -12,8 +12,8 @@ export type CB_EFFECT_PROP_ENTANIM_BASE = {
     CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
 };
 export type CB_EFFECT_PROP_ENTANIM_SPECS = CB_EFFECT_PROP_ENTANIM_BASE & Partial<{
-    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined;
-    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined;
-    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined;
-    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined | null;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined | null;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined | null;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined | null;
 }>;

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

@@ -16,8 +16,8 @@ export type CB_STYLE_PROP_PADDING_BASE = {
 };
 export type CB_LAYOUT_PROP_PADDING_SPECS = CB_STYLE_PROP_PADDING_BASE & {
     CB_LAYOUT_PROP_PADDING_SPEC_PADDING: CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ;
-    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ | undefined;
+    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ | undefined | null;
     CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
-    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': boolean | undefined;
+    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': boolean | undefined | null;
 };
 export {};

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

@@ -0,0 +1,14 @@
+import type { ICompositionJsonProperties } from '../../../../DynamicLayout/types';
+type Props = {
+    isMobile: boolean;
+    compositionProps: ICompositionJsonProperties['data']['CB_PLACEMENT_PROP_COMPOSITION'];
+};
+declare function parseCompositionPlacement({ isMobile, compositionProps }: Props): {
+    minHeight: number | null;
+    maxHeight: number | null;
+    minWidth: number | null;
+    maxWidth: number | null;
+    rows: number;
+    columns: number;
+};
+export default parseCompositionPlacement;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function parseCompositionPlacement(_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var isMobile = _a.isMobile, compositionProps = _a.compositionProps;
+    var CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS, CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS;
+    if (isMobile) {
+        return {
+            minHeight: (_b = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
+            maxHeight: (_c = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE']) !== null && _c !== void 0 ? _c : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
+            minWidth: (_d = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE']) !== null && _d !== void 0 ? _d : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
+            maxWidth: (_e = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE']) !== null && _e !== void 0 ? _e : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
+            rows: (_f = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _f !== void 0 ? _f : CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
+            columns: (_g = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _g !== void 0 ? _g : CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
+        };
+    }
+    return {
+        minHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
+        maxHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
+        minWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
+        maxWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
+        rows: CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
+        columns: CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
+    };
+}
+exports.default = parseCompositionPlacement;

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

@@ -1,3 +1,3 @@
 import type { Device, JsonPropertiesParserResult } from './types';
-import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
-export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;
+import type { ICompositionJsonProperties, ISectionJsonProperties } from '../../../../DynamicLayout/types';
+export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | ICompositionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;

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

@@ -1,6 +1,7 @@
 import { ComponentBlock } from '../types';
-import type { ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
-export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder): {
+import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
+import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
+export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder, placementRestriction?: PlaceRestrictionType): {
     sm: {
         i: string;
         x: number;
@@ -9,6 +10,8 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         h: number;
         z: number;
         autoResize: boolean;
+        minH: number;
+        minW: number;
     }[];
     lg: {
         i: string;
@@ -18,6 +21,8 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         h: number;
         z: number;
         autoResize: boolean;
+        minH: number;
+        minW: number;
     }[];
 };
 export default parsePlacement;