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(