https://pawsence.com/assets/BetaModal-C_fvTtx9.js

1import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"./index-BhXG91q_.js";var s=e(`mail`,[[`path`,{d:`m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7`,key:`132q7q`}],[`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`,key:`izxlao`}]]),c=e(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]),l=e(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]),u=a(r(),1),d=i();function f({isOpen:e,onClose:r}){let[i,a]=(0,u.useState)(``),[f,p]=(0,u.useState)(`dog`),[m,h]=(0,u.useState)(`wyze`),[g,_]=(0,u.useState)(`idle`);return(0,d.jsx)(n,{children:e&&(0,d.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:[(0,d.jsx)(o.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:r,className:`absolute inset-0 bg-stone-900/60 backdrop-blur-md`}),(0,d.jsxs)(o.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},className:`bg-[#FAF8F5] border border-stone-200 w-full max-w-md rounded-3xl p-6 md:p-8 shadow-2xl relative z-10 overflow-hidden`,children:[(0,d.jsx)(`button`,{onClick:r,className:`absolute top-4 right-4 p-2 text-stone-400 hover:text-stone-700 bg-white border border-stone-100 rounded-full hover:shadow-md transition-all cursor-pointer`,children:(0,d.jsx)(l,{className:`w-4 h-4`})}),(0,d.jsx)(n,{mode:`wait`,children:g===`success`?(0,d.jsxs)(o.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},className:`text-center py-6 space-y-6`,children:[(0,d.jsx)(`div`,{className:`mx-auto w-16 h-16 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center shadow-lg shadow-emerald-500/5`,children:(0,d.jsx)(t,{className:`w-8 h-8 stroke-[3]`})}),(0,d.jsxs)(`div`,{className:`space-y-2`,children:[(0,d.jsx)(`h3`,{className:`text-2xl font-extrabold text-stone-900 font-display`,children:`You're on the list!`}),(0,d.jsxs)(`p`,{className:`text-xs text-stone-500 max-w-[280px] mx-auto`,children:[`Thank you for joining. We've reserved your spot and sent a confirmation details email to `,(0,d.jsx)(`strong`,{className:`text-stone-800`,children:i}),`.`]})]}),(0,d.jsxs)(`div`,{className:`bg-white border border-stone-200 rounded-2xl p-4 shadow-inner max-w-xs mx-auto`,children:[(0,d.jsx)(`span`,{className:`text-[10px] text-stone-400 font-bold uppercase tracking-widest font-mono`,children:`Spot Secured`}),(0,d.jsx)(`h4`,{className:`text-3xl font-extrabold text-stone-900 mt-1 font-display`,children:`#2,482`}),(0,d.jsx)(`p`,{className:`text-[9px] text-stone-400 mt-1`,children:`Waitlist members get early access priority.`})]}),(0,d.jsx)(`button`,{onClick:r,className:`w-full bg-stone-900 hover:bg-stone-800 text-white text-xs font-bold py-3.5 rounded-2xl transition-all cursor-pointer`,children:`Back to Website`})]},`success`):(0,d.jsxs)(o.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:`space-y-6`,children:[(0,d.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,d.jsx)(`div`,{className:`mx-auto w-12 h-12 bg-orange-100 text-[#E87A5D] rounded-2xl flex items-center justify-center mb-3`,children:(0,d.jsx)(c,{className:`w-6 h-6 fill-current animate-pulse`})}),(0,d.jsx)(`h3`,{className:`text-2xl font-extrabold text-stone-900 font-display`,children:`Join the Pawsence Beta`}),(0,d.jsx)(`p`,{className:`text-xs text-stone-500 max-w-[280px] mx-auto`,children:`Bring your best friend to your desktop. Spots are limited as we scale our real-time skeleton parsing capacity.`})]}),(0,d.jsxs)(`form`,{onSubmit:async e=>{if(e.preventDefault(),i){_(`submitting`);try{await fetch(`https://formsubmit.co/ajax/[email protected]`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify({email:i,petType:f,cameraBrand:m,_subject:`🐾 Pawsence Beta Signup!`})}),_(`success`)}catch(e){console.error(`Form submission error:`,e),_(`success`)}}},className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-stone-500 uppercase tracking-wider block`,children:`Email Address`}),(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsx)(s,{className:`absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-stone-400`}),(0,d.jsx)(`input`,{type:`email`,required:!0,value:i,onChange:e=>a(e.target.value),placeholder:`[email protected]`,className:`w-full bg-white border border-stone-200 rounded-2xl py-3.5 pl-11 pr-4 text-sm text-stone-800 placeholder-stone-400 focus:outline-none focus:border-[#E87A5D] focus:ring-1 focus:ring-[#E87A5D] transition-all`})]})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-stone-500 uppercase tracking-wider block`,children:`Pet Type`}),(0,d.jsxs)(`select`,{value:f,onChange:e=>p(e.target.value),className:`w-full bg-white border border-stone-200 rounded-2xl p-3.5 text-xs text-stone-700 font-semibold focus:outline-none focus:border-[#E87A5D] transition-all`,children:[(0,d.jsx)(`option`,{value:`dog`,children:`🐶 Dog`}),(0,d.jsx)(`option`,{value:`cat`,children:`🐱 Cat`}),(0,d.jsx)(`option`,{value:`bunny`,children:`🐰 Bunny`}),(0,d.jsx)(`option`,{value:`other`,children:`🐾 Other`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-stone-500 uppercase tracking-wider block`,children:`Camera Brand`}),(0,d.jsxs)(`select`,{value:m,onChange:e=>h(e.target.value),className:`w-full bg-white border border-stone-200 rounded-2xl p-3.5 text-xs text-stone-700 font-semibold focus:outline-none focus:border-[#E87A5D] transition-all`,children:[(0,d.jsx)(`option`,{value:`wyze`,children:`Wyze`}),(0,d.jsx)(`option`,{value:`furbo`,children:`Furbo`}),(0,d.jsx)(`option`,{value:`ring`,children:`Ring`}),(0,d.jsx)(`option`,{value:`rtsp`,children:`RTSP / IP`}),(0,d.jsx)(`option`,{value:`none`,children:`No camera yet`})]})]})]}),(0,d.jsx)(`button`,{type:`submit`,disabled:g===`submitting`,className:`w-full bg-[#E87A5D] hover:bg-[#D6684B] disabled:bg-stone-300 disabled:cursor-not-allowed text-white text-sm font-semibold py-4 rounded-2xl shadow-lg shadow-orange-500/10 hover:shadow-orange-500/20 transition-all flex items-center justify-center gap-2 cursor-pointer mt-6`,children:g===`submitting`?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{className:`w-4 h-4 rounded-full border-2 border-white/20 border-t-white animate-spin`}),(0,d.jsx)(`span`,{children:`Securing spot...`})]}):(0,d.jsx)(`span`,{children:`Join the Waitlist`})})]})]},`form`)})]})]})})}export{f as default};