https://hubhopper.com/_next/static/chunks/pages/signup-130535dceb4b647f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7616],{98588:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/signup",function(){return s(68331)}])},85976:function(e,t,s){"use strict";var a=s(85893);s(67294),t.Z=e=>{let{id:t,name:s,register:n,value:r,errors:i,onChange:l,placeholder:o,options:c,type:d,isReadOnly:m,success:u,length:h,disabled:x,autocomplete:p}=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(r)?.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:!!x,...n(s,c),className:g,placeholder:o,onChange:l,value:r,type:d,readOnly:m,autocomplete:p||"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),n=s(67294);class r{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,n.useState)();return(0,n.useEffect)(()=>{let t=()=>{try{return new r(e)}catch(e){return}},a=()=>{let e=t();return!!e&&(s(e),!0)};if(a())return;let n=0,i=setInterval(()=>{n++,(a()||n>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,n.useEffect)(()=>{if(!(s instanceof r))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,n.useState)(!1),r=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?r(e?.error?.message?.message):r("Something went wrong. Please try again")})}})]})}},5416:function(e,t,s){"use strict";s.d(t,{Z:function(){return o}});var a=s(85893),n=s(67294);s(9008);let r=n.forwardRef(function(e,t){let{title:s,titleId:a,...r}=e;return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},r),s?n.createElement("title",{id:a},s):null,n.createElement("path",{fillRule:"evenodd",d:"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z",clipRule:"evenodd"}))});var i=s(39332),l=s(83189),o=function(e){let t=(0,i.usePathname)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{title:"/signup/"==t?"Signup | Hubhopper":"Hubhopper | Login",description:"/signup/"==t?"Sign up today and start your podcast journey with Hubhopper":"Log in now to access your Hubhopper account"}),(0,a.jsx)("div",{className:"vh-100 relative bg-white",children:(0,a.jsx)("div",{className:"flex-1 w-full py-4 md:py-8",children:(0,a.jsx)("main",{className:"h-full",children:(0,a.jsxs)("div",{className:"mx-auto h-full max-w-7xl flex-none md:flex md:flex-row-reverse",children:[(0,a.jsx)("div",{className:"w-full md:basis-1/2",children:e.children}),(0,a.jsx)("div",{className:"md:basis-1/2",children:(0,a.jsx)(m,{})})]})})})})]})};function c(){return(0,a.jsx)("section",{className:"bg-white px-6 lg:px-8 hidden md:block",children:(0,a.jsxs)("figure",{className:"mx-auto max-w-2xl",children:[(0,a.jsx)("p",{className:"sr-only",children:"5 out of 5 stars"}),(0,a.jsx)("img",{className:"bg-gray-50",src:"https://files.hubhopper.com/studio-assets/images/2025-03-25/sign_up_image.png",alt:""})]})})}function d(){return(0,a.jsx)("section",{className:"bg-white px-6 lg:px-8",children:(0,a.jsxs)("figure",{className:"mx-auto max-w-2xl",children:[(0,a.jsx)("p",{className:"sr-only",children:"5 out of 5 stars"}),(0,a.jsxs)("div",{className:"flex gap-x-1 text-indigo-600",children:[(0,a.jsx)(r,{className:"h-5 w-5 flex-none","aria-hidden":"true"}),(0,a.jsx)(r,{className:"h-5 w-5 flex-none","aria-hidden":"true"}),(0,a.jsx)(r,{className:"h-5 w-5 flex-none","aria-hidden":"true"}),(0,a.jsx)(r,{className:"h-5 w-5 flex-none","aria-hidden":"true"}),(0,a.jsx)(r,{className:"h-5 w-5 flex-none","aria-hidden":"true"})]}),(0,a.jsx)("blockquote",{className:"mt-10 text-lg leading-8 tracking-tight text-gray-700 sm:text-2xl sm:leading-9",children:(0,a.jsxs)("p",{children:["\"I produce fitness content and I've tried a few different podcast hosting platforms in the past, but none of them compare to Hubhopper.",(0,a.jsx)("span",{className:"font-semibold",children:" The intuitive dashboard, pocket-friendly pricing, and robust platform make it the perfect all-in-one solution"})," for podcasters of all levels. Plus, the powerful analytics tools help me make data-driven decisions to improve my podcast's reach and engagement\""]})}),(0,a.jsxs)("figcaption",{className:"mt-10 flex items-center gap-x-6",children:[(0,a.jsx)("img",{className:"h-12 w-12 rounded-full bg-gray-50",src:"https://assets.entrepreneur.com/content/1x1/300/1672028468-JitendraChouksey.jpg?format=pjeg&auto=webp&width=240&height=240&crop=1:1",alt:""}),(0,a.jsxs)("div",{className:"text-sm leading-6",children:[(0,a.jsx)("div",{className:"font-semibold text-gray-900",children:"Jitendra Chouksey"}),(0,a.jsx)("div",{className:"mt-0.5 text-gray-600",children:"CEO of FITTR"})]})]})]})})}function m(){return"/signup"==(0,i.usePathname)()?(0,a.jsx)(d,{}):(0,a.jsx)(c,{})}},68331:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return j},default:function(){return w}});var a=s(85893),n=s(87536),r=s(85976),i=s(67294),l=s(41664),o=s.n(l),c=s(20114),d=s(5416),m=s(47184),u=s(39332),h=s(85408),x=s(11163),p=s(8891),g=s.n(p);let f=i.forwardRef(function(e,t){let{title:s,titleId:a,...n}=e;return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),s?i.createElement("title",{id:a},s):null,i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"}))});g().init("22d1b562116cd737988dab5511d4ce3d",{debug:!0,track_pageview:!1,persistence:"localStorage"});

1var j=!0,w=function(e){let{countryCode:t}=e,s=(0,x.useRouter)(),l=(0,u.useSearchParams)(),p=l.get("email"),g=l.get("payment");l.get("teams");let{register:j,setValue:w,clearErrors:y,handleSubmit:b,setError:v,formState:{errors:N,isSubmitting:k}}=(0,n.cI)({mode:"onSubmit",reValidateMode:"onSubmit"}),[_,E]=(0,i.useState)("https://studio.hubhopper.com"),[S,C]=(0,i.useState)({name:"",email:p||"",password:""}),[L,O]=(0,i.useState)(!1),[P,T]=(0,i.useState)(!1),[q,I]=(0,i.useState)(!1),[Z,$]=(0,i.useState)(!1),[R,F]=(0,i.useState)(!0),H=e=>{y("custom"),y(e.target.name),w(e.target.name,e.target.value),C({...S,[e.target.name]:e.target.value})},J=async()=>{P||await fetch("/api/auth/resend-email-verification",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify(S)}).then(e=>e.json()).then(e=>{e.error&&v("custom",{type:"custom",message:e?.error?.message?.message}),e&&e.message?.toLowerCase().includes("verification")&&(O(!0),T(!0)),setTimeout(()=>{T(!1)},12e4)}).finally(()=>{T(!0),setTimeout(()=>{T(!1)},12e4)})},M=async()=>{I(!0);let e=JSON.parse((0,m.Do)("hh_utm")),a=JSON.parse((0,m.Do)("hh_plan_code_intentv1"));e&&(S.source=e),t&&(S.country=t),window?.tolt_referral&&window?.tolt?.signup(S?.email),await fetch("/api/auth/register",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify(S)}).then(e=>e.json()).then(e=>{if(e.error&&v("custom",{type:"custom",message:e?.error?.message?.message}),e&&e.user){let t=(0,m.i2)(),n=`${t}?token=${e.user.api_token}`;n=s?.query?.payment=="success"?`${t}/create?token=${e.user.api_token}&trial=started`:s?.query?.teams?`${t}/teams?token=${e.user.api_token}&teams=true`:a?`${t}/pricing?token=${e.user.api_token}`:`${t}/create?token=${e.user.api_token}&signup=basic`,setTimeout(()=>{window.location.replace(n)},600)}e&&e.message?.toLowerCase().includes("verification")&&O(!0)}).finally(()=>I(!1))};return(0,i.useEffect)(()=>{let e=(0,m.Do)("encodedToken");(0,m.i2)(),e&&!p||p&&(w("email",p),C({...S,email:p}))},[p]),(0,a.jsxs)(d.Z,{children:[("success"==g||"trial-started"==g)&&(0,a.jsx)("div",{className:"pointer-events-none inset-x-0 sm:px-6 sm:pb-5 lg:px-8",children:(0,a.jsxs)("div",{className:"mx-auto max-w-7xl pointer-events-auto flex items-center justify-between gap-x-6 bg-green-100 px-6 py-2.5 sm:rounded-xl sm:py-3 sm:pl-4 sm:pr-3.5",children:[(0,a.jsx)("p",{className:"text-sm leading-6 text-gray-900",children:(0,a.jsxs)("a",{href:"#",children:[(0,a.jsx)("strong",{className:"font-semibold",children:"success"==g?"Payment successful":"Your trial has started"}),(0,a.jsx)("svg",{viewBox:"0 0 2 2",className:"mx-2 inline h-0.5 w-0.5 fill-current","aria-hidden":"true",children:(0,a.jsx)("circle",{cx:1,cy:1,r:1})}),"Sign up to access your account"]})}),(0,a.jsxs)("button",{type:"button",className:"-m-3 flex-none p-3 focus-visible:outline-offset-[-4px]",children:[(0,a.jsx)("span",{className:"sr-only",children:"Dismiss"}),(0,a.jsx)(h.Z,{className:"h-5 w-5 text-gray-900","aria-hidden":"true"})]})]})}),(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)("h1",{className:"text-3xl font-bold tracking-tight text-gray-900 cursor-pointer",children:"Sign Up to your account"}),(0,a.jsxs)("p",{className:"mt-2 text-sm text-gray-600",children:["Or"," ",(0,a.jsx)(o(),{href:"/login",className:"text-indigo-600",children:(0,a.jsx)("span",{className:"text-indigo-600 font-semibold",children:"Click here to Log In."})})]})]}),(0,a.jsxs)("div",{className:"mt-8 sm:mx-auto sm:w-full sm:max-w-md",children:[p&&(0,a.jsx)("div",{className:"rounded-md bg-blue-50 p-4 mb-4",children:(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("div",{className:"flex-shrink-0",children:(0,a.jsx)(f,{"aria-hidden":"true",className:"h-5 w-5 text-blue-400"})}),(0,a.jsx)("div",{className:"ml-3 flex-1 md:flex md:justify-between",children:(0,a.jsx)("p",{className:"text-sm text-blue-700",children:"Please ensure that the email address entered below matches the one you use during plan selection."})})]})}),(0,a.jsxs)("div",{className:"bg-white py-8 px-4 sm:px-10",children:[L&&(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-base text-gray-600 font-semibold px-4 pt-2 mb-3 text-center",children:"Verify Email"}),(0,a.jsx)("p",{className:"text-sm text-gray-400 mb-5 text-center",children:"Check your inbox for the verification code"}),(0,a.jsx)(r.Z,{register:j,name:"email_verification_otp",type:"text",placeholder:"Enter your 6 digit OTP",value:S?.email_verification_otp,autocomplete:"off",onChange:H,withCheck:!1,options:{required:"Enter a valid OTP",minLength:{value:4,message:"min 6 characters required"},maxLength:{value:6,message:"max 6 characters only"}},errors:N}),(0,a.jsx)("p",{className:"mt-2 mb-2 text-xs text-gray-600 text-right",children:(0,a.jsx)("span",{onClick:()=>J(),className:"cursor-pointer",children:P?"Code has been resent!":"Resend code"})}),N.custom&&(0,a.jsx)("p",{className:"text-xs text-[#E45555] text-left pt-[8px]",children:N.custom.message}),(0,a.jsxs)("button",{type:"button",onClick:M,className:`mt-4 flex w-full justify-center rounded-md border border-transparent py-2 px-4 text-sm font-medium text-white bg-[#292929] ${q?"opacity-50 cursor-not-allowed":""}`,children:["Verify Email",q&&(0,a.jsx)("div",{className:"ml-4 h-5 w-5 animate-spin rounded-full border-2 border-solid border-white border-t-transparent"})]})]}),!Z&&!L&&(0,a.jsx)("div",{className:"w-100 flex justify-center",children:(0,a.jsx)("button",{onClick:()=>$(!0),type:"button",className:"rounded-full bg-white px-8 py-2.5 text-sm font-medium text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50",children:"Continue with email"})}),Z&&!L&&(0,a.jsxs)("form",{className:"space-y-6",onSubmit:b(M),children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-800",children:"Name"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(r.Z,{register:j,name:"name",type:"text",placeholder:"Future podcaster aka YOU",value:S?.name,onChange:H,withCheck:!1,options:{required:"Enter full name",minLength:{value:2,message:"min 3 characters required"},maxLength:{value:30,message:"max 30 characters only"}},errors:N})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-800",children:"Email address"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(r.Z,{register:j,name:"email",type:"email",placeholder:"[email protected]",value:S?.email,onChange:H,withCheck:!1,options:{required:"Enter email"},errors:N})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-800",children:"Password"}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(r.Z,{register:j,name:"password",type:"password",placeholder:"Min 8 characters",value:S?.password,onChange:H,withCheck:!1,options:{required:"Enter password",minLength:{value:8,message:"min 8 characters required"}},errors:N})})]}),(0,a.jsx)(a.Fragment,{children:N.custom&&(0,a.jsx)("p",{className:"text-xs text-[#E45555] text-left pt-[8px]",children:N.custom.message})}),(0,a.jsx)("div",{children:(0,a.jsxs)("button",{type:"submit",id:"signup_button_id",disabled:k,className:`flex w-full justify-center rounded-md border border-transparent py-2 px-4 text-sm font-medium text-white bg-[#292929] ${k?"opacity-50 cursor-not-allowed":""}`,children:["Start my podcasting journey",k&&(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)("div",{className:"mt-6",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"absolute inset-0 flex items-center",children:(0,a.jsx)("div",{className:"w-full border-t border-gray-300"})}),(0,a.jsx)("div",{className:"relative flex justify-center text-sm",children:(0,a.jsx)("span",{className:"bg-white px-2 text-gray-500",children:"Or"})})]}),(0,a.jsx)(a.Fragment,{}),(0,a.jsx)("div",{className:"mt-6 w-full m-auto",children:(0,a.jsx)(c.Z,{})}),(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-indigo-400",href:"/privacy-policy",target:"_blank",children:"Privacy Policy"})," and ",(0,a.jsx)("a",{className:"text-indigo-400",href:"/terms",target:"_blank",children:"Terms"})]})]})]})]})]})]})}},9008:function(e,t,s){e.exports=s(23867)},85408:function(e,t,s){"use strict";var a=s(67294);let n=a.forwardRef(function(e,t){let{title:s,titleId:n,...r}=e;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":n},r),s?a.createElement("title",{id:n},s):null,a.createElement("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"}))});t.Z=n}},function(e){e.O(0,[806,7536,3189,2888,9774,179],function(){return e(e.s=98588)}),_N_E=e.O()}]);