https://baskadia.com/_next/static/chunks/8185.44533f73ee439ff0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8185],{66856:function(e,a,i){var t=i(81225),n=i(44168),r=i(67294),s=(i(45697),i(86010)),o=i(52543),l=r.forwardRef((function(e,a){var i=e.disableSpacing,o=void 0!==i&&i,l=e.classes,c=e.className,d=(0,n.Z)(e,["disableSpacing","classes","className"]);return r.createElement("div",(0,t.Z)({className:(0,s.Z)(l.root,c,!o&&l.spacing),ref:a},d))}));a.Z=(0,o.Z)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(l)},48185:function(e,a,i){i.r(a),i.d(a,{default:function(){return W}});var t=i(47568),n=i(26042),r=i(69396),s=i(828),o=i(20414),l=i(85893),c=i(60357),d=i.n(c),u=i(67294),f=i(11163),p=i(60253),m=i(72091),h=i(45258),g=i(52663),v=i(66856),b=i(66083),x=i(17812),y=i(39803),j=i(28358),Z=i(868),k=i(22318),_=i(42734),w=i(22284),C=i(49384),N=i(61164),U=i(13048),z=i(92674),S=i(40570),B=i(62284),D=i(86263),I=i(73844),E=i(67265),F=i(79912),H=i(36847),T=function(e){var a=e.user,i=e.onUserUpdate,n=(0,p.$G)().t,r=(0,m.Ds)().enqueueSnackbar,c=(0,z.Z)(),f=(0,s.Z)(u.useState(!1),2),h=f[0],g=f[1],v="";(null===a||void 0===a?void 0:a.Img)&&(v="".concat("https://api.baskadia.com","/static/").concat(a.Img));var b=u.useMemo((function(){return(null===a||void 0===a?void 0:a.Name)?a.Name.charAt(0).toUpperCase():(0,l.jsx)(H.Z,{style:{color:"#fff"}})}),[null===a||void 0===a?void 0:a.Name]),x=u.useCallback(function(){var e=(0,t.Z)((function(e){var a,t,s,l,d;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:if(!(null===(a=e.target.files)||void 0===a?void 0:a.length))return r(n("file-upload-failed"),{variant:"error"}),[2];if(g(!0),"image/jpeg"!==(t=e.target.files[0]).type&&"image/png"!==t.type&&"image/gif"!==t.type)return r(n("file-upload-failed"),{variant:"error"}),g(!1),[2];if(e.target.value="",t.size>32e6)return r(n("file-size-must-be-32-mb-or-less"),{variant:"error"}),g(!1),[2];o.label=1;case 1:return o.trys.push([1,3,,4]),(s=new FormData).append("avatar",t),[4,c("/auth/user",{method:"PUT",body:s})];case 2:if(null===(l=o.sent()))throw new Error("newUser is null");return i(l),[3,4];case 3:return d=o.sent(),(0,C.kg)(d),r(n("file-upload-failed"),{variant:"error"}),g(!1),[2];case 4:return g(!1),[2]}}))}));return function(a){return e.apply(this,arguments)}}(),[r,c,i,n]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(F.Z,{children:[(0,l.jsx)(k.Z,{variant:"body1",style:{opacity:.7},children:n("avatar")}),(0,l.jsxs)("div",{className:"jsx-697712ff2236d9fc "+d().dynamic([["565b2d1adf1adf03",[h?"default":"pointer",h?"default":"pointer"]]])+" container",children:[(0,l.jsx)(E.Z,{src:v,alt:(null===a||void 0===a?void 0:a.Name)||n("guest"),style:{opacity:h?.38:1,transition:"opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},children:b}),(0,l.jsx)("input",{accept:"image/x-png, image/jpeg, image/gif",disabled:h,type:"file",onChange:x,className:"jsx-697712ff2236d9fc "+d().dynamic([["565b2d1adf1adf03",[h?"default":"pointer",h?"default":"pointer"]]])})]}),(0,l.jsx)(k.Z,{display:"block",variant:"caption",style:{opacity:.7,marginTop:"8px"},children:n("click-and-update-image")})]}),(0,l.jsx)(d(),{id:"565b2d1adf1adf03",dynamic:[h?"default":"pointer",h?"default":"pointer"],children:".__jsx-style-dynamic-selector::-webkit-file-upload-button{cursor:".concat(h?"default":"pointer","}input.__jsx-style-dynamic-selector{cursor:").concat(h?"default":"pointer","}")}),(0,l.jsx)(d(),{id:"697712ff2236d9fc",children:".container.jsx-697712ff2236d9fc{display:inline-block;position:relative;margin-top:8px}input.jsx-697712ff2236d9fc{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}"})]})},P=function(e){var a=e.user,i=e.onUserUpdate,n=(0,p.$G)().t,r=(0,m.Ds)().enqueueSnackbar,c=(0,z.Z)(),f=(0,s.Z)(u.useState(!1),2),h=f[0],g=f[1],v="/loading.jpg";(null===a||void 0===a?void 0:a.Header)&&(v="".concat("https://api.baskadia.com","/static/").concat(a.Header));var b=u.useCallback(function(){var e=(0,t.Z)((function(e){var a,t,s,l,d;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:if(!(null===(a=e.target.files)||void 0===a?void 0:a.length))return r(n("file-upload-failed"),{variant:"error"}),[2];if(g(!0),"image/jpeg"!==(t=e.target.files[0]).type&&"image/png"!==t.type&&"image/gif"!==t.type)return r(n("file-upload-failed"),{variant:"error"}),g(!1),[2];if(e.target.value="",t.size>32e6)return r(n("file-size-must-be-32-mb-or-less"),{variant:"error"}),g(!1),[2];o.label=1;case 1:return o.trys.push([1,3,,4]),(s=new FormData).append("header",t),[4,c("/auth/user",{method:"PUT",body:s})];case 2:if(null===(l=o.sent()))throw new Error("newUser is null");return i(l),[3,4];case 3:return d=o.sent(),(0,C.kg)(d),r(n("file-upload-failed"),{variant:"error"}),g(!1),[2];case 4:return g(!1),[2]}}))}));return function(a){return e.apply(this,arguments)}}(),[r,c,i,n]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(F.Z,{style:{padding:"16px"},children:[(0,l.jsx)(k.Z,{variant:"body1",style:{opacity:.7},children:n("header-image")}),(0,l.jsxs)("div",{className:d().dynamic([["a39d0e77df62029",[100/3]],["856c574fec3dad91",[h?.38:1,v,h?"default":"pointer",h?"default":"pointer"]]])+" container",children:[(0,l.jsx)("div",{className:d().dynamic([["a39d0e77df62029",[100/3]],["856c574fec3dad91",[h?.38:1,v,h?"default":"pointer",h?"default":"pointer"]]])}),(0,l.jsx)("input",{accept:"image/x-png, image/jpeg, image/gif",disabled:h,type:"file",onChange:b,className:d().dynamic([["a39d0e77df62029",[100/3]],["856c574fec3dad91",[h?.38:1,v,h?"default":"pointer",h?"default":"pointer"]]])})]}),(0,l.jsx)(k.Z,{display:"block",variant:"caption",style:{opacity:.7,marginTop:"8px"},children:n("click-and-update-image")})]}),(0,l.jsx)(d(),{id:"856c574fec3dad91",dynamic:[h?.38:1,v,h?"default":"pointer",h?"default":"pointer"],children:".container.__jsx-style-dynamic-selector>div.__jsx-style-dynamic-selector{opacity:".concat(h?.38:1,";background-image:url(").concat(v,")}

1.__jsx-style-dynamic-selector::-webkit-file-upload-button{cursor:").concat(h?"default":"pointer","}input.__jsx-style-dynamic-selector{cursor:").concat(h?"default":"pointer","}")}),(0,l.jsx)(d(),{id:"a39d0e77df62029",dynamic:[100/3],children:".container.__jsx-style-dynamic-selector{position:relative;margin-top:8px}.container.__jsx-style-dynamic-selector>div.__jsx-style-dynamic-selector{padding-top:".concat(100/3,"%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-color:#f5f5f5;-webkit-transition:opacity 225ms cubic-bezier(.4,0,.2,1)0ms;-moz-transition:opacity 225ms cubic-bezier(.4,0,.2,1)0ms;-o-transition:opacity 225ms cubic-bezier(.4,0,.2,1)0ms;transition:opacity 225ms cubic-bezier(.4,0,.2,1)0ms}input.__jsx-style-dynamic-selector{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}")})]})},W=function(e){var a=e.user,i=e.onUserUpdate,c=(0,U.Z)("/auth/user"),E=c.data,F=c.mutate,H=(0,f.useRouter)(),W=(0,p.$G)().t,q=(0,m.Ds)().enqueueSnackbar,G=(0,z.Z)(),$=(0,s.Z)((0,N.o)(),1)[0].auth,A=(0,s.Z)(u.useState(!1),2),M=A[0],R=A[1],K=(0,s.Z)(u.useState(!1),2),L=K[0],J=K[1],O=(0,s.Z)(u.useState(!1),2),Q=O[0],V=O[1],X=(0,s.Z)(u.useState(""),2),Y=X[0],ee=X[1],ae=(0,s.Z)(u.useState(""),2),ie=ae[0],te=ae[1],ne=u.useCallback((0,t.Z)((function(){var e;return(0,o.__generator)(this,(function(a){switch(a.label){case 0:return a.trys.push([0,3,,4]),(null===$||void 0===$?void 0:$.Unconfirmed)?[4,H.push("/auth/unconfirmed")]:[3,2];case 1:return a.sent(),[2];case 2:return ee((null===E||void 0===E?void 0:E.Name)||""),te((null===E||void 0===E?void 0:E.Bio)||""),J(!0),[3,4];case 3:return e=a.sent(),(0,C.kg)(e),[3,4];case 4:return[2]}}

1))})),[null===$||void 0===$?void 0:$.Unconfirmed,H,null===E||void 0===E?void 0:E.Bio,null===E||void 0===E?void 0:E.Name]),re=u.useCallback((function(){var e=!1;Y.trim().slice(0,50)!==((null===E||void 0===E?void 0:E.Name)||"")&&(e=!0),ie.trim().slice(0,1e3)!==((null===E||void 0===E?void 0:E.Bio)||"")&&(e=!0),e?V(!0):J(!1)}),[ie,Y,null===E||void 0===E?void 0:E.Bio,null===E||void 0===E?void 0:E.Name]),se=u.useCallback((function(){return V(!1)}),[]),oe=u.useCallback((function(){J(!1),V(!1)}),[]),le=u.useCallback((0,t.Z)((function(){var e,t,s,l,c,d,u,f,p,m;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:R(!0),o.label=1;case 1:return o.trys.push([1,4,,5]),e=new FormData,t=!1,(s=Y.trim().slice(0,50))!==((null===E||void 0===E?void 0:E.Name)||"")&&(e.append("name",s),t=!0),(l=ie.trim().slice(0,1e3))!==((null===E||void 0===E?void 0:E.Bio)||"")&&(e.append("bio",l),t=!0),t?[4,G("/auth/user",{method:"PUT",body:e})]:(J(!1),R(!1),[2]);case 2:if(null===(c=o.sent()))throw new Error("newUser is null");return d=c.Name,u=c.Bio,f=c.Img,p=c.Header,i((0,r.Z)((0,n.Z)({},a),{Name:d,Bio:u,Img:f,Header:p})),J(!1),R(!1),[4,F(c,!1)];case 3:return o.sent(),[3,5];case 4:return m=o.sent(),(0,C.kg)(m),q(W("failed-to-save-changes"),{variant:"error"}),R(!1),[3,5];case 5:return[2]}}

1))})),[ie,q,G,F,Y,i,W,null===E||void 0===E?void 0:E.Bio,null===E||void 0===E?void 0:E.Name,a]),ce=u.useCallback((function(e){return ee(e.target.value)}),[]),de=u.useCallback((function(e){"Enter"===e.key&&e.preventDefault()}),[]),ue=u.useCallback((function(e){return te(e.target.value)}),[]),fe=u.useCallback(function(){var e=(0,t.Z)((function(e){var t,s,l,c,d;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),t=e.Name,s=e.Bio,l=e.Img,c=e.Header,i((0,r.Z)((0,n.Z)({},a),{Name:t,Bio:s,Img:l,Header:c})),[4,F(e,!1)];case 1:return o.sent(),[3,3];case 2:return d=o.sent(),(0,C.kg)(d),[3,3];case 3:return[2]}}))}));return function(a){return e.apply(this,arguments)}}(),[F,i,a]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(S.Z,{color:"primary",startIcon:(0,l.jsx)(w.Z,{}),onClick:ne,children:W("edit")}),(0,l.jsxs)(g.Z,{open:L,fullScreen:!0,scroll:"body",onClose:re,children:[(0,l.jsx)(h.Z,{position:"fixed",children:(0,l.jsxs)(j.Z,{children:[(0,l.jsx)(x.Z,{color:"inherit",edge:"start",onClick:re,children:(0,l.jsx)(Z.ZP,{title:W("close")||"-",children:(0,l.jsx)(_.Z,{})})}),(0,l.jsx)(k.Z,{component:"h2",display:"inline",noWrap:!0,variant:"h6",children:W("profile")}),(0,l.jsx)("div",{className:"jsx-399cb0a8de3f407f spacer"}),(0,l.jsx)(S.Z,{color:"inherit",disabled:!E||M,variant:"outlined",onClick:le,children:W("save")})]})}),(0,l.jsx)("div",{className:"jsx-399cb0a8de3f407f offset-toolbar"}),(0,l.jsx)(B.Z,{style:{margin:"16px auto"},children:(0,l.jsx)(D.Z,{children:(0,l.jsxs)(I.Z,{children:[(0,l.jsxs)("div",{className:"jsx-399cb0a8de3f407f container",children:[(0,l.jsx)(y.Z,{name:"name",value:Y,label:W("nickname"),error:Y.length>50,autoComplete:"nickname",disabled:!E||M,fullWidth:!0,multiline:!0,type:"text",variant:"outlined",onChange:ce,onKeyPress:de}),(0,l.jsx)(k.Z,{align:"right",color:Y.length>50?"error":"inherit",display:"block",variant:"caption",children:"".concat(Y.length," / 50")}),(0,l.jsx)(y.Z,{name:"bio",value:ie,label:W("bio"),error:ie.length>1e3,autoComplete:"off",disabled:!E||M,fullWidth:!0,multiline:!0,type:"text",variant:"outlined",style:{marginTop:"32px"},onChange:ue}),(0,l.jsx)(k.Z,{align:"right",color:ie.length>1e3?"error":"inherit",display:"block",variant:"caption",children:"".concat(ie.length," / 1000")})]}),(0,l.jsx)(T,{user:E,onUserUpdate:fe}),(0,l.jsx)(P,{user:E,onUserUpdate:fe})]})})})]}),(0,l.jsxs)(g.Z,{open:Q,fullWidth:!0,maxWidth:"xs",onClose:se,children:[(0,l.jsx)(b.Z,{children:W("discard-changes?")}),(0,l.jsxs)(v.Z,{children:[(0,l.jsx)(S.Z,{disabled:M,onClick:se,children:W("cancel")}),(0,l.jsx)(S.Z,{color:"error",disabled:M,onClick:oe,children:W("discard")})]})]}),(0,l.jsx)(d(),{id:"399cb0a8de3f407f",children:".spacer.jsx-399cb0a8de3f407f{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.offset-toolbar.jsx-399cb0a8de3f407f{height:56px}@media(min-width:0)and (orientation:landscape){.offset-toolbar.jsx-399cb0a8de3f407f{height:48px}}@media(min-width:600px){.offset-toolbar.jsx-399cb0a8de3f407f{height:64px}}.container.jsx-399cb0a8de3f407f{padding:16px}"})]})}}}]);