import{_ as U}from"./constants.d47a9688.js";import{H as E,s as f,e as x,b as p,f as s,C as y,I as _,u as l,g as w,w as $,d as S,J as T,n as j,K as L,o as g,k as N,t as P,_ as H}from"./vendor-vue.0f312a52.js";import"./UiAlert.4ed993c7.js";import{_ as q}from"./vite.c27b6911.js";const D=({fetchUrl:t,body:e,options:n={immediate:!1,headers:{"Content-Type":"application/json"}}})=>{const{execute:a,error:h,isFetching:c,onFetchError:d,onFetchResponse:u}=E(t,n).post(e).json();return{execute:a,error:h,isFetching:c,onFetchError:d,onFetchResponse:u}};const O={class:"flex items-center"},R=["data-site-id"],z={class:"space-y-2"},A={class:"grid gap-2 grid-cols-1 justify-center sm:w-full sm:flex sm:items-center sm:flex-wrap"},J=["for"],K=["id","placeholder","disabled","onChange","onInvalid"],W={class:"flex justify-center"},Y={key:0,class:"flex items-center gap-2"},G={key:1,class:"relative flex items-start"},Q={class:"flex h-6 items-center"},X=["id","name"],Z={class:"ml-3 text-sm leading-6"},ee=["innerHTML","for"],te={__name:"SignupForm",props:{buttonLabel:{type:String,default:"Submit"},placeholder:{type:String,default:"Enter your email..."},name:{type:String,required:!0},siteId:{type:String,default:""},redirectOnSuccess:{type:Boolean,default:!1},redirectUrl:{type:String,default:""},showSuccessMessage:{type:Boolean,default:!0},successMessage:{type:String,default:"Success! We'll be in touch soon!"},errorMessage:{type:String,default:"😮 Sorry we couldn't add your email due to an error. Please try again."},confirmFieldMessage:{type:String,default:""},showConfirmField:{type:Boolean,default:!1},showCaptcha:{type:Boolean,default:!1}},setup(t){const e=t,n=e==null?void 0:e.siteId,a=f(""),h=x(()=>({data:{email:a.value,siteId:n}})),c=f(!1),d=f(null),u=f(!(e!=null&&e.showCaptcha)),{execute:C,isFetching:m,onFetchError:F,onFetchResponse:M}=D({body:h,fetchUrl:"https://us-west2-mixo-app.cloudfunctions.net/signup"}),V=i=>{u.value=i},k=()=>{if(!n){alert("⚠️ You can only submit an email once your site is published. Please publish first and try again.");return}C()};M(i=>{console.log(i.status),e.showSuccessMessage&&alert(e.successMessage),a.value="",e.redirectOnSuccess&&e.redirectUrl&&(window.location.href=e.redirectUrl)}),F(i=>{console.error(i.message),alert(e.errorMessage)});const B=x(()=>!!(e!=null&&e.showConfirmField&&!c.value||e!=null&&e.showCaptcha&&!u.value||!a.value||m.value));return(i,r)=>{var v,b;const I=U;return g(),p("div",O,[s("form",{class:j(["w-full space-y-2 font-sans sm:max-w-xl",{"opacity-50":l(m)}]),onSubmit:L(k,["prevent"]),"data-site-id":l(n)},[s("div",z,[s("div",A,[s("label",{for:`${t.name}-email`,class:"sr-only"},"Email address",8,J),y(s("input",{id:`${t.name}-email`,"onUpdate:modelValue":r[0]||(r[0]=o=>a.value=o),type:"email",class:"block w-full mx-auto px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-gray-300 rounded-md shadow-sm focus:border-primary focus:ring-primary focus-visible:ring-primary flex-1 sm:col-span-2",required:"",placeholder:t.placeholder,disabled:l(m),onChange:o=>o.target.setCustomValidity(""),onInvalid:o=>o.target.setCustomValidity("Please enter a valid email address.")},null,40,K),[[_,a.value]]),s("div",W,[w(I,{type:"submit",theme:"primary",disabled:l(B)},{default:$(()=>[N(P(l(m)?"Submitting...":t.buttonLabel),1)]),_:1},8,["disabled"])])]),t.showCaptcha&&((v=a.value)!=null&&v.length)?(g(),p("div",Y,[y(s("input",{type:"text",placeholder:"Enter verification code...","onUpdate:modelValue":r[1]||(r[1]=o=>d.value=o),class:"block text-sm px-3 py-2 text-gray-900 placeholder-gray-500 border border-gray-300 rounded-md shadow-sm focus:border-primary focus:ring-primary focus-visible:ring-primary"},null,512),[[_,d.value]]),w(l(H),{value:d.value,onIsValid:V},null,8,["value"])])):S("v-if",!0),t.showConfirmField&&((b=a.value)!=null&&b.length)?(g(),p("div",G,[s("div",Q,[y(s("input",{id:`confirm-field-${t.name}`,"aria-describedby":"confirm-field-description",name:`confirm-field-${t.name}`,"onUpdate:modelValue":r[2]||(r[2]=o=>c.value=o),type:"checkbox",class:"h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"},null,8,X),[[T,c.value]])]),s("div",Z,[s("label",{class:"signup-confirm-label",innerHTML:t.confirmFieldMessage,for:`confirm-field-${t.name}`},null,8,ee)])])):S("v-if",!0)])],42,R)])}}},re=q(te,[["__scopeId","data-v-55512662"]]);export{re as c};