https://dronesoccer.org/_next/static/chunks/pages/notice/registration-0fc7c4d93714a922.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6436],{41714:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/notice/registration",function(){return i(64285)}])},96689:(e,t,i)=>{"use strict";i.d(t,{A:()=>p});var n=i(74848),o=i(96540),r=i(74606),a=i(5556),l=i.n(a),s=i(34410);let d={Wrap:i(33540).Ay.select.withConfig({componentId:"sc-5bc21845-0"})(["flex-shrink:0;width:",";height:",';border-radius:4px;background-color:#fff;color:#B7B7B7;outline:none;border:1px solid #c9c9c9;padding:0px 16px;font-size:16px;line-height:1;background-image:url("/images/common/default-select-icon.svg");background-repeat:no-repeat;-webkit-appearance:none;background-position:calc(100% - 5px) 50%;cursor:pointer;',"{font-size:14px;width:100%;padding:0px 16px;}"],e=>e.width,e=>e.height,e=>{let{theme:t}=e;return t.media.fida_mobile})};function c(e){let{children:t,width:i,height:a,value:l,onChange:c,disabled:p}=e,h=(0,r.Ub)({query:"(max-width: ".concat(s.A.contentWidths.mobile,")")}),u=(0,r.Ub)({query:"(max-width: ".concat(s.A.contentWidths.default,")")}),[x,f]=(0,o.useState)(void 0);return(0,o.useEffect)(()=>{a?f(a):h?f("42px"):u?f("45px"):f("50px")},[h,u,a]),(0,n.jsx)(d.Wrap,{width:i,height:x,value:l,onChange:c,disabled:p,children:t})}let p=c;c.propTypes={children:l().node.isRequired,width:l().string.isRequired,height:l().string,value:l().oneOfType([l().string,l().bool]),onChange:l().func,disabled:l().bool}},18716:(e,t,i)=>{"use strict";i.d(t,{Au:()=>n,TX:()=>r,_t:()=>a,x8:()=>o});let n="fidaNoticeKey",o="fidaNoticeDetailKey",r="nationNoticeKey",a="nationNoticeDetailKey"},84010:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var n=i(9421),o=i(13719),r=i(15758);function a(e){let{playerId:t,successFn:i,errorFn:a}=e;return(0,n.I)([o.mL,t],()=>(0,r.kq)(t),{enabled:!!t,onSuccess:e=>i(e),onError:e=>a(e)})}},87390:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>u});var n=i(74848),o=i(33540),r=i(91106),a=i.n(r),l=i(5556),s=i.n(l);let d=o.Ay.div.withConfig({componentId:"sc-48de4074-0"})(["max-width:1280;display:flex;align-items:center;font-size:14px;line-height :",";color:#808080;"],e=>{let{theme:t}=e;return t.lineheight.lineheight}),c=o.Ay.span.withConfig({componentId:"sc-48de4074-1"})(["&:not(:last-child)::after{content:'>';margin:0 16px;color:#808080;}","{display:none;}a{color:#808080;text-decoration:none;&:hover{text-decoration:underline;}}&:last-child{color:#808080;}"],e=>{let{theme:t}=e;return t.media.fida_mobile}),p=o.Ay.h1.withConfig({componentId:"sc-48de4074-2"})(["font-size :",";font-weight:600;line-height :",";color:#565656;margin-bottom:24px;","{display:none;}"],e=>{let{theme:t}=e;return t.fontSize.mainTitle},e=>{let{theme:t}=e;return t.lineheight.lineheight},e=>{let{theme:t}=e;return t.media.fida_mobile});function h(e){let{label:t,overviewLabel:i,mainTitle:o}=e;return(0,n.jsxs)("div",{children:[(0,n.jsxs)(d,{children:[(0,n.jsx)(c,{children:(0,n.jsx)(a(),{href:"/",children:"HOME"})}),(0,n.jsx)(c,{children:(0,n.jsx)(a(),{href:"#",children:t})}),i?(0,n.jsx)(c,{children:i}):null]}),(0,n.jsx)(p,{children:o||i||t})]})}h.propTypes={label:s().string.isRequired,overviewLabel:s().string,mainTitle:s().string};let u=h},64285:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>_});var n=i(74848),o=i(86715),r=i(96540),a=i(64183),l=i(25063),s=i(49653),d=i(72415),c=i(63663),p=i(94634),h=i(54696),u=i(85203),x=i(41524),f=i(59538),g=i(41751),m=i(84010),b=i(91860),w=i(18716),y=i(59027),v=i(27916),j=i(96689),A=i(46251),N=i(33540);let k={Wrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-0"})(["padding-top:",";padding-bottom:60px;flex:1;flex-direction:column;align-items:center;width:100%;display:flex;background-color:#fafafa;","{padding-top:",";}.btn-section{width:100%;margin-top:40px;display:flex;gap:16px;max-width:",";justify-content:center;button{font-weight:600;border-radius:6px;font-size:18px;line-height:140%;padding:12px 0px;width:172px;}}.btn-section .submit-btn{background-color:#22BCDA;border-color:#22BCDA;:hover,:focus{background-color:",";border-color:",";}}.btn-section .cancel-btn{background-color:#fff;border:1px solid ",";color:",";:hover,:focus{background-color:#fff;border:1px solid ",";}}"],e=>{let{theme:t}=e;return t.headerHeights.desktop},e=>{let{theme:t}=e;return t.media.fida_mobile},e=>{let{theme:t}=e;return t.headerHeights.mobile},e=>{let{theme:t}=e;return t.contentWidths.default},e=>{let{theme:t}=e;return t.primary.two},e=>{let{theme:t}=e;return t.primary.two},e=>{let{theme:t}=e;return t.grayScale.five},e=>{let{theme:t}=e;return t.grayScale.two},e=>{let{theme:t}=e;return t.grayScale.three}),NoticeDetailWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-1"})(["margin-top:35px;width:100%;max-width:",";border-radius:10px 10px 0px 0px;background:#ffffff;box-shadow:0px 4px 8px rgba(0,0,0,0.1);border-radius:8px;display:flex;flex-direction:column;"],e=>{let{theme:t}=e;return t.contentWidths.default}),MainWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-2"})(["width:95%;height:auto;max-width:1280px;"]),NoticeTitleInputWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-3"})(["width:100%;border:none !important;border-bottom:1px solid "," !important;border-radius:0px !important;align-content:center;.default-input{height:70px;}input{width:100%;font-weight:600;font-size:20px;line-height:140%;padding:0px;border:none;color:#828282 !important;}input:focus{outline:none;border:1px solid #bbbbbb !important;}"],e=>{let{theme:t}=e;return t.grayScale.six}),NoticeTypeWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-4"})(["width:100%;max-width:",";margin-top:40px;

1display:flex;align-items:center;gap:13px;.default-select-wrapper{width:100%;max-width:545px;}p{font-weight:600;font-size:27px;line-height:40px;}"],e=>{let{theme:t}=e;return t.contentWidths.default}),UploadFileWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-5"})(["width:100%;margin-top:24px;display:flex;flex-direction:column;gap:8px;max-width:",";.upload-file-text{font-size:18px;color:#565656;line-height:140%;font-weight:600;}.upload-guide-text{font-size:14px;color:#565656;line-height:140%;font-weight:300;}.dropzone{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:21px;gap:18px;width:100%;box-shadow:0px 4px 8px rgba(0,0,0,0.1);cursor:pointer;}.upload-section{font-size:18px;color:#565656;line-height:140%;font-weight:500;span.browse-text{line-height:140%;font-size:18px;color:#3548b6;text-decoration:underline !important;}.supported-text{margin-top:4px;font-size:15px;line-height:22px;color:#7e7e81;font-weight:400;}}.upload-img-btn{background-color:#ededed;width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;}"],e=>{let{theme:t}=e;return t.contentWidths.default}),FileWrap:N.Ay.div.withConfig({componentId:"sc-e76609f8-6"})(["width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#fff;box-shadow:0px 4px 8px 1px rgba(0,0,0,0.1);padding:12px 32px;gap:26px;p{color:#828282;font-size:18px;font-weight:500;line-height:140%;}.file-name-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.right-wrap{display:flex;align-items:center;gap:26px;flex-shrink:0;}.delete-icon-wrap{width:50px;height:50px;border-radius:4px;border:2px solid #c9c9c9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;}"])};var S=i(87390);let _=function(){let e=(0,o.useRouter)(),t=(0,x.A)(),{nationName:i}=e.query,[N,_]=(0,r.useState)(i),[C,W]=(0,r.useState)(""),[z,I]=(0,r.useState)(""),[F,T]=(0,r.useState)([]),[E,D]=(0,r.useState)(new Date),[R,B]=(0,l.L4)(h.o),O=(0,l.lZ)(p.o),q=(0,r.useMemo)(()=>R.admin.via||R.admin.fida||R.admin.nation.some(e=>e.nation__name===N),[R,N]);(0,r.useEffect)(()=>{q||(O({isShow:!0,type:"error",text:"You do not have access."}),e.push("/main?tab=".concat(e.query.nationName,"&page=1")))},[q,e]);let{data:M}=(0,b.A)({successFn:e=>{B((0,u.A)(e))},errorFn:()=>{}}),{data:L=[]}=(0,m.A)({playerId:null==M?void 0:M.id,successFn:()=>{},errorFn:()=>{}}),P=(0,r.useMemo)(()=>{let e=[];return R.admin.via||R.admin.fida?(e.push({id:"AuthFida",value:"FIDA"}),L.map(t=>e.push({id:"AuthNation".concat(t.id),value:t.name}))):(0!==R.admin.nation.length&&R.admin.nation.map(t=>e.push({id:"AuthNation".concat(t.nation__id),value:t.nation__name})),e.some(e=>e.value===i)||e.push({id:"nation".concat(i),value:i})),e.map(e=>(0,n.jsx)("option",{value:e.value,children:e.value},e.id))},[R,i,L]),{mutate:U}=function(e){let{successFn:t,errorFn:i}=e;return(0,f.n)(e=>{let{data:t}=e;return(0,g.Rc)(t)},{onSuccess:e=>t(e),onError:e=>{i(e)}})}({successFn:()=>{O({isShow:!0,type:"success",text:"fida notice registration complete."}),t([w.Au]),e.back()},errorFn:e=>{O({isShow:!0,type:"error",text:e.message})}}),{mutate:K}=function(e){let{successFn:t,errorFn:i}=e;return(0,f.n)(e=>{let{nationName:t,data:i}=e;return(0,g.EE)(t,i)},{onSuccess:e=>t(e),onError:e=>{i(e)}})}({successFn:()=>{O({isShow:!0,type:"success",text:"".concat(i," notice registration complete.")}),t([w.TX]),e.back()},errorFn:e=>{O({isShow:!0,type:"error",text:e.message})}}),X=(0,r.useCallback)(()=>{if(0===C.length){O({isShow:!0,type:"error",text:"Please enter the notice title to register."});return}if(C.length>255){O({isShow:!0,type:"error",text:"Please write the title under 255 characters."});return}if(0===z.length){O({isShow:!0,type:"error",text:"Please enter the notice content to register."});return}"FIDA"===N?U({data:{title:C,content:z,notice_file_list:F,publish_date:E.toISOString()}}):K({nationName:N,data:{title:C,content:z,notice_file_list:F,publish_date:E.toISOString()}})},[N,i,C,z,F]),{getRootProps:H,getInputProps:V}=(0,s.VB)({onDrop:e=>{if(e.some(e=>!(0,v.h)(e,10))){O({isShow:!0,type:"error",text:"The file size is up to 10MB."});return}T([...F,...e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)}))])}},[F]),Y=(0,r.useCallback)(e=>{T(F.filter(t=>t.name!==e))},[F]);return q&&(0,n.jsx)(y.A,{children:(0,n.jsx)(k.Wrap,{children:(0,n.jsxs)(k.MainWrap,{children:[(0,n.jsx)(S.default,{label:"Notice"}),q&&(0,n.jsx)(k.NoticeTypeWrap,{children:(0,n.jsx)("div",{className:"default-select-wrapper",children:(0,n.jsx)(j.A,{width:"100%",value:N,onChange:e=>{_(e.target.value)},children:P})})}),(0,n.jsxs)(k.NoticeDetailWrap,{children:[(0,n.jsx)(k.NoticeTitleInputWrap,{className:"default-input",children:(0,n.jsx)("input",{placeholder:"Title",value:C,maxLength:255,onChange:e=>W(e.target.value)})}),(0,n.jsx)("label",{htmlFor:"publish-date",style:{marginBottom:"0.5rem",fontSize:"0.9rem",color:"#333"},children:"Notice release date"}),(0,n.jsx)("input",{id:"publish-date",type:"date",value:E.toISOString().split("T")[0],onChange:e=>D(new Date(e.target.value)),style:{padding:"0.5rem",border:"1px solid #ccc",borderRadius:"4px",fontSize:"1rem",width:"45%"}}),(0,n.jsx)(A.A,{value:z,setValue:I})]}),(0,n.jsxs)(k.UploadFileWrap,{children:[(0,n.jsxs)("p",{className:"upload-file-text",children:["Upload a file ",(0,n.jsx)("span",{className:"upload-guide-text",children:"(Limit file size to 10MB)"})]}),(0,n.jsxs)("div",{...H({className:"dropzone"}),children:[(0,n.jsx)("input",{...V()}),(0,n.jsx)("div",{className:"upload-img-btn",children:(0,n.jsx)(d.A,{width:15,height:17})}),(0,n.jsxs)("p",{className:"upload-section",children:["Drop file here to upload or ",(0,n.jsx)("span",{className:"browse-text",children:"browse"})]})]}),F.map(e=>(0,n.jsxs)(k.FileWrap,{children:[(0,n.jsx)("p",{className:"file-name-text",children:e.name}),(0,n.jsx)("div",{className:"right-wrap",children:(0,n.jsx)("button",{type:"button","aria-label":"file delete btn",className:"delete-icon-wrap",onClick:()=>{Y(e.name)}

1,children:(0,n.jsx)(c.A,{width:24,height:24,stroke:"#000"})})})]},"".concat(e.lastModified).concat(e.size)))]}),(0,n.jsxs)("div",{className:"btn-section",children:[(0,n.jsx)(a.A,{className:"cancel-btn",onClick:()=>e.back(),children:"Cancel"}),(0,n.jsx)(a.A,{className:"submit-btn",onClick:X,children:"Registration"})]})]})})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[3342,2110,1106,8399,9421,9653,3032,6814,4554,4033,636,6593,8792],()=>t(41714)),_N_E=e.O()}]);