pds-dev-kit-web-test 2.5.359 → 2.5.362

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

@@ -34,7 +34,7 @@ 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); });
     }
-    var parsedQueryPath = convertSlashToUnderscores(queryPath);
+    var parsedQueryPath = removeFirstSegment(queryPath);
     var queryDataValue = queryData[parsedQueryPath];
     var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
     // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 해당 키가 없는 경우
@@ -44,6 +44,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

@@ -47,7 +47,7 @@ var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");
 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);
@@ -99,38 +99,34 @@ function CustomSectionBackgroundMedia(_a) {
     if ('background' in componentStyle) {
         delete componentStyle.background;
     }
-    console.log('media type', mediaType);
     switch (mediaType) {
         case 'IMAGE':
             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 'NONE':
-        case 'VIDEO':
-            return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ autoPlay: true, loop: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR), type: "video/mp4" }) }), String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR)));
         default:
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }
 exports.CustomSectionBackgroundMedia = CustomSectionBackgroundMedia;
-var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"], ["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"])));
-var S_Image = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"], ["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"])), function (_a) {
+var S_Image = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"], ["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"])), function (_a) {
     var src = _a.src;
     return "url(".concat(src, ")");
 }, function (_a) {
     var normalStyle = _a.normalStyle;
     var isContain = normalStyle.backgroundSize === 'contain';
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { backgroundPosition: isContain ? 'center' : normalStyle.backgroundPosition }));
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { backgroundPosition: isContain ? 'center' : normalStyle.backgroundPosition }));
 }, function (_a) {
     var normalStyle = _a.normalStyle;
     var isContain = normalStyle.backgroundSize === 'contain';
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        object-fit: ", ";\n      "], ["\n        object-fit: ", ";\n      "])), isContain ? 'contain' : 'cover');
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        object-fit: ", ";\n      "], ["\n        object-fit: ", ";\n      "])), isContain ? 'contain' : 'cover');
 });
-var S_YoutubeContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n"])), function (_a) {
+var S_YoutubeContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n"])), function (_a) {
     var height = _a.height;
     return "".concat(height, "px");
 }, function (_a) {
     var width = _a.width;
     return "".concat(width, "px");
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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',