https://office.airsupply.kr/_next/static/chunks/pages/admin/company/method/edit/card-29da7960f7e27602.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7188],{63530:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/company/method/edit/card",function(){return n(69668)}])},60288:function(e,t,n){"use strict";var r=n(82729),a=n(85893);n(67294);var i=n(19521),o=n(74274);function _templateObject(){let e=(0,r._)(["\n    max-width: ",";\n    margin: 0 auto;\n    width: 100%;\n    min-height: calc(100vh - 370px);\n    padding: ",";\n    ",";\n\n    &.align-center {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)([void 0,void 0]);return _templateObject1=function(){return e},e}t.Z=e=>{let{className:t,children:n,smallWidth:r=!1,smallPadding:i=!1,noPaddingTop:c=!1,center:d=!1,fitContent:s=!1,isTutorial:u=!1,padding:p}=e,h=r?{maxWidth:o.W2.maxWidth.content}:{};return(0,a.jsx)(l,{id:"contentWrapper",className:t,style:{...h,...i?{padding:"0 8px"}:{},...c?{paddingTop:0}:{},...d?{display:"flex",flexDirection:"column",justifyContent:"center"}:{},...s?{width:"fit-content"}:{},...u?{borderRadius:8,height:"calc(100vh - 130px)",maxWidth:"96%",margin:"30px auto 0",overflowY:"auto"}:{}},padding:p||null,$_css:s?"> * {\n                            width: fit-content\n                        }":"",children:n})};let c=i.ZP.div.withConfig({componentId:"sc-2cfe632d-0"})(_templateObject(),o.W2.maxWidth.screen,e=>e.padding||"".concat(o.A5,"px"),e=>e.css?e.css:"");var l=(0,i.ZP)(c).withConfig({componentId:"sc-2cfe632d-1"})(_templateObject1(),e=>e.$_css)},64334:function(e,t,n){"use strict";var r=n(82729),a=n(85893),i=n(16373);n(67294);var o=n(19521),c=n(74274);function _templateObject(){let e=(0,r._)(["\n    background-color: ",";\n    padding-bottom: 20px;\n    @media (min-width: ",") {\n        padding-bottom: 100px;\n    }\n"]);return _templateObject=function(){return e},e}t.Z=e=>{let{center:t=!1,children:n,onClickLayout:r,style:i,className:o="",noPaddingBottom:c}=e;return(0,a.jsx)(l,{className:o,style:{...t?{justifyContent:"center",flex:"none"}:{},...c?{paddingBottom:0}:{},...i},onClick:r,children:n})};let l=(0,o.ZP)(i.default).withConfig({componentId:"sc-be7d89a1-0"})(_templateObject(),c.O9.white,c.AV.tabletL)},85272:function(e,t,n){"use strict";var r=n(82729),a=n(85893),i=n(54434),o=n(29297),c=n(46670),l=n(89755),d=n.n(l),s=n(11163),u=n(67294),p=n(19521),h=n(76621),m=n(74274),x=n(55173),g=n(28881),f=n(4698),b=n(32387);function _templateObject(){let e=(0,r._)(["\n    padding: 0;\n    color: inherit;\n    font: inherit;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    &:hover {\n        text-decoration: underline;\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n    width: 100%;\n    padding: 25px ",";\n    font-weight: ",";\n    border-bottom: 1px solid ",";\n    background-color: ",";\n\n    @media (max-width: ",") {\n        /* 중립 페이지는 폭과 무관하게 좌우 40px 유지, 그 외는 기존 20px */\n        padding: 25px ",";\n    }\n\n    .ant-page-header-heading {\n        height: 29px;\n        align-items: center;\n    }\n\n    .ant-page-header-heading-left {\n        margin: 0;\n    }\n\n    .ant-page-header-heading-title {\n        font-size: ",";\n        line-height: 29px;\n        height: 29px;\n        margin: 0;\n        color: ",";\n    }\n"]);return _templateObject1=function(){return e},e}let j=[{path:"/admin/company/info",url:x.ue.ADMIN.COMPANY_INFO},{path:"/admin/company/member",url:x.ue.ADMIN.MEMBER},{path:"/admin/company/group",url:x.ue.ADMIN.GROUP},{path:"/admin/company/role",url:x.ue.ADMIN.ROLE},{path:"/admin/company/method",url:x.ue.ADMIN.METHOD},{path:"/admin/company/address",url:x.ue.ADMIN.ADDRESS},{path:"/admin/product/folder",url:x.ue.ADMIN.PRODUCT_FOLDER},{path:"/admin/product/all",url:x.ue.ADMIN.PRODUCT_ALL},{path:"/admin/order/request",url:x.ue.ADMIN.ORDER_REQUEST},{path:"/admin/order/history",url:x.ue.ADMIN.ORDER_HISTORY},{path:"/admin/order/tag",url:x.ue.ADMIN.TAG},{path:"/admin/order/credit",url:x.ue.ADMIN.CREDIT},{path:"/admin/datacenter/pay",url:x.ue.ADMIN.DATACENTER_PAY}];t.Z=(0,c.Pi)(e=>{var t;let{title:n,onBack:r,extra:o,useAdminIcon:c,iconPath:l=null,noBorderBottom:p=!1,onClose:k,onTitleClick:O,hideGuide:C=!1}=e,[v,w]=(0,u.useState)(0),Z=!n||p?{borderBottom:"none"}:{},{pathname:I}=(0,s.useRouter)(),P=(0,x.b8)(I),M=null===(t=j.find(e=>{let{path:t}=e;return I.startsWith(t)}))||void 0===t?void 0:t.url;(0,u.useEffect)(()=>{w(window.history.length)},[]);let N=M&&!C?(0,a.jsx)(f.Z,{icon:(0,a.jsx)(i.default,{style:{fontSize:20}}),onClick:()=>window.open(M,"_blank"),style:{width:44,height:44,padding:0,border:"1px solid",borderColor:m.O9.gray4,borderRadius:m.W2.radius.default}}

1,"guide"):null,E=k?(0,a.jsx)(g.Z,{iconName:"close",iconSize:[20,20],onClick:k,style:{cursor:"pointer"}},"close"):null;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(y,{className:"site-page-header",title:n?(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[l||c?(0,a.jsx)(g.Z,{iconSize:[24,24],iconPath:l||(e=>{var t;let n=b.P9.flatMap(e=>e.children),r="string"==typeof e?e.replace(/\s*설정$/,""):e;return"/icons/emoji/".concat((null===(t=n.find(e=>e.label===r))||void 0===t?void 0:t.value)||"dashboard",".png")})(n)}):null,O?(0,a.jsx)(_,{type:"button",onClick:O,children:n}):n]}):(0,a.jsx)(a.Fragment,{}),onBack:v>1?r:null,backIcon:(0,a.jsx)(d(),{src:h.ci.page_back,width:24,height:20,style:{flexShrink:0},alt:"뒤로가기 아이콘"}),style:{...Z},extra:[...o||[],N,E].filter(Boolean),$neutral:P})})});let _=p.ZP.button.withConfig({componentId:"sc-e0c32344-0"})(_templateObject()),y=(0,p.ZP)(o.Z).withConfig({componentId:"sc-e0c32344-1"})(_templateObject1(),e=>{let{$neutral:t}=e;return t?"40px":"32px"},m.Xz.bold,m.O9.gray5,m.O9.white,m.AV.laptop,e=>{let{$neutral:t}=e;return t?"40px":"20px"},m.J7.middle_2,m.O9.black)},50001:function(e,t,n){"use strict";var r=n(82729),a=n(85893),i=n(31059);n(67294);var o=n(19521),c=n(35663),l=n(74274);function _templateObject(){let e=(0,r._)(["\n    display: flex;\n    align-items: center;\n\n    .ant-checkbox {\n        top: 0;\n    }\n\n    ",";\n\n    .ant-checkbox-checked .ant-checkbox-inner {\n        background-color: "," !important;\n    }\n\n    //.ant-checkbox-disabled .ant-checkbox-inner,\n\n    .ant-checkbox-checked::after {\n        border-color: "," !important;\n    }\n\n    .ant-checkbox-disabled .ant-checkbox-inner {\n        background: ",";\n    }\n\n    .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after,\n    .ant-checkbox-checked .ant-checkbox-inner::after {\n        border-color: #ffffff;\n    }\n\n    .ant-checkbox-disabled + span,\n    .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled,\n    .ant-checkbox-disabled {\n        cursor: pointer;\n    }\n\n    .custom-checkbox-large {\n        .ant-checkbox-inner {\n            // 체크 박스\n            width: 40px;\n            height: 40px;\n            border-radius: ",";\n            border: 1px solid ",";\n\n            &::after {\n                // 체크 아이콘\n                width: 9.142857px;\n                height: 16.428571px;\n                left: 37%;\n            }\n        }\n    }\n"]);return _templateObject=function(){return e},e}t.Z=e=>{let{field:t,text:n,textStyle:r,options:i,onChange:o,disabled:c,size:l,style:s,indeterminate:u}=e;return(0,a.jsx)(a.Fragment,{children:n?(0,a.jsx)(d,{...t,size:l,style:s,checked:t.value,disabled:c,indeterminate:u,onChange:e=>{o&&o(e.target.checked,e.target.name,t.value),t&&(null==t||t.onChange(e.target.checked))},children:(0,a.jsx)("i",{style:r,children:n})}):(0,a.jsx)(d,{...t,size:l,style:s,checked:t.value,disabled:c,indeterminate:u,onChange:e=>{o&&o(e.target.checked),t&&(null==t||t.onChange(e.target.checked))}})})};let d=(0,o.ZP)(i.default).withConfig({componentId:"sc-8ee6fca7-0"})(_templateObject(),e=>"large"===e.size?"".concat(c.JS,";"):"",l.O9.green9,l.O9.green9,l.O9.white,l.W2.radius.default,l.O9.gray4)},37474:function(e,t,n){"use strict";var r=n(82729),a=n(85893);n(67294);var i=n(87536),o=n(19521),c=n(50001),l=n(81601),d=n(74274),s=n(56772);function _templateObject(){let e=(0,r._)(["\n    display: inline-block;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n\n    .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {\n        cursor: pointer;\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n    display: flex;\n    margin-bottom: 4px;\n    font-weight: ",";\n\n    > span {\n        margin-right: 4px;\n        color: ",";\n    }\n"]);return _templateObject1=function(){return e},e}t.Z=e=>{let{control:t=null,label:n,labelStyle:r,name:o,options:d,textStyle:h,text:m,errorMessage:x,onChange:g,indeterminate:f,disabled:b,size:j="",required:_,style:y}=e,components=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return(0,a.jsxs)(u,{style:r,...o&&{[s.oA]:o},children:[n&&(0,a.jsx)(p,{children:n}),(0,a.jsx)(c.Z,{style:y,field:e,text:m,textStyle:h,options:d,onChange:g,indeterminate:f,disabled:b,size:j}),x?(0,a.jsx)(l.Z,{message:x}):""]})};return t?(0,a.jsx)(i.Qr,{control:t,rules:{required:_},name:o,render:e=>{let{field:t}=e;return components(t)}}):components()};let u=(0,o.ZP)("div").withConfig({componentId:"sc-85358c4c-0"}

1)(_templateObject()),p=(0,o.ZP)("div").withConfig({componentId:"sc-85358c4c-1"})(_templateObject1(),d.Xz.bold,d.O9.red1)},16605:function(e,t,n){"use strict";var r=n(82729),a=n(85893),i=n(67294),o=n(87536),c=n(5789),l=n(74253),d=n(55673),s=n(19521),u=n(52513),p=n(78595),h=n(37474),m=n(74274),x=n(79298),g=n(74126),f=n(19697),b=n(28881);function _templateObject(){let e=(0,r._)(["\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-out;\n    width: 100%;\n\n    &.show {\n        max-height: 1000px;\n        transition: max-height 0.3s ease-in;\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n    padding: 40px;\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,r._)(["\n    background-color: ",";\n    border-radius: 8px;\n    padding: 0 32px;\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,r._)(["\n    margin-left: 10px;\n    width: 100%;\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,r._)(["\n    transition: 0.2s ease;\n    transform: rotate(180deg);\n\n    &.active {\n        transform: rotate(0deg);\n    }\n"]);return _templateObject4=function(){return e},e}t.Z=e=>{let{skipBudget:t,setSkipBudget:n,usedAmount:r}=e,{control:c,handleSubmit:s,...b}=(0,o.Gc)(),C=b.watch("skipBudgetCheckBox"),[v,w]=(0,i.useState)(C);return(0,i.useEffect)(()=>{C?(w(!0),n(!0)):(w(!1),n(!1))},[n,t,C]),(0,a.jsxs)("div",{style:{marginBottom:80},children:[(0,a.jsx)(p.Z,{column:!0,style:{marginBottom:20}

1,children:(0,a.jsx)(u.n,{children:"예산 설정"})}),(0,a.jsx)(y,{children:(0,a.jsxs)(d.Z,{gutter:[24,0],children:[(0,a.jsxs)(p.Z,{justify:"space-between",align:"center",style:{width:"100%",padding:"28px 10px"},children:[(0,a.jsx)(h.Z,{size:"large",control:c,name:"skipBudgetCheckBox",text:(0,a.jsxs)(k,{column:!0,gap:8,children:[(0,a.jsx)("p",{children:"예산 설정하기"}),(0,a.jsx)(u.Fh,{c:m.O9.gray3,children:"지금 설정하지 않아도 언제든지 설정할 수 있어요."})]}),onChange:e=>{var t,r;w((null===(t=e.target)||void 0===t?void 0:t.checked)||!1),n((null===(r=e.target)||void 0===r?void 0:r.checked)||!1)}}),(0,a.jsx)(O,{iconName:"collapse_arrow",iconSize:[16,10],className:v?"custom-arrow":"custom-arrow active"})]}),(0,a.jsxs)(j,{className:v?"show":"",children:[(0,a.jsx)(l.Z,{style:{margin:"0px 0px",borderColor:m.O9.gray4}}),(0,a.jsx)(_,{span:24,children:(0,a.jsx)(x.Z,{TitleComponent:u.z4})}),(0,a.jsx)(_,{span:24,children:(0,a.jsx)(g.Z,{TitleComponent:u.z4,usedAmount:r})}),(0,a.jsx)(_,{span:24,children:(0,a.jsx)(f.Z,{TitleComponent:u.z4})})]})]})})]})};let j=s.ZP.div.withConfig({componentId:"sc-71b7bd57-0"})(_templateObject()),_=(0,s.ZP)(c.Z).withConfig({componentId:"sc-71b7bd57-1"})(_templateObject1()),y=s.ZP.div.withConfig({componentId:"sc-71b7bd57-2"})(_templateObject2(),m.O9.gray11),k=(0,s.ZP)(p.Z).withConfig({componentId:"sc-71b7bd57-3"})(_templateObject3()),O=(0,s.ZP)(b.Z).withConfig({componentId:"sc-71b7bd57-4"})(_templateObject4())},73332:function(e,t,n){"use strict";var r=n(85893),a=n(67294),i=n(11163),o=n(2894),c=n(52513);t.Z=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0,d=(0,i.useRouter)(),[s,u]=(0,a.useState)(""),[p,h]=(0,a.useState)(!1),m=(0,a.useRef)(null);(0,a.useEffect)(()=>()=>{var e;null===(e=m.current)||void 0===e||e.destroy(),m.current=null},[]);let exitConfirmModal=e=>{m.current||(m.current=(0,o.ZP)({themeColor:"Black",title:n,content:(0,r.jsx)(c.tg,{children:l}),onOk:e?async()=>{m.current=null,d.events.off("routeChangeStart",x),d.back()}:()=>{m.current=null,h(!0)},onCancel:()=>{m.current=null,u(""),h(!1)},okText:"그만하기",cancelText:"계속하기"}))},x=(0,a.useCallback)(t=>{if(e&&!p)throw u(t),d.events.emit("routeChangeError"),"저장되지 않은 데이터가 감지되어 네비게이션이 차단되었습니다."},[p,d,e,t]);return(0,a.useEffect)(()=>(p&&""!==s?d.replace(s):""!==s&&exitConfirmModal(!1),d.events.on("routeChangeStart",x),()=>{d.events.off("routeChangeStart",x)}),[x,d.events,s,p,d,exitConfirmModal,e]),{exitConfirmModal,setHasExitConfirmed:h}}},69668:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return M},default:function(){return card}});var r=n(85893),a=n(9008),i=n.n(a),o=n(67294),c=n(87536),l=n(11163),d=n(82729),s=n(64334),u=n(85272),p=n(60288),h=n(19521),m=n(16605),x=n(5789),g=n(55673),f=n(47338),b=n(78595),j=n(52513);function _templateObject(){let e=(0,d._)(["\n    margin-bottom: 100px;\n"]);return _templateObject=function(){return e},e}var method_EditCardMethodInfo=()=>{var e;let{control:t,...n}=(0,c.Gc)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(b.Z,{column:!0,gap:12,style:{paddingBottom:80},children:(0,r.jsx)(j.s6,{children:"카드 정보 수정"})}),(0,r.jsx)(_,{children:(0,r.jsxs)(g.Z,{gutter:[24,24],children:[(0,r.jsx)(x.Z,{span:24,children:(0,r.jsx)(f.Z,{formMethods:n,name:"name",label:"결제수단 이름",required:!0,placeholder:"예) 운영팀 법인카드 A",block:!0,errorMessage:null===(e=n.formState.errors.name)||void 0===e?void 0:e.message})}),(0,r.jsx)(x.Z,{span:12,children:(0,r.jsx)(f.Z,{formMethods:n,name:"pcdPayCardName",label:"카드사",block:!0,disabled:!0,placeholder:"-"})}),(0,r.jsx)(x.Z,{span:12,children:(0,r.jsx)(f.Z,{formMethods:n,name:"pcdPayCardNum",label:"카드 번호",block:!0,disabled:!0})}),(0,r.jsx)(x.Z,{span:12,children:(0,r.jsx)(f.Z,{formMethods:n,name:"pcdPayerEmail",label:"이메일",placeholder:"-",block:!0,disabled:!0})})]})})]})};let _=h.ZP.div.withConfig({componentId:"sc-88f678db-0"}

1)(_templateObject());var y=n(4698);function EditCardMethodTemp_templateObject(){let e=(0,d._)(["\n    max-width: 640px;\n    margin: 0 auto;\n"]);return EditCardMethodTemp_templateObject=function(){return e},e}var method_EditCardMethodTemp=e=>{let{goBack:t,onSubmit:n,pageInfo:a,skipBudget:i,setSkipBudget:l,usedAmount:d}=e,{control:h,...x}=(0,c.Gc)();return(0,o.useEffect)(()=>{x.trigger()},[i]),(0,r.jsxs)(s.Z,{pageInfo:a,children:[(0,r.jsx)(u.Z,{title:a.title,useAdminIcon:!0}),(0,r.jsx)(u.Z,{title:"",onBack:t,hideGuide:!0}),(0,r.jsx)(p.Z,{children:(0,r.jsxs)(k,{children:[(0,r.jsx)(method_EditCardMethodInfo,{}),(0,r.jsx)(m.Z,{setSkipBudget:l,skipBudget:i,usedAmount:d}),(0,r.jsxs)(b.Z,{gap:16,justify:"center",align:"center",children:[(0,r.jsx)(b.Z,{children:(0,r.jsx)(y.Z,{text:"취소",style:{width:180},onClick:t})}),(0,r.jsx)(b.Z,{children:(0,r.jsx)(y.Z,{type:"primary",text:"저장하기",style:{width:180},onClick:n,disabled:!x.formState.isValid})})]})]})})]})};let k=h.ZP.div.withConfig({componentId:"sc-11222ec1-0"})(EditCardMethodTemp_templateObject());var O=n(47533),C=n(7258),v=n(11187),w=n(40464),Z=n(70430),I=n(73332),P=n(47041),M=!0,card=e=>{var t;let{profile:n,cardMethodData:a,id:d}=e,s=(0,l.useRouter)(),{method:u,loading:p}=(0,w.o)(),[h,m]=(0,o.useState)(!1),x=(0,c.cI)({mode:"onChange",defaultValues:{amount:a.budget?a.budget.amount:null,resetPeriod:a.budget?a.budget.resetPeriod:"Monthly",alarmType:a.budget?a.budget.alarmType:"Percent",alarmLimit:a.budget?a.budget.alarmLimit:null,skipBudgetCheckBox:!!a.budget,name:a.card.name,pcdPayCardNum:a.card.pcdPayCardNum,pcdPayCardName:a.card.pcdPayCardName,pcdPayerEmail:a.card.pcdPayerEmail},resolver:(0,O.X)(C.Ry().shape({name:Z.Se,...h?{amount:Z.qy,...C.Ry().shape({...Z.yL.fields}).when("alarmType",{is:"Value",then:C.Ry().shape({...Z.yL.fields}),otherwise:C.Ry().shape({})}).fields}:null}))}),{exitConfirmModal:g,setHasExitConfirmed:f}=(0,I.Z)(x.formState.isDirty,null,"결제수단 정보 수정 그만하기","결제수단 정보 수정 페이지에서 나가시겠습니까?\n변경한 내용은 저장되지 않습니다."),handleGoBack=async()=>{x.formState.isDirty?g(!0):s.back()},onSubmit=async e=>{if(p.isLoading)return;let t=String((0,P.getCookie)("accessToken")),n={name:e.name,...h?{budget:{resetPeriod:e.resetPeriod,amount:e.amount,alarmLimit:e.alarmLimit,alarmType:e.alarmType,paymentMethodId:d}}:null};p.setLoading(!0);try{await u.putAdminMethodIdCard(t,d,n,(e,t)=>{e?(v.default.success(t),f(!0),s.push("/admin/company/method")):v.default.error(t)})}finally{p.setLoading(!1)}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i(),{children:(0,r.jsx)("title",{children:"Admin | 결제수단 수정 (카드)"})}),(0,r.jsx)(c.RV,{...x,children:(0,r.jsx)(method_EditCardMethodTemp,{pageInfo:{title:"결제수단",profile:n},goBack:handleGoBack,skipBudget:h,setSkipBudget:m,onSubmit:x.handleSubmit(onSubmit),usedAmount:null===(t=a.budget)||void 0===t?void 0:t.usedAmount})})]})}}},function(e){e.O(0,[9297,874,7618,9774,2888,179],function(){return e(e.s=63530)}),_N_E=e.O()}]);