https://www.wepublic.com/_next/static/chunks/pages/c/[domain]/setting/board-c157c46d55ae9498.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3144,745,4702],{50576:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/c/[domain]/setting/board",function(){return i(31270)}])},31270:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eb}});var n=i(53021),a=i(44194),r=i(76898),o=i(56940),l=i(55250),d=i(72854),s=i(67891),c=i(57463),p=i(83898),u=i(9807),f=i(25145);let g=e=>{let{groups:t,groupId:i}=e,n=t.find(e=>e.id===i);return Number(null==n?void 0:n.boards.length)},m=e=>null==e?void 0:e.reduce((e,t)=>{var i;return e+((null===(i=t.boards)||void 0===i?void 0:i.length)||0)},0),h=e=>{let{groups:t}=e;return t.length};var b=i(31427),y=i(63280),v=i(49328),Z=i(58994),w=i(78540),_=i(19298),x=i(51449);let C=x.ZP.section.withConfig({componentId:"sc-312e5a9f-0"})(["padding:14px 20px 30px 20px;","{padding:30px 0 0 0;}"],w.gv),I=x.ZP.div.withConfig({componentId:"sc-312e5a9f-1"})(["cursor:pointer;display:flex;align-items:center;gap:8px;> span{",";color:",";}"],_.Z.title_15_130_medium,Z.w.gray5),k=x.ZP.div.withConfig({componentId:"sc-312e5a9f-2"})(["display:flex;justify-content:space-between;align-items:center;border-bottom:",";gap:10px;cursor:pointer;"],e=>e.isCustom?"1px solid ".concat(Z.w.gray0):"1px dashed  #B7BCC3"),B=x.ZP.div.withConfig({componentId:"sc-312e5a9f-3"})(["display:flex;align-items:center;",";line-height:130%;",";word-break:break-word;white-space:pre-line;padding:15px 0;min-height:54px;"],_.Z.label_17_100_semiBold,Z.w.black111),N=x.ZP.div.withConfig({componentId:"sc-312e5a9f-4"})(["display:flex;margin:10px 0;border-bottom:1px dashed rgb(191,197,204);"]),P=x.ZP.div.withConfig({componentId:"sc-312e5a9f-5"})(["display:flex;padding:15px 0;margin-left:",";justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid ",";cursor:",";.board-name{.name{",";color:",";margin-right:6px;word-break:break-all;}}div{display:flex;align-items:center;> span{",";color:",";}}}"],e=>e.isCustom?"16px":0,Z.w.gray0,e=>e.isPointer?"pointer":"default",_.Z.title_15_130_medium,Z.w.gray8,_.Z.title_15_130_medium,Z.w.gray5),S=x.ZP.div.withConfig({componentId:"sc-312e5a9f-6"})(["display:flex;height:50px;align-items:center;gap:10px;align-self:stretch;margin-left:",";cursor:pointer;> span{",";color:",";}"],e=>e.isCustom?"16px":0,_.Z.label_15_100_medium,Z.w.primaryBlue),O=x.ZP.div.withConfig({componentId:"sc-312e5a9f-7"})(["display:flex;height:54px;padding:20px 0;align-items:center;gap:12px;align-self:stretch;cursor:pointer;> span{",";color:",";}"],_.Z.label_17_100_medium,Z.w.primaryBlue),T=x.ZP.div.withConfig({componentId:"sc-312e5a9f-8"})(["display:flex;padding:15px 0;align-items:center;align-self:stretch;justify-content:space-between;margin-top:10px;> span{",";color:",";}"],_.Z.title_17_130_semiBold,Z.w.black111),X=x.ZP.div.withConfig({componentId:"sc-312e5a9f-9"})(["display:flex;gap:5px;align-items:center;position:relative;",";color:",";"],_.Z.title_17_100_semiBold,Z.w.black111),E=x.ZP.div.withConfig({componentId:"sc-312e5a9f-10"})(["align-self:stretch;display:flex;[class*='Tooltip_contents']{align-items:flex-start;transform:translateX(-78px) !important;}[class*='Tooltip_contents'] [class*='Tooltip_title']{text-align:left;}[class*='Tooltip_contents'] [class*='Tooltip_desc']{text-align:left;white-space:pre-line;}"]);var R=i(50745),F=i(52455),L=i(8429);let j=()=>(0,n.tZ)(n.HY,{children:(0,n.BX)(I,{children:[(0,n.tZ)("span",{children:"설정"}),(0,n.tZ)(v.Z,{iconName:"arrow_right_thin",size:16})]})});var D=e=>{var t;let{groups:i,daoId:r}=e,{asPath:o,push:c}=(0,l.useRouter)(),h=(0,d.NL)(),[Z,w]=(0,a.useState)(!1),[_,x]=(0,a.useState)(null),{setDefaultPopupProps:C}=(0,u.pD)(),I=e=>{x(e);let t=g({groups:i,groupId:e}),n=m(i);if(null===e){if(n>=300){C({isOpen:!0,title:"다오 내 게시판은 최대 300개까지 추가할 수 있어요."});return}}else{if(t>=30){C({isOpen:!0,title:"그룹 내 게시판은 최대 30개까지 추가할 수 있어요."});return}if(n>=300){C({isOpen:!0,title:"다오 내 게시판은 최대 300개까지 추가할 수 있어요."});return}}w(!0)},O=()=>{x(null),w(!1)},[D,V]=(0,a.useState)(!1),z={id:"best",name:"베스트 글",nameNode:(0,n.BX)(X,{children:["\uD83D\uDC4D 베스트 글",(0,n.tZ)(E,{children:(0,n.tZ)(R.Z,{title:"베스트 글 게시판",desc:"베스트 글 게시판은 항상 상단에 노출되며\n다오 관리자가 위치를 변경할 수 없어요.",iconSize:18,left:"0",align:"left"})})]}),type:"BEST",isNew:!1},M=i.map((e,t)=>0===t?{...e,boards:[z,...e.boards]}:e),{errors:$,watch:q,reset:W,handleButtonClick:Y,handleChange:A,trigger:H}=(0,b.E)(),{mutate:G}=(0,p.rT)(),[J,K]=(0,a.useState)(!1),Q=e=>e?"REVIEW":"COMMON";return(0,n.BX)(n.HY,{children:[M.map(e=>{var t;return(0,n.BX)(a.Fragment,{children:[(0,n.BX)(k,{isCustom:""!==e.id,onClick:()=>{null!==e.id&&c("".concat(o,"/group/").concat(e.id))},children:[(0,n.tZ)(B,{children:null!==(t=e.name)&&void 0!==t?t:"게시판 전체 글"}),null!==e.id&&(0,n.tZ)(j,{})]}),e.boards.map(t=>{var i;return(0,n.BX)(P,{isCustom:null!==e.id,isPointer:"best"!==t.id,onClick:()=>{"best"!==t.id&&c("".concat(o,"/").concat(t.id))},children:[(0,n.BX)("div",{className:"board-name",children:[(0,n.tZ)("span",{className:"name",children:null!==(i=t.nameNode)&&void 0!==i?i:t.name}),"REVIEW"===t.type&&(0,n.tZ)(F.C,{label:"후기",font:"label-12-100-500",border:"sm",badgeColor:"deep-blue",style:{color:"#2575FF"}})]}),"best"!==t.id&&(0,n.tZ)(j,{})]},t.id)}),(0,n.BX)(n.HY,{children:[(0,n.BX)(S,{onClick:()=>I(e.id),isCustom:null!==e.id,children:[(0,n.tZ)(v.Z,{iconName:"addition",size:20}),(0,n.tZ)("span",{children:"게시판 추가"})]}),(0,n.tZ)(N,{})]})]},e.id)}),(0,n.tZ)(f.Z,{isOpen:Z,titleText:"게시판 추가",placeholder:"게시판 이름을 입력해 주세요.",buttonText:"완료",value:q("value"),errorMessage:null===(t=$.value)||void 0===t?void 0:t.message,onChange:A,onButtonClick:()=>{var e;q("value").length<2&&String(null==$?void 0:null===(e=$.value)||void 0===e?void 0:e.message).length>0?H("value"):Y(()=>{G({daoId:null!=r?r:"",name:q("value"),type:Q(J),groupId:_},{onSuccess:()=>{h.invalidateQueries({queryKey:[...s.xx.boardGroupList,r]}),V(!0),w(!1),O(),K(!1),W()}})})},onCloseClick:()=>{O(),W(),K(!1)},reset:W,maxLength:40,children:(0,n.BX)(T,{children:[(0,n.tZ)("span",{children:"후기 게시판"}),(0,n.tZ)(L.r,{initValue:J,onChange:e=>{K(e)}})]})}),(0,n.tZ)(y.Z,{isOpen:D,setIsOpen:V,text:"게시판을 추가했습니다.",duration:3})]})},V=(0,r.jO)(()=>{var e,t,i,r;let{query:o}=(0,l.useRouter)(),g=(0,d.NL)(),{data:m}=(0,c.ex)(null!==(t=o.domain)&&void 0!==t?t:""),{data:Z=[]}=(0,p.wp)(null!==(i=null==m?void 0:m.id)&&void 0!==i?i:""),[w,_]=(0,a.useState)(!1),{errors:x,watch:I,reset:k,handleButtonClick:B,handleChange:N,trigger:P}=(0,b.E)(),[S,T]=(0,a.useState)(!1),{setDefaultPopupProps:X}=(0,u.pD)(),{mutate:E}=(0,p.qf)(),R=h({groups:Z});return(0,n.BX)(n.HY,{children:[(0,n.BX)(C,{children:[(0,n.tZ)(D,{groups:null!=Z?Z:[],daoId:null!==(r=null==m?void 0:m.id)&&void 0!==r?r:""}),(0,n.BX)(O,{onClick:()=>

1{if(R>=30){X({isOpen:!0,title:"그룹 내 게시판은 최대 30개까지 추가할 수 있어요."});return}_(!0)},children:[(0,n.tZ)(v.Z,{iconName:"group",size:20}),(0,n.tZ)("span",{children:"게시판 그룹 추가"})]})]}),(0,n.tZ)(f.Z,{isOpen:w,titleText:"게시판 그룹 추가",placeholder:"게시판 그룹 이름을 입력해 주세요.",buttonText:"완료",value:I("value"),errorMessage:null===(e=x.value)||void 0===e?void 0:e.message,onChange:N,onButtonClick:()=>{var e;I("value").length<2&&String(null==x?void 0:null===(e=x.value)||void 0===e?void 0:e.message).length>0?P("value"):B(()=>{var e;E({daoId:null!==(e=null==m?void 0:m.id)&&void 0!==e?e:"",name:I("value")},{onSuccess:()=>{g.invalidateQueries({queryKey:[...s.xx.boardGroupList]}),_(!1),k()}})})},onCloseClick:()=>{_(!1),k()},reset:k,maxLength:40}),(0,n.tZ)(y.Z,{isOpen:S,setIsOpen:T,text:"게시판 그룹을 추가했습니다.",duration:3})]})},"post");let z=x.ZP.button.withConfig({componentId:"sc-f1b9f5fd-0"})(["display:flex;position:relative;height:32px;padding:10px 12px;align-items:center;border-radius:6px;border:1px solid #dcdfe4;",";color:",";"],_.Z.label_14_100_medium,Z.w.gray8);var M=i(78483),$=i(18832),q=i(50970),W=i(44342),Y=i(92274);let A=x.ZP.section.withConfig({componentId:"sc-ef47493e-0"})(["padding:14px 20px 30px;"]),H=x.ZP.div.withConfig({componentId:"sc-ef47493e-1"})(["display:flex;justify-content:space-between;align-items:center;"]),G=x.ZP.div.withConfig({componentId:"sc-ef47493e-2"})(["min-height:54px;",";",";word-break:break-all;display:flex;justify-content:center;align-items:center;overflow:hidden;text-overflow:ellipsis;"],_.Z.label_17_100_semiBold,Z.w.black111),J=x.ZP.div.withConfig({componentId:"sc-ef47493e-3"})(["display:flex;padding:15px 0;margin-left:",";justify-content:space-between;align-items:center;.board-name{display:flex;.name{",";color:",";margin-right:6px;word-break:break-all;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;&.tooltip-visible{overflow:visible;-webkit-line-clamp:unset;}}div{> span{",";color:",";}}}"],e=>e.isCustom?"16px":0,_.Z.title_15_130_medium,Z.w.gray8,_.Z.title_15_130_medium,Z.w.gray5),K=x.ZP.div.withConfig({componentId:"sc-ef47493e-4"})(["display:flex;flex-direction:row;border-bottom:1px solid ",";gap:20px;"],Z.w.gray0),Q=x.ZP.div.withConfig({componentId:"sc-ef47493e-5"})(["display:flex;flex-direction:row;width:100%;"]),U=x.ZP.div.withConfig({componentId:"sc-ef47493e-6"})(["cursor:pointer;display:flex;align-items:center;gap:8px;> span{",";color:",";}"],_.Z.title_15_130_medium,Z.w.gray5),ee=(0,x.ZP)(U).withConfig({componentId:"sc-ef47493e-7"})(["cursor:default;white-space:nowrap;"]),et=x.ZP.div.withConfig({componentId:"sc-ef47493e-8"})(["display:flex;width:100%;justify-content:space-between;border-bottom:1px ",";border-top:1px "," #b7bcc3;border-bottom-color:",";"],e=>e.isCustom?"solid":"dashed",e=>e.isCustom&&"dashed",e=>e.isCustom?"#F2F3F5":"#B7BCC3"),ei=x.ZP.div.withConfig({componentId:"sc-ef47493e-9"})(["display:flex;justify-content:space-between;flex-direction:column;"]),en=x.ZP.div.withConfig({componentId:"sc-ef47493e-10"})(["display:flex;gap:5px;align-items:center;position:relative;",";color:",";"],_.Z.title_17_100_semiBold,Z.w.black111),ea=x.ZP.div.withConfig({componentId:"sc-ef47493e-11"})(["align-self:stretch;display:flex;[class*='Tooltip_contents']{align-items:flex-start;transform:translateX(-78px) !important;}[class*='Tooltip_contents'] [class*='Tooltip_title']{text-align:left;}[class*='Tooltip_contents'] [class*='Tooltip_desc']{text-align:left;white-space:pre-line;}"]),er=e=>{let{type:t,groupId:i,title:a,boardType:r,id:o,listeners:l,isOrderLocked:d}=e;return"group"===t?(0,n.tZ)(el,{groupId:i,groupName:a,listeners:l,isOrderLocked:d}):"board"===t?(0,n.BX)(K,{children:[(0,n.tZ)(eo,{boardName:a,boardType:null!=r?r:"COMMON",groupId:i,id:o}),"best"===o?(0,n.tZ)(ee,{children:(0,n.tZ)("span",{children:"변경 불가"})}):(0,n.tZ)(U,{...l,children:(0,n.tZ)(v.Z,{iconName:"gnb",size:30,iconColor:"#B7BCC3"})})]}):(0,n.tZ)(n.HY,{})},eo=e=>{let{boardName:t,boardType:i,groupId:a,id:r}=e;return(0,n.tZ)(Q,{children:(0,n.tZ)(J,{isCustom:null!==a,children:(0,n.BX)("div",{className:"board-name",children:[(0,n.tZ)("span",{className:"best"===r?"name tooltip-visible":"name",children:t}),"REVIEW"===i&&(0,n.tZ)(F.C,{label:"후기",font:"label-12-100-500",border:"sm",badgeColor:"deep-blue",style:{color:"#2575FF"}})]})})})},el=e=>{let{groupId:t,groupName:i,listeners:a,isOrderLocked:r}=e;return(0,n.BX)(et,{isCustom:null!==t,children:[(0,n.tZ)(H,{isCustom:""!==t,children:(0,n.tZ)(G,{children:null!=i?i:"게시판 전체 글"})}

1),r?(0,n.tZ)(ee,{children:(0,n.tZ)("span",{children:"변경 불가"})}):(0,n.tZ)(U,{...a,children:(0,n.tZ)(v.Z,{iconName:"gnb",size:30,iconColor:"#B7BCC3"})})]})};var ed=function(e){let{children:t,id:i,type:a,groupId:r,title:o,boardType:l,isOrderLocked:d}=e,s="group"===a?d:"best"===i,{attributes:c,listeners:p,setNodeRef:u,transform:f,transition:g,isDragging:m}=(0,W.nB)({id:i,data:{type:a,groupId:r},disabled:s}),h={transform:m?"translate3d(".concat((null==f?void 0:f.x)||0,"px, ").concat((null==f?void 0:f.y)||0,"px, 0)"):Y.ux.Transform.toString(f),transition:g,backgroundColor:m?"fff":"white"};return(0,n.BX)(ei,{ref:u,style:h,...c,children:[(0,n.tZ)(er,{type:a,groupId:r,title:o,boardType:null!=l?l:"COMMON",id:i,listeners:p,isOrderLocked:d}),(0,n.tZ)("div",{children:t})]})};let es=(e,t)=>{var i;let{setActiveId:n,setActiveType:a}=t,{active:r}=e;n(r.id),a(null===(i=r.data.current)||void 0===i?void 0:i.type)},ec=(e,t)=>{var i,n,a,r;let{groups:o,setGroups:l,setActiveId:d,setActiveType:s,setIsOpen:c,setIsGroupsUpdated:p}=t,{active:u,over:f}=e;if(!u||!f)return;let g=[...o],m=g.findIndex(e=>e.id===u.id),h=g.findIndex(e=>e.id===f.id),b=null===(i=u.data.current)||void 0===i?void 0:i.type,y=null===(n=f.data.current)||void 0===n?void 0:n.type,v=null===(a=u.data.current)||void 0===a?void 0:a.groupId,Z=null===(r=f.data.current)||void 0===r?void 0:r.groupId;if("board"===b&&"board"===y&&v!==Z)return c(!0);if("group"===b&&"group"===y)return p(!0),l(e=>(0,W.Rp)(e,m,h));if("board"===b&&"board"===y){let e=g.findIndex(e=>e.boards.some(e=>e.id===u.id));if(e===g.findIndex(e=>e.boards.some(e=>e.id===f.id))){let t=g[e];if(!t)return;let i=t.boards.findIndex(e=>e.id===u.id),n=t.boards.findIndex(e=>e.id===f.id);p(!0),t.boards=(0,W.Rp)(t.boards,i,n),l(g)}return}if("group"===b&&"board"===y){p(!0);let e=g.findIndex(e=>e.boards.some(e=>e.id===f.id));return l(t=>(0,W.Rp)(t,m,e))}d(null),s(null)};var ep=e=>{var t,i,r,o;let{isOrderChangeModal:u,setIsOrderChangeModal:f,onReorder:g}=e,{query:m}=(0,l.useRouter)(),h=(0,d.NL)(),{data:b}=(0,c.ex)(null!==(r=m.domain)&&void 0!==r?r:""),{data:v=[]}=(0,p.wp)(null!==(o=null==b?void 0:b.id)&&void 0!==o?o:""),[Z,w]=(0,a.useState)([]),[_,x]=(0,a.useState)(!1),[C,I]=(0,a.useState)(!1),[k,B]=(0,a.useState)(null),[N,P]=(0,a.useState)(null),[S,O]=(0,a.useState)(!1),{mutate:T}=(0,p.JE)(),X=JSON.stringify(v.map(e=>({id:e.id,boardIds:e.boards.map(e=>e.id)})));(0,a.useEffect)(()=>{w(v.map(e=>({...e,boards:[...e.boards]})))},[X]);let E=(0,q.Dy)((0,q.VT)(q.MA,{activationConstraint:{distance:10}}),(0,q.VT)(q.LO,{activationConstraint:{delay:100,tolerance:1}}),(0,q.VT)(q.Lg,{coordinateGetter:W.is})),F={id:"best",name:"베스트 글",nameNode:(0,n.BX)(en,{children:["\uD83D\uDC4D 베스트 글",(0,n.tZ)(ea,{children:(0,n.tZ)(R.Z,{title:"베스트 글 게시판",desc:"베스트 글 게시판은 항상 상단에 노출되며\n다오 관리자가 위치를 변경할 수 없어요.",iconSize:18,left:"0",align:"left"})})]}),type:"BEST",isNew:!1},L=(0,a.useMemo)(()=>Z.map((e,t)=>0===t?{...e,boards:[F,...e.boards]}:e),[Z,C]);return(0,n.BX)(M.Z,{title:"순서 변경",isOpen:u,onClose:()=>_?I(!0):f(),buttonAction:()=>{var e;if(!_)return;let t=Z.map(e=>({id:e.id,boards:e.boards.map(e=>({id:e.id}))}));return T({daoId:null!==(e=null==b?void 0:b.id)&&void 0!==e?e:"",groups:t},{onSuccess:async()=>{await h.refetchQueries({queryKey:[...s.xx.boardGroupList,null==b?void 0:b.id]}),f(),g(),x(!1)}})},children:[(0,n.BX)(A,{children:[(0,n.tZ)(q.LB,{sensors:E,onDragStart:e=>es(e,{setActiveId:B,setActiveType:P}),onDragEnd:e=>ec(e,{groups:Z,setGroups:w,setActiveId:B,setActiveType:P,setIsOpen:O,setIsGroupsUpdated:x}),children:(0,n.tZ)(W.Fo,{items:L.map(e=>{var t;return null!==(t=e.id)&&void 0!==t?t:""}),strategy:W.qw,children:L.map((e,t)=>(0,n.tZ)(ed,{id:e.id,type:"group",groupId:e.id,title:e.name,isOrderLocked:0===t,children:(0,n.tZ)(q.LB,{sensors:E,onDragStart:e=>es(e,{setActiveId:B,setActiveType:P}),onDragEnd:e=>ec(e,{groups:Z,setGroups:w,setActiveId:B,setActiveType:P,setIsOpen:O,setIsGroupsUpdated:x}),children:(0,n.tZ)(W.Fo,{items:e.boards.map(e=>e.id),strategy:W.qw,children:e.boards.map(t=>{var i;return(0,n.tZ)(ed,{id:t.id,type:"board",groupId:e.id,title:null!==(i=t.nameNode)&&void 0!==i?i:t.name,boardType:t.type},t.id)})})})},e.id))})}),(0,n.tZ)(q.y9,{children:k&&"group"===N?(0,n.tZ)(H,{children:(0,n.tZ)(G,{children:null===(t=Z.find(e=>e.id===k))||void 0===t?void 0:t.name})}):k&&"board"===N?(0,n.tZ)(J,{children:(0,n.tZ)("span",{children:null===(i=Z.flatMap(e=>e.boards).find(e=>e.id===k))||void 0===i?void 0:i.name})}):null})]}),(0,n.tZ)(y.Z,{isOpen:S,setIsOpen:O,text:"그룹 변경은 게시판 설정에서 가능합니다.",duration:3}),(0,n.tZ)($.Z,{isOpen:C,setIsOpen:I,title:"변경된 항목이 있어요. 저장하지 않고 이동하시겠어요?",confirmBtn:"네",cancelBtn:"아니오",onClickConfirm:()=>{x(!1),f(),I(!1),w(v)},onClickCancel:()=>{I(!1)}})]})},eu=i(15329),ef=i(60796),eg=i(94954);let em=()=>{let[e,t]=(0,a.useState)(!1),[i,r]=(0,a.useState)(!1);return(0,n.BX)(n.HY,{children:[(0,n.tZ)(z,{onClick:()=>{t(!0)},children:"순서 변경"}),(0,n.tZ)(ep,{isOrderChangeModal:e,setIsOrderChangeModal:()=>t(!1),onReorder:()=>r(!0)}),(0,n.tZ)(y.Z,{isOpen:i,setIsOpen:r,text:"순서 변경을 완료했습니다.",duration:3})]})},eh=()=>{let e=(0,eu.Ce)();return(0,n.BX)("div",{style:{display:"flex",justifyContent:"space-between",width:"100%"},children:[(0,n.tZ)(ef.default,{className:e?"headline-30-130-700":"title-18-140-600",children:"게시판 관리"}),e&&(0,n.tZ)(em,{})]})};var eb=(0,r.jO)(()=>((0,a.useEffect)(()=>{eg.gn&&window.scrollTo(0,1)},[]),(0,n.tZ)(o.P,{title:(0,n.tZ)(eh,{}),mobileRightButton:(0,n.tZ)(em,{}),children:(0,n.tZ)(V,{})})),"post")},21894:function(e,t,i){"use strict";i.d(t,{Z:function(){return c}});var n=i(53021),a=i(15329),r=i(44194),o=i(58994),l=i(51449);

1let d=l.ZP.input.withConfig({componentId:"sc-56a3f7e7-0"})(["height:50px;width:100%;padding:0 16px;border:1px solid ",";border-radius:8px;color:#111;font-size:16px;font-weight:500;line-height:140%;letter-spacing:-0.32px;"," &:focus{border:1px solid ",";outline:none;}&:disabled{border:1px solid ",";cursor:default;}&::placeholder{color:",";}",""],o.w.gray2,e=>e.isDesktop&&(0,l.iv)(["&:hover{border:1px solid ",";}"],o.w.gray6),o.w.gray9,o.w.gray1,o.w.gray4,e=>e.error&&(0,l.iv)(["border-color:"," !important;"],o.w.primaryRed)),s=(0,r.forwardRef)((e,t)=>{let i=(0,a.Ce)();return(0,n.tZ)(d,{ref:t,error:e.error,isDesktop:i,...e})});s.displayName="Input";var c=s},85086:function(e,t,i){"use strict";var n=i(53021),a=i(49328),r=i(21894),o=i(44194),l=i(51449);let d=(0,o.forwardRef)((e,t)=>{let{type:i="text",reset:l,...d}=e,[c,p]=(0,o.useState)();return(0,o.useEffect)(()=>{p(d.value)},[d.value]),(0,n.BX)(s,{resetBtnVisible:!!l,children:[(0,n.tZ)(r.Z,{ref:t,type:i,...d}),l&&(0,n.tZ)("div",{onClick:l,className:"deleteIcon",children:(0,n.tZ)(a.Z,{iconName:"input_delete",size:16})})]})});d.displayName="InputText",t.Z=d;let s=l.ZP.div.withConfig({componentId:"sc-302ea209-0"})(["width:100%;position:relative;"," > .deleteIcon{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;}"],e=>e.resetBtnVisible&&(0,l.iv)(["input{padding-right:48px;}"]))},69641:function(e,t,i){"use strict";var n=i(53021),a=i(85086),r=i(31995);let o=(0,i(44194).forwardRef)((e,t)=>{let{label:i,errorMessage:o,...l}=e;return(0,n.BX)(r.Eq,{children:[i&&(0,n.tZ)(r.__,{children:i}),(0,n.tZ)(a.Z,{ref:t,...l}),o&&(0,n.tZ)(r.Bc,{children:o})]})});o.displayName="InputWithLabel",t.Z=o},78483:function(e,t,i){"use strict";var n=i(53021),a=i(15329),r=i(49328),o=i(82853),l=i(39612),d=i(60796),s=i(70351),c=i.n(s),p=i(90996),u=i.n(p);let f=c().bind(u());t.Z=e=>{let{isOpen:t,onClose:i,title:s,children:c,buttonAction:p,innerClassNames:u}=e,g=(0,a.Ce)();return(0,n.BX)(o.Z,{isOpen:t,onClose:i,showCloseIcon:g,innerClassNames:u,children:[g?(0,n.BX)("div",{className:f("pc-wrap"),children:[(0,n.tZ)("div",{className:f("header"),children:(0,n.tZ)(d.default,{className:"headline-24-130-700",children:s})}),(0,n.tZ)("div",{className:f("content"),children:c})]}):(0,n.BX)("div",{className:f("mo-wrap"),children:[(0,n.tZ)(l.Z,{title:s,leftButton:(0,n.tZ)("div",{onClick:i,children:(0,n.tZ)(r.Z,{iconName:"icon_common_prev",size:20})})}),c]}),p&&(0,n.tZ)("div",{className:f("btn"),onClick:p,children:(0,n.tZ)("button",{children:"완료"})})]})}},50745:function(e,t,i){"use strict";var n=i(53021),a=i(51449),r=i(49328),o=i(70351),l=i.n(o),d=i(44194),s=i(71275),c=i.n(s);let p=l().bind(c());t.Z=e=>{let{title:t,desc:i,descSet:a,isAbsolute:o,top:l="calc(100% + 8px);",bottom:s,right:c,left:f="50%",width:g="300px",CurrentIcon:m,iconSize:h=18,isHover:b=!1,align:y="center",isPositionFixed:v=!1}=e,[Z,w]=(0,d.useState)(!1);return(0,n.BX)("div",{className:p("wrap",o&&"isAbsolute"),children:[(0,n.tZ)("div",{className:p("iconContainer"),onClick:()=>{w(e=>!e)},children:null!=m?m:(0,n.tZ)(r.Z,{iconName:"icon_chart_tooltip",size:h})}),(Z||b)&&(0,n.BX)(u,{className:p("contents",{isHover:b},"align-".concat(y),{isPositionFixed:v}),$_css:l,$_css2:s,$_css3:c,$_css4:f,$_css5:g,$_css6:"auto"===f?"none":"translateX(-50%)",children:[(0,n.tZ)("h4",{className:p("title"),children:t}),a?null==a?void 0:a.map(e=>(0,n.BX)("div",{className:p("descSet"),children:[(0,n.tZ)("h5",{className:p("title"),children:e.title}),(0,n.tZ)("p",{className:p("desc"),children:e.desc})]})):(0,n.tZ)("p",{className:p("desc"),children:i}),(0,n.tZ)("div",{className:p("closeIcon"),onClick:()=>{w(!1)},children:(0,n.tZ)(r.Z,{iconName:"icon_common_close",size:20})})]})]})};var u=(0,a.ZP)("div").withConfig({componentId:"sc-2a4e2001-0"})(e=>({top:e.$_css,bottom:e.$_css2,right:e.$_css3,left:e.$_css4,width:e.$_css5,transform:e.$_css6}))},8429:function(e,t,i){"use strict";i.d(t,{r:function(){return c}});var n=i(53021),a=i(44194),r=i(70351),o=i.n(r),l=i(44163),d=i.n(l);let s=o().bind(d()),c=e=>

1{let{onClick:t,onChange:i,color:r,initValue:o=!1,disabled:l=!1,onClickWrap:d,controlOutside:c}=e,[p,u]=(0,a.useState)(o);return(0,a.useEffect)(()=>{u(o)},[o]),(0,n.tZ)("div",{className:s("switch"),onClick:()=>{null==d||d()},children:(0,n.tZ)("button",{type:"button",onClick:e=>{e.stopPropagation(),!l&&(null==i||i(!p),null==t||t(),c||u(!p))},className:s("toggle-button",p&&"active",l&&"disabled"),disabled:l&&!d,style:{color:r},children:(0,n.tZ)("span",{className:s("circle")})})})}},31427:function(e,t,i){"use strict";i.d(t,{E:function(){return d}});var n=i(89238),a=i(77837),r=i.n(a),o=i(44194),l=i(51553);let d=()=>{let{setValue:e,setError:t,formState:{errors:i},watch:a,handleSubmit:d,trigger:s}=(0,l.cI)({defaultValues:{value:""}}),c=a("value"),p=async e=>{if(e.length<2)return"최소 2자 이상 입력해 주세요.";try{await (0,n.cV)({nickname:e})}catch(e){if(100004===e.response.data.errorCode)return"사용할 수 없는 문자를 포함하고 있어요.";return"알 수 없는 에러가 발생했습니다."}return""},u=r()(async e=>{let i=await p(c);if(i){t("value",{message:i});return}e()},1e3);return(0,o.useEffect)(()=>{t("value",{message:""})},[a("value")]),{setValue:e,errors:i,watch:a,handleSubmit:d,handleButtonClick:u,handleChange:t=>{t.target.value.length>40||e("value",t.target.value)},reset:()=>e("value",""),trigger:s,setError:t}}},53798:function(e,t,i){"use strict";i.d(t,{Z:function(){return s}});var n=i(53021),a=i(58994),r=i(78540),o=i(51449);let l=o.ZP.div.withConfig({componentId:"sc-b2283f4c-0"})(["position:fixed;bottom:0;left:0;width:100%;padding:16px 20px;background:#fff;border-top:1px solid ",";",""],a.w.gray1,e=>{let{hasBorder:t}=e;return!t&&(0,o.iv)(["border-top:none;"])}),d=o.ZP.button.withConfig({componentId:"sc-b2283f4c-1"})(["display:flex;justify-content:center;align-items:center;width:100%;padding:17px 20px;border-radius:8px;background:",";color:#fff;","{width:auto;margin:0 auto;padding:17px 30px;","}&:disabled{background:",";color:#fff;cursor:default;}"],a.w.black111,r.gv,e=>{let{fullWidth:t}=e;return t&&(0,o.iv)(["width:100%;"])},a.w.gray2);function s(e){let{children:t,onClick:i,disabled:a,hasBorder:r,fullWidth:o}=e;return(0,n.tZ)(l,{hasBorder:r,children:(0,n.tZ)(d,{fullWidth:o,onClick:i,disabled:a,children:t})})}},25145:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var n=i(53021),a=i(69641),r=i(35452),o=i(53798),l=i(44194),d=i(58994),s=i(19298),c=i(51449);let p=c.ZP.div.withConfig({componentId:"sc-fedb9c67-0"})(["padding-bottom:90px;"]),u=c.ZP.h4.withConfig({componentId:"sc-fedb9c67-1"})(["",";color:",";"],s.Z.title_20_140_bold,d.w.black111),f=c.ZP.div.withConfig({componentId:"sc-fedb9c67-2"})(["display:flex;flex-direction:column;margin-top:22px;> .label{margin-bottom:10px;",";color:",";}"],s.Z.title_15_130_medium,d.w.gray8);c.ZP.div.withConfig({componentId:"sc-fedb9c67-3"})(["display:flex;justify-content:center;align-items:center;margin-top:26px;"]);let g=(0,l.forwardRef)((e,t)=>{let{isOpen:i,value:l,placeholder:d,titleText:s,labelText:c,buttonText:g,errorMessage:m,buttonDisabled:h,onChange:b,onButtonClick:y,onCloseClick:v,defaultValue:Z,reset:w,maxLength:_,children:x,styles:C,btnWidthFull:I=!0,...k}=e;return(0,n.tZ)(r.Z,{isOpen:i,setIsOpen:v,blockScroll:!0,styles:C,children:(0,n.BX)(p,{children:[(0,n.tZ)(u,{children:s}),(0,n.tZ)(f,{children:(0,n.tZ)(a.Z,{ref:t,label:c,maxLength:_,onChange:b,placeholder:d,value:l,defaultValue:Z,reset:l?w:void 0,error:!!m,errorMessage:m,autoFocus:!0,...k})}),x,(0,n.tZ)(o.Z,{hasBorder:!0,onClick:y,disabled:h,fullWidth:I,children:g})]})})});g.displayName="SingleInputPopup";var m=g},31995:function(e,t,i){"use strict";i.d(t,{Bc:function(){return d},Eq:function(){return o},__:function(){return l}});var n=i(58994),a=i(19298),r=i(51449);let o=r.ZP.div.withConfig({componentId:"sc-df79f826-0"})(["width:100%;display:flex;flex-direction:column;gap:10px;"]),l=r.ZP.h5.withConfig({componentId:"sc-df79f826-1"})(["display:flex;align-items:center;",";color:",";small{margin-left:2px;color:",";",";}"],a.Z.title_15_130_medium,n.w.gray6,n.w.gray4,a.Z.title_15_130_medium),d=r.ZP.div.withConfig({componentId:"sc-df79f826-2"})(["display:block;",";color:",";white-space:pre-line;"],a.Z.body_14_130_medium,n.w.primaryRed)},90996:function(e){e.exports={black:"#000",black111:"#111",gray10:"#f0f0f0",gray100:"#222",gray20:"#e4e4e4",gray30:"#c8c8c8",gray40:"#aeaeae",gray50:"#888",gray60:"#555",gray80:"#444",gray90:"#333",grayA8:"#a8a8a8","gray-blue-footer":"#73767a","gray-blue-3-1":"#33363b","gray-blue-6-1":"#6c7380","gray-blue-9-1":"#989da6","opacity-black10":"rgba(0,0,0,.1)","opacity-black5":"rgba(0,0,0,.05)","opacity-white10":"hsla(0,0%,100%,.1)","opacity-white20":"hsla(0,0%,100%,.2)","opacity-white5":"hsla(0,0%,100%,.05)","opacity-white50":"hsla(0,0%,100%,.5)","opacity-white64":"hsla(0,0%,100%,.64)",white:"#fff","primary-red":"#e4493e","primary-red-hover":"#e7685f","primary-blue":"#5082ff","primary-green":"#14c78f","primary-purple":"#9752ff",primary1:"#005499",primary2:"#f35100","bg-dao":"#ebf1f5","bg-dao-1":"#e0eaf2","bg-dao-2":"#edf1f5","bg-dao-3":"#ebedf0","bg-1":"#e4eaf2","bg-3":"#ebedf0","secondary-red":"#ffebc3","secondary-blue1":"#d6e6ff","secondary-blue2":"#deebf1","secondary-blue3":"#eaf0f9","secondary-green":"#ccf0ea","secondary-gray1":"#ebeff3","secondary-gray2":"#f4f7fe","secondary-dao1":"#7c93a6","

1secondary-dao2":"#dae0e5","pc-wrap":"ResponsiveFramePopup_pc-wrap__q486R",header:"ResponsiveFramePopup_header__mamjb",content:"ResponsiveFramePopup_content__jX6Cy","mo-wrap":"ResponsiveFramePopup_mo-wrap__Jr6pB",btn:"ResponsiveFramePopup_btn__eyOzi"}},71275:function(e){e.exports={black:"#000",black111:"#111",gray10:"#f0f0f0",gray100:"#222",gray20:"#e4e4e4",gray30:"#c8c8c8",gray40:"#aeaeae",gray50:"#888",gray60:"#555",gray80:"#444",gray90:"#333",grayA8:"#a8a8a8","gray-blue-footer":"#73767a","gray-blue-3-1":"#33363b","gray-blue-6-1":"#6c7380","gray-blue-9-1":"#989da6","opacity-black10":"rgba(0,0,0,.1)","opacity-black5":"rgba(0,0,0,.05)","opacity-white10":"hsla(0,0%,100%,.1)","opacity-white20":"hsla(0,0%,100%,.2)","opacity-white5":"hsla(0,0%,100%,.05)","opacity-white50":"hsla(0,0%,100%,.5)","opacity-white64":"hsla(0,0%,100%,.64)",white:"#fff","primary-red":"#e4493e","primary-red-hover":"#e7685f","primary-blue":"#5082ff","primary-green":"#14c78f","primary-purple":"#9752ff",primary1:"#005499",primary2:"#f35100","bg-dao":"#ebf1f5","bg-dao-1":"#e0eaf2","bg-dao-2":"#edf1f5","bg-dao-3":"#ebedf0","bg-1":"#e4eaf2","bg-3":"#ebedf0","secondary-red":"#ffebc3","secondary-blue1":"#d6e6ff","secondary-blue2":"#deebf1","secondary-blue3":"#eaf0f9","secondary-green":"#ccf0ea","secondary-gray1":"#ebeff3","secondary-gray2":"#f4f7fe","secondary-dao1":"#7c93a6","secondary-dao2":"#dae0e5",wrap:"Tooltip_wrap__VfvFG",isAbsolute:"Tooltip_isAbsolute__jcfxc",iconContainer:"Tooltip_iconContainer__wq_UB",isHover:"Tooltip_isHover__IEWrY",contents:"Tooltip_contents__rLWHc","align-left":"Tooltip_align-left__ZuVB1",title:"Tooltip_title__djW1E",desc:"Tooltip_desc__Wz78v",isPositionFixed:"Tooltip_isPositionFixed__YVAdl",closeIcon:"Tooltip_closeIcon__Kac2y"}},44163:function(e){e.exports={black:"#000",black111:"#111",gray10:"#f0f0f0",gray100:"#222",gray20:"#e4e4e4",gray30:"#c8c8c8",gray40:"#aeaeae",gray50:"#888",gray60:"#555",gray80:"#444",gray90:"#333",grayA8:"#a8a8a8","gray-blue-footer":"#73767a","gray-blue-3-1":"#33363b","gray-blue-6-1":"#6c7380","gray-blue-9-1":"#989da6","opacity-black10":"rgba(0,0,0,.1)","opacity-black5":"rgba(0,0,0,.05)","opacity-white10":"hsla(0,0%,100%,.1)","opacity-white20":"hsla(0,0%,100%,.2)","opacity-white5":"hsla(0,0%,100%,.05)","opacity-white50":"hsla(0,0%,100%,.5)","opacity-white64":"hsla(0,0%,100%,.64)",white:"#fff","primary-red":"#e4493e","primary-red-hover":"#e7685f","primary-blue":"#5082ff","primary-green":"#14c78f","primary-purple":"#9752ff",primary1:"#005499",primary2:"#f35100","bg-dao":"#ebf1f5","bg-dao-1":"#e0eaf2","bg-dao-2":"#edf1f5","bg-dao-3":"#ebedf0","bg-1":"#e4eaf2","bg-3":"#ebedf0","secondary-red":"#ffebc3","secondary-blue1":"#d6e6ff","secondary-blue2":"#deebf1","secondary-blue3":"#eaf0f9","secondary-green":"#ccf0ea","secondary-gray1":"#ebeff3","secondary-gray2":"#f4f7fe","secondary-dao1":"#7c93a6","secondary-dao2":"#dae0e5",switch:"Switch_switch__i52eY","toggle-button":"Switch_toggle-button__spa_c",circle:"Switch_circle__6LEgJ",active:"Switch_active__GXJNP",disabled:"Switch_disabled__4Wq2u"}}},function(e){e.O(0,[4342,6584,8102,7206,2888,9774,179],function(){return e(e.s=50576)}),_N_E=e.O()}]);