https://danble.co.kr/_next/static/chunks/9833-08b8c6f4c28e6c6c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9833],{6927:function(e,t,i){i.r(t);var l=i(85893),o=i(45697),n=i.n(o),s=i(67294),a=i(36648),r=i(53042),d=i(12663),c=i(51696),u=i(71647),p=i(66528),m=i(93550),x=i(23154),_=i(66126);let y=e=>{var t,i;let{item:o={},size:n="medium",actionType:y=null,caption:h="",captionColor:v,category:g="",cartData:b={},href:f,handleProductClick:j,onClick:k,likeButtonProps:S,typographyOverride:C,imageLazyLoading:w="eager",imageFetchPriority:O,leadingSlot:P,thumbOverlaySlot:I,...z}=e,N=r.F1[n]||r.F1.medium,T=(0,s.useMemo)(()=>(0,a.Z)(o,h),[o,h]),Z=null!==(i=o.brand_id)&&void 0!==i?i:null===(t=o.brand)||void 0===t?void 0:t.id,L=T.is_sold_out||"STOP"===T.sale_status,D=!T.product_display_id,E=(0,s.useMemo)(()=>f||(T.product_display_id?"/product/".concat(T.product_display_id,"?").concat((0,_.Z)({category:g,...null==b?void 0:b.clothPurchasePathID})):null),[f,T.product_display_id,g,null==b?void 0:b.clothPurchasePathID]),B=j?null:E;return(0,l.jsxs)("div",{className:"flex cursor-pointer items-center",style:{gap:N.gap},itemScope:!0,itemType:"http://schema.org/Product",...z,children:[(0,l.jsx)("meta",{itemProp:"productID",content:T.product_display_id}),(0,l.jsx)("meta",{itemProp:"image",content:T.image_url}),P,(0,l.jsxs)(x.Z,{href:B,onClick:e=>{k&&k(e),j&&j(o,E)},className:"flex min-w-0 flex-1 items-center",style:{gap:N.gap},title:T.name,children:[(0,l.jsx)("div",{className:"flex-shrink-0 overflow-hidden",style:{width:N.thumbWidth,minWidth:N.thumbWidth,height:N.thumbHeight},children:(0,l.jsx)(p.Z,{src:T.image_url,alt:T.name,size:n,isSoldout:L,aspectRatio:N.thumbHe

1ight/N.thumbWidth*100,resizeImageWidth:N.imageWidth,loading:w,fetchPriority:O,children:I})}),(0,l.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-sp-xxs",children:[(0,l.jsx)(c.Z,{brand:T.brand,name:T.name,color:T.color,size:n,nameLineClamp:1,isLoading:D,typographyOverride:{brand:(null==C?void 0:C.brand)||N.brand.typography,name:(null==C?void 0:C.name)||N.name.typography}}),(0,l.jsx)("div",{className:"flex flex-col gap-sp-ms",children:(0,l.jsx)(u.Z,{price:T.price,priceDiscount:T.price_discount,discountRate:T.discount_rate,productDisplayId:T.product_display_id,isSoldOut:T.is_sold_out,caption:h,captionColor:v,size:n,isLoading:D,typographyOverride:{price:(null==C?void 0:C.price)||N.price.typography,priceCaption:(null==C?void 0:C.priceCaption)||N.priceCaption.typography,priceOriginal:(null==C?void 0:C.priceOriginal)||N.priceOriginal.typography}})})]})]}),y&&T.product_display_id&&(0,l.jsxs)("div",{className:"pointer-events-auto flex flex-shrink-0 items-center justify-center",onClick:e=>{e.stopPropagation(),e.preventDefault()},children:["like"===y&&S&&(0,l.jsx)(d.Z,{size:"medium",...S}),"cart"===y&&(0,l.jsx)(m.Z,{isIconButton:!0,itemType:"horizontal",isSoldOut:T.is_sold_out,isSaleStop:"STOP"===T.sale_status,productDisplayId:T.product_display_id,category:g,productInfo:{product_display_id:T.product_display_id,price:T.price,price_discount:T.price_discount,name:T.name,brand:T.brand,brand_name:T.brand,brand_id:Z,product_type:T.product_type,product_midtype:T.product_midtype,product_subtype:T.product_subtype,seller_name:T.seller_name,seller_id:T.seller_id,color:T.color,cover_image_url:T.image_url},...b})]})]})};y.propTypes={item:n().shape({product_display_id:n().oneOfType([n().string,n().number]),image_url:n().string,brand:n().oneOfType([n().string,n().shape({id:n().oneOfType([n().string,n().number]),label:n().string})]),name:n().string,price:n().number,price_discount:n().number,discount_rate:n().number,is_sold_out:n().bool,sale_status:n().string}),size:n().oneOf(["large","medium","small"]),actionType:n().oneOf(["like","cart",null]),caption:n().string,captionColor:n().string,category:n().string,cartData:n().object,href:n().string,handleProductClick:n().func,onClick:n().func,likeButtonProps:n().object,typographyOverride:n().object,imageLazyLoading:n().oneOf(["eager","lazy"]),imageFetchPriority:n().oneOf(["high","low","auto"]),leadingSlot:n().node,thumbOverlaySlot:n().node},t.default=(0,s.memo)(y)},25272:function(e,t,i){var l=i(85893),o=i(5152),n=i.n(o),s=i(45697),a=i.n(s),r=i(67294),d=i(8235),c=i(53042),u=i(6927),p=i(36648),m=i(5625);let x=n()(()=>Promise.all([i.e(6508),i.e(7431),i.e(3313)]).then(i.bind(i,93313)),{loadableGenerated:{webpack:()=>[93313]},ssr:!0}),_=e=>{let{items:t=[],size:i="medium",actionType:o="cart",caption:n="",captionColor:s,category:a="",cartData:r={},likeItemBody:x={},likeButtonProps:_,leadingSlotRenderer:h,thumbOverlaySlotRenderer:v,onItemClick:g,virtualized:b=!1,hasMore:f,isLoadingMore:j,onLoadMore:k,tailSlot:S,rowGap:C=12,trackingData:w,imageLazyLoading:O,typographyOverride:P,cartSyncEnabled:I=!0,style:z,...N}=e,T=c.F1[i]||c.F1.medium,Z=(0,d.sJ)(m.itemLikeState);return b?(0,l.jsx)(y,{items:t,size:i,tokens:T,actionType:o,caption:n,captionColor:s,category:a,cartData:r,likeItemBody:x,likeButtonProps:_,leadingSlotRenderer:h,thumbOverlaySlotRenderer:v,onItemClick:g,hasMore:f,isLoadingMore:j,onLoadMore:k,tailSlot:S,rowGap:C,trackingData:w,imageLazyLoading:O,typographyOverride:P,style:z,...N}):(0,l.jsxs)("div",{className:"flex w-full flex-col",style:{gap:"".concat(C,"px"),...z},...N,children:[t.map((e,t)=>{let d=(null==e?void 0:e.product_display_id)||(null==e?void 0:e.id)?(0,p.Z)(e,n):e,c=Object.prototype.hasOwnProperty.call(null!=Z?Z:{},null==d?void 0:d.product_display_id)?Z[d.product_display_id]:null==d?void 0:d.like,m=_||("like"===o?{item:d,category:a,body:x,value:c}:void 0);return(0,l.jsx)(u.default,{item:d,size:i,actionType:o,caption:n,captionColor:s,category:a,cartData:r,likeButtonProps:m,typographyOverride:P,leadingSlot:null==h?void 0:h(d,t),thumbOverlaySlot:null==v?void 0:v(d,t),handleProductClick:g||void 0,imageLazyLoading:O||(t<4?"eager":"lazy")},(null==d?void 0:d.product_display_id)||t)}),S]})},y=e=>{let{items:t,size:i,tokens:o,actionType:n,caption:s,captionColor:a,category:d,cartData:c,likeItemBody:m,likeButtonProps:_,leadingSlotRenderer:y,thumbOverlaySlotRenderer:h,onItemClick:v,hasMore:g,isLoadingMore:b,onLoadMore:f,tailSlot:j,rowGap:k,trackingData:S,imageLazyLoading:C,typographyOverride:w,style:O,...P}=e,[,I]=(0,r.useState)(window.innerWidth);(0,r.useEffect)(()=>{let e=()=>I(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let z=(0,r.useMemo)(()=>

1o.thumbHeight+k,[o.thumbHeight,k]);return(0,l.jsx)(x,{items:t,renderItem:(e,t)=>{let o=(null==e?void 0:e.product_display_id)||(null==e?void 0:e.id)?(0,p.Z)(e,s):e,r=_||("like"===n?{item:o,category:d,body:m}:void 0);return(0,l.jsx)(u.default,{item:o,size:i,actionType:n,caption:s,captionColor:a,category:d,cartData:c,likeButtonProps:r,typographyOverride:w,leadingSlot:null==y?void 0:y(o,t),thumbOverlaySlot:null==h?void 0:h(o,t),handleProductClick:v||void 0,imageLazyLoading:C||(t<4?"eager":"lazy")})},keyExtractor:(e,t)=>(null==e?void 0:e.product_display_id)||(null==e?void 0:e.id)||t,columnCount:1,defaultItemHeight:z,onLoadMore:f,hasMore:g,isLoading:b,tailSlot:j,style:O,rowPaddingBottom:"".concat(k,"px"),overscanRowCount:3,...P})};_.propTypes={items:a().array,size:a().oneOf(["large","medium","small"]),actionType:a().oneOf(["cart","like",null]),caption:a().string,captionColor:a().string,category:a().string,cartData:a().object,likeItemBody:a().object,likeButtonProps:a().object,leadingSlotRenderer:a().func,thumbOverlaySlotRenderer:a().func,onItemClick:a().func,virtualized:a().bool,hasMore:a().bool,isLoadingMore:a().bool,onLoadMore:a().func,tailSlot:a().node,rowGap:a().number,trackingData:a().object,imageLazyLoading:a().oneOf(["eager","lazy"]),typographyOverride:a().object,cartSyncEnabled:a().bool,style:a().object},t.Z=r.memo(_)},95850:function(e,t,i){i.d(t,{Z:function(){return D}});var l=i(85893),o=i(67294),n=i(8235),s=i(88986),a=i(51741),r=i(42414),d=i(34345),c=i(25272),u=i(22227),p=i(61055),m=i(5625),x=e=>{var t,i,o,n;

1let{codiElement:s,styleId:a,setCustomToastPopupInfo:r,setToastPopupInfo:d,stylequizPrevPage:c,cartButtonProps:x,category:_,_isNoPadding:y,checkList:h,subButtonRender:v}=e,g=(0,u.Zl)(m.isCartPopupOpenType);return(0,l.jsx)(p.Z,{isTooltipExist:!1,isOpenPopupWhenNonLogin:!0,codiElement:{id:null==s?void 0:s.codi_id},category:_,customPd:"2.6rem 0 2.4rem",isWhiteVersion:!1,customMb:"0",stylesID:a,isNoneStyleQuiz:!1,isDetailModal:!0,setDetailModalOpen:()=>{},subButtonRender:v,excludeClothes:null==s?void 0:null===(i=s.products)||void 0===i?void 0:null===(t=i.filter(e=>!(null==h?void 0:h.includes(null==e?void 0:e.product_display_id))))||void 0===t?void 0:t.map(e=>null==e?void 0:e.product_display_id),afterCartAction:{success:e=>{g({type:"codi_confirm",category:e.category})},empty:((null==h?void 0:h.length)===0||(null==h?void 0:h.length)===1&&(null==s?void 0:null===(n=s.products)||void 0===n?void 0:null===(o=n.filter(e=>(null==e?void 0:e.product_type)==="SHOES")[0])||void 0===o?void 0:o.product_display_id)===h[0])&&(()=>{let e={

1isOpen:!0,title:"상품을 1개 이상 선택해주세요.",description:"",btnText:"",onClick:()=>{},timestamp:new Date};r?r(e):d(e)})},stylequizPrevPage:c,...x})},_=i(11163),y=i(56269),h=i(7506),v=i(65514);function g(e){let{isOpen:t,setIsOpen:i,onAddToCart:o,styleId:n=0,category:s}=e,a=(0,_.useRouter)(),r=e=>{let{ctaText:t}=e;(0,v.Z)("Clicked Curation Detail Slot",{slot_name:"쇼핑백 바텀시트 버튼",slot_type:"button",content_id:n,content_type:"style",cta_text:t,category:s})};return(0,l.jsx)(y.default,{isOpen:!!t,onClose:()=>i(!1),customStyle:{modal:{height:"auto",minHeight:"auto",maxHeight:"calc(100dvh - 60px)"}},renderButton:()=>"like"===t?(0,l.jsxs)("div",{className:"flex flex-col gap-sp-xs",children:[(0,l.jsx)("button",{"aria-label":"cart_button",className:"relative box-border h-[56px] rounded-radius-xs bg-black text-center text-[16px] font-semibold leading-[56px] text-white",onClick:()=>{o(),r({ctaText:"코디 전체 쇼핑백 담기"})},children:"스타일 전체 쇼핑백 담기"}),(0,l.jsx)("button",{"aria-label":"cart_button",className:"relative box-border h-[56px] rounded-radius-xs border border-neutral-gray-50 bg-neutral-gray-50 text-center text-[16px] font-semibold leading-[56px] text-black",onClick:()=>{i(!1),r({ctaText:"아니요, 괜찮아요"})},children:"아니요, 괜찮아요"})]}):"cart"===t?(0,l.jsxs)("div",{className:"flex flex-col gap-sp-xs",children:[(0,l.jsx)("button",{className:"relative box-border h-[56px] rounded-radius-xs bg-black text-center text-[16px] font-semibold leading-[56px] text-white","aria-label":"cart_link_button",onClick:()=>{(0,h.Yo)(a,"/cart"),r({ctaText:"쇼핑백으로 이동하기"})},children:"쇼핑백으로 이동하기"}),(0,l.jsx)("button",{"aria-label":"complete_button",className:"relative box-border h-[56px] rounded-radius-xs border border-neutral-gray-50 bg-neutral-gray-50 text-center text-[16px] font-semibold leading-[56px] text-black",onClick:()=>{i(!1),r({ctaText:"계속 쇼핑하기"})},children:"계속 쇼핑하기"})]}):null,children:"like"===t?(0,l.jsxs)("div",{className:"pt-sp-l",children:[(0,l.jsxs)("h1",{className:"m-0 mx-auto text-center text-[18px] font-semibold leading-[140%] text-black",children:["방금 좋아요한 스타일을",(0,l.jsx)("br",{}),"쇼핑백에도 담아드릴까요?"]}),(0,l.jsx)("h2",{className:"mx-auto mb-0 mt-sp-m text-center text-[14px] font-medium leading-[140%] text-neutral-gray-600",children:"배송\xb7교환 무료"})]}):"cart"===t&&(0,l.jsxs)("div",{className:"pt-sp-l",children:[(0,l.jsxs)("h1",{className:"m-0 mx-auto text-center text-[18px] font-semibold leading-[140%] text-black",children:["큐레이터가 추천한 사이즈로",(0,l.jsx)("br",{}),"스타일이 쇼핑백에 담겼습니다."]}),(0,l.jsx)("h2",{className:"mx-auto mb-0 mt-sp-m text-center text-[14px] font-medium leading-[140%] text-neutral-gray-600",children:"(품절 상품 제외)"})]})})}var b=i(34230),f=i(75331),j=e=>{let{codiInfo:t,checkList:i,clothPurchasePathID:n,modalState:s,setModalState:a,codiId:r,styleId:d,category:c,setCartSuggestionModalState:p}=e,x=(0,u.Zl)(m.isCartPopupOpenType),[_,y]=(0,o.useState)(!1),h=(0,f.Z)(),v=async()=>{var e,l;let o=null===(l=t.products)||void 0===l?void 0:null===(e=l.filter(e=>!(null==i?void 0:i.includes(null==e?void 0:e.product_display_id))))||void 0===e?void 0:e.map(e=>null==e?void 0:e.product_display_id);

1h({body:{codi_id:t.codi_id,content_id:null,style_id:n.style_id,curation_id:n.curation_id,theme_version_id:n.theme_version_id,home_feed_id:null,promotion_id:null,post_id:null,category:c,is_codi_all_selected:!0,exclude_clothes:o},setCartModalType:e=>{(null==e?void 0:e.type)==="shoes_stylequiz_required"?y(!0):(null==e?void 0:e.type)==="codi_confirm"?p({type:"cart"}):(p(!1),x(e))}})};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(g,{isOpen:s.type,setIsOpen:e=>{a({...s,type:e})},onAddToCart:()=>v(),codiID:r,styleId:d,category:c}),_&&(0,l.jsx)(b.default,{isSizeSelectPopupOpen:_,setIsSizeSelectPopupOpen:e=>{y(!1)},onClose:e=>{},onComplete:e=>{v()},data:{type:"shoes"}})]})},k=i(65946),S=i(28670),C=i(3624),w=i(50025),O=i(2472),P=i(1116);let I=async e=>{let{styleId:t,category:i,pathId:l,curation_id:o,theme_version_id:n}=e;(0,P.s)({like_type:"STYLE",like_id:t,like_path:i||null,like_path_id:l||null,curation_id:o||null,theme_version_id:n||null})},z=async e=>{let{styleId:t}=e;(0,P.b)({like_id:t})};var N=e=>{let{hasStyleLiked:t,updateStyleLikeStatus:i,category:l,pathId:o,styleImageCoverURL:n,styleId:s,setNotLoginPopup:a,setLikeInfo:r,isLikeInfoToastPopupOpen:d=!0,curation_id:c,theme_version_id:u}=e;if(!localStorage.getItem("userID")){a({isOpen:!0,type:"like"});return}if("post"==(t?"delete":"post")){if(i({isLiked:!0}),I({styleId:s,category:l,pathId:o,curation_id:c,theme_version_id:u}),!d)return;r({isOpen:!0,state:"post",type:3,isBottomPosition:!1,image_url:n,id:s})}else{if(i({isLiked:!1}),z({styleId:s}),!d)return;r({isOpen:!0,state:"delete",type:3,isBottomPosition:!1,image_url:"",id:s})}},T=e=>{let{isLoading:t,category:i,styleImageCoverURL:n,styleId:s,defaultLikeStatus:r,handleCartSuggestionModal:d,clothPurchasePathID:c}=e,u=(0,k.sJ)(m.UserGlobalStatus),p=u.is_login,x=null==u?void 0:u.none_style_quiz_user,[_,y]=(0,o.useState)(!1),h=(0,k.Zl)(m.notLoginPopupState),g=(0,O.z)();(0,o.useEffect)(()=>{y(r)},[r]);let b=e=>{let{isLiked:t,style_id:l}=e;(0,v.Z)("Clicked Curation Detail Slot",{slot_name:"스타일 좋아요 ".concat(t?"선택":"해제"," 버튼"),slot_type:"button",content_id:l,content_type:"style",cta_text:"이 스타일이 마음에 들어요",category:i})},f=()=>{g({isOpen:!0,state:"delete",type:3,isBottomPosition:!1,image_url:"",id:s})},j=()=>{let e="WEEKLY_CURATION"==i?c.curation_id:"CURATION_THEME"==i?c.theme_version_id:"",t=c.curation_id;N({hasStyleLiked:_,updateStyleLikeStatus:e=>{let{isLiked:t}=e;y(t),b({isLiked:t,styleId:s}),t?d():f()},category:i,pathId:e,styleImageCoverURL:n,styleId:s,setNotLoginPopup:h,setLikeInfo:g,isLikeInfoToastPopupOpen:!1,theme_version_id:c.theme_version_id,curation_id:t})};return!p||x?(0,l.jsx)(l.Fragment,{}):t?(0,l.jsx)("div",{className:"py-sp-xxl pb-[50px]",children:(0,l.jsx)(w.Z,{className:"flex h-[48px] w-full items-center justify-center rounded-radius-xs text-white [&_.inner_container]:text-body-1 [&_.inner_container]:flex [&_.inner_container]:items-center [&_.inner_container]:gap-sp-xxxs [&_.inner_container]:pl-sp-ms [&_.inner_container]:font-semibold [&_.inner_container]:text-white",style:{background:"none"},children:(0,l.jsx)(C.Z,{})})}):(0,l.jsx)("div",{className:"py-sp-xxl pb-[50px]",children:(0,l.jsx)(a.default,{shape:"Solid",type:"Primary",size:"large",isWide:!0,onClick:()=>{localStorage.getItem("userID")?j():h({isOpen:!0,type:"like"})},isLoading:t,rightIcon:(0,l.jsx)(S.Z,{size:"xsmall",isFilled:_,type:"thin"}),keepIconColor:!0,children:"이 스타일이 마음에 들어요"})})},Z=i(20129),L=i(65369),D=o.memo(e=>{var t;let{isLoading:i,styleInfo:u={style_id:"",codi_id:"",products:[]},category:p,hasStyleCartButton:_=!0,hasStyleLikeButton:y=!1,hasMoreProductButton:h=!1,stylequizPrevPage:v=!1,cartButtonProps:g,clothPurchasePathID:b,setCustomToastPopupInfo:f=null,hasProductLikeButton:k=!1,hasProductCartButton:S=!0,handleProductClick:C,afterProductCartAction:w,subButtonRender:O,productSize:P="medium",_isVisible:I,_index:z,trackingData:N,productOption:D={}}=e;b=(0,o.useMemo)(()=>({codi_id:(null==u?void 0:u.codi_id)||null,...b}),[u]),(0,n.sJ)(m.UserGlobalStatus);let[E,B]=(0,o.useState)([]),[F,M]=(0,o.useState)(!1),R=(0,o.useRef)(null),{data:H,mutate:q}=(0,Z.Z)({key:b.style_id?"setHasMoreProduct_".concat(b.style_id):null,fetcher:async()=>!0,fallbackData:!0}),[A,W]=(0,o.useState)(!1);(0,o.useEffect)(()=>

1{if(!R.current)return;let e=new IntersectionObserver(e=>{let[t]=e;M(t.isIntersecting)},{threshold:.1});return e.observe(R.current),()=>{e.disconnect()}},[]);let U=(0,L.p)(),[G,J]=(0,o.useState)({isOpen:!1,title:"",description:"",btnText:"",onClick:()=>{}});(0,o.useEffect)(()=>{!f&&(null==G?void 0:G.isOpen)&&(U.show({message:G.title,duration:3e3}),J({isOpen:!1,title:"",description:"",btnText:"",onClick:()=>{}}))},[null==G?void 0:G.isOpen]);let Y=(0,o.useMemo)(()=>{var e;let t=h&&H?(null==u?void 0:null===(e=u.products)||void 0===e?void 0:e.slice(0,3))||[]:(null==u?void 0:u.products)||[];return 0===t.length?[]:[...t]},[null==u?void 0:u.products,h,H]);return(0,o.useEffect)(()=>{Y&&Y.length>0&&B(Y.map(e=>e.product_display_id))},[Y]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:R,className:h?"horizontal_check_codi_container w-full px-sp-l pb-sp-l":"horizontal_check_codi_container w-full pb-[28px]",style:S&&!h?{paddingBottom:0}:{},children:h?(0,l.jsx)(d.Z,{items:Y,viewCount:3,size:"small",itemInfoList:["brand","name","price"],actionType:S?"cart":k?"like":null,category:p,cartData:{clothPurchasePathID:b,stylequizPrevPage:!1,clothIncludedCodiID:!1,addingGAEventName:"",extraType:"",afterCartAction:!!w&&w},likeItemBody:{like_path:p,like_path_id:b.style_id,style_id:b.style_id,codi_id:(null==u?void 0:u.codi_id)||null,curation_id:null,theme_version_id:(null==b?void 0:b.theme_version_id)||null},onItemClick:C,trackingData:N?{...N,...N.itemType===s.Z$.STYLE&&(null==u?void 0:u.style_id)?{itemId:u.style_id}:{}}:void 0,...D}):(0,l.jsx)(c.Z,{items:Y,size:P,actionType:S?"cart":k?"like":null,category:p,cartData:{clothPurchasePathID:b,stylequizPrevPage:!1,clothIncludedCodiID:!1,addingGAEventName:"",extraType:"",afterCartAction:!!w&&w},likeItemBody:{like_path:p,like_path_id:b.style_id,style_id:b.style_id,codi_id:(null==u?void 0:u.codi_id)||null,curation_id:null,theme_version_id:(null==b?void 0:b.theme_version_id)||null},onItemClick:C,trackingData:N?{...N,...N.itemType===s.Z$.STYLE&&(null==u?void 0:u.style_id)?{itemId:u.style_id}:{}}:void 0,...D})}),h&&H&&(null==u?void 0:null===(t=u.products)||void 0===t?void 0:t.length)>3&&(0,l.jsx)("div",{className:"flex w-full justify-center pb-sp-xl pt-sp-xs",children:(0,l.jsx)(a.default,{shape:"OutlinedPill",type:"Primary",size:"medium",onClick:()=>{q(!1)},isCenter:!0,rightIcon:(0,l.jsx)(r.Z,{direction:"down",size:"small",isThick:!0}),children:"코디 상품 더보기"})}),!h&&_&&(0,l.jsx)(x,{codiElement:u,styleId:null==u?void 0:u.style_id,setCustomToastPopupInfo:f,setToastPopupInfo:J,stylequizPrevPage:v,cartButtonProps:g,category:p,checkList:E,subButtonRender:O}),!h&&y&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(T,{isLoading:i,category:p,styleImageCoverURL:u.image_cover_url,styleId:null==u?void 0:u.style_id,defaultLikeStatus:u.is_like,handleCartSuggestionModal:()=>{W({type:"like",codi_id:u.codi_id,codi:u})},clothPurchasePathID:b}),(0,l.jsx)(j,{codiInfo:u,checkList:E,clothPurchasePathID:b,modalState:A,setModalState:W,codiId:u.codi_id,styleId:null==u?void 0:u.style_id,category:p,setCartSuggestionModalState:W})]})]})})},50025:function(e,t,i){var l=i(85893);t.Z=e=>{let{children:t,className:i,...o}=e;return(0,l.jsx)("button",{className:"cursor-pointer border-none transition-transform duration-100 ease-in-out active:opacity-80 active:scale-[0.98]".concat(i?" ".concat(i):""),...o,children:t})}},61055:function(e,t,i){var l=i(85893),o=i(11163),n=i(67294),s=i(50644),a=i(51741),r=i(93447),d=i(34230),c=i(75331),u=i(42333),p=i(7506),m=i(65514),x=i(5625);t.Z=e=>{let{codiElement:t,category:i,contentsID:r,stylesID:y,curationID:h,homeFeedID:v,promotionID:g,postID:b,customMt:f,customMb:j,customPd:k,isWhiteVersion:S,isTooltipExist:C,customBtnStyle:w,customGAEventName:O,addingGAEventName:P,customBtnText:I,clothPurchasePathID:z,_isNoIcon:N,excludeClothes:T,afterCartAction:Z,isOpenPopupWhenNonLogin:L,canCartMission:D,setCartSheet:E,setMissionState:B,stylequizPrevPage:F,subButtonRender:M}=e,[R,H]=(0,s.FV)(x.notLoginPopupState),q=localStorage.getItem("userID"),A=(0,s.Zl)(x.isStyleQuizEngagementPopupOpen),W=(0,s.sJ)(x.UserGlobalStatus),U=W.is_login,G=null==W?void 0:W.none_style_quiz_user,J=(0,o.useRouter)(),[Y,V]=(0,s.FV)(x.isCartPopupOpenType),[Q,$]=(0,n.use

1State)(!1),K=(0,c.Z)(),X=(0,u.Z)(),ee=!1,et=async()=>{let e={codi_id:t.id?t.id:t.codi_id||null,content_id:r||null,style_id:y||null,curation_id:h||null,home_feed_id:v||null,promotion_id:g||null,post_id:b||null,...null!=z?z:{},category:i||null,is_codi_all_selected:!0,exclude_clothes:[...null!=T?T:[]]};D?X(e,E,B,null==Z?void 0:Z.overlap):K({body:e,setCartModalType:e=>{(null==e?void 0:e.type)==="shoes_stylequiz_required"?$(!0):V(e)},afterCartAction:null==Z?void 0:Z.success,afterOverlapCartAction:null==Z?void 0:Z.overlap})},ei=e=>{switch(e){case"codi_best":return"큐레이션인기";case"curation":return"큐레이션";case"contents":case"contents_codi":return"컨텐츠";case"ranking_codi":return"랭킹";case"likes_codi":return"좋아요";case"style_codi":case"style":return"스타일";case"closet":return"옷장";case"daily_look":return"데일리출근룩"}};return U&&!G?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"relative flex w-full items-center justify-center gap-sp-xxxs",style:{marginTop:f||"0",marginBottom:j||"2.4rem"},children:[M||(0,l.jsx)(l.Fragment,{}),(0,l.jsx)(a.default,{shape:"Solid",type:"primary",size:"large",isWide:!0,style:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",padding:"1rem 0",width:"100%",height:"4.8rem",cursor:"pointer",...S?{background:"#fff",color:"#000",border:"1px solid #ddd",borderRadius:"0.4rem"}:{background:"#000000",color:"#ffffff",borderRadius:"4px",border:"none"},...w},id:"codi_cart_btn",onClick:e=>{if(e.stopPropagation(),q){if(G)A({is_open:!0,type:"contents"});else if(null==Z?void 0:Z.empty)null==Z||Z.empty();else if(!ee){var t;ee=!0,(0,m.Z)("".concat(O||(null!==(t=ei(i))&&void 0!==t?t:i)).concat(P||"","코디리스트-코디전체쇼핑백담기/클릭")),et(),ee=!1}}else localStorage.setItem("prevUrl",null==J?void 0:J.asPath),F&&localStorage.setItem("stylequizAtPrevUrl",null==J?void 0:J.asPath),L?H({isOpen:!0}):(0,p.Yo)(J,"/login")},children:I||"스타일 전체 쇼핑백에 담기"}),!!C&&(0,l.jsx)(_,{isTooltipExist:C})]}),Q&&(0,l.jsx)(d.default,{isSizeSelectPopupOpen:Q,setIsSizeSelectPopupOpen:e=>{$(!1)},onClose:e=>{},onComplete:e=>{ee=!0,et(),ee=!1},data:{type:"shoes"}})]}):(0,l.jsx)(l.Fragment,{})};let _=e=>{let{isTooltipExist:t,text:i}=e,[o,s]=(0,n.useState)(!1),[a,d]=(0,n.useState)(!1),c=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e={root:null,rootMargin:"0",threshold:.5},t=new IntersectionObserver(t=>{t.forEach(e=>{e.isIntersecting&&!1===o&&(setTimeout(()=>{s("visible")},100),setTimeout(()=>{s("hidden")},3e4))},e)});return c.current&&t.observe(c.current),()=>{c.current&&t.unobserve(c.current)}},[c]),(0,l.jsx)("div",{ref:c,children:(0,l.jsxs)("div",{className:["absolute left-1/2 z-[1] inline-flex w-max items-center justify-center gap-sp-s rounded-radius-xxs bg-point-blue-main/90 px-sp-xl py-sp-xxxs pl-sp-xl transition-all duration-100 ease-[ease]","before:absolute before:bottom-full before:right-1/2 before:h-0 before:w-0 before:translate-x-1/2 before:border-b-[11.5px] before:border-l-8 before:border-r-8 before:border-b-point-blue-main/90 before:border-l-transparent before:border-r-transparent before:content-['']","visible"!==o||a||"hide"===t?"translate-x-[-50%] translate-y-[11.5px] scale-0 opacity-0":"translate-x-[-50%] translate-y-[11.5px] scale-100 opacity-100"].join(" "),children:[(0,l.jsx)("text",{className:"text-body-4 block whitespace-pre-line text-center font-medium leading-[140%] tracking-[-0.154px] text-white",children:"미션! 100P 즉시 지급\n".concat(i||"코디를 쇼핑백에 담아보세요.")}),(0,l.jsx)("button",{"aria-label":"button",className:"absolute right-sp-xxxs top-sp-xxxs",onClick:()=>{d(!0)},children:(0,l.jsx)(r.Z,{size:"small",color:"#d4d4d4"})})]})})}},34230:function(e,t,i){i.r(t);var l=i(85893),o=i(67294),n=i(8235),s=i(56269),a=i(92354),r=i(86735),d=i(20133),c=i(50178),u=i(54629),p=i(39257);let m=!1;t.default=e=>{var t,i,_;let{isSizeSelectPopupOpen:y=!1,setIsSizeSelectPopupOpen:h,data:v,onClose:g,onComplete:b}=e,{type:f,originalSize:j}=v;f=f||"top";let[k,S]=(0,o.useState)([]),[C,w]=(0,o.useState)(1),O=(0,n.sJ)(u.xH),P="shoes"===f?{shoes:null===(t=c.c.size_ver5)||void 0===t?void 0:t.shoes,foot_shape:null===(i=c.c.size_ver5)||void 0===i?void 0:i.foot_shape}:f?null===(_=c.c.size_ver5)||void 0===_?void 0:_[f]:[],I=(0,p.Z)((null!=f?f:"").toUpperCase()),z=async()=>

1{if(!m){var e,t;m=!0;let i="shoes"===f?{shoes:null!==(e=null==O?void 0:O.shoes)&&void 0!==e?e:[],foot_shape:null!==(t=null==O?void 0:O.foot_shape)&&void 0!==t?t:[]}:{[f]:[...new Set([...k])],["".concat(f,"_size_ver")]:u.y1};"SUCCESS"==(await (0,d.Uj)(i)).result&&((null==v?void 0:v.onComplete)&&(null==v||v.onComplete()),h(!1),g(f),b(f)),m=!1}};return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.default,{isOpen:y,onClose:async()=>{h(!1),g(f)},customStyle:{modal:{height:"auto",minHeight:"auto",maxHeight:"calc(100dvh - 60px)",paddingBottom:0}},renderButton:"shoes"!==f&&2===C?()=>(0,l.jsxs)("div",{className:"flex w-full items-center gap-sp-m",children:[(0,l.jsx)("button",{className:"reset text-body-1 flex h-[48px] w-fit items-center justify-center gap-sp-xs whitespace-pre rounded-radius-xs border border-neutral-gray-200 bg-white px-sp-l font-semibold text-black",onClick:()=>{S([]),w(1)},children:"다시 고르기"}),(0,l.jsx)("button",{className:"complete text-body-1 flex h-[48px] w-full items-center justify-center whitespace-pre rounded-radius-xs border font-semibold ".concat((null==k?void 0:k.length)!==2?"border-neutral-gray-200 bg-neutral-gray-200 text-white":"border-black bg-black text-white"),disabled:(null==k?void 0:k.length)!==2,onClick:z,children:"답변 완료하기"})]}):void 0,children:"shoes"===f?(0,l.jsx)("div",{className:"relative h-[542px] overflow-auto px-sp-l [&_.description]:text-body-1 [&_.title]:text-title-3 [&_.description]:mb-sp-xxs [&_.description]:font-semibold [&_.description]:text-black [&_.title]:mb-sp-l [&_.title]:font-bold [&_.title]:text-black [&_.title_span]:text-status-blue",style:{animation:"fadeIn 0.4s forwards",padding:"16px 0 0",height:"542px"},children:(0,l.jsx)(r.Z,{extraRender:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"description",style:{marginBottom:"6px",lineHeight:"2rem",marginLeft:"-4px"},children:"신발을 담기 위해 사이즈 정보가 필요해요"}),(0,l.jsxs)("div",{className:"title",style:{marginBottom:"28px",marginLeft:"-4px"},children:["평소 신으시는 ",(0,l.jsx)("span",{children:"신발"})," 사이즈를 알려주세요"]})]}),buttonWithPadding:!0,isBottomSheet:!0,options:P,onNextClick:z,onDisableNextClick:e=>{},postViewEvent:()=>{},buttonText:{next:"답변 완료하기"}})}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{children:"\n              @keyframes fadeIn {\n                0% { opacity: 0; z-index: 1; position: relative; }\n                1% { opacity: 0; }\n                100% { opacity: 1; position: relative; }\n              }\n              @keyframes fadeOut {\n                0% { opacity: 1; position: absolute; z-index: 0; }\n                99% { opacity: 0; }\n                100% { opacity: 0; position: absolute; z-index: 0; }\n              }\n            "}),(0,l.jsxs)("div",{className:"relative h-[361px] overflow-auto px-sp-l [&_.description]:text-body-1 [&_.title]:text-title-3 [&_.description]:mb-sp-xxs [&_.description]:font-semibold [&_.description]:text-black [&_.title]:mb-sp-l [&_.title]:font-bold [&_.title]:text-black [&_.title_span]:text-status-blue",style:{animation:1===C?"fadeIn 0.4s forwards":"fadeOut 0.4s forwards",position:1===C?"relative":"absolute"},children:[(0,l.jsx)("div",{className:"description",children:"댄블은 사이즈 추천 업그레이드 중!"}),(0,l.jsxs)("div",{className:"title",children:["제일 잘 맞는 ",(0,l.jsx)("span",{children:I})," 사이즈를 1개 골라주세요",(0,l.jsx)("br",{}),"\xa0"]}),(0,l.jsx)(a.Z,{isFull:!0,rowCnt:2,btnHeight:44,textStyle:{},gap:"12px 8px",options:P.map((e,t)=>{var i,o;return{...e,...(null===(i=j[f])||void 0===i?void 0:i.includes(null==e?void 0:e.value))?{isOriginal:!0,customBGColor:"#F8FBFF"}:{},label:(0,l.jsxs)(l.Fragment,{children:[parseInt(null==e?void 0:e.label)==(null==e?void 0:e.label)?(null==e?void 0:e.label)+" 사이즈":null==e?void 0:e.label,(null===(o=j[f])||void 0===o?void 0:o.includes(null==e?void 0:e.value))&&(0,l.jsx)(x,{})]})}}),onChange:e=>{S(e),w(2)},isMulti:1,value:[k[0]].filter(e=>!!e)}),(0,l.jsx)("div",{style:{paddingBottom:"83px"}})]}),(0,l.jsx)("div",{className:"relative h-[361px] overflow-auto px-sp-l [&_.description]:text-body-1 [&_.title]:text-title-3 [&_.description]:mb-sp-xxs [&_.description]:font-semibold [&_.description]:text-black [&_.title]:mb-sp-l [&_.title]:font-bold [&_.title]:text-black [&_.title_span]:text-status-blue",style:{animation:2===C?"fadeIn 0.4s forwards":"fadeOut 0.4s forwards",position:2===C?"relative":"absolute"},children:2===C&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"description",children:"댄블은 사이즈 추천 업그레이드 중!"}),(0,l.jsxs)("div",{className:"title",children:[(0,l.jsx)("span",{children:I}),"는 ",k[0]," 사이즈를 입으시네요",(0,l.jsx)("br",{}),"혹시 다른 사이즈도 입으시나요?"]}

1),(0,l.jsx)(a.Z,{isFull:!0,rowCnt:1,btnHeight:44,gap:"12px 12px",isMulti:1,textStyle:{},options:(()=>{var e,t,i;let o=k[0],n=null===(e=P.map(e=>e.value))||void 0===e?void 0:e.indexOf(o);return null===(i=P.slice(n<1?0:n-1,n<1?2:n+2))||void 0===i?void 0:null===(t=i.sort(e=>(null==e?void 0:e.value)===o?-1:1))||void 0===t?void 0:t.map((e,t)=>({...e,label:(null==e?void 0:e.value)!==o?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("b",{children:[null==e?void 0:e.label," 사이즈"]}),"도 가끔 입어요"]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("b",{children:["아니요, ",null==e?void 0:e.label," 사이즈"]}),"만 입어요"]})}))})(),onChange:e=>{S([k[0],e[0]])},value:[...k[1]?[k[1]]:[]]}),(0,l.jsx)("div",{style:{paddingBottom:"16px"}})]})})]})})})};let x=()=>(0,l.jsx)("div",{className:"absolute -top-sp-xs right-sp-xs h-sp-l rounded-[30px] bg-point-blue-25 px-sp-xs text-[10px] font-semibold leading-[16.5px] text-status-blue",children:"지난 번 응답"})},41507:function(e,t,i){var l=i(85893),o=i(98712),n=i(3624),s=i(33785);let a={large:"lg","style-detail":"lg",small:"sm",common:"sm","theme-detail":"sm",curation:"sm"};t.Z=e=>{var t;let{tags:i=[],variant:r="common",lineClamp:d,isLoading:c=!1,showHash:u=!0,style:p,labelStyle:m,...x}=e,_=a[r]||"sm",y=(null===(t=o.a5[_])||void 0===t?void 0:t.height)||"2.4rem",h=d?(()=>{var e;let t=parseFloat((null===(e=o.a5[_])||void 0===e?void 0:e.height)||"2.4");return{overflow:"hidden",maxHeight:"".concat(d*t+(d-1)*.4,"rem")}})():{};return(0,l.jsx)("div",{className:"m-0 flex flex-wrap gap-sp-xxxs p-0",style:{...h,...p},...x,children:c?i.map((e,t)=>(0,l.jsx)(n.Z,{style:{width:"".concat(10+t%3,"rem"),height:y,borderRadius:"0.4rem"}},t)):i.map((e,t)=>(0,l.jsx)(s.Z,{size:_,style:m,children:u?"#".concat(e):e},t))})}},75331:function(e,t,i){var l=i(67294),o=i(26478),n=i(65514);t.Z=()=>{let{addCodi:e}=(0,o.Z)(),t=(0,l.useRef)(!1);return(0,l.useCallback)(async i=>{let{body:l,setCartModalType:o,afterCartAction:s,afterOverlapCartAction:a,isNoneDefaultModalShow:r=!1,extraAction:d}=i;if(!t.current){t.current=!0;try{var c;let t=await e(l);try{(0,n.Z)("codi_to_cart",l)}catch(e){console.error(e)}if((null==t?void 0:t.detail)==="Not StyleQuized")return!1;if((null==t?void 0:t.detail)==="Already Exists")!0!==r&&(o({type:"codi_overlap"}),a&&a());else if((null==t?void 0:t.detail)==="All Sold Out")o({type:"style_all_sold_out"});else if((null==t?void 0:t.detail)==="No Shoes Size")o({type:"shoes_stylequiz_required"});else if((null==t?void 0:null===(c=t.sold_out_clothes)||void 0===c?void 0:c.length)>0){if(!0!==r){let e=null==t?void 0:t.sold_out_clothes.length;o({type:"sold_out_item",description:"(품절 상품 제외)\n품절 상품: ".concat(null==t?void 0:t.sold_out_clothes[0]).concat(e>1?" 외 ".concat(e-1,"건"):"")})}}else!0!==r&&(s?s(l):o({type:"codi_confirm",category:l.category}));d&&d()}finally{t.current=!1}}},[e])}},42333:function(e,t,i){var l=i(67294),o=i(26478),n=i(67807),s=i(65514),a=i(20133);t.Z=()=>{let{addCodi:e}=(0,o.Z)(),t=(0,l.useRef)(!1);return(0,l.useCallback)(async(i,l,o,r)=>{if(!t.current){t.current=!0;try{var d;let t=await e(i);try{(0,s.Z)("codi_to_cart",i)}catch(e){console.error(e)}let c=await (0,a.MX)({mission_type:"codi_all_selected"});if((0,s.Z)("100P 미션 참여",{type:"코디 쇼핑백 담기",mission_type:"codi_all_selected",message:null==c?void 0:c.message,...i}),o((null==c?void 0:c.message)=="포인트 지급 완료"?{isLoaded:!0,message:"100P 적립완료!",isSuccess:!0}:(null==c?void 0:c.message)=="이미 포인트가 지급되었습니다."?{isLoaded:!0,message:"이미 포인트가 지급되었습니다."}:{isLoaded:!0,message:"오류가 발생하였습니다. 잠시 후에 다시 시도해주세요."}),(null==t?void 0:t.detail)=="Already Exists")(0,n.qJ)({asPath:"/stylereport"},!0),l({type:"codi_overlap",open:!0}),r&&r();else if((null==t?void 0:t.detail)=="All Sold Out")l({type:"style_all_sold_out",open:!0});else if((null==t?void 0:null===(d=t.sold_out_clothes)||void 0===d?void 0:d.length)>0){let e=null==t?void 0:t.sold_out_clothes.length;(0,n.qJ)({asPath:"/stylereport"},!0),l({type:"sold_out_item",description:"(품절 상품 제외)\n품절 상품: ".concat(null==t?void 0:t.sold_out_clothes[0]).concat(e>1?" 외 ".concat(e-1,"건"):""),open:!0})}else(0,n.qJ)({asPath:"/stylereport"},!0),l({type:"codi_confirm",open:!0})}finally{t.current=!1}}},[e])}},1116:function(e,t,i){i.d(t,{b:function(){return s},s:function(){return n}});var l=i(88589),o=i(20133);async function n(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];let i=await (0,o.Gt)(e);return{response:null==i?void 0:i.result,detail:i.detail}}async function s(e){let t=await (0,l.ev)(null==e?void 0:e.like_id);return{response:null==t?void 0:t.result,detail:t.detail}}}}]);