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

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

@@ -873,7 +873,6 @@ const PlayerPanel = ({
   const onClickBack = useCallback(
     (ev, isEnd) => {
       //modal로부터 Full 전환된 경우 다시 preview 모드로 돌아감.
-      console.log("###onClickBack", backupInitialIndex, isEnd);
       if (
         sideContentsVisible &&
         !videoVerticalVisible &&
@@ -977,7 +976,7 @@ const PlayerPanel = ({
     // 아이템클릭 진입시 포커스
     let hasProperSpot = false;
     let targetId;
-    if (!isInitialFocusOccurred) {
+    if (!isInitialFocusOccurred || panelInfo.targetId) {
       targetId = panelInfo.targetId;
 
       initialFocusTimeoutJob.current.start(() => {
@@ -999,6 +998,11 @@ const PlayerPanel = ({
             if (retryTarget) {
               Spotlight.focus(retryTarget);
               setIsInitialFocusOccurred(true);
+            } else {
+              if (shopNowInfo?.length > 0) {
+                Spotlight.focus("playVideoShopNowBox");
+                setIsInitialFocusOccurred(true);
+              }
             }
           });
         }
@@ -1009,6 +1013,7 @@ const PlayerPanel = ({
     panelInfo.targetId,
     panelInfo.modal,
     videoVerticalVisible,
+    shopNowInfo,
   ]);
 
   const videoInitialFocused = useCallback(() => {
@@ -1033,15 +1038,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,
@@ -1236,12 +1241,16 @@ const PlayerPanel = ({
         videoInitialFocused();
       }
     }
-  }, [playListInfo]);
+  }, [playListInfo, panelInfo.targetId]);
 
   //10초 후 닫힐때 TabButton 포커스
   useEffect(() => {
     if (playListInfo && playListInfo.length > 0) {
-      videoInitialFocused();
+      if (panelInfo.targetId) {
+        videoItemFocused();
+      } else {
+        videoInitialFocused();
+      }
     }
   }, [sideContentsVisible, panelInfo.modal]);
 
@@ -1918,6 +1927,7 @@ const PlayerPanel = ({
             },
           })
         );
+        Spotlight.focus("playVideoShopNowBox");
       }
     }
     if (!sideContentsVisible) {
@@ -1930,6 +1940,7 @@ const PlayerPanel = ({
     selectedIndex,
     sideContentsVisible,
     initialEnter,
+    panelInfo,
   ]);
 
   const handleIndicatorUpClick = useCallback(() => {
@@ -1971,6 +1982,7 @@ const PlayerPanel = ({
             },
           })
         );
+        Spotlight.focus("playVideoShopNowBox");
       }
     }
     if (!sideContentsVisible) {
@@ -1983,6 +1995,7 @@ const PlayerPanel = ({
     selectedIndex,
     sideContentsVisible,
     initialEnter,
+    panelInfo,
   ]);
 
   useEffect(() => {