https://soople.io/_next/static/chunks/pages/myinfo/setting-cdc7fc5397040de4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[631],{11176:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/myinfo/setting",function(){return r(95337)}])},69509:function(e,t,r){"use strict";var i=r(35944),n=r(67294),o=r(78268),a=r(22689),l=r(24092),s=r(79626),u=r(16829),c=r(62159),d=r(77881),p=r(25535),g=r(94165),f=r(66833),m=r(48862),h=r(24240);t.Z=function(e){var t=e.isVisible,r=e.title,o=e.description,u=e.confirmText,p=e.closeText,g=e.onConfirm,f=e.onClose,m=e.confirmButtonColor,h=(0,s.u)(),C=(0,n.useRef)(null),_=(0,d.Z)().isMobile;return(0,a.Z)(t),(0,l.Z)(C,f),(0,i.tZ)(c.DelayRenderComponent,{isVisible:t,children:(0,i.tZ)(c.GlobalPortal,{children:(0,i.tZ)(v,{isVisible:t,children:(0,i.BX)(Z,{isVisible:t,ref:C,role:"dialog",children:[(0,i.BX)(b,{children:[(0,i.tZ)("h4",{children:r}),(0,i.tZ)(x,{size:24,color:h.accent6,onClick:f})]}),(0,i.tZ)(y,{children:o}),(0,i.BX)(k,{children:[(0,i.tZ)(w,{size:_?"large":"small",onClick:f,children:void 0===p?"닫기":p}),(0,i.tZ)(E,{size:_?"large":"small",color:void 0===m?"success":m,onClick:g,children:void 0===u?"확인":u})]})]})})})})};var v=(0,u.Z)("div",{target:"e1omg9c90"})((0,f.ZP)({alignItems:["flex-end","center"],transition:["visibility 0.4s ease-out","visibility 0.2s ease-out"]}),";",p.Z.modalBackground,";position:fixed;top:0;left:0;width:100%;height:100%;z-index:",m.Z.ConfirmModal,";display:flex;justify-content:center;background:rgba(0,0,0,0.4);"),Z=(0,u.Z)("div",{target:"e1omg9c91"})((0,f.ZP)({borderRadius:["12px 12px 0px 0px","8px"],width:["100%","400px"]}),";",p.Z.modalBox,";box-shadow:0 2px 12px 0 rgba(0,0,0,0.09);background:",e=>e.theme.background,";"),b=(0,u.Z)("div",{target:"e1omg9c92"})((0,f.ZP)({padding:["20px 20px 16px 20px","16px 20px"]}),";display:flex;align-items:center;justify-content:space-between;h4{margin:0px;",(0,g.QY)(!0),";}"),x=(0,u.Z)(o.Z,{target:"e1omg9c93"})("cursor:pointer;"),y=(0,u.Z)("div",{target:"e1omg9c94"})((0,f.ZP)({whiteSpace:["initial","pre-line"]}),";",(0,g.Nr)(),";margin:0 20px 24px 20px;"),k=(0,u.Z)("div",{target:"e1omg9c95"})(e=>{var t=e.theme;return(0,f.ZP)({boxShadow:["none","inset 0px 1px 0px ".concat(t.accent2)],padding:["0 20px 20px 20px","12px 16px 12px 16px"]})},";display:flex;flex-direction:row;justify-content:flex-end;align-items:center;button:first-of-type{",(0,f.ZP)({marginRight:["12px","8px"]}),"}"),w=(0,u.Z)(h.Z,{target:"e1omg9c96"})((0,f.ZP)({width:["30%","initial"]})),E=(0,u.Z)(h.Z,{target:"e1omg9c97"})((0,f.ZP)({width:["70%","initial"]}))},29446:function(e,t,r){"use strict";r.d(t,{Z:function(){return E}});var i=r(35944),n=r(35330),o=r(57757),a=r(41664),l=r.n(a),s=r(70917),u=r(16829),c=r(94165),d=r(66833),p=r(48862),g=function(e){var t=e.activeTab,r=e.numberAppliedGroups,n=e.numberRecruitedGroups;return(0,i.BX)(m,{children:[(0,i.tZ)(f,{href:"/myinfo/setting",pathName:"setting",activeTab:t,children:"내 정보 수정"}),(0,i.tZ)(f,{href:"/myinfo/recruited",pathName:"recruited",activeTab:t,children:"모집한 팀 ".concat(n)}),(0,i.tZ)(f,{href:"/myinfo/applied",pathName:"applied",activeTab:t,children:"신청한 팀 ".concat(r)})]})},f=(0,u.Z)(l(),{shouldForwardProp:e=>"pathName"!==e&&"activeTab"!==e,target:"e1vypl8g0"})("transition:border-color .2s ease-in-out;",(0,d.ZP)({padding:["11px 12px","12px"]}),";",e=>{var t=e.pathName,r=e.activeTab,i=e.theme;return t===r?(0,s.css)("border-bottom:2px solid ",i.foreground,";",d.HH,"{",(0,c.Nr)(!0),";}",(0,c.QY)(!0),";"):(0,s.css)(d.HH,"{",(0,c.Nr)(),";}",(0,c.QY)(),";border-bottom:2px solid transparent;color:",i.accent6,";")},";"),m=(0,u.Z)("nav",{target:"e1vypl8g1"})("position:sticky;z-index:",p.Z.MyInfoNavTab,";top:64px;box-shadow:0px 1px 0px ",e=>e.theme.accent2,";background:",e=>e.theme.background,";display:flex;flex-direction:row;justify-content:center;& >:not(a:last-of-type){",(0,d.ZP)({marginRight:["0","16px"]}),";}"),h=r(47901),v=r(36492),Z=r(90761),b=r(11315),x=function(e){var t=(0,v.a)(["appliedGroupCount",e],()=>(0,Z.w3)(e),{enabled:!!e}),r=t.error,i=t.isError;return(0,b.Z)({error:r,isError:i,defaultErrorMessage:"신청한 팀의 개수 불러오는데 실패했어요!"}),t},y=r(76429),k=function(e){var t=(0,v.a)(["recruitedGroupCount",e],()=>(0,y.Oj)(e),{enabled:!!e}),r=t.error,i=t.isError;return(0,b.Z)({error:r,isError:i,defaultErrorMessage:"모집한 팀의 개수 ë

1¶ˆëŸ¬ì˜¤ëŠ”데 실패했어요!"}),t},w=function(e){var t=e.activeTab,r=(0,h.Z)().data,n=x(null==r?void 0:r.uid).data,a=k(null==r?void 0:r.uid).data;return(0,i.tZ)(g,{activeTab:t,numberAppliedGroups:(0,o.checkNumber)(n),numberRecruitedGroups:(0,o.checkNumber)(a)})},E=e=>function(t){return(0,i.BX)(i.HY,{children:[(0,i.tZ)(n.Z,{}),(0,i.tZ)(w,{activeTab:e}),t]})}},23149:function(e,t,r){"use strict";var i=r(48228),n=r(14985),o=r(36974);t.Z=function(){var e=(0,i.D)(e=>(0,n.f)(e)),t=e.isError,r=e.error;return(0,o.Z)({isError:t,error:r,defaultErrorMessage:"파일을 삭제하는데 실패했어요! 잠시 후 다시 시도해주세요."}),e}},57608:function(e,t,r){"use strict";var i=r(48228),n=r(14985),o=r(36974);t.Z=function(){var e=(0,i.D)(e=>(0,n.x)(e)),t=e.isError,r=e.error;return(0,o.Z)({isError:t,error:r,defaultErrorMessage:"파일을 업로드하는데 실패했어요! 잠시 후 다시 시도해주세요."}),e}},36974:function(e,t,r){"use strict";var i=r(67294),n=r(68348);t.Z=function(e){var t=e.isError,r=e.error,o=e.defaultErrorMessage,a={"storage/unknown":"알 수 없는 오류가 발생했습니다.","storage/object-not-found":"존재하지 않는 경로입니다.","storage/bucket-not-found":"존재하지 않는 경로입니다.","storage/project-not-found":"존재하지 않는 경로입니다.","storage/quota-exceeded":"알 수 없는 오류가 발생했습니다.","storage/unauthenticated":"해당 이미지를 불러올 권한이 없습니다.","storage/unauthorized":"해당 이미지를 불러올 권한이 없습니다.","storage/retry-limit-exceeded":"작업(업로드, 다운로드, 삭제 등)의 최대 제한 시간이 초과되었습니다. 잠시 후 다시 업로드해 보세요.","storage/invalid-checksum":"업로드에 실패하였습니다. 잠시 후 다시 업로드해 보세요.","storage/canceled":"사용자가 작업을 취소했습니다.","storage/invalid-event-name":"알 수 없는 오류가 발생했습니다.","storage/invalid-url":"존재하지 않는 경로입니다.","storage/invalid-argument":"알 수 없는 오류가 발생했습니다.","storage/no-default-bucket":"알 수 없는 오류가 발생했습니다.","storage/cannot-slice-blob":"로컬 파일이 변경되지 않았는지 확인한 후 다시 업로드해 보세요.","storage/server-file-wrong-size":"클라이언트의 파일과 서버에서 수신한 파일의 크기가 일치하지 않습니다. 다시 업로드해 보세요."};(0,i.useEffect)(()=>{if(t||r){if(t&&!r){(0,n.Jc)(o);return}(0,n.Jc)(a[(null==r?void 0:r.code)||"storage/unknown"])}},[t,r])}},95337:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return F},default:function(){return $}});var i=r(35944),n=r(2962),o=r(29446),a=r(20567),l=r(14932),s=r(65956),u=r(67294),c=r(43716),d=r(11163),p=r(16829),g=r(57757),f=r(68348),m=r(24240),h=r(44819),v=(0,u.memo)(function(e){var t=e.imageUrl,r=e.onDelete,n=e.onUpload,o=e.isLoadingDeleteUserImage,a=e.isLoadingUpload,l=(0,u.useRef)(null);return(0,i.BX)(Z,{children:[(0,i.tZ)(h.Z,{priority:!0,src:t,size:"96",alt:"프로필 이미지"}),(0,i.tZ)(m.Z,{size:"small",color:"primary",isLoading:a,onClick:()=>{var e;return null===(e=l.current)||void 0===e?void 0:e.click()},children:"이미지 선택"}),(0,i.tZ)("input",{type:"file",style:{display:"none"},onChange:e=>{var t;if(null===(t=e.target.files)||void 0===t?void 0:t.length){if(e.target.files[0].size>5242880){(0,f.Jc)("이미지 업로드 최대 사이즈는 5MB입니다.");return}n(e.target.files[0])}},accept:"image/png, image/jpeg, image/jpg, image/gif",ref:l}),(0,i.tZ)(m.Z,{size:"small",color:"ghost",onClick:r,isLoading:o,children:"이미지 삭제"})]})}),Z=(0,p.Z)("div",{target:"e1u6o7gr0"})("display:inline-flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;& > img{margin-bottom:16px;}& > button:first-of-type{margin-bottom:4px;}"),b=r(87536),x=r(82343),y=function(e,t){var r,i=(r=(0,u.useRef)(!0)).current?(r.current=!1,!0):r.current;(0,u.useEffect)(function(){if(!i)return e()},t)},k=r(47533),w=r(62159),E=r(74231),C=r(16504),_=r(24471),N=r(51592),D=r(69509),R=function(e){var t=e.isVisible,r=e.onClose,n=e.onWithdrawal;return(0,i.tZ)(D.Z,{isVisible:t,title:"회원 탈퇴하기",description:"탈퇴하시면 내 정보에 등록된 계정 정보가 모두 삭제돼요.\n      정말 수플을 탈퇴하시겠어요? \uD83D\uDE2D",confirmText:"탈퇴하기",confirmButtonColor:"warning",onClose:r,onConfirm:n})},T=E.Ry({name:E.Z_().trim().required("닉네임을 입력해주세요."),portfolioUrl:E.Z_().trim().notRequired().nullable()}).required(),L=function(e){var t,r=e.user,n=e.onWithdrawal,o=e.onSubmit,a=e.isLoading,l=(0,b.cI)({resolver:(0,k.X)(T),mode:"onChange"}),c=l.register,d=l.handleSubmit,p=l.formState,f=p.isValid,h=p.errors,v=p.isDirty,Z=l.resetField,E=l.setValue,D=(null==r?void 0:r.position)?{label:r.position,value:r.position}:void 0,L=(0,s._)((0,u.useState)(null==D?void 0:D.value),2),B=L[0],S=L[1],V=(0,s._)((0,w.useBoolean)(!1),3),z=V[0],j=V[1],M=V[2];return(0,u.useEffect)(()=>

1{if(r){var e=r.name,t=r.portfolioUrl;E("name",(0,g.removeNullable)(e),{shouldValidate:!0}),E("portfolioUrl",(0,g.removeNullable)(t),{shouldValidate:!0})}},[r]),(0,x.Z)(()=>{E("position",(0,g.removeNullable)(B),{shouldValidate:!0})}),y(()=>{B&&E("position",(0,g.removeNullable)(B),{shouldValidate:!0,shouldDirty:!0})},[B]),(0,i.tZ)(U,{children:(0,i.BX)("form",{onSubmit:d(o),children:[(0,i.tZ)(N.Z,{id:"name",labelText:"닉네임",placeholder:"닉네임을 입력하세요",register:c("name"),onClear:()=>Z("name"),isError:!!h.name,message:null===(t=h.name)||void 0===t?void 0:t.message,type:"text"}),(0,i.tZ)(N.Z,{id:"email",type:"email",labelText:"이메일",placeholder:"이메일을 입력하세요",defaultValue:(0,g.removeNullable)(null==r?void 0:r.email),disabled:!0}),(0,i.tZ)(_.Z,{id:"position",defaultValue:D,options:C.z,labelText:"포지션",onChange:S,placeholder:"포지션을 입력 또는 선택해주세요.",errorMessage:"포지션을 입력 또는 선택해주세요."}),(0,i.tZ)(N.Z,{id:"portfolioUrl",labelText:"포트폴리오 URL",labelOptionText:"선택",placeholder:"URL을 입력하세요",register:c("portfolioUrl"),onClear:()=>Z("portfolioUrl"),type:"url"}),(0,i.tZ)(m.Z,{type:"submit",color:"success",size:"large",disabled:!f||!B||!v,isLoading:a,children:"저장하기"}),(0,i.tZ)(P,{color:"ghost",size:"medium",onClick:j,children:"회원 탈퇴하기"}),(0,i.tZ)(R,{isVisible:z,onWithdrawal:n,onClose:M})]})})},P=(0,p.Z)(m.Z,{target:"e120cmn10"})("color:",e=>e.theme.accent6,";margin-top:12px;"),U=(0,p.Z)("div",{target:"e120cmn11"})("& > form{display:flex;flex-direction:column;justify-content:center;align-items:center;}& > form > div{width:100%;margin-bottom:20px;}"),B=r(85945),S=r(48228),V=r(48729),z=r(53401),j=r(29156),M=r(69204),Q=function(){var e=(0,d.useRouter)().replace,t=(0,B.NL)(),r=(0,S.D)(()=>(0,V.EP)(),{onSuccess:()=>{(0,j.gy)(),t.setQueryData(["user"],()=>null),t.setQueryData(["token"],()=>null),t.setQueryData(["profile"],()=>null),t.setQueryData(["authRedirectResult"],()=>null),(0,z.cl)("isReauthenticate"),e("/"),(0,f.Qm)("회원탈퇴를 완료했어요.")}}),i=r.isError,n=r.error;return(0,M.Z)({isError:i,error:n,defaultErrorMessage:"회원탈퇴에 실패했어요!"}),r}

1,X=r(1510),I=r(47901),G=function(){var e=(0,S.D)(V.ff),t=e.isError,r=e.error;return(0,M.Z)({isError:t,error:r,defaultErrorMessage:"회원탈퇴에 실패했어요!"}),e},H=function(){var e=(0,B.NL)(),t=(0,S.D)(e=>(0,V.Lj)(e),{onSuccess:()=>{e.setQueryData(["authRedirectResult"],()=>null),e.invalidateQueries(["token"]),e.invalidateQueries(["user"]),e.invalidateQueries(["profile"])}}),r=t.isError,i=t.error;return(0,M.Z)({isError:r,error:i,defaultErrorMessage:"정보 수정에 실패했어요!"}),t},J=r(23149),W=r(57608),q=r(32430),Y=function(){var e=(0,d.useRouter)().replace,t=(0,s._)((0,c.Z)("isReauthenticate",!1),2),r=t[0],n=t[1],o=(0,I.Z)(),p=o.data,m=o.isLoading,h=o.isSuccess,Z=(0,X.Z)().data,b=G().mutate,x=Q().mutate,y=(0,J.Z)(),k=y.mutate,w=y.isLoading,E=(0,W.Z)(),C=E.data,_=E.mutate,N=E.isSuccess,D=E.reset,R=E.isLoading,T=H(),P=T.mutate,U=T.isSuccess,B=T.reset,S=T.isLoading,V={deleteImage:"이미지가 삭제되었어요.",updateUser:"수정된 정보를 저장했어요.",uploadImage:"이미지가 수정되었어요."},z=(0,s._)((0,u.useState)(),2),j=z[0],M=z[1],q=(0,u.useCallback)(e=>{p&&(P((0,a._)({},p,e)),M("updateUser"))},[p,P]),Y=(0,u.useCallback)(()=>{n(!0),b()},[]),A=(0,u.useCallback)(()=>{(null==p?void 0:p.image)&&(p.image.startsWith("https://firebasestorage.googleapis.com")&&k(p.image),P((0,l._)((0,a._)({},p),{image:null})),M("deleteImage"))},[p,k,P]),F=(0,u.useCallback)(e=>{var t;(null==p?void 0:null===(t=p.image)||void 0===t?void 0:t.startsWith("https://firebasestorage.googleapis.com"))&&k(p.image),_({file:e,storagePath:"profile/".concat((0,g.removeNullable)(null==p?void 0:p.uid),"/").concat(Date.now(),"-").concat(e.name)})},[p,_,k]);return((0,u.useEffect)(()=>{m||!h||p||e("/?error=unauthenticated")},[]),(0,u.useEffect)(()=>{r&&Z&&x()},[r,Z]),(0,u.useEffect)(()=>{N&&C&&p&&(P((0,l._)((0,a._)({},p),{image:C})),M("uploadImage"),D())},[N,p,C]),(0,u.useEffect)(()=>{U&&V&&j&&((0,f.Qm)((0,g.removeNullable)(V[j])),M(void 0),B())},[U,V,j]),m||!h)?null:(0,i.BX)(O,{children:[(0,i.tZ)(v,{imageUrl:null==p?void 0:p.image,onDelete:A,onUpload:F,isLoadingDeleteUserImage:w||S&&"deleteImage"===j,isLoadingUpload:R||S&&"uploadImage"===j}),(0,i.tZ)(L,{user:p,onSubmit:q,onWithdrawal:Y,isLoading:S&&"updateUser"===j})]})},O=(0,p.Z)(q.m,{target:"ezvftjk0"})("margin-top:36px;margin-bottom:72px;width:320px !important;display:flex;flex-direction:column;align-items:center;");function A(){return(0,i.BX)(i.HY,{children:[(0,i.tZ)(n.PB,{title:"내 정보 수정 - soople",openGraph:{title:"내 정보 수정 - soople",url:"".concat("https://soople.io","/myinfo/setting")}}),(0,i.tZ)(Y,{})]})}var F=!0,$=A;A.getLayout=(0,o.Z)("setting")},14985:function(e,t,r){"use strict";r.d(t,{f:function(){return c},x:function(){return u}});var i,n,o=r(11010),a=r(97582),l=r(71153),s=r(31952),u=(i=(0,o._)(function(e){var t,r,i,n;return(0,a.Jh)(this,function(o){switch(o.label){case 0:return t=e.storagePath,r=e.file,i=(0,s.$k)(t),[4,(0,l.KV)(i,r)];case 1:return n=o.sent(),[4,(0,l.Jt)(n.ref)];case 2:return[2,o.sent()]}})}),function(e){return i.apply(this,arguments)}),c=(n=(0,o._)(function(e){var t;return(0,a.Jh)(this,function(r){switch(r.label){case 0:return t=(0,s.$k)(e),[4,(0,l.oq)(t)];case 1:return r.sent(),[2]}})}),function(e){return n.apply(this,arguments)})}},function(e){e.O(0,[675,129,209,730,330,5,341,888,774,179],function(){return e(e.s=11176)}),_N_E=e.O()}]);