optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Log] IF-LGSP-LOG-112 / Check out 화면 버튼 클릭 이력, 반영

Browse Source
This commit is contained in:
younghoon100.park
2024-07-15 15:59:45 +09:00
parent 5333db47bf
commit db5d5e48b1
4 changed files with 96 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
com.twin.app.shoptime/src/actions/logActions.js
View File

@@ -90,7 +90,7 @@ export const getUrlByLogTpNo = (logTpNo) => {
// IF-LGSP-LOG-018 / 알람 팝업 OK/NO 클릭
case LOG_TP_NO.ALARM_CLICK.OK:
case LOG_TP_NO.ALARM_CLICK.NO:
case LOG_TP_NO.ALARM_CLICK.KEYWORD:
return URLS.LOG_ALARM_CLICK;
// IF-LGSP-LOG-020 / 테마 상품 상세 이력 → 테마 상품 클릭 이력
@@ -131,6 +131,10 @@ export const getUrlByLogTpNo = (logTpNo) => {
// IF-LGSP-LOG-109 / 결제 완료 이력
case LOG_TP_NO.PAYMENT_COMPLETE:
return URLS.LOG_PAYMENT_COMPLETE;
// IF-LGSP-LOG-112 / Check out 화면 버튼 클릭 이력
case LOG_TP_NO.CHECKOUT_BTN_CLICK:
return URLS.LOG_CHECKOUT_BTN_CLICK;
default:
return;
}

33
com.twin.app.shoptime/src/hooks/useLogService.js
View File

@@ -1371,6 +1371,38 @@ export default function useLogService() {
[dispatch, entryMenuRef, nowMenuRef]
);
/**
* IF-LGSP-LOG-112 / Check out 화면 버튼 클릭 이력
*
* (M) btnNm 버튼 이름
*
* (M) entryMenu 진입 메뉴
*
* (M) logTpNo 로그 타입 넘버
*
* (M) nowMenu 현재 메뉴
*/
const sendLogCheckOutBtnClick = useCallback(
(params) => {
const { btnNm } = params;
if (!btnNm) {
console.error("sendLogCheckOutBtnClick invalid params", params);
return;
}
const newParams = {
...params,
entryMenu: entryMenuRef.current,
logTpNo: LOG_TP_NO.CHECKOUT_BTN_CLICK,
nowMenu: nowMenuRef.current,
};
dispatch(postLog(newParams));
},
[dispatch, entryMenuRef, nowMenuRef]
);
return {
sendLogLive,
sendLogVOD,
@@ -1398,5 +1430,6 @@ export default function useLogService() {
sendLogPaymentEntry,
sendLogPaymentComplete,
sendLogFeaturedBrands,
sendLogCheckOutBtnClick,
};
}

90
com.twin.app.shoptime/src/utils/Config.js
View File

@@ -228,6 +228,8 @@ export const LOG_TP_NO = {
PAYMENT_ENTRY: "900",
PAYMENT_COMPLETE: "901",
CHECKOUT_BTN_CLICK: "902",
};
// TV log update
@@ -248,44 +250,44 @@ export const LOG_MENU = {
SYSTEM_ALERT: "System Alert",
UNKNOWN: "Unknown",
EVENT_POPUP: "Event Popup", // completed
EVENT_POPUP: "Event Popup",
WELCOME_EVENT: "Welcome Event",
TERMS_CONDITIONS: "Terms & Conditions", // completed
TERMS_CONDITIONS: "Terms & Conditions",
HOME_TOP: "Home/Top", // completed
HOME_CATEGORY: "Home/Category", // completed
HOME_ON_SALE: "Home/On Sale", // completed
HOME_POPULAR_SHOWS: "Home/Popular Shows", // completed
HOME_BEST_SELLER: "Home/Best Sellers", // completed
HOME_TOP: "Home/Top",
HOME_CATEGORY: "Home/Category",
HOME_ON_SALE: "Home/On Sale",
HOME_POPULAR_SHOWS: "Home/Popular Shows",
HOME_BEST_SELLER: "Home/Best Sellers",
TRENDING_NOW_POPULAR_SHOWS: "Trending Now/Popular Shows", // completed
TRENDING_NOW_BEST_SELLER: "Trending Now/Best Sellers", // completed
TRENDING_NOW_POPULAR_SHOWS: "Trending Now/Popular Shows",
TRENDING_NOW_BEST_SELLER: "Trending Now/Best Sellers",
HOT_PICKS: "Hot Picks", // completed
HOT_PICKS: "Hot Picks",
ON_SALE: "On Sale", // completed
ON_SALE: "On Sale",
SEARCH_SEARCH: "Search/Search", // completed
SEARCH_RESULT: "Search/Search Result", // completed
SEARCH_BEST_SELLER: "Search/Best Sellers", // completed
SEARCH_SEARCH: "Search/Search",
SEARCH_RESULT: "Search/Search Result",
SEARCH_BEST_SELLER: "Search/Best Sellers",
CATEGORY_SHOWS: "Category/Shows", // completed
CATEGORY_ITEM: "Ctegory/Item", // completed
CATEGORY_POPULAR_SHOWS: "Category/Popular Shows", // completed
CATEGORY_BEST_SELLER: "Category/Best Sellers", // completed
CATEGORY_SHOWS: "Category/Shows",
CATEGORY_ITEM: "Ctegory/Item",
CATEGORY_POPULAR_SHOWS: "Category/Popular Shows",
CATEGORY_BEST_SELLER: "Category/Best Sellers",
FEATURED_BRANDS_QUICK_MENU: "Featured Brands/Quick Menu", // pyh todo, 문의, completed
FEATURED_BRANDS_LIVE_CHANNELS: "Featured Brands/Live Channels", // completed
FEATURED_BRANDS_UPCOMING: "Featured Brands/Upcoming", // completed
FEATURED_BRANDS_TODAYS_DEALS: 'Featured Brands/Today"s Deals', // completed
FEATURED_BRANDS_BEST_SELLER: "Featured Brands/Best Sellers", // completed
FEATURED_BRANDS_RECOMMENDED_SHOWS: "Featured Brands/Recommended Shows", // completed
FEATURED_BRANDS_FEATURED_CREATORS: "Featured Brands/Featured Creators", // completed
FEATURED_BRANDS_SERIES: "Featured Brands/Series", // completed
FEATURED_BRANDS_CATEGORY: "Featured Brands/Category", // completed
FEATURED_BRANDS_SHOWROOM: "Featured Brands/Showroom", // completed
FEATURED_BRANDS_QUICK_MENU: "Featured Brands/Quick Menu",
FEATURED_BRANDS_LIVE_CHANNELS: "Featured Brands/Live Channels",
FEATURED_BRANDS_UPCOMING: "Featured Brands/Upcoming",
FEATURED_BRANDS_TODAYS_DEALS: 'Featured Brands/Today"s Deals',
FEATURED_BRANDS_BEST_SELLER: "Featured Brands/Best Sellers",
FEATURED_BRANDS_RECOMMENDED_SHOWS: "Featured Brands/Recommended Shows",
FEATURED_BRANDS_FEATURED_CREATORS: "Featured Brands/Featured Creators",
FEATURED_BRANDS_SERIES: "Featured Brands/Series",
FEATURED_BRANDS_CATEGORY: "Featured Brands/Category",
FEATURED_BRANDS_SHOWROOM: "Featured Brands/Showroom",
MY_PAGE: "My Page", // completed
MY_PAGE: "My Page",
// MY_PAGE_MY_INFO: "My Page/My Info",
// MY_PAGE_MY_ORDERS: "My Page/My Orders",
// MY_PAGE_FAVORITES: "My Page/Favorites",
@@ -295,24 +297,24 @@ export const LOG_MENU = {
// MY_PAGE_TERMS_OF_SERVICE: "My Page/Terms Of Service",
// MY_PAGE_SETTINGS: "My Page/Settings",
THEME_PAGE: "Theme Page", // completed
THEME_PAGE: "Theme Page",
DETAIL_PAGE_BILLING_PRODUCT_DETAIL: "Detail Page/Billing Product Detail", // completed
DETAIL_PAGE_PRODUCT_DETAIL: "Detail Page/Product Detail", // completed
DETAIL_PAGE_GROUP_DETAIL: "Detail Page/Group Detail", // completed
DETAIL_PAGE_BILLING_PRODUCT_DETAIL: "Detail Page/Billing Product Detail",
DETAIL_PAGE_PRODUCT_DETAIL: "Detail Page/Product Detail",
DETAIL_PAGE_GROUP_DETAIL: "Detail Page/Group Detail",
DETAIL_PAGE_THEME_DETAIL: "Detail Page/Theme Detail",
DETAIL_PAGE_TRAVEL_THEME_DETAIL: "Detail Page/Travel Theme Detail", // completed
DETAIL_PAGE_TRAVEL_THEME_DETAIL: "Detail Page/Travel Theme Detail",
FULL: "Full Player/Full Player", // completed
FULL_SHOP_NOW: "Full Player/Shop Now", // completed
FULL_YOU_MAY_LIKE: "Full Player/You May Like", // completed
FULL_LIVE_CHANNELS: "Full Player/Live Channels", // completed
FULL_FEATURED_SHOWS: "Full Player/Featured Shows", // completed
FULL: "Full Player/Full Player",
FULL_SHOP_NOW: "Full Player/Shop Now",
FULL_YOU_MAY_LIKE: "Full Player/You May Like",
FULL_LIVE_CHANNELS: "Full Player/Live Channels",
FULL_FEATURED_SHOWS: "Full Player/Featured Shows",
SHOW_ROOM_SHOP_NOW: "Showroom/Shop Now", // completed
SHOW_ROOM_ROOM_THEME: "Showroom/Room Theme", // completed
SHOW_ROOM_SHOP_NOW: "Showroom/Shop Now",
SHOW_ROOM_ROOM_THEME: "Showroom/Room Theme",
CHECKOUT: "Checkout/Checkout", // completed
CHECKOUT_PIN_CODE: "Checkout/PIN Code", // completed
CHECKOUT_ORDER_COMPLETE: "Checkout/Order Complete", // completed
CHECKOUT: "Checkout/Checkout",
CHECKOUT_PIN_CODE: "Checkout/PIN Code",
CHECKOUT_ORDER_COMPLETE: "Checkout/Order Complete",
};

15
com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
View File

@@ -39,7 +39,8 @@ import OrderItemsSideBar from "./container/OrderItemsSideBar";
import SummaryContainer from "./container/SummaryCotainer";
export default function CheckOutPanel({ panelInfo }) {
const { sendLogGNB, sendLogPaymentEntry } = useLogService();
const { sendLogCheckOutBtnClick, sendLogGNB, sendLogPaymentEntry } =
useLogService();
const dispatch = useDispatch();
const panels = useSelector((state) => state.panels.panels);
const { userNumber } = useSelector(
@@ -199,14 +200,22 @@ export default function CheckOutPanel({ panelInfo }) {
}, [dispatch]);
const toggleOrderSideBar = useCallback(() => {
if (!orderSideBarOpen) {
sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" });
}
setOrderSideBarOpen((prev) => !prev);
setTimeout(() => Spotlight.focus(), 0);
}, []);
}, [orderSideBarOpen, sendLogCheckOutBtnClick]);
const toggleOfferSideBar = useCallback(() => {
if (!offerSideBarOpen) {
sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" });
}
setOfferSideBarOpen((prev) => !prev);
setTimeout(() => Spotlight.focus(), 0);
}, []);
}, [offerSideBarOpen, sendLogCheckOutBtnClick]);
const onClosePopup = useCallback(() => {
setPlaceOrderPopup(false);