https://yaqeeninstitute.ca/_next/static/chunks/pages/compass/quiz-6cd6d210f2edb5bf.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="354ceba3-d480-471d-80c7-75c67c42e3be",e._sentryDebugIdIdentifier="sentry-dbid-354ceba3-d480-471d-80c7-75c67c42e3be")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5572],{75096:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/compass/quiz",function(){return s(77644)}])},77644:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>Y});var r=s(66284),l=s(14232),n=s(14742),o=s(35214),i=s(2527),a=s(32984),c=s(18012),d=s(38369),u=s(75625),h=s(89874),g=s(65083),b=s(8218),x=s(52037),p=s(95311),m=s(69174),y=s(37876);let f=e=>{let{isOpen:t,onAgree:s}=e;return(0,y.jsx)(p.so,{children:(0,y.jsx)(m.lG,{title:"Before you see the results",isOpen:t,children:(0,y.jsxs)("div",{className:"bg-white max-w-xl pt-8 pb-6 px-6 mx-auto min-w-full w-screen rounded-lg xl:h-full overflow-auto",children:[(0,y.jsxs)("div",{className:"pb-6",children:[(0,y.jsx)(m.DZ,{color:"text-endeavour-500",fontSize:"text-3xl",weight:"font-semibold",lineHeight:"leading-9",children:"Before you see your results, remember..."}),(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"py-6 text-center",children:(0,y.jsx)(m.EY,{fontSize:"text-5xl",fontFamily:"font-geeza-pro",lineHeight:"leading-6",children:"الله أعلم"})}),(0,y.jsx)(m.EY,{as:"p",color:"text-grey-800",fontSize:"text-sm",children:"The purpose of these results is only to help you make sense of where you stand and to point to Yaqeen resources which may be most helpful for you. Only Allah truly knows your journey and your status with Him."})]})]}),(0,y.jsx)("div",{className:"flex justify-center",children:(0,y.jsx)(m.$n,{onPress:s,className:"bg-carrot-500 px-4 py-3 rounded",children:(0,y.jsx)(m.EY,{as:"p",color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",lineHeight:"leading-tight",children:"I agree"})})})]})})})},v=()=>(0,y.jsxs)("div",{children:[(0,y.jsx)("div",{className:"mb-1",children:(0,y.jsx)(m.DZ,{fontSize:"text-3xl",weight:"font-semibold",color:"text-endeavour-500",align:"text-center",lineHeight:"leading-9",children:"Welcome to Yaqeen Institute"})}),(0,y.jsx)(m.EY,{as:"p",color:"text-grey-800",fontSize:"text-sm",className:"text-center",lineHeight:"leading-5",children:"Sign up to view your results and track your progress"}),(0,y.jsx)("div",{className:"border-b-4 border-carrot-500 w-10 pt-4 mx-auto"})]}),j=e=>{let{isOpen:t,nextSurveyOn:s}=e;return(0,y.jsx)(p.so,{children:(0,y.jsx)(m.lG,{title:"Survey taken already",isOpen:t,children:(0,y.jsxs)("div",{className:"bg-white max-w-xl py-4 px-6 mx-auto min-w-full w-screen rounded-lg xl:h-full overflow-auto",children:[(0,y.jsxs)("div",{className:"pb-6",children:[(0,y.jsx)(m.DZ,{color:"text-grey-900",fontSize:"text-2xl",weight:"font-bold",children:"You have already taken the survey!"}),(0,y.jsx)("div",{className:"border-b border-grey-200 my-2"}),(0,y.jsxs)(m.EY,{as:"p",children:["You'll be able to retake it on ",s,". Head over to the dashboard to see your previous scores."]})]}),(0,y.jsx)(m.$n,{onPress:()=>{(0,c.$s)("quiz_already_taken","click"),d.A.push("/dashboard/compass")},className:"bg-carrot-500 px-4 py-2 rounded ",children:(0,y.jsx)(m.EY,{as:"p",color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",lineHeight:"leading-tight",children:"Go to Dashboard"})})]})})})},w=e=>{var t;let{onSubmit:s,register:r,errors:l}=e;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"mb-1",children:(0,y.jsx)(m.DZ,{level:1,color:"text-endeavour-500",fontSize:"xl:text-3xl text-xl",weight:"font-bold",children:"Let’s get started"})}),(0,y.jsx)(m.EY,{as:"p",color:"text-grey-800",children:"Help us understand who you are by completing this section."}),(0,y.jsx)("div",{className:"mt-3 mb-6 border-b border-grey-200"}),(0,y.jsxs)("form",{method:"post",onSubmit:s,children:[(0,y.jsx)("div",{className:"w-full mb-6",children:(0,y.jsx)(m.z6,{name:"gender",label:"Gender",labelClassName:"block text-grey-900 font-semibold mb-2",children:(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsx)(m.sx,{ref:r({required:!0}),value:"Male",children:"Male"}),(0,y.jsx)(m.sx,{ref:r({required:!0}),value:"Female",children:"Female"})]})})}),(0,y.jsx)(m.EY,{color:"text-grey-900",weight:"font-semibold",className:"mb-2",as:"p",children:"Year of Birth"}),(0,y.jsx)(m.A_,{ref:r({required:"Enter your year of birth",maxLength:{value:4,message:"Invalid year of birth"},min:{value:1903,message:"Year of birth can't be less than 1903"},max:{value:new Date().getFullYear(),message:"Invalid year of birth"}}),name:"yob",validationState:l.yob?"invalid":"valid",validationMsg:l.yob?null==(t=l.yob)?void 0:t.message:"",type:"number",placeholder:"e.g. 1980",inputClassName:"appearance-none block w-64 xl:w-80 text-grey-900 placeholder-grey-800 border border-grey-300 py-3 px-4 leading-tight focus:outline-none focus:bg-white"}),(0,y.jsx)("div",{id:"submit",className:"mt-6",children:(0,y.jsx)(m.$n,{type:"submit",className:"bg-carrot-500 py-3 px-4 roun

1ded",children:(0,y.jsx)(m.EY,{color:"text-white",weight:"font-bold",letterSpacing:"tracking-tight-1",children:"Next"})})})]})]})};var S=s(67579),N=s(75261),O=s(6143);function $(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function _(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?$(Object(s),!0).forEach(function(t){(0,r.A)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):$(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}let k=()=>{if(!(0,O.pK)())return null;let e=localStorage.getItem("surveyData");return e?JSON.parse(e):null},E=()=>{(0,O.pK)()&&localStorage.removeItem("surveyData")},D=e=>Object.keys(h._).map(t=>{var s;return null==(s=e[t])?void 0:s.length}).filter(e=>e>0).length,Y=()=>{let{0:e,1:t}=(0,l.useState)(!1),{register:s,handleSubmit:r,errors:h}=(0,u.mN)(),{firebaseAuth:{initAuth:p,setIsDismissable:m,setModalHeader:$,onCloseLoginModal:Y}}=(0,g.m9)(),I=(0,n.T)({}),z=(0,n.T)({}),{0:A,1:P}=(0,l.useState)(0),{0:H,1:q}=(0,l.useState)({}),{0:T,1:C}=(0,l.useState)(!0),{addSurvey:F,isEligible:L,nextDate:Z,isLoading:B,latestResponse:M}=(0,i.w)(),[G]=(0,b.As)(a.jO.auth()),{0:W,1:K}=(0,l.useState)(!1),{0:J,1:X}=(0,l.useState)(!1);(0,l.useEffect)(()=>{return J&&e(),()=>{m(!0),Y()};async function e(){let e=k()||H,t=D(e);console.debug(`disclaimerAccepted: sectionsAnswered: ${t} | totalSections: ${o.v$}`);let s=await F(e);s&&G.email&&(0,N.Bx)(G.email,(0,N.ZL)((0,N.pN)(e))),E(),d.A.push(s?`/compass/result?submissionId=${s}`:"/compass/result")}},[J]),(0,l.useEffect)(()=>{if(console.debug(`wait:${W} | u:${!!G} | ${A}==${o.v$}`),W&&G&&A===o.v$)Y(),t(!1),z.open();else if(0===A){console.debug(`user: ${!!G} | currentSection: ${A}`,H);let s=k();if(!s||D(s)!=o.v$)return;G?e():(m(!1),$(v),p(),K(!0),t(!0))}async function e(){t(!0);let e=k()||H,s=D(e);if(console.debug(`sectionsAnswered: ${s} | totalSections: ${o.v$}`),0===s)return void t(!1);if(s===o.v$)if(J){console.debug(`adding survey userId: ${G.uid}`);let t=await F(e);G.email&&(0,N.Bx)(G.email,(0,N.ZL)((0,N.pN)(e))),E(),d.A.push(t?`/compass/result?submissionId=${t}`:"/compass/result")}else console.debug("Disclaimer not yet accepted"),z.open(),t(!1),C(!1)}},[G,A,H,W]),(0,l.useEffect)(()=>{if(L&&!B&&0===A){let e=k();e?(console.debug("loading survey",e),q(e)):Q()&&R()}L||B?(I.close(),Q()&&R()):I.open()},[L,B]);let Q=()=>(null==M?void 0:M.yob)&&(null==M?void 0:M.gender)&&0===A,R=()=>{console.debug("skipping user details"),U({yob:M.yob,gender:M.gender})};(0,l.useEffect)(()=>{setTimeout(()=>window.scrollTo({top:0,behavior:"smooth"}),500)},[A]);let U=async e=>{q(e),(0,c.$s)("start_page_button","click"),P(A+1),E()},V=async e=>{let s=_(_({},H),{[o.Hm[A-1].value]:(0,N.yY)(e)});if(q(s),(0,c.$s)(`section_${A}_button`,"click"),A<o.v$&&P(A+1),A===o.v$)if(null===G)console.debug("saving surveyData"),(0,O.pK)()&&localStorage.setItem("surveyData",JSON.stringify(s)),m(!1),$(v),p(),K(!0),t(!0);else z.open()};return e||B?(0,y.jsx)(g.p8,{}):(0,y.jsx)(S.MainWebLayout,{metatag:{title:"Yaqeen Compass Quiz"},children:(0,y.jsx)("div",{className:"bg-grey-50 xl:pb-20",children:(0,y.jsxs)(S.MainWebContentLayout,{maxWidth:"max-w-5xl",className:"bg-white xl:pt-10 pt-6 pb-20 xl:px-20",children:[(0,y.jsx)(j,{isOpen:I.isOpen,nextSurveyOn:Z.toDateString()}),(0,y.jsx)(f,{isOpen:z.isOpen,onAgree:()=>{X(!0),t(!0),(0,c.$s)("disclaimer_agree","click")}}),0===A&&(0,y.jsx)(w,{onSubmit:r(U),register:s,errors:h}),A>0&&T&&(0,y.jsx)(x.ot,{currentSection:A,totalSections:o.v$,onSubmit:r(V),register:s})]})})})}}},e=>{e.O(0,[5123,1510,2697,4740,1502,4587,2682,6241,5542,3822,5807,3971,7541,636,6593,8792],()=>e(e.s=75096)),_N_E=e.O()}]);