https://procreate-assets-cdn.procreate.com/_nuxt/Cyft3veH.js

1import{d as x,R as E,C as U,c,o as f,D as F,a as i,g as r,E as _,T as N,w as l,v as W,G as X,I as g,j as p,p as v,h as n,t as j,q as R,i as D,A as H,l as J,H as L,J as z,y as O,z as Y,f as G,B as K}from"./DU4cSegC.js";import{s as y}from"./BnJc7mOR.js";import{I as h,C as P,S as Q}from"./Bz_96n2P.js";import{A as Z}from"./RklpHtXP.js";import{c as ee,d as te}from"./DQTBCwb5.js";import"./0iBdQtZ4.js";const ie={key:"apply"},oe={class:"beta-form__sign-up"},re={class:"multiselect__tag"},ae=["onClick","aria-label"],ne={class:"input-group p-[20px] bg-[#0b0b0b] rounded-xl border border-[#ffffff1a] level-label"},le={class:"input-group__checkset level-label"},se={class:"beta-form__actions"},de={key:"submitted"},me={class:"beta-form__submitted"},ue=x({__name:"BetaForm",setup(k){const e=U({submitted:!1,submitting:!1,errors:{},errorTitle:"",errorMessage:"",form:{name:"",email:"",email_confirmation:"",languages:[],familiarity:null,device:[],message:"",rc_candidate:!1,future_contact:!1,terms_and_condition:!1,locale:""},height:"auto"}),u=E.useReCaptcha(),s=_(null),b=_(null);e.form.locale="en_US";const V=v(()=>[{id:"iPhone 17 Pro Max",title:"iPhone 17 Pro Max"},{id:"iPhone 17 Pro",title:"iPhone 17 Pro"},{id:"iPhone 17 Air",title:"iPhone 17 Air"},{id:"iPhone 17",title:"iPhone 17"},{id:"iPhone 16 Pro Max",title:"iPhone 16 Pro Max"},{id:"iPhone 16 Pro",title:"iPhone 16 Pro"},{id:"iPhone 16 Plus",title:"iPhone 16 Plus"},{id:"iPhone 16",title:"iPhone 16"},{id:"iPhone 16e",title:"iPhone 16e"},{id:"iPhone 15 Pro Max",title:"iPhone 15 Pro Max"},{id:"iPhone 15 Pro",title:"iPhone 15 Pro"},{id:"iPhone 15 Plus",title:"iPhone 15 Plus"},{id:"iPhone 15",title:"iPhone 15"},{id:"iPhone 14 Pro Max",title:"iPhone 14 Pro Max"},{id:"iPhone 14 Pro",title:"iPhone 14 Pro"},{id:"iPhone 14 Plus",title:"iPhone 14 Plus"},{id:"iPhone 14",title:"iPhone 14"},{id:"iPhone 13 Pro Max",title:"iPhone 13 Pro Max"},{id:"iPhone 13 Pro",title:"iPhone 13 Pro"},{id:"iPhone 13",title:"iPhone 13"},{id:"iPhone 13 mini",title:"iPhone 13 mini"},{id:"iPhone 12 Pro Max",title:"iPhone 12 Pro Max"},{id:"iPhone 12 Pro",title:"iPhone 12 Pro"},{id:"iPhone 12",title:"iPhone 12"},{id:"iPhone 12 mini",title:"iPhone 12 mini"},{id:"iPhone SE (2nd generation)",title:"iPhone SE (2nd generation)"},{id:"iPhone 11 Pro Max",title:"iPhone 11 Pro Max"},{id:"iPhone 11 Pro",title:"iPhone 11 Pro"},{id:"iPhone 11",title:"iPhone 11"},{id:"iPhone XS Max",title:"iPhone XS Max"},{id:"iPhone XS",title:"iPhone XS"},{id:"iPhone XR",title:"iPhone XR"},{id:"iPhone X",title:"iPhone X"},{id:"iPhone 8",title:"iPhone 8"},{id:"iPhone 8 Plus",title:"iPhone 8 Plus"},{id:"iPhone 7",title:"iPhone 7"},{id:"iPhone 7 Plus",title:"iPhone 7 Plus"},{id:"iPhone 6s",title:"iPhone 6s"},{id:"iPhone 6s Plus",title:"iPhone 6s Plus"},{id:"iPhone SE",title:"iPhone SE (1st generation)"},{id:"iPod Touch (7th generation)",title:"iPod Touch (7th generation)"}]),w=v(()=>[{id:"yes",title:"Yes"},{id:"no",title:"No"}]),M=async function(){e.submitting=!0,e.errors={};const a=/^[\p{L}\p{M}\s'.-]+$/u;

1if(e.form.name&&!a.test(e.form.name)){e.errors.name=["Name can only contain letters, spaces, hyphens, apostrophes, and periods"],e.submitting=!1;return}if(!e.form.device||e.form.device.length===0){e.errors.device=["Devices is required"],e.submitting=!1;return}if(!e.form.familiarity){e.errors.familiarity=["Familiarity is required"],e.submitting=!1;return}let t;if(u){try{t=await u.executeRecaptcha("marketing/beta_eoi/request")}catch{e.errorTitle="Human Verification Failed",e.errorMessage="The human verification process encountered an error. Please refresh the page and try again.",s.value?.open(),e.submitting=!1;return}if(!t){e.errorTitle="Human Verification Failed",e.errorMessage="The human verification process encountered an error. Please refresh the page and try again.",s.value?.open(),e.submitting=!1;return}}else t="invalid";try{await L().$adminApi.post("/beta/requests",{name:e.form.name,email:e.form.email,email_confirmation:e.form.email_confirmation,device:$(e.form.device),familiarity:e.form.familiarity?.id||null,terms_and_condition:e.form.terms_and_condition,locale:e.form.locale,recaptcha:t,tags:S()}),e.submitted=!0}catch(d){d.response?.status==422?(e.errors=d.response.data.errors,z(()=>{const m=document.querySelector(".input-group__error, .input__error");m&&m.scrollIntoView({behavior:"smooth",block:"center"})})):(e.errorTitle="",e.errorMessage="",s.value?.open())}e.submitting=!1},S=function(){const a=[{value:"Pocket5 Beta"}];return e.form.familiarity&&typeof e.form.familiarity=="object"&&"id"in e.form.familiarity&&e.form.familiarity.id==="no"?a.push({value:"Non-user"}):a.push({value:"Current-user"}),e.form.rc_candidate&&a.push({value:"RC"}),e.form.future_contact&&a.push({value:"Pocket"}),a},$=function(a){return a.map(t=>t.id).join(",")},T=function(a){e.height=a.clientHeight+"px"},q=function(){e.height="auto",b.value?.scrollIntoView({behavior:"smooth"})},A=function(a){e.height=a.clientHeight+"px"};return(a,t)=>{const d=R,m=D,C=H,I=J;return f(),c("div",{class:"beta-form","aria-live":"polite",style:F({height:e.height})},[i("div",{ref_key:"scrollObject",ref:b,class:"scroll-position"},null,512),r(N,{name:"next",mode:"out-in",onEnter:T,onBeforeLeave:A,onAfterEnter:q},{default:l(()=>[e.submitted?e.submitted?(f(),c("div",de,[i("div",me,[r(p(Q),{submitting:e.submitting},null,8,["submitting"]),t[23]||(t[23]=i("h2",{class:"text-heading"},"We will be in touch soon.",-1)),t[24]||(t[24]=i("p",{class:"text-body text-body--sm"},"Thank you for taking the time to apply. We will send you a confirmation email shortly.",-1))])])):W("",!0):(f(),c("div",ie,[i("div",oe,[t[21]||(t[21]=i("div",{class:"beta-form__copy"},[i("h2",{class:"text-heading"},"Apply now"),i("p",{class:"text-body text-body--sm"},"There are limited spots for the beta. If you are successful you will receive an email with further instructions on how to get started.")],-1)),i("form",{onSubmit:t[8]||(t[8]=X(o=>M(),["prevent"])),class:"beta-form__inputs"},[r(h,{id:"name",modelValue:e.form.name,"onUpdate:modelValue":t[0]||(t[0]=o=>e.form.name=o),errors:e.errors.name,label:"Your name",type:"text",placeholder:"What should we call you?",required:"",autocomplete:"given-name"},null,8,["modelValue","errors"]),i("div",null,[r(h,{id:"email",modelValue:e.form.email,"onUpdate:modelValue":t[1]||(t[1]=o=>e.form.email=o),errors:e.errors.email,label:"Email",type:"text",placeholder:"Where can we contact you?",required:"",autocomplete:"email"},null,8,["modelValue","errors"])]),i("div",null,[r(h,{id:"email_confirmation",modelValue:e.form.email_confirmation,"onUpdate:modelValue":t[2]||(t[2]=o=>e.form.email_confirmation=o),errors:e.errors.email_confirmation,label:"Confirm email",type:"text",placeholder:"Just to be sure!",required:""},null,8,["modelValue","errors"])]),r(g,{inputID:"multiselect-device",label:"Devices",errors:e.errors.device,required:""},{default:l(()=>[r(p(y),{modelValue:e.form.device,"onUpdate:modelValue":t[3]||(t[3]=o=>e.form.device=o),class:"input",id:"multiselect-device",options:V.value,required:"required",multiple:!0,label:"title","close-on-select":!1,"clear-on-select":!0,placeholder:"What devices do you have available to test on?","track-by":"id","aria-invalid":!!e.errors.device,"aria-describedby":"multiselect-device-error"},{tag:l(({option:o,remove:B})=>[i("div",re,[n(j(o.title),1),i("button",{type:"button",onClick:ye=>B(o),"aria-label":`remove ${o.title} from list`,class:"multiselect__tag__close"},[r(d,{icon:"modal-close"})],8,ae)])]),_:1},8,["modelValue","options","aria-invalid"])]),_:1},8,["errors"]),r(g,{inputID:"familiarity",label:"Familiarity",errors:e.errors.familiarity,required:""},{default:l(()=>[r(p(y),{class:"input",id:"multiselect-skills",modelValue:e.form.familiarity,"onUpdate:modelValue":t[4]||(t[4]=o=>e.form.familiarity=o),options:w.value,multiple:!1,label:"title","close-on-select":!0,"clear-on-select":!0,placeholder:"Are you a existing user of Procreate Pocket?","track-by":"id",required:"required","aria-invalid":!!e.errors.familiarity,"aria-describedby":"multiselect-skills-error"},null,8,["modelValue","options","aria-invalid"])]),_:1},8,["errors"]),i("div",ne,[t[11]||(t[11]=i("h3",{class:"text-white font-semibold"},"Want to opt-in to test pre-release builds?",-1)),t[12]||(t[12]=i("p",{class:"italic text-[14px] leading-4 mb-3"},"We do not recommend ticking this if you do not understand the risks of installing pre-release softw

1are, or you are currently using the app for professional work.",-1)),t[13]||(t[13]=n()),r(P,{modelValue:e.form.rc_candidate,"onUpdate:modelValue":t[5]||(t[5]=o=>e.form.rc_candidate=o),value:e.form.rc_candidate,id:"rc_candidate"},{label:l(()=>[...t[10]||(t[10]=[n(" Yes, I'm happy to test pre-release builds that install over my App Store version of Procreate Pocket. ",-1)])]),_:1},8,["modelValue","value"])]),i("div",le,[r(P,{modelValue:e.form.future_contact,"onUpdate:modelValue":t[6]||(t[6]=o=>e.form.future_contact=o),value:e.form.future_contact,id:"code-of-conduct"},{label:l(()=>[...t[14]||(t[14]=[n(" I’d like to be contacted about testing Procreate Pocket in the future. ",-1)])]),_:1},8,["modelValue","value"]),r(P,{modelValue:e.form.terms_and_condition,"onUpdate:modelValue":t[7]||(t[7]=o=>e.form.terms_and_condition=o),value:e.form.terms_and_condition,id:"terms_and_condition",required:""},{label:l(()=>[t[17]||(t[17]=n(" I agree with the ",-1)),r(m,{to:{name:"terms-conditions"},target:"_blank"},{default:l(()=>[...t[15]||(t[15]=[n("Terms and Conditions",-1)])]),_:1}),t[18]||(t[18]=n(" and ",-1)),r(m,{to:{name:"privacy-policy"},target:"_blank"},{default:l(()=>[...t[16]||(t[16]=[n("Privacy Policy",-1)])]),_:1}),t[19]||(t[19]=n(". ",-1))]),_:1},8,["modelValue","value"])]),i("div",se,[r(C,{type:"submit",loading:e.submitting,disabled:e.submitting,pill:"",variant:"primary"},{default:l(()=>[...t[20]||(t[20]=[n("Submit ",-1)])]),_:1},8,["loading","disabled"])])],32)]),r(Z,{id:"beta-failed-alert",ref_key:"errorModal",ref:s,title:e.errorTitle||"An error occurred",message:e.errorMessage||"Something went wrong. Please try again."},{default:l(()=>[r(I,{onClick:t[9]||(t[9]=o=>

1a.$refs.errorModal?.close())},{default:l(()=>[...t[22]||(t[22]=[n("Okay",-1)])]),_:1})]),_:1},8,["title","message"])]))]),_:1})],4)}}}),ce=Object.assign(ue,{__name:"FormsBetaForm"}),fe={class:"beta-eoi-page -mt-16 md:mt-0"},pe={role:"presentation",class:"w-full md:pb-[50px] overflow-hidden"},he={class:"dynamic-container w-full h-[671px] grid beta-hero",style:{"grid-template-columns":"50% 50%"}},Pe={class:"relative beta-hero-image"},be={class:"ai-banner__image z-0"},_e=["src"],ge={class:"eoi-section eoi-section--form"},ve={class:"dynamic-container"},$e=x({__name:"index",setup(k){const{t:e}=O();return Y({title:()=>e("beta-eoi.meta.title"),description:()=>e("beta-eoi.meta.description"),image:()=>K(e("beta-eoi.meta.image"))}),G({script:[ee(te)],bodyAttrs:{class:"really-dark-mode include-dynamic-container-nav"}}),(u,s)=>(f(),c("div",fe,[i("section",pe,[i("div",he,[s[0]||(s[0]=i("div",{class:"h-full flex flex-col justify-end relative beta-hero-text"},[i("div",{class:"ai-banner__text z-10"},[i("h1",{class:"hidden md:block md:text-[70px] lg:text-[96px] md:leading-[70px] lg:leading-[96px] text-white mb-5 font-semibold"},[n("Join the beta for"),i("br"),n("Procreate Pocket 5.")]),i("p",{class:"w-5/12 text-[20px] leading-[30px]"},"Apply to be a beta tester and help us with a smooth, feature-packed update to Procreate Pocket.")])],-1)),i("div",Pe,[i("div",be,[i("img",{src:u.$asset("images/beta-eoi/pocket-5-eoi-split.png"),width:"874",height:"658",alt:""},null,8,_e)])])]),s[1]||(s[1]=i("h1",{class:"md:hidden text-[36px] leading-[36px] p-[24px] pb-1 text-white mb-5 font-semibold"},[n("Join the beta for"),i("br"),n("Procreate Pocket 5.")],-1)),s[2]||(s[2]=i("p",{class:"w-full p-[24px] pt-0 pb-[48px] extra","aria-hidden":"true"},"Apply to be a beta tester and help us with a smooth, feature-packed update to Procreate Pocket.",-1))]),i("div",ge,[i("div",ve,[r(p(ce))])])]))}});export{$e as default};