https://www.tracklib.com/assets/vip-CWvF7a9J.js

1import{r as c,j as t}from"./react-CaZ3b-uf.js";import{u as h}from"./tanstack-form-CT098vSI.js";import{g as x}from"./tanstack-router-DdV6ARKN.js";import{aK as v,ar as S,bI as y,M as j}from"./tanstack-start-BzM2Ciq7.js";import{A as C}from"./animated-error-BzXiTBT-.js";import{a as E,b as w,c as I}from"./field-D7ZP0ECG.js";import{O as _,Z as d,_ as N}from"./shell--root-CfSXB45t.js";import{s as T}from"./signup-code-prefill-2r0KyR9O.js";import{c as F,s as R}from"./form-errors-D3Ce1Uve.js";import{u as k}from"./use-save-success-D5oBwl2k.js";import{r as D}from"./zod-fields-Bc4KPEbf.js";import{m as L}from"./motion-C2Q5rmiN.js";import{o as P}from"./schemas-CtgbS3Lx.js";import"./tanstack-CzaH6mfd.js";import"./radix-accordion-B9Cw5kfI.js";import"./radix-dialog-CRaAAOVD.js";import"./radix-menu-D_9sKf4A.js";import"./radix-select-Cz5S0Opm.js";import"./radix-navigation-menu-DkxGYPh1.js";import"./sonner-D-uFVvD1.js";import"./lucide-CqZJRsZM.js";import"./tanstack-query-CWWMDizP.js";import"./ui-utils-Bj2vDxdV.js";import"./unpic-CfMFyugp.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};a.SENTRY_RELEASE={id:"[email protected]"};var r=new a.Error().stack;r&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[r]="9c4b20fb-c55d-45d1-9d88-d3c3165e985d",a._sentryDebugIdIdentifier="sentry-dbid-9c4b20fb-c55d-45d1-9d88-d3c3165e985d")}catch{}})();const p=P({signup_code:D("Signup code")}),V=()=>{const a=x(),[r,m]=c.useState(!1),{isSuccess:g,triggerSuccess:f}=k(()=>m(!0)),u=c.useRef(null);c.useEffect(()=>{u.current?.focus()},[]),_(d);const o=h({defaultValues:{signup_code:""},validators:{onSubmit:p,onChange:p},listeners:{onChange:({formApi:e})=>F(e)},onSubmit:async({value:e,formApi:s})=>{const i=e.signup_code.trim(),l=b=>R(s,"signup_code",[b]);let n;try{n=await N(i)}catch{l("Something went wrong, please try again.");return}if(!n.valid){l(n.message??"That signup code is not valid. Check the code and try again.");return}v(d),T(i,{validated:!0}),f()}});return t.jsx(L.section,{animate:{opacity:r?0:1},className:"flex min-h-svh w-full items-center bg-background px-4 py-24",initial:{opacity:0}

1,onAnimationComplete:()=>{r&&a({to:j({name:"signup"}),search:{step:"account",code:d}})},transition:{duration:.24,ease:"easeOut"},children:t.jsxs("div",{className:"mx-auto w-full max-w-4xl",children:[t.jsx("p",{className:"mb-3 font-bold text-body-sm text-muted-foreground uppercase tracking-wide",children:"Welcome to Tracklib VIP"}),t.jsxs("h1",{className:"font-heading text-foreground text-heading-xl uppercase",children:["Claim your free",t.jsx("br",{}),t.jsx("span",{className:"text-accent",children:"VIP account"})]}),t.jsxs("form",{className:"mt-10 flex w-full flex-col items-start gap-4",id:"vip-claim-form",onSubmit:e=>{e.preventDefault(),o.handleSubmit()},children:[t.jsx(o.Field,{name:"signup_code",children:e=>{const s=e.state.meta.errorMap.onSubmit!==void 0||e.state.meta.isTouched&&e.state.meta.isBlurred&&!e.state.meta.isValid;return t.jsxs(E,{"data-invalid":s,children:[t.jsx(w,{className:"sr-only",htmlFor:e.name,children:"Signup code"}),t.jsx(S,{"aria-invalid":s,autoCapitalize:"none",autoComplete:"off",className:"h-14 border-transparent bg-card text-body-fixed-lg focus-visible:border-transparent","data-testid":"vip-signup-code-input",id:e.name,name:e.name,onBlur:e.handleBlur,onChange:i=>e.handleChange(i.target.value),placeholder:"Enter your signup code...",ref:u,spellCheck:!1,value:e.state.value}),t.jsx(C,{visible:s,children:t.jsx(I,{"data-testid":"vip-signup-code-error",errors:e.state.meta.errors})})]})}}),t.jsx(o.Subscribe,{selector:e=>({canSubmit:e.canSubmit,isSubmitting:e.isSubmitting,isTouched:e.isTouched}),children:({canSubmit:e,isSubmitting:s,isTouched:i})=>t.jsx(y,{color:"accent","data-testid":"vip-get-started-button",disabled:!e||!i||r,form:"vip-claim-form",isLoading:s,isSuccess:g,size:"lg",successText:"Code accepted",type:"submit",children:"Get started"})})]})]})})},ne=V;export{ne as component};