pds-dev-kit-web-test 2.5.347 → 2.5.349

package/dist/src/sub/DynamicLayout/CompositionRenderer/{CompositionRenderer.js → createCompositions.js}

@@ -19,16 +19,21 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
 var compositionQueryContext_1 = require("../compositionQueryContext");
 var Composition_1 = __importDefault(require("./Composition"));
-var connectedDataHelpers_1 = require("./connectedDataHelpers");
 function createCompositions(_a) {
     var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions;
     var isQueryDataConnected = valueType === 'DATA';
     if (!isQueryDataConnected || !queryPath || !queryData) {
         return compositions.map(function (composition) { return (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id); });
     }
-    var parsedQueryPath = (0, connectedDataHelpers_1.parseQueryPath)(queryPath);
+    var parsedQueryPath = convertSlashToUnderscores(queryPath);
     var queryDataValue = queryData[parsedQueryPath];
     var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
+    if (!queryDataValue) {
+        return [(0, jsx_runtime_1.jsxs)("div", { children: ["NOT FOUND QUERYDATA: ", parsedQueryPath] }, "not-found")];
+    }
     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.replace(/\//g, '_');
+}

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

@@ -101,7 +101,7 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
                 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': true
             },
             CB_CONTENT_PROP_CONTENTSCAROUSEL: {
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'DATA',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: 'DATA',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: 'PAPPQUERY/C00007/VOD/CLASS/TOTAL',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,

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

@@ -93,7 +93,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
                 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': false
             },
             CB_CONTENT_PROP_SLIDEBANNER: {
-                CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'DATA',
+                CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: 'DATA',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: '아티클:포스트',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: 1,

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

@@ -29,6 +29,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
 var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
 var useGoogleFonts_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
 var newUtils_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils");
@@ -40,9 +41,23 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 function Button(props) {
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _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_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
+    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _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_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var cLinkValue = function () {
+        if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA') {
+            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 _c = (0, useCLINK_1.default)({
-        src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
+        src: cLinkValue(),
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)

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

@@ -23,12 +23,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 require("../../../../../../../DynamicLayout/compositionQueryContext");
 require("../../../../../../../DynamicLayout/CompositionRenderer/Composition");
-var CompositionRenderer_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/CompositionRenderer");
+var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
-require("../../../../../../CompositionRenderer/connectedDataHelpers");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var CustomNavigation_1 = require("./components/CustomNavigation");
@@ -40,7 +39,7 @@ function ContentsCarousel(props) {
     var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
     var index = props.index, 
     // // CONTENT : 캐로셀
-    _b = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA, 
+    _b = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA, 
     // STYLE: 캐로셀
     CB_STYLE_PROP_CONTENTSCAROUSEL = props.CB_STYLE_PROP_CONTENTSCAROUSEL, 
     // STYLE: 그림자
@@ -128,7 +127,6 @@ function ContentsCarousel(props) {
             swiperRef.current.swiper.slideNext();
         }
     };
-    var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
     return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered
                     ? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle
                     : contentsCarouselNormalStyle === null || contentsCarouselNormalStyle === void 0 ? void 0 : contentsCarouselNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "contents-carousel-core", onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, scrollbar: isHovered
@@ -139,8 +137,8 @@ function ContentsCarousel(props) {
                             ? contentsCarouselHoverStyle.spaceBetween
                             : contentsCarouselNormalStyle.spaceBetween, freeMode: isHovered ? contentsCarouselHoverStyle.freeMode : contentsCarouselNormalStyle.freeMode, autoplay: isHovered ? contentsCarouselHoverStyle.autoplay : contentsCarouselNormalStyle.autoplay, useAutoplay: isHovered
                             ? contentsCarouselHoverStyle.useAutoplay
-                            : contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children: (0, CompositionRenderer_1.createCompositions)({
-                            valueType: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE,
+                            : contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children: (0, createCompositions_1.createCompositions)({
+                            valueType: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE,
                             queryPath: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA,
                             queryData: queryData,
                             compositions: compositions

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

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
+var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
@@ -30,24 +30,25 @@ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var CustomPagination_1 = require("./components/CustomPagination");
 var contentsListUtils_1 = require("./contentsListUtils");
 function ContentsList(props) {
-    var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, queryData = _a.queryData;
     var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLIST = props.CB_STYLE_PROP_CONTENTSLIST, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var _a = (0, react_1.useState)(false), isHovered = _a[0], setIsHovered = _a[1];
-    var _b = (0, react_1.useState)(1), currentPage = _b[0], setCurrentPage = _b[1];
+    var CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA;
+    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
+    var _c = (0, react_1.useState)(1), currentPage = _c[0], setCurrentPage = _c[1];
     var itemCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
     var totalPage = Math.ceil(compositions.length / itemCounts);
-    var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
+    var _d = (0, util_1.parseProperties)(props, device), style = _d.style, hoverStyle = _d.hoverStyle, layout = _d.layout, effect = _d.effect;
     var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
         props: CB_CONTENT_PROP_CONTENTSLIST
     }).contentPropCss;
-    var _d = (0, contentsListUtils_1.parseGridStyleProp)({
+    var _e = (0, contentsListUtils_1.parseGridStyleProp)({
         props: CB_STYLE_PROP_CONTENTSLIST,
         device: device
-    }), stylePropCss = _d.stylePropCss, hoverStylePropCss = _d.hoverStylePropCss;
-    var _e = (0, contentsListUtils_1.parsePaginationStyleProp)({
+    }), stylePropCss = _e.stylePropCss, hoverStylePropCss = _e.hoverStylePropCss;
+    var _f = (0, contentsListUtils_1.parsePaginationStyleProp)({
         props: CB_STYLE_PROP_CONTENTSLIST,
         device: device
-    }), paginationNormalStyle = _e.normalStyle, paginationHoverStyle = _e.hoverStyle;
+    }), paginationNormalStyle = _f.normalStyle, paginationHoverStyle = _f.hoverStyle;
     var cbRef = (0, react_1.useRef)(null);
     var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
         index
@@ -78,7 +79,12 @@ function ContentsList(props) {
     };
     var startIndex = (currentPage - 1) * itemCounts;
     var endIndex = startIndex + itemCounts;
-    return ((0, jsx_runtime_1.jsxs)(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({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, style), layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ id: "contentslist-wrapper" }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListGrid, __assign({ id: "contentslist-grid", contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: compositions.slice(startIndex, endIndex).map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { effectVisibleStyle: effectVisibleStyle, type: isHovered ? paginationHoverStyle.type : paginationNormalStyle.type, offset: isHovered ? paginationHoverStyle.offset : paginationNormalStyle.offset, current: currentPage, total: totalPage, size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
+    return ((0, jsx_runtime_1.jsxs)(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({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, style), layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ id: "contentslist-wrapper" }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListGrid, __assign({ id: "contentslist-grid", contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: (0, createCompositions_1.createCompositions)({
+                            valueType: CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE,
+                            queryPath: CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA,
+                            queryData: queryData,
+                            compositions: compositions
+                        }).slice(startIndex, endIndex) })) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { effectVisibleStyle: effectVisibleStyle, type: isHovered ? paginationHoverStyle.type : paginationNormalStyle.type, offset: isHovered ? paginationHoverStyle.offset : paginationNormalStyle.offset, current: currentPage, total: totalPage, size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
 }
 var S_ContentsListWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"], ["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"])));
 var S_ContentsListGrid = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  height: 100%;\n\n  ", "\n  ", "\n"], ["\n  display: grid;\n  height: 100%;\n\n  ", "\n  ", "\n"])), function (_a) {

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

@@ -44,6 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
@@ -53,9 +54,23 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 function Image(props) {
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_CONTENT_PROP_IMAGE = props.CB_CONTENT_PROP_IMAGE, _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_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
+    var index = props.index, CB_CONTENT_PROP_IMAGE = props.CB_CONTENT_PROP_IMAGE, _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_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var cLinkValue = function () {
+        if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA') {
+            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 _c = (0, useCLINK_1.default)({
-        src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
+        src: cLinkValue(),
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
@@ -74,7 +89,20 @@ function Image(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }) })) })) }))] }));
+    var imgSrc = function () {
+        var isDataConnected = CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DATA';
+        if (!isDataConnected) {
+            return CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR;
+        }
+        if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
+            return 'ERROR: No query data found';
+        }
+        if (!queryContext.queryData[CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA]) {
+            return "ERROR: ".concat(CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA, " NOT found in query data");
+        }
+        return queryContext.queryData[CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA];
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, { src: imgSrc(), normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }) })) })) }))] }));
 }
 function parseImageCBStyle(style, hoverStyle, mode) {
     var boxStyle = {

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

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
+var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
@@ -33,8 +33,10 @@ var CustomProgressbar_1 = require("./components/CustomProgressbar");
 var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
 var slideBannerUtils_1 = require("./slideBannerUtils");
 function SlideBanner(props) {
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_SLIDEBANNER.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, 
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
+    var index = props.index, 
+    // CONTENT : 슬라이드배너
+    _b = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA, 
     // STYLE: 슬라이드배너
     CB_STYLE_PROP_SLIDEBANNER = props.CB_STYLE_PROP_SLIDEBANNER, 
     // STYLE: 그림자
@@ -42,31 +44,31 @@ function SlideBanner(props) {
     // EFFECT: 진입
     CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
     var compositions = props.compositions;
-    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
-    var _c = (0, react_1.useState)(1), currentSlide = _c[0], setCurrentSlide = _c[1];
-    var _d = (0, react_1.useState)(0), totalPages = _d[0], setTotalPages = _d[1];
-    var _e = (0, react_1.useState)(true), isBeginning = _e[0], setIsBeginning = _e[1];
-    var _f = (0, react_1.useState)(false), isEnd = _f[0], setIsEnd = _f[1];
-    var _g = (0, react_1.useState)(0), progress = _g[0], setProgress = _g[1];
-    var _h = (0, react_1.useState)(0), leftTime = _h[0], setLeftTime = _h[1];
+    var _c = (0, react_1.useState)(false), isHovered = _c[0], setIsHovered = _c[1];
+    var _d = (0, react_1.useState)(1), currentSlide = _d[0], setCurrentSlide = _d[1];
+    var _e = (0, react_1.useState)(0), totalPages = _e[0], setTotalPages = _e[1];
+    var _f = (0, react_1.useState)(true), isBeginning = _f[0], setIsBeginning = _f[1];
+    var _g = (0, react_1.useState)(false), isEnd = _g[0], setIsEnd = _g[1];
+    var _h = (0, react_1.useState)(0), progress = _h[0], setProgress = _h[1];
+    var _j = (0, react_1.useState)(0), leftTime = _j[0], setLeftTime = _j[1];
     var swiperRef = (0, react_1.useRef)(null);
-    var _j = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
+    var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
         props: CB_STYLE_PROP_SLIDEBANNER,
         device: device
-    }), slideBannerNormalStyle = _j.normalStyle, slideBannerHoverStyle = _j.hoverStyle;
-    var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
+    }), slideBannerNormalStyle = _k.normalStyle, slideBannerHoverStyle = _k.hoverStyle;
+    var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
         props: CB_STYLE_PROP_SLIDEBANNER,
         device: device
-    }), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
-    var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
+    }), customPaginationNormalStyle = _l.normalStyle, customPaginationHoverStyle = _l.hoverStyle;
+    var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
         props: CB_STYLE_PROP_SLIDEBANNER,
         device: device
-    }), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
-    var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
+    }), customNavigationNormalStyle = _m.normalStyle, customNavigationHoverStyle = _m.hoverStyle;
+    var _o = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
         props: CB_STYLE_PROP_SLIDEBANNER,
         device: device
-    }), customProgressbarNormalStyle = _m.normalStyle, customProgressbarHoverStyle = _m.hoverStyle;
-    var _o = (0, util_1.parseProperties)(props, device), style = _o.style, hoverStyle = _o.hoverStyle, layout = _o.layout, effect = _o.effect;
+    }), customProgressbarNormalStyle = _o.normalStyle, customProgressbarHoverStyle = _o.hoverStyle;
+    var _p = (0, util_1.parseProperties)(props, device), style = _p.style, hoverStyle = _p.hoverStyle, layout = _p.layout, effect = _p.effect;
     // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
     var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
     // NOTE: EFFECT와 관련된 함수들입니다.
@@ -121,7 +123,12 @@ function SlideBanner(props) {
             swiperRef.current.swiper.slideNext();
         }
     };
-    return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
+    return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: (0, createCompositions_1.createCompositions)({
+                            valueType: CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE,
+                            queryPath: CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA,
+                            queryData: queryData,
+                            compositions: compositions
+                        }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
                             ? customNavigationHoverStyle.prevBtnType
                             : customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
                             ? customNavigationHoverStyle.prevBtnOffset

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

@@ -31,9 +31,22 @@ var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 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_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_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME;
+    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_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME;
+    var cLinkValue = function () {
+        if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA') {
+            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: CB_CONTENT_PROP_CLINK_SPEC_SRC,
+        src: cLinkValue(),
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)

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

@@ -15,9 +15,13 @@ export type CB_CONTENT_PROP_CLINK = {
     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: 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: VALUE_TYPE;
+    CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_TWITTER = {
     CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
@@ -26,7 +30,7 @@ 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_VALUE_TYPE: VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: VALUE_TYPE;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
@@ -35,7 +39,7 @@ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
 };
 export type CB_CONTENT_PROP_SLIDEBANNER = {
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: VALUE_TYPE;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: VALUE_TYPE;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.347",
+  "version": "2.5.349",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/dist/src/sub/DynamicLayout/CompositionRenderer/connectedDataHelpers.d.ts

@@ -1,9 +0,0 @@
-import type { VALUE_TYPE } from '../sections/CustomSection/util/types';
-import type { IComposition, QueryData } from '../../DynamicLayout/types';
-export declare function parseQueryPath(queryPath: string): string;
-export declare function queryManagerHelper({ valueType, queryPath, queryData, compositions }: {
-    valueType: VALUE_TYPE;
-    queryPath: string;
-    queryData: QueryData | undefined;
-    compositions: IComposition[];
-}): Record<string, unknown>[] | null;

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryManagerHelper = exports.parseQueryPath = void 0;
-function isConnectedData(valueType) {
-    return valueType === 'DATA';
-}
-// NOTE: queryPath란 CB_CONTENT_PROP_X_SPEC_CONNECT_DATA 이런것.
-function parseQueryPath(queryPath) {
-    return convertSlashToUnderscores(queryPath);
-}
-exports.parseQueryPath = parseQueryPath;
-function convertSlashToUnderscores(input) {
-    return input.replace(/\//g, '_');
-}
-function queryManagerHelper(_a) {
-    var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions;
-    var isQueryDataConnected = isConnectedData(valueType);
-    if (!isQueryDataConnected || !queryPath || !queryData) {
-        return null;
-    }
-    var parsedQueryPath = parseQueryPath(queryPath);
-    var queryDataValue = queryData[parsedQueryPath];
-    if (!queryDataValue) {
-        return null;
-    }
-    var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
-    return queryDataValue;
-}
-exports.queryManagerHelper = queryManagerHelper;