https://auth.socialpilot.co/static/js/1086.aee0781c.chunk.js

1"use strict";(self.webpackChunksocialpilot_react=self.webpackChunksocialpilot_react||[]).push([[1086],{1086:(e,s,t)=>{t.r(s),t.d(s,{LoginForm:()=>z,default:()=>Y});var a=t(9950),i=t(73878),r=t(51620),o=(t(73282),t(63593)),n=t.n(o),c=t(47179),l=t(34143),d=t(3210),m=t(35446),g=t(1175),h=t(43178),u=t(3745),p=t(58449),f=t(58656),w=t(85532),S=t(83438),A=t(24822),x=t(25392),v=t(5580),E=t(80878),C=t(98214),j=t(1624),N=t(57656),I=t(6276),b=t(53679),M=t(22446),k=(t(41248),t(31965)),R=t(42247),T=t(64403),L=t(93205),D=t(674),P=t(87744),y=t(41909),_=t(66799),U=t(77727),V=t(44414);const O=(0,c.fq)();O&&O.name&&O.version&&"chrome"===O.name&&parseInt(O.version,10);class F extends a.Component{constructor(e){super(e),this.getCode=async()=>{const{mediaName:e}=this.state,{userSetting:s}=this.props;let t=e,a="",i={};const o=window.location.search;if(t||(t=o.includes("oauth_token")?"twitter":"facebook",this.setState({mediaName:t})),"facebook"===t||o.includes("code=")){let e="";e=o.substr(6),this.setState({code:e}),i=await(0,M.N0)(t,e,"/")}if("twitter"===t||o.includes("oauth_token")){let e="";e=o.substring(0,o.indexOf("&oauth_verifier=")).substr(13);const s=o.split("oauth_verifier=")[1];this.setState({code:e}),i=await(0,M._E)(t,e,s,"/")}a=await(0,M.ex)(t,i),""!==a&&(s(a),r.A.push("/"))},this.onSocialMediaSignup=e=>{const{location:s}=this.props,t=s.pathname.replace("/register/","");this.setState({mediaName:e}),r.A.push("/".concat(e,"/register?type=").concat(t))},this.onSocialMediaLoginClick=e=>{if(this.isReactiveClientPage)return void this.onSocialMediaSignup(e);this.setState({mediaName:e});const{fromExtension:s}=this.state;s?window.open("/".concat(e,"/login?from=").concat(s),"","width=900,height=700"):r.A.push("/".concat(e,"/login"))},this.closeFlashMsg=()=>{this.setState({successMessage:"",errorMessage:""})},this.handleReactiveLogin=async(e,s)=>{const t={username:e,password:s,enterpriseId:(0,b.j)()};try{await(0,d.A)("".concat(v.JR,"/reactivate/trial/current/user"),"POST",t,!0)}catch(a){r.A.push("/register/reactive",{email:e,password:s});const t=a.data.message;if(a.data.reasons&&Array.isArray(a.data.reasons)&&a.data.reasons.length){let t="",i="";a.data.reasons.forEach(e=>{"email"===e.field?t=e.message:"password"===e.field&&(i=e.message)}),this.setState({emailError:t,passwordError:i,isSubmited:!1,email:e,password:s})}else this.setState({errorMessage:t,isSubmited:!1,email:e,password:s})}},this.loginUserSuccess=async()=>{const{userSetting:e}=this.props,s=await(0,L.A)();setTimeout(()=>{s&&e(s),n().get("canvaData")&&this.redirectToCanvaPermission()},100)},this.callSignIn=async(e,s,t)=>{const{fromExtension:a}=this.state,{userSetting:i,canvaData:r}=this.props,{success:o,error:c,redirect:l,redirectProps:d,login:m,mfaRequired:g}=await(0,D.A)(e,s);if(c&&this.setState({isSubmited:!1,passwordError:c}),o&&m){const e=await(0,L.A)();setTimeout(()=>{m&&e&&i(e),n().get("canvaData")&&this.redirectToCanvaPermission()},100)}else o&&l&&d?(0,P.bB)(l,d):o&&g&&this.setState({mfaConfirmLogin:!0})},this.redirectToCanvaPermission=async()=>{const{canvaData:e}=this.props;if(v.lw||v.jN)(0,P.bB)("/canva/permission-check");else{if(await(0,L.A)()){const e=(0,y.v)().mainUrl;window.location.href="".concat(e,"/canva/permission-check")}}},this.submitLogin=e=>{e.preventDefault();const s=e.target.email.value.trim(),t=e.target.password.value,{fetchUserToken:a}=this.props,i=(0,g.B)(s),r=(0,h.S)(t),o=r.required()||r.min();if(i||o)this.setState({emailError:i,passwordError:o});else{const e=(0,b.j)();this.setState({isSubmited:!0,password:t,email:s}),this.callSignIn(s,t,e)}},this.Logo=()=>(0,V.jsx)("div",{className:"row mb-32 canva-socialpilot-logo ".concat(-1!==(0,C.A)("client")?"client-logo":""),children:(0,V.jsx)("div",{className:"col-auto mr-auto",children:(0,V.jsxs)("a",{className:"d-flex align-items-center",href:-1!==(0,C.A)("client")||v.lw?"javaScript:;":"https://www.socialpilot.co/",children:[(0,V.jsx)(E.A,{}),(0,V.jsx)("span",{className:"d-block px-16",children:"+"}),(0,V.jsx)("img",{src:"https://image-production.socialpilot.co/default-files/canva-icon+prod.svg",alt:"canva"})]})})});const{location:s}=this.props;let t="",a="",i=!1;this.isReactiveClientPage=-1!==(0,C.A)("reactive"),s&&s.state?(s.state.successMessage&&(t=s.state.successMessage),s.state.errorMessage&&(a=s.state.errorMessage),r.A.replace({state:void 0})):(a=window.localStorage.getItem("errorMessage"),t=window.localStorage.getItem("successMessage"),i=t===N.A.ACCOUNT_DELETED,window.localStorage.removeItem("errorMessage"),window.localStorage.removeItem("successMessage"));let{featureImageUrl:o,altText:c,bgColor:l,urlValue:m}=(0,k.m)(!0);-1!==(0,C.A)("client")&&(o=R,c="Sign In",l="client-testimonial-bg",m=""),-1!==(0,C.A)("reactive")&&(o=T,c="Sign In",l="insta-zapier-bg",m=""),v.lw&&(o=R,c="Sign In",l="client-testimonial-bg",m=""),this.state={successMessage:t,errorMessage:a,emailError:"",passwordError:"",code:"",mediaName:"",isSubmited:!1,isSignupText:i,fromExtension:null,featureImageUrl:o,featureImageAltText:c,bgColor:l,reactiveSignUp:!1,email:"",password:"",alreadyExistsError:!1,urlValue:m||"",mfaConfirmLogin:!1}}async componentDidMount(){const{location:e}=this.props,s=(0,I.Ay)(e);

1s&&(setTimeout(()=>{window.top.postMessage({command:"sPilotResize",height:750,width:1370},"*")},0),this.setState({fromExtension:s}));const{clientSignupLinkDetails:t}=this.props;if(-1!==(0,C.A)("client")&&200!==t.status){const e=r.A.location.pathname.split("/").pop(),{fetchClientData:s}=this.props;s(e)}const{enterPriceDetails:a,loginDetails:i}=this.props;if(v.lw&&!a.status){if(!await(0,L.A)()){const{getEnterPriceDetails:e}=this.props;e()}}if(this.isReactiveClientPage){const{email:e,password:s}=i;e&&s&&this.setState({email:e,password:s})}}componentDidUpdate(e){const{loginDetails:s,userSetting:t,verifyLinkRes:a,createPasswordRes:i}=this.props,{fromExtension:o,email:n,password:c}=this.state;if(s!==e.loginDetails){if(s.error&&this.isReactiveClientPage){let e=s.error.message;const{reasons:t,alreadyExists:a}=s.error;if(t){t.some(e=>"UserNotFound"===e.field)&&r.A.push("/register/reactive",{email:n,password:c,lastName:""});const[s]=t;e=s.message}return void(s.isLoading||this.setState({errorMessage:e,isSubmited:!1,emailError:"",alreadyExistsError:!!a}))}s.auth||s.isLoading||this.setState({isSubmited:!1,emailError:"",passwordError:s.error.message})}if(a.error!==e.verifyLinkRes.error&&401===a.error.status&&window.localStorage.getItem("errorMessage")){const e=window.localStorage.getItem("errorMessage");window.localStorage.removeItem("errorMessage"),this.setState({errorMessage:e})}if(i.error!==e.createPasswordRes.error&&401===i.error.status&&window.localStorage.getItem("errorMessage")){const e=window.localStorage.getItem("errorMessage");window.localStorage.removeItem("errorMessage"),this.setState({errorMessage:e})}s.auth&&(setTimeout(()=>{t(s.response.apiToken),localStorage.setItem("isFirstTimeLogin",!0)},100),o?r.A.push("/posts/create?from=".concat(o)):r.A.push("/"))}componentWillUnmount(){const{disableAlert:e,clearAuthReducerAction:s}=this.props,{email:t,password:a}=this.state;e(),this.isReactiveClientPage&&s({email:t,password:a})}render(){const{userSettingRes:e,enterPriceDetails:s,flashMesssage:t,disableAlert:a,clientSignupLinkDetails:i}=this.props,{emailError:o,passwordError:c,code:d,isSubmited:g,isSignupText:h,fromExtension:S,featureImageUrl:A,featureImageAltText:x,urlValue:E,bgColor:j,reactiveSignUp:I,email:b,password:M,alreadyExistsError:k,mfaConfirmLogin:R}=this.state,T=n().get("language");let L="/forget";-1!==(0,C.A)("client")&&(L="/client/forget/".concat(r.A.location.pathname.split("/").pop()));let D=v.lw&&"success"!==s.status;v.lw&&(200===i.status||localStorage.getItem("enterPrice_".concat(v.Fv)))&&(D=!1);let P=" SocialPilot's ",y="https://www.socialpilot.co/terms",O=!1;if("failed"===s.status)return(0,V.jsx)("div",{children:(0,V.jsx)(m.A,{})});if(e.isLoading||D)return(0,V.jsx)(u.A,{});if(v.lw&&"success"===s.status){const{termsUrl:e,companyName:t,policyUrl:a}=s;P=" ".concat(t,"'s "),y=e,O=a||""}(window.location.href.includes("fbconnect")&&""===d||window.location.href.includes("twitterconnect")&&""===d)&&this.getCode();const{successMessage:F,errorMessage:B}=this.state;t&&t.message&&setTimeout(()=>{a()},3e3);let G="",z="";F?(z=F,G="alert-success alert",setTimeout(()=>{this.setState({successMessage:""})},5e3)):B&&(z=B,G="alert-danger alert",setTimeout(()=>{this.setState({errorMessage:""})},5e3));r.A.location.pathname.split("/").pop();let Y="container-fluid plain-container ";"extension"===S||"shareit"===S?Y="".concat(S,"-container"):"twitterextension"===S&&(Y="".concat(S,"-container container plain-container"));let H=N.A.SIGN_IN_LABEL;return this.isReactiveClientPage&&(H=N.A.REACTIVATE_LABEL),(0,V.jsx)(V.Fragment,{children:(0,V.jsx)("div",{className:Y,children:(0,V.jsx)("div",{className:"row h-100",children:(0,V.jsx)("div",{className:"col-lg-12 col-sm-12 d-flex align-items-center justify-content-center bg-white",children:R?(0,V.jsx)(_.A,{onComplete:this.loginUserSuccess,email:b,recoveryEmailSuccess:()=>{this.setState({mfaConfirmLogin:!1,isSubmited:!1})},onRedirectBack:()=>{this.setState({mfaConfirmLogin:!1,isSubmited:!1,email:"",password:""})}}):(0,V.jsxs)("div",{className:"signin-container-wrapper",children:["extension"!==S&&"shareit"!==S&&this.Logo(),z&&!h&&(0,V.jsx)("div",{className:"alert-container alert-msg",children:(0,V.jsxs)("div",{id:"w0-success-0",className:"".concat(G," text-left d-flex align-items-center ml-2"),children:[(0,V.jsx)("div",{className:"pr-3",children:z}),k&&(0,V.jsxs)("div",{className:"pr-3",children:[(0,V.jsx)("a",{href:"/login",className:"mr-1",children:(0,V.jsx)(l.A,{id:N.A.CLICK_HERE,defaultValue:N.A.CLICK_HERE})}),(0,V.jsx)(l.A,{id:N.A.SIGN_IN_INSTEAD,defaultValue:N.A.SIGN_IN_INSTEAD})]}

1),(0,V.jsx)(w.A,{type:"button",bsClass:"close",onClick:this.closeFlashMsg,children:(0,V.jsx)(U.A,{name:"BaseClose",size:16})})]})}),t&&t.message&&(0,V.jsx)("div",{className:"alert-container alert-msg",children:(0,V.jsxs)("div",{id:"w0-success-0",className:"alert-".concat(t.type," alert text-left d-flex align-items-center ml-2"),children:[(0,V.jsx)("div",{className:"pr-3",children:t.message}),(0,V.jsx)(w.A,{type:"button",bsClass:"close",onClick:()=>{a()},children:(0,V.jsx)(U.A,{name:"BaseClose",size:16})})]})}),z&&h&&(0,V.jsx)("div",{className:"alert-container alert-msg account-deleted-alert",children:(0,V.jsxs)("div",{id:"w0-success-0",className:"alert-success alert text-left d-flex align-items-center ml-2",children:[(0,V.jsx)(w.A,{type:"button",bsClass:"close",onClick:this.closeFlashMsg,children:(0,V.jsx)(U.A,{name:"BaseClose",size:16})}),(0,V.jsxs)("div",{className:"pr-3",children:[(0,V.jsx)(l.A,{id:N.A.ACCOUNT_DELETED_1,defaultMessage:N.A.ACCOUNT_DELETED_1})," ",(0,V.jsx)("a",{href:"/register/agency",children:(0,V.jsx)(l.A,{id:N.A.SIGNUP,defaultMessage:N.A.SIGNUP})})," ",(0,V.jsx)(l.A,{id:N.A.AGAIN,defaultMessage:N.A.AGAIN})]})]})}),(0,V.jsx)("div",{className:"row mb-32",children:(0,V.jsx)("div",{className:"col-lg-12",children:(0,V.jsx)("h2",{className:"sign-in-text",children:-1!==(0,C.A)("client")||v.lw?(0,V.jsx)(l.A,{id:N.A.SIGN_IN,defaultValue:N.A.SIGN_IN}):(0,V.jsx)(l.A,{id:H,defaultValue:H})})})}),!I&&(0,V.jsx)(p.A,{loginData:{emailError:o,passwordError:c,isSubmited:g},submitLogin:this.submitLogin,clientForgotPassLink:L,fromExtension:S,email:b,password:M,isReactiveClientPage:this.isReactiveClientPage,fromCanva:!0}),-1!==(0,C.A)("client")?"":(0,V.jsx)("div",{className:"row mb-4",children:(0,V.jsx)("div",{className:"col-lg-12",children:(0,V.jsx)("div",{className:"form-fill login-terms",children:(0,V.jsxs)("p",{className:"terms-and-conditions-text",children:[(0,V.jsx)(l.A,{id:N.A.TERMS_POLICY,defaultValue:N.A.TERMS_POLICY}),P,(0,V.jsx)("a",{href:y,target:"blank",children:(0,V.jsx)(l.A,{id:N.A.TERMS_OF_SERVICE,defaultValue:N.A.TERMS_OF_SERVICE})}),O&&(0,V.jsxs)(V.Fragment,{children:[" | ",(0,V.jsx)("a",{href:O,target:"blank",children:(0,V.jsx)(l.A,{id:N.A.PRIVACY_POLICY,defaultValue:N.A.PRIVACY_POLICY})})]})]})})})}),(0,V.jsx)("div",{className:"row",children:(0,V.jsx)("div",{className:"col-lg-12 lang-block relative-index-zero canva-language",children:(0,V.jsx)(f.A,{defaultLanguage:T})})})]})})})})})}}const B=(0,i.Ng)(e=>({loginDetails:e.auth,userSettingRes:e.userSetting,socialMediaLoginReducer:e.socialMediaLoginReducer,enterPriceDetails:e.enterPriceDetailsReducer,clientSignupLinkDetails:e.clientSignupLinkDetails,verifyLinkRes:e.verifyLinkRes,createPasswordRes:e.createPassword,flashMesssage:e.flashMesssage}),{fetchUserToken:S.pH,userSetting:x.Ki,fetchClientData:S.uU,getEnterPriceDetails:j.S,disableAlert:A.Nb,clearAuthReducerAction:S.sJ})(F);var G=t(7097);class z extends a.PureComponent{constructor(e){super(e),this.titleEditor=a.createRef(),this.state={canvaUserToken:"",state:"state",nonce:"",nonceCookie:"",nonceExpiry:""}}componentDidMount(){const e=(0,G.j)();if(e){const{canvaUserToken:s,state:t,nonce:a,nonceCookie:i,nonceExpiry:r}=e;this.setState({canvaUserToken:s,state:t,nonce:a,nonceCookie:i,nonceExpiry:r})}}componentDidUpdate(e,s){const{loginDetails:t,userSettingRes:a}=this.props,{canvaUserToken:i,state:r,nonce:o,nonceCookie:n,nonceExpiry:c}=this.state}render(){const{user:e,state:s,nonce:t,nonceCookie:a,nonceExpiry:i,canvaUserToken:r}=this.state,{fetchUserToken:o}=this.props;return(0,V.jsx)("div",{className:"row h-100",children:(0,V.jsx)(B,{fetchUserToken:o,canvaData:{user:e,state:s,nonce:t,nonceCookie:a,nonceExpiry:i,canvaUserToken:r}})})}}const Y=(0,i.Ng)(e=>({loginDetails:e.auth,userSettingRes:e.userSetting}),{fetchUserToken:S.pH,clearAuthReducerAction:S.sJ,sendCanvaRes:e=>({type:"SEND_CANVA_RESPONSE",payload:(0,d.A)("".concat(v.W2,"/canva/verify"),"POST",e,null)})})(z)}}]);