[shoptime-3994] 라이브 상품 클릭시에만 상품리스트로 포커스 가도록 수정

com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx

@@ -853,7 +853,6 @@ const PlayerPanel = ({
   const handleItemFocus = useCallback(
     (menu) => {
       dispatch(sendLogGNB(menu));
-      console.log("###handleItemFocus", menu);
       if (!videoVerticalVisible) {
         resetTimer(REGULAR_TIMEOUT);
       }
@@ -864,7 +863,6 @@ const PlayerPanel = ({
   const onClickBack = useCallback(
     (ev, isEnd) => {
       //modal로부터 Full 전환된 경우 다시 preview 모드로 돌아감.
-      console.log("###onClickBack", backupInitialIndex, isEnd);
       if (
         sideContentsVisible &&
         !videoVerticalVisible &&
@@ -968,7 +966,7 @@ const PlayerPanel = ({
     // 아이템클릭 진입시 포커스
     let hasProperSpot = false;
     let targetId;
-    if (!isInitialFocusOccurred) {
+    if (!isInitialFocusOccurred || panelInfo.targetId) {
       targetId = panelInfo.targetId;
 
       initialFocusTimeoutJob.current.start(() => {
@@ -990,6 +988,11 @@ const PlayerPanel = ({
             if (retryTarget) {
               Spotlight.focus(retryTarget);
               setIsInitialFocusOccurred(true);
+            } else {
+              if (shopNowInfo?.length > 0) {
+                Spotlight.focus("playVideoShopNowBox");
+                setIsInitialFocusOccurred(true);
+              }
             }
           });
         }
@@ -1000,6 +1003,7 @@ const PlayerPanel = ({
     panelInfo.targetId,
     panelInfo.modal,
     videoVerticalVisible,
+    shopNowInfo,
   ]);
 
   const videoInitialFocused = useCallback(() => {
@@ -1024,15 +1028,15 @@ const PlayerPanel = ({
       }
     }
 
-    if (!panelInfo.modal && !videoVerticalVisible && !hasProperSpot) {
-      Spotlight.focus(SpotlightIds.PLAYER_TAB_BUTTON);
-      return;
-    }
-    //비디오 진입시 포커스
     if (panelInfo.isIndicatorByClick && shopNowInfo?.length > 0) {
       Spotlight.focus("playVideoShopNowBox");
       return;
     }
+
+    if (!panelInfo.modal && !videoVerticalVisible && !hasProperSpot) {
+      Spotlight.focus(SpotlightIds.PLAYER_TAB_BUTTON);
+      return;
+    }
   }, [
     shopNowInfo,
     videoVerticalVisible,
@@ -1183,13 +1187,17 @@ const PlayerPanel = ({
         videoInitialFocused();
       }
     }
-  }, [playListInfo]);
+  }, [playListInfo, panelInfo.targetId]);
 
   //10초 후 닫힐때 TabButton 포커스
   useEffect(() => {
     if (playListInfo && playListInfo.length > 0) {
+      if (panelInfo.targetId) {
+        videoItemFocused();
+      } else {
         videoInitialFocused();
       }
+    }
   }, [sideContentsVisible, panelInfo.modal]);
 
   // liveChannel initial selectedIndex
@@ -1818,6 +1826,7 @@ const PlayerPanel = ({
             },
           })
         );
+        Spotlight.focus("playVideoShopNowBox");
       }
     }
     if (!sideContentsVisible) {
@@ -1830,6 +1839,7 @@ const PlayerPanel = ({
     selectedIndex,
     sideContentsVisible,
     initialEnter,
+    panelInfo,
   ]);
 
   const handleIndicatorUpClick = useCallback(() => {
@@ -1871,6 +1881,7 @@ const PlayerPanel = ({
             },
           })
         );
+        Spotlight.focus("playVideoShopNowBox");
       }
     }
     if (!sideContentsVisible) {
@@ -1883,6 +1894,7 @@ const PlayerPanel = ({
     selectedIndex,
     sideContentsVisible,
     initialEnter,
+    panelInfo,
   ]);
 
   useEffect(() => {