https://curious-500.com/_next/static/chunks/37431.a4f71e20057d0458.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="095dcb69-279c-4788-bef1-616bb8a38132",e._sentryDebugIdIdentifier="sentry-dbid-095dcb69-279c-4788-bef1-616bb8a38132")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37431],{2561:(e,t,l)=>{l.d(t,{a:()=>f});var s=l(95155),n=l(12115),i=l(10127),a=l(83101),r=l(47650),d=l(7561),o=l(38579);let c='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',u=(0,a.F)("flex size-16 items-center justify-center rounded-full",{variants:{variant:{primary:"bg-primary-50",red:"bg-red-50",amber:"bg-amber-50",blue:"bg-blue-50"}}}),x=(0,a.F)("size-8 [&>svg]:size-full",{variants:{variant:{primary:"text-primary-500",red:"text-red-500",amber:"text-amber-500",blue:"text-blue-500"}}}),f=Object.assign(function(e){let{isOpen:t,onClose:l,className:i,children:a,...c}=e;if((0,d.e)(t?l:void 0),(0,n.useEffect)(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]),!t)return null;let u=(0,s.jsx)("div",{role:"dialog","aria-modal":"true",className:(0,o.cn)("fixed inset-0 z-modal flex animate-fade-in items-center justify-center bg-black/50 p-2",i),...c,children:a});return(0,r.createPortal)(u,document.body)},{Content:e=>{let{children:t,className:l,...i}=e,a=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=a.current;if(!e)return;let t=document.activeElement,l=e.querySelectorAll(c);l.length>0?l[0].focus():e.focus();let s=t=>{if("Tab"!==t.key)return;let l=e.querySelectorAll(c);if(0===l.length)return;let s=l[0],n=l[l.length-1];t.shiftKey?document.activeElement===s&&(t.preventDefault(),n.focus()):document.activeElement===n&&(t.preventDefault(),s.focus())};return e.addEventListener("keydown",s),()=>{e.removeEventListener("keydown",s),null==t||t.focus()}},[]),(0,s.jsx)("div",{ref:a,tabIndex:-1,className:(0,o.cn)("relative animate-modal-slide-in rounded-2xl bg-white shadow-lg outline-none",l),onClick:e=>e.stopPropagation(),...i,children:t})},CloseButton:e=>{let{children:t,className:l,...n}=e;return(0,s.jsxs)("button",{className:(0,o.cn)("absolute top-5 right-5 z-10 cursor-pointer rounded-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",l),...n,children:[!n["aria-label"]&&(0,s.jsx)("span",{className:"sr-only",children:"닫기"}),(0,s.jsx)(i.X,{"aria-hidden":"true",className:"size-8 text-neutral-900"})]})},Icon:e=>{let{variant:t="primary",children:l}=e;return(0,s.jsx)("div",{className:u({variant:t}),children:(0,s.jsx)("span",{className:x({variant:t}),children:l})})}})},7561:(e,t,l)=>{l.d(t,{Y:()=>r,e:()=>d});var s=l(12115);let n=[],i=1,a="__modalEntryId";function r(){return n.length>0}function d(e){let t=(0,s.useRef)(e);t.current=e;let l=!!e;(0,s.useEffect)(()=>{var e;if(!l)return;let s=i++,r=null==(e=history.state)?void 0:e[a],d="number"==typeof r&&!n.includes(r);n.push(s);let o={...history.state,[a]:s};d?history.replaceState(o,""):history.pushState(o,"");let c=()=>{var e;n[n.length-1]===s&&(null==(e=t.current)||e.call(t))};return window.addEventListener("popstate",c),()=>{window.removeEventListener("popstate",c);let e=n.lastIndexOf(s);-1!==e&&n.splice(e,1)}},[l])}},28888:(e,t,l)=>{l.d(t,{N:()=>a});var s=l(95155),n=l(38579),i=l(70727);function a(e){let{thumbnail:t,title:l,description:a,className:r}=e;return(0,s.jsxs)(i.c,{className:(0,n.cn)("h-fit w-full",r),children:[(0,s.jsx)(i.c.Cover,{src:t,placeholder:!0}),(0,s.jsxs)(i.c.Body,{children:[(0,s.jsx)(i.c.Title,{children:l||"자료집 제목"}),a&&(0,s.jsx)(i.c.Description,{children:a})]})]})}},37431:(e,t,l)=>{l.r(t),l.d(t,{LibraryInfoEditPanel:()=>x});var s=l(95155),n=l(38687),i=l(33225),a=l(22963),r=l(22544),d=l(96115),o=l(28888),c=l(59865),u=l(49161);function x(e){let{onCancel:t,onDelete:l}=e,{watch:x,formState:{isValid:f,isDirty:m}}=(0,r.xW)(),b=x("thumbnail"),p=x("title"),y=x("description");return(0,s.jsx)("div",{className:"screen-layout px-5 py-10 max-desktop:px-4 max-desktop:pt-5 max-desktop:pb-40",children:(0,s.jsxs)("div",{className:"grid grid-cols-[400px_1fr] gap-10 max-desktop:block",children:[(0,s.jsx)(o.N,{thumbnail:b,title:p,description:y,className:"max-desktop:hidden"}),(0,s.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,s.jsx)(d.a,{}),(0,s.jsxs)("div",{className:"flex items-center justify-between max-desktop:justify-center",children:[(0,s.jsxs)("button",{type:"button",className:"flex cursor-pointer items-center gap-1 font-semibold text-body-1 text-red-400 max-desktop:text-label-1",onClick:()=>a.Lw.open(e=>{let{isOpen:t,close:i}=e;return(0,s.jsx)(u.u,{isOpen:t,onClose:i,variant:"red",icon:(0,s.jsx)(n.N,{weight:"fill"}),title:"자료집을 삭제하시겠습니까?",description:"삭제 시 이 자료집에 포함된\n모든 챕터도 함께 영구적으로 삭제되며,\n다시 복구할 수 없습니다.",confirmButton:{variant:"blackFill",children:"삭제",onClick:()=>{i(),l()}}})}),children:[(0,s.jsx)(i.l,{className:"size-4.5 text-red-400 max-desktop:size-4",weight:"fill"}),"자료집 삭제"]}),(0,s.jsxs)("div",{className:"max-desktop:fixed-bottom flex gap-2",children:[(0,s.jsx)(c.$,{type:"button",variant:"grayOutline",size:"large",className:"w-35 max-deskop:flex-1",onClick:t,children:"취소"}),(0,s.jsx)(c.$,{type:"submit",variant:"primaryFill",size:"large",className:"w-35 max-deskop:flex-1",disabled:!f||!m,children:"저장하기"})]})]})]})]})})}},49161:(e,t,l)=>{l.d(t,{u:()=>d});var s=l(95155),n=l(10127),i=l(38579),a=l(59865),r=l(2561);function d(e){let{isOpen:t,onClose:l,title:d,description:o,icon:c,variant:u="primary",children:x,confirmButton:f,cancelLabel:m="취소",hideCloseButton:b=!1,

1className:p}=e,{className:y,...h}=f;return(0,s.jsx)(r.a,{isOpen:t,className:p,onClose:l,children:(0,s.jsxs)(r.a.Content,{className:"flex w-full desktop:max-w-100 max-w-80 flex-col",children:[(0,s.jsx)("div",{className:"flex items-center justify-end desktop:px-5 px-4 desktop:pt-3 pt-4",children:(0,s.jsxs)("button",{type:"button",className:(0,i.cn)("cursor-pointer rounded-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",{invisible:b}),tabIndex:b?-1:void 0,"aria-hidden":b||void 0,onClick:l,children:[(0,s.jsx)("span",{className:"sr-only",children:"닫기"}),(0,s.jsx)(n.X,{"aria-hidden":!0,className:"size-8 text-neutral-900"})]})}),(0,s.jsxs)("div",{className:"flex flex-col gap-8 px-5 pb-5",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center gap-5",children:[c&&(0,s.jsx)(r.a.Icon,{variant:u,children:c}),(0,s.jsxs)("div",{className:"flex flex-col items-center gap-1",children:[(0,s.jsx)("h2",{className:"text-center font-bold desktop:text-title-1 text-neutral-900 text-title-2",children:d}),o&&(0,s.jsx)("p",{className:"whitespace-pre-line text-center font-medium desktop:text-body-1 text-body-3 text-neutral-600",children:o})]})]}),x,(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(a.$,{variant:"grayOutline",size:"large",className:"desktop:btn-xlarge flex-1",onClick:l,children:m}),(0,s.jsx)(a.$,{size:"large",className:(0,i.cn)("desktop:btn-xlarge flex-1",y),...h})]})]})]})})}},59865:(e,t,l)=>{l.d(t,{$:()=>d,r:()=>r});var s=l(95155),n=l(12115),i=l(83101),a=l(38579);let r=(0,i.F)("btn",{variants:{variant:{primaryFill:"btn-primary-fill",primaryOutline:"btn-primary-outline",grayFill:"btn-gray-fill",grayOutline:"btn-gray-outline",blackFill:"btn-black-fill",blueFill:"btn-blue-fill",redFill:"btn-red-fill",redOutline:"btn-red-outline"},size:{xsmall:"btn-xsmall [&_svg]:size-4",small:"btn-small [&_svg]:size-4",medium:"btn-medium [&_svg]:size-4",large:"btn-large [&_svg]:size-5",xlarge:"btn-xlarge [&_svg]:size-6"}},defaultVariants:{variant:"primaryFill",size:"medium"}}),d=(0,n.forwardRef)((e,t)=>{let{className:l,variant:n,size:i,...d}=e;return(0,s.jsx)("button",{ref:t,type:"button",className:(0,a.cn)(r({variant:n,size:i}),l),...d})});d.displayName="Button"}}]);