https://volumo.com/_next/static/chunks/pages/profile/user-9c939bd52f697a7c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1379],{25141:e=>{e.exports={root:"ImageEditor_root___atxq",image:"ImageEditor_image__a080e","image--empty":"ImageEditor_image--empty__1Kw8C",dropZone:"ImageEditor_dropZone__4eqDN",active:"ImageEditor_active__NoIzY","dropZone--circle":"ImageEditor_dropZone--circle__x2MeL","dropZone--rounded":"ImageEditor_dropZone--rounded__I6ZMQ",labelRow:"ImageEditor_labelRow__97Awb",label:"ImageEditor_label__D9FhJ",asterisk:"ImageEditor_asterisk__h_mkR",labelOption:"ImageEditor_labelOption__IdACy",button:"ImageEditor_button__W4DFA"}},40372:(e,a,t)=>{"use strict";t.r(a),t.d(a,{UserProfile:()=>D,default:()=>R});var n=t(80263),i=t(46947),l=t(70719),r=t(94386),s=t(67445),o=t(97930),c=t(64011),m=t(45485),d=t(86920),u=t(22269),h=t(136),_=t(61528),p=t(78852),g=t(50016),b=t(59380),x=t.n(b),j=t(13463),v=t(40377),C=t(3638),f=t(84001),k=t(53239),y=t(82762),w=t(50005),N=t(42173),I=t(51143),S=t(54923),A=t(4151),E=t(59486),P=t(94292),z=t.n(P);let D=()=>{let{t:e}=(0,j.c3)(),{user:a}=(0,I.IE)();if(!a)throw Error("No user available");let t=(0,I.z2)(),b=(0,I.dX)(),A=(0,I.Pb)(),P=e=>{e?b.mutate(e):A.mutate()},D={email:a?.public_email||"",name:a?.name||"",nickname:a?.dj_nickname||""},R=e("User profile"),F=(0,k.useMemo)(()=>({title:R}),[R]),M=(0,S.UV)(e),B=(0,k.useMemo)(()=>[M.Root,{text:R}],[M,R]);return(0,n.jsxs)(E.u,{topLine:(0,n.jsx)(w.I,{pageName:"userProfile",values:B}),children:[(0,n.jsx)(N.t,{fields:F,microdata:(0,_.Oq)(B),pageName:"userProfile"}),(0,n.jsxs)(o.xA,{verticalSpacing:2,children:[(0,n.jsx)(s.c,{className:x().aboveMd}),(0,n.jsx)(f.l1,{enableReinitialize:!0,initialStatus:(0,c.iE)(t.error),initialValues:D,validationSchema:y.Ik().shape({name:y.Yj().required(e("Required")),nickname:y.Yj().notRequired(),email:y.Yj().notRequired().email(e("This has to be an email address"))}),onSubmit:e=>{let{name:a,nickname:n,email:i}=e;t.mutate({name:a,dj_nickname:n,public_email:i})},children:l=>{let{errors:_,handleChange:g,handleBlur:j,setFieldValue:k,setStatus:y,status:w,touched:N,values:I}=l;return(0,n.jsx)(f.lV,{children:(0,n.jsxs)(o.f6,{children:[(0,n.jsx)(d.n,{className:z().avatar,loading:b.isPending||t.isPending,manualCrop:!0,mimeType:"image/*",placeholder:e("Click or drop an image…"),shape:"circle",size:156,src:i.C.getImageUrl(a.avatar_uuid),title:e("User profile picture"),onSelected:P}),(0,n.jsxs)(o.xA,{verticalSpacing:2,children:[!!b.error&&(0,n.jsx)(h.p,{type:"error",children:(0,c.Nw)(b.error)}),(0,n.jsx)(u.k,{className:(0,C.A)(x().aboveMd),readOnly:!0,value:a?.email}),(0,n.jsx)(u.k,{error:N.name&&(_.name||w?.name),id:"name",label:e("Name"),name:"name",value:I.name,onBlur:j,onChange:e=>{g(e),y("")}}),(0,n.jsx)(u.k,{canClear:!0,error:N.nickname&&(_.nickname||w?.nickname),id:"nickname",label:e("Stage name / DJ nickname"),name:"nickname",value:I.nickname,onBlur:j,onChange:e=>{g(e),y("")}}),(0,n.jsx)(m.j,{canClear:!0,error:N.email&&(_.email||w?.email),id:"email",label:e("Public email"),name:"email",value:I.email,onBlur:j,onChange:e=>{g(e),y("")},onSuggestionClick:e=>k("email",e)}),(0,n.jsx)(p.K,{mt:.5})]}),(0,n.jsxs)("div",{className:z().submitBlock,children:[(0,n.jsx)(s.c,{variant:"zero"}),(0,n.jsx)(p.K,{mt:3}),(0,n.jsx)(r.$,{className:z().submitButton,disabled:(0,v.bD)(D,I),loading:t.isPending,type:"submit",children:e("Save changes")})]})]})})}}),(0,n.jsx)(s.c,{variant:"zero"}),(0,n.jsx)(g.V,{component:"h2",variant:"h3",children:e("Verify as an artist or a label")}),(0,n.jsx)("div",{className:z().block,children:(0,n.jsxs)(o.NP,{columns:"1fr auto",horizontalSpacing:2,verticalSpacing:2,children:[(0,n.jsx)("div",{children:e("If you are an artist or label representative, you can claim your artist/label account to be able to update its information and submit new music directly to Volumo.")}),(0,n.jsx)(r.$,{href:l.KW.ContentProvider,size:"small",children:e("Artist & Label panel")})]})})]}),(0,n.jsx)(p.K,{mt:15})]})};D.getConfig=()=>({isAuthenticationRequired:!0}),D.renderInLayout=A.P;let R=D},45485:(e,a,t)=>{"use strict";t.d(a,{j:()=>u});var n=t(80263),i=t(62907),l=t(22269),r=t(13463),s=t(62091),o=t.n(s),c=t(53239),m=t(57419),d=t.n(m);let u=e=>{let{onBlur:a,onSuggestionClick:t,...s}=e,{t:m}=(0,r.c3)(),[u,h]=(0,c.useState)(),_=(0,c.useCallback)((e,t)=>{a?.(e,t),h(o().run({email:t??e.target.value}))},[a]);return(0,n.jsx)(l.k,{...s,footnote:u&&(0,n.jsx)("div",{className:d().emailFootnote,children:m("Did you mean {suggestion}?",void 0,{suggestion:(0,n.jsxs)(n.Fragment,{children:[u.address,"@",(0,n.jsx)(i.u,{className:d().suggestedDomain,onClick:()=>{t?.(u.full),h(void 0)},children:u.domain})]})})}),type:"email",onBlur:_})}},55087:e=>{e.exports={root:"CropImageModalContent_root__T5XGU",crop:"CropImageModalContent_crop__SekqH",zoomDescription:"CropImageModalContent_zoomDe

1scription__fSHhM",zoom:"CropImageModalContent_zoom__J618A",button:"CropImageModalContent_button__XKPmF"}},57419:e=>{e.exports={emailFootnote:"EmailInput_emailFootnote__KJ0df",suggestedDomain:"EmailInput_suggestedDomain__o7lRe"}},59380:e=>{e.exports={belowSm:"hidden_belowSm__sbuaZ",aboveSm:"hidden_aboveSm__rjjKs",belowMd:"hidden_belowMd__O_Hyh",aboveMd:"hidden_aboveMd__zZ5Py"}},59571:(e,a,t)=>{"use strict";t.d(a,{r:()=>o});var n=t(80263),i=t(97930),l=t(3638);t(53239);var r=t(79814),s=t.n(r);let o=e=>{let{actions:a,actionsAlwaysVisible:t,className:r,...o}=e;return(0,n.jsxs)("div",{className:(0,l.A)(r,s().root,t&&s().alwaysVisible),...o,children:[o.children,a&&(0,n.jsx)(i.xA,{autoFlow:"columns",className:(0,l.A)(s().actions,t&&s().alwaysVisible),horizontalSpacing:1,children:a})]})}},79814:e=>{e.exports={root:"BlockWithFloatingActions_root__xrV7L",actions:"BlockWithFloatingActions_actions__jPJkN",alwaysVisible:"BlockWithFloatingActions_alwaysVisible__guYRg"}},85051:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/user",function(){return t(40372)}])},86920:(e,a,t)=>{"use strict";t.d(a,{n:()=>z});var n=t(80263),i=t(59571),l=t(12556);async function r(e){return await new Promise((a,t)=>{let n=new Image;n.addEventListener("load",()=>a(n)),n.addEventListener("error",e=>t(e)),n.setAttribute("crossOrigin","anonymous"),n.src=e})}async function s(e,a){let t=await r(e),n=document.createElement("canvas"),i=n.getContext("2d"),l=Math.min(t.width,t.height,1e3);return i?(n.width=l,n.height=l,i.drawImage(t,a.x,a.y,a.width,a.height,0,0,n.width,n.height),new Promise(e=>n.toBlob(a=>e(a?new File([a],"file.png",{type:"image/png"}):null),"image/png",1))):null}var o=t(18251),c=t(91840),m=t(29290),d=t(1985),u=t(13463),h=t(4742),_=t(3638),p=t(53239),g=t(43391),b=t(94386),x=t(21551),j=t(24318),v=t(136),C=t(78852),f=t(50016),k=t(75241),y=t.n(k),w=t(55087),N=t.n(w);let I=y()(async()=>(await Promise.all([t.e(2965),t.e(6603)]).then(t.bind(t,96603))).Cropper,{loadableGenerated:{webpack:()=>[96603]},loading:()=>(0,n.jsx)(n.Fragment,{children:"Loading"}),ssr:!1}),S=e=>{let{image:a,shape:t,translateFunc:i,onCloseAttempt:o,onSaveCropImage:c}=e,{isBelowSm:m}=(0,l.yU)(),d=m?300:400,[u,h]=p.useState(null),[_,k]=(0,p.useState)({x:0,y:0}),[y,w]=(0,p.useState)(1),[S,A]=(0,p.useState)({width:d,height:d,x:0,y:0}),[E,P]=(0,p.useState)(!1),[z,D]=(0,p.useState)(!1),[R,F]=(0,p.useState)();(0,p.useEffect)(()=>{if(!a)return;let e=URL.createObjectURL(a),t=!1;return h(null),F(void 0),P(!0),r(e).then(()=>{t||h(e)}).catch(()=>{t||F(i("Could not read this image. Please try another file."))}).finally(()=>{t||P(!1)}),()=>{t=!0,URL.revokeObjectURL(e)}},[a]);let M=async()=>{if(u){F(void 0),D(!0);try{let e=await s(u,S);e?(c?.(e),o()):F(i("Could not process this image. Please try another file."))}catch{F(i("Could not read this image. Please try another file."))}finally{D(!1)}}},B=async(e,a)=>{A(a)};return(0,n.jsxs)(g.$m,{children:[(0,n.jsx)(g.wt,{children:i("Crop image")}),(0,n.jsx)(C.K,{mt:2}),!!R&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v.p,{type:"error",children:R}),(0,n.jsx)(C.K,{mt:2})]}),(0,n.jsxs)("div",{className:N().root,children:[(0,n.jsxs)("div",{className:N().crop,children:[E&&(0,n.jsx)(j.a,{}),u&&(0,n.jsx)(I,{crop:_,shape:t,size:d,srcBufferImage:u,zoom:y,onCropChange:k,onCropComplete:B,onZoomChange:w})]}),(0,n.jsx)(C.K,{mt:2}),(0,n.jsxs)(f.V,{className:N().zoomDescription,variant:"body1",children:[(0,n.jsx)("span",{children:"-"}),(0,n.jsx)("span",{children:i("Zoom")}),(0,n.jsx)("span",{children:"+"})]}),(0,n.jsx)(C.K,{mt:2}),(0,n.jsx)(x.t,{className:N().zoom,max:3,min:1,value:y,onChange:e=>{"number"==typeof e&&w(e)}}),(0,n.jsx)(C.K,{mt:4}),(0,n.jsx)(b.$,{className:N().button,disabled:!u,fullWidth:!0,loading:z,onClick:M,children:i("Save")})]})]})},A=e=>{let{image:a,open:t,shape:i,translateFunc:l,onCloseAttempt:r,onSaveCropImage:s}=e;return(0,n.jsx)(g.aF,{hasCloseButton:!0,open:t,onCloseAttempt:r,children:(0,n.jsx)(S,{image:a,shape:i,translateFunc:l,onCloseAttempt:r,onSaveCropImage:s})})};var E=t(25141),P=t.n(E);let z=e=>{let{canClear:a=!0,className:t,customAction:r,disabled:s,imageClassName:g,imageContainerClassName:b,innerRef:x,label:j,labelOption:v,loading:C,manualCrop:f,mimeType:k,placeholder:y,readOnly:w,required:N,shape:I="square",size:S,src:E,title:z,onSelected:D}=e,{t:R}=(0,u.c3)(),{isTouchDevice:F}=(0,l.yU)(),M=(0,p.useRef)(null),[B,U]=(0,p.useState)(!1),[L,Z]=(0,p.useState)(null),K=(0,p.useCallback)(e=>{f&&e.type.startsWith("image")?(Z(e),U(!0)):D?.(e)},[f,D]),O=(0,p.useCallback)(e=>{let a=e.currentTarget.files?.[0];a&&(K(a),e.currentTarget.value="")},[K]),V=(0,p.useCallback)(()=>{D?.(void 0)},[D]),[q,T]=(0,p.useState)(!1),W=(0,p.useCallback)(e=>{e.preventDefault(),e.dataTransfer.dropEffect="link",T(!0)},[]),J=(0,p.useCallback)(()=>{T(!1)},[]),X=(0,p.useCallback)(e=>{e.preventDefault();let a=e.dataTransfer.files?.[0];a&&(K(a),M.current&&(M.current.value="")),T(!1)},[K]),Y=(0,p.useCallback)(()=>{w||M.current?.click()},[w]);return(0,n.jsxs)(d.p,{className:(0,_.A)(P().root,t),data:!0,isLoading:C,children:[j&&(0,n.jsxs)("div",{className:(0,_.A)(P().labelRow),children:[(0,n.jsxs)("label",{className:(0,_.A)(P().label,s&&P().disabled),children:[j,": ",N&&(0,n.jsx)("span",{className:P().asterisk,children:"*"})]}),(0,n.jsx)("span",{className:P().labelOption,children:v})]}),f&&(0,n.jsx)(A,{image:L,open:B,shape:I,translateFunc:R,onCloseAttempt:()=>U(!1),onSaveCropImage:D}),(0,n.jsx)(i.r,{actions:r||(!w&&a&&E?(0,n.jsx)(c.K,{className:P().button,iconComponent:o.CA7,size:"small",title:R("Remove image"),variant:"destructive",onClick:V}):null),actionsAlwaysVisible:F,children:(0,n.jsx)(m._,{className:(0,_.A)(P().image,!E&&P()[(0,h.i)("image","empty")],b),imageClassName:g,innerRef:x,outline:!0,placeholder:y,shape:I,size:S,src:E,title:z,onClick:Y,onDragOver:W})}),(0,n.jsx)("div",{className:(0,_.A)(P().dropZone,P()[`dropZone--${I}`],!w&&q&&P().active),onDragLeave:J,onDragOver:W,onDrop:X,children:R("Drop file here")}),(0,n.jsx)("input",{accept:k,hidden:!0,readOnly:w,ref:M,type:"file",onChange:O})]})}},94292:e=>{e.exports={avatar:"UserProfile_avatar__9Zlkv",block:"UserProfile_block__v74tw",submitButton:"UserProfile_submitButton__WniZ2",submitBlock:"UserProfile_submitBlock__4mAL5"}}},e=>{e.O(0,[4001,7236,2762,8288,904,5046,4802,1001,1048,1488,636,6593,8792],()=>e(e.s=85051)),_N_E=e.O()}]);