checkout 화면 버튼 클릭시 로그 호출 수정

This commit is contained in:
Dev TWIN0906
2025-05-27 15:31:48 +09:00
parent 864dd9614d
commit 089e659090
5 changed files with 79 additions and 61 deletions

View File

@@ -201,13 +201,15 @@ export default function CheckOutPanel({ panelInfo }) {
const toggleOrderSideBar = useCallback(() => { const toggleOrderSideBar = useCallback(() => {
if (!orderSideBarOpen) { if (!orderSideBarOpen) {
dispatch(sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" })); dispatch(sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" }));
dispatch(sendLogTotalRecommend({ dispatch(
buttonTitle: "ORDER ITEMS", sendLogTotalRecommend({
buttonId: "checkout_order_items_view", buttonTitle: "ORDER ITEMS",
contextName: Config.LOG_CONTEXT_NAME.CHECKOUT, buttonId: "checkout_order_items_view",
messageId: Config.LOG_MESSAGE_ID.PINCODE contextName: Config.LOG_CONTEXT_NAME.CHECKOUT,
})); messageId: Config.LOG_MESSAGE_ID.BUTTONCLICK,
console.log('oder items') })
);
console.log("oder items");
} }
setOrderSideBarOpen((prev) => !prev); setOrderSideBarOpen((prev) => !prev);
@@ -217,12 +219,14 @@ export default function CheckOutPanel({ panelInfo }) {
const toggleOfferSideBar = useCallback(() => { const toggleOfferSideBar = useCallback(() => {
if (!offerSideBarOpen) { if (!offerSideBarOpen) {
dispatch(sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" })); dispatch(sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" }));
dispatch(sendLogTotalRecommend({ dispatch(
buttonTitle: "OFFERS & PROMOTION", sendLogTotalRecommend({
buttonId: "checkout_offers_promotion_view", buttonTitle: "OFFERS & PROMOTION",
contextName: Config.LOG_CONTEXT_NAME.CHECKOUT, buttonId: "checkout_offers_promotion_view",
messageId: Config.LOG_MESSAGE_ID.PINCODE contextName: Config.LOG_CONTEXT_NAME.CHECKOUT,
})); messageId: Config.LOG_MESSAGE_ID.BUTTONCLICK,
})
);
} }
setOfferSideBarOpen((prev) => !prev); setOfferSideBarOpen((prev) => !prev);
@@ -249,13 +253,17 @@ export default function CheckOutPanel({ panelInfo }) {
const selectedTerms = empTermsData.find( const selectedTerms = empTermsData.find(
(term) => term.termsID === termsID (term) => term.termsID === termsID
); );
dispatch(sendLogTotalRecommend({ dispatch(
buttonTitle: selectedTerms.termsTypeName, sendLogTotalRecommend({
buttonId: `checkout_terms_${selectedTerms.termsTypeName.toLowerCase().replace(/\s+/g, '_')}`, buttonTitle: selectedTerms.termsTypeName,
contextName: Config.LOG_CONTEXT_NAME.CHECKOUT, buttonId: `checkout_terms_${selectedTerms.termsTypeName
messageId: Config.LOG_MESSAGE_ID.PINCODE .toLowerCase()
})) .replace(/\s+/g, "_")}`,
contextName: Config.LOG_CONTEXT_NAME.CHECKOUT,
messageId: Config.LOG_MESSAGE_ID.BUTTONCLICK,
})
);
setCurrentTerms(selectedTerms); setCurrentTerms(selectedTerms);
dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup)); dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup));
Spotlight.focus("spotlightId_TbuttonScrollerDown"); Spotlight.focus("spotlightId_TbuttonScrollerDown");

View File

@@ -144,13 +144,14 @@ export default function InformationContainer({
setTab(index); setTab(index);
dispatch(setShowPopup(Config.ACTIVE_POPUP.qrPopup)); dispatch(setShowPopup(Config.ACTIVE_POPUP.qrPopup));
dispatch(sendLogTotalRecommend({ dispatch(
buttonTitle: `${btnNm} ADD/EDIT`, sendLogTotalRecommend({
buttonId: `checkout_info_${btnNm.toLowerCase().replace(/\s+/g, '_')}`, buttonTitle: `${btnNm} ADD/EDIT`,
contextName:Config.LOG_CONTEXT_NAME.CHECKOUT, buttonId: `checkout_info_${btnNm.toLowerCase().replace(/\s+/g, "_")}`,
messageId: Config.LOG_MESSAGE_ID.PINCODE contextName: Config.LOG_CONTEXT_NAME.CHECKOUT,
})) messageId: Config.LOG_MESSAGE_ID.BUTTONCLICK,
})
);
}, },
[dispatch, doSendLogMyInfoEdit] [dispatch, doSendLogMyInfoEdit]
); );

View File

@@ -38,7 +38,6 @@ export default function SummaryContainer({
(state) => state.checkout?.checkoutData.productList?.[0] (state) => state.checkout?.checkoutData.productList?.[0]
); );
const dispatch = useDispatch(); const dispatch = useDispatch();
const items = useMemo( const items = useMemo(
@@ -99,19 +98,19 @@ export default function SummaryContainer({
); );
const handleClickOrder = useCallback(() => { const handleClickOrder = useCallback(() => {
if (doSendLogPaymentEntry) { if (doSendLogPaymentEntry) {
doSendLogPaymentEntry(); doSendLogPaymentEntry();
} }
dispatch(sendLogTotalRecommend({ dispatch(
buttonTitle: "PLACE ORDER", sendLogTotalRecommend({
buttonId: "checkout_place_order_view", buttonTitle: "PLACE ORDER",
contextName: Config.LOG_CONTEXT_NAME.CHECKOUT, buttonId: "checkout_place_order_view",
messageId: Config.LOG_MESSAGE_ID.PINCODE contextName: Config.LOG_CONTEXT_NAME.CHECKOUT,
})) messageId: Config.LOG_MESSAGE_ID.BUTTONCLICK,
})
);
setPlaceOrderPopup(true); setPlaceOrderPopup(true);
}, [doSendLogPaymentEntry, setPlaceOrderPopup]); }, [doSendLogPaymentEntry, setPlaceOrderPopup]);
const renderItemList = useCallback( const renderItemList = useCallback(

View File

@@ -120,19 +120,20 @@ export default function SingleProduct({
const handleMobileSendPopupOpen = useCallback(() => { const handleMobileSendPopupOpen = useCallback(() => {
if (productData && Object.keys(productData).length > 0) { if (productData && Object.keys(productData).length > 0) {
const regularPrice = productData?.priceInfo?.split("|")[0]; const { priceInfo, patncNm, prdtId, prdtNm, brndNm, catNm } = productData;
const discountPrice = productData?.priceInfo?.split("|")[1]; const regularPrice = priceInfo.split("|")[0];
const discountRate = productData?.priceInfo?.split("|")[4]; const discountPrice = priceInfo.split("|")[1];
const discountRate = priceInfo.split("|")[4];
const logParams = { const logParams = {
status: "open", status: "open",
nowMenu: nowMenu, nowMenu: nowMenu,
partner: productData?.patncNm, partner: patncNm,
productId: productData?.prdtId, productId: prdtId,
productTitle: productData?.prdtNm, productTitle: prdtNm,
price: discountRate ? discountPrice : regularPrice, price: discountRate ? discountPrice : regularPrice,
brand: productData?.brndNm, brand: brndNm,
discount: discountRate, discount: discountRate,
category: productData?.catNm, category: catNm,
contextName: LOG_CONTEXT_NAME.SHOPBYMOBILE, contextName: LOG_CONTEXT_NAME.SHOPBYMOBILE,
messageId: LOG_MESSAGE_ID.SMB, messageId: LOG_MESSAGE_ID.SMB,
}; };

View File

@@ -11,7 +11,12 @@ import {
sendLogShopByMobile, sendLogShopByMobile,
sendLogTotalRecommend, sendLogTotalRecommend,
} from "../../../actions/logActions"; } from "../../../actions/logActions";
import { LOG_CONTEXT_NAME, LOG_MENU, LOG_MESSAGE_ID, LOG_TP_NO } from "../../../utils/Config"; import {
LOG_CONTEXT_NAME,
LOG_MENU,
LOG_MESSAGE_ID,
LOG_TP_NO,
} from "../../../utils/Config";
import { import {
formatGMTString, formatGMTString,
formatLocalDateTime, formatLocalDateTime,
@@ -156,12 +161,14 @@ export default function ShowOption({
}; };
dispatch(sendLogDetail(params)); dispatch(sendLogDetail(params));
dispatch(sendLogTotalRecommend({ dispatch(
menu: LOG_MENU.DETAIL_PAGE_THEME_DETAIL, sendLogTotalRecommend({
buttonTitle: 'DESCRIPTION', menu: LOG_MENU.DETAIL_PAGE_THEME_DETAIL,
contextName: LOG_CONTEXT_NAME.DETAILPAGE, buttonTitle: "DESCRIPTION",
messageId: LOG_MESSAGE_ID.BUTTONCLICK contextName: LOG_CONTEXT_NAME.DETAILPAGE,
})) messageId: LOG_MESSAGE_ID.BUTTONCLICK,
})
);
} }
}, [productData]); }, [productData]);
@@ -171,7 +178,7 @@ export default function ShowOption({
const discountPrice = productData?.priceInfo?.split("|")[1]; const discountPrice = productData?.priceInfo?.split("|")[1];
const discountRate = productData?.priceInfo?.split("|")[4]; const discountRate = productData?.priceInfo?.split("|")[4];
const logParams = { const logParams = {
status: 'open', status: "open",
nowMenu: nowMenu, nowMenu: nowMenu,
partner: productData?.patncNm, partner: productData?.patncNm,
productId: productData?.prdtId, productId: productData?.prdtId,
@@ -181,15 +188,17 @@ export default function ShowOption({
discount: discountRate, discount: discountRate,
category: productData?.catNm, category: productData?.catNm,
contextName: LOG_CONTEXT_NAME.SHOPBYMOBILE, contextName: LOG_CONTEXT_NAME.SHOPBYMOBILE,
messageId: LOG_MESSAGE_ID.SMB messageId: LOG_MESSAGE_ID.SMB,
} };
dispatch(sendLogTotalRecommend(logParams)) dispatch(sendLogTotalRecommend(logParams));
dispatch(sendLogTotalRecommend({ dispatch(
menu: LOG_MENU.DETAIL_PAGE_THEME_DETAIL, sendLogTotalRecommend({
buttonTitle: 'Shop By Mobile', menu: LOG_MENU.DETAIL_PAGE_THEME_DETAIL,
contextName: LOG_CONTEXT_NAME.DETAILPAGE, buttonTitle: "Shop By Mobile",
messageId: LOG_MESSAGE_ID.BUTTONCLICK contextName: LOG_CONTEXT_NAME.DETAILPAGE,
})) messageId: LOG_MESSAGE_ID.BUTTONCLICK,
})
);
} }
if (showProductInfo && Object.keys(showProductInfo).length > 0) { if (showProductInfo && Object.keys(showProductInfo).length > 0) {
const params = { const params = {