https://translated.com/loginAndForgotPasswordWrapper.e9736b1288ada78d0a1d.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[311],{2026:function(e,t,n){n.d(t,{Z:function(){return p}});var s=n(7378),a=n(2315),o=n(3615),i=n.n(o),l=n(6887),r=n(4350),m=n(9809),d=n(6964),c=n(1122),u=n(2029);class p extends s.Component{static propTypes={onDismiss:i().func,isSigninAndOrder:i().bool,onBackToSignginClick:i().func};state={usernameEmail:"",isFormSubmitted:!1,isPending:!1};preventDismiss=e=>{e.stopPropagation()};updateUsernameEmail=e=>{this.setState({usernameEmail:e})};onForgotPassword=async e=>{e&&e.preventDefault&&e.preventDefault();const{usernameEmail:t}=this.state,{onDismiss:n}=this.props,s=t.length>0;if(this.setState({isFormSubmitted:!0}),s){this.setState({isPending:!0});try{await(0,r.gF)(t),this.setState({isPending:!1},()=>{(0,d.OV)(a.Z.t("Components.ForgotPasswordModal.onSuccess"),"success"),n()})}catch(e){this.setState({isPending:!1},()=>{(0,d.OV)((0,m.g4)(e),"error")})}}};render=()=>{const{usernameEmail:e,isPending:t,isFormSubmitted:n}=this.state,{onDismiss:o,onBackToSignginClick:i}=this.props,r=e.length>0;return s.createElement("div",{className:"modal modal--small",onClick:o},s.createElement("div",{className:"modal__body",onClick:this.preventDismiss},s.createElement("form",{onSubmit:this.onForgotPassword},s.createElement("div",{className:"modal__content login"},s.createElement(l.x8,{className:"modal__header-close--always-visible",onClick:o}),s.createElement("h4",null,a.Z.t("Components.ForgotPasswordModal.title")),s.createElement("p",{className:"login__subtitle"},a.Z.t("Components.ForgotPasswordModal.subtitle")),s.createElement(u.Z,{label:a.Z.t("Components.ForgotPasswordModal.emailLabel"),placeholder:a.Z.t("Components.ForgotPasswordModal.emailPlaceholder"),value:e,autoComplete:"email username",onChange:this.updateUsernameEmail,isValid:r,showValidation:n,isMandatory:!0,invalidMessage:a.Z.t("Components.ForgotPasswordModal.emailInvalidMessage"),maxLength:180})),s.createElement("div",{className:"modal__footer modal__footer--hide-border"},t?s.createElement("div",{className:"button button--compact"},s.createElement(c.Z,{isWhite:!0})):s.createElement("button",{className:"button--compact",type:"submit"},a.Z.t("Components.ForgotPasswordModal.submitButton")),s.createElement("span",{className:"link",onClick:i},a.Z.t("Components.ForgotPasswordModal.signin"))))))}}},2029:function(e,t,n){var s=n(7378),a=n(3615),o=n.n(a);const i=(0,s.forwardRef)((e,t)=>{const{className:n,style:a,label:o,placeholder:i,value:l,onChange:r,onPress:m,onFocus:d,onBlurInput:c,isValid:u,showValidation:p,type:g,icon:h,onIconPress:b,rows:w,isMandatory:C,labelHelp:E,invalidMessage:v,maxLength:M,minLength:P,name:_,autoComplete:f,id:L,hasClickableLabel:y=!0}=e,N=s.createRef(),k=()=>{m?m():N.current.focus()},F=()=>{c&&c(l)},S=e=>{r(e.target.value)},Z=()=>{m&&m()},I=h,x="textarea"===g?"textarea":"input";return s.createElement("div",{style:a,className:`input-with-label__wrapper ${n||""} ${"textarea"===g?"input-with-label__wrapper__contact-us":""}`},E?s.createElement("label",{onClick:k,htmlFor:L,className:y?"":"label-not-clickable"},o,C&&s.createElement("span",{className:"input__label--mandatory"},"*")," ",s.createElement("span",{className:"input__label-help"},E)):s.createElement("label",{onClick:k,htmlFor:L,className:y?"":"label-not-clickable"},o,C&&s.createElement("span",{className:"input__label--mandatory"},"*")),I?s.createElement("div",{className:"input-with-icon__wrapper"},s.createElement(x,{id:L,className:`${l?"":"input--is-placeholder"} ${p&&!u?"input--is-invalid":""} ${v?"input--has-invalid-message":""}`,ref:t,type:g,name:_||"",value:l||"",placeholder:i,autoComplete:f,onChange:S,onMouseDown:Z,onBlur:F,onFocus:d,rows:w,maxLength:M,minLength:P}),s.createElement(I,{className:"input-with-icon__right-icon",onMouseDown:b||Z})):s.createElement(x,{id:L,className:`${l?"":"input--is-placeholder"} ${p&&!u?"input--is-invalid":""} ${v?"input--has-invalid-message":""}`,ref:t,type:g,name:_||"",value:l||"",autoComplete:f,placeholder:i,onChange:S,onMouseDown:Z,onBlur:F,onFocus:d,rows:w,maxLength:M,minLength:P}),p&&!u&&v&&s.createElement("span",{className:"input__invalid-message"},v))});

1i.propTypes={className:o().string,style:o().object,label:o().string,placeholder:o().string,value:o().any,onChange:o().func,onPress:o().func,onFocus:o().func,onBlurInput:o().func,isValid:o().bool,showValidation:o().bool,type:o().string,icon:o().any,onIconPress:o().any,rows:o().number,isMandatory:o().bool,labelHelp:o().string,invalidMessage:o().string,maxLength:o().number,minLength:o().number,name:o().string,autoComplete:o().string,id:o().string},i.defaultProps={style:{},onChange:Function.prototype,onFocus:Function.prototype,onBlurInput:Function.prototype,type:"text",rows:1,autoComplete:"off"},i.displayName="Input",t.Z=i},3425:function(e,t,n){n.d(t,{Z:function(){return r}});var s=n(7378),a=n(3615),o=n.n(a),i=n(6887),l=n(2029);class r extends s.Component{static defaultProps={onChange:Function.prototype,onFocus:Function.prototype};static propTypes={className:o().string,label:o().string,placeholder:o().string,value:o().any,onChange:o().func,onFocus:o().func,onBlurInput:o().func,isValid:o().bool,showValidation:o().bool,isMandatory:o().bool,labelHelp:o().string,invalidMessage:o().string,maxLength:o().number,minLength:o().number,id:o().string};state={isPasswordInPlainText:!1};toggleIsPasswordInPlainText=()=>{this.setState({isPasswordInPlainText:!this.state.isPasswordInPlainText})};render=()=>{const{isPasswordInPlainText:e}=this.state,{className:t,label:n,placeholder:a,value:o,onChange:r,onFocus:m,isValid:d,onBlurInput:c,showValidation:u,isMandatory:p,labelHelp:g,maxLength:h,invalidMessage:b,minLength:w,id:C}=this.props;return s.createElement(l.Z,{id:C,name:"password",autoComplete:"password",className:t,label:n,placeholder:a,value:o,onChange:r,onFocus:m,isValid:d,onBlurInput:c,showValidation:u,isMandatory:p,labelHelp:g,type:e?"text":"password",maxLength:h,minLength:w,icon:e?i._j:i.bA,onIconPress:this.toggleIsPasswordInPlainText,invalidMessage:b})}}},4165:function(e,t,n){n.r(t),n.d(t,{default:function(){return w}});var s=n(7378),a=n(6964),o=n(3573),i=n(9809),l=n(9657),r=n(2026),m=n(691),d=n(4206),c=n.n(d),u=n(2315),p=n(6887);const g=()=>{(0,o.clearCurrentUserToken)(),(0,o.clearNewUserInfo)(),(0,o.clearProjectInfo)(),window.location.reload()};function h({user:{email:e,name:t}}){const[n,a]=(0,s.useState)(null),o=null!==t&&t.length>0?t.split(" ")[0]:"",i=(o[0]||e[0]).toUpperCase();return(0,s.useEffect)(()=>{c().get("https://webapi.translated.com/customer/otsAuthLink").then(e=>{a(e.data)})},[]),s.createElement(m.fC,null,s.createElement(m.xz,{asChild:!0},s.createElement("div",{className:"user",tabIndex:0},s.createElement("div",{className:"user__icon"},s.createElement("span",{className:"user__initial"},i)),s.createElement(p._M,{className:"user__chevron-down"}))),s.createElement(m.Uv,{asChild:!0},s.createElement("div",{className:"user-menu"},s.createElement(m.VY,{sideOffset:10,className:"user-menu__popover"},s.createElement(m.Eh,{style:{fill:"white",stroke:"#abb3bd"}}),s.createElement("div",{className:"user__greeting"},u.Z.t("Components.User.greeting",{name:o||e})),n&&s.createElement(m.ck,{asChild:!0,className:"user-menu__item"},s.createElement("a",{"data-sign-in":"customer",className:"user__link",href:n,target:"_blank",rel:"noreferrer"},u.Z.t("Components.User.yourOrdersLabel"))),s.createElement(m.ck,{asChild:!0,className:"user-menu__item"},s.createElement("div",{className:"user__link",onClick:g},u.Z.t("Components.User.signoutLabel")))))))}var b=n(7634);class w extends s.Component{constructor(e){super(e);const t=Object.fromEntries(new URLSearchParams(window.location.search));this.state={isLoginModalVisible:!1,isForgotPasswordModalVisible:1==t["recover-password"]}}showLoginModal=()=>{this.setState({isLoginModalVisible:!0},function(){a.R(),a.TK()})};hideLoginModal=()=>{this.setState({isLoginModalVisible:!1},a.Db)};onLogin=e=>{this.hideLoginModal(),o.storeCurrentUserToken(e),a.n8();const t=document.getElementById("userInfo");if(t){(0,b.s)(t).render(s.createElement(h,{user:(0,i.t5)(e)}))}};onForgotPasswordClick=()=>{this.hideLoginModal(),this.showForgotPasswordModal()};showForgotPasswordModal=()=>{this.setState({isForgotPasswordModalVisible:!0},function(){a.R(),a.TK()})};hideForgotPasswordModal=()=>{this.setState({isForgotPasswordModalVisible:!1},a.Db)};onBackToSignginClick=()=>{this.hideForgotPasswordModal(),this.showLoginModal()};componentDidMount=()=>{a.Ov(this.showLoginModal),a.u7();const e=o.getCurrentUserToken();e&&this.onLogin(e)};render=()=>{const{isLoginModalVisible:e,isForgotPasswordModalVisible:t}=this.state;return s.createElement("div",{className:"login-and-forgot-password-wrapper"},e&&s.createElement(l.Z,{onDismiss:this.hideLoginModal,onLogin:this.onLogin,onForgotPasswordCl

1ick:this.onForgotPasswordClick}),t&&s.createElement(r.Z,{onDismiss:this.hideForgotPasswordModal,onBackToSignginClick:this.onBackToSignginClick}))}}},9657:function(e,t,n){n.d(t,{Z:function(){return g}});var s=n(7378),a=n(2315),o=n(3615),i=n.n(o),l=n(6887),r=n(4350),m=n(9809),d=n(6964),c=n(2029),u=n(3425),p=n(1122);class g extends s.Component{static propTypes={onDismiss:i().func,onLogin:i().func,isSigninAndOrder:i().bool,onForgotPasswordClick:i().func};state={usernameEmail:"",password:"",isFormSubmitted:!1,isPending:!1};preventDismiss=e=>{e.stopPropagation()};updateUsernameEmail=e=>{this.setState({usernameEmail:e})};updatePassword=e=>{/^[A-Za-z0-9.:,;!$%&()=[\]+\-*_]*$/.test(e)&&this.setState({password:e})};onSigning=async e=>{e&&e.preventDefault&&e.preventDefault();const{isSigninAndOrder:t,onLogin:n}=this.props,{usernameEmail:s,password:a}=this.state,o=s.length>0,i=a.length>=1;this.setState({isFormSubmitted:!0});if(i&&o&&!t||i&&o&&t){this.setState({isPending:!0});try{const e=await(0,r.x4)(s,a);this.setState({isPending:!1},()=>{n(e)})}catch(e){this.setState({isPending:!1},()=>{(0,d.OV)((0,m.g4)(e),"error")})}}};submitOnPressKeyEnter=e=>{13===e.keyCode&&(e.stopPropagation(),this.onSigning())};componentDidMount=()=>{document.addEventListener("keydown",this.submitOnPressKeyEnter)};componentWillUnmountMount=()=>{document.removeEventListener("keydown",this.submitOnPressKeyEnter)};render=()=>{const{onDismiss:e,isSigninAndOrder:t,onForgotPasswordClick:n}=this.props,{usernameEmail:o,password:i,isPending:r,isFormSubmitted:m}=this.state,d=o.length>0,g=i.length>=1,h=m;return s.createElement("div",{className:"modal modal--small",onClick:e},s.createElement("div",{role:"dialog",className:"modal__body","aria-labelledby":"login-modal-title",onClick:this.preventDismiss},s.createElement("form",{onSubmit:this.onSigning},s.createElement("div",{className:"modal__content login"},s.createElement(l.x8,{className:"modal__header-close--always-visible",onClick:e}),s.createElement("h4",{id:"login-modal-title"},a.Z.t("Components.LoginModal.title")),s.createElement("div",{className:"modal__tabs"},s.createElement("a",{className:"link active",href:"#"},a.Z.t("Components.LoginModal.signInAsClientLabel")),s.createElement("a",{className:"link",href:a.Z.t("Components.LoginModal.signInAsTranslatorLink")},a.Z.t("Components.LoginModal.signInAsTranslatorLabel")),s.createElement("a",{className:"link",href:a.Z.t("Components.LoginModal.signInAsPartnerLink")},a.Z.t("Components.LoginModal.signInAsPartnerLabel"))),s.createElement(c.Z,{id:"usernameEmail",label:a.Z.t("Components.LoginModal.emailLabel"),placeholder:a.Z.t("Components.LoginModal.emailPlaceholder"),value:o,autoComplete:"email username",onChange:this.updateUsernameEmail,isValid:d,showValidation:h,isMandatory:!0,invalidMessage:a.Z.t("Components.LoginModal.emailInvalidMessage"),maxLength:180}),s.createElement(u.Z,{id:"password",label:a.Z.t("Components.LoginModal.passwordLabel"),placeholder:a.Z.t("Components.LoginModal.passwordPlaceholder"),value:i,autoComplete:"password",onChange:this.updatePassword,isValid:g,showValidation:h,isMandatory:!0,type:"password",maxLength:20,invalidMessage:a.Z.t("Components.LoginModal.passwordInvalidMessage")}),t&&s.createElement("div",{className:"login__terms"},s.createElement("p",{dangerouslySetInnerHTML:{__html:a.Z.t("Components.LoginModal.signinAndSendOrderAcceptConditionsLabel",{salesConditionsURL:window.linkToSalesConditions})}}))),s.createElement("div",{className:"modal__footer modal__footer--hide-border"},r?s.createElement("div",{className:"button button--compact"},s.createElement(p.Z,{isWhite:!0})):s.createElement("button",{type:"submit",className:"button--compact"},t?a.Z.t("Components.LoginModal.signinAndSendOrderButton"):a.Z.t("Components.LoginModal.singinButton")),s.createElement("a",{className:"link",onClick:n},a.Z.t("Components.LoginModal.forgotPassword"))))))}}},1122:function(e,t,n){n.d(t,{Z:function(){return i}});var s=n(7378),a=n(3615),o=n.n(a);class i extends s.PureComponent{static propTypes={className:o().string,isWhite:o().bool,isGrey:o().bool};render(){const{className:e,isGrey:t,isWhite:n}=this.props;return s.createElement("div",{className:`spinner ${t?"spinner--grey":n?"spinner--white":"spinner--blue"} ${e}`},s.createElement("div",{className:"spinner__image"}))}}}}]);