import{a as bt}from"/wp-web-assets/build/_shared/chunk-KIADP6FQ.js";import{a as At,b as Mt,c as Ot}from"/wp-web-assets/build/_shared/chunk-U3BBAGCW.js";import{a as St}from"/wp-web-assets/build/_shared/chunk-QJO56R3M.js";import{a as R}from"/wp-web-assets/build/_shared/chunk-JP62YZFS.js";import{b as Bt,c as gt,d as Ht,e as Ut,f as Gt,g as Wt,h as wt,i as ht,j as _t}from"/wp-web-assets/build/_shared/chunk-7AJKOAAE.js";import{a as w}from"/wp-web-assets/build/_shared/chunk-4KNITECB.js";import{a as J}from"/wp-web-assets/build/_shared/chunk-DRDTWBUP.js";import{a as G}from"/wp-web-assets/build/_shared/chunk-BQDVGO7X.js";import{a as Ct}from"/wp-web-assets/build/_shared/chunk-4M6SGPAO.js";import{a as xt,u as K}from"/wp-web-assets/build/_shared/chunk-FPSF7EX6.js";import{a as Vt}from"/wp-web-assets/build/_shared/chunk-YJGNO6SB.js";import{i as _,j as It,m as Lt}from"/wp-web-assets/build/_shared/chunk-Z4SS4255.js";import{k as P}from"/wp-web-assets/build/_shared/chunk-VNDGKOW7.js";import{b as T}from"/wp-web-assets/build/_shared/chunk-2YZJKNX4.js";import{a as at}from"/wp-web-assets/build/_shared/chunk-BCAQNPD2.js";import{D as Q,E as g,a as z,d as mt,j as Pt,w as j,y as Rt}from"/wp-web-assets/build/_shared/chunk-DFBJ2RPP.js";import{e as i}from"/wp-web-assets/build/_shared/chunk-6OSFCK5A.js";var ro=i(z());var D={"checkbox-field":"iDNLk","pronouns-dropdowns-select":"C5Y3-","field-label":"gxj30","policy-agreement":"kHMCC","policy-agreement-thirdparty":"Ggw7t","checkbox-field-form":"i4joo",checkbox:"jGxha","checkbox-content":"LFku0","email-opt-in-subtitle":"_1m8b6",subtitle:"Dwej8",title:"s0Lqs","title-new":"eSa0g","back-btn":"g1gZ3","submit-error":"qqpbo"};var h={"signin-buttons":"a1mGk","hr-with-text":"ZO4N-","hr-margin":"YgLKI","hr-margin-new":"xX-NR","horizontal-line":"k8j8T",or:"Q-icg","login-button":"ATvtW","facebook-button":"SvIpI","facebook-icon":"AI9MP","google-button":"iN3LH","google-login-icon":"DBjj7","google-auth":"_1mmk0","auth-button-new":"cT-65","auth-button-text-new":"Ez7di"};var dt=i(z());Q();var X=i(g()),wo="email,user_birthday",$t=({fbCta:s,appId:f,source:d})=>{let n=J(),t=h["auth-button-new"],o=h["auth-button-text-new"],[b,r]=(0,dt.useState)({status:"unknown",authResponse:null}),y=function(){if(!document.getElementById("#fb-root")){let p=window.document.createElement("script");p.async=!0,p.src="https://connect.facebook.net/en_US/sdk.js",p.id="facebook-jssdk",document.getElementsByTagName("body")[0].append(p)}};(0,dt.useEffect)(()=>{window.fbAsyncInit=function(){FB.init({appId:f,cookie:!0,xfbml:!0,version:"v16.0"}),FB.getLoginStatus(p=>{r(p)})},y()},[]);let v=function(p={},L){b!==void 0&&(p.scope=wo,p.return_scopes=!0,FB.login(l=>(r(l),l.authResponse?L(l.authResponse.accessToken):!1),p),console.error("Facebook Login Failed: FacebookSDK had an error")),L()},E=mt(),A=()=>{d==="login"&&K("facebook"),v({},p=>{p&&E(`/auth/fb-auth?token=${encodeURIComponent(p)}&nextUrl=${n}`)})};return(0,X.jsxs)("button",{className:T(h["login-button"],t),onClick:A,children:[(0,X.jsx)("img",{src:"/wp-web-assets/images/facebook-login-color.png",alt:"Facebook Login",className:h["google-login-icon"],width:"18",height:"18","aria-hidden":"true"}),(0,X.jsx)("span",{children:(0,X.jsx)("span",{className:o,children:s})})]})};Q();var Z=i(g()),ho="profile openid email",bo=({googleCta:s,nextUrl:f,wattpad:d,source:n})=>{let t=mt(),o=h["auth-button-new"],b=h["auth-button-text-new"],r="18",y="18",v=()=>{var p;n==="login"&&K("google");let E=window.google,A=(p=E==null?void 0:E.accounts)==null?void 0:p.oauth2.initTokenClient({client_id:Lt,scope:ho,callback:async L=>{if(L.access_token){let l=new URLSearchParams({token:encodeURIComponent(L.access_token),type:"google",nextUrl:f||""});t(`/auth/google-auth?${l.toString()}`)}else console.error("Handshake with google API failed.")}});if(!A){console.error("Handshake with google API failed.");return}A.requestAccessToken()};return(0,Z.jsxs)("button",{className:T(h["login-button"],o),onClick:v,children:[(0,Z.jsx)("img",{src:"/wp-web-assets/images/google-login-color.png",alt:"Google Login",className:h["google-login-icon"],width:r,height:y,"aria-hidden":"true"}),(0,Z.jsx)("span",{children:(0,Z.jsx)("span",{className:b,children:s})})]})},Yt=bo;Q();var M=i(g()),zt=({source:s,wattpad:f})=>{let{t:d}=P(),{facebookAppId:n}=j("root"),t=d(s==="signup"?"Sign up with Facebook":"Log in with Facebook"),o=d(s==="signup"?"Sign up with Google":"Log in with Google");return(0,M.jsx)("div",{className:h["signin-buttons"],children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Yt,{googleCta:o,wattpad:f,source:s}),(0,M.jsx)($t,{fbCta:t,appId:n,source:s})]})})};var Dt=i(at());var B=i(g()),ct=({toggleFormView:s,source:f,wattpad:d})=>{let{t:n}=P(),t=h["hr-margin-new"],o=n("or"),b=n("Log in with email"),r=n("Sign up with email"),y=h["hr-margin-new"],v=f==="login"?b:r;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(zt,{source:f,wattpad:d}),(0,B.jsxs)("div",{className:T(h["hr-with-text"],t),children:[(0,B.jsx)("div",{className:h["horizontal-line"]}),(0,B.jsxs)("span",{className:h.or,children:[" ",o," "]}),(0,B.jsx)("div",{className:h["horizontal-line"]})]}),(0,B.jsx)(Dt.Button,{fullWidth:!0,onClick:E=>{f==="login"?K("email"):xt("email"),s&&s(E)},label:v,className:y})]})};var Kt=i(z()),O=i(at());var jt=i(at());Q();var W=i(z());var x=i(g()),qt=({passwordStrengthPolicy:s,passwordError:f,confirmPasswordError:d,successMessage:n})=>{var st;let{t}=P(),[o,b]=(0,W.useState)("password"),[r,y]=(0,W.useState)(!1),[v,E]=(0,W.useState)(""),[A,p]=(0,W.useState)("");(0,W.useEffect)(()=>{n!=null&&n.password?E(n==null?void 0:n.password):E("")},[n==null?void 0:n.password]),(0,W.useEffect)(()=>{n!=null&&n.confirmPassword?p(n==null?void 0:n.confirmPassword):p("")},[n==null?void 0:n.confirmPassword]);let L=()=>{b(o==="text"?"password":"text")},[l,H]=(0,W.useState)("password"),et=()=>{H(l==="text"?"password":"text")};return(0,x.jsxs)("div",{"data-attr":"password",children:[(0,x.jsxs)("div",{className:R["password-container"],children:[(0,x.jsx)(G,{id:"password",label:t("Password"),customLabel:!0,type:o,validations:_,name:"password",placeholder:t("Password"),className:`${w["form-control"]}`,containerClassName:w["input-group"],onBlur:()=>y(!1),onFocus:()=>y(!0),errorMessage:f,successMessage:v,fullWidth:!0}),(0,x.jsx)("button",{type:"button",className:T(R["password-show"],{[R.valid]:v&&!f},R["btn-no-background"]),"aria-label":t(o==="text"?"Hide password":"Show password"),onClick:L,children:t(o==="text"?"Hide":"Show")})]}),(0,x.jsx)("div",{"aria-live":"polite",children:r&&s&&(0,x.jsxs)("div",{className:R["password-rules"],children:[(0,x.jsx)("div",{children:s==null?void 0:s.rulesIntroText}),(0,x.jsx)("ul",{children:(st=s==null?void 0:s.rules)==null?void 0:st.map((V,nt)=>(0,x.jsx)("li",{children:V},nt))})]})}),(0,x.jsxs)("div",{className:R["password-container"],children:[(0,x.jsx)(G,{id:"Confirm-password",label:t("Re-enter Password"),customLabel:!0,type:l,validations:_,name:"confirmPassword",placeholder:t("Re-enter Password"),className:`${w["form-control"]}`,containerClassName:w["input-group"],errorMessage:d,successMessage:A,fullWidth:!0}),(0,x.jsx)("button",{type:"button",className:T(R["password-show"],{[R.valid]:A&&!d},R["btn-no-background"]),"aria-label":t(l==="text"?"Hide password":"Show password"),onClick:et,children:t(l==="text"?"Hide":"Show")})]})]})};var N=i(z());var u=i(g()),Qt=({actionUrl:s,signupFrom:f="",formType:d="",submitButtonMsg:n,googleSignupData:t})=>{var Et,Ft,Tt,Nt,kt;let{t:o}=P(),b=J(),r=Rt(),{siteRoot:y,wattpad:v}=j("root"),[,E]=(0,N.useState)(""),A=(Et=v.testGroups)==null?void 0:Et.NEW_AUTH_ERRORS,p=new URLSearchParams({nextUrl:(t==null?void 0:t.nextUrl)||b}),L=`${s||"/auth/signup"}?${p.toString()}`,[l,H]=(0,N.useState)({username:"",email:"",password:"",confirmPassword:"",policy:"",date:null}),[et,st]=(0,N.useState)({username:!1,email:!1}),[V,nt]=(0,N.useState)({password:"",confirmPassword:""}),pt=(0,N.useRef)(null),[ao,so]=(0,N.useState)(""),[no,yt]=(0,N.useState)(!1),[io,vt]=(0,N.useState)(!1),ft=e=>{st({...et,[e]:!0})},lo=async e=>{let{name:a,value:m}=e.target;if(a){let c=await rt(a,m);H(a==="year"||a==="month"||a==="day"?{...l,date:c}:{...l,[a]:c})}},it=(e,a)=>a==="password"?e===V.password?null:e:e===V.confirmPassword?null:e,rt=async(e,a)=>{let m=new FormData(pt.current),c=a||m.get(e);switch(e){case"username":let F=await Bt(c,o);return F===null&&ft("username"),F;case"email":let C=await gt(c,o);return C===null&&ft("email"),C;case"password":let Y=await wt(y,m.get("username"),c,V,o);return it(Y,"password");case"confirmPassword":let lt=await ht(m.get("password"),c,V,o);return it(lt,"confirmPassword");case"month":return await Gt(c,o);case"day":return await Ut(c,o);case"year":return await Wt(c,o);case"policy":return m.get("policy")!=="true"}},mo=async()=>{let e={username:"",email:"",password:"",confirmPassword:"",policy:"",date:null};for(let a of Object.keys(l))if(a==="date"){let m=await rt("year"),c=await rt("month"),F=await rt("day");e[a]=m||c||F}else e[a]=await rt(a);H(e),yt(!0)},co=bt(async(e,a)=>{let m=await wt(y,e,a,V,o);return it(m,"password")},500),uo=bt(async(e,a)=>{let m=await ht(e,a,V,o);return it(m,"confirmPassword")},500),po=async e=>{let{name:a,value:m}=e.target,c=["month","day","year"],F=new FormData(pt.current);if(c.includes(a)){let C=await Ht(F.get("month"),F.get("day"),F.get("year"),o);return H({...l,date:C})}if(a==="password"&&co(F.get("username"),m),a==="confirmPassword"&&uo(F.get("password"),m),a==="policy"){let C=e.target.checkValidity();return H({...l,policy:!C})}};(0,N.useEffect)(()=>{async function e(){so(await _t(y))}e()},[]);let fo=async e=>{let a=await gt(e,o);a===null&&ft("email"),H({...l,email:a})};(0,N.useEffect)(()=>{t!=null&&t.emailDefaultValue&&fo(t==null?void 0:t.emailDefaultValue)},[t==null?void 0:t.emailDefaultValue]);let go=async e=>{var a,m,c,F,C,Y,q,lt;if(e==="password"){if(((a=r.data)==null?void 0:a.errors[e])===((c=(m=r.data)==null?void 0:m.successMessage)==null?void 0:c.password))return null}else if(e==="confirmPassword"){if(((F=r.data)==null?void 0:F.errors[e])===((Y=(C=r.data)==null?void 0:C.successMessage)==null?void 0:Y.confirmPassword))return null}else if(((q=r.data)==null?void 0:q.errors[e])!=="")return(lt=r.data)==null?void 0:lt.errors[e]};return(0,N.useEffect)(()=>{var e,a;if((e=r.data)!=null&&e.errors){let m={username:"",email:"",password:"",confirmPassword:"",policy:"",date:null};Object.keys((a=r.data)==null?void 0:a.errors).forEach(async c=>{m[c]=await go(c)}),H(m),yt(!0)}},[(Ft=r.data)==null?void 0:Ft.errors]),(0,N.useEffect)(()=>{var e,a,m,c,F,C,Y,q;((a=(e=r.data)==null?void 0:e.successMessage)==null?void 0:a.password)!==""&&nt({...V,password:(c=(m=r.data)==null?void 0:m.successMessage)==null?void 0:c.password}),((C=(F=r.data)==null?void 0:F.successMessage)==null?void 0:C.confirmPassword)!==""&&nt({...V,confirmPassword:(q=(Y=r.data)==null?void 0:Y.successMessage)==null?void 0:q.confirmPassword})},[(Tt=r.data)==null?void 0:Tt.successMessage]),(0,N.useEffect)(()=>{var e,a,m,c;(e=r.data)!=null&&e.field&&((a=r.data)!=null&&a.errorMessage)?H({...l,[r.data.field]:(m=r.data)==null?void 0:m.errorMessage}):(c=r.data)!=null&&c.errorMessage&&vt(!0)},[r.data]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(r.Form,{ref:pt,method:"post",id:"signup-form",action:L,encType:"multipart/form-data",onBlur:lo,onChange:po,children:[(0,u.jsx)("input",{type:"hidden",name:"signup-from",value:f}),(0,u.jsx)("input",{type:"hidden",name:"form-type",value:d}),(0,u.jsx)("input",{type:"hidden",name:"new-onboarding",value:"1"}),t&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("input",{type:"hidden",name:"token",value:t.token,"data-testid":"google-token"}),(0,u.jsx)("input",{type:"hidden",name:"type",value:t.type,"data-testid":"google-type"})]}),(0,u.jsx)(G,{id:"email",label:o("E-mail"),name:"email",initialValue:(t==null?void 0:t.emailDefaultValue)||"",placeholder:o("Enter E-mail"),customLabel:!0,validations:It,className:`${w["form-control"]}`,containerClassName:w["input-group"],errorMessage:l.email,isValid:A||l.email?!1:et.email,fullWidth:!0}),(0,u.jsx)(G,{id:"username",label:o("Username"),customLabel:!0,validations:_,name:"username",placeholder:o("Enter username"),className:`${w["form-control"]}`,containerClassName:w["input-group"],hint:{ariaLabel:o("username hint"),content:o("You do not have to use your real name. You can choose to use another name to protect your privacy.")},errorMessage:l.username,isValid:l.username?!1:et.username,fullWidth:!0}),(0,u.jsx)(At,{classNames:w["input-group"],errors:l.date}),(0,u.jsxs)("div",{className:w["input-group"],children:[(0,u.jsxs)("label",{className:D["field-label"],children:[o("Pronouns (optional)"),(0,u.jsx)(Ct,{id:"pronouns-tooltip",ariaLabel:o("Why we ask for your pronouns"),tooltip:o("Your pronouns are only visible to you and Wattpad's support team. Update them anytime in your profile.")})]}),(0,u.jsx)(St,{id:"pronouns",options:Mt(o),onChange:e=>E(e.target.value),className:D["pronouns-dropdowns-select"]})]}),(0,u.jsx)(qt,{passwordStrengthPolicy:ao,passwordError:l.password,confirmPasswordError:l.confirmPassword,successMessage:V}),(0,u.jsx)(Ot,{errors:l}),(0,u.jsx)(jt.Button,{className:w["submit-btn"],fullWidth:!0,disabled:r.state==="submitting",onClick:mo,label:n||o("Sign up with email")}),no&&Object.values(l).some(e=>e)&&(0,u.jsx)("div",{"aria-live":"assertive",className:T("error-msg-new",D["submit-error"]),role:"alert",children:o("Please fix any errors to continue.")})]}),io&&(0,u.jsx)(Vt,{message:(kt=(Nt=r.data)==null?void 0:Nt.errorMessage)!=null?kt:o("Something went wrong. Please try again"),closeToast:()=>vt(!1),dismissible:!0})]})};var k=i(g()),Jt=({toggleForm:s,signupFrom:f,formType:d,wattpad:n,customText:t,customTextTitle:o})=>{let{t:b}=P(),[r,y]=(0,Kt.useState)(!1),v=()=>y(!r),E=D["title-new"],A=o||b("Sign up to join the largest storytelling community"),p=()=>(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(O.Button,{label:b("Back to all signup options"),onClick:v,variant:O.ButtonVariant.TERTIARY,leadingIcon:O.IconNames.WpChevronLeft,className:D["back-btn"]}),(0,k.jsx)(Qt,{signupFrom:f,formType:d})]}),L=()=>(0,k.jsx)("div",{className:E,children:A});return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:w["panel-body"],children:[!r&&L(),r?p():(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ct,{source:"signup",toggleFormView:v,wattpad:n}),(0,k.jsx)(O.Button,{variant:O.ButtonVariant.TERTIARY,onClick:s,label:b("I already have an account"),fullWidth:!0})]})]})})};var tt={"password-forgot":"d3eAp","footer-button-margin":"-zq84",subtitle:"DFg-C",title:"hddEw","title-new":"_5wyJW","back-btn":"TFXR-","submit-btn":"HTd-M"};var Xt=i(at());Q();var Zt=i(z());var I=i(g()),to=()=>{let{t:s}=P(),f=J(),[d,n]=(0,Zt.useState)("password"),t=()=>{n(d==="text"?"password":"text")};return(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(Pt,{method:"post",id:"login-form",action:`/auth/login?nextUrl=${f}`,children:[(0,I.jsx)("input",{type:"hidden",name:"new-onboarding",value:"1"}),(0,I.jsx)("div",{"data-attr":"username",children:(0,I.jsx)(G,{id:"login-username",label:s("Email or username"),placeholder:s("Email or username"),customLabel:!0,validations:_,name:"username",className:`${w["form-control"]}`,fullWidth:!0})}),(0,I.jsx)("div",{"data-attr":"password",children:(0,I.jsxs)("div",{className:R["password-container"],children:[(0,I.jsx)(G,{id:"password",label:s("Password"),placeholder:s("Password"),customLabel:!0,type:d,validations:_,name:"password",className:`${w["form-control"]}`,fullWidth:!0}),(0,I.jsx)("button",{type:"button",className:T(R["password-show"],R["btn-no-background"]),"aria-label":s(d==="text"?"Hide password":"Show password"),onClick:t,children:s(d==="text"?"Hide":"Show")})]})}),(0,I.jsx)(Xt.Button,{className:tt["submit-btn"],label:s("Log in"),fullWidth:!0})]})})};var oo=i(z());var U=i(at()),S=i(g()),eo=({toggleForm:s,siteRoot:f,wattpad:d,customText:n})=>{let{t}=P(),[o,b]=(0,oo.useState)(!1),r=()=>b(!o),y=tt["title-new"],v=(0,S.jsx)("p",{className:y,children:t("Log in to Wattpad")});return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)("div",{className:w["panel-body"],children:[!o&&v,o&&(0,S.jsx)(U.Button,{label:t("Back to all login options"),onClick:r,variant:U.ButtonVariant.TERTIARY,leadingIcon:U.IconNames.WpChevronLeft,className:tt["back-btn"]}),o?(0,S.jsx)(to,{}):(0,S.jsx)(ct,{toggleFormView:r,source:"login",wattpad:d}),(0,S.jsx)(U.Button,{variant:U.ButtonVariant.TERTIARY,href:`${f}/forgot?nextUrl=%2Fhome`,label:t("Forgot password?"),fullWidth:!0}),!o&&(0,S.jsx)(U.Button,{variant:U.ButtonVariant.TERTIARY,className:tt["footer-button-margin"],onClick:s,label:t("Don't have an account? Sign up"),fullWidth:!0})]})})};var ut={"auth-wrapper":"_39lYR","auth-form":"judyi","auth-form-new":"bJPuR","auth-wrapper-new":"eNMWT"};Q();var $=i(g()),ot={SIGNUP:"signup",LOGIN:"login"},qe=({login:s=!1,signupFrom:f,customStyles:d,formType:n,customText:t,customTextTitle:o})=>{let[b,r]=(0,ro.useState)(s?ot.LOGIN:ot.SIGNUP),{siteRoot:y,wattpad:v}=j("root"),E=()=>r(b===ot.LOGIN?ot.SIGNUP:ot.LOGIN);return(0,$.jsx)("div",{className:T(ut["auth-wrapper"],d?d["auth-wrapper-outline"]:"",ut["auth-wrapper-new"]),children:(0,$.jsx)("div",{className:T(ut["auth-form-new"]),children:b===ot.SIGNUP?(0,$.jsx)($.Fragment,{children:(0,$.jsx)(Jt,{toggleForm:E,signupFrom:f,formType:n,wattpad:v,customText:t,customTextTitle:o})}):(0,$.jsx)(eo,{toggleForm:E,siteRoot:y,wattpad:v,customText:t})})})};export{qe as a};