https://danble.co.kr/_next/static/chunks/pages/curation/[id]-3a488f625ed8e460.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8474,7807],{93031:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/curation/[id]",function(){return n(77094)}])},77094:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return _}});var i=n(85893),r=n(19692),l=n(11163),o=n(67294),a=n(59103),s=n(96656),d=n(61970),c=n(51741),u=n(3624),p=n(18134),m=n(65514),f=e=>{let{userInfo:t}=e,n=!(null==t?void 0:t.name),r="".concat(t.name||"고객","님만을 위한\n이번주 추천 스타일을 골랐어요!"),[l,a]=(0,o.useState)(!1),s=()=>{(0,m.Z)("Clicked Curation Detail Slot",{slot_name:"나의 스타일 정보",slot_type:"button"})};return n?(0,i.jsxs)("div",{className:"text-body-1 relative flex w-full max-w-[480px] flex-col gap-sp-xs px-sp-xl py-sp-l font-semibold text-black",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)(u.Z,{style:{width:"130px",height:"21px"}}),(0,i.jsx)(c.default,{style:{width:"96px",padding:0},shape:"Outlined",type:"Secondary",size:"xsmall",text:"나의 스타일 정보",isLoading:!0})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)(u.Z,{style:{width:"297px",height:"24px"}}),(0,i.jsx)(u.Z,{style:{width:"250px",height:"24px",marginTop:"2.4px"}})]})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"text-body-1 relative flex w-full max-w-[480px] flex-col gap-sp-xs px-sp-xl py-sp-l font-semibold text-black",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsxs)("div",{className:"text-body-3 font-semibold text-neutral-gray-500",children:["From ",t.curator_assigned||"한수빈"," 큐레이터"]}),(0,i.jsx)(c.default,{style:{width:"96px",padding:0},shape:"Outlined",type:"Secondary",size:"xsmall",text:"나의 스타일 정보",onClick:()=>{a(!0),s()}})]}),(0,i.jsx)("div",{className:"text-body-1 whitespace-pre-wrap break-keep font-semibold text-black [overflow-wrap:break-word]",children:r})]}),(0,i.jsx)(p.default,{isOpen:l,setIsOpen:a,entryPoint:"curation"})]})},x=n(20108),y=n(20129),v=n(17066),g=n(72406),h=n(35293),b=n(40172);function _(){let e;let t=(0,l.useRouter)(),[n,s]=(0,a.FV)(h.ao),[c,u]=(0,o.useState)(""),[p]=(0,v.Z)(),m=!1,x=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];(0,r.sendGTMEvent)({event:"channel_curation",cen:"curation_detail_view",parameterName:"label",parameterValue:e?"is_first_request":""})};(0,o.useEffect)(()=>(e=setTimeout(()=>{(0,r.sendGTMEvent)({event:"channel_curation",cen:"curation_view"}),m=!0},7e3),()=>{var t,n;clearTimeout(e),m&&(null===(t=window)||void 0===t?void 0:t.ChannelIO)&&(null===(n=window)||void 0===n||n.ChannelIO("hidePopup"))}));let b=(0,a.Zl)(h.Pw);(0,o.useEffect)(()=>{let e=t.query.id;u(e),e&&"/curation/[id]"==t.pathname&&_(e)},[t]),(0,o.useEffect)(()=>{(null==p?void 0:p.isReady)&&k()},[null==p?void 0:p.isReady]);let _=async e=>{j(e)},w=async e=>{if(e){let t=await (0,g.jdC)(e,"category=WEEKLY_CURATION");return b(null==t?void 0:t.received_week),(null==t?void 0:t.style_list)||[]}},j=async e=>{if(e){let e=await (0,g.Iv0)();x(null==e?void 0:e.is_first_request)}},{data:I}=(0,y.Z)({key:t.query.id?"getCurationDetailInfo(".concat(t.query.id,")"):null,fetcher:async()=>w(t.query.id)}),k=async()=>{s({...p,displayCustomerName:"FEMALE"==p.gender&&p.name?"".concat(p.name,"님의 소중한 분"):p.name?"".concat(p.name,"님"):"고객님"})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(f,{userInfo:n}),(0,i.jsx)(d.default,{themeNavigation:I,category:"WEEKLY_CURATION"})]})}_.getLayout=e=>(0,i.jsxs)(x.Z,{showHeader:!0,text:"큐레이션",isCenter:!0,showList:["search","cart"],customHeaderHeight:"5rem",showChannelTalkButton:!0,children:[e,(0,b.Z)()&&(0,i.jsx)(s.Z,{isDefault:!0,showDelayTimeout:3e3})]})},23414:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var i=n(85893),r=n(11163),l=n(45697),o=n.n(l),a=n(67294),s=n(22227),d=n(60649),c=n(7506),u=n(21823),p=n(94657),m=n(66126);let f=(e,t)=>{let n,i;let r="calc(".concat("medium"===t?"1rem":"0.6rem"," / 2)");switch(e){case"top":n="translate(-50%, ".concat(r,")"),i="50% 0";break;case"left":n="translate(".concat(r,", -50%)"),i="0 50%";break;case"right":n="translate(calc(-100% - ".concat(r,"), -50%)"),i="100% 50%";break;default:n="translate(-50%, calc(-100% - ".concat(r,"))"),i="50% 100%"}return{translateValue:n,transformOrigin:i}},x=(e,t)=>{let n="1rem",i="0.6rem";switch(e){case"top":return"\n        bottom: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        border-width: 0 ".concat(i," ").concat(n," ").concat(i,";\n        border-color: transparent transparent ").concat(t," transparent;\n      ");case"left":return"\n        right: 100%;\n        top: 50%;\n        transform: translateY(-50%);\n        border-width: ".concat(i," ").concat(n," ").concat(i," 0;\n        border-color: transparent ").concat(t," transparent transparent;\n      ");case"right":return"\n        left: 100%;\n        top: 50%;\n        transform: translateY(-50%);\n        border-width: ".concat(i," 0 ").concat(i," ").concat(n,";\n        border-color: transparent transparent transparent ").concat(t,";\n      ");case"bottom":return"\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        border-width: ".concat(n," ").concat(i," 0 ").concat(i,";\n        border-color: ").concat(t," transparent transparent transparent;\n      ");default:return""}},y="rgba(255, 255, 255, 0.8)",v=e=>{var t;let{tag:n,size:l,isVisible:o=!0,pageType:v,currentProductId:g,isProductDetailAsBottomSheet:h,productList:b,category:_,clothPurchasePathID:w}=e,[j,I]=(0,a.useState)(!0),k=(0,r.useRouter)(),N=(0,s.Zl)(u.gB),C=(0,a.useId)().replace(/:/g,"_");(0,a.useEffect)(()=>{o&&I(!1)},[o]);let E=()=>{var e,t,i,r;let l={...w,category:_||(null==k?void 0:null===(e=k.query)||void 0===e?void 0:e.category)||(null==w?void 0:w.category)||"style_codi",codi_id:n.codiId,style_id:n.styleId,promotion_id:(null==k?void 0:null===(t=k.query)||void 0===t?void 0:t.category)==="promotion"&&null!==(r=null==k?void 0:null===(i=k.query)||void 0===i?void 0:i.path_id)&&void 0!==r?r:""};(0,p.Z)(k,(0,m.Z)(l)),N({isOpen:!0,productId:n.product.id})};if(!(null==n?void 0:n.product))return null;let{product:q,x:T,y:O,direction:Z}

1=n,R=q.price?"".concat(q.price.toLocaleString(),"원"):"가격 정보 없음",L=(null==b?void 0:b.map(e=>null==e?void 0:e.product_display_id))||[];if((null==L?void 0:L.length)>0&&!(null==L?void 0:L.includes(null==n?void 0:null===(t=n.product)||void 0===t?void 0:t.id)))return null;let{translateValue:S,transformOrigin:P}=f(Z,l),D=x(Z,y),z="\n    @keyframes popIn_".concat(C," {\n      0% { transform: ").concat(S," scale(0); opacity: 0; }\n      60% { opacity: 1; }\n      100% { transform: ").concat(S," scale(1); opacity: 1; }\n    }\n    @keyframes popOut_").concat(C," {\n      0% { transform: ").concat(S," scale(1); opacity: 1; }\n      40% { opacity: 1; }\n      100% { transform: ").concat(S," scale(0); opacity: 0; }\n    }\n    .bubble_").concat(C,'::after {\n      content: "";\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      ').concat(D,"\n    }\n  "),F={boxShadow:"-1px -1px 9px 0px rgba(0, 0, 0, 0.09)",backdropFilter:"blur(2px)",position:"absolute",left:"".concat(T,"%"),top:"".concat(O,"%"),zIndex:2,pointerEvents:o?"auto":"none",transformOrigin:P};return j&&!o?(F.transform="".concat(S," scale(0)"),F.opacity=0):F.animation=o?"popIn_".concat(C," 0.3s ease-out forwards"):"popOut_".concat(C," 0.3s ease-in forwards"),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:z}}),(0,i.jsx)("div",{style:F,onClick:e=>{var t,i,r,l,o;if(e.stopPropagation(),!(null==n?void 0:null===(t=n.product)||void 0===t?void 0:t.id))return;let a=n.product.id;if("styleDetail"===v&&E(),"productDetail"===v){if(a===g)window.scrollTo(0,0);else if(h)E();else{let e={...w,category:_||(null==k?void 0:null===(i=k.query)||void 0===i?void 0:i.category)||(null==w?void 0:w.category)||"style_codi",codi_id:n.codiId,style_id:n.styleId,promotion_id:(null==k?void 0:null===(r=k.query)||void 0===r?void 0:r.category)==="promotion"&&null!==(o=null==k?void 0:null===(l=k.query)||void 0===l?void 0:l.path_id)&&void 0!==o?o:""};(0,c.Yo)(k,"/product/".concat(a,"?").concat((0,m.Z)(e)))}}},children:(0,i.jsxs)("div",{className:["bubble_".concat(C),"relative flex items-center gap-sp-xxxs","medium"===l&&"h-[5rem] w-[13.9rem] rounded-radius-s p-sp-xxxs","small"===l&&"h-sp-xxxl w-[10.8rem] rounded-radius-xxs p-sp-ms"].filter(

1Boolean).join(" "),style:{background:y},children:[(0,i.jsx)("div",{className:["shrink-0 overflow-hidden bg-neutral-gray-50","medium"===l&&"h-[42px] w-sp-ml rounded-radius-xxs","small"===l&&"h-[28px] w-[28px] rounded-[0.1rem]"].filter(Boolean).join(" "),children:(0,i.jsx)(d.ResizedImg,{resizeImageWidth:130,src:q.imageUrl,alt:q.name,quality:85})}),(0,i.jsxs)("div",{className:"flex w-full flex-col justify-center overflow-hidden whitespace-nowrap",children:[(0,i.jsx)("div",{className:["overflow-hidden text-ellipsis text-[1rem] leading-[1.2rem] text-black","medium"===l?"font-semibold":"font-medium"].join(" "),children:q.brand}),(0,i.jsxs)("div",{className:["overflow-hidden text-ellipsis leading-[1.2rem] text-neutral-gray-600","medium"===l?"mt-sp-ms text-[1.2rem] font-medium":"text-[1rem] font-semibold"].join(" "),children:[q.discountRate>0&&(0,i.jsxs)("span",{className:"mr-sp-ms text-red-main",children:[q.discountRate,"%"]}),R]}),"medium"===l&&q.color&&(0,i.jsx)("div",{className:"mt-sp-ms overflow-hidden text-ellipsis text-[1rem] font-medium leading-[1.2rem] text-neutral-gray-600",children:q.color})]})]})})]})};v.propTypes={tag:o().shape({product:o().shape({id:o().oneOfType([o().string,o().number]).isRequired,name:o().string,brand:o().string,imageUrl:o().string,price:o().number,discountRate:o().number,color:o().string}),x:o().number,y:o().number,direction:o().string}).isRequired,size:o().oneOf(["small","medium"]).isRequired,isVisible:o().bool,pageType:o().oneOf(["productDetail","styleDetail"]).isRequired,currentProductId:o().oneOfType([o().string,o().number]),isProductDetailAsBottomSheet:o().bool},v.defaultProps={isVisible:!0,currentProductId:null,isProductDetailAsBottomSheet:!1};var g=v},16486:function(e,t,n){"use strict";var i=n(85893),r=n(44609),l=n(17258);t.Z=e=>{let{onClickTagVisibleControlButton:t,isTagShow:n,style:o}=e;return(0,i.jsx)(r.default,{onClick:t,size:"large",shape:"normal",icon:(0,i.jsx)(l.default,{name:"objective/TagCircle",size:"large",color:n?"#191919":"#C4C4C4"}),style:{position:"absolute",zIndex:1,bottom:"1.2rem",left:"1.2rem",width:"3.2rem",height:"3.2rem",...o}})}},18771:function(e,t,n){"use strict";n.d(t,{f:function(){return r}});var i=n(67294);let r=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],[n,r]=(0,i.useState)({styleId:null,styleImages:[],tags:[],codi:null,title:null,isLiked:!1});return(0,i.useEffect)(()=>{if(!t||!((null==e?void 0:e.style_id)>0)){r({styleId:null,styleImages:[],tags:[],codi:null,title:null,isLiked:null});return}let{style_photo_list:n,codi_list:i,style_id:l,title:o,is_liked:a,is_like:s}=e,d=null==n?void 0:n[0],c=(null==i?void 0:i[0])||null;if(!d||!(null==d?void 0:d.image_url))return;let u=n.map(e=>({id:e.id,url:e.image_url})),p=null==n?void 0:n.some(e=>{var t;return(null===(t=e.image_tag_list)||void 0===t?void 0:t.length)>0}),m=new Image,f="?w=o&f=webp&q=1";p?m.src=d.image_url+f:r({styleId:l,styleImages:u,tags:[],codi:c,title:o,isLiked:a||s}),m.onload=()=>{let{naturalWidth:e,naturalHeight:t}=m,i=n.flatMap((n,i)=>(n.image_tag_list||[]).map(n=>({id:n.id,imageIndex:i,x:n.coordinate_X/e*100,y:n.coordinate_Y/t*100,direction:n.position,product:{id:n.product.product_display_id,brand:n.product.brand,name:n.product.name,imageUrl:n.product.image_main,price:n.product.price_discount,discountRate:n.product.discount_rate,color:n.product.color},styleId:l,codiId:null==c?void 0:c.codi_id})));r({styleId:l,styleImages:u,tags:i,codi:c,title:o,isLiked:a||s})},m.onerror=()=>{console.error("이미지 크기를 가져오는 데 실패했습니다: ".concat(d.image_url)),m.src.includes(f)?m.src=d.image_url:d.image_url===m.src&&r({styleId:l,styleImages:n.map(e=>({id:e.id,url:e.image_url})),tags:[],codi:c,title:o,isLiked:a||s})}},[e]),n}},40172:function(e,t,n){"use strict";let i=n(27484);t.Z=()=>i()>=i("2025-06-23 00:00:00")&&i()<i("2025-07-04 00:00:00")}},function(e){e.O(0,[5675,210,1609,6261,7637,6508,1876,9238,653,9152,2848,4609,707,6660,108,649,6427,8831,8887,9955,6735,9833,8466,6450,508,5197,8429,2888,9774,179],function(){return e(e.s=93031)}),_N_E=e.O()}]);