https://hubhopper.com/_next/static/chunks/pages/appsumo/signup-27f874a84c06c10a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[101],{92144:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/appsumo/signup",function(){return s(76745)}])},85976:function(e,t,s){"use strict";var a=s(85893);s(67294),t.Z=e=>{let{id:t,name:s,register:r,value:n,errors:i,onChange:l,placeholder:o,options:c,type:d,isReadOnly:m,success:u,length:h,disabled:p,autocomplete:x}=e,g=i[s]?"appearance-none rounded-lg text-sm w-full px-3 pr-4 py-2 placeholder-gray-500 text-gray-900 focus:outline-none ring-1 ring-[#E45555] focus:ring-[#E45555] ring-offset-2 focus-visible:ring-[#E45555] hover:ring-[#E45555]":`appearance-none rounded-lg text-sm w-full px-3 pr-4 py-2 placeholder-gray-500 text-gray-900  ring-1 ring-[#e5e5e5] ring-offset-2 ${m?"cursor-not-allowed":"focus:outline-none  focus:ring-[#899ada] focus-visible:ring-[#899ada] hover:ring-[#899ada]"}`,f=!i[s]&&String(n)?.length>(h||2)||u?"hub-st-check-circle text-checkIcon check-success":"hub-st-check-circle text-checkIcon";return(0,a.jsxs)("div",{className:"my-1 relative ",children:[(0,a.jsx)("input",{id:t,disabled:!!p,...r(s,c),className:g,placeholder:o,onChange:l,value:n,type:d,readOnly:m,autocomplete:x||"on"}),m?(0,a.jsx)(a.Fragment,{}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:f}),i[s]&&(0,a.jsx)("p",{className:"text-xs text-[#E45555] text-left pt-[8px]",children:i[s].message})]})]})}},20114:function(e,t,s){"use strict";s.d(t,{Z:function(){return c}});var a=s(85893),r=s(67294);class n{constructor(e){this.setUpCompleted=!1,this.clientId=e,this.init()}init(){if(this.google=window.google,!this.isClientLibraryAvailable())throw Error()}isClientLibraryAvailable(){return!!this.google}setUp(e,t){this.google.accounts.id.initialize({client_id:this.clientId,callback:t});try{this.google.accounts.id.renderButton(document.getElementById(e.elementId),e)}catch(e){console.log(e)}}}var i=e=>{let[t,s]=(0,r.useState)();return(0,r.useEffect)(()=>{let t=()=>{try{return new n(e)}catch(e){return}},a=()=>{let e=t();return!!e&&(s(e),!0)};if(a())return;let r=0,i=setInterval(()=>{r++,(a()||r>50)&&clearInterval(i)},100);return window.addEventListener("load",a),()=>{clearInterval(i),window.removeEventListener("load",a)}},[e]),t},l=function(e){let t="react-google-identity-gsi-element",s=i(e.clientId);return(0,r.useEffect)(()=>{if(!(s instanceof n))return;let a={elementId:t,...e.buttonCustomization};s.setUp(a,e.onUserAuthenticationSucceeded)},[s,e]),(0,a.jsx)("div",{className:"flex justify-center",id:t,style:{minHeight:"40px"}})},o=s(47184);function c(e){let[t,s]=(0,r.useState)(!1),n=e=>{s(e),setTimeout(function(){s(!1)},1e4)};return(0,a.jsxs)(a.Fragment,{children:[t&&(0,a.jsx)("p",{className:"mb-3 text-xs text-[#E45555] text-center",children:t}),(0,a.jsx)(l,{clientId:"475042361889-heqsrb0p1a4q7sadksnn24co14te4rbo.apps.googleusercontent.com",buttonCustomization:{locale:"en",text:"continue_with",size:"large",width:"160px",shape:"pill",logo_alignment:"left",auto_prompt:"false"},onUserAuthenticationSucceeded:e=>{if(!e.clientId||!e.credential)return;let t=JSON.parse(window.atob(e.credential.split(".")[1])),s={email:t.email,name:t.name,id:t.sub,id_token:e.credential},a=JSON.parse((0,o.Do)("hh_utm"));a&&(s.source=a),window?.location?.href?.includes("login")&&(s.login="true"),fetch(`${window.location.origin}/api/auth/google`,{method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify(s)}).then(e=>e.json()).then(e=>{if(window.dataLayer&&window.dataLayer.push({event:"google-signin-click"}),e.user&&e.user.api_token){let t=(0,o.i2)();window.location.replace(`${t}?token=${e.user.api_token}`)}else e?.error?.message?.message?n(e?.error?.message?.message):n("Something went wrong. Please try again")})}})]})}},76745:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return u}});var a=s(85893),r=s(87536),n=s(85976),i=s(67294);s(41664),s(20114);var l=s(9008),o=s.n(l),c=function(e){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(o(),{children:[(0,a.jsx)("link",{rel:"icon",href:"https://files.hubhopper.com/assets/icons/demand-round/demand-round-72x72.ico",type:"image/x-icon"}),(0,a.jsx)("title",{children:"Hubhopper - Create & Discover podcasts | All-in-one podcast platform"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/fonts-and-icons.css?v=1.1"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/generated-tailwind.css?v=1"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/slick/slick-theme.css"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/slick/slick.css"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/home.css?v=1"}),(0,a.jsx)("link",{rel:"stylesheet",href:"/static/css/landingPage.css?v=1"})]}),(0,a.jsx)("div",{className:"vh-100 bg-white relative",children:(0,a.jsx)("div",{className:"py-16 md:py-10 w-full h-full",children:(0,a.jsx)("main",{className:"py-5 h-full",children:(0,a.jsxs)("div",{className:"mx-auto flex-none md:flex h-full max-w-7xl",children:[(0,a.jsx)("div",{className:"md:basis-1/2 my-auto",children:(0,a.jsx)("img",{alt:"character-login",src:"https://files.hubhopper.co/studio-assets/images/characters/character-login.png",className:"max-w-xs md:max-w-lg mx-auto"})}),(0,a.jsx)("div",{className:"w-full md:basis-1/2 my-auto",children:e.children})]})})})})]})},d=s(47184),m=s(39332),u=function(){let e=(0,m.useSearchParams)().get("activation_email"),{register:t,clearErrors:s,handleSubmit:l,setError:o,formState:{errors:u,isSubmitting:h}}=(0,r.cI)({mode:"onSubmit",reValidateMode:"onSubmit"}),[p,x]=(0,i.useState)({name:"",email:e,password:"",confirmPassword:""}),g=e=>{s("custom"),s(e.target.name),x({...p,[e.target.name]:e.target.value})},f=async()=>

1{if(p?.password!=p?.confirmPassword){o("confirmPassword",{type:"custom",message:"Passwords do not match"});return}JSON.parse((0,d.Do)("hh_utm")),p.source="appsumo",await fetch("/api/auth/appsumo/activate",{method:"PUT",headers:{"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify(p)}).then(e=>e.json()).then(e=>{if(e.error&&o("custom",{type:"custom",message:e?.error?.message?.message}),e&&e.user){let t=(0,d.i2)();window.location.replace(`${t}/pricing?token=${e.user.api_token}`)}})};return(0,i.useEffect)(()=>{x({...p,email:e})},[e]),(0,a.jsx)(c,{children:(0,a.jsxs)("div",{className:"mt-6 sm:mt-0 flex min-h-full flex-col justify-center py-12 px-2 lg:px-8",children:[(0,a.jsxs)("div",{className:"sm:mx-auto sm:w-full sm:max-w-md text-center",children:[(0,a.jsx)("h2",{className:"text-3xl font-bold tracking-tight text-gray-900 cursor-pointer",children:"Welcome Sumo-ling!"}),(0,a.jsx)("p",{className:"mt-3 text-lg tracking-tight text-gray-600 cursor-pointer",children:"Your Hubhopper account is almost ready!"})]}),(0,a.jsx)("div",{className:"mt-8 sm:mx-auto sm:w-full sm:max-w-md",children:(0,a.jsx)("div",{className:"bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10",children:(0,a.jsxs)("form",{className:"space-y-6",onSubmit:l(f),children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-700",children:"Name"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(n.Z,{register:t,name:"name",type:"text",placeholder:"Full Name",value:p?.name,onChange:g,withCheck:!1,options:{required:"Enter full name",minLength:{value:2,message:"min 3 characters required"},maxLength:{value:30,message:"max 30 characters only"}},errors:u})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-700",children:"Email address"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(n.Z,{register:t,disabled:!0,name:"email",type:"email",placeholder:"E-mail Address",value:p?.email,onChange:g,withCheck:!1,errors:u})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700",children:"Password"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(n.Z,{register:t,name:"password",type:"password",placeholder:"Password(min 8 characters)",value:p?.password,onChange:g,withCheck:!1,options:{required:"Enter password",minLength:{value:8,message:"min 8 characters required"}},errors:u})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700",children:"Confirm Password"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(n.Z,{register:t,name:"confirmPassword",type:"password",placeholder:"Confirm Password",value:p?.confirmPassword,onChange:g,withCheck:!1,options:{required:"Enter password",minLength:{message:"min 8 characters required"}},errors:u})})]}),(0,a.jsx)(a.Fragment,{children:u.custom&&(0,a.jsx)("p",{className:"text-xs text-[#E45555] text-left pt-[8px]",children:u.custom.message})}),(0,a.jsx)("div",{children:(0,a.jsxs)("button",{type:"submit",disabled:h,className:`flex w-full justify-center rounded-md border border-transparent py-2 px-4 text-sm font-medium text-white bg-[#292929] ${h?"opacity-50 cursor-not-allowed":""}`,children:["Sign Up",h&&(0,a.jsx)("div",{className:"ml-4 h-5 w-5 animate-spin rounded-full border-2 border-solid border-white border-t-transparent"})]})}),(0,a.jsxs)("p",{className:"mt-4 text-xs text-gray-500 text-center",children:["By signing up, you accept our ",(0,a.jsx)("a",{className:"text-orange-400",href:"/privacy-policy",target:"_blank",children:"Privacy Policy"})," and ",(0,a.jsx)("a",{className:"text-orange-400",href:"/terms",target:"_blank",children:"Terms"})]})]})})})]})})}},9008:function(e,t,s){e.exports=s(23867)}},function(e){e.O(0,[7536,2888,9774,179],function(){return e(e.s=92144)}),_N_E=e.O()}]);