[PlayerPanel] add orderPhoneNumber

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

@@ -1297,13 +1297,16 @@ const PlayerPanel = ({
     return false;
   }, [currentPlayingUrl]);
 
-  const orderPhnNoIndex = useMemo(() => {
+  const orderPhoneNumber = useMemo(() => {
     if (panelInfo?.shptmBanrTpNm === "VOD") {
-      return 0;
+      return showDetailInfo[0]?.orderPhnNo;
     }
-
-    return selectedIndex;
-  }, [panelInfo?.shptmBanrTpNm, selectedIndex]);
+    if (panelInfo?.shptmBanrTpNm === "LIVE" && showDetailInfo) {
+      return showDetailInfo[0]?.orderPhnNo;
+    } else {
+      return playListInfo[selectedIndex]?.orderPhnNo;
+    }
+  }, [panelInfo?.shptmBanrTpNm, showDetailInfo, playListInfo, selectedIndex]);
 
   const videoThumbnailUrl = useMemo(() => {
     if (showDetailInfo && showDetailInfo.length > 0) {
@@ -1516,7 +1519,7 @@ const PlayerPanel = ({
             type={panelInfo?.shptmBanrTpNm}
             panelInfo={panelInfo}
             captionEnable={captionEnable}
-            orderPhnNo={playListInfo[orderPhnNoIndex]?.orderPhnNo}
+            orderPhnNo={orderPhoneNumber}
             mediaDisclaimer={
               playListInfo && playListInfo[selectedIndex].disclaimer
             }
@@ -1554,10 +1557,10 @@ const PlayerPanel = ({
         )}
 
         {/* Overlay Area */}
-        {playListInfo && playListInfo[orderPhnNoIndex]?.orderPhnNo && (
+        {playListInfo && orderPhoneNumber && (
           <VideoOverlayWithPhoneNumber
             className={css.videoOverlayWithPhoneNumber}
-            orderPhnNo={playListInfo[orderPhnNoIndex]?.orderPhnNo}
+            orderPhnNo={orderPhoneNumber}
             patnerName={playListInfo[selectedIndex]?.patncNm}
           />
         )}