https://heavenly.tv/_next/static/chunks/pages/mypage/nickname-a1ed7fa7eb93111f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1357],{96480:function(e,t,n){"use strict";n.d(t,{Z:function(){return b}});var a=n(63366),i=n(87462),r=n(67294),o=n(94780),s=n(4953),l=n(81011),d=n(81719),u=n(78884),c=n(1588),m=n(34867),p=n(48493);function getInputUtilityClass(e){return(0,m.ZP)("MuiInput",e)}let f=(0,i.Z)({},p.Z,(0,c.Z)("MuiInput",["root","underline","input"]));var g=n(85893);let h=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","type"],useUtilityClasses=e=>{let{classes:t,disableUnderline:n}=e,a=(0,o.Z)({root:["root",!n&&"underline"],input:["input"]},getInputUtilityClass,t);return(0,i.Z)({},t,a)},y=(0,d.ZP)(l.Ej,{shouldForwardProp:e=>(0,d.FO)(e)||"classes"===e,name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:n}=e;return[...(0,l.Gx)(e,t),!n.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let n="light"===e.palette.mode,a=n?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(a=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),(0,i.Z)({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&:after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${f.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${f.error}:after`]:{borderBottomColor:(e.vars||e).palette.error.main,transform:"scaleX(1)"},"&:before":{borderBottom:`1px solid ${a}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${f.disabled}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${a}`}},[`&.${f.disabled}:before`]:{borderBottomStyle:"dotted"}})}),x=(0,d.ZP)(l.rA,{name:"MuiInput",slot:"Input",overridesResolver:l._o})({}),v=r.forwardRef(function(e,t){let n=(0,u.Z)({props:e,name:"MuiInput"}),{disableUnderline:r,components:o={},componentsProps:d,fullWidth:c=!1,inputComponent:m="input",multiline:p=!1,type:f="text"}=n,v=(0,a.Z)(n,h),b=useUtilityClasses(n),Z={root:{ownerState:{disableUnderline:r}}},k=d?(0,s.Z)(d,Z):Z;return(0,g.jsx)(l.ZP,(0,i.Z)({components:(0,i.Z)({Root:y,Input:x},o),componentsProps:k,fullWidth:c,inputComponent:m,multiline:p,ref:t,type:f},v,{classes:b}))});v.muiName="Input";var b=v},93788:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/nickname",function(){return n(64100)}])},64100:function(e,t,n){"use strict";n.a(e,async function(e,a){try{n.r(t),n.d(t,{__N_SSG:function(){return x}});var i=n(85893),r=n(78016),o=n(30120),s=n(29630),l=n(66018),d=n(11163),u=n(67294),c=n(3349),m=n(41399),p=n(32537),f=n(65188),g=n(2002),h=n(5068),y=e([m,f]);[m,f]=y.then?(await y)():y;var x=!0;t.default=()=>{let{t:e}=(0,l.$G)(),[t,n]=(0,c.F_)(f.lX),a=(0,d.useRouter)();(0,u.useEffect)(()=>{n||t||a.push("/")},[t,n]);let[y,x]=(0,u.useState)(null),{data:v}=(0,h.ZP)(p.By,{fallbackData:g.z});return(0,u.useEffect)(()=>{v&&x(v)},[v]),(0,i.jsx)(r.Z,{sx:{mt:15},children:y&&(0,i.jsxs)(o.Z,{sx:{maxWidth:800,width:"100%",mx:"auto"},children:[(0,i.jsx)(s.Z,{sx:{fontSize:22,fontWeight:700,textAlign:"center"},children:e("profile.edit")}),(0,i.jsx)(m.Z,{userMember:y})]})})},a()}catch(e){a(e)}})},48998:function(e,t,n){"use strict";var a=n(85893);n(67294);var i=n(55343),r=n(58316),o=n(96480),s=n(30120),l=n(66018);t.Z=e=>{let{id:t,titleKey:n,type:d="string",value:u,setValue:c,errorMsg:m,placeholder:p="",startAdornment:f,endAdornment:g,disabled:h=!1}=e,{t:y}=(0,l.$G)();return(0,a.jsxs)(i.Z,{variant:"standard",fullWidth:!0,color:"secondary",sx:{width:"100%",mt:4},children:[(0,a.jsx)(r.Z,{htmlFor:t,sx:{color:"label.alternative",fontWeight:700,"&.Mui-focused":{color:"secondary.main"}},children:y(n)}),(0,a.jsx)(o.Z,{color:"secondary",type:d,id:t,value:u,placeholder:p,onChange:c,disabled:h||!c,sx:{width:"100%",paddingTop:"16px",paddingBottom:"16

1px",fontSize:"20px",fontWeight:700,lineHeight:"16px",gap:"8px",justifyContent:"space-between","& input":{flexShrink:1}},startAdornment:f,endAdornment:g}),m&&(0,a.jsx)(s.Z,{sx:{color:"warning"===m.type?"#FF6363":"secondary.main",fontSize:15,fontWeight:500,mt:1,textAlign:"left"},children:m.message})]})}},41399:function(e,t,n){"use strict";n.a(e,async function(e,a){try{var i=n(85893),r=n(30120),o=n(75084),s=n(93481),l=n(69243),d=n(82741),u=n(66018),c=n(67294),m=n(49088),p=n(2567),f=n(10046),g=n(48998),h=n(15170),y=n(60096),x=e([m,p]);[m,p]=x.then?(await x)():x;let v={backgroundColor:"secondary.main",whiteSpace:"nowrap",fontSize:"16px",fontWeight:700,lineHeight:1,padding:"8px 12px",flexShrink:0,"&:hover":{backgroundColor:"secondary.main"},"&:disabled":{backgroundColor:"secondary.dark"}};t.Z=e=>{var t,n;let{userMember:a}=e,{mutate:x,cache:b}=(0,f.kY)(),{t:Z}=(0,u.$G)(),[k,w]=(0,c.useState)(!1),[C,S]=(0,c.useState)(!1),[j,E]=(0,c.useState)(""),[_,P]=(0,c.useState)(""),[M,I]=(0,c.useState)(!1),[$,N]=(0,c.useState)(""),[W,A]=(0,c.useState)(""),[B,D]=(0,c.useState)(""),[U,V]=(0,c.useState)(!1),[F,z]=(0,c.useState)(""),[T,X]=(0,c.useState)(!1);(0,c.useEffect)(()=>{if(a){var e,t;E(j||(null!==(e=a.displayName)&&void 0!==e?e:"")),N($||(null!==(t=a.email)&&void 0!==t?t:""))}},[a]);let sendEmailVerifyCode=async()=>{V(!0);try{let{data:e,status:t}=await m.Z.sendUpdateEmailVerifyCode($,a.locale);200===t&&A(Z("mypage.verification.email.msg"))}catch(e){V(!1)}},submitNickname=async()=>{if(k)return;w(!0);let e=new FormData;e.append("nickname",j);try{let{data:t,status:n}=await p.Z.update(e);

1if(200===n){if(b instanceof Map){let e=/userinfo/;for(let t of b.keys())e.test(t)&&x(t);I(!0),S(!0)}}else 500===n&&1103==t.code&&P(Z("mypage.nickname.error.length"))}catch(e){console.error("]-----[ MyPage::handleSubmit.error ]-----[",e)}finally{w(!1)}},submitEmail=async()=>{if(k)return;w(!0),A("");let e=new FormData;e.append("email",$),e.append("emailVerificationCode",F);try{let{data:t,status:n}=await p.Z.update(e);if(200===n){if(b instanceof Map){let e=/userinfo/;for(let t of b.keys())e.test(t)&&x(t)}V(!1),X(!0),S(!0)}else D(Z("mypage.verification.error.msg")),z("")}catch(e){console.error("]-----[ MyPage::handleSubmit.error ]-----[",e)}finally{w(!1)}};return(0,i.jsxs)(r.Z,{sx:{textAlign:"center",maxWidth:800,width:"100%"},children:[(0,i.jsx)(g.Z,{id:"standard-adornment-displayName",titleKey:"profile.nickname",value:j,setValue:e=>{e.preventDefault(),E(e.target.value),_&&P(""),M&&e.target.value!==j&&I(!1)},errorMsg:{type:"warning",message:_},endAdornment:(0,i.jsx)(o.Z,{disabled:(null==a?void 0:a.displayName)===j||M||!(0,h.pd)(j),sx:v,onClick:submitNickname,children:Z(M?"mypage.nickname.change.complete":"mypage.edit.nickname.bt")})}),(0,i.jsx)(g.Z,{id:"standard-adornment-email",titleKey:Z("mypage.edit.email.title"),value:$,setValue:e=>{e.preventDefault(),N(e.target.value),B&&setInterval(()=>{D("")},1e3)},disabled:U,placeholder:Z("mypage.edit.nickname.placeholder"),errorMsg:{type:"success",message:W},startAdornment:(null==a?void 0:a.accountProviderType)?(0,i.jsxs)(r.Z,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:1,fontSize:24,fontWeight:300,color:"#444549",lineHeight:1},children:[(0,i.jsx)("img",{src:"/images/icons/".concat(null===(t=y.q[a.accountProviderType])||void 0===t?void 0:t.img),width:"24px",height:"24px",alt:"sign in with ".concat(null===(n=y.q[a.accountProviderType])||void 0===n?void 0:n.name)}),"|"]}):void 0,endAdornment:(0,i.jsx)(o.Z,{disabled:!(0,h.vV)($)||a.email===$||U,sx:v,onClick:sendEmailVerifyCode,children:Z(U?"mypage.nickname.confirm.bt":"mypage.verification.email.req.bt")})}),(0,i.jsx)(s.Z,{in:U,children:(0,i.jsx)(g.Z,{id:"standard-adornment-emailValidation",titleKey:Z("mypage.verification.email.title"),type:"number",value:F,setValue:e=>{e.preventDefault(),z(e.target.value)},errorMsg:{type:"warning",message:B},endAdornment:(0,i.jsx)(o.Z,{disabled:F.length<6||T,onClick:submitEmail,sx:v,children:Z(T?"mypage.nickname.confirm.bt":"common.button.confirm")})})}),(0,i.jsx)(g.Z,{id:"standard-adornment-userId",titleKey:Z("mypage.member.id"),value:a.memberDefault?a.memberDefault.id:""}),(0,i.jsx)(l.Z,{open:C,autoHideDuration:3e3,onClose:()=>S(!1),anchorOrigin:{vertical:"top",horizontal:"center"},children:(0,i.jsx)(d.Z,{onClose:()=>S(!1),severity:"success",sx:{width:"100%",fontWeight:800,background:"linear-gradient(154.64deg, #42C0E0 -46.39%, #7332E3 231.49%)"},children:Z("toast.success.profile.modify")})})]})},a()}catch(e){a(e)}})}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=93788)}),_N_E=e.O()}]);