(() => { const { pageHelper, utils, EventManager, constants } = ShopbySkin; const { initialize } = pageHelper.productListHelper(); const urlQueryParams = utils.getQueryParams(); const productListEl = document.querySelector('product-list-items'); initialize({ ...urlQueryParams, }); const productListActionMap = { // NOTE: 좋아요버튼 클릭 PRODUCT_LIKE_BTN: ({ event }) => { event?.preventDefault?.(); const btn = event.target.closest('[shopby-product-no]'); const productNo = Number(btn.getAttribute('shopby-product-no') ?? 0); utils.isSignIn() ? EventManager.fire('MUTATE_LIKE_PRODUCT', { productNo, onSuccess: (like) => { like ? btn.classList.add('is-active') : btn.classList.remove('is-active'); }, }) : EventManager.fire('MODAL_CONFIRM_OPEN', { message: `로그인하셔야 본 서비스를 이용하실 수 있습니다.`, noticeType: constants.NOTICE_MODAL_TYPE.WARNING, onConfirm: () => { const nextUrl = `${constants.PAGE.SIGN_IN}?from=${encodeURIComponent(location.href)}`; utils.moveTo({ url: nextUrl, }); }, }); }, MOVE_PRODUCT_DETAIL: ({ event }) => { if (!utils.isAdultVerified(event)) { EventManager.fire('MODAL_CONFIRM_OPEN', { message: '성인인증이 필요한 상품입니다.', noticeType: 'CAUTION', onConfirm: () => { const productNo = event.target.closest('[shopby-product-no]')?.getAttribute('shopby-product-no'); const nextFromUrl = productNo ? `${constants.PAGE.PRODUCT_DETAIL}?productNo=${productNo}` : constants.PAGE.MAIN; const nextUrl = `${constants.PAGE.ADULT_CERTIFICATION}?from=${encodeURIComponent(nextFromUrl)}`; utils.moveTo({ url: nextUrl, }); }, }); } }, }; const clickEventListener = (e) => { if (!e?.target) { return; } const btn = e?.target?.closest?.('[shopby-action]') || e?.target?.parentElement?.closest?.('[shopby-action]'); const action = btn?.getAttribute('shopby-action'); if (!btn) { return; } productListActionMap[action]?.({ event: e, }); }; EventManager.on('PAGE_LOAD_COMPLETED', () => { // 외부스크립트 등록 기능. 삭제금지 ShopbyExternalScript?.setPageScriptType(urlQueryParams?.keywords ? 'PRODUCT_SEARCH' : 'PRODUCT_LIST'); }); EventManager.on('QUERY_SEARCH_PRODUCTS_BY', (data) => { // 외부스크립트 등록 기능. 삭제금지 ShopbyExternalScript?.setGlobalObjectSb({ searchedProduct: { ...data, items: productListEl.store.state.items, }, }); if (!urlQueryParams?.categoryNo) { ShopbyExternalScript?.setGlobalObjectSb({ currentCategory: null, }); } ShopbySkin.structuredData?.injectProductListStructuredData(data); // 상품목록 구조화 데이터(JSON-LD) 삽입 }); EventManager.on('QUERY_DISPLAY_CATEGORY', (data) => { // 외부스크립트 등록 기능. 삭제금지 ShopbyExternalScript?.setGlobalObjectSb({ currentCategory: data?.currentCategory, }); ShopbySkin.structuredData?.injectBreadcrumbStructuredData(data); // 카테고리 경로 구조화 데이터(JSON-LD) 삽입 }); document.addEventListener('click', clickEventListener); })();