[SHOPTIME-3540] [결제가능상품상세] 팝업에서 옵션 선택 이후, 포커스 사라짐

[수정파일]

  1. SingleOption.jsx

[수정내용]

  1. 팝업에서 옵션을 선택하면 BuyNow 버튼으로 갈 수 있게 포커스 ,
     선택하지않고 CLOSE 버튼을 누른다면 SELECT 박스로 포커스

com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx

@@ -219,7 +219,7 @@ export default function SingleOption({
       setSelectedOptions(productOptionInfos[optionValIdx]?.prdtOptDtl[0]);
       setIsOptionValue(false);
       setIsOptionSelect(true);
-      onClose();
+      onClose("selectedOptionBox-1");
     },
     [productOptionInfos, selectedOptionItemIndex]
   );
@@ -295,7 +295,10 @@ export default function SingleOption({
   const handleLoginPopUpOpen = useCallback(() => {
     if (hasOnClose) {
       dispatch(setHidePopup());
-      Spotlight.focus("selectedOptionBox-0");
+      setTimeout(() => {
+        Spotlight.focus("selectedOptionBox-0");
+      });
+
       return;
     }
     if (webOSVersion >= "6.0") {
@@ -439,10 +442,15 @@ export default function SingleOption({
     }
   }, [dispatch, selectedCoupon, userNumber, couponCodes]);
 
-  const onClose = useCallback(() => {
-    dispatch(setHidePopup());
-    Spotlight.focus("spotlightId-productOptionContianer");
-  }, [dispatch, hasProductOptionArray]);
+  const onClose = useCallback(
+    (spotlightId) => {
+      dispatch(setHidePopup());
+      setTimeout(() => {
+        Spotlight.focus(spotlightId ? spotlightId : "spotlightId_buynowBtn");
+      });
+    },
+    [dispatch]
+  );
 
   useEffect(() => {
     if (selectedCoupon) {
@@ -626,7 +634,7 @@ export default function SingleOption({
       <ContainerLF>
         <TScroller verticalScrollbar="auto" className={css.detailScroll}>
           {productOptionInfos && productOptionInfos.length > 0 && (
-            <ContainerLF>
+            <ContainerLF spotlightId="billingProduct-optionContainer">
               {productOptionInfos.length !== 1 && (
                 <div className={css.optionLayer}>
                   {/* OPTION 1 */}
@@ -766,7 +774,7 @@ export default function SingleOption({
         <TPopUp
           kind="optionPopup"
           options={selectedOptionInfo}
-          onClose={onClose}
+          onClose={() => onClose("billingProduct-optionContainer")}
           open={popupVisible}
           optionClick={
             hasProductOptionArray ? handleOptionClick : handleOptionItemClick