https://graphile-starter.herokuapp.com/_next/static/chunks/pages/verify-b8a1bcb28c0c2ab5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[143],{82285:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/verify",function(){return n(86430)}])},86430:function(e,t,n){"use strict";n.r(t);var i=n(74512),r=n(46809),s=n(56719),u=n(9491),a=n(33795),l=n.n(a),o=n(32735);let c=e=>{let[[t,n],a]=o.useState([e.id||"",e.token||""]),[c,d]=o.useState(e.id&&e.token?"SUBMITTING":"PENDING"),[f,h]=o.useState(null),[y]=(0,s.useVerifyEmailMutation)();(0,o.useEffect)(()=>{"SUBMITTING"===c&&(h(null),y({variables:{id:t,token:n}}).then(e=>{l()(e,"data.verifyEmail.success")?d("SUCCESS"):(d("PENDING"),h(Error("Incorrect token, please check and try again")))}).catch(e=>{h(e),d("PENDING")}))},[t,n,c,e,y]);let S=(0,s.useSharedQuery)();return(0,i.jsx)(r.SharedLayout,{title:"Verify Email Address",query:S,children:(0,i.jsx)(r.Row,{children:(0,i.jsx)(r.Col,{flex:1,children:"PENDING"===c?(0,i.jsxs)("form",{onSubmit:()=>d("SUBMITTING"),children:[(0,i.jsx)("p",{children:"Please enter your email verification code"}),(0,i.jsx)("input",{type:"text",value:n,onChange:e=>a([t,e.target.value])}),f?(0,i.jsx)("p",{children:f.message||String(f)}):null,(0,i.jsx)("button",{children:"Submit"})]}):"SUBMITTING"===c?"Submitting...":"SUCCESS"===c?(0,i.jsx)(u.Z,{type:"success",showIcon:!0,message:"Email Verified",description:"Thank you for verifying your email address. You may now close this window."}):"Unknown state"})})})};c.getInitialProps=async e=>{let{query:{id:t,token:n}}=e;return{id:"string"==typeof t?t:null,token:"string"==typeof n?n:null}},t.default=c}},function(e){e.O(0,[679,795,427,774,888,179],function(){return e(e.s=82285)}),_N_E=e.O()}]);