https://mothership.se/static/js/ContactDetailsPage.5d671a2e.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9651],{20001:(e,s,a)=>{a.r(s),a.d(s,{ContactDetailsPageComponent:()=>V,default:()=>T});var t=a(18489),i=a(72791),r=a(42789),n=a(92177),o=a(6639),l=a(88014),m=(a(73665),a(10314)),c=a(18498),d=a(99895),h=a(46902),u=a(59930),C=a(18111),f=a.n(C),g=a(41418),p=a.n(g),_=a(21488),D=a(84480),b=a(35074);const P={root:"ContactDetailsForm_root__xgw0B",infoText:"ContactDetailsForm_infoText__d7mny textSmall",contactDetailsSection:"ContactDetailsForm_contactDetailsSection__ws0JJ",phone:"ContactDetailsForm_phone__HVnWs",confirmChangesSection:"ContactDetailsForm_confirmChangesSection__QmOo-",confirmChangesSectionVisible:"ContactDetailsForm_confirmChangesSectionVisible__dAdYU",emailVerified:"ContactDetailsForm_emailVerified__HVN1f ContactDetailsForm_infoText__d7mny textSmall",emailUnverified:"ContactDetailsForm_emailUnverified__x3Lu7 ContactDetailsForm_infoText__d7mny textSmall",pendingEmailUnverified:"ContactDetailsForm_pendingEmailUnverified__PmCxl ContactDetailsForm_infoText__d7mny textSmall",checkInbox:"ContactDetailsForm_checkInbox__IGJtK",emailStyle:"ContactDetailsForm_emailStyle__+URXq",helperLink:"ContactDetailsForm_helperLink__TTOyX a",tooMany:"ContactDetailsForm_tooMany__lPQN4",emailSent:"ContactDetailsForm_emailSent__z3NCa",confirmChangesTitle:"ContactDetailsForm_confirmChangesTitle__hL86g",confirmChangesInfo:"ContactDetailsForm_confirmChangesInfo__7kwT3",bottomWrapper:"C

1ontactDetailsForm_bottomWrapper__APDqE",error:"ContactDetailsForm_error__vxuQG h4"};var x=a(80184);const E=e=>{var s;const{formId:a,userTypeConfig:i,intl:r}=e;if(!1===(null===i||void 0===i||null===(s=i.defaultUserFields)||void 0===s?void 0:s.phoneNumber))return null;const{required:n}=(null===i||void 0===i?void 0:i.phoneNumberSettings)||{},o=!0===n?{validate:D.C1(r.formatMessage({id:"ContactDetailsForm.phoneRequired"}))}:{};return(0,x.jsx)(u.IY,(0,t.Z)({className:P.phone,name:"phoneNumber",id:a?"".concat(a,".phoneNumber"):"phoneNumber",label:r.formatMessage({id:"ContactDetailsForm.phoneLabel"}),placeholder:r.formatMessage({id:"ContactDetailsForm.phonePlaceholder"})},o))};class F extends i.Component{constructor(e){super(e),this.state={showVerificationEmailSentMessage:!1,showResetPasswordMessage:!1},this.emailSentTimeoutId=null,this.handleResendVerificationEmail=this.handleResendVerificationEmail.bind(this),this.handleResetPassword=this.handleResetPassword.bind(this),this.submittedValues={}}componentWillUnmount(){window.clearTimeout(this.emailSentTimeoutId)}handleResendVerificationEmail(){this.setState({showVerificationEmailSentMessage:!0}),this.props.onResendVerificationEmail().then((()=>{this.emailSentTimeoutId=window.setTimeout((()=>{this.setState({showVerificationEmailSentMessage:!1})}),2e3)}))}handleResetPassword(){this.setState({showResetPasswordMessage:!0});const e=this.props.currentUser.attributes.email;this.props.onResetPassword(e)}

1render(){return(0,x.jsx)(_.l0,(0,t.Z)((0,t.Z)({},this.props),{},{render:e=>{const{rootClassName:s,className:a,saveEmailError:t,savePhoneNumberError:i,currentUser:r,formId:n,formElementId:o,onSubmittableChange:c,handleSubmit:d,inProgress:h=!1,intl:C,invalid:g,sendVerificationEmailError:_,sendVerificationEmailInProgress:F=!1,resetPasswordInProgress:w=!1,values:v,userTypeConfig:N}=e,{email:j,phoneNumber:S}=v,V=(0,m.j0)(r);if(!V.id)return null;const{email:T,emailVerified:I,pendingEmail:y,profile:M}=V.attributes,R=T!==j,H=C.formatMessage({id:"ContactDetailsForm.emailLabel"}),k=T||"",L=C.formatMessage({id:"ContactDetailsForm.emailRequired"}),U=D.C1(L),A=C.formatMessage({id:"ContactDetailsForm.emailInvalid"}),q=D.gX(A),Z=(0,b.rn)(_),O=this.submittedValues.email!==v.email,W=(0,b.$q)(t)?C.formatMessage({id:"ContactDetailsForm.emailTakenError"}):null;let Y=null;Y=Z?(0,x.jsx)("span",{className:P.tooMany,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.tooManyVerificationRequests"})}):F||this.state.showVerificationEmailSentMessage?(0,x.jsx)("span",{className:P.emailSent,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.emailSent"})}):(0,x.jsx)("span",{className:P.helperLink,onClick:this.handleResendVerificationEmail,role:"button",children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.resendEmailVerificationText"})});let J=null;if(!I||y||R)if(I||y){if(y){const e=(0,x.jsx)("span",{className:P.emailStyle,children:y}),s=(0,x.jsx)("span",{className:P.checkInbox,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.pendingEmailCheckInbox",values:{pendingEmail:e}})});J=(0,x.jsx)("span",{className:P.pendingEmailUnverified,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.pendingEmailUnverified",values:{pendingEmailCheckInbox:s,resendEmailMessage:Y}})})}}else J=(0,x.jsx)("span",{className:P.emailUnverified,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.emailUnverified",values:{resendEmailMessage:Y}})});else J=(0,x.jsx)("span",{className:P.emailVerified,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.emailVerified"})});const X=(M.protectedData||{}).phoneNumber,B=X!==S&&!("undefined"===typeof X&&""===S),K=C.formatMessage({id:"ContactDetailsForm.passwordLabel"}),Q=C.formatMessage({id:"ContactDetailsForm.passwordPlaceholder"}),z=C.formatMessage({id:"ContactDetailsForm.passwordRequired"}),G=D.uL(z),$=C.formatMessage({id:"ContactDetailsForm.passwordTooShort"},{minLength:D.Z9}),ee=D.Ei($,D.Z9),se=R?D.A3(G,ee):null,ae=C.formatMessage({id:"ContactDetailsForm.passwordFailed"}),te=this.submittedValues.currentPassword!==v.currentPassword,ie=(0,b.JY)(t)?ae:null,re=p()(P.confirmChangesSection,{[P.confirmChangesSectionVisible]:R}),ne=t&&!(W||ie);let oe=null;ne&&i?oe=(0,x.jsx)("span",{className:P.error,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.genericFailure"})}):ne?oe=(0,x.jsx)("span",{className:P.error,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.genericEmailFailure"})}):i&&(oe=(0,x.jsx)("span",{className:P.error,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.genericPhoneNumberFailure"})}));const le=(0,x.jsx)("span",{className:P.helperLink,onClick:this.handleResetPassword,role:"button",children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.resetPasswordLinkText"})}),me=(0,x.jsx)("span",{className:P.helperLink,onClick:this.handleResetPassword,role:"button",children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.resendPasswordLinkText"})}),ce=this.state.showResetPasswordMessage||w?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(l._H,{id:"ContactDetailsForm.resetPasswordLinkSent",values:{email:(0,x.jsx)("span",{className:P.emailStyle,children:r.attributes.email})}})," ",me]}):le,de=p()(s||P.root,a),he=Object.keys(this.submittedValues).length>0&&f()(v,this.submittedValues),ue=g||he||h||!(R||B);return(0,x.jsxs)(u.l0,{id:o,className:de,onSubmit:e=>{this.submittedValues=v,d(e)},children:[(0,x.jsx)(u.DY,{disabled:ue,onChange:c}),(0,x.jsxs)("div",{className:P.contactDetailsSection,children:[(0,x.jsx)(u.gC,{type:"email",name:"email",id:n?"".concat(n,".email"):"email",label:H,placeholder:k,validate:D.A3(U,q),customErrorText:O?null:W}),J,(0,x.jsx)(E,{formId:n,userTypeConfig:N,intl:C})]}),(0,x.jsxs)("div",{className:re,children:[(0,x.jsx)(u.H4,{as:"h3",className:P.confirmChangesTitle,children:(0,x.jsx)(l._H,{id:"ContactDetailsForm.confirmChangesTitle"})}),(0,x.jsxs)("p",{className:P.confirmChangesInfo,children:[(0,x.jsx)(l._H,{id:"ContactDetailsForm.confirmChangesInfo"}),(0,x.jsx)("br",{}),(0,x.jsx)(l._H,{id:"ContactDetailsForm.resetPasswordInfo",values:{resetPasswordLink:ce}})]}),(0,x.jsx)(u.Ny,{rootClassName:P.password,name:"currentPassword",id:n?"".concat(n,".currentPassword"):"currentPassword",autoComplete:"current-password",label:K,placeholder:Q,validate:se,customErrorText:te?null:ie})]}),oe?(0,x.jsx)("div",{className:P.bottomWrapper,children:oe}):null]})}}))}}const w=(0,r.qC)(l.XN)(F);w.displayName="ContactDetailsForm";const v=w;var N=a(65703);const j={desktopTopbar:"ContactDetailsPage_desktopTopbar__aRFYH",mobileTopbar:"ContactDetailsPage_mobileTopbar__H-v8I",contactDetailsHeading:"ContactDetailsPage_contactDetailsHeading__3ZftL"},S="ContactDetailsForm",V=e=>{var s;const a=(0,o.mX)(),r=(0,l.YB)(),{saveEmailError:n,savePhoneNumberError:d,saveContactDetailsInProgress:h,currentUser:C,contactDetailsChanged:f,onChange:g,scrollingDisabled:p,sendVerificationEmailInProgress:_=!1,sendVerificationEmailError:D,onResendVerificationEmail

1:b,onSubmitContactDetails:P,onResetPassword:E,resetPasswordInProgress:F=!1,resetPasswordError:w}=e,{userTypes:N=[]}=a.user,[V,T]=(0,i.useState)(!0),I=(0,m.j0)(C),y=I.attributes.email||"",M=I.attributes.profile.publicData||{},R=null===M||void 0===M?void 0:M.userType,H=(I.attributes.profile.protectedData||{}).phoneNumber||"",k=R&&N.find((e=>e.userType===R)),L=!1!==(null===k||void 0===k||null===(s=k.defaultUserFields)||void 0===s?void 0:s.phoneNumber)&&H?{phoneNumber:H}:{},U=I.id?(0,x.jsx)(v,{className:j.form,formElementId:S,onSubmittableChange:T,initialValues:(0,t.Z)({email:y},L),saveEmailError:n,savePhoneNumberError:d,currentUser:C,onResendVerificationEmail:b,onResetPassword:E,onSubmit:e=>{const s=e.phoneNumber?e.phoneNumber:null;return P((0,t.Z)((0,t.Z)({},e),{},{phoneNumber:s,currentEmail:y,currentPhoneNumber:H}))},onChange:g,inProgress:h,ready:f,sendVerificationEmailInProgress:_,sendVerificationEmailError:D,resetPasswordInProgress:F,resetPasswordError:w,userTypeConfig:k}):null,A=r.formatMessage({id:"ContactDetailsPage.title"}),{showPayoutDetails:q,showPaymentMethods:Z}=(0,c.kt)(a,C),O=I.id?(0,x.jsx)(u.KM,{type:"submit",form:S,inProgress:h,ready:f&&V,disabled:V,children:r.formatMessage({id:"ContactDetailsForm.saveChanges"})}):null;return(0,x.jsx)(u.T3,{title:A,scrollingDisabled:p,children:(0,x.jsx)(u.PJ,{currentPage:"ContactDetailsPage",title:r.formatMessage({id:"WorkspaceNav.settings"}),primaryAction:O,children:(0,x.jsx)(u.Rt,{currentPage:"ContactDetailsPage",showPayoutDetails:q,showPaymentMethods:Z,children:U})})})},T=(0,r.qC)((0,n.$j)((e=>{const{currentUser:s,sendVerificationEmailInProgress:a,sendVerificationEmailError:t}=e.user,{saveEmailError:i,savePhoneNumberError:r,saveContactDetailsInProgress:n,contactDetailsChanged:o,resetPasswordInProgress:l,resetPasswordError:m}=e.ContactDetailsPage;return{saveEmailError:i,savePhoneNumberError:r,saveContactDetailsInProgress:n,currentUser:s,contactDetailsChanged:o,scrollingDisabled:(0,h.uS)(e),sendVerificationEmailInProgress:a,sendVerificationEmailError:t,resetPasswordInProgress:l,resetPasswordError:m}}),(e=>({onChange:()=>e((0,N.de)()),onResendVerificationEmail:()=>e((0,d.zk)()),onSubmitContactDetails:s=>e((0,N.AH)(s)),onResetPassword:s=>e((0,N.c0)(s))}))))(V)}}]);
2//# sourceMappingURL=ContactDetailsPage.5d671a2e.chunk.js.map