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

---
 .../FeaturedBrandsPanel/Showroom/Showroom.jsx |  3 +++
 .../ShowroomContents/ShowroomContents.jsx     | 26 ++++++++++++++++++-
 .../ShowroomProductList.jsx                   | 26 ++++++++++++++++---
 3 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/Showroom.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/Showroom.jsx
index eda40728..9fc02abe 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/Showroom.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/Showroom.jsx
@@ -27,6 +27,7 @@ const Showroom = ({
   handleItemFocus,
   order,
   shelfOrder,
+  shelfTitle,
   selectedPatnrId,
   selectedPatncNm,
   spotlightId,
@@ -109,6 +110,8 @@ const Showroom = ({
               selectedRoomId={selectedRoomId}
               selectedRoomThemeInfoItem={selectedRoomThemeInfoItem}
               spotlightId={spotlightId}
+              shelfOrder={shelfOrder}
+              shelfTitle={shelfTitle}
             />
           )
         )}
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx
index 918465e7..33b3e99a 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx
@@ -11,10 +11,15 @@ import {
 
 import { pushPanel, updatePanel } from "../../../../actions/panelActions";
 import { removeDotAndColon } 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 "./ShowroomContents.module.less";
 import ShowroomProductList from "./ShowroomProductList/ShowroomProductList";
 import ShowroomThumbnailCard from "./ShowroomThumbnailCard/ShowroomThumbnailCard";
+import { sendLogTotalRecommend } from "../../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -29,6 +34,8 @@ const ShowroomContents = ({
   selectedRoomId,
   selectedRoomThemeInfoItem,
   spotlightId,
+  shelfOrder,
+  shelfTitle,
 }) => {
   const dispatch = useDispatch();
 
@@ -105,6 +112,20 @@ const ShowroomContents = ({
         },
       })
     );
+
+    dispatch(
+      sendLogTotalRecommend({
+        contextName: LOG_CONTEXT_NAME.FEATURED_BRANDS,
+        messageId: LOG_MESSAGE_ID.SHELF_CLICK,
+        partner: selectedPatncNm,
+        shelfLocation: shelfOrder,
+        shelfTitle: shelfTitle,
+        shelfId: spotlightId,
+        location: themeExpsOrd,
+        contentTitle: themeNm,
+        contentId: themeId,
+      })
+    );
   }, [
     dispatch,
     panelInfo?.patnrId,
@@ -145,6 +166,9 @@ const ShowroomContents = ({
           themeExpsOrd={themeExpsOrd}
           themeId={themeId}
           themeNm={themeNm}
+          shelfOrder={shelfOrder}
+          shelfTitle={shelfTitle}
+          spotlightId={spotlightId}
         />
       </div>
     </Container>
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomProductList/ShowroomProductList.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomProductList/ShowroomProductList.jsx
index d64709c2..efad25e1 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomProductList/ShowroomProductList.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomProductList/ShowroomProductList.jsx
@@ -11,7 +11,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,
@@ -27,6 +31,9 @@ export default function ShowroomProductList({
   themeExpsOrd,
   themeId,
   themeNm,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -149,15 +156,27 @@ export default function ShowroomProductList({
       const {
         offerInfo,
         patnrId,
-        // prdtExpsOrd,
+        prdtExpsOrd,
         prdtId,
         prdtImgUrl,
         prdtNm,
         priceInfo,
+        catNm,
+        brndNm,
       } = roomThemeProducts[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          patnerName={selectedPatncNm}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          shelfId={spotlightId}
+          contentId={themeId}
+          contentTitle={themeNm}
+          order={prdtExpsOrd}
+          catNm={catNm}
           data-exposure-order={themeExpsOrd}
           imageAlt={prdtNm}
           imageSource={prdtImgUrl}
@@ -167,6 +186,7 @@ export default function ShowroomProductList({
           priceInfo={priceInfo}
           productId={prdtId}
           productName={prdtNm}
+          brandName={brndNm}
           spotlightId={"showroom-spotlightId-" + removeDotAndColon(prdtId)}
           label={index * 1 + 1 + " of " + roomThemeProducts.length}
           lastLabel=" go to detail, button"
@@ -174,7 +194,7 @@ export default function ShowroomProductList({
         />
       );
     },
-    [handleClick, handleFocus, roomThemeProducts, themeExpsOrd]
+    [handleClick, handleFocus, roomThemeProducts, selectedPatncNm, themeExpsOrd]
   );
 
   return (