https://pat-splash.netlify.app/_app/js/DemographicModal-Zi0ts77K.js

1import{_ as R}from"./Button-BfdHLoQL.js";import{_ as w,w as S,o as D,a as l,c as v,b as k,d as r,e,n as y,r as I,v as T,T as B,f as _,g as i,F as c,h,i as m,t as p,j as u,k as x,l as C}from"./index-7dR0s8Jg.js";import{c as M}from"./countries-DHNsLnVA.js";(function(){try{var d=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};d.SENTRY_RELEASE={id:"5ad5155d83a2f1dd0de37a45a69255b039f35514"};var o=new d.Error().stack;o&&(d._sentryDebugIds=d._sentryDebugIds||{},d._sentryDebugIds[o]="9148b2e9-1a9f-4866-be27-cd0aff613d06",d._sentryDebugIdIdentifier="sentry-dbid-9148b2e9-1a9f-4866-be27-cd0aff613d06")}catch{}})();const E="_modalBackdrop_1e49x_4",U="_modalContent_1e49x_20",Q={modalBackdrop:E,modalContent:U},V={__name:"ModalWrapper",props:{show:{type:Boolean,default:!1},size:{type:String,default:""}},emits:["cancel"],setup(d,{emit:o}){const f=d,b=o;S(()=>f.show,n=>{n?document.body.style.setProperty("overflow","hidden"):document.body.style.removeProperty("overflow")},{immediate:!0});const s=n=>{f.show&&n.key==="Escape"&&b("cancel")};return D(()=>{document.removeEventListener("keydown",s)}),document.addEventListener("keydown",s),(n,g)=>(l(),v(B,{name:"modal",mode:"out-in"},{default:k(()=>[r(e("div",{class:y(n.$style.modalBackdrop)},[e("div",{class:y([[n.$style.modalContent,d.size],"modal-transition"])},[I(n.$slots,"default")],2)],2),[[T,d.show]])]),_:3}))}},L={$style:Q},W=w(V,[["__cssModules",L]]),N=[{value:"Female",text:"Female"},{value:"Male",text:"Male"},{value:"Non-binary",text:"Non-binary"},{value:"Other",text:"Other"}],A=[{value:"White",text:"White"},{value:"Mixed or Multiple ethnic groups",text:"Mixed or Multiple ethnic groups"},{value:"Asian",text:"Asian"},{value:"Black, African, Caribbean",text:"Black, African, Caribbean"},{value:"Other ethnic group",text:"Other ethnic group"}],q=[{value:"No Proficiency",text:"No Proficiency"},{value:"Elementary Proficiency",text:"Elementary Proficiency"},{value:"Limited Working Proficiency",text:"Limited Working Proficiency"},{value:"Professional Working Proficiency",text:"Professional Working Proficiency"},{value:"Full Professional Proficiency",text:"Full Professional Proficiency"},{value:"Native/Bilingual Proficiency",text:"Native/Bilingual Proficiency"}],O=[{value:"part-time",text:"Employed, part-time"},{value:"full-time",text:"Employed, full-time"},{value:"looking-for-work",text:"Not employed, looking for work"},{value:"not-looking-for-work",text:"Not employed, not looking for work"},{value:"retired",text:"Retired"},{value:"disabled",text:"Disabled, not able to work"}],F=[{value:"true",text:"I consider myself to be disabled"},{value:"false",text:"I do not consider myself to be disabled"},{value:"dont-know",text:"Don’t know"},{value:"not-disclosed",text:"Prefer not to say"}],Y=[{value:"vision",text:"Vision (for example, blindness or partial sight)"},{value:"hearing",text:"Hearing (for example, deafness or partial hearing)"},{value:"mobility",text:"Mobility (for example, walking short distances or climbing stairs)"},{value:"dexterity",text:"Dexterity (for example, lifting and carrying objects, using a keyboard)"},{value:"learning",text:"Learning, concentrating, or remembering"},{value:"mental-health",text:"Mental health"},{value:"stamina",text:"Stamina, breathing, or fatigue"},{value:"social",text:"Socially or behaviorally"},{value:"other",text:"Other"}],j={gender:N,ethnicity:A,languageProficiency:q,employmentStatus:O,disability:F,disabilityImpact:Y},z={components:{Button:R,ModalWrapper:W},props:{show:{type:Boolean,default:!1}},data(){return{demographic:j,processing:!1,dataSubmitted:!1,formResponses:{age:null,gender:null,disability:null,disabilityImpact:null,ethnicity:null,languageProficiency:null,country:null,education:null,employmentStatus:null},fieldTestingQuestions:{questionsRelevant:null,difficultyLevelCorrect:null,yearsOfExperience:null,accessibility:null,accessibilityIssue:""},classifications:["Unspecified","High School or equivalent","Bachelor’s","Master’s","PhD"]}},computed:{hasDisability(){return this.formResponses.disability==="true"},hasAccessibilityIssue(){return this.fieldTestingQuestions.accessibility==="yes"},hasSeenDemographicQuestions(){return!!window.localStorage.getItem("pat_demographic_survey")},countries(){return M().map(d=>({value:d.code,text:d.name}))}},methods:{close(){this.$emit("close","closeButton"),window.localStorage.setItem("pat_demographic_survey","seen")},submitData(){this.processing||(window.localStorage.setItem("pat_demographic_survey","seen"),this.processing=!0,this.$store.dispatch("attempt/storeFieldTestingData",{demographicData:this.formResponses,fieldTestingQuestions:this.fieldTestingQuestions}).then(()=>{this.processing=!1,this.dataSubmitted=!0,setTimeout(()=>{this.$emit("close","submitButton")},1500)}))}}},H={class:"relative"},G=e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",class:"w-5 h-5 transform rotate-45"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1),K=[G],J={class:"text-left"},X={class:"mb-6"},Z=e("h2",{class:"text-2xl font-medium mb-2"}," Can you help us? ",-1),$={key:0,class:"text-sm text-tundora"},ee={key:1,class:"text-sm text-tundora"},te={class:"grid md:grid-cols-2 gap-x-8 gap-y-6"},se=e("label",{for:"age",class:"text-xs"}," What is your age? ",-1),oe=e("label",{for:"employmentStatus",class:"text-xs mb-1"}," What is your current employment status? ",-1),le={class:"mt-1"},ie=e("option",{value:null,disabled:""}," Please select ",-1),ne=["value"],ae={class:"grid md:grid-cols-3 gap-6 mt-4"},re=e("label",{for:"language",class:"text-xs mb-1 block"}," English language proficiency ",-1),de={class:"mt-1"},ue=e("option",{value:null,disabled:""}," Please select ",-1),ce=["value"],me=e("label",{for:"grade",class:"text-xs mb-1 block"}," Education level ",-1),pe={class:"mt-1"},fe=e("option",{value:null,disabled:""}," Please select ",-1),ye=["value"],he={class:"grid md:grid-cols-3 gap-6 mt-4"},ve=e("label",{for:"country",class:"text-xs mb-1 block"}," Country ",-1),be={class:"mt-1"},ge=e("option",{value:null,disabled:""}," Please select ",-1),_e=["value"],xe=e("label",{for:"gender",class:"text-xs mb-1 block"}," Gender ",-1),we={class:"mt-1"},ke=e("option",{value:null,disabled:""}," Please select ",-1),Pe=["value"],Re=e("label",{for:"ethnicity",class:"text-xs mb-1 block"}," Ethnicity ",-1),Se={class:"mt-1"},De=e("option",{value:null,disabled:""}," Please select ",-1),Ie=["value"],Te={class:"grid md:grid-cols-2 gap-6 my-4"},Be=e("label",{for:"disability",class:"text-xs mb-1 block"}," Disability ",-1),Ce={class:"mt-1"},Me=e("option",{value:null,disabled:""}," Please select ",-1),Ee=["value"],Ue={class:"mt-1"},Qe=["disabled"],Ve=e("option",{value:null,disabled:""}," Please select ",-1),Le=["value"],We={key:1,class:"border-t pt-4 mb-6"},Ne=e("p",{class:"text-sm text-tundora"}," Lastly, we would really appreciate your opinions so we can improve this test. ",-1),Ae=[Ne],qe={class:"grid md:grid-cols-2 gap-6 mt-4"},Oe=e("label",{for:"questionsRelevant",class:"text-xs mb-1 block"}," Did the questions seem relevant for testing this skill? ",-1),Fe={class:"mt-1"},Ye=e("option",{value:null,disabled:""}," Please select ",-1),je=e("option",{value:"yes"}," Yes ",-1),ze=e("option",{value:"unsure"}," Unsure ",-1),He=e("option",{value:"no"}," No ",-1),Ge=[Ye,je,ze,He],Ke=e("label",{for:"difficultyLevelCorrect",class:"text-xs mb-1 block"}," Did the level of difficulty seem reasonable to you? ",-1),Je={class:"mt-1"},Xe=e("option",{value:null,disabled:""}," Please select ",-1),Ze=e("option",{value:"yes"}," Yes ",-1),$e=e("option",{value:"unsure"}," Unsure ",-1),et=e("option",{value:"no"}," No ",-1),tt=[Xe,Ze,$e,et],st=e("label",{for:"grade",class:"text-xs mb-1 block"}," Years of experience with this skill ",-1),ot={class:"mt-4"},lt=e("label",{for:"accessibility",class:"text-xs mb-1 block"}," Did you encounter any accessibility issues while taking this test (e.g., difficulty reading text in images, illegible font, confusing visual material, etc.)? ",-1),it={class:"mt-1"},nt=e("option",{value:null,disabled:""}," Please select ",-1),at=e("option",{value:"yes"}," Yes ",-1),rt=e("option",{value:"unsure"}," Unsure ",-1),dt=e("option",{value:"no"}," No ",-1),ut=[nt,at,rt,dt],ct={class:"mt-4 mb-8"},mt=["disabled"],pt={style:{"min-height":"50px"},class:"flex flex-col justify-center"},ft={key:1,class:"inline-block text-2xl text-primary font-medium border border-primary rounded-sm p-2"};function yt(d,o,f,b,s,n){const g=_("Button"),P=_("ModalWrapper");return l(),v(P,{show:f.show,size:"max-w-screen-md"},{default:k(()=>[e("div",H,[e("button",{class:"absolute top-0 right-0 text-gray-400 transform rotate-45 -mt-4",onClick:o[0]||(o[0]=t=>n.close())},K),e("form",J,[e("div",X,[Z,n.hasSeenDemographicQuestions?(l(),i("p",ee," We would really appreciate your input on the test you have just taken so we can continue to improve this test. ")):(l(),i("p",$," Below you will find a few demographic questions. If you decide to volunteer this information, it will in no way be linked to your Practice Aptitude Tests account or your email address. This data assists us in making sure our tests are appropriate and fair for a diverse population. "))]),n.hasSeenDemographicQuestions?x("",!0):(l(),i(c,{key:0},[e("div",te,[e("div",null,[se,r(e("input",{id:"age","onUpdate:modelValue":o[1]||(o[1]=t=>s.formResponses.age=t),type:"number",min:"0",max:"100",step:"1",placeholder:"What is your age?",class:"form-input rounded-none w-full text-sm placeholder-nevada mt-1"},null,512),[[h,s.formResponses.age,void 0,{number:!0}]])]),e("div",null,[oe,e("div",le,[r(e("select",{id:"employmentStatus","onUpdate:modelValue":o[2]||(o[2]=t=>s.formResponses.employmentStatus=t),name:"employmentStatus",class:"form-select rounded-none w-full text-sm text-nevada"},[ie,(l(!0),i(c,null,m(s.demographic.employmentStatus,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,ne))),128))],512),[[u,s.formResponses.employmentStatus]])])])]),e("div",ae,[e("div",null,[re,e("div",de,[r(e("select",{id:"language","onUpdate:modelValue":o[3]||(o[3]=t=>s.formResponses.languageProficiency=t),name:"language",class:"form-select rounded-none w-full text-sm text-nevada"}

1,[ue,(l(!0),i(c,null,m(s.demographic.languageProficiency,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,ce))),128))],512),[[u,s.formResponses.languageProficiency]])])]),e("div",null,[me,e("div",pe,[r(e("select",{id:"grade","onUpdate:modelValue":o[4]||(o[4]=t=>s.formResponses.education=t),name:"grade",class:"form-select rounded-none w-full text-sm text-nevada"},[fe,(l(!0),i(c,null,m(s.classifications,(t,a)=>(l(),i("option",{key:a,value:t},p(t),9,ye))),128))],512),[[u,s.formResponses.education]])])])]),e("div",he,[e("div",null,[ve,e("div",be,[r(e("select",{id:"country","onUpdate:modelValue":o[5]||(o[5]=t=>s.formResponses.country=t),name:"country",class:"form-select rounded-none w-full text-sm text-nevada"},[ge,(l(!0),i(c,null,m(n.countries,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,_e))),128))],512),[[u,s.formResponses.country]])])]),e("div",null,[xe,e("div",we,[r(e("select",{id:"gender","onUpdate:modelValue":o[6]||(o[6]=t=>s.formResponses.gender=t),name:"gender",class:"form-select rounded-none w-full text-sm text-nevada"},[ke,(l(!0),i(c,null,m(s.demographic.gender,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,Pe))),128))],512),[[u,s.formResponses.gender]])])]),e("div",null,[Re,e("div",Se,[r(e("select",{id:"ethnicity","onUpdate:modelValue":o[7]||(o[7]=t=>s.formResponses.ethnicity=t),name:"ethnicity",class:"form-select rounded-none w-full text-sm text-nevada"},[De,(l(!0),i(c,null,m(s.demographic.ethnicity,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,Ie))),128))],512),[[u,s.formResponses.ethnicity]])])])]),e("div",Te,[e("div",null,[Be,e("div",Ce,[r(e("select",{id:"disability","onUpdate:modelValue":o[8]||(o[8]=t=>s.formResponses.disability=t),name:"disability",class:"form-select rounded-none w-full text-sm text-nevada"},[Me,(l(!0),i(c,null,m(s.demographic.disability,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,Ee))),128))],512),[[u,s.formResponses.disability]])])]),e("div",null,[e("label",{for:"disabilityImpact",class:y(["text-xs mb-1 block",n.hasDisability?"text-gray-800":"text-gray-500"])}," Disability impact ",2),e("div",Ue,[r(e("select",{id:"disabilityImpact","onUpdate:modelValue":o[9]||(o[9]=t=>s.formResponses.disabilityImpact=t),name:"disabilityImpact",disabled:!n.hasDisability,class:"form-select rounded-none w-full text-sm text-nevada"},[Ve,(l(!0),i(c,null,m(s.demographic.disabilityImpact,(t,a)=>(l(),i("option",{key:a,value:t.value},p(t.text),9,Le))),128))],8,Qe),[[u,s.formResponses.disabilityImpact]])])])])],64)),n.hasSeenDemographicQuestions?x("",!0):(l(),i("div",We,Ae)),e("div",qe,[e("div",null,[Oe,e("div",Fe,[r(e("select",{id:"questionsRelevant","onUpdate:modelValue":o[10]||(o[10]=t=>s.fieldTestingQuestions.questionsRelevant=t),name:"questionsRelevant",class:"form-select rounded-none w-full text-sm text-nevada"},Ge,512),[[u,s.fieldTestingQuestions.questionsRelevant]])])]),e("div",null,[Ke,e("div",Je,[r(e("select",{id:"difficultyLevelCorrect","onUpdate:modelValue":o[11]||(o[11]=t=>s.fieldTestingQuestions.difficultyLevelCorrect=t),name:"difficultyLevelCorrect",class:"form-select rounded-none w-full text-sm text-nevada"},tt,512),[[u,s.fieldTestingQuestions.difficultyLevelCorrect]])])]),e("div",null,[st,r(e("input",{id:"age","onUpdate:modelValue":o[12]||(o[12]=t=>s.fieldTestingQuestions.yearsOfExperience=t),type:"number",min:"0",max:"100",step:"1",placeholder:"Years of experience",class:"form-input rounded-none w-full text-sm placeholder-nevada mt-1"},null,512),[[h,s.fieldTestingQuestions.yearsOfExperience,void 0,{number:!0}]])])]),e("div",ot,[lt,e("div",it,[r(e("select",{id:"accessibility","onUpdate:modelValue":o[13]||(o[13]=t=>s.fieldTestingQuestions.accessibility=t),name:"accessibility",class:"form-select rounded-none w-full text-sm text-nevada"},ut,512),[[u,s.fieldTestingQuestions.accessibility]])])]),e("div",ct,[e("label",{for:"accessibilityIssue",class:y(["text-xs mb-1 block",n.hasAccessibilityIssue?"text-gray-800":"text-gray-400"])}," Please explain the accessibility issue ",2),r(e("textarea",{"onUpdate:modelValue":o[14]||(o[14]=t=>s.fieldTestingQuestions.accessibilityIssue=t),maxlength:"280",disabled:!n.hasAccessibilityIssue,placeholder:"What accessibility issue or issues did you experience with this test?",class:y(["block w-full border border-silver bg-white focus:outline-none focus:bg-white focus:border-0 text-gray-900 rounded-sm px-2 py-4 md:py-2 text-sm resize-none placeholder-gray-400",n.hasAccessibilityIssue?"placeholder-nevada":"placeholder-gray-400"])},null,10,mt),[[h,s.fieldTestingQuestions.accessibilityIssue]])])]),e("div",pt,[s.dataSubmitted?(l(),i("p",ft," Thank y

1ou 👍 ")):(l(),v(g,{key:0,label:"Submit",disabled:s.dataSubmitted,loading:s.processing,onClick:C(n.submitData,["prevent"])},null,8,["disabled","loading","onClick"]))])])]),_:1},8,["show"])}const gt=w(z,[["render",yt]]);export{gt as default};