https://owner.unban.ai/_next/static/chunks/pages/settings/mypage/modify-04cf6a990e4c4904.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="52cee8fd-18d0-45bb-861a-7de75770f31d",e._sentryDebugIdIdentifier="sentry-dbid-52cee8fd-18d0-45bb-861a-7de75770f31d")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9128],{78027:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/settings/mypage/modify",function(){return n(36602)}])},25020:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var a=n(75766),r=n(24043),u=n(85893),i=n(2808),s=n(93967),o=n.n(s),c=n(67294),l=n(69775);function d(e){var t=e.id,n=e.testId,s=e.label,d=e.placeholder,m=e.value,f=e.validation,p=e.required,y=e.disabled,h=e.labelChildren,x=e.options,b=e.className,N=e.boxClassName,v=e.disabledValueClassName,g=e.sizeType,_=e.optionsClassName,M=e.optionItemClassName,j=void 0===M?"":M,w=e.onChangeOption,I=e.isTitle,T=(0,c.useRef)(null),E=(0,c.useRef)(null),C=(0,r._)((0,c.useState)(!1),2),S=C[0],k=C[1],A=null==x?void 0:x.find(function(e){return e.key===m}),P="string"!=typeof(null==A?void 0:A.value)?null==A?void 0:A.value.props.children:null==A?void 0:A.value,B=function(e){var t=e.currentTarget,n=null==x?void 0:x[Number(t.dataset.idx)];if(!n||n.disabled){e.preventDefault(),e.stopPropagation();return}w(n),k(!1),e.nativeEvent.stopImmediatePropagation()},D=function(){y||k(!S)};(0,c.useEffect)(function(){y&&k(!1)},[y]);var U=function(e){E.current&&!E.current.contains(e.target)&&k(!1)};return(0,c.useEffect)(function(){return document.addEventListener("click",U,!0),function(){document.removeEventListener("click",U,!0)}},[E]),(0,u.jsxs)("div",{className:"cc-order-select-box ".concat(b),ref:E,"data-sentry-component":"SelectBox","data-sentry-source-file":"SelectBox.tsx",children:[s&&(0,u.jsx)(i.Z,{label:s,required:p,labelChildren:h}),(0,u.jsxs)("div",{className:o()("selectBox ".concat(void 0===g?"T42":g),{error:f,focused:S,disabled:y}),onMouseDown:D,onTouchStart:D,children:[(0,u.jsxs)("div",{className:"value ".concat(N),children:[(0,u.jsxs)("div",{className:o()("relative max-w-[84%]",{"!max-w-[56%]":null==A?void 0:A.children}),children:[(0,u.jsx)("input",{ref:T,id:t,"data-testid":n,readOnly:!0,className:o()("absolute left-0 top-0 w-full cursor-pointer outline-none",{required:p}),onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},disabled:y,title:I&&P?P:""}),(0,u.jsx)("div",{className:o()("cursor-pointer !truncate font-normal text-co-02",(0,a._)({"!text-co-06":!P,"!bg-co-09 !text-co-06":y&&!v},null!=v?v:"",y&&!!v)),children:P||d})]}),(0,u.jsxs)("div",{className:"flex items-center gap-[8px]",children:[null==A?void 0:A.children,(0,u.jsx)(l.Z,{className:o()("arrow flex-none",{"rotate-180":S}),"data-sentry-element":"ArrowDownIcon","data-sentry-source-file":"SelectBox.tsx"})]})]}),S&&(0,u.jsx)("ul",{"data-testid":"".concat(n,"-list"),className:o()("options ".concat(_)),children:null==x?void 0:x.map(function(e,t){return(0,u.jsxs)("li",{tabIndex:-1,"data-idx":t,onMouseDown:B,onTouchStart:B,onClick:B,className:o()("w-full text-ellipsis",j,{"cursor-not-allowed opacity-40":e.disabled}),title:I?e.value:"",children:[e.value,e.children]},"".concat(t))})})]}),f&&(0,u.jsx)("p",{"data-testid":n&&"".concat(n,"Validation"),className:"validation mt-1",children:f})]})}},36602:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return w},default:function(){return I}});var a=n(85893),r=n(5233),u=n(67698),i=n(11010),s=n(75766),o=n(72253),c=n(14932),l=n(24043),d=n(97582),m=n(38095),f=n(64247),p=n(92138),y=n(23035),h=n(11163),x=n(67294);function b(){var e,t=(0,r.$G)(["registration","account"]).t,n=(0,u.aF)(),b=n.getCurrentUser,N=n.saveCurrentUser,v=b(),g=(0,h.useRouter)(),_=(0,p.pr)(),M=_.mutateAsync,j=_.data,w=_.isSuccess,I={userId:"",officePhoneNumber:"",userName:"",userEmail:"",partName:""},T=(0,l._)((0,x.useState)({userId:"",officePhoneNumber:"",userName:"",userEmail:"",partName:""}),2),E=T[0],C=T[1],S=(0,l._)((0,x.useState)(I),2),k=S[0],A=S[1];(0,x.useEffect)(function(){C({partName:v.department,officePhoneNumber:v.officePhoneNumber,userEmail:v.email,userId:v.userId,userName:v.name})},[]);var P=function(e){C((0,c._)((0,o._)({},E),(0,s._)({},e,"")))},B=function(e){var t=e.target,n=t.name,a=t.value;if("officePhoneNumber"===n){var r=e.target.value.replace(/[^\d]/g,"");if(r.length>15)return;a=r}C((0,c._)((0,o._)({},E),(0,s._)({},n,a)))},D=(e=(0,i._)(function(){return(0,d.Jh)(this,function(e){switch(e.label){case 0:if(!U())return[2];return[4,M({memberId:v.memberId,department:E.partName,email:E.userEmail,name:E.userName,officePhoneNumber:E.officePhoneNumber})];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)});(0,x.useEffect)(function(){if(w){var e=j.result;v.memberId=e.memberId,v.department=e.department,v.email=e.email,v.name=e.name,v.officePhoneNumber=e.officePhoneNumber,N(v),g.back()}},[j]);var U=function(){return E.userName?E.officePhoneNumber?E.partName?E.userEmail&&(0,y.pH)(E.userEmail)?(A(I),!0):(A((0,c._)((0,o._)({},k),{userEmail:t("registration:validation.email")})),!1):(A((0,c._)((0,o._)({},k),{partName:t("registration:validation.department")})),!1):(A((0,c._)((0,o._)({},k),{officePhoneNumber:t("registration:validation.phoneNumber")})),!1):(A((0,c._)((0,o._)({},k),{userName:t("registration:validation.userOnlyName")})),!1)};return(0,a.jsxs)("div",{className:"gap-[24px]","data-sentry-component":"MypageModifyMain","data-sentry-source-file":"MypageModifyMain.tsx",children:[(0,a.jsxs)("h3",{className:"mb-[40px] text-co-02",children:[E.userId," ",t("account:manageMyAccount.modify.title")]}),["userName","partName","officePhoneNumber","userEmail"].map(function(e,n){return(0,a.jsx)(f.II,{className:"mt-[24px]",name:e,label:t("account:manageMyAccount.modify.".concat(e)),placeholder:t("account:manageMyAccount.modify.".concat(e,"PlaceHolder")),maxLength:Number(t("account:manageMyAccount.modify.".concat(e,"MaxLength"))),value:E[e],validation:k[e],onReset:function(){return P(e)},onChange:B,required:!0},n)}),(0,a.jsxs)("div",{className:"mt-[64px] flex w-full justify-center gap-[10px]",children:[(0,a.jsx)(m.ii,{sizeType:"T64",label:t("account:manageMyAccount.modify.cancelButton"),onClick:function(){g.back()},"data-sentry-element":"LineButton","data-sentry-source-file":"MypageModifyMain.tsx"}),(0,a.jsx)(m.gg,{sizeType:"T64",label:t("account:manageMyAccount.modify.modifyButton"),onClick:D,"data-sentry-element":"SolidButton","data-sentry-source-file":"MypageModifyMain.tsx"})]})]})}var N=n(17351),v=n(98072),g=n(82905),_=n(85309),M=n(21629);function j(){var e,t=(0,r.$G)().t,n=(0,u.aF)(),b=n.getCurrentUser,j=n.saveCurrentUser,w=b(),I=(0,h.useRouter)(),T=(0,v.H)().orderMeta,E=N.Z.getCurrentUserFromStorage().isHanssem,C=(0,p.h6)(),S=C.mutateAsync,k=C.data,A=C.isSuccess,P={userId:"",phoneNumber:"",userName:"",userEmail:"",partName:"",departmentType:E?_.tYh.departmentType.KITCHEN:null},B=(null==T?void 0:T.departmentType.map(function(e){return{key:e.key,value:e.value}}))||[],D=(0,l._)((0,x.useState)(P),2),U=D[0],Z=D[1],L=(0,l._)((0,x.useState)(P),2),O=L[0],J=L[1],R=(0,l._)((0,x.useState)(!1),2),q=R[0],z=R[1];(0,x.useEffect)(function(){Z({departmentType:w.departmentType,partName:w.department,phoneNumber:w.phoneNumber,userEmail:w.email,userId:w.userId,userName:w.name})},[]);var H=function(e){Z((0,c._)((0,o._)({},U),(0,s._)({},e,"")))},F=function(e){var t=e.target,n=t.name,a=t.value;Z((0,c._)((0,o._)({},U),(0,s._)({},n,a)))},G=(e=(0,i._)(function(){return(0,d.Jh)(this,function(e){switch(e.label){case 0:if(!V())return[2];return[4,S({memberId:w.memberId,smsToken:U.phoneNumber,department:U.partName,departmentType:U.departmentType,email:U.userEmail,name:U.userName})];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)});(0,x.useEffect)(function(){A&&(w.memberId=k.memberId,w.department=k.department,w.departmentType=k.departmentType,w.email=k.email,w.name=k.name,w.phoneNumber=k.phoneNumber,j(w),I.back())},[k]);var V=function(){return U.userName?U.phoneNumber?U.userEmail&&!(0,y.pH)(U.userEmail)?(J((0,c._)((0,o._)({},O),{userEmail:t("registration:validation.email")})),!1):(J(P),!0):(J((0,c._)((0,o._)({},O),{phoneNumber:t("registration:validation.phoneNumber")})),!1):(J((0,c._)((0,o._)({},O),{userName:t("registration:validation.userOnlyName")})),!1)};return(0,a.jsxs)("div",{className:"gap-[24px]","data-sentry-component":"MypageModifySub","data-sentry-source-file":"MypageModifySub.tsx",children:[(0,a.jsxs)("h3",{className:"mb-[40px] text-co-02",children:[U.userId," ",t("account:manageMyAccount.modify.title")]}),(0,a.jsxs)("div",{children:[(0,a.jsx)(f.__,{label:t("account:manageSubAccount.phoneNumber"),labelChildren:(0,a.jsx)("p",{className:"mt-[8px] font-normal text-caution-01",children:t("account:manageMyAccount.modify.phoneNumberDescription")}),labelClassName:"!m-0",required:!0,"data-sentry-element":"Label","data-sentry-source-file":"MypageModifySub.tsx"}),q?(0,a.jsx)(g.Z,{onSuccess:function(e,t){Z((0,c._)((0,o._)({},U),{phoneNumber:e}))},buttonSize:"T56"}):(0,a.jsxs)("div",{className:"mt-[10px] flex gap-[10px]",children:[(0,a.jsx)(f.II,{value:U.phoneNumber,disabled:!0,className:"w-full"}),(0,a.jsx)(m.ii,{label:t("login:button.change"),sizeType:"T56",labelClassName:"text-sm !min-w-[26px]",onClick:function(){return z(!0)}})]})]}),["userName","partName","userEmail"].map(function(e,n){return E&&"partName"===e?(0,a.jsxs)("div",{className:"mt-[24px]",children:[(0,a.jsx)(f.__,{required:!0,label:"부서명"}

1),(0,a.jsx)(M.j,{options:B,value:U.departmentType,onChangeOption:function(e){return Z((0,c._)((0,o._)({},U),{partName:e.value,departmentType:e.key}))},optionsClassName:"mt-[-14px]"})]},n):(0,a.jsx)(f.II,{className:"mt-[24px]",name:e,label:t("account:manageMyAccount.modify.".concat(e)),placeholder:t("account:manageMyAccount.modify.".concat(e,"PlaceHolder")),maxLength:Number(t("account:manageMyAccount.modify.".concat(e,"MaxLength"))),value:U[e],validation:O[e],onReset:function(){return H(e)},onChange:F,required:"userEmail"!==e},n)}),(0,a.jsxs)("div",{className:"mt-[64px] flex w-full justify-center gap-[10px]",children:[(0,a.jsx)(m.ii,{sizeType:"T64",label:t("account:manageMyAccount.modify.cancelButton"),onClick:function(){I.back()},"data-sentry-element":"LineButton","data-sentry-source-file":"MypageModifySub.tsx"}),(0,a.jsx)(m.gg,{sizeType:"T64",label:t("account:manageMyAccount.modify.modifyButton"),onClick:G,"data-sentry-element":"SolidButton","data-sentry-source-file":"MypageModifySub.tsx"})]})]})}var w=!0;function I(){var e=(0,r.$G)().t,t=(0,(0,u.aF)().getCurrentUser)();return(0,a.jsx)("div",{className:"flex w-full flex-col items-center bg-co-10 pb-[125px]","data-sentry-component":"Modify","data-sentry-source-file":"index.tsx",children:(0,a.jsxs)("div",{className:"h-full w-full max-w-[90%] 2xl:max-w-[1140px]",children:[(0,a.jsx)("h2",{className:"mb-[8px] mt-[69px] text-[36px] font-bold",children:e("account:manageMyAccount.title")}),(0,a.jsxs)("p",{className:"mb-[40px] text-[26px] font-thin",children:[t.name," ",e("account:manageMyAccount.subtitle1"),(0,a.jsx)("br",{}),e("account:manageMyAccount.subtitle2")]}),(0,a.jsx)("div",{className:"mt-[40px] rounded bg-co-11 pb-[80px] pl-[170px] pr-[170px] pt-[80px]",children:t.isMain?(0,a.jsx)(b,{}):(0,a.jsx)(j,{})})]})})}},21629:function(e,t,n){"use strict";n.d(t,{j:function(){return a.Z}});var a=n(25020)},92138:function(e,t,n){"use strict";n.d(t,{Kp:function(){return p},MV:function(){return f},UQ:function(){return c},h6:function(){return m},op:function(){return l},pr:function(){return d}});var a=n(11010),r=n(97582),u=n(71922),i=n(12041),s=n(48228),o=n(67848),c=function(){var e,t=(0,u.Z)().updatePasswordInfo,n=(e=(0,a._)(function(e){return(0,r.Jh)(this,function(n){switch(n.label){case 0:return[4,t(e)];case 1:return[2,n.sent().data.result]}})}),function(t){return e.apply(this,arguments)});return(0,s.D)(["useUpdatePassword"],n,{})},l=function(){var e,t=(0,i.Z)().updatePaymentType,n=(e=(0,a._)(function(e){return(0,r.Jh)(this,function(n){switch(n.label){case 0:return[4,t(e)];case 1:return[2,n.sent().data]}})}),function(t){return e.apply(this,arguments)});return(0,s.D)(["useUpdatePaymentType"],n,{})},d=function(){var e,t=(0,u.Z)().updateMainOwnerInfo,n=(e=(0,a._)(function(e){return(0,r.Jh)(this,function(n){switch(n.label){case 0:return[4,t(e)];case 1:return[2,n.sent().data]}})}),function(t){return e.apply(this,arguments)});return(0,s.D)(["useUpdateMypageInfo"],n,{})},m=function(){var e,t=(0,u.Z)().updateSubOwnerInfo,n=(e=(0,a._)(function(e){return(0,r.Jh)(this,function(n){switch(n.label){case 0:return[4,t(e)];case 1:return[2,n.sent().data.result]}})}),function(t){return e.apply(this,arguments)});return(0,s.D)(["useUpdateMypageInfo"],n,{})},f=function(e){var t,n=(0,u.Z)().getCheckUnRegistration,i=(t=(0,a._)(function(){return(0,r.Jh)(this,function(e){switch(e.label){case 0:return[4,n()];case 1:return[2,e.sent().data]}})}),function(){return t.apply(this,arguments)});return(0,o.a)(["useGetCheckUnRegistration"],i,e)},p=function(e){var t,n=(0,u.Z)().setInfoAccess,i=(t=(0,a._)(function(){return(0,r.Jh)(this,function(e){switch(e.label){case 0:return[4,n()];case 1:return[2,e.sent().data]}})}),function(){return t.apply(this,arguments)});return(0,o.a)(["useSetInfoAccess"],i,e)}}},function(e){e.O(0,[2905,2888,9774,179],function(){return e(e.s=78027)}),_N_E=e.O()}]);