https://blog-crew-dashboard.vercel.app/app/static/js/765.84c23488.chunk.js

1/*! For license information please see 765.84c23488.chunk.js.LICENSE.txt */
2"use strict";(self.webpackChunkblog_crew_dashboard=self.webpackChunkblog_crew_dashboard||[]).push([[765],{9765(e,t,a){a.r(t),a.d(t,{default:()=>O});var n=a(2555),r=a(9950),i=a(498),o=a(5945),l=a(7637),s=a(6311),c=a(1830),d=a(1449),p=a(4414);const g={0:!0,1:!0,2:!1,3:!0,4:!1,5:!1,6:!0,7:!0,8:!0,9:!1};function h(e,t,a,n){const r=function(e){const t=String(e||"").trim().slice(-1);if(/[0-9]/.test(t))return g[Number(t)];const a=t.charCodeAt(0);return a>=44032&&a<=55203?(a-44032)%28>0:null}(e);return null===r?n:r?t:a}const u=[{key:"recruit",label:"\ucc4c\ub9b0\uc9c0\xb7\ud074\ub798\uc2a4 \ubaa8\uc9d1",lead:e=>"".concat(e.name).concat(h(e.name,"\uc744","\ub97c","\uc744(\ub97c)")," \ubaa8\uc9d1\ud569\ub2c8\ub2e4."),closing:"\uc790\ub9ac\uac00 \ucc28\uba74 \uc870\uae30 \ub9c8\uac10\ub420 \uc218 \uc788\uc5b4\uc694. \uad81\uae08\ud55c \uc810\uc740 \ud3b8\ud558\uac8c \ubb3c\uc5b4\ubd10 \uc8fc\uc138\uc694!"},{key:"event",label:"\uad6c\ub3c5\xb7\uc774\ubca4\ud2b8",lead:e=>"".concat(e.name," \uc18c\uc2dd\uc744 \uc54c\ub824\ub4dc\ub824\uc694."),closing:"\uae30\uac04 \uc548\uc5d0\ub9cc \uc801\uc6a9\ub418\ub294 \ub0b4\uc6a9\uc774\ub2c8 \ub0a0\uc9dc\ub97c \uaf2d \ud655\uc778\ud574 \uc8fc\uc138\uc694!"},{key:"feature",label:"\uc2e0\uaddc \uae30\ub2a5",lead:e=>"".concat(e.name).concat(h(e.name,"\uc774","\uac00","\uc774(\uac00)")," \uc0c8\ub85c \uc0dd\uacbc\uc5b4\uc694."),closing:"\uc368\ubcf4\uc2dc\uace0 \ubd88\ud3b8\ud55c \uc810\uc740 \uc5b8\uc81c\ub4e0 \uc54c\ub824\uc8fc\uc138\uc694. \ubc14\ub85c \ub2e4\ub4ec\uaca0\uc2b5\ub2c8\ub2e4!"},{key:"price",label:"\uac00\uaca9\xb7\uc815\ucc45 \ubcc0\uacbd",lead:e=>"".concat(e.name," \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4."),closing:"\ubcc0\uacbd \uc804 \uae30\uc900\uc73c\ub85c \uc774\uc6a9 \uc911\uc774\uc2e0 \ubd84\ub4e4\uaed8\ub294 \uae30\uc874 \uc870\uac74\uc774 \uadf8\ub300\ub85c \uc801\uc6a9\ub429\ub2c8\ub2e4. \uad81\uae08\ud558\uc2dc\uba74 \ubb38\uc758 \uc8fc\uc138\uc694."},{key:"expiry",label:"\ub9cc\ub8cc\xb7\uac31\uc2e0 \uc548\ub0b4",lead:e=>"".concat(e.name," \uad00\ub828 \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4."),closing:"\uac31\uc2e0 \uad00\ub828\ud574 \uad81\uae08\ud55c \uc810\uc740 \ud3b8\ud558\uac8c \ub9d0\uc500\ud574 \uc8fc\uc138\uc694!"}],x=[{key:"name",label:"\ubb34\uc5c7\uc744 \uc54c\ub9ac\ub098\uc694 *",ph:"\uc608) \ube14\uc624\ucc4c 3\uae30 / \ube14\uc624KEY \uc624\ud508 \uc774\ubca4\ud2b8"},{key:"target",label:"\ub300\uc0c1",ph:"\uc608) \ud06c\ub8e8 \uc804\uc6d0 / \ud504\ub9ac\ubbf8\uc5c4 \ud06c\ub8e8"},{key:"period",label:"\uae30\uac04\xb7\uc77c\uc815",ph:"\uc608) 9\uc6d4 \uccab\uc9f8 \uc8fc \uc2dc\uc791, 3\uc8fc \uacfc\uc815"},{key:"deadline",label:"\ub9c8\uac10\xb7\uc2e0\uccad \uae30\ud55c",ph:"\uc608) 8\uc6d4 25\uc77c(\uc6d4)\uae4c\uc9c0"},{key:"detail",label:"\ud575\uc2ec \ub0b4\uc6a9 (\uc904\ubc14\uafc8\uc73c\ub85c \uc5ec\ub7ec \uac1c)",ph:"\uc608) \uc81c\ucd9c\uae00 9\uac1c \uc804\ubd80 \ud53c\ub4dc\ubc31\n1:1 \ucee8\uc124\ud305 2\ud68c \ud3ec\ud568",multi:!0},{key:"price",label:"\uac00\uaca9\xb7\ud61c\ud0dd",ph:"\uc608) 59\ub9cc\uc6d0 (\ud06c\ub8e8\uac00) \u2014 \uc0ac\uc2e4\ub9cc \uc801\uae30"},{key:"how",label:"\uc2e0\uccad\xb7\uc774\uc6a9 \ubc29\ubc95",ph:'\uc608) \uce74\uce74\uc624\ud1a1\uc73c\ub85c "\ube

214\uc624\ucc4c \uc2e0\uccad"\uc774\ub77c\uace0 \ubcf4\ub0b4\uc8fc\uc138\uc694'}];const f={name:"",target:"",period:"",deadline:"",detail:"",price:"",how:""};function v(e){let{onUseAsNotice:t}=e;const[a,i]=(0,r.useState)(!1),[g,h]=(0,r.useState)("recruit"),[v,y]=(0,r.useState)(f),[b,m]=(0,r.useState)(""),j=(0,r.useMemo)(()=>function(e,t){const a=u.find(t=>t.key===e),n=t.name.trim();if(!a||!n)return null;const r=[a.lead(t),""],i=(e,t)=>{String(t||"").trim()&&r.push("\xb7 ".concat(e,": ").concat(String(t).trim()))};i("\ub300\uc0c1",t.target),i("\uc77c\uc815",t.period),String(t.detail||"").trim()&&String(t.detail).split("\n").map(e=>e.trim()).filter(Boolean).forEach(e=>r.push("\xb7 ".concat(e))),i("\uac00\uaca9",t.price),i("\uc2e0\uccad",t.how),String(t.deadline||"").trim()&&r.push("","\ub9c8\uac10: ".concat(t.deadline.trim())),r.push("",a.closing);const o="".concat({recruit:"[\ubaa8\uc9d1]",event:"[\uc774\ubca4\ud2b8]",feature:"[\uc0c8 \uae30\ub2a5]",price:"[\uc548\ub0b4]",expiry:"[\uc548\ub0b4]"}[e]||"[\uacf5\uc9c0]"," ").concat(n).concat(t.deadline.trim()?" \u2014 ".concat(t.deadline.trim()):""),l=["".concat(n," \uc548\ub0b4\ub4dc\ub824\uc694 \ud83d\ude0a"),[t.period.trim()&&"\uc77c\uc815: ".concat(t.period.trim()),t.price.trim()&&"\uac00\uaca9: ".concat(t.price.trim())].filter(Boolean).join(" \xb7 "),t.deadline.trim()&&"".concat(t.deadline.trim()," \ub9c8\uac10\uc774\uc5d0\uc694."),t.how.trim()?t.how.trim():"\uad81\uae08\ud558\uc2dc\uba74 \ud3b8\ud558\uac8c \ub2f5\uc7a5 \uc8fc\uc138\uc694!"].filter(Boolean).join("\n");return{title:o,content:r.join("\n"),kakao:l}}(g,v),[g,v]),k=async(e,t)=>{try{await navigator.clipboard.writeText(t),m(e),setTimeout(()=>m(""),1800)}catch(a){}},S={label:{display:"block",fontSize:"var(--text-xs)",fontWeight:700,color:"var(--text-on-light-sub)",marginBottom:4,fontFamily:"var(--font-korean)"},input:{width:"100%",minHeight:40,padding:"8px 10px",border:"1px solid var(--border-input)",borderRadius:"var(--radius-button)",fontSize:"var(--text-sm)",color:"var(--text-on-light-main)",outline:"none",boxSizing:"border-box",fontFamily:"var(--font-korean)"},chip:e=>({minHeight:40,padding:"8px 14px",borderRadius:999,cursor:"pointer",border:"1px solid ".concat(e?"var(--navy)":"var(--border-light)"),background:e?"var(--navy)":"var(--white)",color:e?"#fff":"var(--text-on-light-sub)",fontSize:"var(--text-xs)",fontWeight:700,fontFamily:"var(--font-korean)",whiteSpace:"nowrap"}),pre:{margin:0,padding:14,background:"var(--page-bg)",borderRadius:10,fontSize:"var(--text-sm)",color:"var(--navy)",lineHeight:1.7,whiteSpace:"pre-wrap",wordBreak:"keep-all",fontFamily:"var(--font-korean)"},copyBtn:e=>({minHeight:40,padding:"8px 14px",borderRadius:999,border:"none",cursor:"pointer",background:e?"var(--color-success, #0F8A55)":"var(--card-bg-light)",color:e?"#fff":"var(--navy)",fontSize:"var(--text-xs)",fontWeight:800,fontFamily:"var(--font-korean)",display:"inline-flex",alignItems:"center",gap:6})};return(0,p.jsxs)("div",{style:{background:"var(--white)",borderRadius:"var(--radius-card)",padding:"var(--space-5) var(--space-6)",boxShadow:"var(--shadow-card)",marginBottom:"var(--space-6)"},children:[(0,p.jsxs)("button",{type:"button",onClick:()=>i(e=>!e),"aria-expanded":a,className:"focus-ring",style:{display:"flex",alignItems:"center",gap:10,width:"100%",minHeight:44,background:"none",border:"none",cursor:"pointer",textAlign:"left",padding:0},children:[(0,p.jsx)(o.A,{size:17,style:{color:"var(--gold)"}}),(0,p.jsx)("span",{style:{fontSize:"var(--text-base)",fontWeight:800,color:"var(--navy)",fontFamily:"var(--font-korean)"},children:"\uacf5\uc9c0 \uacf5\uc7a5"}),(0,p.jsx)("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-on-light-hint)",fontFamily:"var(--font-korean)"},children:"\u2014 \uc720\ud615 \uace0\ub974\uace0 \ube48\uce78\ub9cc \ucc44\uc6b0\uba74 \uacf5\uc9c0 \ubb38\uc548 + \uce74\ud1a1 \ubc84\uc804\uc774 \ub098\uc640\uc694"})]}),a&&(0,p.jsxs)("div",{style:{marginTop:"var(--space-4)",display:"grid",gap:"var(--space-4)"},children:[(0,p.jsx)("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},role:"group","aria-label":"\uacf5\uc9c0 \uc720\ud615",children:u.map(e=>(0,p.jsx)("button",{type:"button",className:"focus-ring pressable",style:S.chip(g===e.key),onClick:()=>h(e.key),"aria-pressed":g===e.key,children:e.label},e.key))}),(0,p.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:"var(--space-3)"},children:x.map(e=>(0,p.jsxs)("div",{style:e.multi?{gridColumn:"1 / -1"}:void 0,children:[(0,p.jsx)("label",{style:S.label,htmlFor:"nf-".concat(e.key),children:e.label}),e.multi?(0,p.jsx)("textarea",{id:"nf-".concat(e.key),style:(0,n.A)((0,n.A)({},S.input),{},{minHeight:72,resize:"vertical"}),placeholder:e.ph,value:v[e.key],onChange:t=>y(a=>(0,n.A)((0,n.A)({},a),{},{[e.key]:t.target.value}))}):(0,p.jsx)("input",{id:"nf-".concat(e.key),style:S.input,placeholder:e.ph,value:v[e.key],onChange:t=>y(a=>(0,n.A)((0,n.A)({},a),{},{[e.key]:t.target.value}))})]},e.key))}),j?(0,p.jsxs)("div",{style:{display:"grid",gap:"var(--space-4)"},children:[(0,p.jsxs)("div",{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[(0,p.jsx)(l.A,{size:13,style:{color:"var(--text-on-light-sub)"}}),(0,p.jsx)("span",{style:S.label,children:"\uacf5\uc9c0 \ucd08\uc548"})]}),(0,p.jsx)("pre",{style:S.pre,children:"".concat(j.title,"\n\n").concat(j.content)}),(0,p.jsxs)("div",{style:{display:"flex",gap:8,marginTop:8,flexWrap:"wrap"},children:[(0,p.jsxs)("button",{type:"button",className:"focus-ring pressable",style:S.copyBtn("notice"===b),onClick:()=>k("notice","".concat(j.title,"\n\n").concat(j.content)),children:["notice"===b?(0,p.jsx)(s.A,{size:13}):(0,p.jsx)(c.A,{size:13}

2),"notice"===b?"\ubcf5\uc0ac\ub410\uc5b4\uc694":"\uacf5\uc9c0 \ubb38\uc548 \ubcf5\uc0ac"]}),t&&(0,p.jsx)("button",{type:"button",className:"focus-ring pressable",style:(0,n.A)((0,n.A)({},S.copyBtn(!1)),{},{background:"var(--navy)",color:"#fff"}),onClick:()=>t({title:j.title,content:j.content}),children:"\uc774 \ub0b4\uc6a9\uc73c\ub85c \uacf5\uc9c0 \ub4f1\ub85d \u2192"})]})]}),(0,p.jsxs)("div",{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[(0,p.jsx)(d.A,{size:13,style:{color:"var(--text-on-light-sub)"}}),(0,p.jsx)("span",{style:S.label,children:"\uce74\ud1a1 \ubc1c\uc1a1\uc6a9 (\uc9e7\uc740 \ubc84\uc804)"})]}),(0,p.jsx)("pre",{style:S.pre,children:j.kakao}),(0,p.jsxs)("button",{type:"button",className:"focus-ring pressable",style:(0,n.A)((0,n.A)({},S.copyBtn("kakao"===b)),{},{marginTop:8}),onClick:()=>k("kakao",j.kakao),children:["kakao"===b?(0,p.jsx)(s.A,{size:13}):(0,p.jsx)(c.A,{size:13}),"kakao"===b?"\ubcf5\uc0ac\ub410\uc5b4\uc694":"\uce74\ud1a1 \ubb38\uc548 \ubcf5\uc0ac"]})]})]}):(0,p.jsx)("p",{style:{margin:0,fontSize:"var(--text-xs)",color:"var(--text-on-light-hint)",fontFamily:"var(--font-korean)"},children:'"\ubb34\uc5c7\uc744 \uc54c\ub9ac\ub098\uc694"\ubd80\ud130 \ucc44\uc6b0\uba74 \ubb38\uc548\uc774 \ubc14\ub85c \ub9cc\ub4e4\uc5b4\uc838\uc694.'})]})]})}const y=(0,a(9870).A)("images",[["path",{d:"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16",key:"9kzy35"}],["path",{d:"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2",key:"1t0f0t"}],["circle",{cx:"13",cy:"7",r:"1",fill:"currentColor",key:"1obus6"}],["rect",{x:"8",y:"2",width:"14",height:"14",rx:"2",key:"1gvhby"}]]);var b=a(7255);const m="#10122E",j="#232A52",k="#FFFFFF",S="#F5F6FA",w="#25D07E",A="#0F8A55",z="#B9C2EE",C="#3D4266",F="#868CA6",T="#E5E7F0",R=1080,B=1350,W="'Pretendard', 'Noto Sans KR', sans-serif";function N(e,t,a){const n=[];for(const r of String(t||"").split("\n")){let t="";for(const i of r.split(" ")){const r=t?"".concat(t," ").concat(i):i;if(e.measureText(r).width<=a)t=r;else if(t&&(n.push(t),t=""),e.measureText(i).width>a){let r="";for(const t of i)e.measureText(r+t).width>a&&r?(n.push(r),r=t):r+=t;t=r}else t=i}n.push(t)}return n}function D(e,t){e.font="700 30px ".concat(W),e.fillStyle=t?"rgba(255,255,255,0.55)":F,e.textAlign="center",e.fillText("\ube14\uc624\uac00\ub4e0 \xb7 blogarden.com",540,1278)}const H={title:"",subtitle:"",badge:"",bodyText:"",cta:"",ctaSub:""};function E(){const[e,t]=(0,r.useState)(!1),[a,i]=(0,r.useState)(H),o=(0,r.useRef)([]),l=(0,r.useMemo)(()=>function(e){let{title:t,subtitle:a,badge:n,bodyText:r,cta:i,ctaSub:o}=e;if(!String(t||"").trim())return[];const l=[{kind:"cover",title:t.trim(),subtitle:a.trim(),badge:n.trim()}],s=String(r||"").split(/\n\s*\n/).map(e=>e.trim()).filter(Boolean).slice(0,8);for(const c of s){const[e,...t]=c.split("\n");l.push({kind:"body",heading:e.trim(),body:t.join("\n").trim()})}return String(i||"").trim()&&l.push({kind:"end",cta:i.trim(),sub:o.trim()}),l}(a),[a]),s=(e,t,a)=>{if(!e)return;o.current[a]=e;const r=e.getContext("2d"),i=l.filter(e=>"body"===e.kind).length,s=l.slice(0,a).filter(e=>"body"===e.kind).length+1;"cover"===t.kind?function(e,t){let{title:a,subtitle:n,badge:r}=t;if(e.fillStyle=m,e.fillRect(0,0,R,B),e.fillStyle=j,e.beginPath(),e.arc(972,162,260,0,2*Math.PI),e.fill(),e.textAlign="left",r){e.font="800 40px ".concat(W);const t=e.measureText(r).width;e.fillStyle=w,e.beginPath(),e.roundRect(96,300,t+72,84,42),e.fill(),e.fillStyle=m,e.fillText(r,132,356)}e.fillStyle=k,e.font="800 92px ".concat(W);let i=r?500:440;for(const o of N(e,a,888).slice(0,5))e.fillText(o,96,i),i+=122;if(e.fillStyle=w,e.fillRect(96,i-66,140,10),n){e.fillStyle=z,e.font="600 46px ".concat(W),i+=40;for(const t of N(e,n,888).slice(0,3))e.fillText(t,96,i),i+=68}D(e,!0)}(r,t):"body"===t.kind?function(e,t){let{heading:a,body:n,page:r,total:i}=t;e.fillStyle=S,e.fillRect(0,0,R,B),e.fillStyle=k,e.beginPath(),e.roundRect(64,64,952,1130,36),e.fill(),e.strokeStyle=T,e.lineWidth=2,e.stroke(),e.textAlign="left",e.fillStyle=A,e.font="800 40px ".concat(W),e.fillText("".concat(String(r).padStart(2,"0")),144,220),e.fillStyle=m,e.font="800 64px ".concat(W);let o=320;for(const l of N(e,a,792).slice(0,3))e.fillText(l,144,o),o+=84;e.fillStyle=w,e.fillRect(144,o-40,96,8),o+=56,e.fillStyle=C,e.font="500 46px ".concat(W);for(const l of N(e,n,792).slice(0,11))e.fillText(l,144,o),o+=74;e.textAlign="center",e.fillStyle=F,e.font="600 32px ".concat(W),e.fillText("".concat(r," / ").concat(i),540,1222),D(e,!1)}(r,(0,n.A)((0,n.A)({},t),{},{page:s,total:i})):function(e,t){let{cta:a,sub:n}=t;e.fillStyle=m,e.fillRect(0,0,R,B),e.textAlign="center",e.fillStyle=w,e.font="800 44px ".concat(W),e.fillText("\uc9c0\uae08 \uc2dc\uc791\ud558\uc138\uc694",540,480),e.fillStyle=k,e.font="800 84px ".concat(W);let r=610;for(const i of N(e,a,840).slice(0,4))e.fillText(i,540,r),r+=112;if(n){e.fillStyle=z,e.font="600 44px ".concat(W),r+=24;for(const t of N(e,n,840).slice(0,3))e.fillText(t,540,r),r+=66}D(e,!0)}(r,t)},c=e=>{const t=o.current[e];t&&t.toBlob(t=>{const a=document.createElement("a");a.href=URL.createObjectURL(t),a.download="\ube14\uc624\uac00\ub4e0-\uce74\ub4dc\ub274\uc2a4-".concat(String(e+1).padStart(2,"0"),".png"),a.click(),setTimeout(()=>URL.revokeObjectURL(a.href),4e3)},"image/png")},d={label:{display:"block",fontSize:"var(--text-xs)",fontWeight:700,color:"var(--text-on-light-sub)",marginBottom:4,fontFamily:"var(--font-korean)"},input:{width:"100%",minHeight:40,padding:"8px 10px",border:"1px solid var(--border-input)",borderRadius:"var(--radius-button)",fontSize:"var(--text-sm)",color:"var(--text-on-light-main)",outline:"none",boxSizing:"border-box",fontFamily:"var(--font-korean)"}};return(0,p.jsxs)("div",{style:{background:"var(--white)",borderRadius:"var(--radius-card)",padding:"var(--space-5) var(--space-6)",boxShadow:"var(--shadow-card)",marginBottom:"var(--space-6)"},children:[(0,p.jsxs)("button",{type:"button",onClick:()=>t(e=>!e),"aria-expanded":e,className:"focus-ring",style:{display:"flex",alignItems:"center",gap:10,width:"100%",minHeight:44,background:"none",border:"none",cursor:"pointer",textAlign:"left",padding:0},children:[(0,p.jsx)(y,{size:17,style:{color:"var(--gold)"}}),(0,p.jsx)("span",{style:{fontSize:"var(--text-base)",fontWeight:800,color:"var(--navy)",fontFamily:"var(--font-korean)"},children:"\uce74\ub4dc\ub274\uc2a4 \uacf5\uc7a5"}),(0,p.jsx)("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-on-light-hint)",fontFamily:"var(--font-korean)"},children:"\u2014 \ubb38\uad6c\ub9cc \ub123\uc73c\uba74 \ube0c\ub79c\ub4dc \ub514\uc790\uc778 PNG\ub85c (\uc778\uc2a4\ud0c0\xb7\uce74\ud398 \uaddc\uaca9)"})]}),e&&(0,p.jsxs)("div",{style:{marginTop:"var(--space-4)",display:"grid",gap:"var(--space-4)"},children:[(0,p.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:"var(--space-3)"},children:[(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-badge",children:"\ud45c\uc9c0 \ubc30\uc9c0 (\uc120\ud0dd)"}),(0,p.jsx)("input",{id:"cn-badge",style:d.input,placeholder:"\uc608) 3\uae30 \ubaa8\uc9d1",value:a.badge,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{badge:e.target.value}))})]}),(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-title",children:"\ud45c\uc9c0 \uc81c\ubaa9 *"}),(0,p.jsx)("input",{id:"cn-title",style:d.input,placeholder:"\uc608) 3\uc8fc \ub9cc\uc5d0 \uae00\uc4f0\uae30 \uc2b5\uad00 \ub9cc\ub4e4\uae30",value:a.title,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{title:e.target.value}))})]}),(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-subtitle",children:"\ud45c\uc9c0 \ubd80\uc81c (\uc120\ud0dd)"}),(0,p.jsx)("input",{id:"cn-subtitle",style:d.input,placeholder:"\uc608) \ube14\uc624\ucc4c 3\uae30 \xb7 9\uc6d4 \uccab\uc9f8 \uc8fc \uc2dc\uc791",value:a.subtitle,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{subtitle:e.target.value}))})]})]}),(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-body",children:"\ub0b4\uc6a9 \uc7a5\ub4e4 \u2014 \ube48 \uc904\ub85c \uc7a5\uc744 \ub098\ub204\uace0, \uac01 \uc7a5\uc758 \uccab \uc904\uc774 \uc18c\uc81c\ubaa9\uc774 \ub3fc\uc694 (\ucd5c\ub300 8\uc7a5)"}),(0,p.jsx)("textarea",{id:"cn-body",style:(0,n.A)((0,n.A)({},d.input),{},{minHeight:140,resize:"vertical",lineHeight:1.6}),placeholder:"\ubb34\uc5c7\uc744 \ud558\ub098\uc694\n3\uc8fc \ub3d9\uc548 9\uac1c\uc758 \uae00\uc744 \uc4f0\uace0 \uc804\ubd80 \ud53c\ub4dc\ubc31\uc744 \ubc1b\uc544\uc694\n\n\ub204\uad6c\uc5d0\uac8c \ub9de\ub098\uc694\n\ud63c\uc790\uc11c\ub294 \uc790\uafb8 \ubbf8\ub8e8\uac8c \ub418\ub294 \ubd84",value:a.bodyText,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{bodyText:e.target.value}))})]}),(0,p.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:"var(--space-3)"},children:[(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-cta",children:"\ub9c8\ubb34\ub9ac \uc7a5 \ubb38\uad6c (\uc120\ud0dd)"}),(0,p.jsx)("input",{id:"cn-cta",style:d.input,placeholder:"\uc608) 8\uc6d4 25\uc77c\uae4c\uc9c0 \uc2e0\uccad",value:a.cta,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{cta:e.target.value}))})]}),(0,p.jsxs)("div",{children:[(0,p.jsx)("label",{style:d.label,htmlFor:"cn-ctasub",children:"\ub9c8\ubb34\ub9ac \ubd80\uc5f

20 (\uc120\ud0dd)"}),(0,p.jsx)("input",{id:"cn-ctasub",style:d.input,placeholder:"\uc608) \uce74\uce74\uc624\ud1a1\uc73c\ub85c '\ube14\uc624\ucc4c \uc2e0\uccad'",value:a.ctaSub,onChange:e=>i(t=>(0,n.A)((0,n.A)({},t),{},{ctaSub:e.target.value}))})]})]}),0===l.length?(0,p.jsx)("p",{style:{margin:0,fontSize:"var(--text-xs)",color:"var(--text-on-light-hint)",fontFamily:"var(--font-korean)"},children:"\ud45c\uc9c0 \uc81c\ubaa9\ubd80\ud130 \ucc44\uc6b0\uba74 \uce74\ub4dc\uac00 \ubc14\ub85c \uadf8\ub824\uc838\uc694."}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[(0,p.jsxs)("span",{style:{fontSize:"var(--text-xs)",fontWeight:700,color:"var(--text-on-light-sub)",fontFamily:"var(--font-korean)"},children:["\ucd1d ",l.length,"\uc7a5 \xb7 1080\xd71350"]}),(0,p.jsxs)("button",{type:"button",className:"focus-ring pressable",onClick:()=>{l.forEach((e,t)=>setTimeout(()=>c(t),350*t))},style:{minHeight:40,padding:"8px 16px",borderRadius:999,border:"none",cursor:"pointer",background:"var(--navy)",color:"#fff",fontSize:"var(--text-xs)",fontWeight:800,fontFamily:"var(--font-korean)",display:"inline-flex",alignItems:"center",gap:6},children:[(0,p.jsx)(b.A,{size:13})," \uc804\uccb4 PNG \uc800\uc7a5"]})]}),(0,p.jsx)("div",{style:{display:"flex",gap:12,overflowX:"auto",paddingBottom:8},children:l.map((e,t)=>(0,p.jsxs)("div",{style:{flexShrink:0,display:"grid",gap:6,justifyItems:"center"},children:[(0,p.jsx)("canvas",{width:R,height:B,ref:a=>s(a,e,t),style:{width:216,height:270,borderRadius:10,border:"1px solid var(--border-light)",display:"block"},"aria-label":"\uce74\ub4dc ".concat(t+1," \ubbf8\ub9ac\ubcf4\uae30")}),(0,p.jsxs)("button",{type:"button",className:"focus-ring pressable",onClick:()=>c(t),style:{minHeight:36,padding:"6px 12px",borderRadius:999,border:"none",cursor:"pointer",background:"var(--card-bg-light)",color:"var(--navy)",fontSize:"var(--text-xs)",fontWeight:700,fontFamily:"var(--font-korean)"},children:[t+1,"\uc7a5 \uc800\uc7a5"]})]},t))})]})]})]})}var I=a(2391);const P={title:"",content:"",importance:"\uc77c\ubc18",startDate:"",endDate:""},L={page:{padding:"var(--space-8)",fontFamily:'var(--font-korean, "Noto Sans KR", sans-serif)'},header:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-6)",flexWrap:"wrap",gap:"var(--space-3)"},title:{fontSize:"var(--text-xl)",fontWeight:700,color:"var(--navy)",margin:0},btnPrimary:{minHeight:44,background:"var(--navy)",color:"var(--white)",border:"none",borderRadius:"var(--radius-button)",padding:"var(--space-2) var(--space-5)",cursor:"pointer",fontSize:"var(--text-sm)",fontWeight:600,fontFamily:"var(--font-korean)"},btnSecondary:{minHeight:44,background:"var(--card-bg-light)",color:"var(--text-on-light-sub)",border:"none",borderRadius:"var(--radius-button)",padding:"var(--space-2) var(--space-4)",cursor:"pointer",fontSize:"var(--text-sm)",fontFamily:"var(--font-korean)"},btnDanger:{minHeight:44,background:"var(--color-danger-bg)",color:"var(--color-danger)",border:"1px solid var(--color-danger-border)",borderRadius:"var(--radius-button)",padding:"var(--space-2) var(--space-3)",cursor:"pointer",fontSize:"var(--text-xs)",fontFamily:"var(--font-korean)"},btnEdit:{minHeight:44,background:"var(--card-bg-light)",color:"var(--navy)",border:"none",borderRadius:"var(--radius-button)",padding:"var(--space-2) var(--space-3)",cursor:"pointer",fontSize:"var(--text-xs)",fontFamily:"var(--font-korean)"},card:{background:"var(--white)",borderRadius:"var(--radius-card)",padding:"var(--space-6)",boxShadow:"var(--shadow-card)",marginBottom:"var(--space-6)"},formGroup:{marginBottom:"var(--space-4)"},label:{display:"block",fontSize:"var(--text-sm)",fontWeight:600,color:"var(--text-on-light-sub)",marginBottom:"var(--space-1)"},input:{width:"100%",minHeight:44,padding:"var(--space-2) var(--space-3)",border:"1px solid var(--border-input)",borderRadius:"var(--radius-button)",fontSize:"var(--text-sm)",color:"var(--text-on-light-main)",outline:"none",boxSizing:"border-box",fontFamily:"var(--font-korean)"},textarea:{width:"100%",padding:"var(--space-2) var(--space-3)",border:"1px solid var(--border-input)",borderRadius:"var(--radius-button)",fontSize:"var(--text-sm)",color:"var(--text-on-light-main)",outline:"none",resize:"vertical",minHeight:88,boxSizing:"border-box",fontFamily:"var(--font-korean)"},select:{width:"100%",minHeight:44,padding:"var(--space-2) var(--space-3)",border:"1px solid var(--border-input)",borderRadius:"var(--radius-button)",fontSize:"var(--text-sm)",color:"var(--text-on-light-main)",outline:"none",background:"var(--white)",boxSizing:"border-box",fontFamily:"var(--font-korean)"}};function G(e){let{importance:t}=e;const a="\uc911\uc694"===t;return(0,p.jsx)("span",{style:{display:"inline-block",padding:"var(--space-1) var(--space-3)",borderRadius:"var(--radius-badge)",fontSize:"var(--text-xs)",fontWeight:700,color:a?"var(--color-danger)":"var(--gold)",background:a?"var(--color-danger-bg)":"var(--gold-badge-bg)",border:"1px solid ".concat(a?"var(--color-danger-border)":"var(--gold-badge-border)")},children:t||"\uc77c\ubc18"})}function M(e){let{initialValues:t,onSubmit:a,onCancel:o,submitting:l}=e;const[s,c]=(0,r.useState)(t||P),[d,g]=(0,r.useState)(""),h=e=>c(t=>(0,n.A)((0,n.A)({},t),{},{[e.target.name]:e.target.value}));return(0,p.jsxs)("form",{onSubmit:e=>{e.preventDefault(),s.title.trim()?s.startDate&&s.endDate?(g(""),a(s)):g("\uc2dc\uc791\uc77c\uacfc \uc885\ub8cc\uc77c\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694."):g("\uc81c\ubaa9\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.")},children:[(0,p.jsxs)("div",{style:L.formGroup,children:[(0,p.jsx)("label",{style:L.label,children:"\uc81c\ubaa9 *"}

2),(0,p.jsx)("input",{style:L.input,name:"title",value:s.title,onChange:h,placeholder:"\uacf5\uc9c0 \uc81c\ubaa9","aria-label":"\uacf5\uc9c0 \uc81c\ubaa9"})]}),(0,p.jsxs)("div",{style:L.formGroup,children:[(0,p.jsx)("label",{style:L.label,children:"\ub0b4\uc6a9"}),(0,p.jsx)("textarea",{style:L.textarea,name:"content",value:s.content,onChange:h,placeholder:"\uacf5\uc9c0 \ub0b4\uc6a9\uc744 \uc785\ub825\ud558\uc138\uc694.","aria-label":"\uacf5\uc9c0 \ub0b4\uc6a9\uc744 \uc785\ub825\ud558\uc138\uc694."})]}),(0,p.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(140px, 1fr))",gap:"var(--space-4)"},children:[(0,p.jsxs)("div",{style:L.formGroup,children:[(0,p.jsx)("label",{style:L.label,children:"\uc911\uc694\ub3c4"}),(0,p.jsxs)("select",{"aria-label":"\uc911\uc694\ub3c4 \uc120\ud0dd",style:L.select,name:"importance",value:s.importance,onChange:h,children:[(0,p.jsx)("option",{value:"\uc77c\ubc18",children:"\uc77c\ubc18"}),(0,p.jsx)("option",{value:"\uc911\uc694",children:"\uc911\uc694"})]})]}),(0,p.jsxs)("div",{style:L.formGroup,children:[(0,p.jsx)("label",{style:L.label,children:"\uc2dc\uc791\uc77c *"}),(0,p.jsx)("input",{style:L.input,type:"date",name:"startDate",value:s.startDate,onChange:h})]}),(0,p.jsxs)("div",{style:L.formGroup,children:[(0,p.jsx)("label",{style:L.label,children:"\uc885\ub8cc\uc77c *"}),(0,p.jsx)("input",{style:L.input,type:"date",name:"endDate",value:s.endDate,onChange:h})]})]}),d&&(0,p.jsx)(i.Wz,{message:d,style:{marginBottom:"var(--space-3)"}}),(0,p.jsxs)("div",{style:{display:"flex",gap:"var(--space-2)",justifyContent:"flex-end"},children:[(0,p.jsx)("button",{type:"button",className:"focus-ring pressable",style:L.btnSecondary,onClick:o,disabled:l,children:"\ucde8\uc18c"}),(0,p.jsx)("button",{type:"submit",className:"focus-ring pressable",style:L.btnPrimary,disabled:l,children:l?"\uc800\uc7a5 \uc911...":"\uc800\uc7a5"})]})]})}function O(){const[e,t]=(0,r.useState)([]),[a,o]=(0,r.useState)(!0),[l,s]=(0,r.useState)(!1),[c,d]=(0,r.useState)(!1),[g,h]=(0,r.useState)(null),[u,x]=(0,r.useState)(""),[f,y]=(0,r.useState)(null),b=(0,r.useCallback)(async()=>{o(!0),x("");try{const e=await fetch("/api/notion/notices?admin=1"),a=await e.json();t(a.notices||[])}catch(e){x("\ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc5b4\uc694.")}finally{o(!1)}},[]);(0,r.useEffect)(()=>{b()},[b]);const m=async e=>{d(!0);try{const t=await fetch("/api/notion/notices",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify((0,n.A)({pageId:g},e))}),a=await t.json();if(!t.ok)throw new Error(a.error||"\uc218\uc815 \uc2e4\ud328");h(null),await b()}catch(t){x("\uc218\uc815 \uc2e4\ud328: "+t.message)}finally{d(!1)}},j=e=>e?e.replace(/^(\d{4})-(\d{2})-(\d{2})$/,"$1.$2.$3"):"-",k=(new Date).toISOString().split("T")[0];return(0,p.jsxs)("div",{className:"ng-stagger",style:L.page,children:[(0,p.jsxs)("div",{style:L.header,children:[(0,p.jsx)("h2",{style:L.title,children:"\uacf5\uc9c0 \uad00\ub9ac"}),!l&&(0,p.jsx)("button",{className:"focus-ring pressable",style:L.btnPrimary,onClick:()=>{s(!0),h(null)},children:"+ \uc0c8 \uacf5\uc9c0 \ucd94\uac00"})]}),(0,p.jsx)(v,{onUseAsNotice:e=>{y((0,n.A)((0,n.A)({},P),{},{title:e.title,content:e.content})),s(!0),h(null),window.scrollTo({top:0,behavior:"smooth"})}}),(0,p.jsx)(E,{}),l&&(0,p.jsxs)("div",{style:L.card,children:[(0,p.jsx)("h3",{style:{fontSize:"var(--text-base)",fontWeight:700,color:"var(--navy)",marginBottom:"var(--space-5)",marginTop:0},children:"\uc0c8 \uacf5\uc9c0 \ucd94\uac00"}),(0,p.jsx)(M,{initialValues:f||P,onSubmit:async e=>{await(async e=>{d(!0);try{const t=await fetch("/api/notion/notices",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),a=await t.json();if(!t.ok)throw new Error(a.error||"\ucd94\uac00 \uc2e4\ud328");s(!1),await b()}catch(t){x("\ucd94\uac00 \uc2e4\ud328: "+t.message)}finally{d(!1)}})(e),y(null)},onCancel:()=>{s(!1),y(null)},submitting:c},f?f.title:"blank")]}),u&&(0,p.jsx)(i.Wz,{message:u,onRetry:b,style:{marginBottom:"var(--space-4)"}}),(0,p.jsxs)("div",{style:L.card,children:[(0,p.jsxs)("h3",{style:{fontSize:"var(--text-base)",fontWeight:700,color:"var(--navy)",marginBottom:"var(--space-4)",marginTop:0},children:["\uacf5\uc9c0 \ubaa9\ub85d ",!a&&"(".concat(e.length,"\uac1c)")]}),a?(0,p.jsx)(I.u4,{rows:3,style:{boxShadow:"none",marginBottom:0}}):0===e.length?(0,p.jsx)(i.Ay,{icon:"\ud83d\udccc",title:"\ub4f1\ub85d\ub41c \uacf5\uc9c0\uac00 \uc5c6\uc5b4\uc694",desc:"\uc0c8 \uacf5\uc9c0\ub97c \ucd94\uac00\ud558\uba74 \uc5ec\uae30\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\uc5b4\uc694."}):(0,p.jsx)("div",{children:e.map(e=>(0,p.jsx)("div",{children:g===e.pageId?(0,p.jsxs)("div",{style:{padding:"var(--space-5)",background:"var(--card-bg-light)",borderRadius:"var(--radius-inner)",marginBottom:"var(--space-3)"},children:[(0,p.jsx)("h4",{style:{margin:"0 0 var(--space-4)",fontSize:"var(--text-sm)",fontWeight:700,color:"var(--navy)"},children:"\uc218\uc815\ud558\uae30"}),(0,p.jsx)(M,{initialValues:{title:e.title,content:e.content,importance:e.importance,startDate:e.startDate,endD

2ate:e.endDate},onSubmit:m,onCancel:()=>h(null),submitting:c})]}):(0,p.jsx)("div",{style:{padding:"var(--space-3) 0",borderBottom:"1px solid var(--border-light)"},children:(0,p.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",flexWrap:"wrap"},children:[(0,p.jsx)(G,{importance:e.importance}),(0,p.jsxs)("div",{style:{flex:"1 1 220px",minWidth:0,overflowWrap:"anywhere"},children:[(0,p.jsxs)("div",{style:{fontSize:"var(--text-sm)",fontWeight:600,color:"var(--navy)",marginBottom:"var(--space-1)"},children:[e.title,e.startDate<=k&&e.endDate>=k&&(0,p.jsx)("span",{style:{marginLeft:"var(--space-2)",fontSize:"var(--text-xs)",color:"var(--color-success)",fontWeight:700},children:"\u25cf\ub178\ucd9c\uc911"}),e.endDate<k&&(0,p.jsx)("span",{style:{marginLeft:"var(--space-2)",fontSize:"var(--text-xs)",color:"var(--text-on-light-muted)",fontWeight:700},children:"\ub9cc\ub8cc"})]}),e.content&&(0,p.jsxs)("div",{style:{fontSize:"var(--text-xs)",color:"var(--text-on-light-muted)",marginBottom:"var(--space-1)"},children:[e.content.slice(0,60),e.content.length>60?"\u2026":""]}),(0,p.jsxs)("div",{className:"tabular",style:{fontSize:"var(--text-xs)",color:"var(--text-on-light-hint)"},children:[j(e.startDate)," ~ ",j(e.endDate)]})]}),(0,p.jsxs)("div",{style:{display:"flex",gap:"var(--space-2)",flexShrink:0},children:[(0,p.jsx)("button",{className:"focus-ring pressable",style:L.btnEdit,onClick:()=>{h(e.pageId),s(!1)},children:"\uc218\uc815"}),(0,p.jsx)("button",{className:"focus-ring pressable",style:L.btnDanger,onClick:()=>(async(e,t)=>{if(window.confirm('"'.concat(t,'" \uacf5\uc9c0\ub97c \uc0ad\uc81c\ud558\uc2dc\uaca0\uc2b5\ub2c8\uae4c?')))try{const t=await fetch("/api/notion/notices",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({pageId:e})}),a=await t.json();if(!t.ok)throw new Error(a.error||"\uc0ad\uc81c \uc2e4\ud328");await b()}catch(a){x("\uc0ad\uc81c \uc2e4\ud328: "+a.message)}})(e.pageId,e.title),children:"\uc0ad\uc81c"})]})]})})},e.pageId))})]})]})}},5945(e,t,a){a.d(t,{A:()=>n});const n=(0,a(9870).A)("factory",[["path",{d:"M12 16h.01",key:"1drbdi"}],["path",{d:"M16 16h.01",key:"1f9h7w"}],["path",{d:"M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z",key:"1iv0i2"}],["path",{d:"M8 16h.01",key:"18s6g9"}]])}}]);