https://teentalent.vercel.app/_next/static/chunks/pages/auth/new-user-1ee1873e8e2deda2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[707],{3741:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/new-user",function(){return c(5284)}])},4545:function(a,b){"use strict";b.Z={src:"/_next/static/media/background-auth.4bcf3f4b.jpg",height:1866,width:1664,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAcDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAaEAACAwEBAAAAAAAAAAAAAAAAAgEDBBIh/8QAFQEBAQAAAAAAAAAAAAAAAAAABQb/xAAZEQEAAgMAAAAAAAAAAAAAAAABAAIRIUH/2gAMAwEAAhEDEQA/AL05cteJelWZb2HABYGXsALFtoT/2Q=="}},5558:function(a,b,c){"use strict";c.d(b,{P:function(){return k}});var d=c(5893),e=c(2918),f=c(1278),g=c(4789),h=c(7938),i=c(6010),j=c(7294),k=function(a){var b=a.onChange,c=a.value,k=(0,j.useState)(""),l=k[0],m=k[1],n=f.S.useQuery(["geography.citySearch",{name:l},]),o=n.data;return(0,d.jsxs)(g.h,{as:"div",value:c,onChange:function(a){return b(a)},children:[(0,d.jsx)(g.h.Label,{className:"block text-sm font-medium text-slate-700",children:"Location"}),(0,d.jsxs)("div",{className:"relative mt-1",children:[(0,d.jsx)(g.h.Input,{autoComplete:"off",placeholder:'Search for a city, e.g. "New York"',className:"w-full rounded-md border border-slate-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 sm:text-sm",onChange:function(a){return m(a.target.value)},displayValue:function(a){return a?(0,e.jt)(a):""}}),(0,d.jsx)(g.h.Button,{className:"absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none",children:(0,d.jsx)(h.Z,{className:"h-5 w-5 text-slate-400","aria-hidden":"true"})}),o&&(null==o?void 0:o.length)>0&&(0,d.jsx)(g.h.Options,{className:"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:null==o?void 0:o.map(function(a){return(0,d.jsx)(g.h.Option,{value:a,className:function(a){var b=a.active;return(0,i.Z)("relative cursor-default select-none py-2 pl-3 pr-9",b?"bg-blue-600 text-white":"text-slate-900")},children:function(b){var c=b.active,f=b.selected;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("span",{className:(0,i.Z)("block truncate",f&&"font-semibold"),children:(0,e.jt)(a)}),f&&(0,d.jsx)("span",{className:(0,i.Z)("absolute inset-y-0 right-0 flex items-center pr-4",c?"text-white":"text-blue-600")})]})}},a.id)})})]})]})}},42:function(a,b,c){"use strict";c.d(b,{N7:function(){return l},UP:function(){return k},mg:function(){return m}});var d=c(5893),e=c(4729),f=c(4539),g=c(6032),h=c(4589),i=c(6010),j=c(7294),k=function(a){var b=a.value,c=a.label,e=a.name,f=a.placeholder,g=a.type,h=a.onChange,i=a.minLength,j=a.maxLength;return(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)("label",{htmlFor:e,className:"block text-sm font-medium text-slate-700",children:c}),(0,d.jsx)("div",{className:"mt-1",children:(0,d.jsx)("input",{type:g,value:b,onChange:function(a){return h(a.target.value)},name:e,minLength:i,maxLength:j,placeholder:f,className:"block px-3 p-2 w-full rounded-md border border-slate-300 shadow-sm focus:border-blue-400 focus:outline-blue-400 sm:text-sm"})})]})},l=function(a){var b=a.value,c=a.label,e=a.name,f=a.placeholder,g=a.onChange,h=a.rows,i=a.maxLength;return(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)("label",{htmlFor:e,className:"block text-sm font-medium text-slate-700",children:c}),(0,d.jsx)("div",{className:"mt-1",children:(0,d.jsx)("textarea",{value:b,onChange:function(a){return g(a.target.value)},name:e,placeholder:f,rows:void 0===h?3:h,maxLength:i,className:"block p-2 w-full text-wrap whitespace-pre-wrap rounded-md border border-slate-300 shadow-sm focus:border-blue-400 focus:outline-blue-400 sm:text-sm"})})]})},m=function(a){var b=a.onChange,c=a.label,k=a.options,l=a.value;return(0,d.jsx)(e.R,{value:k.find(function(a){return a.value===l})||k[0],onChange:b,children:function(a){var b,m=a.open;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(e.R.Label,{className:"block text-sm font-medium text-slate-700",children:c}),(0,d.jsxs)("div",{className:"relative mt-1",children:[(0,d.jsxs)(e.R.Button,{className:"relative w-full cursor-default rounded-md border border-slate-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400 sm:text-sm",children:[(0,d.jsx)("span",{className:"block truncate",children:null===(b=k.find(function(a){return a.value===l}))|| void 0===b?void 0:b.label}),(0,d.jsx)("span",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2",children:(0,d.jsx)(g.Z,{className:"h-5 w-5 text-slate-400","aria-hidden":"true"})})]}),(0,d.jsx)(f.u,{show:m,as:j.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,d.jsx)(e.R.Options,{className:"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:k.map(function(a){return(0,d.jsx)(e.R.Option,{className:function(a){var b=a.active;return(0,i.Z)(b?"text-white bg-blue-500":"text-slate-900","relative cursor-default select-none py-2 pl-3 pr-9")},value:a,children:function(b){var c=b.selected,e=b.active;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("span",{className:(0,i.Z)(c?"font-semibold":"font-normal","block truncate"),children:a.label}),c?(0,d.jsx)("span",{className:(0,i.Z)(e?"text-white":"text-blue-500","absolute inset-y-0 right-0 flex items-center pr-4"),children:(0,d.jsx)(h.Z,{className:"h-5 w-5","aria-hidden":"true"})}):null]})}},a.value)})})})]})]})}})}},8358:function(a,b,c){"use strict";c.d(b,{g:function(){return i}});var d=c(5893),e=c(362),f=c(4545),g=c(5675),h=c.n(g),i=function(a){var b=a.children,c=a.title;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(e.p,{title:c}),(0,d.jsxs)("div",{className:"relative flex max-h-screen justify-center md:px-12 lg:px-0",children:[(0,d.jsx)("div",{className:"relative z-10 flex flex-1 flex-col bg-white h-screen py-10 px-4 shadow-2xl sm:justify-center md:flex-none md:px-28",children:(0,d.jsx)("div",{className:"m-auto w-full max-w-md 

1sm:px-4 md:w-[26rem] md:max-w-md md:px-0",children:b})}),(0,d.jsx)("div",{className:"hidden lg:relative lg:block lg:flex-1 max-h-screen overflow-hidden",children:(0,d.jsx)(h(),{className:"absolute inset-0 h-full w-full object-cover",src:f.Z,alt:"",layout:"fill",unoptimized:!0})})]})]})}},5284:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return A}});var d=c(7568),e=c(4051),f=c.n(e),g=c(5893),h=c(8663),i=c(5558),j=c(828),k=c(9815),l=c(7294),m=c(1278),n=c(9250),o=c(4789),p=c(6032),q=c(4589),r=c(6010),s=function(a){var b=a.children,c=a.onClose;return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("span",{className:"inline-flex items-center rounded-full bg-blue-100 py-0.5 pl-2.5 pr-1 text-sm font-medium text-blue-700",children:[b,(0,g.jsx)("button",{type:"button",onClick:c,className:"ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full text-blue-400 hover:bg-blue-200 hover:text-blue-500 focus:bg-blue-500 focus:text-white focus:outline-none",children:(0,g.jsx)("svg",{className:"h-2 w-2",stroke:"currentColor",fill:"none",viewBox:"0 0 8 8",children:(0,g.jsx)("path",{strokeLinecap:"round",strokeWidth:"1.5",d:"M1 1l6 6m0-6L1 7"})})})]})})}

1,t=function(a){var b,c,d,e,f,h=a.onChange,i=a.industries,t=a.label,u=(0,l.useState)(""),v=u[0],w=u[1],x=(b=v,e=(d=(0,l.useState)(b))[0],f=d[1],(0,l.useEffect)(function(){var a=setTimeout(function(){f(b)},500);return function(){clearTimeout(a)}},[b]),e),y=(0,l.useState)([]),z=y[0],A=y[1];m.S.useQuery(["industry.search",{query:x},],{onSuccess:function(a){A(a),I(!1)}});var B=(0,l.useState)(null),C=B[0],D=B[1],E=(0,j.Z)((0,n.u)(),1),F=E[0],G=(0,l.useState)(!1),H=G[0],I=G[1];return(0,l.useEffect)(function(){""===x?(A([]),I(!1)):I(!0)},[x]),(0,g.jsxs)(o.h,{as:"div",value:C,onChange:function(a){D(null),h((0,k.Z)(i).concat([a]))},children:[(0,g.jsx)(o.h.Label,{className:"block text-sm font-medium text-slate-700",children:t||"Industries"}),(0,g.jsx)("ul",{ref:F,role:"list",className:"flex flex-wrap gap-2 mb-2",children:null==i?void 0:i.map(function(a,b){return(0,g.jsx)("li",{children:(0,g.jsx)(s,{onClose:function(){return h(i.filter(function(a,c){return c!==b}))},children:a.name})},b)})}),(0,g.jsxs)("div",{className:"relative mt-1",children:[(0,g.jsx)(o.h.Input,{placeholder:"Search for skills",autoComplete:"off",className:"w-full rounded-md border border-slate-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 sm:text-sm",onChange:function(a){return w(a.target.value)},displayValue:function(a){return(null==a?void 0:a.name)||""}}),(0,g.jsx)(o.h.Button,{className:"absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none",children:H?(0,g.jsxs)("svg",{className:"animate-spin -ml-1 mr-3 h-5 w-5 text-slate-400",fill:"none",viewBox:"0 0 24 24",children:[(0,g.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,g.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):(0,g.jsx)(p.Z,{className:"h-5 w-5 text-slate-400","aria-hidden":"true"})}),z.length>0&&(0,g.jsx)(o.h.Options,{className:"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:z.map(function(a){return(0,g.jsx)(o.h.Option,{value:a,className:function(a){var b=a.active;return(0,r.Z)("relative cursor-default select-none py-2 pl-3 pr-9",b?"bg-blue-600 text-white":"text-slate-900")},children:function(b){var c=b.active,d=b.selected;return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("span",{className:(0,r.Z)("block truncate",d&&"font-semibold"),children:a.name}),d&&(0,g.jsx)("span",{className:(0,r.Z)("absolute inset-y-0 right-0 flex items-center pr-4",c?"text-white":"text-blue-600"),children:(0,g.jsx)(q.Z,{className:"h-5 w-5","aria-hidden":"true"})})]})}},a.id)})})]})]})},u=c(42),v=c(8358),w=c(9808),x=c(1163),y=c(6501),z=[{label:"Teenager",value:"TEEN"},{label:"Employer",value:"EMPLOYER"},{label:"Parent",value:"PARENT"},],A=function(){var a,b,c=(0,x.useRouter)(),e=m.S.useMutation(["user.newUserUpdate"],{onSuccess:function(){c.push("/auth/questions")}}).mutateAsync,j=(0,l.useState)(),k=j[0],n=j[1],o=(0,l.useState)(),p=o[0],q=o[1],s=(0,l.useState)([]),A=s[0],B=s[1],C=(0,l.useState)("TEEN"),D=C[0],E=C[1],F=(0,l.useState)(""),G=F[0],H=F[1],I=(b=(0,d.Z)(f().mark(function a(){return f().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(!(!k||!A||!D)){a.next=2;break}return a.abrupt("return");case 2:y.Am.promise(e({role:D,cityId:k.id,industries:A,birthYear:p,school:G}),{loading:"Saving...",success:"Saved!",error:"Error saving"});case 3:case"end":return a.stop()}},a)})),function(){return b.apply(this,arguments)});return(0,g.jsx)(v.g,{title:"New User",children:(0,g.jsxs)("div",{className:"space-y-6",children:[(0,g.jsxs)(w.O.Group,{children:[(0,g.jsx)(w.O.List,{className:"isolate",children:z.map(function(a,b){return(0,g.jsx)(w.O,{onClick:function(){return E(a.value)},className:function(a){var c=a.selected;return(0,r.Z)("relative -ml-px inline-flex items-center border border-slate-300 bg-white px-6 py-3 text-base font-medium text-slate-700 hover:bg-slate-50 focus:z-10 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",0===b&&"rounded-l-md",b===z.length-1&&"rounded-r-md",c&&"border-blue-500 text-blue-600")},children:a.label},a.value)})}),(0,g.jsxs)(w.O.Panels,{children:[(0,g.jsx)(w.O.Panel,{children:(0,g.jsxs)("div",{className:"space-y-4",children:[(0,g.jsx)("p",{className:"text-slate-500 text-base max-w-xl",children:"Thanks for signing up! Please answer a few questions about yourself so we can help you find the best job for you."}),(0,g.jsx)("div",{children:(0,g.jsx)(u.mg,{label:"Birth Year",onChange:function(a){return q(Number(a.value))},value:null!==(a=null==p?void 0:p.toString())&& void 0!==a?a:"2000",options:[{label:"2000",value:"2000"},{label:"2001",value:"2001"},{label:"2002",value:"2002"},{label:"2003",value:"2003"},{label:"2004",value:"2004"},{label:"2005",value:"2005"},{label:"2006",value:"2006"},{label:"2007",value:"2007"},{label:"2008",value:"2008"},{label:"2009",value:"2009"},{label:"2010",value:"2010"},]})}),(0,g.jsx)("div",{children:(0,g.jsx)(u.UP,{label:"School",placeholder:"e.g. St. John's High School",value:G,onChange:function(a){return H(a)}})}),(0,g.jsx)(i.P,{value:k,onChange:n}),(0,g.jsxs)("div",{children:[(0,g.jsx)(t,{label:"Interests",industries:A,onChange:function(a){return B(a)}}),(0,g.jsx)("p",{className:"text-sm text-slate-500 mt-2",children:"Add areas of interest so we can recommend jobs for you."})]})]})}),(0,g.jsx)(w.O.Panel,{children:(0,g.jsxs)("div",{className:"space-y-4",children:[(0,g.jsx)("div",{className:"text-slate-500 text-base max-w-xl",children:"Thanks for signing up as a employer! You'll be able to add your company and start posting jobs right after this step."}),(0,g.jsx)(i.P,{value:k,onChange:n})]})}),(0,g.jsx)(w.O.Panel,{children:(0,g.jsx)("div",{className:"space-y-4",children:(0,g.jsx)("div",{className:"text-slate-500 text-base max-w-xl",children:"Thanks for signing up! Save to browse jobs for your child."})})})]})]}),(0,g.jsx)(h.Z,{variant:"solid",color:"blue",className:"mt-4",onClick:function(){return I()},children:"Save & Continue"})]})})}}},function(a){a.O(0,[384,774,888,179],function(){var b;return a(a.s=3741)}),_N_E=a.O()}])