(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9603],{80822:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(8784),i=n(68542),o=n(21265),a=n(10606),c=n(69222);let l=(0,c.Z)("MuiBox",["root"]),s=(0,o.Z)(),d=(0,r.Z)({themeId:a.Z,defaultTheme:s,defaultClassName:l.root,generateClassName:i.Z.generate});var p=d},68389:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search",function(){return n(17904)}])},17904:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return eK},default:function(){return search}});var r=n(52322),i=n(2784),o=n(51325),a=n(73235),c=n(76530),l=n(92603),s=n(63955),d=n(96409),p=n(44889),u=n(43001),m=n(69155),h=n(46336),x=n(5226),g=n(14867),f=n(8024),b=n(92756);function _templateObject(){let e=(0,a._)(["\n  display: flex;\n  width: 100%;\n  max-width: 720px;\n  justify-content: center;\n  align-items: center;\n  margin: 56px auto 0;\n  font-size: 14px;\n\n  @media screen and (",") {\n    margin-top: 32px;\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,a._)(["\n  position: sticky;\n  top: 56px;\n  z-index: ",";\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,a._)(["\n  padding: 14px 20px 14px 20px;\n  line-height: 20px;\n  height: ","px;\n  cursor: pointer;\n  box-sizing: border-box;\n  text-align: center;\n  border: 1px solid ",";\n  color: ",";\n  background-color: ",";\n\n  &:nth-of-type(1) {\n    border-right: none;\n    border-radius: "," 0 0 ",";\n  }\n\n  &:nth-of-type(2) {\n    border-left: none;\n    border-radius: 0 "," "," 0;\n  }\n\n  @media screen and (",") {\n    width: 100%;\n  }\n\n  @media screen and (",") {\n    width: 100%;\n  }\n\n  @media screen and (",") {\n    width: 100%;\n  }\n\n  @media screen and (",") {\n    width: 100%;\n  }\n"]);return _templateObject2=function(){return e},e}function SearchTab(e){let{count:t,promotionCount:n}=e,{isDesktop:i,isMobile:o}=(0,c.Z)("search"),a=(0,f.CG)(e=>e.search.selectedTab),l=(0,f.TL)(),s=["상품(".concat(t||0,")"),"기획전(".concat(n||0,")")],d=["click_category_search_item","click_category_search_promotion"];return(0,r.jsx)(r.Fragment,{children:i?(0,r.jsx)(j,{children:s.map((e,t)=>(0,r.jsx)(_,{onClick:()=>{(0,x.S)({event:"click_category",ep_button_Text:e.replace(/[(\d)]+/g,"")}),l((0,g.W4)(o,t))},selectedTab:a===t,className:d[t],children:e},e))}):(0,r.jsx)(v,{children:(0,r.jsx)(p.Z,{tabType:"Two",tabList:s,onSelect:e=>{let t=s[e];(0,x.S)({event:"click_category",ep_button_Text:t.replace(/[(\d)]+/g,"")}),l((0,g.W4)(o,e))},selectedTab:a,gtmData:{classNames:{tabs:d}}})})})}let j=l.Z.ul(_templateObject(),b.sI.pcSmall),v=l.Z.div(_templateObject1(),m.X.searchPageSticky),_=l.Z.li(_templateObject2(),h.bv,u.ZP.colors.grayScale.gray3,e=>{let{selectedTab:t}=e;return t?"".concat(u.ZP.colors.grayScale.white):"".concat(u.ZP.colors.grayScale.black)},e=>{let{selectedTab:t}=e;return t?"".concat(u.ZP.colors.grayScale.black):"".concat(u.ZP.colors.grayScale.white)},u.ZP.border.shape.radius,u.ZP.border.shape.radius,u.ZP.border.shape.radius,u.ZP.border.shape.radius,b.Ri.pc,b.sI.pcSmall,b.Ri.pc,b.sI.pcSmall);var w=n(5632),S=n(5478),y=n(50312),O=n(58512),Z=n(96577),C=n.n(Z);let k={colorCodes:"컬러",categories:"카테고리",categoryCodes:"카테고리",fitCodes:"핏",functionalityAvailables:"기능성 여부",wearingSizes:"의류 사이즈",shoesSizes:"신발 사이즈",capSizes:"모자 사이즈",bagSizes:"가방 사이즈",accessorySizes:"ACC 사이즈",kidsSizes:"키즈 사이즈",mlbTeamCodes:"팀명",priceSectorCodes:"가격"};var P=n(20140),F=n(4902),I=n(41184),R=n(66820),z=n(48881),T=n(97813);let parseQuery=e=>Array.isArray(e)?e.join(","):"string"==typeof e?e:"",makeSearchURL=e=>{let t=Object.entries(e).filter(e=>{let[t,n]=e;return"boolean"==typeof n?!!n:n&&n.length>0}).filter(e=>{let[t,n]=e;return!("sort"===t&&n===h.NK[0].value)}).filter(e=>{let[t,n]=e;return!("page"===t&&1===n)}).map(e=>{let[t,n]=e;return"text"===t?["searchText",n]:[t,n]}).map(e=>{let[t,n]=e;return"isExceptSoldOut"===t?["sold-out",n?h.xB.EXCEPT_SOLDOUT:h.xB.ALL]:[t,n]}).filter(e=>{let[t,n]=e;return!("sold-out"===t&&n===h.xB.ALL)}).map(e=>{let[t,n]=e;return"categoryCodes"===t?"".concat(t,"=").concat(encodeURIComponent(n)):"".concat(t,"=").concat(parseQuery(n))}).join("&");return"/search?"+t};var N=n(43252),L=n(36929),A=n(51752),E=n(79172),G=n(95946);function SearchFilterOptionDrawer_templateObject(){let e=(0,a._)(["\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  min-height: 100%;\n  width: 100vw;\n\n  @media screen and (",") {\n    width: 438px;\n  }\n"]);return SearchFilterOptionDrawer_templateObject=function(){return e},e}function SearchFilterOptionDrawer_templateObject1(){let e=(0,a._)(["\n  padding: 14px 16px 14px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 56px;\n  border-bottom: 1px solid ",";\n\n  @media screen and (",") {\n    padding: 16px 16px 16px 20px;\n  }\n"]);return SearchFilterOptionDrawer_templateObject1=function(){return e},e}function SearchFilterOptionDrawer_templateObject2(){let e=(0,a._)(["\n  width: 100%;\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n  ::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n"]);return SearchFilterOptionDrawer_templateObject2=function(){return e},e}function _templateObject3(){let e=(0,a._)([""]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,a._)(["\n  display: block;\n  width: 100%;\n  min-height: 8px;\n  background-color: #f8f8f8;\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,a._)(["\n  padding-top: ",";\n  padding-bottom: 32px;\n  padding-right: 2px;\n"]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,a._)(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  column-gap: 16px;\n  row-gap: 12px;\n  padding: 20px 6px 32px 20px;\n"]);return _templateObject6=function(){return e},e}function _templateObject7(){let e=(0,a._)(["\n  display: flex;\n  flex-direction: column;\n  width: 100vw;\n  background-color: ",";\n  flex-shrink: 0;\n  flex: none;\n\n  @media screen and (",") {\n    width: inherit;\n  }\n"]);return _templateObject7=function(){return e},e}var search_SearchFilterOptionDrawer=e=>{let{filterData:t,searchText:n,isExceptSoldOut:o,filter:a}=e,l=(0,w.useRouter)(),{isDesktop:p,isMobile:u}=(0,c.Z)("search"),h=(0,f.CG)(e=>e.search.isFilterOpen),x=(0,f.TL)(),b=(0,i.useMemo)(()=>({text:n,sort:T.d$.RECENTLY_RELEASE,isExceptSoldOut:o||!1,mlbTeamCodes:(null==a?void 0:a.mlbTeamCodes)||[],colorCodes:(null==a?void 0:a.colorCodes)||[],categoryCodes:(null==a?void 0:a.categoryCodes)||[],categories:(null==a?void 0:a.categories)||[],fitCodes:(null==a?void 0:a.fitCodes)||[],functionalityAvailables:(null==a?void 0:a.functionalityAvailables)||[],wearingSizes:(null==a?void 0:a.wearingSizes)||[],shoesSizes:(null==a?void 0:a.shoesSizes)||[],capSizes:(null==a?void 0:a.capSizes)||[],bagSizes:(null==a?void 0:a.bagSizes)||[],accessorySizes:(null==a?void 0:a.accessorySizes)||[],kidsSizes:(null==a?void 0:a.kidsSizes)||[],priceSectorCodes:(null==a?void 0:a.priceSectorCodes)||[]}),[n,o,a]),j=(0,s.cI)({defaultValues:b}),{reset:v,setValue:_,watch:S}=j,{text:Z,sort:G,page:X,isExceptSoldOut:K,...q}=S(),{data:$}=(0,d.dl)(n,K||!1,q),Y=null==$?void 0:$.search.page.total,J=Object.keys(k);(0,i.useEffect)(()=>{v(b)},[h]);let filterRouterSet=async()=>{await l.replace(makeSearchURL({...S()}))},handleFilterSet=async()=>{await filterRouterSet(),x((0,g.Ao)())};return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(s.RV,{...j,children:(0,r.jsx)("form",{children:(0,r.jsx)(O.ZP,{anchor:"right",style:{zIndex:m.X.searchPopup},open:h,onClose:()=>x((0,g.Ao)()),sx:{"&.MuiDrawer-root .MuiModal-backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"},"& .MuiDrawer-paper":{boxShadow:"none"}},children:(0,r.jsxs)(M,{children:[(0,r.jsxs)(D,{children:[(0,r.jsx)("div",{children:"FILTER"}),(0,r.jsx)(P.z,{onClick:()=>x((0,g.Ao)()),style:{padding:p?"5px":"7px"},children:(0,r.jsx)(C(),{src:"/icons/close-icon.svg",alt:"close",width:14,height:14,style:{width:"14px",height:"14px"}})})]}),(0,r.jsxs)(B,{children:[(0,r.jsx)(L.Z,{label:"품절된 상품 필터에서 제외",checked:K||!1,onChange:()=>{_("isExceptSoldOut",!K)},labelSx:{color:"#787878"},sx:{padding:"18px 20px"}}),u&&(0,r.jsx)(U,{}),t&&["mlbTeamCodes","colorCodes","categoryCodes",...Object.keys(t).filter(e=>"mlbTeamCodes"!==e).filter(e=>"colorCodes"!==e).filter(e=>"categoryCodes"!==e).filter(e=>"categories"!==e)].map(e=>{var n;if(J.includes(e)&&(null===(n=t[e])||void 0===n?void 0:n.length))return(0,r.jsx)(W,{children:(0,r.jsx)(N.Z,{defaultExpanded:!0,summary:k[e],isMobile:u,arrowObject:{width:28,mobilewidth:20},summaryClass:"filter-summary",detail:(0,r.jsx)(r.Fragment,{children:"colorCodes"===e?(0,r.jsx)(H,{children:(0,r.jsx)(I.Z,{options:t.colorCodes,name:e})}):(0,r.jsx)(V,{children:"priceSectorCodes"===e?(0,r.jsx)(z.Z,{options:t[e],name:e}):"categoryCodes"===e?(0,r.jsx)(R.ZP,{options:t.categoryCodes.map(e=>e.name+"|"+e.code),name:e}):"mlbTeamCodes"===e?(0,r.jsx)(A.ZP,{options:t.mlbTeamCodes.map(e=>({name:e.en,code:e.code,imageUrl:e.imageUrl})),name:e}):(0,r.jsx)(R.ZP,{options:t[e].map(e=>(0,E.Z)(e)),name:e})})})})},e)})]}),(0,r.jsx)(Q,{children:(0,r.jsx)(F.Z,{width:"100%",resetFilter:()=>{y.S2.forEach((e,t)=>{_(t,[])}),_("isExceptSoldOut",!1)},productCount:Y,onProductView:handleFilterSet})})]})})})})})};let M=l.Z.div(SearchFilterOptionDrawer_templateObject(),e=>{let{theme:t}=e;return t.colors.background.white},b.Ri.pc),D=l.Z.div(SearchFilterOptionDrawer_templateObject1(),e=>{let{theme:t}=e;return t.colors.grayScale.gray3},b.Ri.pc),B=l.Z.div(SearchFilterOptionDrawer_templateObject2(),e=>{let{theme:t}=e;return t.colors.background.white}),W=l.Z.div(_templateObject3()),U=l.Z.div(_templateObject4()),H=l.Z.div(_templateObject5(),"duvetica"===(0,G.h)()?"24px":"20px"),V=l.Z.div(_templateObject6()),Q=l.Z.div(_templateObject7(),e=>{let{theme:t}=e;return t.colors.background.white},b.Ri.pc);var X=n(63746),K=n(71709),q=n(19647),$=n(97679),Y=n(44558),J=n(10718),ee=n(13649);function PromotionItem_templateObject(){let e=(0,a._)(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 100%;\n  cursor: pointer;\n"]);return PromotionItem_templateObject=function(){return e},e}function PromotionItem_templateObject1(){let e=(0,a._)(["\n  background: ",";\n  background-size: cover;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  display: flex;\n  position: relative;\n  background-color: #fafafa;\n"]);return PromotionItem_templateObject1=function(){return e},e}function PromotionItem_templateObject2(){let e=(0,a._)(["\n  z-index: 1;\n  position: absolute;\n  left: 4px;\n  top: -22px;\n  background-color: ",";\n  color: #fff;\n  font-size: 12px;\n  line-height: 18px;\n  padding: 4px 8px;\n"]);return PromotionItem_templateObject2=function(){return e},e}function PromotionItem_templateObject3(){let e=(0,a._)(["\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 100%;\n  padding: ",";\n\n  @media screen and (",") {\n    padding: 0;\n  }\n"]);return PromotionItem_templateObject3=function(){return e},e}function PromotionItem_templateObject4(){let e=(0,a._)(["\n  color: #000000;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  word-wrap: break-word;\n  overflow: hidden;\n  height: auto;\n  font-size: ",";\n  line-height: ",";\n  margin-top: ",";\n  font-weight: ",";\n\n  @media screen and (",") {\n    margin-top: ",";\n    font-size: ",";\n    line-height: ",";\n  }\n\n  @media screen and (",") {\n    margin-top: 12px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  @media screen and (",") {\n    margin-top: 12px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]);return PromotionItem_templateObject4=function(){return e},e}function PromotionItem_templateObject5(){let e=(0,a._)(["\n  font-style: normal;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  color: #787878;\n  margin-top: 8px;\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  word-wrap: break-word;\n  overflow: hidden;\n\n  @media screen and (",") {\n    margin-top: ",";\n  }\n\n  @media screen and (",") {\n    font-size: ",";\n    line-height: ",";\n  }\n\n  @media screen and (",") {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"]);return PromotionItem_templateObject5=function(){return e},e}function PromotionItem_templateObject6(){let e=(0,a._)(["\n  font-style: normal;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  color: #787878;\n  font-size: 14px;\n  line-height: 20px;\n\n  @media screen and (",") {\n    margin-top: 2px;\n  }\n"]);return PromotionItem_templateObject6=function(){return e},e}var search_PromotionItem=function(e){let{isTitleSmall:t,id:n,title:i,content:o,date:a,src:c,page_area:l,badgeType:s,type:d}=e,p=(0,w.useRouter)(),u="duvetica"===(0,G.h)()?"archive":"promotions";return(0,r.jsxs)(et,{onClick:()=>{(0,x.y)("select_promotion",p.asPath,{page_area:l,items:[{promotion_id:n,promotion_name:i}]});let e="duvetica"===(0,G.h)()?"promotion":"event";"CAMPAIGN"===d?p.push("/display/".concat(u,"/campaign/").concat(n)):"COLLECTION"===d?p.push("/display/".concat(u,"/collection/").concat(n)):p.push("/display/".concat(u,"/").concat(e,"/").concat(n))},children:[(0,r.jsx)(en,{src:c}),(0,r.jsxs)(ei,{isTitleSmall:t,children:["duvetica"===(0,G.h)()&&s&&(0,r.jsx)(er,{children:s}),(0,r.jsx)(eo,{isTitleSmall:t,dangerouslySetInnerHTML:{__html:i}}),o&&(0,r.jsx)(ea,{children:o}),a&&(0,r.jsx)(ec,{children:a})]})]})};let et=l.Z.div(PromotionItem_templateObject()),en=l.Z.div(PromotionItem_templateObject1(),e=>{let{src:t}=e;return"url(".concat(t?(0,J.a)(t):ee.jC,") no-repeat center center")}),er=l.Z.div(PromotionItem_templateObject2(),u.ZP.colors.background.pointBlue),ei=l.Z.div(PromotionItem_templateObject3(),e=>{let{isTitleSmall:t}=e;return t?"0":"0 20px"},b.Ri.pc),eo=l.Z.div(PromotionItem_templateObject4(),e=>{let{isTitleSmall:t}=e;return t?"14px":"20px"},e=>{let{isTitleSmall:t}=e;return t?"20px":"28px"},e=>{let{isTitleSmall:t}=e;return t?"16px":"20px"},e=>{let{isTitleSmall:t}=e;return t?"400":"700"},b.Ri.pc,"duvetica"===(0,G.h)()?"12px":"28px","duvetica"===(0,G.h)()?"16px":"24px","duvetica"===(0,G.h)()?"24px":"32px",b.sI.pcSmall,b.sI.pcSmall),ea=l.Z.div(PromotionItem_templateObject5(),b.Ri.pc,"duvetica"===(0,G.h)()?"6px":"12px",b.sI.pcSmall,"duvetica"===(0,G.h)()?"14px":"12px","duvetica"===(0,G.h)()?"20px":"18px",b.sI.pcSmall),ec=l.Z.div(PromotionItem_templateObject6(),b.Ri.pc);var el=n(10394);function SearchNoResult_templateObject(){let e=(0,a._)(["\n  width: 100%;\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n\n  @media screen and (",") {\n    padding: 0;\n    gap: 80px;\n    padding-top: 64px;\n    border-top: 1px solid ",";\n  }\n"]);return SearchNoResult_templateObject=function(){return e},e}function SearchNoResult_templateObject1(){let e=(0,a._)(["\n  width: 100%;\n  padding-bottom: 40px;\n\n  @media screen and (",") {\n    padding-left: 0;\n    padding-bottom: 0;\n  }\n"]);return SearchNoResult_templateObject1=function(){return e},e}function SearchNoResult_templateObject2(){let e=(0,a._)(["\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 24px;\n  padding-left: 20px;\n\n  @media screen and (",") {\n    font-size: 20px;\n    line-height: 28px; /* 140% */\n    padding-left: 0;\n  }\n"]);return SearchNoResult_templateObject2=function(){return e},e}function SearchNoResult(e){let{isPromotion:t,searchText:n}=e,{isDesktop:i,isMobile:o}=(0,c.Z)("search"),{data:a}=(0,d.SF)(X.XD),l=a&&a.contents;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(es,{isPromotion:t,children:[(0,r.jsx)(K.Z,{noDataType:"Search",text:t?h.uk:h.ue,width:"100%",padding:i?"122px 0":"duvetica"===(0,G.h)()?"66px 0":"95px 0 99px",borderBottom:i?"1px solid ".concat(u.ZP.colors.grayScale.gray3):"8px solid ".concat(u.ZP.colors.grayScale.gray1)}),n&&n.trim().length>0&&(0,r.jsx)(ed,{children:t&&l?(0,r.jsx)(r.Fragment,{children:(null==l?void 0:l.length)>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(ep,{children:t?"duvetica"===(0,G.h)()?"NEW ARCHIVE":"NEW PROMOTION":"NOW BEST"}),(0,r.jsx)(q.BB,{children:(0,r.jsx)(q.X_,{className:"component-swiper-style",slidesPerView:o?"auto":4,spaceBetween:8,scrollbar:(null==l?void 0:l.length)>5,navigation:!!i&&(null==l?void 0:l.length)>5,modules:[$.Rv,$.LW,$.W_],style:{padding:i?"0 0 40px 0":"0 20px"},children:t&&(null==l?void 0:l.map((e,t)=>(0,r.jsx)(Y.o5,{style:{width:i?"auto":"144px"},children:(0,r.jsx)(search_PromotionItem,{isTitleSmall:o,id:e.id,title:e.title,content:"",date:"",src:o?e.mobileListImageUrl:e.pcListImageUrl,page_area:"NEW PROMOTION",badgeType:e.badgeType,type:e.type})},"promotion_".concat(e.id,"_").concat(t))))},"search_empty_best_".concat(t?"promotion":"product"))})]})}):(0,r.jsx)(el.Z,{title:"NOW BEST",apiPath:"/recommend/search/".concat(n.replace(/\//g,"")),isMobile:o,sectionArea:"검색 결과 없음",sectionName:"검색 결과 없음"})})]})})}let es=l.Z.div(SearchNoResult_templateObject(),u.ZP.colors.background.white,b.Ri.pc,u.ZP.colors.grayScale.gray3),ed=l.Z.div(SearchNoResult_templateObject1(),b.Ri.pc),ep=l.Z.div(SearchNoResult_templateObject2(),b.Ri.pc);var eu=n(3784),em=n(76682),eh=n(70884),ex=n(83352),eg={src:"/_next/static/media/arrow_select.f4f4be19.svg",height:20,width:20,blurWidth:0,blurHeight:0};function RHFSelect(e){let{name:t,native:n,maxHeight:i=220,helperText:o,children:a,...c}=e,{control:l}=(0,s.Gc)();return(0,r.jsx)(s.Qr,{name:t,control:l,render:e=>{let{field:t,fieldState:{error:l}}=e;return(0,r.jsx)(ex.Z,{...t,select:!0,fullWidth:!0,SelectProps:{native:n,MenuProps:{slotProps:{paper:{sx:{marginTop:"8px",border:"1px solid #e8e8e8",boxShadow:"none"}}},PaperProps:{sx:{...!n&&{maxHeight:"number"==typeof i?i:"unset"}}}},sx:{textTransform:"capitalize"},IconComponent:ArrowIcon},error:!!l,helperText:l?null==l?void 0:l.message:o,...c,children:a})}})}function ArrowIcon(e){return(0,r.jsx)(C(),{className:e.className,src:eg,alt:"category-open-arrow-icon",width:20,height:20,style:{top:"unset",right:"12px"},priority:!0})}var ef=n(90424),eb={src:"/_next/static/media/filter-icon.5041a2ec.svg",height:24,width:24,blurWidth:0,blurHeight:0},ej=n(39297);function SearchFilterGroup_templateObject(){let e=(0,a._)(["\n  position: sticky;\n  z-index: ",";\n\n  @media screen and (",") {\n    margin-top: 56px;\n    padding: 0 0 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    align-items: top;\n    background-color: ",";\n  }\n\n  @media screen and (",") {\n    margin-top: 32px;\n    padding: 0 0 12px;\n  }\n"]);return SearchFilterGroup_templateObject=function(){return e},e}function SearchFilterGroup_templateObject1(){let e=(0,a._)(["\n  display: none;\n\n  @media screen and (",") {\n    display: block;\n    font-size: 28px;\n    color: ",";\n    flex-shrink: 0;\n  }\n\n  @media screen and (",") {\n    font-size: 20px;\n    line-height: 28px;\n  }\n"]);return SearchFilterGroup_templateObject1=function(){return e},e}function SearchFilterGroup_templateObject2(){let e=(0,a._)(["\n  opacity: 1;\n  background-color: ",";\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 56px;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  & .sort-select {\n    width: auto;\n    .MuiSelect-select {\n      font-size: 14px;\n      color: ",";\n      padding: 0;\n      padding-right: 32px;\n    }\n    fieldset {\n      display: none;\n    }\n  }\n\n  @media screen and (",") {\n    flex-wrap: wrap;\n    flex-grow: 0;\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n    align-items: flex-start;\n    gap: 8px;\n    height: auto;\n    padding-left: 12px;\n    padding-right: 0;\n    width: auto;\n    flex: none;\n\n    & .sort-select {\n      .MuiSelect-select {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 8px 52px 8px 16px;\n        border: 1px solid ",";\n        border-radius: ",";\n        height: 36px;\n        font-size: 14px;\n        box-sizing: border-box;\n      }\n    }\n  }\n\n  @media screen and (",") {\n    gap: 16px;\n    padding-left: 16px;\n\n    & .sort-select {\n      .MuiSelect-select {\n        padding: 0;\n        padding-right: 24px !important;\n        border: none;\n      }\n      img {\n        right: 0 !important;\n      }\n    }\n  }\n"]);return SearchFilterGroup_templateObject2=function(){return e},e}function SearchFilterGroup_templateObject3(){let e=(0,a._)(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 16px;\n\n  @media screen and (",") {\n    gap: 1px;\n  }\n"]);return SearchFilterGroup_templateObject3=function(){return e},e}function SearchFilterGroup_templateObject4(){let e=(0,a._)(["\n  cursor: pointer;\n"]);return SearchFilterGroup_templateObject4=function(){return e},e}function SearchFilterGroup_templateObject5(){let e=(0,a._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  height: 36px;\n  margin-left: 4px;\n  box-sizing: border-box;\n\n  @media screen and (",") and (max-width: 1279px) {\n    display: none;\n  }\n"]);return SearchFilterGroup_templateObject5=function(){return e},e}function SearchFilterGroup_templateObject6(){let e=(0,a._)(["\n  cursor: pointer;\n\n  @media screen and (",") {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid ",";\n    border-color: ",";\n    padding: 8px 16px;\n    border-radius: ",";\n    height: 36px;\n    box-sizing: border-box;\n    font-size: 14px;\n\n    & img {\n      width: 20px;\n      height: 20px;\n    }\n\n    &::before {\n      content: '필터';\n      display: block;\n    }\n  }\n\n  @media screen and (",") {\n    padding: 0;\n    border: none;\n  }\n"]);return SearchFilterGroup_templateObject6=function(){return e},e}function SearchFilterGroup_templateObject7(){let e=(0,a._)(["\n  color: ",";\n  font-size: 14px;\n  line-height: 20px;\n\n  &.MuiMenuItem-root {\n    padding: 0;\n    padding-right: 28px;\n    margin: 12px 12px 12px 16px;\n    background: url('/icons/icon_select_default.svg') no-repeat right center;\n    background-size: 20px auto;\n    min-height: fit-content;\n    &.Mui-selected {\n      background: url('/icons/icon_select_checked.svg') no-repeat right center;\n      background-color: #fff;\n      color: #000;\n      font-weight: 700;\n    }\n  }\n\n  @media screen and (",") {\n    font-size: 14px;\n    line-height: 35px;\n    &.MuiMenuItem-root {\n      background-size: 20px auto;\n      padding: 0;\n      padding-right: 32px;\n      margin: 6px 16px;\n      &.Mui-selected {\n        background-size: 20px auto;\n      }\n    }\n  }\n"]);return SearchFilterGroup_templateObject7=function(){return e},e}let ev={2:{src:"/_next/static/media/Status=2단.14f75d93.svg",height:24,width:24,blurWidth:0,blurHeight:0},1:{src:"/_next/static/media/Status=1단.0ba22bbd.svg",height:24,width:24,blurWidth:0,blurHeight:0},4:{src:"/_next/static/media/Status=4단.69b7c83c.svg",height:24,width:24,blurWidth:0,blurHeight:0},8:{src:"/_next/static/media/Status=8단.595aa06c.svg",height:20,width:20,blurWidth:0,blurHeight:0},0:void 0};var search_SearchFilterGroup=function(e){let{count:t,isLoading:n}=e,{isMobile:o,isMini:a,isTablet:l,isDesktop:d,isSmallDesktop:p}=(0,c.Z)("search"),u=(0,f.CG)(e=>e.search.viewMode),m=(0,f.TL)(),{watch:x}=(0,s.Gc)(),{text:b,sort:j,page:v,isExceptSoldOut:_,...w}=x(),S=Object.values(w).reduce((e,t)=>(e.push(...t),e),[]),y=ev[u],{stickyTop:O}=(0,ej.v)();return(0,i.useEffect)(()=>{p?m(g.uP.setViewMode(h.Ay)):o?m(g.uP.setViewMode(h.ZL)):m(g.uP.setViewMode(h.Ay))},[p]),(0,r.jsx)(r.Fragment,{children:n||(0,r.jsxs)(e_,{style:{top:"".concat(o?ee.sb+h.bv:O-1,"px")},children:[(0,r.jsx)(ew,{children:"상품(".concat(t,")")}),d&&(0,r.jsx)(ef.ZP,{count:t}),(0,r.jsxs)(eS,{children:[d&&y&&(0,r.jsxs)(eZ,{children:[(0,r.jsx)(eO,{onClick:()=>m((0,g.MB)(4)),children:(0,r.jsx)(C(),{src:"/icons/view_mode_four".concat(4===u?"":"_off",".svg"),width:28,height:28,alt:"viewMode-icon"})}),(0,r.jsx)(eO,{onClick:()=>m((0,g.MB)(8)),children:(0,r.jsx)(C(),{src:"/icons/view_mode_max".concat(8===u?"":"_off",".svg"),width:28,height:28,alt:"viewMode-icon"})})]}),(0,r.jsxs)(ey,{viewMode:u,children:[(0,r.jsx)(eC,{onClick:()=>m((0,g.gQ)()),has_filter_tags:S.length>0?"true":"false",children:(0,r.jsx)(C(),{src:eb,width:24,height:24,alt:"filter-icon"})}),o&&!a&&!l&&y&&(0,r.jsx)(eO,{onClick:()=>m(g.uP.changeViewMode()),children:(0,r.jsx)(C(),{src:y,width:24,height:24,alt:"viewMode-icon"})})]}),(0,r.jsx)(RHFSelect,{name:"sort",className:"sort-select",children:h.NK.map(e=>(0,r.jsx)(ek,{value:e.value,children:e.name},e.name))})]}),o&&(0,r.jsx)(ef.ZP,{count:t})]})})};let e_=l.Z.div(SearchFilterGroup_templateObject(),m.X.searchPageSticky,b.Ri.pc,u.ZP.colors.grayScale.white,b.sI.pcSmall),ew=l.Z.span(SearchFilterGroup_templateObject1(),b.Ri.pc,u.ZP.colors.grayScale.black,b.sI.pcSmall),eS=l.Z.div(SearchFilterGroup_templateObject2(),e=>{let{theme:t}=e;return t.colors.background.white},e=>{let{theme:t}=e;return t.colors.text.black},b.Ri.pc,u.ZP.colors.grayScale.gray3,"0px"===u.ZP.border.shape.radius?"0":"99px",b.sI.pcSmall),ey=l.Z.div(SearchFilterGroup_templateObject3(),b.Ri.pc),eO=l.Z.div(SearchFilterGroup_templateObject4()),eZ=l.Z.div(SearchFilterGroup_templateObject5(),b.Ri.pc),eC=l.Z.div(SearchFilterGroup_templateObject6(),b.Ri.pc,u.ZP.colors.grayScale.gray3,e=>{let{has_filter_tags:t}=e;return"true"===t&&"#000"},"0px"===u.ZP.border.shape.radius?"0":"99px",b.sI.pcSmall),ek=(0,l.Z)(eh.Z)(SearchFilterGroup_templateObject7(),e=>{let{theme:t}=e;return t.colors.grayScale.gray7},b.Ri.pc);var eP=n(73401),eF=n(38020),eI=n(30553);function SearchFormProductList_templateObject(){let e=(0,a._)(["\n  display: grid;\n  grid-template-columns: ",";\n  row-gap: ",";\n  column-gap: 1px;\n  background-color: ",";\n\n  .grid-type-hide {\n    display: ",";\n  }\n\n  @media screen and (",") {\n    margin-top: 0px;\n    row-gap: ",";\n    column-gap: ",";\n    grid-template-columns: ",";\n\n    .grid-type-hide {\n      ",";\n    }\n  }\n\n  @media screen and (",") {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n"]);return SearchFormProductList_templateObject=function(){return e},e}var eR=i.memo(e=>{let{data:t,mutate:n}=e,{isDesktop:o,isMobile:a}=(0,c.Z)("search"),l=(0,f.CG)(e=>e.search.viewMode);return(0,r.jsx)(ez,{viewMode:l,children:null==t?void 0:t.map((e,t)=>{var c;return(0,r.jsx)(i.Fragment,{children:null==e?void 0:null===(c=e.search.goods)||void 0===c?void 0:c.map((e,t)=>"duvetica"!==(0,G.h)()?a&&l===h.Ay?(0,r.jsx)("div",{children:(0,r.jsx)(eF.KH,{isInList:!0,isCarousel:!1,showKidsFlag:!1,showSoldoutLabel:!1,updateData:n,...e,gtmData:{pageArea:"검색 결과",sectionArea:"검색 결과",sectionName:"검색 결과"}})},"Image_Card_".concat(e.erpGoodsNo,"-").concat(t)):(0,r.jsx)("div",{children:(0,r.jsx)(eF.bc,{productFlag:!0,isCarousel:a,isSizeShow:o,rankingFlag:!1,showSoldoutLabel:!0,productNameLineClamp:l===h.Lp||o?1:2,showBeforeDiscountPrice:!0,showKidsFlag:!0,isInList:!0,showCartButton:!0,...e,gtmData:{pageArea:"검색 결과",sectionArea:"검색 결과",sectionName:"검색 결과"}})},"Product_Card_".concat(e.erpGoodsNo,"-").concat(t)):(0,r.jsx)("div",{children:(0,r.jsx)(eI.Z,{productFlag:!0,rankingFlag:!1,isCarousel:!a||l!==h.Ay,showSoldoutLabel:!0,showDim:!0,colorChipClickable:!0,showPickedColor:!0,showCartButton:!0,...e})},"Product_Card_Dv_".concat(e.erpGoodsNo,"-").concat(t)))},"batch-".concat(t))})})});let ez=l.Z.div(SearchFormProductList_templateObject(),e=>{let{viewMode:t}=e;return t===h.Qb?"repeat(4, minmax(0, 1fr))":"repeat(".concat(t,", minmax(0, 1fr))")},e=>{let{viewMode:t}=e;return t===h.Ay?"1px":"40px"},u.ZP.colors.background.white,e=>{let{viewMode:t}=e;return t===h.Ay&&"none"||"duvetica"===(0,G.h)()&&t===h.RZ&&"none"},b.Ri.pc,e=>{let{viewMode:t}=e;return"duvetica"===(0,G.h)()&&t===h.RZ?"16px":"60px"},e=>{let{viewMode:t}=e;return"duvetica"===(0,G.h)()&&t===h.RZ?"16px":"8px"},e=>{let{viewMode:t}=e;return"repeat(".concat(t,", minmax(0, 1fr))")},e=>{let{viewMode:t}=e;return t===h.Ay&&"display: flex"},b.sI.pad);var eT=n(82708);function SearchForm_templateObject(){let e=(0,a._)(["\n  margin: 0 auto 40px;\n  max-width: ",";\n\n  @media screen and (",") {\n    padding: 0 ",";\n  }\n\n  @media screen and (",") {\n    padding: 0 ",";\n  }\n\n  @media screen and (",") {\n    padding: 0 ",";\n  }\n"]);return SearchForm_templateObject=function(){return e},e}function SearchForm_templateObject1(){let e=(0,a._)(["\n  display: grid;\n  grid-template-columns: ",";\n  column-gap: 1px;\n  row-gap: 40px;\n  padding: ",";\n\n  @media screen and (",") {\n    grid-template-columns: ",";\n    column-gap: 8px;\n    row-gap: 60px;\n    padding: 0 0 40px;\n  }\n\n  @media screen and (",") {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  @media screen and (",") {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    row-gap: 24px;\n  }\n\n  @media screen and (",") {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    row-gap: 24px;\n  }\n"]);return SearchForm_templateObject1=function(){return e},e}function SearchForm_templateObject2(){let e=(0,a._)(["\n  display: none;\n\n  @media screen and (",") {\n    display: block;\n    padding: 0 0 24px;\n    font-size: 28px;\n    color: ",";\n    flex-shrink: 0;\n    margin-top: 56px;\n  }\n\n  @media screen and (",") {\n    padding: 0 0 12px;\n    font-size: 20px;\n    line-height: 28px;\n    margin-top: 32px;\n  }\n"]);return SearchForm_templateObject2=function(){return e},e}function SearchForm_templateObject3(){let e=(0,a._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 0;\n"]);return SearchForm_templateObject3=function(){return e},e}function SearchForm(e){var t,n,o,a;let{...l}=e,p=(0,w.useRouter)(),{historyAdd:u}=(0,S.L)(),{isDesktop:m,isMobile:x}=(0,c.Z)("search"),{searchText:b,sort:j,isExceptSoldOut:v,filter:_}=l,y=(0,f.CG)(e=>e.search.viewMode),O=(0,f.CG)(e=>e.search.isFilterOpen),Z=(0,f.CG)(e=>e.search.selectedTab),C=(0,f.CG)(e=>e.searchInput.search.autoOpen),k=(0,f.CG)(e=>e.searchInput.search.hideResult),P=(0,i.useMemo)(()=>!!x&&k&&!C,[x,k,C]),F=(0,f.TL)(),I=(0,i.useMemo)(()=>({text:b,sort:j||h.NK[0].value,isExceptSoldOut:v||!1,mlbTeamCodes:(null==_?void 0:_.mlbTeamCodes)||[],colorCodes:(null==_?void 0:_.colorCodes)||[],categoryCodes:(null==_?void 0:_.categoryCodes)||[],categories:(null==_?void 0:_.categories)||[],fitCodes:(null==_?void 0:_.fitCodes)||[],functionalityAvailables:(null==_?void 0:_.functionalityAvailables)||[],wearingSizes:(null==_?void 0:_.wearingSizes)||[],shoesSizes:(null==_?void 0:_.shoesSizes)||[],capSizes:(null==_?void 0:_.capSizes)||[],bagSizes:(null==_?void 0:_.bagSizes)||[],accessorySizes:(null==_?void 0:_.accessorySizes)||[],kidsSizes:(null==_?void 0:_.kidsSizes)||[],priceSectorCodes:(null==_?void 0:_.priceSectorCodes)||[]}),[b,j,v,_]),R=(0,s.cI)({defaultValues:I}),{reset:z,control:T}=R,N=(0,s.qo)({control:T}),{text:L,sort:A,page:E,isExceptSoldOut:G,...M}=N,filterRouterSet=async()=>{await p.replace(makeSearchURL({...N}))},{data:D,mutate:B,loadNext:W,hasNext:U,isValidating:H,isLoading:V}=(0,d.Zb)(L,A,G,M,()=>{O||decodeURIComponent(p.asPath)===makeSearchURL({...N})||filterRouterSet()}),{data:Q,loadNext:X,hasNext:K,isValidating:q}=(0,d.F7)(L);(0,i.useEffect)(()=>{u(b),z(I),F((0,eP.jS)(!1,!1))},[b,j,_,O,v]),(0,i.useEffect)(()=>{if(D)try{let e=null==D?void 0:D[0].search.goods.map(e=>e.erpGoodsNo).slice(0,3);(0,eT.yV)(null!=e?e:[],"",b)}catch(e){}},[D]);let $=(0,eu.Z)(e=>{var t;(null==D?void 0:D.length)&&(null==e?void 0:null===(t=e[0])||void 0===t?void 0:t.isIntersecting)&&!H&&W()}),Y=(0,eu.Z)(e=>{var t;(null==Q?void 0:Q.length)&&(null==e?void 0:null===(t=e[0])||void 0===t?void 0:t.isIntersecting)&&!q&&X()}),J=null==D?void 0:null===(n=D[0].search)||void 0===n?void 0:null===(t=n.page)||void 0===t?void 0:t.total,ee=null==Q?void 0:null===(a=Q[0].search)||void 0===a?void 0:null===(o=a.page)||void 0===o?void 0:o.total;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.RV,{...R,children:(0,r.jsx)("form",{children:!P&&(0,r.jsxs)(eN,{children:[(0,r.jsx)(SearchTab,{count:J,promotionCount:ee}),Z===g.m7?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(search_SearchFilterGroup,{count:J,isLoading:V}),0===J?(0,r.jsx)(SearchNoResult,{isPromotion:!1,searchText:b}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eR,{data:D,mutate:B}),U&&(0,r.jsx)(eE,{ref:$,children:(0,r.jsx)(em.Z,{})})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eA,{children:"기획전(".concat(ee,")")}),0===ee?(0,r.jsx)(SearchNoResult,{isPromotion:!0,searchText:b}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eL,{viewMode:y,children:null==Q?void 0:Q.map((e,t)=>{var n;return(0,r.jsx)(i.Fragment,{children:null==e?void 0:null===(n=e.search.promotions)||void 0===n?void 0:n.map(e=>(0,r.jsx)(search_PromotionItem,{id:e.id,title:e.name,content:e.description,src:m?e.image.pc:e.image.mobile,date:e.date,badgeType:e.badgeType,type:e.type},e.id))},"promo-batch-".concat(t))})}),K&&(0,r.jsx)(eE,{ref:Y,children:(0,r.jsx)(em.Z,{})})]})]})]})})}),(0,r.jsx)(search_SearchFilterOptionDrawer,{filterData:null==D?void 0:D[0].search.availableFilterParameters,searchText:b,isExceptSoldOut:v,filter:_})]})}let eN=l.Z.div(SearchForm_templateObject(),u.nC.width.default,b.Ri.pc,u.nC.padding.pc,b.sI.pcBig,u.nC.padding.responsivePC,b.sI.pcSmall,u.nC.padding.pad),eL=l.Z.div(SearchForm_templateObject1(),e=>{let{viewMode:t}=e;return t===h.Qb?"repeat(2, minmax(0, 1fr))":"repeat(1, minmax(0, 1fr))"},"duvetica"===(0,G.h)()?"20px":"0 0 40px",b.Ri.pc,"duvetica"===(0,G.h)()?"repeat(5, minmax(0, 1fr))":"repeat(4, minmax(0, 1fr))",b.sI.pad,b.sI.pcSmall,b.sI.pcSmall),eA=l.Z.span(SearchForm_templateObject2(),b.Ri.pc,u.ZP.colors.grayScale.black,b.sI.pcSmall),eE=l.Z.div(SearchForm_templateObject3());var eG=n(80822),eM=n(55342),eD=n(65659),eB=n(77071),eW=n(39964),eU=n(66541),eH=n(7458),eV=n(30260),eQ=n(97729),eX=n.n(eQ),eK=!0,search=e=>{let{isDesktop:t}=(0,c.Z)("search"),n=(0,f.TL)();return(0,i.useEffect)(()=>{let t=(0,eV.ej)("recopick_uid");if(e.searchText&&t)try{let n=eH.q.getInstance(eH.i.SESSION).getItem("previousPageUrl"),r=window.location.href;eU.ZP.post("/logs/collections/search?text=".concat(e.searchText,"&uid=").concat(t,"&ref=").concat(n||"","&url=").concat(r),void 0,{errorHandlingOptions:{shouldReturnRawError:!0}})}catch(e){}},[]),(0,i.useEffect)(()=>{t&&n((0,eP.jS)(!1,!1))},[t]),(0,r.jsxs)(o.J$,{children:[(0,r.jsx)(eX(),{children:(0,r.jsx)("link",{rel:"canonical",href:"".concat(ee.$g,"/search?searchText=").concat(e.searchText)})}),t?(0,r.jsxs)(eB.Z,{children:[(0,r.jsx)(eM.Z,{isPopup:!1,searchText:e.searchText}),(0,r.jsx)(SearchForm,{...e}),(0,r.jsx)(eG.Z,{style:{marginTop:136},children:(0,r.jsx)(eW.Z,{isResponsive:!0,mt:"80px"})})]}):(0,r.jsxs)(eG.Z,{children:[(0,r.jsx)(eM.Z,{isPopup:!1,searchText:e.searchText}),(0,r.jsx)(SearchForm,{...e}),(0,r.jsx)(eD.Z,{isPopup:!1})]})]})}},10394:function(e,t,n){"use strict";n.d(t,{Z:function(){return RecommendedProductList}});var r=n(52322),i=n(2784),o=n(77932),a=n(79357),c=n(86870),l=n(23004),s=n(66541),d=n(44558),p=n(5632),u=n(71709),m=n(63378),h=n(43001),x=n(38020),g=n(30260),f=n(76530),b=n(2144),j=n(8857),v=n(95946),_=n(30553),w=n(54073),S=n.n(w);function RecommendedProductList(e){let{title:t,isMobile:n,productList:m=null,apiPath:x,guestAfterLoginUrl:v,pcItemCount:_,hasDivider:w,onClickProduct:y,isColorTooltipOnModal:O,layoutType:Z,gtmSelectItemPageArea:C,sectionArea:k,sectionName:P}=e,F=(0,p.useRouter)(),[I,R]=(0,i.useState)(m),[z,T]=(0,i.useState)(0),[N,L]=(0,i.useState)(1),[A,E]=(0,i.useState)(0),{pcBreakPoint:G}=(0,f.Z)(Z);(0,i.useEffect)(()=>{Array.isArray(m)?R(m):x&&recommedFetchList(x)},[m,x]);let recommedFetchList=async e=>{await s.ZP.checkTokenExpiration(),await (0,b.hP)(!0);let t=(0,g.ej)(j.LA);t&&fetchList(e)};async function fetchList(e){try{let t=(0,g.ej)("recopick_uid"),n=await s.ZP.get("".concat(e,"?uid=").concat(t));R(n)}catch(e){alert(e.message)}}async function handleOnClickFavorite(e,t){if(null!==I)try{let n=I.map(n=>n.erpGoodsNo===e?{...n,favoriteCount:n.isFavorite?n.favoriteCount-1:n.favoriteCount+1,isFavorite:!t}:n);R(n)}catch(e){alert(e.message)}}let M=null!=_?_:4;(0,i.useEffect)(()=>{null!==I&&L(Math.ceil(I.length-M+1))},[M,I]);let D=(0,i.useRef)(null),[B,W]=(0,i.useState)("");return(0,i.useEffect)(()=>{let e=S()(()=>{if((null==D?void 0:D.current)instanceof HTMLElement){var e;let t=null==D?void 0:null===(e=D.current)||void 0===e?void 0:e.offsetHeight;W("".concat(t/2,"px"))}},300);return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[null==D?void 0:D.current]),(0,r.jsxs)(o.Z,{width:"100%",children:["string"==typeof t?(0,r.jsx)(a.Z,{fontWeight:"bold",fontSize:n?"16px":"20px",margin:n?"0 0 16px 20px":"0 0 24px",children:t}):(0,r.jsx)(r.Fragment,{children:t}),w&&!n&&(0,r.jsx)(c.Z,{sx:{width:"100%",height:h.ZP.border.width.pc,background:"".concat(h.ZP.colors.divider.black),marginBottom:"24px"}}),null!==I&&0===I.length&&(0,r.jsx)(l.Z,{alignItems:"center",justifyContent:"center",width:"100%",py:4,children:(0,r.jsx)(u.Z,{text:"추천 상품이 없습니다.",noDataType:"General"})}),Array.isArray(I)&&I.length>0&&!n&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.Z,{sx:{position:"relative","&:hover #recommended-list-left-arrow":{opacity:1},"&:hover #recommended-list-right-arrow":{opacity:1},"&:hover #recommended-list-left-arrow.swiper-button-disabled":{opacity:.35},"&:hover #recommended-list-right-arrow.swiper-button-disabled":{opacity:.35}},children:(0,r.jsxs)(d.tq,{slidesPerView:M,spaceBetween:8,style:{position:"relative",userSelect:"none"},onSlideChange:e=>{let t=e.activeIndex;T(t),E(Math.ceil(t))},children:[I.map(e=>(0,r.jsx)(d.o5,{children:(0,r.jsx)(o.Z,{sx:{flexShrink:0},children:(0,r.jsx)(RecommendedListItem,{productInfo:e,width:"100%",guestAfterLoginUrl:v,onClickFavorite:()=>handleOnClickFavorite(e.erpGoodsNo,e.isFavorite),gtmData:{pageArea:C||("string"==typeof t?t:"함께 구매한 인기상품"),sectionArea:k,sectionName:P},imageContainerRef:D})})},e.erpGoodsNo)),N>1&&(0,r.jsx)(_PrevButton,{disabled:0===z,top:B}),N>1&&(0,r.jsx)(_NextButton,{disabled:z===I.length-M,top:B})]})}),N>1&&!O&&(0,r.jsx)(o.Z,{sx:{mt:"40px",position:"relative",left:0,bottom:0,width:"100%",height:h.ZP.border.width.pc,backgroundColor:"rgba(0, 0, 0, 0.1)"},children:(0,r.jsx)(o.Z,{sx:{position:"absolute",backgroundColor:"black",height:h.ZP.border.width.pc,width:"calc(100% / ".concat(N,")"),top:0,left:"calc(100% / ".concat(N," * ").concat(A,")"),transition:"left 0.15s"}})})]}),Array.isArray(I)&&I.length>0&&n&&(0,r.jsx)(MobileList,{productList:I,guestAfterLoginUrl:v,breakpoint:G,onClickFavorite:(e,t)=>handleOnClickFavorite(e,t),onGoToProductDetail:e=>{y?y(e):F.push("/product-detail/".concat(e))},gtmData:{sectionArea:k,sectionName:P}})]})}function MobileList(e){let{productList:t,gtmData:n}=e,i="144px";return(0,r.jsx)(d.tq,{slidesPerView:"auto",spaceBetween:8,style:{paddingRight:"20px"},onSlideChange:()=>{window.dispatchEvent(new Event("scroll"))},onTouchStart:(e,t)=>{t.stopPropagation()},children:null==t?void 0:t.map((t,o)=>(0,r.jsx)(d.o5,{style:{width:i,flexShrink:0,marginLeft:0===o?"20px":"0px"},children:(0,r.jsx)(RecommendedListItem,{productInfo:t,width:i,guestAfterLoginUrl:e.guestAfterLoginUrl,breakpoint:e.breakpoint,onClickFavorite:()=>e.onClickFavorite(t.erpGoodsNo,t.isFavorite),gtmData:{pageArea:"함께 구매한 인기상품",sectionArea:n.sectionArea,sectionName:n.sectionName}})},t.erpGoodsNo))})}function RecommendedListItem(e){let{productInfo:t,gtmData:n,imageContainerRef:i}=e;return(0,r.jsx)(o.Z,{width:e.width,sx:{flexShrink:0},children:"duvetica"===(0,v.h)()?(0,r.jsx)(_.Z,{productFlag:!1,rankingFlag:!1,isCarousel:!1,showSoldoutLabel:!1,showDim:!1,showColorChip:!0,colorChipClickable:!1,showPickedColor:!1,showCartButton:!1,gtmData:n,...t,imageContainerRef:i}):(0,r.jsx)(x.bc,{...t,productFlag:!1,showKidsFlag:!1,isCarousel:!1,isSizeShow:!1,updateData:e.onClickFavorite,isColorTooltipOnModal:!0,guestAfterLoginUrl:e.guestAfterLoginUrl,breakpoint:e.breakpoint,gtmData:n,imageContainerRef:i})})}function _NextButton(e){let t=(0,d.oc)();return(0,r.jsx)(m.a,{id:"recommended-list-right-arrow",onClick:()=>t.slideNext(),disabled:e.disabled,top:e.top})}function _PrevButton(e){let t=(0,d.oc)();return(0,r.jsx)(m.Q,{id:"recommended-list-left-arrow",onClick:()=>t.slidePrev(),disabled:e.disabled,top:e.top})}},63378:function(e,t,n){"use strict";n.d(t,{a:function(){return NextButton},Q:function(){return PrevButton}});var r=n(73235),i=n(52322),o=n(3735),a=n(77932),c={src:"/_next/static/media/ios-arrow-left-icon.ff9002aa.svg",height:26,width:14,blurWidth:0,blurHeight:0},l={src:"/_next/static/media/ios-arrow-right-icon.146a00e2.svg",height:26,width:14,blurWidth:0,blurHeight:0},s=n(96577),d=n.n(s);function _templateObject(){let e=(0,r._)(["\n  position: absolute;\n  top: ",";\n  width: 56px;\n  height: 56px;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 100;\n  cursor: pointer;\n  opacity: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.1s;\n  transform: translateY(-50%);\n  &:hover {\n    opacity: 1;\n  }\n"]);return _templateObject=function(){return e},e}function NextButton(e){return(0,i.jsx)(p,{id:e.id,onClick:e.onClick,sx:{right:0,top:e.top,opacity:e.showAlways?e.disabled?.35:1:0,...e.sx},className:e.disabled?"swiper-button-disabled":"",top:e.top,children:(0,i.jsx)(d(),{src:l,alt:"right arrow icon",style:{width:e.width}})})}function PrevButton(e){return(0,i.jsx)(p,{id:e.id,onClick:e.onClick,sx:{left:0,top:e.top,opacity:e.showAlways?e.disabled?.35:1:0,...e.sx},className:e.disabled?"swiper-button-disabled":"",top:e.top,children:(0,i.jsx)(d(),{src:c,alt:"left arrow icon",style:{width:e.width}})})}let p=(0,o.ZP)(a.Z)(_templateObject(),e=>{let{top:t}=e;return t})},44889:function(e,t,n){"use strict";var r=n(73235),i=n(52322),o=n(60841),a=n(28165),c=n(92603),l=n(43001);function _templateObject(){let e=(0,r._)(["\n      @media (",") {\n        ","\n      }\n    "]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n  ","\n  display: grid;\n  list-style-type: none;\n  width: 100%;\n  z-index: 0;\n  margin: ",";\n  margin-top: ",";\n  border-top: ",";\n  border-bottom: ",";\n  position: ",";\n  transform: ",";\n  background-color: white;\n\n  ","\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,r._)([""]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,r._)(["\n  ","\n  width: ",";\n  height: 48px;\n  background: #ffffff;\n  font-size: 14px;\n  line-height: 20px;\n  text-align: center;\n"]);return _templateObject3=function(){return e},e}let s={Two:"\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  ",Three:"\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  ",Four:"\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  "},d=c.Z.ul(_templateObject1(),e=>{let{tabType:t}=e;return t&&s[t]},e=>{let{margin:t}=e;return t},e=>{let{marginTop:t}=e;return t},e=>{let{borderTop:t}=e;return t},e=>{let{borderBottom:t}=e;return t},e=>{let{position:t}=e;return t},e=>{let{transform:t}=e;return t},e=>{let{MediaQuery:t}=e;return t&&(0,a.iv)(_templateObject(),t.query,Object.entries(t.styles).map(e=>{let[t,n]=e;return"".concat((0,o.m)(t),": ").concat(n,";")}).join(" "))});t.Z=function(e){let{tabType:t,tabList:n,onSelect:r,selectedTab:o,MediaQuery:a,...c}=e;return(0,i.jsx)(d,{tabType:t,tabList:n,MediaQuery:a,...c,children:n.map((t,n)=>{var a;return(0,i.jsx)(p,{className:null===(a=e.gtmData)||void 0===a?void 0:a.classNames.tabs[n],children:(0,i.jsx)(m,{type:"button",onClick:()=>{r&&r(n)},tabType:o===n?"Selected":"Normal",width:"100%",children:t})},"".concat(t,"-").concat(n))})})};let p=c.Z.li(_templateObject2()),u={Normal:"\n    border-bottom: 1px solid ".concat(l.ZP.colors.grayScale.gray3,";\n    padding-bottom: 1px;\n    font-weight: 400;\n    color: #949494;\n  "),Selected:"\n    border-bottom: ".concat("A"===l.ZP.design.type.default?2:1,"px solid #000000;\n    font-weight: 700;\n    color: #000000;\n  ")},m=c.Z.button(_templateObject3(),e=>{let{tabType:t}=e;return t&&u[t]},e=>{let{width:t="187.5px"}=e;return t})}},function(e){e.O(0,[3278,6702,8863,5147,9774,2888,179],function(){return e(e.s=68389)}),_N_E=e.O()}]);