https://www.therecspot.com/_next/static/chunks/9485-bfba6a5e513b537d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9485],{29485:function(e,t,i){i.r(t),i.d(t,{default:function(){return V}});var r=i(94970),o=i(19168),n=i(262),a=i(40048),l=i(48098),d=i(93243),s=i(51143),c=i(4),p=i(43377),h=i.n(p),g=i(34023),u=i.n(g),m=i(80572),f=i(50959),w=i(58273),v=i(76037),x=i.n(v);i(76836);var b=i(23893),S=i.n(b),Z=i(41183),y=i(1458),k=i(79179),C=i(84587),z=i(97401),R=i(16055);let B=(0,z.Z)("div",{target:"ezjiceh0"})("background-color:var(--brown-color);max-height:80vh;max-width:50vw;display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:12px;@media (max-width:768px){max-width:90vw;}& > h1{color:var(--pink-color);margin-bottom:2rem;}"),E=(0,z.Z)("div",{target:"ezjiceh1"})("display:flex;flex-direction:column;align-items:center;max-height:80%;@media (max-width:768px){height:100%;}& > img{width:25%;margin-bottom:20px;@media (max-width:768px){width:60%;margin-bottom:10px;}}"),I=(0,z.Z)("button",{target:"ezjiceh2"})("border:none;width:20rem;max-width:80%;height:7vh;padding:10px;background-color:white;border-radius:30px;display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer;& > span{color:black;margin-left:15px;}"),N=(0,z.Z)("button",{target:"ezjiceh3"})("border:none;max-width:60%;padding:2% 10%;background-color:white;margin:20px 0;border-radius:30px;cursor:pointer;@media (max-width:768px){width:80%;padding:6px;}"),U=(0,z.Z)("div",{target:"ezjiceh4"})(),P=(0,z.Z)("div",{target:"ezjiceh5"})(".pincode-input-container{.pincode-input-text{padding:0 !important;margin:0 2px;text-align:center;border:1px solid;background:transparent;width:50px;height:50px;}.pincode-input-text:focus{outline:none;box-shadow:none;}}"),q=(0,z.Z)("div",{target:"ezjiceh6"})("display:flex;align-items:center;width:65%;",R.U.mobile,'{width:80%;flex-direction:column;}& > div{display:flex;align-items:center;}& > h6{width:100%;color:white;font-family:"Syne";font-weight:400;font-size:18px;margin-right:5px;',R.U.mobile,"{font-size:14px;}}"),F=(0,z.Z)("div",{target:"ezjiceh7"})("color:white;font-size:14px;margin-top:20px;margin-bottom:20px;text-align:center;",R.U.mobile,"{font-size:12px;}& > a{color:var(--yellow-color);}"),T=(0,z.Z)("label",{target:"e1lrwye90"})("display:flex;align-items:center;justify-content:center;width:10vw;height:10vw;background-color:#00000033;border-radius:50%;text-align:center;& > span{width:6vw;color:white;font-size:1vw;line-height:1.4;}& > img{width:10vw;border-radius:50%;}@media (max-width:768px){width:30vw;height:30vw;& > span{width:15vw;font-size:2.5vw;}& > img{width:30vw;border-radius:50%;}}"),X=(0,z.Z)("input",{target:"e1lrwye91"})("visibility:hidden;"),G=(0,z.Z)("input",{target:"e1lrwye92"})('border:1px solid #ffee48;background-color:transparent;width:25vw;height:8vh;border-radius:40px;color:white;padding:10px;font-size:1vw;font-family:"Brice";opacity:',e=>e?1:.6,";letter-spacing:2px;font-weight:100;margin:1vh 0;&:focus{outline:none;}&::placeholder{padding:10px;color:white;letter-spacing:1px;}@media (max-width:768px){width:80vw;font-size:3vw;}"),O=()=>{let[e,t]=(0,f.useState)(""),[i,o]=(0,f.useState)(""),[n,a]=(0,f.useState)(""),[d,c]=(0,f.useState)(""),p=(0,m.useRouter)(),[h,{error:g}]=(0,l.D)(y.a$,{onCompleted:e=>{e&&p.reload()},onError:e=>{console.log("ERROR",e),alert(e.message)}});return(0,f.useEffect)(()=>{(0,s.U2)("user").then(e=>{var t,i,r;console.log(e),o(null!==(t=null==e?void 0:e.name)&&void 0!==t?t:""),a(null!==(i=null==e?void 0:e.email)&&void 0!==i?i:""),c(null!==(r=null==e?void 0:e.username)&&void 0!==r?r:"")})},[]),(0,r.BX)(r.HY,{children:[(0,r.tZ)("h1",{children:"BUILD YOUR PROFILE"}),(0,r.tZ)(T,{htmlFor:"filePicker",children:e?(0,r.tZ)("img",{src:e,alt:"Selected profile"}):(0,r.tZ)("span",{children:" ADD PROFILE PICTURE"})}),(0,r.tZ)(X,{id:"filePicker",type:"file",multiple:!1,onChange:e=>t(URL.createObjectURL(e.target.files[0]))}),(0,r.tZ)(G,{isPrefilled:""!==d,placeholder:"Username",value:d,onChange:e=>c(e.target.value)}),(0,r.tZ)(G,{isPrefilled:0!=i.length,placeholder:"Name",value:i,onChange:e=>o(e.target.value)}),(0,r.tZ)(G,{isPrefilled:""!==n,placeholder:"Email",value:n,onChange:e=>a(e.target.value)}),(0,r.tZ)(N,{type:"submit",onClick:function(e){e.preventDefault(),console.log("submit values",{name:i,email:n,username:d}),""!=n?h({variables:{name:i,username:d,email:n}}):h({variables:{name:i,username:d}})},children:"SUBMIT"})]})};var D=()=>{let[e,t]=(0,f.useState)(0);return(0,r.tZ)(r.HY,{children:0===e&&(0,r.tZ)(O,{})})};let j=h()(()=>i.e(5548).then(i.t.bind(i,75548,23)),{loadableGenerated:{webpack:()=>[75548]},ssr:!1});var M=e=>{let t,{isSignUp:i=!1}=e,o=(0,m.useRouter)(),[a,p]=(0,f.useState)(0),[h,g]=(0,f.useState)(""),[v,b]=(0,f.useState)(""),[z,R]=(0,f.useState)(!1),[T,X]=(0,f.useState)(!1),[G,O]=(0,f.useState)(!0),[M,L]=(0,f.useState)(!0),_=i?"SIGN UP":"SIGN IN",H=(0,C.dD)(),[A]=(0,l.D)(y.dp,{onCompleted:e=>

1{console.log(JSON.stringify(e)),(0,s.t8)("token",e.requestSMSSessionToken.tokenValue),(0,s.t8)("user",e.requestSMSSessionToken.user),e.requestSMSSessionToken.user.isRegistered?o.reload():R(!0)}}),[W]=(0,l.D)(y.Ft,{onCompleted:()=>{p(a+1)}}),Y=()=>{W({variables:{input:h}})},[V]=(0,k.gj7)({variables:{phoneNumber:h.startsWith("1666555")?h:h.slice(1)},onCompleted:e=>{var t;(0,s.t8)("token",e.requestUnverifiedSMSSessionToken.tokenValue),(0,s.t8)("user",e.requestUnverifiedSMSSessionToken.user),(null===(t=e.requestUnverifiedSMSSessionToken.user)||void 0===t?void 0:t.isRegistered)?o.reload():R(!0)}});return z?(0,r.tZ)(B,{children:(0,r.tZ)(D,{})}):(0===a?t=(0,r.BX)(I,{onClick:()=>p(a+1),disabled:!G,children:[(0,r.tZ)("img",{src:"/images/PhoneLoginIcon.svg",alt:"Phone icon"}),(0,r.BX)("span",{children:[" ",_," WITH PHONE "]})]}):1===a?t=(0,r.BX)(r.HY,{children:[(0,r.tZ)(U,{children:H?(0,r.tZ)(x(),{country:"us",value:h,placeholder:"PHONE",onChange:e=>g(e),containerStyle:{width:"80%",margin:"2vh auto",padding:"0 10px"},inputStyle:{background:"transparent",border:"1px solid #FFEE48",color:"white",fontFamily:"Brice",fontWeight:"900",borderRadius:"30px",paddingLeft:"25%"},buttonStyle:{background:"white",border:"none",margin:"2px",height:"3vh",padding:"2vh 1vw",borderRadius:"30px",position:"absolute",left:"8px",top:"-1px"},searchStyle:{position:"absolute",top:"20%",left:"140px"},dropdownStyle:{backgroundColor:"transparent",color:"white",width:"20vw"}}):(0,r.tZ)(x(),{country:"us",value:h,placeholder:"PHONE",onChange:e=>g(e),containerStyle:{width:"25vw",height:"7vh",margin:"10px 0",padding:"10px"},inputStyle:{background:"transparent",border:"1px solid #FFEE48",color:"white",fontFamily:"Brice",fontSize:"1.3rem",fontWeight:"900",width:"100%",height:"7vh",borderRadius:"30px",paddingLeft:"25%"},buttonStyle:{background:"white",border:"none",margin:"2px",height:"3vh",padding:"2vh 1vw",borderRadius:"30px",position:"absolute",left:"5%",top:"35%"},searchStyle:{position:"absolute",top:"20%",left:"140px"},dropdownStyle:{backgroundColor:"transparent",color:"white",width:"20vw"}})}),(0,r.tZ)(N,{onClick:()=>{if(Z.UK&&(h.startsWith("11666555")||h.startsWith("1666555"))){V();return}Y()},disabled:!M,children:"SUBMIT"})]}):2===a&&(t=(0,r.BX)(r.HY,{children:[(0,r.tZ)(P,{children:(0,r.tZ)(j,{length:4,initialValue:"",onChange:e=>{b(e)},type:"numeric",inputMode:"number",style:{padding:"10px"},inputStyle:H?{borderColor:"#FFEE48",fontFamily:"Brice",fontWeight:"900",fontSize:"1.5rem",color:"white",margin:"5px",height:"10vh",width:"10vw",borderRadius:"25px"}:{borderColor:"#FFEE48",fontFamily:"Brice",fontWeight:"900",fontSize:"1.5rem",color:"white",width:"4vw",margin:"20px",height:"13vh",borderRadius:"25px"},inputFocusStyle:{borderColor:"white"},autoSelect:!0,regexCriteria:/^[ A-Za-z0-9_@./#&+-]*$/})}),(0,r.tZ)(N,{onClick:()=>{X(!0),A({variables:{phoneNumber:h,pinCode:v}}).then(()=>X(!1))},children:(0,r.tZ)("span",{children:"AGREE AND CONTINUE"})})]})),T)?(0,r.tZ)(B,{children:(0,r.tZ)(S(),{color:"black",loading:!0,size:150})}):(0,r.BX)(B,{children:[(0,r.tZ)(n.Z,{variant:"h1",children:i?"SIGN UP":"SIGN IN"}),(0,r.BX)(E,{children:[(0,r.tZ)("img",{src:"/images/Logo.png",alt:"RecSpot"}),(0,r.BX)(I,{onClick:()=>(0,c.signIn)("google"),disabled:!G,children:[(0,r.tZ)(w.JM8,{size:25}),(0,r.BX)("span",{children:[" ",_," WITH GOOGLE "]})]}),t,0==a&&(0,r.BX)(F,{children:[(0,r.tZ)(d.Z,{defaultChecked:!0,value:G,onChange:()=>O(e=>!e),sx:{color:"white","&.Mui-checked":{color:"white"}}}),"Agree to RecSpot's"," ",(0,r.tZ)(u(),{href:"/tos",passHref:!0,target:"_blank",children:"Terms of Service"})," ","and"," ",(0,r.tZ)(u(),{href:"/privacy",target:"_blank",children:"Privacy Policy"})]}),1==a&&(0,r.BX)(F,{children:[(0,r.tZ)(d.Z,{defaultChecked:!0,value:M,onChange:()=>L(e=>!e),sx:{color:"white","&.Mui-checked":{color:"white"}}}),"Opt in to receive pin codes to login via SMS"]})]}),(0,r.BX)(q,{children:[(0,r.tZ)(n.Z,{variant:"h6",children:"To get the most out of RecSpot Download today"}),(0,r.BX)("div",{children:[(0,r.tZ)("a",{href:"https://apps.apple.com/us/app/recspot/id1551817477",target:"_blank",rel:"noreferrer",children:(0,r.tZ)("img",{className:"apple",src:"/images/AppStoreIcon.png",alt:"Download on the App Store"})}),(0,r.tZ)("a",{href:"https://play.google.com/store/apps/details?id=com.therecspot.recspot",target:"_blank",rel:"noreferrer",children:(0,r.tZ)("img",{className:"google",src:"/images/GooglePlayIcon.png",alt:"Get it on Google Play"})})]})]})]})};let L=(0,z.Z)("div",{target:"emwqqpu0"})('width:90vw;max-width:430px;height:80vh;max-height:630px;background-color:var(--brown-color);border-radius:1rem;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0.5rem;position:relative;& > h3{font-family:"Brice";font-style:normal;color:var(--pink-color);letter-spacing:0.8px;text-transform:uppercase;margin-top:1rem;font-size:2rem;',R.U.mobileS,'{font-size:1.8rem;}}& > p{color:white;font-size:1.1rem;text-align:center;inline-size:90%;font-family:"Syne";margin-top:1rem;}& > h6{all:unset;color:white;text-align:center;font-family:"Syne";margin:auto auto 1rem auto;font-size:1.1rem;}'),_=(0,z.Z)("div",{target:"emwqqpu1"})("position:relative;outline:none;"),H=(0,z.Z)("button",{target:"emwqqpu2"})("all:unset;position:absolute;top:0.75rem;right:0.75rem;z-index:1;color:white;cursor:pointer;line-height:0;&:focus-visible{outline:2px solid var(--yellow-color);outline-offset:3px;border-radius:999px;}"),A=(0,z.Z)("img",{target:"emwqqpu3"})("width:75%;height:auto;"),W=(0,z.Z)("div",{target:"emwqqpu4"})("display:flex;align-items:center;width:80%;"),Y=(0,z.Z)("img",{target:"emwqqpu5"})("cursor:pointer;");var V=e=>{let{open:t,setOpen:i,isSignUp:l,isNavbar:d}=e,s=()=>i({isOpen:!1,isSignUp:!1});return(0,r.tZ)(o.Z,{open:t,onClose:s,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:(0,r.BX)(_,{children:[(0,r.tZ)(H,{type:"button","aria-label":"Close sign in dialog",onClick:s,children:(0,r.tZ)(a.$Rx,{size:"1.8rem","aria-hidden":"true",focusable:"false"})}),d?(0,r.tZ)(M,{isSignUp:l}):(0,r.BX)(L,{children:[(0,r.tZ)(A,{src:"/images/Logo.png",alt:"RecSpot"}),(0,r.tZ)(n.Z,{variant:"h3",children:"You’re Off To a Good Start!"}),(0,r.tZ)("p",{children:"To take action you must login or create an account in the RecSpot app"}),(0,r.tZ)(n.Z,{variant:"h6",children:"Download RecSpot today."}),(0,r.BX)(W,{children:[(0,r.tZ)("a",{href:"https://apps.apple.com/us/app/recspot/id1551817477",target:"_blank",rel:"noreferrer",children:(0,r.tZ)(Y,{className:"apple",src:"/images/AppStoreIcon.png",alt:"Download on the App Store"})}),(0,r.tZ)("a",{href:"https://play.google.com/store/apps/details?id=com.therecspot.recspot",target:"_blank",rel:"noreferrer",children:(0,r.tZ)(Y,{className:"google",src:"/images/GooglePlayIcon.png",alt:"Get it on Google Play"})})]})]})]})})}}}]);