[checkoutpanel] pinCode 포커스 처리 및 에러코드 별 분기처리 / qr팝업 추가 / SHA256 암호화

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

@@ -8,6 +8,7 @@ import Spotlight from "@enact/spotlight";
 import {
   getMyInfoCheckoutInfo,
   getTaxInfos,
+  resetCheckoutData,
 } from "../../actions/checkoutActions";
 import { changeAppStatus } from "../../actions/commonActions";
 import { getShoptimeTerms } from "../../actions/empActions";
@@ -47,6 +48,7 @@ export default function CheckOutPanel() {
   const cardInfo = useSelector(
     (state) => state.checkout?.checkoutData.cardInfo
   );
+  const taxInfosData = useSelector((state) => state.checkout?.taxInfosData);
 
   const [orderSideBarOpen, setOrderSideBarOpen] = useState(false);
   const [offerSideBarOpen, setOfferSideBarOpen] = useState(false);
@@ -73,33 +75,41 @@ export default function CheckOutPanel() {
         ],
       })
     );
+  }, [dispatch, userNumber, checkoutPanelInfo]);
+
+  useEffect(() => {
+    return () => {
+      dispatch(resetCheckoutData());
+    };
   }, [dispatch]);
 
   useEffect(() => {
-    dispatch(
-      getTaxInfos({
-        mbrNo: userNumber,
-        bilAddrSno: infoForCheckoutData?.bilAddrSno,
-        dlvrAddrSno: infoForCheckoutData?.dlvrAddrSno,
-        reqCheckoutTaxInfoItemList: [
-          {
-            cpnSno: null,
-            dcAmt: null,
-            frgtTaxCd: productData?.[0].frgtTaxCd,
-            patnrId: productData?.[0].patnrId,
-            prdtId: productData?.[0].prdtId,
-            prodPrc: productData?.[0].price3,
-            prodQty: productData?.[0].prodQty,
-            taxCd: productData?.[0].taxCd,
-          },
-        ],
-      })
-    );
-  }, [dispatch, infoForCheckoutData, productData]);
+    if (infoForCheckoutData && productData) {
+      dispatch(
+        getTaxInfos({
+          mbrNo: userNumber,
+          bilAddrSno: infoForCheckoutData?.bilAddrSno,
+          dlvrAddrSno: infoForCheckoutData?.dlvrAddrSno,
+          reqCheckoutTaxInfoItemList: [
+            {
+              cpnSno: null,
+              dcAmt: null,
+              frgtTaxCd: productData?.[0].frgtTaxCd,
+              patnrId: productData?.[0].patnrId,
+              prdtId: productData?.[0].prdtId,
+              prodPrc: productData?.[0].price3,
+              prodQty: productData?.[0].prodQty,
+              taxCd: productData?.[0].taxCd,
+            },
+          ],
+        })
+      );
+    }
+  }, [dispatch, infoForCheckoutData, productData, userNumber]);
 
   useEffect(() => {
     spotJob.current.start(() => {
-      Spotlight.focus("spotlightId_backBtn");
+      Spotlight.focus("spotlightId_placeOrderBtn");
     });
     return () => {
       spotJob.current.stop();
@@ -112,11 +122,15 @@ export default function CheckOutPanel() {
 
   const toggleOrderSideBar = useCallback(() => {
     setOrderSideBarOpen((prev) => !prev);
-  }, [orderSideBarOpen]);
+  }, []);
 
   const toggleOfferSideBar = useCallback(() => {
     setOfferSideBarOpen((prev) => !prev);
-  }, [offerSideBarOpen]);
+  }, []);
+
+  const onClosePopup = useCallback(() => {
+    setPlaceOrderPopup(false);
+  }, []);
 
   return (
     <>
@@ -151,6 +165,7 @@ export default function CheckOutPanel() {
       <TFullPopup
         open={placeOrderPopup}
         className={css.pinCodePopup}
+        onClose={onClosePopup}
         noAnimation={true}
       >
         <PinCodeInput setPlaceOrderPopup={setPlaceOrderPopup} />