From f36e3540891c3f736c904b4980a325351424a65d Mon Sep 17 00:00:00 2001
From: Dev TWIN0906 <devtwin0906@seokwonham.local>
Date: Thu, 8 May 2025 15:05:18 +0900
Subject: [PATCH] =?UTF-8?q?checkout=20=ED=99=94=EB=A9=B4=20=EB=82=B4=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=81=B4=EB=A6=AD=EC=8B=9C=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EC=88=98=EC=A7=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/CheckOutPanel/CheckOutPanel.jsx    | 16 +++++++++++++++-
 .../container/InformationContainer.jsx           |  6 ++++++
 .../CheckOutPanel/container/SummaryCotainer.jsx  | 11 +++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
index ab872c0f..07e2cc60 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
@@ -16,6 +16,7 @@ import {
   sendLogGNB,
   sendLogMyInfoEdit,
   sendLogPaymentEntry,
+  sendLogTotalRecommend,
 } from "../../actions/logActions";
 import { popPanel } from "../../actions/panelActions";
 import TBody from "../../components/TBody/TBody";
@@ -200,6 +201,11 @@ export default function CheckOutPanel({ panelInfo }) {
   const toggleOrderSideBar = useCallback(() => {
     if (!orderSideBarOpen) {
       dispatch(sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" }));
+      dispatch(sendLogTotalRecommend({
+        buttonTitle: "ORDER ITEMS",
+        buttonId: "checkout_order_items_view"
+      }));
+      console.log('oder items')
     }
 
     setOrderSideBarOpen((prev) => !prev);
@@ -209,6 +215,10 @@ export default function CheckOutPanel({ panelInfo }) {
   const toggleOfferSideBar = useCallback(() => {
     if (!offerSideBarOpen) {
       dispatch(sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" }));
+      dispatch(sendLogTotalRecommend({ 
+        buttonTitle: "OFFERS & PROMOTION",
+        buttonId: "checkout_offers_promotion_view"
+      }));
     }
 
     setOfferSideBarOpen((prev) => !prev);
@@ -235,7 +245,11 @@ export default function CheckOutPanel({ panelInfo }) {
         const selectedTerms = empTermsData.find(
           (term) => term.termsID === termsID
         );
-
+        
+        dispatch(sendLogTotalRecommend({
+          buttonTitle: selectedTerms.termsTypeName,
+          buttonId: `checkout_terms_${selectedTerms.termsTypeName.toLowerCase().replace(/\s+/g, '_')}`
+        }))
         setCurrentTerms(selectedTerms);
         dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup));
         Spotlight.focus("spotlightId_TbuttonScrollerDown");
diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/InformationContainer.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/InformationContainer.jsx
index b681de42..7dc02d52 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/InformationContainer.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/InformationContainer.jsx
@@ -20,6 +20,7 @@ import PaymentCard from "../components/PaymentCard";
 import ShippingAddressCard from "../components/ShippingAddressCard";
 import Subject from "../components/Subject";
 import css from "./InformationContainer.module.less";
+import { sendLogTotalRecommend } from "../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -143,6 +144,11 @@ export default function InformationContainer({
 
       setTab(index);
       dispatch(setShowPopup(Config.ACTIVE_POPUP.qrPopup));
+      dispatch(sendLogTotalRecommend({
+        buttonTitle: `${btnNm} ADD/EDIT`,
+        buttonId: `checkout_info_${btnNm.toLowerCase().replace(/\s+/g, '_')}`
+      }))
+     
     },
     [dispatch, doSendLogMyInfoEdit]
   );
diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryCotainer.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryCotainer.jsx
index 196489d0..a6d7a6ba 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryCotainer.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryCotainer.jsx
@@ -15,6 +15,7 @@ import {
   getErrorMessage,
 } from "../../../utils/helperMethods";
 import css from "./SummaryContainer.module.less";
+import { sendLogTotalRecommend } from "../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -37,6 +38,9 @@ export default function SummaryContainer({
     (state) => state.checkout?.checkoutData.productList?.[0]
   );
 
+
+  const dispatch = useDispatch();
+
   const items = useMemo(
     () => [
       {
@@ -95,10 +99,17 @@ export default function SummaryContainer({
   );
 
   const handleClickOrder = useCallback(() => {
+    
     if (doSendLogPaymentEntry) {
       doSendLogPaymentEntry();
     }
+    dispatch(sendLogTotalRecommend({
+      buttonTitle: "PLACE ORDER",
+      buttonId: "checkout_place_order_view"
+    }))
+
     setPlaceOrderPopup(true);
+    
   }, [doSendLogPaymentEntry, setPlaceOrderPopup]);
 
   const renderItemList = useCallback(