https://www.ceomagazine.co.kr/_next/static/chunks/7745.4cd262c733301829.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7745],{41671:function(e,r,a){a.d(r,{Z:function(){return t}});let t=(0,a(79205).Z)("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]])},99388:function(e,r,a){a.d(r,{Z:function(){return t}});let t=(0,a(79205).Z)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]])},18930:function(e,r,a){a.d(r,{Z:function(){return t}});let t=(0,a(79205).Z)("trash-2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]])},17745:function(e,r,a){a.r(r),a.d(r,{ArticleMobileCard:function(){return N}});var t=a(57437),s=a(2265),n=a(76994),l=a(26497),i=a(39174),d=a(93448),o=a(61477),c=a(67782),u=a(29202),x=a(41671),m=a(99388),p=a(79205);let b=(0,p.Z)("ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]),f=(0,p.Z)("octagon-x",[["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",key:"2d38gg"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),h=(0,p.Z)("calendar-x",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"m14 14-4 4",key:"rymu2i"}],["path",{d:"m10 14 4 4",key:"3sz06r"}]]);var g=a(18930),v=a(75465),y=a(64067);function j(e){let{articleId:r,status:a,isApprovalPending:s,isCancelApprovalPending:n,isDeletePending:l,isApprovePending:i=!1,isRejectPending:d=!1,isUnpublishPending:o=!1,isCancelSchedulePending:p=!1,canApprove:j=!1,onShowTranslationStatus:N,onRequestApproval:w,onCancelApproval:k,onApprove:C,onReject:z,onUnpublish:D,onCancelSchedule:E,onDelete:R,isOpen:Z,onOpenChange:A}=e,I="DRAFT"===a||"REJECTED"===a,P=e=>{A(!1),setTimeout(()=>{e()},100)};return(0,t.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,t.jsxs)(v.dy,{open:Z,onOpenChange:A,children:[(0,t.jsx)(v.Qz,{asChild:!0,children:(0,t.jsx)("button",{"aria-label":"옵션 더보기",className:"p-2 -mr-2 text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--accent)] rounded-full transition-colors active:bg-[var(--accent)]/80",children:(0,t.jsx)(c.Z,{className:"w-5 h-5"})})}),(0,t.jsxs)(v.sc,{className:"bg-[var(--card-background)]",children:[(0,t.jsx)(v.OX,{children:(0,t.jsx)(v.iI,{className:"text-[var(--foreground)]",children:"기사 관리"})}),(0,t.jsxs)("div",{className:"p-4 flex flex-col gap-3",children:[(0,t.jsxs)("button",{onClick:()=>{N(r),A(!1)},className:"w-full flex items-center gap-3 p-3 rounded-xl bg-[var(--muted)]/50 hover:bg-[var(--muted)] transition-colors text-left",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-full bg-[var(--background)] flex items-center justify-center text-[var(--primary)] border border-[var(--border)]",children:(0,t.jsx)(u.Z,{className:"w-5 h-5"})}),(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-[var(--foreground)]",children:"번역 관리"}),(0,t.jsx)("div",{className:"text-xs text-[var(--muted-foreground)]",children:"다국어 번역 상태 확인"})]})]}),(0,t.jsx)("div",{className:"h-px bg-[var(--border)] my-1"}),I&&(0,t.jsxs)("button",{onClick:()=>P(()=>w(r)),disabled:s,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-[var(--primary)] text-[var(--primary-foreground)] font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100 shadow-sm",children:[s?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(x.Z,{className:"w-4 h-4"}),"승인 요청"]}),"REVIEW"===a&&(0,t.jsxs)("button",{onClick:()=>P(()=>k(r)),disabled:n,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-[var(--muted)] text-[var(--foreground)] font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100",children:[n?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(m.Z,{className:"w-4 h-4"}),"요청 취소"]}),j&&(I||"REVIEW"===a||"PUBLISHED"===a||"SCHEDULED"===a)&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"h-px bg-[var(--border)] my-1"}),(0,t.jsx)("div",{className:"text-xs text-[var(--muted-foreground)] px-1",children:"관리자 전용"}),C&&(I||"REVIEW"===a)&&(0,t.jsxs)("button",{onClick:()=>P(()=>C(r)),disabled:i,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-[var(--primary)] text-[var(--primary-foreground)] font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100 shadow-sm",children:[i?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(x.Z,{className:"w-4 h-4"}),"승인"]}

1),z&&"REVIEW"===a&&(0,t.jsxs)("button",{onClick:()=>P(()=>z(r)),disabled:d,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-orange-500/10 text-orange-600 dark:text-orange-400 font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100 border border-orange-500/20",children:[d?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(b,{className:"w-4 h-4"}),"반려"]}),D&&"PUBLISHED"===a&&(0,t.jsxs)("button",{onClick:()=>P(()=>D(r)),disabled:o,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-orange-500/10 text-orange-600 dark:text-orange-400 font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100 border border-orange-500/20",children:[o?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(f,{className:"w-4 h-4"}),"게시취소"]}),E&&"SCHEDULED"===a&&(0,t.jsxs)("button",{onClick:()=>P(()=>E(r)),disabled:p,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl bg-orange-500/10 text-orange-600 dark:text-orange-400 font-semibold transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100 border border-orange-500/20",children:[p?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(h,{className:"w-4 h-4"}),"예약취소"]})]}),(0,t.jsx)("div",{className:"h-px bg-[var(--border)] my-1"}),(0,t.jsxs)("button",{onClick:()=>P(()=>R(r)),disabled:l,className:"w-full flex items-center justify-center gap-2 p-3.5 rounded-xl border border-[var(--destructive)]/20 text-[var(--destructive)] bg-[var(--destructive)]/5 hover:bg-[var(--destructive)]/10 font-medium transition-transform active:scale-[0.98] disabled:opacity-70 disabled:scale-100",children:[l?(0,t.jsx)(y.a,{size:"xs"}):(0,t.jsx)(g.Z,{className:"w-4 h-4"}),"삭제"]})]}),(0,t.jsx)(v.ze,{className:"pt-2",children:(0,t.jsx)(v.uh,{asChild:!0,children:(0,t.jsx)("button",{className:"w-full py-3 text-sm font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)]",children:"닫기"})})})]})]})})}let N=(0,s.memo)(function(e){let{article:r,isApprovalPending:a,isCancelApprovalPending:c,isDeletePending:u,isApprovePending:x=!1,isRejectPending:m=!1,isUnpublishPending:p=!1,isCancelSchedulePending:b=!1,canApprove:f=!1,onShowTranslationStatus:h,onRequestApproval:g,onCancelApproval:v,onApprove:y,onReject:N,onUnpublish:w,onCancelSchedule:k,onDelete:C,ga4Views:z,selectMode:D=!1,isSelectable:E=!0,isSelected:R=!1,onSelectionToggle:Z,isBulkProcessing:A=!1}=e,I=(0,n.tv)(),[P,S]=(0,s.useState)(!1),M=r.categories&&r.categories.length>0?r.categories[0].category.name:"-",U=()=>{if(D){E&&!A&&(null==Z||Z(r.id));return}I.push("/admin/articles/edit/".concat(r.id))},H=D?R?"border-[var(--primary)] bg-[rgba(var(--primary-rgb),0.06)]":E?"border-[var(--border)] bg-[var(--card-background)]":"border-[var(--border)] bg-[var(--card-background)] opacity-50":"border-[var(--border)] bg-[var(--card-background)]";return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{tabIndex:0,role:D?"checkbox":void 0,"aria-checked":D?R:void 0,"aria-disabled":!!D&&!E||void 0,className:"rounded-xl border shadow-sm p-4 relative active:bg-[var(--accent)]/50 transition-colors cursor-pointer group focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:outline-none ".concat(H),onClick:U,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),U())},children:(0,t.jsxs)("div",{className:"flex gap-4",children:[(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between mb-2 gap-2",children:[(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5 flex-1 min-w-0",children:[(0,t.jsx)(o.K,{status:r.status,showRejectIcon:!1}),"-"!==M&&(0,t.jsx)("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--muted)] text-[var(--muted-foreground)] whitespace-nowrap",children:M}),r.shoulder&&(0,t.jsx)("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-blue-100/50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 whitespace-nowrap border border-blue-200 dark:border-blue-800 max-w-full truncate",title:r.shoulder,children:r.shoulder}),r.seriesGroup&&(0,t.jsxs)("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-purple-100/50 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300 whitespace-nowrap border border-purple-200 dark:border-purple-800 max-w-full truncate",title:"시리즈: ".concat(r.seriesGroup.name),children:["시리즈: ",r.seriesGroup.name]})]}),(0,t.jsx)(j,{articleId:r.id,status:r.status,isApprovalPending:a,isCancelApprovalPending:c,isDeletePending:u,isApprovePending:x,isRejectPending:m,isUnpublishPending:p,isCancelSchedulePending:b,canApprove:f,onShowTranslationStatus:h,onRequestApproval:g,onCancelApproval:v,onApprove:y,onReject:N,onUnpublish:w,onCancelSchedule:k,onDelete:C,isOpen:P,onOpenChange:S})]}),(0,t.jsx)("h3",{className:"text-[16px] font-semibold text-[var(--foreground)] mb-1.5 line-clamp-2 leading-snug group-active:text-[var(--primary)] transition-colors",children:r.title}),(0,t.jsxs)("div",{className:"text-xs text-[var(--muted-foreground)] space-y-0.5",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"truncate max-w-[80px]",children:r.reporters.length>

10?r.reporters[0].name:"작성자 미정"}),(0,t.jsx)("span",{className:"w-px h-2.5 bg-[var(--border)]"}),(0,t.jsxs)("span",{children:["#",r.id]}),(null!=z?z>0:r.viewCount>0)&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"w-px h-2.5 bg-[var(--border)]"}),(0,t.jsxs)("span",{children:["조회 ",(null!=z?z:r.viewCount).toLocaleString()]})]})]}),(0,t.jsxs)("div",{children:["작성 ",(0,d.o0)(r.registrationDate)]}),r.approvalDate&&(0,t.jsxs)("div",{children:["게재 ",(0,d.o0)(r.approvalDate)]})]})]}),r.thumbnailUrl&&(0,t.jsx)("div",{className:"w-20 h-20 flex-shrink-0",children:(0,t.jsx)(l.Z,{src:(0,i.zg)(r.thumbnailUrl),alt:"",width:80,height:80,className:"w-full h-full object-cover rounded-lg border border-[var(--border)] bg-[var(--muted)] group-active:opacity-90 transition-opacity"})})]})})})})},75465:function(e,r,a){a.d(r,{OX:function(){return m},Qz:function(){return d},dy:function(){return i},iI:function(){return b},sc:function(){return x},u6:function(){return f},uh:function(){return c},ze:function(){return p}});var t=a(57437),s=a(2265),n=a(24955),l=a(93448);let i=e=>{let{shouldScaleBackground:r=!0,...a}=e;return(0,t.jsx)(n.dy.Root,{shouldScaleBackground:r,...a})};i.displayName="Drawer";let d=n.dy.Trigger,o=n.dy.Portal,c=n.dy.Close,u=s.forwardRef((e,r)=>{let{className:a,...s}=e;return(0,t.jsx)(n.dy.Overlay,{ref:r,className:(0,l.cn)("fixed inset-0 z-[10000] bg-black/40",a),...s})});u.displayName=n.dy.Overlay.displayName;let x=s.forwardRef((e,r)=>{let{className:a,children:s,...i}=e;return(0,t.jsxs)(o,{children:[(0,t.jsx)(u,{}),(0,t.jsx)(n.dy.Content,{ref:r,className:(0,l.cn)("fixed inset-x-0 bottom-0 z-[10000] mt-24 flex h-auto flex-col rounded-t-[10px] border border-[--border] bg-[--background] text-[--foreground]",a),...i,children:s})]})});x.displayName="DrawerContent";let m=e=>{let{className:r,...a}=e;return(0,t.jsx)("div",{className:(0,l.cn)("grid gap-1.5 p-4 text-center sm:text-left",r),...a})};m.displayName="DrawerHeader";let p=e=>{let{className:r,...a}=e;return(0,t.jsx)("div",{className:(0,l.cn)("mt-auto flex flex-col gap-2 p-4",r),...a})};p.displayName="DrawerFooter";let b=s.forwardRef((e,r)=>{let{className:a,...s}=e;return(0,t.jsx)(n.dy.Title,{ref:r,className:(0,l.cn)("text-lg font-semibold leading-none tracking-tight",a),...s})});b.displayName=n.dy.Title.displayName;let f=s.forwardRef((e,r)=>{let{className:a,...s}=e;return(0,t.jsx)(n.dy.Description,{ref:r,className:(0,l.cn)("text-sm text-[--muted-foreground]",a),...s})});f.displayName=n.dy.Description.displayName,s.forwardRef((e,r)=>{let{className:a,children:s,side:i="right",...d}=e;return(0,t.jsxs)(o,{children:[(0,t.jsx)(u,{}),(0,t.jsx)(n.dy.Content,{ref:r,className:(0,l.cn)("fixed z-[10000] gap-4 bg-[--background] text-[--foreground] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500","right"===i&&"inset-y-0 right-0 h-full w-3/4 border-l border-[--border] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm","left"===i&&"inset-y-0 left-0 h-full w-3/4 border-r border-[--border] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",a),...d,children:s})]})}).displayName="ResponsiveDrawer"}}]);