From 04e7760eded05e4abe1493c915ffdbac9f07e2c9 Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Mon, 8 Jul 2024 10:17:05 +0900
Subject: [PATCH] =?UTF-8?q?[Log]=20IF-LGSP-LOG-104,=20My=20Orders=20>=20?=
 =?UTF-8?q?=EC=B7=A8=EC=86=8C=20=EC=82=AC=EC=9C=A0=20Click=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/actions/logActions.js                 |  3 ++
 .../src/hooks/useLogService.js                | 36 +++++++++++++++++++
 com.twin.app.shoptime/src/utils/Config.js     |  2 ++
 .../MyPageSub/MyOrders/MyOrders.jsx           |  7 ++--
 4 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/actions/logActions.js b/com.twin.app.shoptime/src/actions/logActions.js
index 47f76189..03507611 100644
--- a/com.twin.app.shoptime/src/actions/logActions.js
+++ b/com.twin.app.shoptime/src/actions/logActions.js
@@ -120,6 +120,9 @@ export const getUrlByLogTpNo = (logTpNo) => {
     case LOG_TP_NO.ORDER_BTN_CLICK:
       return URLS.LOG_ORDER_BTN_CLICK;
 
+    // IF-LGSP-LOG-104 / Order 취소/반품/교환 이력
+    case LOG_TP_NO.ORDER_CHANGE:
+      return URLS.LOG_ORDER_CHANGE;
     default:
       return;
   }
diff --git a/com.twin.app.shoptime/src/hooks/useLogService.js b/com.twin.app.shoptime/src/hooks/useLogService.js
index fb8d5b1a..59346d9b 100644
--- a/com.twin.app.shoptime/src/hooks/useLogService.js
+++ b/com.twin.app.shoptime/src/hooks/useLogService.js
@@ -1111,6 +1111,41 @@ export default function useLogService() {
     [dispatch, entryMenuRef, nowMenuRef]
   );
 
+  /**
+   * IF-LGSP-LOG-104 / Order 취소/반품/교환 이력 (반품/교환 삭제)
+   *
+   * (M) entryMenu 진입 메뉴
+   *
+   * (M) logTpNo 로그 타입 넘버
+   *
+   * (M) nowMenu 현재 메뉴
+   *
+   * (M) reqRsn 요청 사유
+   *
+   * (M) reqTpNm 요청 유형 이름 ("Cancel", "Return", "Exchange")
+   *
+   */
+  const sendLogOrderChange = useCallback(
+    (params) => {
+      const { reqRsn, reqTpNm } = params;
+
+      if (!reqRsn || !reqTpNm) {
+        console.error("sendLogOrderChange invalid params", params);
+        return;
+      }
+
+      const newParams = {
+        ...params,
+        entryMenu: entryMenuRef.current,
+        logTpNo: LOG_TP_NO.ORDER_CHANGE,
+        nowMenu: nowMenuRef.current,
+      };
+
+      dispatch(postLog(newParams));
+    },
+    [dispatch, entryMenuRef, nowMenuRef]
+  );
+
   /**
    * IF-LGSP-LOG-110 / Featured Brands View 이력
    *
@@ -1187,6 +1222,7 @@ export default function useLogService() {
     sendLogTerms,
     sendLogLgAccountLogin,
     sendLogOrderBtnClick,
+    sendLogOrderChange,
     sendLogFeaturedBrands,
   };
 }
diff --git a/com.twin.app.shoptime/src/utils/Config.js b/com.twin.app.shoptime/src/utils/Config.js
index 9b77d4be..22e7cc55 100644
--- a/com.twin.app.shoptime/src/utils/Config.js
+++ b/com.twin.app.shoptime/src/utils/Config.js
@@ -221,6 +221,8 @@ export const LOG_TP_NO = {
   LG_ACCOUNT_LOGIN: "700",
 
   ORDER_BTN_CLICK: "702",
+
+  ORDER_CHANGE: "703",
 };
 
 // TV log update
diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/MyOrders.jsx b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/MyOrders.jsx
index 57e8138c..baadf76f 100644
--- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/MyOrders.jsx
+++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/MyOrders.jsx
@@ -81,7 +81,7 @@ const getButtonTabList = () => {
 };
 
 export default function MyOrders({ title, panelInfo, isOnTop }) {
-  const { sendLogOrderBtnClick } = useLogService();
+  const { sendLogOrderBtnClick, sendLogOrderChange } = useLogService();
   const buttonTabList = useMemo(() => getButtonTabList(), []);
   const dispatch = useDispatch();
 
@@ -405,10 +405,13 @@ export default function MyOrders({ title, panelInfo, isOnTop }) {
 
   const onClickSecondaryPopupOkButton = useCallback(() => {
     const params = popup.secondaryData;
+    const { reqChngRsn: reqRsn } = params;
+    const reqTpNm = "Cancel";
 
     dispatch(setHidePopup());
     dispatch(paymentTotalCancel(params, moveToCancelTab));
-  }, [dispatch, popup, moveToCancelTab]);
+    sendLogOrderChange({ reqRsn, reqTpNm });
+  }, [dispatch, popup, moveToCancelTab, sendLogOrderChange]);
 
   useEffect(() => {
     Spotlight.focus();