https://ordercheck.ai/_next/static/chunks/pages/mobile/leave/approval/[requestId]-5ba5092ba18da158.js

1try{let 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]="b07e09b4-a3cd-488e-8c26-f7f3b71a784d",e._sentryDebugIdIdentifier="sentry-dbid-b07e09b4-a3cd-488e-8c26-f7f3b71a784d")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7266],{54046:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mobile/leave/approval/[requestId]",function(){return a(65798)}])},65798:function(e,t,a){"use strict";a.r(t);var o=a(85893),n=a(67294),s=a(11163),l=a(14189),r=a(27484),i=a.n(r);a(19132);var c=a(64677),d=a(1353),u=a(19201),p=a(4458),m=a(42822),f=a(84556),b=a(47043),x=a(48498),v=a(63305),h=a(49451),y=a(80215),N=a(93218);i().locale("ko");let InfoRow=e=>{let{label:t,value:a}=e;return(0,o.jsxs)("div",{className:"row items-start justify-between gap-4",children:[(0,o.jsx)(l.xv,{fontSize:"body2",color:b.$.font.slate,className:"shrink-0 font-medium",children:t}),(0,o.jsx)(l.xv,{fontSize:"body2",color:b.$.font.dark,className:"text-right font-bold",children:a})]})},LeaveApprovalDetailPage=()=>{var e;(0,y.Z)({required:!0});let t=(0,s.useRouter)(),a=(0,N.k)(),r=Number(t.query.requestId),{data:f,isLoading:j}=(0,h.l0)(Number.isFinite(r)?r:void 0),{approve:g,finalApprove:w,reject:k}=(0,v.T)(r),[_,S]=(0,n.useState)(!1),back=()=>{(0,x.v)(t,m.Z.leave)},E=(null==f?void 0:f.approval.viewerStatus)==="MINE_PENDING",A=null!==(e=null==f?void 0:f.approval.steps.filter(e=>"PENDING"===e.status).length)&&void 0!==e?e:0,D=A<=1;return(0,o.jsxs)("div",{className:"column flex-1 bg-white",children:[(0,o.jsx)(l.oR,{title:"휴가 결재",backButton:!0,backButtonFunction:back}),(0,o.jsx)("div",{className:"flex-1 overflow-y-auto",children:j||!f?(0,o.jsx)("div",{className:"px-4 py-16",children:(0,o.jsx)(l.xv,{fontSize:"body2",color:b.$.font.slate,className:"text-center",children:j?"불러오는 중...":"휴가 신청을 찾을 수 없어요."})}):(0,o.jsxs)("div",{className:"column gap-5 px-4 pb-28 pt-3",children:[(0,o.jsxs)("div",{className:"row items-center justify-between",children:[(0,o.jsxs)("div",{className:"column items-start gap-0.5",children:[(0,o.jsx)(l.xv,{fontSize:"heading2",color:b.$.font.dark,className:"font-bold",children:f.applicantName}),(0,o.jsx)(l.xv,{fontSize:"caption",color:b.$.font.slate,className:"font-medium",children:f.applicantRole})]}),(0,o.jsx)(l.Vp,{label:(0,p.TA)(f.request.status).label,type:(0,p.TA)(f.request.status).tagType,size:"s"})]}),(0,o.jsxs)("div",{className:"column gap-3 rounded-2xl p-4",style:{border:"1px solid ".concat(b.$.font.border1_table)},children:[(0,o.jsx)(InfoRow,{label:"휴가유형",value:f.request.leaveTypeName}),(0,o.jsx)(InfoRow,{label:"기간",value:"".concat(i()(f.request.startDate).format("YYYY.MM.DD")," ~ ").concat(i()(f.request.endDate).format("MM.DD")," \xb7 ").concat((0,p.d2)(f.request.durationType))}),(0,o.jsx)(InfoRow,{label:"사용일수",value:"".concat(f.request.totalDays,"일")}),f.request.reason&&(0,o.jsx)(InfoRow,{label:"사유",value:f.request.reason})]}),(0,o.jsxs)("div",{className:"column gap-2",children:[(0,o.jsx)(l.xv,{fontSize:"subtitle2",color:b.$.font.dark,className:"font-bold",children:"결재 라인"}),(0,o.jsx)("div",{className:"rounded-2xl p-4",style:{border:"1px solid ".concat(b.$.font.border1_table)},children:(0,o.jsx)(d.Z,{requesterName:f.applicantName,steps:f.approval.steps.map(e=>({label:e.role,status:e.status,members:e.members.map(t=>({name:t.name,isActor:null!=e.actedByCompanyWorkerId&&t.workerId===e.actedByCompanyWorkerId})),actedAt:e.actedAt})),showActedAt:!0})})]})]})}),E&&(0,o.jsx)("div",{className:"sticky bottom-0 border-t bg-white px-4 py-3",style:{borderTopColor:b.$.font.border1_table},children:(0,o.jsx)(c.Z,{actions:{canApprove:!0,canReject:!0,canFinalApprove:!!E&&A>1},onApprove:()=>{g.mutate(void 0,{onSuccess:()=>{a.mobile_info(D?"최종 승인했어요.":"승인했어요 \xb7 다음 결재자에게 전달됐어요."),back()}})},onFinalApprove:()=>{w.mutate(void 0,{onSuccess:()=>{a.mobile_info("전결 처리했어요 \xb7 결재를 완료했어요."),back()}})},onReject:()=>S(!0),approveLoading:g.isLoading,finalApproveLoading:w.isLoading,rejectLoading:k.isLoading})}),(0,o.jsx)(u.Z,{open:_,title:"휴가 반려",placeholder:"반려 사유를 입력해주세요",onClose:()=>S(!1),onSubmit:e=>{k.mutate(e,{onSuccess:()=>{S(!1),a.mobile_info("반려했어요 \xb7 신청자에게 전달됐어요."),back()}})}})]})};LeaveApprovalDetailPage.Template=f.Z,t.default=LeaveApprovalDetailPage},64677:function(e,t,a){"use strict";var o=a(85893),n=a(47043);let Spinner=e=>{let{color:t}=e;return(0,o.jsx)("span",{className:"inline-block h-[18px] w-[18px] animate-spin rounded-full border-2 align-middle",style:{borderColor:"".concat(t,"40"),borderTopColor:t}})};t.Z=e=>{let{actions:t,onApprove:a,onReject:s,onFinalApprove:l,approveLoading:r,rejectLoading:i,finalApproveLoading:c}=e,{canApprove:d,canReject:u,canFinalApprove:p}=t;if(!d&&!u&&!p)return null;let m=!!(r||i||c);return(0,o.jsx)("div",{className:"column w-full gap-2",children:(0,o.jsxs)("div",{className:"flex gap-2",children:[u&&(0,o.jsx)("button",{type:"button",onClick:s,disabled:m,className:"row flex-1 items-center justify-center rounded-lg py-2.5 text-[14px] font-extrabold active:opacity-70 disabled:cursor-not-allowed disabled:opacity-60",style:{background:"#FFEAEA",color:"#D93030"},children:i?(0,o.jsx)(Spinner,{color:"#D93030"}):"반려하기"}),p&&(0,o.jsx)("button",{type:"button",onClick:l,disabled:m,className:"row flex-1 items-center justify-center rounded-lg py-2.5 text-[13px] font-extrabold active:opacity-70 disabled:cursor-not-allowed disabled:opacity-60",style:{background:n.$.font.white,color:n.$.point.point3,border:"1px solid ".concat(n.$.point.point3)},children:c?(0,o.jsx)(Spinner,{color:n.$.point.point3}):"전결 하기"}),d&&(0,o.jsx)("button",{type:"button",onClick:a,disabled:m,className:"row flex-[2] items-center justify-center rounded-lg py-2.5 text-[14px] font-extrabold text-white active:opacity-70 disabled:cursor-not-allowed disabled:opacity-60",style:{background:n.$.point.point3},children:r?(0,o.jsx)(Spinner,{color:"#FFFFFF"}):"승인하기"})]})})}},1353:function(e,t,a){"use strict";var o=a(85893),n=a(14189),s=a(27484),l=a.n(s),r=a(67294),i=a(94449),c=a(47043);t.Z=e=>{let{requesterName:t,steps:a,currentOrdinal:s,showActedAt:d}=e,u=a.some(e=>"REJECTED"===e.status),p=u?-1:null!=s?a.findIndex(e=>e.ordinal===s):a.findIndex(e=>"PENDING"===e.status);return(0,o.jsxs)("div",{className:"row flex-wrap items-baseline gap-x-1 gap-y-1",children:[(0,o.jsx)(n.xv,{fontSize:"caption",color:c.$.font.slate,className:"font-bold",children:t}),a.map((e,t)=>{let a=i.s[(0,i.K)(e.status,t===p)],s=e.members.some(e=>e.isActor);return(0,o.jsxs)(r.Fragment,{children:[(0,o.jsx)("span",{className:"text-[10px]",style:{color:c.$.font.border3_icon},children:"→"}),(0,o.jsxs)("span",{className:"inline-flex items-baseline gap-x-1",children:[(0,o.jsx)("span",{className:"inline-flex flex-wrap items-baseline gap-x-1",children:"SKIPPED"===e.status?(0,o.jsxs)(n.xv,{fontSize:"caption",color:a,className:"font-bold line-through",children:[e.label," (전결)"]}):e.members.length>0?e.members.map((t,l)=>(0,o.jsxs)(n.xv,{fontSize:"caption",color:s?t.isActor?a:c.$.font.unselect:a,className:s&&!t.isActor?"font-medium":"font-extrabold",children:[t.name,l<e.members.length-1?",":""]},"".concat(t.name,"-").concat(l))):(0,o.jsx)(n.xv,{fontSize:"caption",color:a,className:"font-extrabold",children:e.label})}),d&&e.actedAt&&(0,o.jsx)(n.xv,{fontSize:"caption",color:c.$.font.unselect,noWrap:!0,children:l()(e.actedAt).format("M/D HH:mm")}

1)]})]},"".concat(e.label,"-").concat(t))})]})}},19201:function(e,t,a){"use strict";var o=a(85893),n=a(14189),s=a(67294),l=a(47043);t.Z=e=>{let{open:t,title:a="반려",reasonLabel:r="사유",placeholder:i="사유를 입력해주세요",confirmText:c="확인",reasonRequired:d=!0,maxLength:u=200,onClose:p,onSubmit:m,children:f}=e,[b,x]=(0,s.useState)("");(0,s.useEffect)(()=>{t&&x("")},[t]);let v=d&&!b.trim();return(0,o.jsx)(n.OW,{title:a,isOpen:t,onClose:p,hasCloseXButton:!0,isDesktopTemplate:!1,buttonType:"single",buttons:[{text:c,onClick:()=>m(b.trim()),disabled:v}],children:(0,o.jsxs)("div",{className:"column gap-4 px-4 pb-6 pt-1",children:[(0,o.jsxs)("div",{className:"column gap-1.5",children:[(0,o.jsx)(n.xv,{fontSize:"caption",color:l.$.font.slate,className:"font-bold",children:r}),(0,o.jsx)(n.Kx,{size:"md",className:"w-full",value:b,onChange:e=>x(e.target.value),placeholder:i,maxLength:u})]}),f]})})}},94449:function(e,t,a){"use strict";a.d(t,{K:function(){return approvalStepTone},s:function(){return n}});var o=a(47043);let n={primary:o.$.point.point3,muted:o.$.font.unselect,success:o.$.other.green,danger:o.$.other.red,skipped:o.$.font.border3_icon},approvalStepTone=(e,t)=>"APPROVED"===e?"success":"REJECTED"===e?"danger":"SKIPPED"===e?"skipped":t?"primary":"muted"},84556:function(e,t,a){"use strict";a.d(t,{Z:function(){return templates}});var o=a(85893),n=a(82596),s=a(4359),l=a(67294),react_useRootClassName=function(e){for(var t=arguments.length,a=Array(t>1?t-1:0),o=1;o<t;o++)a[o-1]=arguments[o];let r=l.useMemo(()=>(0,n.cn)(...a),[a]);l.useEffect(()=>{if(!(0,s.jU)())return;let t=document.querySelector(e);if(!t)return;let a=t.className;return t.className=a?"".concat(a," ").concat(r):r,()=>{t.className.includes(r)&&(t.className=a)}},[r,e])},templates_MobileTemplate=function(e){let{children:t}=e;return react_useRootClassName("body"),react_useRootClassName("#__next","mobile-layout min-h-full column justify-start items-stretch "),(0,o.jsx)(o.Fragment,{children:t})},r=a(2039),templates=e=>{let[t,a]=l.useState(!1);return(l.useEffect(()=>{a(!0)},[]),(0,r.Z)(),t)?(0,o.jsx)(templates_MobileTemplate,{children:(0,o.jsx)(o.Fragment,{children:e.children})}):(0,o.jsx)(o.Fragment,{})}},2039:function(e,t,a){"use strict";var o=a(6245),n=a(13382),s=a(97749),l=a(93218),r=a(76890),i=a(70238),c=a(11163),d=a(67294);t.Z=function(e){var t,a,u,p,m,f,b,x,v,h,y;let{required:N=!0}=null!=e?e:{},j=(0,c.useRouter)(),[g]=(0,r.Z)(i.M3),w=(0,o.GA)(),k=null===(t=(0,n.h7)(null!==(h=null===(u=w.data)||void 0===u?void 0:null===(a=u.data)||void 0===a?void 0:a.userId)&&void 0!==h?h:NaN).data)||void 0===t?void 0:t.data,{info:_}=(0,l.k)(),[S,E]=d.useReducer(e=>!e,!1),[A,D]=d.useReducer(e=>!e,!1),I=(0,s.n6)(null!==(y=null===(m=w.data)||void 0===m?void 0:null===(p=m.data)||void 0===p?void 0:p.userId)&&void 0!==y?y:NaN);return d.useEffect(()=>{if(k&&j.isReady&&void 0!==g&&N&&!w.isError&&g){if(w.isSuccess&&!j.pathname.startsWith("/mobile/signup")&&!j.pathname.startsWith("/mobile/invite/success")){var e,t,a,o;(null===(t=w.data)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.name)&&""!=w.data.data.name?0===k.length&&D():E(),!(k.length>0)||(null===(a=w.data.data)||void 0===a?void 0:a.currentCompany)||I.mutateAsync(null!==(o=null==k?void 0:k[0].company.id)&&void 0!==o?o:NaN)}return}},[_,null==k?void 0:k.length,null===(b=w.data)||void 0===b?void 0:null===(f=b.data)||void 0===f?void 0:f.currentCompany,null===(v=w.data)||void 0===v?void 0:null===(x=v.data)||void 0===x?void 0:x.name,w.isError,w.isSuccess,N,j,g,k]),{nameOpen:S,nameToggle:E,companyOpen:A,companyToggle:D}}}},function(e){e.O(0,[9451,2018,9774,2888,179],function(){return e(e.s=54046)}),_N_E=e.O()}]);