From b89761e8bbc27ddb4edf19708cef41c1ab2c6eb9 Mon Sep 17 00:00:00 2001
From: dongyoungKo <ehddud3254@naver.com>
Date: Tue, 20 May 2025 13:23:37 +0900
Subject: [PATCH] =?UTF-8?q?[=ED=86=B5=ED=95=A9=EB=A1=9C=EA=B7=B8API=20No.8?=
 =?UTF-8?q?]=20FeaturedBrands=20RecommendedShows=20Content=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=EC=8B=9C=20=EB=A1=9C=EA=B7=B8=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A7=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecommendedShows/RecommendedShows.jsx     |  3 ++
 .../RecommendedShowsContents.jsx              | 28 ++++++++++++++++++-
 .../RecommendedShowsProductList.jsx           | 25 ++++++++++++++++-
 3 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
index 52ea7ec0..977c5d90 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
@@ -28,6 +28,7 @@ const RecommendedShows = ({
   handleItemFocus,
   order,
   shelfOrder,
+  shelfTitle,
   spotlightId,
   selectedCatCd,
   selectedPatncNm,
@@ -117,6 +118,8 @@ const RecommendedShows = ({
             selectedCatNm={selectedCatNm}
             selectedPatnrId={selectedPatnrId}
             spotlightId={spotlightId}
+            shelfOrder={shelfOrder}
+            shelfTitle={shelfTitle}
           />
         )
       )}
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
index 4644f3f0..285c35ec 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
@@ -12,7 +12,11 @@ import {
 import { updatePanel } from "../../../../actions/panelActions";
 import { startVideoPlayer } from "../../../../actions/playActions";
 import TItemCard, { TYPES } from "../../../../components/TItemCard/TItemCard";
-import { panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../utils/Config";
 import css from "./RecommendedShowsContents.module.less";
 import RecommendedShowsProductList from "./RecommendedShowsProductList/RecommendedShowsProductList";
 
@@ -29,6 +33,8 @@ const RecommendedShowsContents = ({
   selectedCatNm,
   selectedPatnrId,
   spotlightId,
+  shelfOrder,
+  shelfTitle,
 }) => {
   const dispatch = useDispatch();
 
@@ -44,6 +50,9 @@ const RecommendedShowsContents = ({
     showId,
     showNm,
     thumbnailUrl,
+    patncNm,
+    expsOrd,
+    brndNm,
   } = brandRecommendedShowInfoItem;
 
   const rankOrd = contentsIndex * 1 + 1;
@@ -128,7 +137,17 @@ const RecommendedShowsContents = ({
       spotlightId={`${spotlightId}-${contentsIndex}`}
     >
       <TItemCard
+        contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+        messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+        shelfLocation={shelfOrder}
+        shelfTitle={shelfTitle}
+        shelfId={spotlightId}
+        brandName={brndNm}
+        contentId={showId}
+        contentTitle={showNm}
+        patnerName={patncNm}
         catNm={selectedCatNm}
+        order={expsOrd}
         data-video-card={"recommended-shows-video-card-" + contentsIndex}
         imageAlt={showNm}
         imageSource={thumbnailUrl}
@@ -151,6 +170,13 @@ const RecommendedShowsContents = ({
         selectedPatnrId={selectedPatnrId}
         showId={showId}
         videoThumbnail={thumbnailUrl}
+        spotlightId={spotlightId}
+        shelfOrder={shelfOrder}
+        shelfTitle={shelfTitle}
+        patnerName={patncNm}
+        contentId={showId}
+        contentTitle={showNm}
+        catNm={selectedCatNm}
       />
     </Container>
   );
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
index e47d77b1..b331623c 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
@@ -12,7 +12,11 @@ import TItemCard, {
 } from "../../../../../components/TItemCard/TItemCard";
 import TVirtualGridList from "../../../../../components/TVirtualGridList/TVirtualGridList";
 import useScrollTo from "../../../../../hooks/useScrollTo";
-import { panel_names } from "../../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../../utils/Config";
 import {
   getTranslate3dValueByDirection,
   scaleH,
@@ -29,6 +33,13 @@ export default function RecommendedShowsProductList({
   selectedCatCd,
   selectedPatnrId,
   showId,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
+  patnerName,
+  contentTitle,
+  contentId,
+  catNm,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -144,10 +155,22 @@ export default function RecommendedShowsProductList({
         prdtNm,
         priceInfo,
         soldoutFlag,
+        brndNm,
       } = brandRecommendedShowProductInfo[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          shelfId={spotlightId}
+          patnerName={patnerName}
+          catNm={catNm}
+          order={index + 1}
+          contentTitle={contentTitle}
+          contentId={contentId}
+          brandName={brndNm}
           data-exposure-order={contentsIndex + 1}
           data-product-card={"recommended-shows-product-card-" + contentsIndex}
           imageAlt={prdtNm}