https://www.autoview.co.kr/_next/static/chunks/2579.b09f58a37f7bfed9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2579],{78036:function(e,t,r){var s=r(57437);r(2265),t.Z=e=>{let{count:t=5}=e;return(0,s.jsx)("div",{className:"space-y-1 p-2",children:Array.from({length:t}).map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center gap-3 p-2 rounded-md",children:[(0,s.jsx)("div",{className:"w-16 h-12 rounded-md bg-[--muted] animate-pulse flex-shrink-0"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0 space-y-2",children:[(0,s.jsx)("div",{className:"h-4 bg-[--muted] animate-pulse rounded w-3/4"}),(0,s.jsx)("div",{className:"h-3 bg-[--muted] animate-pulse rounded w-1/3"})]})]},t))})}},32579:function(e,t,r){r.r(t),r.d(t,{default:function(){return y}});var s=r(57437),l=r(26497),a=r(40414),n=r(71632),o=r(2265),d=r(84154),i=r(39174),c=r(31523),u=r(75465),x=r(27655),m=r(78036);let h=(0,o.lazy)(()=>r.e(5271).then(r.bind(r,45271))),f=(0,o.lazy)(()=>r.e(3076).then(r.bind(r,63076))),g=(0,o.lazy)(()=>Promise.resolve().then(r.bind(r,27655))),p={articles:[],isLoading:!1,error:null,hasSearched:!1,hasMore:!1},b={articles:[],trends:[],isLoading:!1,loadingMode:null,error:null,hasSearched:!1,hasMore:!1,lastMode:null},j=e=>{let{article:t,onRemove:r,disabled:a}=e;return(0,s.jsxs)("div",{className:"flex items-center justify-between p-2 rounded-lg bg-[--muted] text-[--foreground] overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[t.thumbnailUrl&&(0,s.jsx)(l.Z,{src:(0,i.zg)(t.thumbnailUrl),alt:t.title,className:"w-12 h-9 rounded-md object-cover flex-shrink-0",width:48,height:36}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"font-medium text-sm truncate",children:t.title}),(0,s.jsx)("p",{className:"text-xs text-[--muted-foreground]",children:new Date(t.registrationDate).toLocaleDateString()})]})]}),(0,s.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),r(t.id)},className:"p-1 rounded-full text-red-500 hover:bg-red-500/10 ml-2",title:"삭제",disabled:a,children:(0,s.jsx)(d.GnT,{className:"w-4 h-4"})})]})};var v=e=>{let{isOpen:t,onClose:r,selectedArticleIds:l,selectedArticles:a,onSelect:n,onChange:i,selectedCategoryIds:v,label:y,currentArticle:N}=e,w=e=>{fetch("/api/article/".concat(e)).then(e=>e.json()).then(e=>{e&&n(e)}).catch(console.error)},[k,S]=(0,o.useState)("search"),[C,L]=(0,o.useState)(p),[I,E]=(0,o.useState)(b),[A,D]=(0,o.useState)(x.SEARCH_INITIAL_STATE),[B,T]=(0,o.useState)(!1);(0,o.useEffect)(()=>{t||(S("search"),L(p),E(b),D(x.SEARCH_INITIAL_STATE))},[t]),(0,o.useEffect)(()=>{let e=()=>T(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,o.useEffect)(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]);let M=(0,c.in)("기사");if(!t)return null;let z=[{key:"search",label:"직접 검색",Icon:d.EOL,activeColor:"text-sky-400",borderColor:"border-sky-400"},{key:"ai",label:"AI 추천",Icon:d.F1g,activeColor:"text-violet-500",borderColor:"border-violet-500"},{key:"trend",label:"트렌드",Icon:d.R4U,activeColor:"text-orange-500",borderColor:"border-orange-500"}],R=e=>{if(!N)return null;let t="sm"===e;return(0,s.jsx)("div",{className:"flex border-b border-[--border] ".concat(t?"flex-shrink-0":""),children:z.map(e=>{let{key:r,label:l,Icon:a,activeColor:n,borderColor:o}=e;return(0,s.jsxs)("button",{type:"button",onClick:()=>S(r),className:"flex-1 flex items-center justify-center ".concat(t?"gap-1 px-2 py-2 text-xs":"gap-1.5 px-3 py-2.5 text-sm"," font-medium transition-colors ").concat(k===r?"".concat(n," border-b-2 ").concat(o):"text-[--muted-foreground]".concat(t?"":" hover:text-[--foreground]")),children:[(0,s.jsx)(a,{className:t?"w-3.5 h-3.5":"w-4 h-4"}),l]},r)})})},_=()=>"ai"===k&&N?(0,s.jsx)(o.Suspense,{fallback:(0,s.jsx)(m.Z,{}),children:(0,s.jsx)(h,{currentArticle:N,selectedArticleIds:l,state:C,onStateChange:L,onSelect:w})}):"trend"===k?(0,s.jsx)(o.Suspense,{fallback:(0,s.jsx)(m.Z,{}),children:(0,s.jsx)(f,{selectedArticleIds:l,currentArticle:N,state:I,onStateChange:E,onSelect:w})}):(0,s.jsx)(o.Suspense,{fallback:(0,s.jsx)(m.Z,{}),children:(0,s.jsx)(g,{isOpen:t,selectedArticleIds:l,selectedCategoryIds:v,onSelect:n,state:A,onStateChange:D})}),Z=(0,s.jsxs)("div",{className:"flex flex-col h-full",children:[(0,s.jsx)(u.OX,{className:"flex-shrink-0",children:(0,s.jsxs)("div",{className:"flex justify-between items-start",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsxs)(u.iI,{className:"text-xl font-bold",children:[y," 선택"," ",A.total>

10&&"search"===k?"(".concat(A.total.toLocaleString(),")"):""]}),(0,s.jsxs)(u.u6,{children:[y,"를 검색하고 선택하세요."]})]}),(0,s.jsx)("button",{onClick:r,className:"flex p-2 bg-red-500 text-white hover:bg-red-600 rounded-lg transition-colors items-center justify-center",children:(0,s.jsx)(d.tgW,{className:"w-5 h-5"})})]})}),(0,s.jsxs)("div",{className:"md:hidden flex-1 flex flex-col overflow-hidden",children:[R("sm"),_(),(0,s.jsxs)("div",{className:"flex-shrink-0 border-t border-[--border]",children:[(0,s.jsx)("div",{className:"px-3 py-2 flex items-center justify-between",children:(0,s.jsxs)("span",{className:"text-sm font-medium",children:["선택됨 (",a.length,")"]})}),a.length>0&&(0,s.jsx)("div",{className:"max-h-32 overflow-y-auto px-3 pb-2",children:(0,s.jsx)("div",{className:"space-y-1",children:a.map(e=>(0,s.jsxs)("div",{className:"flex items-center justify-between py-1 px-2 bg-[--muted] rounded text-sm",children:[(0,s.jsx)("span",{className:"truncate flex-1",children:e.title}),(0,s.jsx)("button",{onClick:()=>n(e),className:"text-red-500 ml-2 p-1",children:(0,s.jsx)(d.GnT,{className:"w-4 h-4"})})]},e.id))})})]})]}),(0,s.jsx)("div",{className:"hidden md:flex flex-1 flex-col overflow-hidden",children:(0,s.jsxs)("div",{className:"flex flex-1 gap-4 overflow-hidden p-4",children:[(0,s.jsxs)("div",{className:"w-1/2 flex flex-col h-full border border-[--border] rounded-lg",children:[R("md"),_()]}),(0,s.jsxs)("div",{className:"w-1/2 flex flex-col h-full border border-[--border] rounded-lg",children:[(0,s.jsx)("div",{className:"p-3 border-b border-[--border]",children:(0,s.jsxs)("h3",{className:"font-semibold",children:["선택된 ",M," (",a.length,")"]})}),(0,s.jsx)("div",{className:"flex-1 overflow-y-auto p-2",children:a.length>0?(0,s.jsx)("div",{className:"space-y-2",children:a.map(e=>(0,s.jsx)(j,{article:e,onRemove:()=>n(e),disabled:!1},e.id))}):(0,s.jsxs)("div",{className:"text-center py-10 text-sm text-[--muted-foreground]",children:[M,"를 선택해주세요."]})})]})]})})]});return(0,s.jsx)(u.dy,{open:t,onOpenChange:e=>!e&&r(),direction:"bottom",children:(0,s.jsx)(u.sc,{className:B?"h-[90vh] flex flex-col bg-[--background] border-[--muted-foreground]/20":"h-[85vh] flex flex-col bg-[--background] border-[--muted-foreground]/20 max-w-[1000px] mx-auto rounded-t-2xl shadow-2xl",children:Z})})},y=e=>{let{selectedCategoryIds:t,selectedArticleIds:r,onChange:u,disabled:x=!1,label:m,currentArticle:h}=e,f=(0,c.in)("기사"),g=m||"연관 ".concat(f),[p,b]=(0,o.useState)(!1),[j,y]=(0,o.useState)([]),[N,w]=(0,o.useState)([]),{data:k,isLoading:S}=(0,n.a)({queryKey:["selectedArticles",r],queryFn:async()=>{if(!r.length)return[];let e=r.map(e=>(0,a.J)(e));return(await Promise.all(e)).filter(Boolean).map(e=>e)},enabled:r.length>0});(0,o.useEffect)(()=>{k?y(r.map(e=>k.find(t=>t.id===e)).filter(Boolean)):0===r.length&&y([])},[k,r]);let C=()=>{w([...r]),b(!0)},L=e=>{let t=r.filter(t=>t!==e);u(t),w(t),y(t=>t.filter(t=>t.id!==e))},I=e=>{if(0===e)return;let t=[...r],s=t[e];t[e]=t[e-1],t[e-1]=s,u(t)},E=e=>{if(e===r.length-1)return;let t=[...r],s=t[e];t[e]=t[e+1],t[e+1]=s,u(t)};return(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex justify-between",children:[(0,s.jsx)("label",{className:"text-sm font-medium text-[--foreground]",children:g}),(0,s.jsxs)("button",{type:"button",onClick:C,className:"text-xs text-[--primary] hover:underline",children:[g," 추가"]})]}),(0,s.jsx)("div",{className:"border border-[--border] rounded-md p-2 min-h-[60px] bg-[--card-background]",children:r.length>0&&S&&0===j.length?(0,s.jsx)("div",{className:"space-y-2",children:r.map(e=>(0,s.jsxs)("div",{className:"flex items-center p-2 rounded-md bg-[--muted]",children:[(0,s.jsx)("div",{className:"flex-shrink-0 mr-2 w-12 h-8 bg-[--muted-foreground]/15 rounded-md animate-pulse"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0 space-y-1.5",children:[(0,s.jsx)("div",{className:"h-3.5 bg-[--muted-foreground]/15 rounded w-3/4 animate-pulse"}),(0,s.jsx)("div",{className:"h-3 bg-[--muted-foreground]/15 rounded w-1/4 animate-pulse"})]})]},e))}

1):0===j.filter(Boolean).length?(0,s.jsxs)("div",{className:"text-sm text-[--muted-foreground] text-center py-2 cursor-pointer hover:bg-[--muted] transition-colors rounded-md h-full flex items-center justify-center",onClick:C,children:["여기를 클릭하여 ",g,"를 추가해 주세요"]}):(0,s.jsx)("ul",{className:"space-y-2 cursor-pointer hover:bg-[--secondary]/20 rounded-md p-1 -m-1 transition-colors",onClick:e=>{e.target!==e.currentTarget&&e.target.closest("button")||C()},title:"".concat(g," 추가"),children:j.filter(Boolean).map((e,t)=>(0,s.jsxs)("li",{className:"flex justify-between items-center p-2 rounded-md bg-[--muted] text-sm",children:[e.thumbnailUrl&&(0,s.jsx)("div",{className:"flex-shrink-0 mr-2 w-12 h-8 overflow-hidden rounded-md relative",children:(0,s.jsx)(l.Z,{width:128,height:96,src:(0,i.zg)(e.thumbnailUrl),alt:e.title,className:"w-full h-full object-cover absolute inset-0",onError:e=>{e.target.style.display="none"}})}),(0,s.jsx)("span",{className:"text-sm truncate flex-1 mr-2",children:e.title}),(0,s.jsxs)("div",{className:"flex space-x-1 flex-shrink-0",children:[(0,s.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),I(t)},disabled:0===t,className:"p-1 rounded-full ".concat(0===t?"text-[--muted-foreground] cursor-not-allowed":"text-[--foreground] hover:bg-[--muted-dark]"),title:"위로 이동",children:(0,s.jsx)(d.e_Z,{className:"w-4 h-4"})}),(0,s.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),E(t)},disabled:t===r.length-1,className:"p-1 rounded-full ".concat(t===r.length-1?"text-[--muted-foreground] cursor-not-allowed":"text-[--foreground] hover:bg-[--muted-dark]"),title:"아래로 이동",children:(0,s.jsx)(d.dtO,{className:"w-4 h-4"})}),(0,s.jsx)("button",{type:"button",onClick:t=>{t.stopPropagation(),L(e.id)},className:"p-1 rounded-full text-red-500 hover:bg-red-500/10",title:"삭제",children:(0,s.jsx)(d.GnT,{className:"w-4 h-4"})})]})]},e.id))})}),(0,s.jsx)(v,{isOpen:p,onClose:()=>{b(!1)},selectedArticleIds:N,selectedArticles:j,onSelect:e=>{if(r.includes(e.id)){let t=r.filter(t=>t!==e.id);u(t),w(t),y(t=>t.filter(t=>t.id!==e.id))}else{let t=[...r,e.id];u(t),w(t),y(t=>[...t,e])}},onChange:u,selectedCategoryIds:t,label:g,currentArticle:h})]})}},27655:function(e,t,r){r.r(t),r.d(t,{SEARCH_INITIAL_STATE:function(){return h}});var s=r(57437),l=r(26497),a=r(7711),n=r(40414),o=r(39174),d=r(31523),i=r(39566),c=r(48887),u=r(2265),x=r(84154),m=r(78036);let h={articles:[],total:0,isLoading:!1,error:null,hasMore:!1,query:"",sortBy:"latest"};t.default=e=>{var t,r;let{isOpen:h,selectedArticleIds:f,selectedCategoryIds:g,onSelect:p,state:b,onStateChange:j}=e,v=(0,d.in)("기사"),[y,N]=(0,u.useState)(""),[w,k]=(0,u.useState)(!1),S=(0,u.useRef)(null),C=(0,u.useRef)(!1),L=(0,u.useRef)(null),I=(0,u.useRef)(1),E=(0,u.useRef)(b);E.current=b;let[A,D]=(0,u.useState)(()=>{let e="articleSelectorSortBy";try{let t=localStorage.getItem("smartSettingsArticleSortBy");if(t){localStorage.removeItem("smartSettingsArticleSortBy");let r="registrationDate"===t?"approvalDate":t;return localStorage.setItem(e,r),r}return localStorage.getItem(e)||"latest"}catch(e){return"latest"}}),B=(0,u.useRef)(!1);(0,u.useEffect)(()=>{!h||B.current||0!==b.articles.length||b.isLoading||(B.current=!0,T("",A,!0)),h||(B.current=!1)},[h]),(0,u.useEffect)(()=>{if(h){let e=setTimeout(()=>{var e;null===(e=L.current)||void 0===e||e.focus()},300);return()=>clearTimeout(e)}},[h]);let T=(0,u.useCallback)(async(e,t,r)=>{if(r||!C.current){r?(I.current=1,j({...E.current,articles:[],total:0,isLoading:!0,error:null,hasMore:!1,query:e,sortBy:t})):(C.current=!0,k(!0));try{let s=r?1:I.current,l=e?await (0,n.a5)(e,s,20,void 0,["PUBLISHED"]):await (0,n.Zz)(s,20,void 0,["PUBLISHED"],void 0,g,void 0,void 0,void 0,void 0,void 0,void 0,void 0,"approvalDate"===t?"approvalDate":"registrationDate","desc"),a=r?l.articles:[...E.current.articles,...l.articles],o=l.articles.length>=20;j({articles:a,total:l.total,isLoading:!1,error:null,hasMore:o,query:e,sortBy:t}),o&&(I.current=s+1)}catch(s){r?j({...E.current,articles:[],total:0,isLoading:!1,error:s,hasMore:!1,query:e,sortBy:t}):(console.error("추가 로드 실패:",s),j({...E.current,hasMore:!1}))}finally{C.current=!1,k(!1)}}},[g,j]),M=(0,u.useCallback)(()=>{b.hasMore&&!C.current&&T(b.query,b.sortBy,!1)},[b.hasMore,b.query,b.sortBy,T]),z=()=>{T(y.trim(),A,!0)},R=e=>{D(e);try{localStorage.setItem("articleSelectorSortBy",e)}catch(e){}T(b.query,e,!0)},_=(0,c.MG)({count:b.articles.length,getScrollElement:()=>S.current,estimateSize:()=>64,overscan:5}),Z=_.getVirtualItems(),U=null!==(r=null===(t=Z[Z.length-1])||void 0===t?void 0:t.index)&&void 0!==r?r:-1;return(0,u.useEffect)(()=>{!(U<0)&&U>=b.articles.length-3&&b.hasMore&&!C.current&&M()},[U,b.articles.length,b.hasMore,M]),(0,s.jsxs)("div",{className:"flex flex-col flex-1 min-h-0",children:[(0,s.jsxs)("div",{className:"p-3 border-b border-[--border] space-y-2",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)("div",{className:"relative flex-1",children:[(0,s.jsx)(x.Qcu,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[--muted-foreground]"}

1),(0,s.jsx)("input",{ref:L,type:"text",value:y,onChange:e=>N(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),z())},placeholder:"".concat(v," 제목 검색..."),className:"w-full pl-9 pr-4 py-2 border border-[--border] rounded-md bg-[--background] text-[--foreground] focus:outline-none focus:ring-2 focus:ring-[--primary] focus:border-transparent"})]}),(0,s.jsxs)("button",{onClick:z,disabled:b.isLoading,className:"px-4 py-2 bg-[--primary] text-white rounded-md hover:bg-[--primary-hover] disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 whitespace-nowrap",children:[b.isLoading?(0,s.jsx)("div",{className:"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"}):(0,s.jsx)(x.Qcu,{className:"w-4 h-4"}),"검색"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-xs text-[--muted-foreground]",children:"정렬:"}),[{key:"latest",label:"작성일"},{key:"approvalDate",label:"게재일"}].map(e=>(0,s.jsx)("button",{type:"button",onClick:()=>R(e.key),className:"px-2.5 py-0.5 text-xs rounded-full border transition-colors ".concat(A===e.key?"bg-[--primary] text-white border-[--primary]":"bg-[--muted] text-[--muted-foreground] border-[--border] hover:bg-[--muted]/80"),children:e.label},e.key)),b.total>0&&(0,s.jsxs)("span",{className:"text-xs text-[--muted-foreground] ml-auto",children:[b.total.toLocaleString(),"건"]})]}),!b.query&&!!(null==g?void 0:g.length)&&(0,s.jsxs)("p",{className:"text-xs text-[--muted-foreground] leading-relaxed",children:["현재 ",v,"의 카테고리에 속한 ",v,"만 표시됩니다. 다른 카테고리의 ",v,"는 제목으로 검색해 추가하세요."]})]}),(0,s.jsxs)("div",{ref:S,className:"flex-1 overflow-y-auto p-2",children:[b.isLoading&&(0,s.jsx)(m.Z,{}),!b.isLoading&&!!b.error&&(0,s.jsx)(a.B,{is403:(0,i.lx)(b.error),minHeight:"300px"}),!b.isLoading&&!b.error&&0===b.articles.length&&(0,s.jsx)("div",{className:"text-center py-10 text-sm text-[--muted-foreground]",children:b.query?"검색 결과가 없습니다.":"".concat(v,"를 검색하거나, 카테고리 내 ").concat(v,"를 확인하세요.")}),!b.isLoading&&b.articles.length>0&&(0,s.jsx)("div",{style:{height:_.getTotalSize(),position:"relative"},children:_.getVirtualItems().map(e=>{let t=b.articles[e.index],r=f.includes(t.id);return(0,s.jsx)("div",{"data-index":e.index,ref:_.measureElement,style:{position:"absolute",top:0,left:0,width:"100%",transform:"translateY(".concat(e.start,"px)")},children:(0,s.jsxs)("div",{className:"flex items-center justify-between p-2 rounded-md cursor-pointer hover:bg-[--muted] ".concat(r?"opacity-50 cursor-not-allowed":""),onClick:()=>!r&&p(t),children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 min-w-0 flex-1",children:[t.thumbnailUrl&&(0,s.jsx)(l.Z,{src:(0,o.zg)(t.thumbnailUrl),alt:t.title,className:"w-16 h-12 rounded-md object-cover flex-shrink-0",width:64,height:48}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"font-medium text-sm truncate",children:t.title}),(0,s.jsxs)("div",{className:"flex gap-2 text-xs text-[--muted-foreground]",children:[(0,s.jsxs)("span",{children:["작성 ",new Date(t.registrationDate).toLocaleDateString()]}),t.approvalDate&&(0,s.jsxs)("span",{children:["게재 ",new Date(t.approvalDate).toLocaleDateString()]})]})]})]}),(0,s.jsx)("button",{type:"button",className:"p-1.5 rounded-full ml-2 ".concat(r?"text-[--muted-foreground]":"text-[--primary] bg-[--primary]/10"),disabled:r,children:(0,s.jsx)(x.p22,{className:"w-5 h-5"})})]})},t.id)})}),w&&(0,s.jsx)("div",{className:"flex justify-center py-2",children:(0,s.jsx)("div",{className:"w-4 h-4 border-2 border-[--primary] border-t-transparent rounded-full animate-spin"})})]})]})}},7711:function(e,t,r){r.d(t,{B:function(){return l}});var s=r(57437);function l(e){let{is403:t=!1,message:r,minHeight:l="400px"}=e;return(0,s.jsx)("div",{className:"flex justify-center items-center",style:{minHeight:l},children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center p-8",children:[(0,s.jsx)("svg",{className:"w-16 h-16 mb-4 text-[--destructive]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-[--foreground] mb-2",children:t?"권한이 없습니다":"오류가 발생했습니다"}),(0,s.jsx)("p",{className:"text-sm text-[--muted-foreground] text-center",children:r||(t?"이 페이지에 접근할 수 있는 권한이 없습니다.":"데이터를 불러오는 중 오류가 발생했습니다.")})]})})}r(2265)}}]);