https://www.fambulglobal.com/static/js/ProfileSettingsPage.81f722ce.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3968],{60978(e,i,a){a.r(i),a.d(i,{ProfileSettingsPageComponent:()=>te,default:()=>de});var s=a(89379),r=a(80045),l=a(65043),o=a(23923),t=a(22166),n=a(63775),d=a(92174),m=(a(44356),a(32423)),g=a(41233),u=a(26297),f=a(44104),c=a(9394),p=a(71702),P=a(37614),_=a(77775),h=a(19853),N=a.n(h),x=a(98139),S=a.n(x),j=a(1863),F=a(23526),b=a(16882);const v="ProfileSettingsForm_root__wZf2X",y="ProfileSettingsForm_sectionContainer__ZU-es",I="ProfileSettingsForm_sectionTitle__QkvwY",A="ProfileSettingsForm_lastSection__2xTjL",U="ProfileSettingsForm_uploadAvatarInput__qR6yn",D="ProfileSettingsForm_uploadAvatarWrapper__PrCGu",k="ProfileSettingsForm_label__2t+qJ",L="ProfileSettingsForm_avatarPlaceholder__08rDu",M="ProfileSettingsForm_avatarContainer__SgNp3",V="ProfileSettingsForm_avatarPlaceholderTextMobile__j2DBc",w="ProfileSettingsForm_avatarPlaceholderText__N4n2o",C="ProfileSettingsForm_avatarUploadError__6Yhve",T="ProfileSettingsForm_error__U6W+B h4",E="ProfileSettingsForm_avatar__AFdw2",H="ProfileSettingsForm_changeAvatar__AQe5Q h5",B="ProfileSettingsForm_uploadingImage__nGM7N",q="ProfileSettingsForm_uploadingImageOverlay__4rDUq",z="ProfileSettingsForm_avatarInvisible__ewVYz",O="ProfileSettingsForm_tip__WN8OJ marketplaceDefaultFontStyles",Y="ProfileSettingsForm_fileInfo__126x5 h5",R="ProfileSettingsForm_nameContainer__Oxfg4",W="ProfileSettingsForm_row__vcz56",Z="ProfileSettingsForm_firstName__lkIBE",G="ProfileSettingsForm_lastName__wkZyR",J="ProfileSettingsForm_extraInfo__nq-Lc textSmall",Q="ProfileSettingsForm_submitButton__CgUta";var K=a(70579);const X=["key"],$=e=>{var i;const{userTypeConfig:a,intl:r}=e;if(!1===(null===a||void 0===a||null===(i=a.defaultUserFields)||void 0===i?void 0:i.displayName))return null;const{required:l}=(null===a||void 0===a?void 0:a.displayNameSettings)||{},o=!0===l?{validate:F.mw(r.formatMessage({id:"ProfileSettingsForm.displayNameRequired"}))}:{};return(0,K.jsxs)("div",{className:y,children:[(0,K.jsx)(c.H4,{as:"h2",className:I,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.displayNameHeading"})}),(0,K.jsx)(c.k7,(0,s.A)({className:W,type:"text",id:"displayName",name:"displayName",label:r.formatMessage({id:"ProfileSettingsForm.displayNameLabel"}),placeholder:r.formatMessage({id:"ProfileSettingsForm.displayNamePlaceholder"})},o)),(0,K.jsx)("p",{className:J,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.displayNameInfo"})})]})};class ee extends l.Component{constructor(e){super(e),this.uploadDelayTimeoutId=null,this.state={uploadDelay:!1},this.submittedValues={}}componentDidUpdate(e){e.uploadInProgress&&!this.props.uploadInProgress&&(this.setState({uploadDelay:!0}),this.uploadDelayTimeoutId=window.setTimeout(()=>{this.setState({uploadDelay:!1})},2e3))}componentWillUnmount(){window.clearTimeout(this.uploadDelayTimeoutId)}render(){return(0,K.jsx)(_.lV,(0,s.A)((0,s.A)({},this.props),{},{mutators:(0,s.A)({},j.A),render:e=>{const{className:i,currentUser:a,handleSubmit:l,intl:o,invalid:t,onImageUpload:n,pristine:m,profileImage:f,rootClassName:p,updateInProgress:P,updateProfileError:h,uploadImageError:x,uploadInProgress:j,form:W,formId:ee,marketplaceName:ie,values:ae,userFields:se,userTypeConfig:re}=e,le=(0,g.vs)(a),oe=o.formatMessage({id:"ProfileSettingsForm.firstNameLabel"}),te=o.formatMessage({id:"ProfileSettingsForm.firstNamePlaceholder"}),ne=o.formatMessage({id:"ProfileSettingsForm.firstNameRequired"}),de=F.mw(ne),me=o.formatMessage({id:"ProfileSettingsForm.lastNameLabel"}),ge=o.formatMessage({id:"ProfileSettingsForm.lastNamePlaceholder"}),ue=o.formatMessage({id:"ProfileSettingsForm.lastNameRequired"}),fe=F.mw(ue),ce=o.formatMessage({id:"ProfileSettingsForm.bioLabel"}),pe=o.formatMessage({id:"ProfileSettingsForm.bioPlaceholder"}),Pe=o.formatMessage({id:"ProfileSettingsForm.youtubeVideoUrlLabel"}),_e=o.formatMessage({id:"ProfileSettingsForm.youtubeVideoUrlPlaceholder"}),he=o.formatMessage({id:"ProfileSettingsForm.youtubeVideoUrlInvalid"}),Ne=j||this.state.uploadDelay?(0,K.jsx)("div",{className:q,children:(0,K.jsx)(c.X1,{})}):null,xe=!!x&&!j,Se=S()({[C]:xe}),je=f.uploadedImage||le.profileImage,Fe=(0,s.A)((0,s.A)({},le),{},{profileImage:je}),be=!!f.file,ve=j&&be,ye=f.imageId&&this.state.uploadDelay,Ie=be&&(ve||ye)?(0,K.jsx)(c.SI,{id:f.id,className:Se,rootClassName:B,aspectWidth:1,aspectHeight:1,file:f.file,children:Ne}):null,Ae=S()(Se,E,{[z]:this.state.uploadDelay}

1),Ue=!ve&&f.imageId?(0,K.jsx)(c.eu,{className:Ae,renderSizes:"(max-width: 767px) 96px, 240px",user:Fe,disableProfileLink:!0}):null,De=f.imageId||ve?(0,K.jsxs)("div",{className:M,children:[Ie,Ue,(0,K.jsx)("div",{className:H,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.changeAvatar"})})]}):(0,K.jsxs)("div",{className:L,children:[(0,K.jsx)("div",{className:w,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.addYourProfilePicture"})}),(0,K.jsx)("div",{className:V,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.addYourProfilePictureMobile"})})]}),ke=h?(0,K.jsx)("div",{className:T,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.updateProfileFailed"})}):null,Le=S()(p||v,i),Me=P,Ve=Object.keys(this.submittedValues).length>0&&N()(ae,this.submittedValues),we=t||m||Ve||j||Me,Ce=(0,u.lz)(se,o,null===re||void 0===re?void 0:re.userType,!1);return(0,K.jsxs)(c.lV,{className:Le,onSubmit:e=>{this.submittedValues=ae,l(e)},children:[(0,K.jsxs)("div",{className:y,children:[(0,K.jsx)(c.H4,{as:"h2",className:I,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.yourProfilePicture"})}),(0,K.jsx)(_.D0,{accept:"image/*",id:"profileImage",name:"profileImage",label:De,type:"file",form:null,uploadImageError:x,disabled:j,children:e=>{const{accept:i,id:a,input:s,label:r,disabled:l,uploadImageError:o}=e,{name:t,type:m}=s;let g=null;return(0,b.qi)(o)?g=(0,K.jsx)("div",{className:T,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.imageUploadFailedFileTooLarge"})}):o&&(g=(0,K.jsx)("div",{className:T,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.imageUploadFailed"})})),(0,K.jsxs)("div",{className:D,children:[(0,K.jsx)("label",{className:k,htmlFor:a,children:r}),(0,K.jsx)("input",{accept:i,id:a,name:t,className:U,disabled:l,onChange:e=>{const i=e.target.files[0];if(W.change("profileImage",i),W.blur("profileImage"),null!=i){const e="".concat(i.name,"_").concat(Date.now());n({id:e,file:i})}},type:m}),g]})}}),(0,K.jsx)("div",{className:O,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.tip"})}),(0,K.jsx)("div",{className:Y,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.fileInfo"})})]}),(0,K.jsxs)("div",{className:y,children:[(0,K.jsx)(c.H4,{as:"h2",className:I,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.yourName"})}),(0,K.jsxs)("div",{className:R,children:[(0,K.jsx)(c.k7,{className:Z,type:"text",id:"firstName",name:"firstName",label:oe,placeholder:te,validate:de}),(0,K.jsx)(c.k7,{className:G,type:"text",id:"lastName",name:"lastName",label:me,placeholder:ge,validate:fe})]})]}),(0,K.jsx)($,{userTypeConfig:re,intl:o}),(0,K.jsxs)("div",{className:S()(y),children:[(0,K.jsx)(c.H4,{as:"h2",className:I,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.bioHeading"})}),(0,K.jsx)(c.k7,{type:"textarea",id:"bio",name:"bio",label:ce,placeholder:pe}),(0,K.jsx)("p",{className:J,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.bioInfo",values:{marketplaceName:ie}})})]}),(0,K.jsxs)("div",{className:S()(y),children:[(0,K.jsx)(c.H4,{as:"h2",className:I,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.youtubeVideoUrlHeading"})}),(0,K.jsx)(c.k7,{type:"text",id:"youtubeVideoUrl",name:"youtubeVideoUrl",label:Pe,placeholder:_e,validate:e=>F.bx(e,he)}),(0,K.jsx)("p",{className:J,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.youtubeVideoUrlInfo"})})]}),(0,K.jsx)("div",{className:S()(y,A),children:Ce.map(e=>{let{key:i}=e,a=(0,r.A)(e,X);return(0,K.jsx)(c.hu,(0,s.A)((0,s.A)({},a),{},{formId:ee}),i)})}),ke,(0,K.jsx)(c.$n,{className:Q,type:"submit",inProgress:Me,disabled:we,ready:Ve,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsForm.saveChanges"})})]})}}))}}const ie=(0,o.Zz)(d.j4)(ee);ie.displayName="ProfileSettingsForm";const ae=ie;var se=a(11851);const re={root:"ProfileSettingsPage_root__Y7OZw",content:"ProfileSettingsPage_content__nL05T",headingContainer:"ProfileSettingsPage_headingContainer__9Lyko",heading:"ProfileSettingsPage_heading__jbF+y",profileLink:"ProfileSettingsPage_profileLink__0kstR buttonSecondaryInline"},le=["firstName","lastName","displayName","bio","profileBio","youtubeVideoUrl"],oe=e=>{const{userUUID:i,isUnauthorizedUser:a}=e;return i&&a?(0,K.jsx)(c.GF,{className:re.profileLink,name:"ProfilePageVariant",params:{id:i,variant:m.I5},children:(0,K.jsx)(d.sA,{id:"ProfileSettingsPage.viewProfileLink"})}):i?(0,K.jsx)(c.GF,{className:re.profileLink,name:"ProfilePage",params:{id:i},children:(0,K.jsx)(d.sA,{id:"ProfileSettingsPage.viewProfileLink"})}):null},te=e=>{var i,a;const l=(0,n._r)(),o=(0,d.tz)(),{currentUser:t,image:m,onImageUpload:f,onUpdateProfile:_,scrollingDisabled:h,updateInProgress:N,updateProfileError:x,uploadImageError:S,uploadInProgress:j}=e,{userFields:F,userTypes:b=[]}=l.user,v=F.filter(e=>"public"===e.scope),y=(0,g.vs)(t),{firstName:I,lastName:A,displayName:U,bio:D,publicData:k}=(null===y||void 0===y?void 0:y.attributes.profile)||{},{profileBio:L,youtubeVideoUrl:M}=k||{},V=t&&!(0,u.dL)(t),{userType:w}=k||{},C=y.profileImage?y.profileImage.id:null,T=m||{imageId:C},E=b.find(e=>e.userType===w),H=!1!==(null===E||void 0===E||null===(i=E.defaultUserFields)||void 0===i?void 0:i.displayName)&&U?{displayName:U}:{},B=y.id?(0,K.jsx)(ae,{className:re.form,currentUser:t,initialValues:(0,s.A)((0,s.A)({firstName:I,lastName:A},H),{},{bio:D,profileBio:L,youtubeVideoUrl:M,profileImage:y.profileImage},(0,u.AS)(k,"public",w,F)),profileImage:T,onImageUpload:e=>((e,i)=>{const{id:a,imageId:s,file:r}=e;r&&i({id:a,imageId:s,file:r})})(e,f),onManageDisableScrolling:e.onManageDisableScrolling,uploadInProgress:j,updateInProgress:N,uploadImageError:S,updateProfileError:x,onSubmit:i=>((i,a)=>{const{firstName:l,lastName:o,displayName:t,bio:n,profileBio:d,youtubeVideoUrl:m}=i,g=(0,r.A)(i,le),f=t?{displayName:t.trim()}:{displayName:null},c=n||"",p=d||"",P=m?m.trim():"",h=(0,s.A)((0,s.A)({firstName:l.trim(),lastName:o.trim()},f),{},{bio:c,publicData:(0,s.A)({profileBio:p,youtubeVideoUrl:P},(0,u.sU)(g,"public",a,F))}),N=e.image,x=N&&N.imageId&&N.file?(0,s.A)((0,s.A)({},h),{},{profileImageId:N.imageId}):h;_(x)})(i,w),marketplaceName:l.marketplaceName,userFields:v,userTypeConfig:E}):null,q=o.formatMessage({id:"ProfileSettingsPage.title"}),z=(0,u.yw)(l,t);return(0,K.jsx)(c.YW,{className:re.root,title:q,scrollingDisabled:h,children:(0,K.jsx)(c.JI,{topbar:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(p.A,{}),(0,K.jsx)(c.pJ,{currentPage:"ProfileSettingsPage",showManageListingsLink:z})]}),footer:(0,K.jsx)(P.A,{}),children:(0,K.jsxs)("div",{className:re.content,children:[(0,K.jsxs)("div",{className:re.headingContainer,children:[(0,K.jsx)(c.H3,{as:"h1",className:re.heading,children:(0,K.jsx)(d.sA,{id:"ProfileSettingsPage.heading"})}),(0,K.jsx)(oe,{userUUID:null===y||void 0===y||null===(a=y.id)||void 0===a?void 0:a.uuid,isUnauthorizedUser:V})]}),B]})})})},ne=(0,o.Zz)((0,t.Ng)(e=>{const{currentUser:i}=e.user,{image:a,uploadImageError:s,uploadInProgress:r,updateInProgress:l,updateProfileError:o}=e.ProfileSettingsPage;return{currentUser:i,image:a,scrollingDisabled:(0,f.kl)(e),updateInProgress:l,updateProfileError:o,uploadImageError:s,uploadInProgress:r}},e=>({onImageUpload:i=>

1e((0,se.V6)(i)),onUpdateProfile:i=>e((0,se.r7)(i)),onManageDisableScrolling:(i,a)=>e((0,f.l)(i,a))})))(te),de=ne}}]);
2//# sourceMappingURL=ProfileSettingsPage.81f722ce.chunk.js.map