https://theteenieping.com/_next/static/chunks/59.49724ebd52d453cf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59],{43673:function(e,t,n){n.d(t,{p:function(){return f}});var i=n(3375),o=n(95664),l=n(9149);let r=o.ZP.div.withConfig({componentId:"sc-5794e3da-0"})(["position:fixed;bottom:0;left:50%;transform:translate(-50%,0);z-index:",";width:100%;border-radius:14px 14px 0px 0px;max-width:480px;"],i.k.PURCHASE_SHEET),a=o.ZP.div.withConfig({componentId:"sc-5794e3da-1"})(["width:100%;text-align:center;margin-top:-10px;button{width:20%;}"]),d=o.ZP.div.withConfig({componentId:"sc-5794e3da-2"})(["background:#fff;padding:20px;padding-bottom:1px;"]),s=o.ZP.p.withConfig({componentId:"sc-5794e3da-3"})(["margin-bottom:8px;"]),c=o.ZP.button.withConfig({componentId:"sc-5794e3da-4"})(["width:",";flex:1;padding:var(--base-4-8rem) var(--base-14-20rem);border-radius:4px;background:var(--white);color:var(--primary-500);font-size:var(--base-14-18rem);height:var(--base-45-56rem);font-weight:700;border:1.6px solid #ffb4d6;display:flex;align-items:center;justify-content:center;gap:4px;span{display:flex;align-items:center;justify-content:center;}img{width:var(--base-16-22rem);height:var(--base-16-22rem);}"],e=>{let{$width:t}=e;return t||"50px"}),u=o.ZP.div.withConfig({componentId:"sc-5794e3da-5"})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;p{color:var(--gray-dark-200);font-size:var(--base-14-18rem);",";line-height:1.3;&:last-child{color:var(--primary-100);font-size:var(--base-16-22rem);",";}}"],l.Ue.semiBold,l.Ue.bold),p=o.ZP.ul.withConfig({componentId:"sc-5794e3da-6"})(["display:flex;gap:8px;flex-direction:column;"]),h=o.ZP.div.withConfig({componentId:"sc-5794e3da-7"})(["padding:",";width:100%;background-color:#fff;border-top:",";"],e=>{let{$bottomInsets:t}=e;return t?"14px 20px ".concat(t,"px"):"14px 20px"},e=>{let{$isHeaderVisible:t}=e;return t?"none":"1.4px solid var(--gray-300)"}),m=o.ZP.div.withConfig({componentId:"sc-5794e3da-8"})(["position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;z-index:",";background:black;opacity:0.4;max-width:480px;"],i.k.OVERLAY),x=o.ZP.p.withConfig({componentId:"sc-5794e3da-9"})(["color:#3a3a3a;text-align:center;",";",";margin-bottom:4px;"],l.Ue.bold,(0,l.JB)(14)),f={Container:r,Header:d,Handlebar:a,HeaderTitle:s,IconButton:c,TotalPriceContainer:u,SelectedOptionList:p,PurchaseContainer:h,BackgroundOverlay:m,ConfirmDescription:x,Flex:o.ZP.div.withConfig({componentId:"sc-5794e3da-10"})(["display:flex;align-items:center;justify-content:center;gap:8px;"]),DiscountRateContainer:o.ZP.div.withConfig({componentId:"sc-5794e3da-11"})(["display:flex;padding:8px 0;justify-content:space-between;align-items:center;gap:8px;font-size:var(--base-12-16rem);font-weight:600;line-height:130%;letter-spacing:-0.32px;p{color:var(--gray-dark-200);}div{span:first-child{color:var(--primary-100);}span:last-child{color:var(--gray-dark-200);text-decoration-line:line-through;}}"]),Line:o.ZP.div.withConfig({componentId:"sc-5794e3da-12"})(["border-bottom:1.4px solid var(--gray-300);margin:8px 0;"])}},70059:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var i=n(85893),o=n(30357),l=n(30202),r=n(29779),a=n(30817),d=n(80560),s=n(61953),c=n(27366),u=n(43673),p=n(26906),h=n(32303),m=n(20568),x=n(84005),f=n(34771),b=n(22857),v=n(47871),g=n(9333),C=n(73702),y=n(95054),j=n(75480),O=n(47311),E=n(11163),A=n(26132),R={src:"/_next/static/media/gift-outline-pink.3466a6b5.png",height:66,width:66,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEX/brL/b7P/bbBMaXH/bLD/b7H/cLb/crj/brH/bK//brD/bq//cLFqPrfqAAAADXRSTlNzi5MApGQO5bTISy1C0gDIOwAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADdJREFUeJwdxskRgEAMBLG2B59L/vFSrF5C6bueQlRVIWi6abBVoNex8RkfxyKxjD/CFMZ5rvMBKFcBFwnn3fQAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},S=n(67294),P=n(87536),Z=n(23756),k=n(48485),w=n(79661),I=n(24355),N=n(57499),T=n(74585),M=n(97988),B=n(46916),L=n(22778),_=n(66271),U=e=>{var t;let{isMypingProduct:n,isSoldout:U,usableRestockNoti:F,productNo:D,limitations:q,isHotdealCategory:H=!1,discountRate:W,originalPrice:K}=e,[V,z]=(0,S.useState)({}),[Q,G]=(0,S.useState)(""),{control:J,resetField:$}=(0,P.cI)({mode:"all"}),Y=(0,l.NL)(),X=(0,k.TL)(),{isLogin:ee}=(0,g.Z)(),{onModal:et,openMessageModal:en}=(0,C.Z)(),[ei,eo]=(0,w.i8)(),el=(null===(t=(0,k.ix)(e=>e.persistReducer.appState).safeArea)||void 0===t?void 0:t.bottom)||0,er=(0,E.useRouter)(),ea=er.query.channelType||null,{write:{mutateAsync:ed}}=(0,m.gN)(),es=(0,x.tI)(),{cartInfo:ec}=(0,v.Z)(),{data:eu}=(0,f.wS)({productNo:Number(D)}

1),{selectedChild:ep,setSelectedChild:eh,getSelectedOption:em,resetSelectedOption:ex}=(0,j.Z)({options:null==eu?void 0:eu.multiLevelOptions,depth:null==eu?void 0:eu.labels.length}),{selectedChild:ef,setSelectedChild:eb,getSelectedOption:ev,resetSelectedOption:eg}=(0,y.s)({options:null==eu?void 0:eu.multiLevelOptions}),[eC,ey]=(0,S.useState)(!1),ej=null==eu?void 0:eu.flatOptions.find(e=>"SET"===e.extraManagementCd),eO=()=>{et({type:"ConfirmModal",payload:{message:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{children:"상품이 장바구니에 담겼습니다."}),(0,i.jsx)("p",{children:"바로 확인하시겠습니까?"})]}),onClose:()=>er.push({pathname:h.Z.CART}),onDismiss:()=>{ey(!1),G("")}}})},eE=()=>{et({type:"ConfirmModal",payload:{cancelText:"돌아가기",confirmText:"로그인하러 가기",message:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{children:"선물하기는 회원전용 서비스입니다."}),(0,i.jsx)("p",{children:"로그인해 주세요."})]}),onClose:()=>er.push({pathname:h.Z.MEMBER.LOGIN,query:{redirectUrl:er.asPath}})}})},eA=(0,S.useCallback)((e,t,n)=>{let i=t.optionNo;if(e[i]){let t=e[i];return{...e,[i]:{...t,count:t.count+1,amountPrice:t.amountPrice+t.price}}}return{...e,[i]:{label:n,price:t.buyPrice,optionNo:t.optionNo,amountPrice:t.buyPrice,value:t.value,isRequiredOption:t.isRequiredOption,stockCnt:t.stockCnt,productNo:D,count:1}}},[D]),eR=(0,S.useMemo)(()=>Object.values(V).map(e=>({orderCnt:e.count,channelType:ea,optionInputs:[],optionNo:e.optionNo,productNo:Number(e.productNo)})),[V,ea]),eS=Object.values(V).reduce((e,t)=>({amountPrice:e.amountPrice+t.amountPrice}),{amountPrice:0}).amountPrice,eP=(0,S.useMemo)(()=>Object.values(V).map(e=>({item_id:"".concat(e.productNo),item_name:e.label,price:e.price,quantity:e.count})),[V]),eZ=(0,S.useMemo)(()=>U?"품절된 상품입니다.":"바로구매",[ee,U]),ek=async()=>{G("cart");try{if(H){en("핫딜 예정상품 입니다. 조금만 기다려주세요!"),G("");return}if(!ee&&(null==q?void 0:q.memberOnly)){en("회원만 구매가능한 상품이므로 장바구니 담기가 불가능합니다."),z({}),ey(!1),G("");return}if(!eC){ey(!0),_.Z.sendMessage("WEBVIEW_OPEN_PURCHASE_SHEET");return}if(eR.length<=0){en("옵션을 선택해주세요.");return}let e=Object.values(V).find(e=>!!e.stockCnt&&!(e.stockCnt<=0)&&(0,L.CQ)(ec,e.optionNo)+e.count>e.stockCnt);if(e){let t=(0,L.CQ)(ec,e.optionNo);en("이미 장바구니에 ".concat(t,"개 담겨 있어 추가로 담을 수 있는 수량을 초과했어요.\n현재 재고는 ").concat(e.stockCnt,"개입니다."));return}if(ee)await es.mutateAsync(eR,{onSuccess:()=>{eO(),Y.invalidateQueries({predicate:e=>(0,o.q9)(e.queryKey[0],[...b.Z.all])}),z({}),T.J.addToCart(D),B.Z.addToCart(D),M.c.addToCart({content_ids:[D],value:eS,currency:"KRW"}),N.S.addToCart({currency:"KRW",value:eS,items:eP})}});else{if((null==eu?void 0:eu.type)==="REQUIRED"&&!Object.values(V).some(e=>e.isRequiredOption)){en("필수 옵션이 최소 하나 이상 있어야 합니다.");return}if(q){let{maxBuyDays:e,maxBuyPersonCnt:t}=q;if(e>0||t>0){et({type:"ConfirmModal",payload:{message:"더티니핑 회원전용 상품입니다.\n로그인 후 이용해 주세요.",onClose:()=>er.push({pathname:h.Z.MEMBER.LOGIN})}});return}}X((0,Z.RV)(eR)),eO(),z({}),T.J.addToCart(D),B.Z.addToCart(D),M.c.addToCart({content_ids:[D],value:eS,currency:"KRW"}),N.S.addToCart({currency:"KRW",value:eS,items:eP})}}catch(e){}},ew=async()=>{G("cart");try{if(!eC){ey(!0),_.Z.sendMessage("WEBVIEW_OPEN_PURCHASE_SHEET");return}if(eR.length<=0){en("옵션을 선택해주세요.");return}await ed({data:{products:eR,productCoupons:[]}},{onSuccess:e=>{let{data:t}=e;N.S.beginCheckout({currency:"KRW",value:eS,items:eP}),ee?er.push({pathname:"".concat(h.Z.ORDER.SHEET,"/").concat(t.orderSheetNo)}):er.push({pathname:h.Z.MEMBER.LOGIN,query:{type:"guestOrder",redirectUrl:"".concat(h.Z.ORDER.SHEET,"/").concat(t.orderSheetNo)}})}})}catch(e){}},eI=async()=>{G("gift");try{if(H){en("핫딜 예정상품 입니다. 조금만 기다려주세요!"),G("");return}if(!ee){ey(!1),G(""),eE();return}if(!eC){ey(!0),_.Z.sendMessage("WEBVIEW_OPEN_PURCHASE_SHEET");return}if(eR.length<=0){en("옵션을 선택해주세요.");return}

1await ed({data:{products:eR,productCoupons:[]}},{onSuccess:e=>{let{data:t}=e;N.S.beginCheckout({currency:"KRW",value:eS,items:eP}),er.push("".concat(h.Z.ORDER.GIFT,"/").concat(t.orderSheetNo))}})}catch(e){}};(0,S.useEffect)(()=>{eo(eC)},[eo,eC]),(0,S.useEffect)(()=>{if((null==eu?void 0:eu.selectType)==="MULTI"){if((null==eu?void 0:eu.type)!=="REQUIRED"){let e=eu.labels.length;if(Object.keys(ep).length>e){let{selectedOption:e,selectedLabel:t}=em();z(n=>eA(n,e,t)),ex()}}else ev().forEach(e=>{(null==e?void 0:e.selectedOption)&&(z(t=>eA(t,e.selectedOption,e.selectedLabel)),eg())})}},[ep,ef,eu,D]);let eN=(0,S.useMemo)(()=>Object.values(V).reduce((e,t)=>e+(null!=K?K:0)*t.count,0),[V,K]);return(0,i.jsxs)(i.Fragment,{children:[eC&&(0,i.jsx)(u.p.BackgroundOverlay,{id:"overlay",onClick:()=>{ey(!1),G("")}}),(0,i.jsxs)(u.p.Container,{children:[eC&&(0,i.jsxs)(u.p.Header,{children:[(0,i.jsx)(u.p.Handlebar,{children:(0,i.jsx)("button",{onClick:()=>{ey(!1),G("")},children:(0,i.jsx)(A.Z,{})})}),(0,i.jsx)(u.p.HeaderTitle,{}),(0,i.jsx)("div",{style:{marginBottom:"12px"},children:eu&&"MULTI"===eu.selectType?"REQUIRED"!==eu.type?(0,i.jsx)(c.Z,{menuPlacement:"top",designType:"purchase",clearOnReset:!0,control:J,resetField:$,fieldName:"treeOption",labels:null==eu?void 0:eu.labels,selectedChild:ep,setSelectedChild:eh,filterOption:e=>{var t,i;return null===(i=ep[e])||void 0===i?void 0:null===(t=i.child)||void 0===t?void 0:t.filter(e=>!n||null==ej||!ej.optionNo||e.optionNo!==(null==ej?void 0:ej.optionNo)).map((e,t)=>{let n=!1;return"saleType"in e&&"stockCnt"in e&&"forcedSoldOut"in e&&(n="SOLDOUT"===e.saleType||0===e.stockCnt||!!e.forcedSoldOut),{value:e.value,label:n?"".concat((0,O.ZP)(e.value.split("_")[0])," [품절]"):(0,O.ZP)(e.value.split("_")[0]),disabled:n,idx:t}}).sort((e,t)=>Number(e.disabled)-Number(t.disabled))}}):(0,i.jsx)(s.Z,{menuPlacement:"top",designType:"purchase",control:J,fieldName:"multiOption",selectedChild:ef,setSelectedChild:eb,filterOption:e=>{var t;return null===(t=ef[e].child)||void 0===t?void 0:t.map((e,t)=>{let n=!1;return"saleType"in e&&"stockCnt"in e&&"forcedSoldOut"in e&&(n="SOLDOUT"===e.saleType||0===e.stockCnt||e.forcedSoldOut),{value:e.value,label:n?"".concat((0,O.ZP)(e.value.split("_")[0])," [품절]"):(0,O.ZP)(e.value.split("_")[0]),disabled:n,idx:t}}).sort((e,t)=>Number(e.disabled)-Number(t.disabled))}}):(0,i.jsx)(i.Fragment,{})}),Object.keys(V).length>0&&(0,i.jsx)(u.p.SelectedOptionList,{children:Object.values(V).map(e=>{var t,n;let{optionNo:o,count:l,label:r,amountPrice:a,stockCnt:d}=e;return(0,i.jsx)(p.Z,{optionKey:o,count:l,label:r,amountPrice:a,selectedProductList:V,setSelectedProductList:z,maxBuyPersonCnt:null!==(t=null==q?void 0:q.maxBuyPersonCnt)&&void 0!==t?t:0,maxBuyTimeCnt:null!==(n=null==q?void 0:q.maxBuyTimeCnt)&&void 0!==n?n:0,stockCnt:null!=d?d:-999},o)})}),!!W&&!!K&&parseFloat(W)>0&&Object.keys(V).length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(u.p.DiscountRateContainer,{children:[(0,i.jsx)("p",{children:"상품 금액"}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("span",{children:[W,"%"]}),"\xa0",(0,i.jsxs)("span",{children:[(0,I.tt)(eN).format(),"원"]})]})]}),(0,i.jsx)(u.p.Line,{})]})]}),(0,i.jsxs)(u.p.PurchaseContainer,{$bottomInsets:el,$isHeaderVisible:eC,children:[eS>0&&(0,i.jsxs)(u.p.TotalPriceContainer,{children:[(0,i.jsx)("p",{children:"총 결제 금액"}),(0,i.jsxs)("p",{children:[(0,I.tt)(eS).format(),"원"]})]}),(0,i.jsx)("div",{style:{display:"flex",gap:"8px"},children:F&&U&&!H?(0,i.jsx)(u.p.IconButton,{$width:"100%",onClick:()=>{if(H){en("핫딜 예정상품 입니다. 조금만 기다려주세요!");return}ee?et({type:"RequestRestockNotiModal",payload:{optionNos:null==eu?void 0:eu.flatOptions.map(e=>e.optionNo)}}):et({type:"ConfirmModal",payload:{cancelText:"돌아가기",onClose:()=>er.push({pathname:h.Z.MEMBER.LOGIN,query:{redirectUrl:er.asPath}}),message:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{children:"회원 전용 기능입니다."}),(0,i.jsx)("p",{children:"로그인 페이지로 이동하시겠습니까?"})]})}})},children:(0,i.jsx)(u.p.Flex,{children:"재입고 알림 받기"})}):H?(0,i.jsx)(d.Z,{disabled:!0,children:"판매대기"}):!F&&U?(0,i.jsx)(d.Z,{onClick:ew,disabled:U,children:eZ}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.ZC,{flex:"1 1 8%",display:"gift"===Q?"none":"flex",gap:"8px",children:[""===Q&&(0,i.jsxs)(u.p.IconButton,{$width:""===Q?"var(--base-82-107rem)":"100%",onClick:eI,disabled:U,children:[(0,i.jsx)(a.Z,{src:R,alt:"선물하기",width:22,height:22}),"선물"]}

1),(""===Q||"cart"===Q)&&(0,i.jsx)(u.p.IconButton,{$width:""===Q?"var(--base-82-107rem)":"100%",onClick:ek,disabled:U,children:""===Q?"담기":"장바구니 담기"})]}),(0,i.jsx)(d.Z,{onClick:"gift"===Q?eI:ew,disabled:U,style:{height:"var(--base-45-56rem)"},children:"gift"===Q?"바로 선물하기":eZ})]})})]})]})]})}},61953:function(e,t,n){var i=n(85893),o=n(87536),l=n(95664),r=n(31682);t.Z=e=>{var t;let{designType:n="order",menuPlacement:l="bottom",control:d,fieldName:s,selectedChild:c,setSelectedChild:u,filterOption:p}=e,h=(e,t)=>{var n;let i=null===(n=c[e].child)||void 0===n?void 0:n[t];i&&u(n=>({...n,[e]:{child:[i],selectedIdx:t,label:i.value,isRequiredOption:i.isRequiredOption}}))};return(0,i.jsx)(a,{children:null===(t=Object.keys(c))||void 0===t?void 0:t.map(e=>{let t=Number(e),a=c[t];return(0,i.jsx)(o.Qr,{control:d,name:"".concat(s,"_").concat(t),render:e=>{let{field:{onChange:o}}=e;return(0,i.jsx)(r.Z,{idx:t,type:n,placeholder:a.label,menuPlacement:l,selectOptions:p(t),changeOption:e=>{h(t,(null==e?void 0:e.idx)||0),o(null==e?void 0:e.value)}})}},"".concat(a.label,"_").concat(t))})})};let a=l.zo.div.withConfig({componentId:"sc-45870832-0"})(["> div{margin-bottom:8px;}"])},95054:function(e,t,n){n.d(t,{s:function(){return o}});var i=n(67294);let o=e=>{let{options:t}=e,[n,o]=(0,i.useState)({}),l=(0,i.useCallback)(()=>{null==t||t.map((e,t)=>{o(n=>({...n,[t]:{child:e.children,selectedIdx:void 0,label:e.label,isRequiredOption:e.isRequiredOption}}))})},[t]);return(0,i.useEffect)(()=>

1{l()},[l]),{selectedChild:n,setSelectedChild:o,getSelectedOption:()=>Object.values(n).map(e=>{if("number"==typeof e.selectedIdx){var t;return{selectedOption:null===(t=e.child)||void 0===t?void 0:t[0],selectedLabel:e.label}}}),resetSelectedOption:l}}}}]);