https://platform.motion.org.uk/_next/static/chunks/pages/wellbeing/games/quizzical-8c6b46291036dbbf.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="69ab5dad-1a77-4927-aa26-8ccdd74d5bb6",e._sentryDebugIdIdentifier="sentry-dbid-69ab5dad-1a77-4927-aa26-8ccdd74d5bb6")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6768],{693:(e,t,i)=>{"use strict";i.d(t,{X:()=>o});var n=i(28475);let s=["abort fetching component for route","cancel rendering route","loading initial props cancelled","route cancelled"],o=({error:e,context:t,destination:i})=>{console.error(t?`[${t}] Navigation failed:`:"Navigation failed:",e),(e=>{if(e instanceof DOMException&&"AbortError"===e.name)return!0;if(e instanceof Error){let t=e.message.toLowerCase();return s.some(e=>t.includes(e))}return!1})(e)||(0,n.Cp)(e,{tags:{feature:"navigation"},extra:{...t?{context:t}:{},...i?{destination:i}:{}}})}},4705:(e,t,i)=>{"use strict";i.d(t,{kJ:()=>o,xW:()=>a,xe:()=>u});var n=i(65663),s=i.n(n);let o="/wellbeing/login",r=[o,"/wellbeing/reset-password","/wellbeing/new-password"],a=e=>{let t=e.length>1&&e.endsWith("/")?e.slice(0,-1):e;return r.some(e=>t===e||t.startsWith(`${e}/`))},u=e=>{let t=i=>{i.startsWith(o)&&(e.clear(),s().events.off("routeChangeComplete",t))};s().events.on("routeChangeComplete",t)}},7123:(e,t,i)=>{"use strict";i.d(t,{B:()=>s});var n,s=((n={}).OwnUser="own_user",n.OwnOrganisation="own_organisation",n.PeopleWeSupport="people_we_support",n.Users="users",n.Organisations="organisations",n.Organisation="organisation",n.ActivitiesCatalog="activities_catalog",n.CompletedActivities="completed_activities",n.FamilyMembers="family_members",n.RelationshipTypes="relationship_types",n.OutcomeTailoringCategories="outcome_tailoring_categories",n.OutcomeTailoringOutcomes="outcome_tailoring_outcomes",n.PersonWeSupportOutcomes="person_we_support_outcomes",n.TailoredActivities="tailored_activities",n.PersonWeSupportCompletedActivities="person_we_support_completed_activities",n.UserCreatedActivities="user_created_activities",n.EasyReadSymbolAssets="easy_read_symbol_assets",n)},7150:e=>{e.exports={gameWindow:"window_gameWindow__W4a_L",makeWindowActive:"window_makeWindowActive__K4hCZ",activeButton:"window_activeButton__tRWOC",makeActive:"window_makeActive__siVaq",activeButtonActive:"window_activeButtonActive__G6FFe",buttons:"window_buttons__Xf2nM",text:"window_text__D_2I0"}},29704:(e,t,i)=>{"use strict";i.d(t,{W:()=>s});var n=i(425);let s=({userPermissions:e=[]}={})=>(0,n.ZU)({userPermissions:e,requiredPermission:n.Rd.CanViewNavItemHome})?"/wellbeing/dashboard":"/wellbeing/activities"},38741:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>m});var n=i(94513),s=i(65663);let o={src:"/_next/static/media/blob.672ea62a.png",height:733,width:846,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAJ1BMVEXr+vZMaXHx//zv/Pno+vXt+vft+/fp+PDp+vXw+/ns+vf6///s+/dqDq90AAAADXRSTlP8AP7hRJDTEWTttP/+03eg1AAAAAlwSFlzAAALEgAACxIB0t1+/AAAADNJREFUCJkVx8kRADAIA7E1kNP0X28mPwntSZbEduBcIoPGQ0D3F9P8HKodEb6obp451gMgrwEjgTeWxwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:7};var r=i(94285),a=i(38561),u=i(96465),l=i(45809),c=i(76550),d=i.n(c);function _(e){let t=e.question.options.map((t,i)=>{var s,o;return(0,n.jsx)("button",{dangerouslySetInnerHTML:{__html:t},onClick:t=>e.selectAnswer(t,e.id,i),style:(s=t,o=i,!0!==e.showAnswers?e.question.selected_answer===o?{backgroundColor:"#D6DBF5"}:{backgroundColor:"#F5F7FB"}:e.question.correct_answer===s?{backgroundColor:"#94D7A2"}:e.question.selected_answer===o?{backgroundColor:"#F8BCBC"}:{backgroundColor:"#F5F7FB"}),disabled:e.showAnswers,className:d().quizContainerQuestionOptionsContainerOption},i)});return(0,n.jsxs)("div",{className:d().quizContainerQuestion,children:[(0,n.jsxs)("h3",{className:d().quizContainerQuestionNumber,children:["Question ",e.id+1]}),(0,n.jsx)("h1",{className:d().quizContainerQuestionTitle,dangerouslySetInnerHTML:{__html:e.question.question}}),(0,n.jsx)("div",{className:d().quizContainerQuestionOptionsContainer,children:t}),(0,n.jsx)("hr",{className:d().quizContainerQuestionDivider})]})}let m=()=>{let{hasRequiredPermission:e,isPermissionCheckLoading:t}=(0,l.a)({activityId:9203,context:"quizzical-game"}),[i,c]=r.useState(0),[m,p]=r.useState(!1),[b,g]=r.useState([]),[h,w]=r.useState(!1),[v,C]=r.useState("playing"),A=()=>{fetch("https://opentdb.com/api.php?amount=10&category=22&difficulty=easy&type=multiple").then(e=>e.json()).then(e=>{e.results&&Array.isArray(e.results)?g(e.results.map(function(e){return{question:e.question,options:e.incorrect_answers.concat([e.correct_answer]).map(e=>({value:e,sort:Math.random()})).sort((e,t)=>

1e.sort-t.sort).map(({value:e})=>e),selected_answer:void 0,correct_answer:e.correct_answer}})):console.error("Unexpected data structure:",e)}).catch(e=>{console.error("Fetch error:",e)})};function z(){C("playing"),p(!1),w(!1),A()}function x(e,t,i){g(function(e){return b.map(function(e,n){return t===n?{...e,selected_answer:i}:e})})}r.useEffect(()=>{A()},[]);let f=(0,s.useRouter)();r.useEffect(()=>{for(var e=0,t=0;t<b.length;t++)void 0!==b[t].selected_answer&&b[t].options[b[t].selected_answer]===b[t]?.correct_answer&&e++;c(e)},[m]),r.useEffect(()=>{w(b.every(e=>void 0!==e.selected_answer))},[b]);let q=b.map(function(e,t){return(0,n.jsx)(_,{question:e,showAnswers:m,selectAnswer:x,id:t},t)});return t||!e?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:d().app,children:[(0,n.jsx)(u.N,{game:{id:1,name:"Quizzical",description:"A Quiz Game",instructions:"Test your knowledge with our quiz. Answer the questions to the best of your ability. Good luck!",link:"/wellbeing/games/quizzical"},onRestart:()=>{f.reload()},onResume:()=>{}}),(0,n.jsxs)("div",{className:d().quizContainer,children:[q,"playing"===v&&(0,n.jsx)("button",{className:d().button,disabled:!h,onClick:function(){C("finished"),p(!0)},children:"Check answers"}),"finished"===v&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:d().overlay,children:(0,n.jsx)(a.A,{})}),(0,n.jsxs)("div",{className:d().buttonContainer,children:[(0,n.jsx)("h3",{className:d().buttonContainerScore,children:"You scored "+i+"/10 correct answers"}),(0,n.jsx)("button",{className:d().button,onClick:z,children:"Play Again"}),(0,n.jsx)("button",{className:d().button,onClick:()=>C("reviewing"),children:"Review Answers"})]})]}),"reviewing"===v&&(0,n.jsx)("button",{className:d().button,onClick:z,children:"Play Again"})]})]}),(0,n.jsx)("img",{className:d().blob1,src:o,alt:""}),(0,n.jsx)("img",{className:d().blob2,src:o,alt:""})]})}},45758:e=>{e.exports={button:"theme_button__uYvTy",dangerButton:"theme_dangerButton__XC1Ho",Gobutton:"theme_Gobutton__EtoGS",bigButton:"theme_bigButton__hJB9_",smallButton:"theme_smallButton___FMjH"}},45809:(e,t,i)=>{"use strict";i.d(t,{a:()=>u});var n=i(425),s=i(94285),o=i(87825),r=i(56666),a=i(88671);let u=({activityId:e,context:t})=>{let{hasRequiredPermission:i,isPermissionCheckLoading:u}=(0,o.K)({permissionRequirement:n.iX,context:t}),l=(0,a.u)(),c=(0,s.useRef)(!1),{userHasPermissions:d}=(0,r.v)(),_=d(n.Tv);return(0,s.useEffect)(()=>{!u&&i&&_&&!c.current&&(c.current=!0,l.mutate({activityId:e}))},[e,_,l,i,u]),{hasRequiredPermission:i,isPermissionCheckLoading:u}}},46675:(e,t,i)=>{"use strict";i.d(t,{V:()=>l});var n=i(23090),s=i(52111),o=i(96539),r=i(80013),a=i(67848);let u=async()=>{let{data:e}=await r.n.get("/users/current");return e},l=()=>(0,s.useQuery)(a.i.current,u,{staleTime:o.jU,refetchOnWindowFocus:!1,retry:(e,t)=>(!n.A.isAxiosError(t)||t.response?.status!==401)&&e<3})},56666:(e,t,i)=>{"use strict";i.d(t,{v:()=>r});var n=i(425),s=i(94285),o=i(46675);let r=()=>{let{data:e}=(0,o.V)(),t=e?.userType,i=e?.userPermissions??[],r=e?.userId,a=(0,s.useCallback)(t=>void 0!==e&&(0,n.ZU)({userPermissions:i,requiredPermission:t}),[e,i]),u=(0,s.useCallback)(({requiredPermissions:t,match:s})=>void 0!==e&&(0,n.kU)({userPermissions:i,requiredPermissions:t,match:s}),[e,i]);return{userType:t,userPermissions:i,userId:r,userHasPermission:a,userHasPermissions:u}}},67848:(e,t,i)=>{"use strict";i.d(t,{i:()=>s});var n=i(7123);let s={all:[n.B.OwnUser],current:[n.B.OwnUser,"current"]}},71197:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/wellbeing/games/quizzical",function(){return i(38741)}])},76550:e=>{e.exports={startContainer:"quizzical_startContainer__dhoB_",startContainerTitle:"quizzical_startContainerTitle__uldsI",startContainerSubtitle:"quizzical_startContainerSubtitle__3hd5_",startContainerButton:"quizzical_startContainerButton__EoyXT",quizContainer:"quizzical_quizContainer__oKw6G",quizContainerQuestion:"quizzical_quizContainerQuestion__hYtxD",quizContainerQuestionTitle:"quizzical_quizContainerQuestionTitle__x1cRu",quizContainerQuestionOptionsContainer:"quizzical_quizContainerQuestionOptionsContainer__IdKGo",quizContainerQuestionOptionsContainerOption:"quizzical_quizContainerQuestionOptionsContainerOption__cbLWN",buttonContainer:"quizzical_buttonContainer__gpSWO",overlay:"quizzical_overlay__Df0Pl",buttonContainerScore:"quizzical_buttonContainerScore__HpErO",button:"quizzical_button__x0mND",quizContainerQuestionDivider:"quizzical_quizContainerQuestionDivider__tSz5i",blob1:"quizzical_blob1__rMHRv",blob2:"quizzical_blob2__TxDRP"}},80013:(e,t,i)=>{"use strict";i.d(t,{n:()=>o});var n=i(23090),s=i(4705);let o=n.A.create({baseURL:"https://api.motion.org.uk",headers:{Accept:"application/json","Content-Type":"application/json"},withCredentials:!0});o.interceptors.request.use(e=>(e.baseURL="https://api.motion.org.uk",e.data instanceof FormData&&delete e.headers["Content-Type"],e)),o.interceptors.response.use(e=>e,e=>{let t=e?.response?.status===401,i=e?.response?.message==="token expired"||e?.response?.data==="Unauthorized"||e?.response?.data?.message==="Authentication required";return t&&i&&((0,s.xW)(window.location.pathname)||(window.location.href="/wellbeing/login")),Promise.reject(e)})},87825:(e,t,i)=>{"use strict";i.d(t,{K:()=>l});

1var n=i(65663),s=i(94285),o=i(56666),r=i(46675),a=i(29704),u=i(693);let l=({permissionRequirement:e,context:t})=>{let i=(0,n.useRouter)(),{isLoading:l}=(0,r.V)(),{userHasPermissions:c,userPermissions:d}=(0,o.v)(),_=c(e);return(0,s.useEffect)(()=>{if(!l&&!_){let e=(0,a.W)({userPermissions:d});i.replace(e).catch(i=>(0,u.X)({error:i,context:t,destination:e}))}},[t,_,l,e,i,d]),{hasRequiredPermission:_,isPermissionCheckLoading:l}}},88671:(e,t,i)=>{"use strict";i.d(t,{u:()=>r});var n=i(52111),s=i(7123),o=i(80013);let r=()=>{let e=(0,n.useQueryClient)();return(0,n.useMutation)(e=>o.n.post("/activities/complete",e),{onSuccess:()=>{e.invalidateQueries([s.B.CompletedActivities])}})}},96465:(e,t,i)=>{"use strict";i.d(t,{N:()=>m});var n=i(94513),s=i(27988),o=i.n(s),r=i(65663),a=i(94285),u=i(45758),l=i.n(u),c=i(88214),d=i(7150),_=i.n(d);let m=({game:e,onRestart:t,onResume:i})=>{let[s,u]=(0,a.useState)(!1),d=(0,r.useRouter)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:`${_().makeActive} ${s?_().activeButtonActive:""}`,children:(0,n.jsx)("button",{className:_().activeButton,onClick:()=>u(!s),children:">"})}),(0,n.jsxs)("div",{className:`${_().gameWindow} ${s?_().makeWindowActive:""}`,children:[(0,n.jsxs)("div",{className:_().text,children:[(0,n.jsx)(o(),{children:(0,n.jsx)("title",{children:`${e.name} | ${c.o.site_name??""}`})}),(0,n.jsx)("h1",{children:e.name}),(0,n.jsx)("p",{children:e.description}),(0,n.jsx)("p",{children:e.instructions})]}),(0,n.jsxs)("div",{className:_().buttons,children:[(0,n.jsx)("button",{className:`${l().bigButton} ${l().dangerButton}`,onClick:()=>d.push("/wellbeing/activities/?filter=Games"),children:"Exit"}),(0,n.jsx)("button",{className:`${l().bigButton} ${l().button}`,onClick:()=>{u(!1),t()},children:"Restart"}),(0,n.jsx)("button",{className:`${l().bigButton} ${l().Gobutton}`,onClick:()=>{u(!1),i()},children:"Resume"})]})]})]})}}},e=>{e.O(0,[3090,636,6593,8792],()=>e(e.s=71197)),_N_E=e.O()}]);