pds-dev-kit-web-test 2.5.361 → 2.5.363

package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js

@@ -28,13 +28,16 @@ function createCompositions(_a) {
             .filter(function (composition) { return !composition.isDefault; })
             .map(function (composition) { return (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id); });
     }
+    if (!compositions.length) {
+        return [(0, jsx_runtime_1.jsx)("div", { children: "EMPTY TEXT" }, "not-found")];
+    }
     // 데이터 연결 유형이나, 쿼리 데이터나 키가 없는 경우
     if (!queryPath || !queryData) {
         return compositions
             .filter(function (composition) { return composition.isDefault; })
             .map(function (composition) { return (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id); });
     }
-    var parsedQueryPath = convertSlashToUnderscores(queryPath);
+    var parsedQueryPath = removeFirstSegment(queryPath);
     var queryDataValue = queryData[parsedQueryPath];
     var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
     // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 해당 키가 없는 경우
@@ -44,6 +47,7 @@ function createCompositions(_a) {
     return queryDataValue.map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition)) }), index)); });
 }
 exports.createCompositions = createCompositions;
-function convertSlashToUnderscores(queryPath) {
-    return queryPath.split('/')[1];
+function removeFirstSegment(path) {
+    var segments = path.split('/');
+    return segments.slice(1).join('/');
 }

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -37,9 +37,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSectionBackgroundMedia = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -48,10 +45,9 @@ var utils_1 = require("../../../../DynamicLayout/utils");
 var styled_components_1 = __importStar(require("styled-components"));
 var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");
-var VideoBGMedia_1 = __importDefault(require("./VideoBGMedia"));
 function CustomSectionBackgroundMedia(_a) {
     var specs = _a.specs, playerId = _a.playerId, mediaType = _a.mediaType, componentStyle = _a.componentStyle, device = _a.device, backgroundRef = _a.backgroundRef;
-    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR;
+    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR;
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
     var youTubeIframeKey = (0, react_1.useMemo)(function () {
         return "".concat(utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)), "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME);
@@ -108,8 +104,6 @@ function CustomSectionBackgroundMedia(_a) {
             return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
         case 'YOUTUBE':
             return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) })));
-        case 'VIDEO':
-            return ((0, jsx_runtime_1.jsx)(VideoBGMedia_1.default, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR), startTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), loop: !!CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY }));
         case 'NONE':
         default:
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -25,8 +25,7 @@ var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION',
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR',
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT',
-    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME',
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR'
+    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME'
 ];
 function UseCustomSectionBackgroundMediaData(specs, device) {
     return AVAILABLE_SPECS.reduce(function (acc, cur) {

package/dist/src/sub/DynamicLayout/mock_composition.js

@@ -355,8 +355,6 @@ exports.sampleMockComposition1 = {
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
             },
             CB_STYLE_PROP_BGMEDIA: {
-                CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
-                CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
@@ -693,8 +691,6 @@ exports.sampleMockComposition2 = {
                 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
             },
             CB_STYLE_PROP_BGMEDIA: {
-                CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
-                CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
                 CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,

package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js

@@ -102,7 +102,7 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
             },
             CB_CONTENT_PROP_CONTENTSCAROUSEL: {
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: 'DATA',
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL/PAPPQUERY_FILTERING_UPDATED_DATE_UPPER/2024-01-01',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: [],
@@ -247,8 +247,6 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
                 CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
-                CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
-                CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
                 // Hover state
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',

package/dist/src/sub/DynamicLayout/mock_contentsList.js

@@ -62,7 +62,7 @@ exports.SAMPLE_LIST_CB = {
             },
             CB_CONTENT_PROP_CONTENTSLIST: {
                 CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'DATA',
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL',
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL/PAPPQUERY_FILTERING_UPDATED_DATE_UPPER/2024-01-01',
                 CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
                 CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
                 CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
@@ -209,8 +209,6 @@ exports.SAMPLE_LIST_CB = {
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
                 CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
-                CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
-                CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
                 // Hover state
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',

package/dist/src/sub/DynamicLayout/mock_slideBanner.js

@@ -94,7 +94,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
             },
             CB_CONTENT_PROP_SLIDEBANNER: {
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: 'VALUE',
-                CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL',
+                CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL/PAPPQUERY_FILTERING_UPDATED_DATE_UPPER/2024-01-01',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: 1,
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: [],
@@ -239,8 +239,6 @@ exports.SAMPLE_SLIDEBANNER_CB = {
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
                 CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
                 CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
-                CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
-                CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
                 // Hover state
                 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
                 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',