https://naemo.ai/_next/static/chunks/6038.e3976c44297de5ae.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6038],{35596:function(e,t,n){n.d(t,{Z:function(){return m}});var s=n(57437),i=n(2265),r=n(59717),l=n(81906),a=n(33728),c=n(57586),d=n(13100),o=n(93448),u=n(21652);let x=0;function m(e){let{isOpen:t,onClose:n,title:m,children:b,footer:h,className:p}=e,f=(0,r.o)(),g=(0,l.c)(0);(0,i.useEffect)(()=>{t&&g.set(0)},[t,g]);let z=(0,a.H)(g,[0,240],[1,0]),v=(0,i.useRef)(n),k=(0,i.useRef)(!1);(0,i.useEffect)(()=>{v.current=n},[n]),(0,i.useEffect)(()=>{if(!t)return;x++,document.body.style.overflow="hidden";let e=(0,u.UM)(),n=window.history.state||{};!e||k.current||n.isBottomSheet||(window.history.pushState({...n,isBottomSheet:!0},""),k.current=!0);let s=()=>{k.current&&(k.current=!1,v.current())};return window.addEventListener("popstate",s),()=>{window.removeEventListener("popstate",s),--x<=0&&(x=0,document.body.style.overflow="")}},[t]);let j=(0,i.useCallback)(()=>{k.current&&(k.current=!1,window.history.back()),n()},[n]),N=(0,i.useCallback)((e,t)=>{(t.velocity.y>500||t.offset.y>100)&&j()},[j]),y=(0,i.useRef)(null),w=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(!t)return;let e=y.current;if(!e)return;let n=[],s=function(t){let n=!(arguments.length>1)||void 0===arguments[1]||arguments[1];if(!e||!e.contains(t))return;let s=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top-s.top,l=Math.min(24,Math.max(12,(e.clientHeight-i.height)/2)),a=e.scrollTop+r-l;e.scrollTo({top:Math.max(0,a),behavior:n?"smooth":"auto"})},i=e=>{let t=e.target;t&&("INPUT"===t.tagName||"TEXTAREA"===t.tagName||"SELECT"===t.tagName||t.isContentEditable)&&(w.current=t,s(t,!1),n.push(setTimeout(()=>s(t,!0),120)),n.push(setTimeout(()=>s(t,!0),300)),n.push(setTimeout(()=>s(t,!0),500)))},r=()=>{w.current=null},l=()=>{w.current&&s(w.current,!0)};e.addEventListener("focusin",i),e.addEventListener("focusout",r);let a=window.visualViewport;return null==a||a.addEventListener("resize",l),()=>{n.forEach(clearTimeout),e.removeEventListener("focusin",i),e.removeEventListener("focusout",r),null==a||a.removeEventListener("resize",l)}},[t]),(0,s.jsx)(c.M,{children:t&&(0,s.jsxs)("div",{className:"md:hidden fixed inset-x-0 z-[100] flex items-end",role:"dialog","aria-modal":"true","aria-label":m,style:{top:"var(--vv-offset-top, 0px)",height:"var(--app-height)"},children:[(0,s.jsx)(d.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.22,ease:[.22,1,.36,1]},className:"absolute inset-0",children:(0,s.jsx)(d.E.div,{style:{opacity:z},onClick:j,className:"absolute inset-0 bg-black/50 backdrop-blur-sm"})}),(0,s.jsxs)(d.E.div,{style:{y:g,maxHeight:"90%"},initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{type:"spring",damping:30,stiffness:320,mass:.8},drag:"y",dragListener:!1,dragControls:f,dragConstraints:{top:0},dragElastic:{top:.12,bottom:.75},onDragEnd:N,role:"dialog","aria-modal":"true",className:(0,o.cn)("relative w-full bg-white dark:bg-[#18181b] border-t border-transparent dark:border-white/[0.08] rounded-t-2xl","flex flex-col overflow-hidden mobile-sheet-pad shadow-2xl",p),children:[(0,s.jsx)("div",{onPointerDown:e=>f.start(e),className:"flex justify-center pt-3 pb-2 shrink-0 cursor-grab active:cursor-grabbing touch-none select-none",children:(0,s.jsx)("div",{className:"w-9 h-1 rounded-full bg-zinc-300 dark:bg-zinc-700"})}),m&&(0,s.jsx)("div",{className:"px-4 pb-3 border-b border-zinc-200/40 dark:border-zinc-800/60 shrink-0",children:(0,s.jsx)("h3",{className:"text-[var(--mobile-font-h2)] font-semibold text-zinc-900 dark:text-zinc-100",children:m})}),(0,s.jsx)("div",{ref:y,className:"flex-1 overflow-y-auto overflow-x-hidden px-4 pt-3 pb-2 mobile-scroll mobile-sheet-scroll",children:b}),h&&(0,s.jsx)("div",{className:"shrink-0 px-4 pt-2.5 pb-1 border-t border-zinc-100 dark:border-zinc-800/80 bg-white/95 dark:bg-[#18181b]/95 backdrop-blur-md",children:h})]})]})})}},96038:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var s=n(57437),i=n(92804),r=n(10136),l=n(2265),a=n(30401),c=n(66337),d=n(49589),o=n(18930),u=n(32489),x=n(95805),m=n(8522),b=n(22135),h=n(40875),p=n(82431),f=n(99397),g=n(49322),z=n(58346),v=n(93448),k=n(4908),j=n(83008),N=n(67920),y=n(27526),w=n(54696),C=n(35596);function I(e){let{zone:t,allStudents:n,onRemoveStudent:i,onToggleLock:r,onDelete:x,onRename:m,onTap:b,isAssignTarget:h}=e,[p,f]=(0,l.useState)(!1),[g,z]=(0,l.useState)(t.name),k=(0,l.useRef)(null),j=e=>n.find(t=>t.id===e),N=null!==t.capacity&&t.studentIds.length>=t.capacity,y=()=>{m(g.trim()||t.name),f(!1)};return(0,s.jsxs)("div",{className:(0,v.cn)("rounded-2xl border-2 bg-white dark:bg-zinc-900 flex flex-col overflow-hidden transition duration-150 shadow-sm",h?"border-blue-400 ring-2 ring-blue-300/40 scale-[1.02]":"border-zinc-200 dark:border-zinc-800"),children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 px-3 pt-3 pb-2 border-b border-zinc-100 dark:border-zinc-800",onClick:e=>e.stopPropagation(),children:[p?(0,s.jsxs)("div",{className:"flex items-center gap-1.5 flex-1",children:[(0,s.jsx)("input",{ref:k,type:"text",value:g,onChange:e=>z(e.target.value),onKeyDown:e=>"Enter"===e.key&&y(),onBlur:y,autoFocus:!0,className:"flex-1 text-[16px] font-bold text-zinc-900 dark:text-zinc-100 bg-zinc-50 dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-lg px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500/30 min-w-0"}),(0,s.jsx)("button",{"aria-label":"확인",onClick:y,className:"p-2 text-emerald-600 dark:text-emerald-400 shrink-0",children:(0,s.jsx)(a.Z,{size:14})})]}):(0,s.jsx)("button",{onClick:()=>{z(t.name),f(!0)},className:"flex-1 text-left text-xs font-bold text-zinc-900 dark:text-zinc-100 truncate min-w-0 py-1.5",children:t.name}),(0,s.jsx)("button",{"aria-label":t.locked?"잠금 해제":"잠금",onClick:r,className:(0,v.cn)("p-2.5 rounded-lg transition shrink-0",t.locked?"text-amber-500 bg-amber-50 dark:bg-amber-950/40":"text-zinc-400 dark:text-zinc-500 bg-zinc-50 dark:bg-zinc-800"),children:t.locked?(0,s.jsx)(c.Z,{size:14}):(0,s.jsx)(d.Z,{size:14})}),(0,s.jsx)("button",{"aria-label":"".concat(t.name," 구역 삭제"),onClick:x,className:"p-2.5 rounded-lg text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-950/40 shrink-0 transition active:scale-95",children:(0,s.jsx)(o.Z,{size:14})})]}),(0,s.jsx)("div",{className:"flex-1 px-2.5 py-2 space-y-1 min-h-[60px]",children:0===t.studentIds.length?(0,s.jsx)("button",{onClick:b,className:"w-full h-full min-h-[48px] flex items-center justify-center text-zinc-400 dark:text-zinc-400 text-[11px] border border-dashed border-zinc-200 dark:border-zinc-800 rounded-xl transition active:bg-zinc-50 dark:active:bg-zinc-800",children:"탭하여 배정"}):(0,s.jsxs)(s.Fragment,{children:[t.studentIds.map(e=>{let t=j(e);return t?(0,s.jsxs)("div",{className:"flex items-center justify-between py-1 px-2 bg-zinc-50 dark:bg-zinc-800/60 rounded-lg group",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,s.jsx)("span",{className:"w-4 h-4 rounded-full bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400 text-[9px] font-bold flex items-center justify-center shrink-0",children:t.number}),(0,s.jsx)("span",{className:"text-xs font-medium text-zinc-800 dark:text-zinc-200 truncate",children:t.name})]}),(0,s.jsx)("button",{"aria-label":"제외",onClick:()=>i(e),className:"p-0.5 text-zinc-300 active:text-red-500 transition-colors shrink-0 ml-1",children:(0,s.jsx)(u.Z,{size:11})})]},e):null}),(0,s.jsx)("button",{onClick:b,className:"w-full py-1 text-[10px] text-zinc-500 text-center border border-dashed border-zinc-300 rounded-lg transition active:bg-zinc-50",children:"+ 추가"})]})}),(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 py-2 border-t border-zinc-100",children:[(0,s.jsxs)("span",{className:(0,v.cn)("text-[11px] font-semibold",N?"text-blue-500":"text-zinc-400"),children:[t.studentIds.length,"명",null!==t.capacity&&" / ".concat(t.capacity,"명")]}),N&&(0,s.jsx)("span",{className:"text-[10px] text-blue-500 font-bold",children:"완료"})]})]})}function E(){var e,t;let{students:a}=(0,k.AF)(),c=(0,N.XC)(),d=(0,r.N)(),{status:o}=(0,y.kP)(),u=(0,w.Dv)()||a.length>0&&"guest-user"===a[0].userId,E=u?a:a.filter(e=>"담임 학급"===e.homeClassId),R=(0,l.useRef)(u);R.current=u;let Z=(0,l.useRef)(c);Z.current=c;let[S,T]=(0,l.useState)([]),[L,F]=(0,l.useState)(!0),[B,M]=(0,l.useState)(!0),[A,D]=(0,l.useState)(null),[P,G]=(0,l.useState)(null),[U,X]=(0,l.useState)(!1),[_,H]=(0,l.useState)(null),[O,K]=(0,l.useState)(!1),[V,W]=(0,l.useState)([]),q=(0,l.useRef)(!1),J=(0,l.useRef)(!1),Q=(0,l.useRef)(!1),Y=(0,l.useRef)([]),$=(0,l.useRef)(null),ee=(0,l.useRef)(!1),et=(0,l.useRef)(!1),en=(0,l.useRef)(!1),es=(0,l.useCallback)(async()=>{M(!0),D(null);try{if(R.current){let e=await Promise.resolve().then(n.bind(n,96214)),t=await e.getGuestCleaningZones();q.current=!0,J.current=!0,T(t)}else{let e=await (0,j.X)("getCleaningZones",{},Z.current);if(e.success&&e.data&&Array.isArray(e.data)){let t=e.data.map((e,t)=>{var n,s,i;return{id:e.id,name:e.name,studentIds:e.studentIds||[],order:null!==(n=e.sortOrder)&&void 0!==n?n:t,locked:null!==(s=e.locked)&&void 0!==s&&s,columnId:void 0!==e.columnId?e.columnId:t%4,capacity:null!==(i=e.capacity)&&void 0!==i?i:null}});q.current=!0,J.current=!0,T(t)}else e.success||D("데이터를 불러오는데 실패했습니다.")}}catch(e){D("요청 중 오류가 발생했습니다.")}finally{M(!1)}},[]),ei=(0,l.useCallback)(async e=>{if(R.current){let t=await Promise.resolve().then(n.bind(n,96214));await t.saveGuestCleaningZones(e);return}let t={},s=e.map(e=>{var n,s,i;let r=null!==(n=e.columnId)&&void 0!==n?n:0;return void 0===t[r]&&(t[r]=0),{id:e.id,name:e.name,studentIds:e.studentIds,columnId:r,sortOrder:t[r]++,locked:null!==(s=e.locked)&&void 0!==s&&s,capacity:null!==(i=e.capacity)&&void 0!==i?i:null}});await (0,j.X)("saveAllCleaningZones",{zones:s},Z.current)},[]),er=(0,l.useCallback)(async()=>

1{if(!q.current)return;if(ee.current){et.current=!0;return}ee.current=!0;let e=!0;try{do{et.current=!1;try{await ei(Y.current)}catch(t){console.error("[MobileCleaning] flush save error:",t),e=!1;break}}while(et.current);e&&(en.current=!1)}finally{ee.current=!1}},[ei]),el=(0,l.useCallback)(()=>{$.current&&clearTimeout($.current),$.current=setTimeout(()=>{$.current=null,er()},600)},[er]);(0,l.useEffect)(()=>{Q.current||0===a.length&&"authenticated"!==o||(Q.current=!0,es())},[a.length,o,es]),(0,l.useEffect)(()=>{if(q.current){if(J.current){J.current=!1;return}Y.current=S,en.current=!0,el()}},[S,el]),(0,l.useEffect)(()=>{let e=()=>{$.current&&(clearTimeout($.current),$.current=null),q.current&&en.current&&er()},t=()=>{"hidden"===document.visibilityState&&e()};return window.addEventListener("pagehide",e),document.addEventListener("visibilitychange",t),()=>{window.removeEventListener("pagehide",e),document.removeEventListener("visibilitychange",t),e()}},[er]);let ea=async e=>{var t,n,s;let r=S.find(t=>t.id===e),l=null!==(t=null==r?void 0:r.studentIds.length)&&void 0!==t?t:0;await d({title:"'".concat(null!==(n=null==r?void 0:r.name)&&void 0!==n?n:"이 구역","'").concat((0,i.Ge)(null!==(s=null==r?void 0:r.name)&&void 0!==s?s:"이 구역","을","를")," 삭제할까요?"),description:l>0?"이 구역에 배정된 학생 ".concat(l,"명의 배정도 함께 사라집니다."):"삭제한 구역은 되돌릴 수 없습니다."})&&T(t=>t.filter(t=>t.id!==e))},ec=(e,t)=>T(n=>n.map(n=>n.id===e?{...n,name:t}:n)),ed=e=>T(t=>t.map(t=>t.id===e?{...t,locked:!t.locked}:t)),eo=(e,t)=>{T(n=>{let s=n.find(e=>e.id===t);return s&&(s.studentIds.includes(e)||null===s.capacity||!(s.studentIds.length>=s.capacity))?n.map(n=>({...n,studentIds:n.id===t?[...n.studentIds.filter(t=>t!==e),e]:n.studentIds.filter(t=>t!==e)})):n})},eu=(e,t)=>{T(n=>n.map(n=>n.id===e?{...n,studentIds:n.studentIds.filter(e=>e!==t)}:n))},ex=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t},em=new Set(S.flatMap(e=>e.studentIds)),eb=E.filter(e=>!em.has(e.id)),eh=O&&V.length>0?V.map(e=>eb.find(t=>t.id===e)).filter(e=>void 0!==e):[...eb].sort((e,t)=>(e.number||0)-(t.number||0)),ep=e=>{G(e),H(null),X(!0)},ef=e=>{P?(eo(P,e),G(null)):(H(e),G(null),X(!0))},eg=()=>{X(!1),G(null),H(null)},ez=e=>{_?(eo(e,_),eg()):P&&(eo(P,e),eg())},ev=!!_,ek=!!P;return(0,s.jsxs)("div",{className:"flex flex-col h-full bg-[#FBFBF9] dark:bg-zinc-950",children:[(0,s.jsxs)("div",{className:"bg-[#FBFBF9] dark:bg-zinc-950 border-b border-zinc-200/50 dark:border-zinc-800/60 shrink-0",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(x.Z,{size:14,className:"text-zinc-500 dark:text-zinc-400"}),(0,s.jsx)("span",{className:"text-sm font-semibold text-zinc-700 dark:text-zinc-300",children:"미배정 학생"}),(0,s.jsxs)("span",{className:(0,v.cn)("text-xs font-bold px-1.5 py-0.5 rounded-full",0===eb.length?"bg-emerald-100 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-400":"bg-zinc-200/70 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400"),children:[eb.length,"명"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("button",{"aria-label":O?"원래 순서로":"섞기",onClick:()=>{O?(K(!1),W([])):(W(ex(eb).map(e=>e.id)),K(!0))},className:(0,v.cn)("p-1.5 rounded-lg transition active:scale-90",O?"bg-blue-100 dark:bg-blue-950/50 text-blue-600 dark:text-blue-400":"bg-zinc-200/60 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400"),children:(0,s.jsx)(m.Z,{size:13})}),(0,s.jsx)("button",{onClick:()=>F(e=>!e),"aria-label":L?"미배정 학생 목록 접기":"미배정 학생 목록 펼치기","aria-expanded":L,className:"p-1.5 rounded-lg bg-zinc-200/60 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400 active:scale-90 transition",children:L?(0,s.jsx)(b.Z,{size:13}):(0,s.jsx)(h.Z,{size:13})})]})]}),L&&(0,s.jsx)("div",{className:"px-4 pb-3",children:0===eb.length?(0,s.jsx)("div",{className:"text-xs text-zinc-400 dark:text-zinc-500 text-center py-2 font-medium",children:"✓ 모든 학생이 배정되었습니다"}):(0,s.jsx)("div",{className:"flex gap-2 overflow-x-auto pb-1 -mx-1 px-1",children:eh.map(e=>(0,s.jsxs)("button",{onClick:()=>ep(e.id),className:(0,v.cn)("flex-shrink-0 flex flex-col items-center gap-0.5 px-2.5 py-2 rounded-xl","border border-zinc-200/70 dark:border-zinc-800 bg-white dark:bg-zinc-900 active:scale-95 transition shadow-sm","min-w-[52px]"),children:[(0,s.jsxs)("span",{className:"text-[9px] text-zinc-400 dark:text-zinc-500 leading-none",children:[e.number,"번"]}),(0,s.jsx)("span",{className:"text-xs font-bold text-zinc-800 dark:text-zinc-200 leading-tight",children:e.name})]},e.id))})})]}),(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 mobile-scroll-bottom",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,s.jsxs)("h2",{className:"text-sm font-bold text-zinc-700 dark:text-zinc-300 min-w-0 truncate",children:["청소 구역",S.length>0&&(0,s.jsxs)("span",{className:"ml-1.5 text-zinc-400 dark:text-zinc-500 font-normal text-xs",children:[S.length,"개"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,s.jsx)("button",{onClick:()=>T(e=>e.map(e=>e.locked?e:{...e,studentIds:[]})),className:"p-2 rounded-xl bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400 active:scale-95 transition shrink-0",title:"잠금되지 않은 구역 초기화",children:(0,s.jsx)(p.Z,{size:14})}),(0,s.jsxs)("button",{onClick:()=>

1{let e={id:crypto.randomUUID(),name:"청소 구역 ".concat(S.length+1),studentIds:[],order:S.length,locked:!1,columnId:S.length%4,capacity:null};T(t=>[...t,e])},className:"flex items-center gap-1.5 px-4 py-1.5 rounded-full bg-blue-500 text-white text-sm font-semibold active:scale-95 transition hover:bg-blue-600 whitespace-nowrap shrink-0",children:[(0,s.jsx)(f.Z,{size:16,className:"shrink-0"}),"구역 추가"]})]})]}),B?(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[(0,s.jsx)(p.Z,{className:"w-8 h-8 animate-spin text-blue-500 mb-2"}),(0,s.jsx)("p",{className:"text-zinc-500 text-sm font-medium",children:"청소 구역 정보를 불러오는 중..."})]}):A?(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center py-20 text-center animate-in fade-in duration-300",children:[(0,s.jsx)(g.Z,{className:"w-12 h-12 text-red-400 mb-3 opacity-80"}),(0,s.jsx)("p",{className:"text-zinc-600 dark:text-zinc-400 text-[15px] font-medium mb-1",children:"구역 정보를 불러오지 못했습니다"}),(0,s.jsx)("p",{className:"text-zinc-400 text-[13px] mb-6",children:A}),(0,s.jsxs)("button",{onClick:es,className:"flex items-center gap-2 px-5 py-2.5 bg-zinc-100 dark:bg-white/10 hover:bg-zinc-200 dark:hover:bg-white/20 text-zinc-700 dark:text-zinc-300 rounded-full font-medium text-[14px] transition-colors active:scale-95",children:[(0,s.jsx)(p.Z,{size:16,strokeWidth:2}),(0,s.jsx)("span",{children:"다시 시도"})]})]}):0===S.length?(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center py-20 text-zinc-300",children:[(0,s.jsx)(z.d,{name:"trash-bin",size:40,className:"mb-3 opacity-50"}),(0,s.jsx)("p",{className:"text-sm font-medium text-zinc-400",children:"청소 구역이 없습니다"}),(0,s.jsx)("p",{className:"text-xs text-zinc-300 mt-1",children:'위의 "구역 추가" 버튼을 눌러 시작하세요'})]}):(0,s.jsx)("div",{className:"grid grid-cols-2 gap-3",children:S.map(e=>(0,s.jsx)(I,{zone:e,allStudents:E,onRemoveStudent:t=>eu(e.id,t),onToggleLock:()=>ed(e.id),onDelete:()=>ea(e.id),onRename:t=>ec(e.id,t),onTap:()=>ef(e.id),isAssignTarget:!1},e.id))})]}),(0,s.jsxs)(C.Z,{isOpen:U,onClose:eg,title:ev?"배정할 학생 선택":ek?"구역 선택":"배정",children:[ek&&P&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mb-4 flex items-center gap-2 p-3 bg-zinc-50 rounded-xl border border-zinc-200",children:[(0,s.jsx)("span",{className:"text-[11px] text-zinc-400",children:"선택한 학생"}),(0,s.jsx)("span",{className:"text-sm font-bold text-zinc-900",children:null===(e=E.find(e=>e.id===P))||void 0===e?void 0:e.name})]}),(0,s.jsx)("div",{className:"space-y-2",children:S.map(e=>{let t=null!==e.capacity&&e.studentIds.length>=e.capacity,n=e.studentIds.includes(P);return(0,s.jsxs)("button",{onClick:()=>ez(e.id),disabled:t&&!n,className:(0,v.cn)("w-full flex items-center justify-between px-4 py-3.5 rounded-xl border transition active:scale-[0.98]",n?"border-blue-200 bg-blue-50 text-blue-700":t?"border-zinc-100 bg-zinc-50 opacity-40":"border-zinc-200 bg-white active:bg-zinc-50"),children:[(0,s.jsx)("span",{className:"text-sm font-semibold text-zinc-800 dark:text-zinc-200",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[n&&(0,s.jsx)("span",{className:"text-[10px] text-blue-500 font-bold",children:"배정됨"}),(0,s.jsxs)("span",{className:"text-xs text-zinc-400",children:[e.studentIds.length,null!==e.capacity&&"/".concat(e.capacity),"명"]})]})]},e.id)})})]}),ev&&_&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mb-4 flex items-center gap-2 p-3 bg-zinc-50 rounded-xl border border-zinc-200",children:[(0,s.jsx)("span",{className:"text-[11px] text-zinc-400",children:"선택한 구역"}),(0,s.jsx)("span",{className:"text-sm font-bold text-zinc-900",children:null===(t=S.find(e=>e.id===_))||void 0===t?void 0:t.name})]}),(0,s.jsx)("div",{className:"space-y-1.5",children:E.sort((e,t)=>(e.number||0)-(t.number||0)).map(e=>{var t;let n=S.find(t=>t.studentIds.includes(e.id)),i=null===(t=S.find(e=>e.id===_))||void 0===t?void 0:t.studentIds.includes(e.id);return(0,s.jsxs)("button",{onClick:()=>

1{i?(eu(_,e.id),eg()):ez(e.id)},className:(0,v.cn)("w-full flex items-center justify-between px-4 py-3 rounded-xl border transition active:scale-[0.98]",i?"border-blue-200 bg-blue-50":"border-zinc-200 bg-white active:bg-zinc-50"),children:[(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)("span",{className:"w-6 h-6 rounded-full bg-zinc-100 text-zinc-500 text-[11px] font-bold flex items-center justify-center shrink-0",children:e.number}),(0,s.jsx)("span",{className:"text-sm font-medium text-zinc-800 dark:text-zinc-200",children:e.name})]}),(0,s.jsx)("div",{className:"flex items-center gap-1.5",children:i?(0,s.jsx)("span",{className:"text-[10px] text-blue-600 font-bold",children:"여기 배정됨 \xb7 탭하여 제거"}):n?(0,s.jsx)("span",{className:"text-[10px] text-zinc-400",children:n.name}):(0,s.jsx)("span",{className:"text-[10px] text-zinc-300",children:"미배정"})})]},e.id)})})]})]})]})}},92804:function(e,t,n){n.d(t,{Ge:function(){return s}});function s(e,t,n){return!function(e){let t=e.trim().slice(-1);if(!t)return!1;let n=t.charCodeAt(0);return n>=44032&&n<=55203?(n-44032)%28!=0:t>="0"&&t<="9"&&["0","1","3","6","7","8"].includes(t)}(e)?n:t}}}]);