"use strict";(self.webpackChunk_shopby_react_skin=self.webpackChunk_shopby_react_skin||[]).push([[1907],{8954:(e,t,r)=>{r.d(t,{Z:()=>n});const n=r(9833).Z},1907:(e,t,r)=>{r.r(t),r.d(t,{default:()=>D});var n=r(9887),o=r(9655),a=r(7324),l=r(2557),c=r(2302),u=r(176),i=r(7294),s=r(5518),y=r(1955),f=r(9212),m=r(8954),g=r(7294);function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,a;n=e,o=t,a=r[t],(o=function(e){var t=function(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===p(t)?t:String(t)}(o))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],u=!0,i=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var N=[{value:"POPULAR",label:"인기순"},{value:"LOW_PRICE",label:"낮은가격순"},{value:"HIGH_PRICE",label:"높은가격순"},{value:"REVIEW",label:"상품후기순"},{value:"RECENT_PRODUCT",label:"등록일순"}],E=s.tq?f.gn2.MOBILE_WEB:f.gn2.PC;const S=function(){var e=(0,a.dw)(),t=e.pageNumber,r=e.totalCount,n=e.sortType,l=e.accumulationProducts,c=e.productSearchResponse,u=e.isLoading,s=e.scrollY,f=e.isStoreScroll,p=(0,a.js)(),d=p.searchProductsBy,h=p.updateSortType,S=v((0,i.useState)(!1),2),O=S[0],C=S[1],_=v((0,o.lr)(),1)[0],w=(0,i.useMemo)((function(){return _.get("keyword")}),[_]),j=(0,i.useMemo)((function(){return _.get("categoryNo")}),[_]),I=v((0,i.useState)({categoryNos:null!=j?j:"",keywords:w,pageNumber:t,sortType:n,pageSize:10,soldOut:!0,saleStatus:"ONSALE","filter.stickerNos":4333==y.Z.get("memberGroupNo")?130330:130331}),2),k=I[0],P=I[1],T=(0,i.useRef)(!1),A=w?"PRODUCT_SEARCH":"PRODUCT_LIST";return(0,i.useEffect)((function(){var e;window.scrollTo(0,0),T.current&&(null===(e=ShopbyExternalScript)||void 0===e||e.setPageScriptType(A,!0),P((function(e){return b(b({},e),{},{sortType:n,pageNumber:1,categoryNos:j,keywords:w})})))}),[n,j,w]),(0,i.useEffect)((function(){d(k),C(!1)}),[k]),(0,i.useEffect)((function(){var e,t;c&&(_.get("keyword")?null===(t=ShopbyExternalScript)||void 0===t||t.setGlobalObjectSb({searchedProduct:c,currentCategory:null}):null===(e=ShopbyExternalScript)||void 0===e||e.setGlobalObjectSb({searchedProduct:c}))}),[c,_]),(0,i.useEffect)((function(){f&&s&&window.scrollTo({top:s,behavior:"smooth"})}),[s]),(0,i.useEffect)((function(){T.current=!0}),[]),g.createElement(m.Z,{totalCount:r,products:l,sortType:n,sortBy:N,updateSortType:h,handleIntersect:function(){var e;C(!0),l.length>=r||(null===(e=ShopbyExternalScript)||void 0===e||e.setPageScriptType(A,!0),P((function(e){return b(b({},e),{},{pageNumber:e.pageNumber+1})})))},disabled:O,isLoading:u,className:"".concat(E)})};var O=r(5697),C=r(7294),_=function e(t,r){var n;return t?t.depth===r?t.content:e(null===(n=t.children)||void 0===n?void 0:n[0],r):null},w=function(e){var t,r=e.depth,n=(0,c.hG)().currentCategory;if(null===(t=n.multiLevelCategories)||void 0===t||!t.length)return null;var o=_(n.multiLevelCategories[0],r);return o?C.createElement("div",{className:"category-content top-content",dangerouslySetInnerHTML:{__html:o}}):null};const j=w;w.propTypes={depth:O.number};var I=r(7294);function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}const P=function(){var e,t,r,n,a=(0,c.hG)(),l=a.parentCategories,u=a.currentCategories,i=(r=(0,o.lr)(),n=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],u=!0,i=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw o}}return c}}(r,n)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(e,t):void 0}}(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];if(!l.categoryInfo.label)return I.createElement(I.Fragment,null);var s=Number(i.get("categoryNo"));return I.createElement("div",{className:"category-callout__sub"},I.createElement("nav",{className:"category-callout__sub-nav"},I.createElement(o.rU,{className:"category-callout__link",to:"/products?categoryNo=".concat(null==l||null===(e=l.categoryInfo)||void 0===e?void 0:e.categoryNo)},"전체보기 ",">"),null===(t=u.categories)||void 0===t?void 0:t.map((function(e){return I.createElement(o.rU,{key:e.categoryNo,className:"".concat(s===e.categoryNo?"is-active":""," category-callout__link"),to:"/products?categoryNo=".concat(e.categoryNo,"&depth=").concat(e.depth)},e.label)}))))};var T=r(7294);const A=function(){var e=(0,c.hG)().parentCategories,t=(0,c.QS)().searchCategoryMenu;return e.categoryInfo.label?T.createElement("section",{className:"category-callout"},T.createElement("menu",{className:"category-callout__list"},e.categories.map((function(r){var n,o;return T.createElement("li",{key:r.categoryNo,className:"".concat((null===(n=e.categoryInfo)||void 0===n?void 0:n.categoryNo)===r.categoryNo?"is-active":"")},T.createElement("button",{className:"category-callout__btn",onClick:function(){var n,o,a;(o={currentCategoryNo:null===(n=e.categoryInfo)||void 0===n?void 0:n.categoryNo,categoryNo:r.categoryNo,depth:r.depth}).currentCategoryNo!==(a=o.categoryNo)&&t({categoryNo:a,depth:o.depth})}},r.label),(null===(o=e.categoryInfo)||void 0===o?void 0:o.categoryNo)===r.categoryNo&&T.createElement(P,null))})))):T.createElement(T.Fragment,null)};var B=r(7294);const G=function(){var e,t,r,n,a,l=(0,c.hG)(),u=l.parentCategories,i=l.currentCategories,s=l.isVisibleCallout,y=(0,c.QS)().toggleCallout;return u.categoryInfo.label?B.createElement("section",{className:"breadcrumb"},B.createElement("div",{className:"breadcrumb__section"},B.createElement("span",{className:"breadcrumb__link"},B.createElement(o.rU,{to:"/products?categoryNo=".concat(null===(e=u.categoryInfo)||void 0===e?void 0:e.categoryNo,"&depth=").concat(null===(t=u.categoryInfo)||void 0===t?void 0:t.depth)},null===(r=u.categoryInfo)||void 0===r?void 0:r.label))," ",B.createElement("label",{className:"breadcrumb__toggle"},B.createElement("input",{type:"checkbox",onChange:function(e){return y(e.target.checked)},checked:s}),B.createElement("span",null,null!==(n=null===(a=i.categoryInfo)||void 0===a?void 0:a.label)&&void 0!==n?n:"전체보기"))),s&&B.createElement(A,null)):B.createElement(B.Fragment,null)};var U=r(7294);const R=function(){var e,t,r=(0,c.hG)(),n=r.currentCategories,a=r.childCategories;return null!==(e=n.categoryInfo)&&void 0!==e&&e.label?U.createElement("div",{className:"category-menu-wrapper"},U.createElement("nav",{className:"category-menu"},U.createElement("ul",{className:"category-menu__slide"},n.categories.map((function(e){return U.createElement("li",{key:e.categoryNo},U.createElement(o.rU,{className:"category-menu__link ".concat(n.categoryInfo.categoryNo===e.categoryNo?"is-active":""),to:"/products?categoryNo=".concat(e.categoryNo,"&depth=").concat(e.depth)},e.label))}))),U.createElement("ul",{className:"category-menu__list"},null===(t=a.categories)||void 0===t?void 0:t.map((function(e){return U.createElement("li",{key:e.categoryNo},U.createElement(o.rU,{className:"category-menu__link",to:"/products?categoryNo=".concat(e.categoryNo,"&depth=").concat(e.depth)},e.label))}))))):U.createElement(U.Fragment,null)};var L=r(7294),x=function(e){var t=e.categoryNo,r=e.depth,n=(0,c.QS)(),o=n.searchCategoryMenu,a=n.toggleCallout,l=(0,c.hG)().currentCategory;return(0,i.useEffect)((function(){o({categoryNo:t,depth:r}),a(!1)}),[t,r]),(0,i.useEffect)((function(){var e;null===(e=ShopbyExternalScript)||void 0===e||e.setGlobalObjectSb({currentCategory:l})}),[l,t,r]),L.createElement(L.Fragment,null,L.createElement(G,null),L.createElement(R,null),L.createElement(j,{depth:r}))};const H=x;x.propTypes={categoryNo:O.number,depth:O.number};var M=r(7294);function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}const D=function(){var e,t,r,i,s=(0,n.$G)("title").t,y=(r=(0,o.lr)(),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],u=!0,i=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw o}}return c}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Z(e,t):void 0}}(r,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],f=null!==(e=y.get("keyword"))&&void 0!==e?e:"",m=Number(y.get("categoryNo")),g=Number(null!==(t=y.get("depth"))&&void 0!==t?t:1);return f?(0,u.Z)({hasBackBtnOnHeader:!0,hasBottomNav:!0,hasCartBtnOnHeader:!0,title:f,hasSearchKeywordHeader:!0}):(0,u.Z)({hasBackBtnOnHeader:!0,hasBottomNav:!0,hasCartBtnOnHeader:!0,title:s("상품 목록")}),M.createElement(a.ZP,null,M.createElement(l.Z,{shows:!f,TruthyComponent:M.createElement(c.ZP,null,M.createElement(H,{categoryNo:m,depth:g}))}),M.createElement(S,null))}}}]);