https://www.runnersworld.de/_next/static/chunks/articleinlinequiz.60a91451b740056a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11803],{1163:(e,t,s)=>{"use strict";let r;s.r(t),s.d(t,{InlineQuiz:()=>Y,default:()=>ee});var i=s(6029),l=s(55729),a=s(32988),n=s.n(a);let o=({questions:e,activeIndex:t})=>{let s=null!=e;return(0,i.jsxs)("div",{className:"va-quiz-progress flex justify-between items-center mb-2",children:[(0,i.jsx)("div",{className:"flex items-center space-x-2",children:s&&e.map((e,s)=>(0,i.jsx)("span",{className:n()("va-quiz-progress-dot block rounded-full",s<t&&"va-quiz-progress-dot--done bg-skin-grey-dark",s===t?"va-quiz-progress-dot--active h-px-9 w-px-9 bg-skin-primary":"h-px-6 w-px-6",s>t&&"bg-skin-grey-medium")},`quiz-progress-${s}`))}),(0,i.jsxs)("span",{className:"va-quiz-progress-text block -mt-0.5 ml-5 font-skin-primary text-base font-bold leading-none",children:[(t??0)+1," von ",e?.length??0," Fragen"]})]})};var c=s(31332);let u=({headline:e,questions:t,activeIndex:s})=>(0,i.jsxs)("div",{className:"va-quiz-header",children:[(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(c.Headline,{type:"article",size:"medium",headline:e,isDarkMode:!0})}),(0,i.jsx)(o,{activeIndex:s,questions:t})]});var d=s(25667),m=s.n(d),x=s(70217),h=s(42704),p=s.n(h),g=s(66783),b=s.n(g),v=s(41498);let f=({answer:e,isCorrect:t,label:s,number:r,type:l})=>{let a="trivia"===l,o="absolute top-1/2 right-2.5 w-px-20 h-px-20 -translate-y-1/2";return(0,i.jsxs)("div",{className:"va-quiz-result flex py-4 border-b border-skin-grey-medium border-solid",children:[(0,i.jsxs)("span",{className:"va-quiz-result-number w-px-100 block font-skin-primary text-base font-bold",children:["Frage ",r+1,":"]}),(0,i.jsxs)("div",{className:"va-quiz-result-answer flex-1 px-2.5 pt-1 font-skin-primary",children:[(0,i.jsx)("span",{className:"va-quiz-result-answer__label mb-2.5 block",children:(0,i.jsx)(x.Text,{isDarkMode:!0,size:"medium",dangerouslySetInnerHTML:{__html:s}})}),(0,i.jsxs)("span",{className:n()("rounded-lg block relative py-2.5",a&&"px-2.5 pr-10",a&&(t?m().correct:m().error)),children:[(0,i.jsx)(x.Text,{isDarkMode:!0,size:"medium",dangerouslySetInnerHTML:{__html:e}}),a&&(0,i.jsx)(i.Fragment,{children:t?(0,i.jsx)(v.B,{src:p(),className:n()(o,"text-skin-ok-check")}):(0,i.jsx)(v.B,{src:b(),className:n()(o,"text-skin-error")})})]})]})]})};var k=s(81163);let w=({answeredQuestions:e,type:t,restart:s})=>"personality"!==t&&e&&e.length?(0,i.jsxs)("div",{className:"va-quiz-result-overview px-4 lg:px-0 mb-9",id:"Evaluation",children:[(0,i.jsx)("div",{className:"pt-4 mb-2.5 border-t border-skin-grey-medium border-solid",children:(0,i.jsx)(c.Headline,{headline:"Auswertung",size:"medium",isDarkMode:!0})}),e.map((e,s)=>(0,i.jsx)(f,{label:e.question,answer:e.givenAnswer,isCorrect:e.isCorrect,number:s,type:t},`answer-${s}`)),(0,i.jsx)("div",{className:"pt-5 pb-4 text-center",children:(0,i.jsx)(k.Button,{onClick:s,text:"Nochmal versuchen"})})]}):null;var j=s(58376),y=s(10548),_=s.n(y),z=s(92476),q=s(58057),N=s(2978),A=s.n(N),C=s(4296),I=s.n(C),T=s(74286),$=s.n(T),S=s(46064),M=s.n(S);let E=e=>{e&&window.open(`${e}${location.href}`,"sharer","width=600,height=600")},H=({className:e="",headline:t,shareTextWithLink:s,shareTextWithoutLink:r})=>{let l="va-quiz-share-item block cursor-pointer h-8 w-8";return(0,i.jsxs)("div",{className:n()("va-quiz-share",e),children:[(0,i.jsx)("div",{className:"mb-2.5",children:(0,i.jsx)(c.Headline,{size:"medium",headline:t,isDarkMode:!0})}),(0,i.jsxs)("div",{className:"va-quiz-share-inner flex items-center space-x-4",children:[(0,i.jsx)(z.Ay,{className:n()("va-quiz-share-item--fb",l),onClick:()=>{E("https://www.facebook.com/sharer/sharer.php?u=")},children:(0,i.jsx)(q.Ay,{src:A(),className:"w-full"})}),(0,i.jsx)(z.Ay,{className:n()("va-quiz-share-item--twitter",l),onClick:()=>{E(`https://twitter.com/intent/tweet?text=${r}u=`)},children:(0,i.jsx)(q.Ay,{src:I(),className:"w-full"})}),(0,i.jsx)(z.Ay,{className:n()("va-quiz-share-item--WA",l),onClick:()=>{E(`https://api.whatsapp.com/send?text=${r}`)},children:(0,i.jsx)(q.Ay,{src:$(),className:"w-full"})}),(0,i.jsx)(z.Ay,{className:n()("va-quiz-share-item--mail",l),onClick:()=>{window.location.href="mailto:?body="+s},children:(0,i.jsx)(q.Ay,{src:M(),className:"w-full"})})]})]})};var L=s(38252);let R={underline:e=>`<u>${e}</u>`,strong:e=>`<strong>${e}</strong>`,strikethrough:e=>`<del>${e}</del>`,superscript:e=>`<sup>${e}</sup>`},D=e=>{if(!e)return"";if("hard_break"===e.type)return"<br>";let t=e.text||"";if(!e.marks||!e.marks.length)return t;

1e.marks.forEach(e=>{let s=R[e?.type];s&&(t=s(t))});let s=e.marks.find(e=>e?.type==="link");return s?.attrs?.href&&(t=`<a href="${s.attrs.href}" style="cursor:pointer"><u>${t}</u></a>`),t},B=e=>(e||[]).map(D).join(""),F=e=>(e||[]).map(e=>B(e.content)).join("<br>"),Q=e=>{let t=(e?.content||[]).map(e=>`<td>${F(e.content)}</td>`).join("");return t?`<tr>${t}</tr>`:""},J=e=>e?.type==="paragraph"&&!!e.content?.[0]?.marks?.some(e=>e?.type==="link"),U=(e,t={})=>{if(!e||!e.type)return"";if("table"===e.type){let t=(e.content||[]).map(Q).join("");return t?`<table><tbody>${t}</tbody></table>`:""}if("bullet_list"===e.type||"ordered_list"===e.type){let t="bullet_list"===e.type?"ul":"ol",s=(e.content||[]).map(U).join("");return s?`<${t}>${s}</${t}>`:""}if("list_item"===e.type)return`<li>${F(e.content)}</li>`;let s=B(e.content);if(!s)return"";if("heading"===e.type){let t=e.attrs?.level||3;return`<h${t}>${s}</h${t}>`}let r=[t.isRow&&_().linkRow,t.isTight&&_().linkRowTight].filter(Boolean);return`<p${r.length?` class="${r.join(" ")}"`:""}>${s}</p>`},W=({results:e,rightAnswers:t,maxIndex:s,type:r,headline:a,referrerMessage:o,portal:u,typeAnswerCount:d,quizData:m,message:h,restart:p})=>{let g=(0,l.useContext)(L.HP),[b,v]=(0,l.useState)(),[f,w]=(0,l.useState)(),j="personality"===r,y="storybook"===r,N="trivia"===r,A=(r,i=!1)=>{let l;if(N){let r=Math.floor(t/s*100);e.forEach(e=>{e?.resultMatch?.minMatch<=r&&e.resultMatch.maxMatch>=r&&(l=e)}),i&&K(g.apiHost,null,null,!1,r,m,s,t,h)}else if(y)l=e[0];else{let t,s=0;for(let e in d)d[e]>s&&(t=e,s=d[e]);let r=e=>(e||"").trim().toLowerCase();(l=e.find(e=>e.label===t)||e.find(e=>r(e.label)===r(t)))||!t||(l={label:t,resultTitle:t})}if(!l)return null;if("title"===r)return l.resultTitle;if("text"===r){var a;return((a=l.resultText)&&a.length?a.map((e,t)=>{let s=J(a[t-1]),r=J(a[t+1]),i=J(e)&&(s||r),l=J(e)&&r;return U(e,{isRow:i,isTight:l})}).join(""):"")||null}if("image"===r)return l&&l.image&&l.image._img?l.image._img.quizBackgroundImage:null;if("label"===r)return l.label;else if("linkText"===r)return l?.linkText||null;else if("link"===r)return l?.link||null;else return null},C=(e,i)=>{let l=o?.[r];if(!l)return;let n=[];return j?n=[a,u,i,e?"":window.location.href]:N&&(n=[a,u,t,s,e?"":window.location.href]),n&&n.forEach(e=>l=l.replace("%s",e)),encodeURI(l)};if((0,l.useEffect)(()=>{v(C(!1,A("label"))),w(C(!0,A("label")))},[]),!e||!e.length)return null;let I=A("image",!1),T=null!=I;return(0,i.jsxs)("div",{className:"va-quiz-answer mb-9",children:[(0,i.jsx)("div",{className:"px-4 lg:px-0 pb-5",children:(0,i.jsx)(c.Headline,{size:"medium",headline:a,type:"article",isDarkMode:!0})}),(0,i.jsxs)("figure",{className:n()("va-quiz-answer__image relative bg-skin-primary shadow-md",T&&"aspect-video"),children:[(0,i.jsx)(q.Ay,{className:"absolute top-0 left-0 w-full",sizes:[],src:I}),(0,i.jsx)("span",{className:"absolute bottom-0 left-0 w-full h-1/2 bg-gradient-to-b from-transparent to-skin-black",children:(0,i.jsx)("div",{className:n()("py-px-20 flex items-center font-semibold",T?"absolute bottom-0 left-0 w-full":"min-h-px-200"),children:"personality"!==r&&(0,i.jsx)("div",{className:"absolute inset-0 pb-5 pl-4 ",children:(0,i.jsx)(c.Headline,{headline:`${t} von ${s} Fragen richtig!`,size:"medium",isDarkMode:!0})})})})]}),(0,i.jsxs)("div",{className:"va-quiz-answer__text px-4 lg:px-0 mb-4",children:[(0,i.jsx)("div",{className:"py-5 mb-4 border-b border-skin-grey-medium border-solid",children:(0,i.jsx)(c.Headline,{headline:A("title",!1),size:"large",isDarkMode:!0})}),(0,i.jsxs)("div",{className:"mb-4",children:[A("text",!0)&&(0,i.jsx)(x.Text,{className:_().resultText,isDarkMode:!0,size:"normal",dangerouslySetInnerHTML:{__html:A("text",!0)}}),A("link")&&A("linkText")&&(0,i.jsx)("div",{className:"mt-4",style:{position:"relative",zIndex:999},children:(0,i.jsx)(z.Ay,{href:A("link"),target:"_blank",rel:"noreferrer",external:!0,style:{display:"inline-block",padding:"4px 0",textDecoration:"underline",fontWeight:"600",cursor:"pointer",position:"relative",zIndex:1e3},className:"text-skin-link",children:A("linkText")})})]}),(0,i.jsxs)("div",{className:"flex flex-wrap gap-2 pb-5 border-b border-skin-grey-medium border-solid",children:[(0,i.jsx)(k.Button,{text:"Nochmal versuchen",onClick:p,useZindex:!0}),"personality"!==r&&(0,i.jsx)(k.Button,{link:"#",onClick:()=>{document.getElementById("Evaluation").scrollIntoView()},text:"Zur Auswertung",useZindex:!0})]})]}),("trivia"===r||A("label"))&&(0,i.jsx)(H,{className:"px-4 lg:px-0",headline:"Jetzt teilen",shareTextWithLink:b,shareTextWithoutLink:f})]})};var Z=s(72152),O=s.n(Z);let P=({activeIndex:e,answeredQuestions:t,correctAnswerCount:s,isFirst:a,type:o,question:u,questionLength:d,quizData:m,setAnsweredQ:x,setCount:h,setIndex:g,setType:f,typeAnswerCount:k})=>{let w=(0,l.useContext)(L.HP),y=(0,j.z1)(),[_,z]=(0,l.useState)(!1),[N,A]=(0,l.useState)(null),C="personality"===o,I="trivia"===o,T=u?.image?._img?.quizBackgroun

1dImageMobile,$=null!=T,S="absolute top-1/2 right-2.5 w-px-20 h-px-20 -translate-y-1/2";return(0,i.jsx)("div",{className:n()("w-full transition-all duration-300 ease-in",a?"translate-x-0 opacity-100":"absolute translate-x-full opacity-0",_&&"absolute -translate-x-full opacity-0"),children:(0,i.jsxs)("div",{className:"va-quiz-slider-item",children:[(0,i.jsxs)("figure",{className:"va-quiz-slider-item__img aspect-video relative mb-4 bg-skin-primary shadow-md",children:[(0,i.jsx)(q.Ay,{className:"absolute left-0 top-0 w-full",sizes:[],src:T}),(0,i.jsx)("span",{className:"absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-b from-transparent to-skin-black",children:(0,i.jsx)("div",{className:n()("py-px-20 flex items-center font-semibold",$?"absolute bottom-0 left-0 w-full":"min-h-px-200"),children:(0,i.jsx)("div",{className:"absolute inset-x-0 bottom-0 pb-5 pl-4 text-skin-white",children:(0,i.jsx)(c.Headline,{headline:u?u.label:null,inverted:!0,size:"medium"})})})})]}),(0,i.jsx)("div",{className:"va-quiz-slider-item__answers",children:u&&u.answers&&u.answers.length&&u.answers.map((l,a)=>{let{isCorrect:o,label:c}=Array.isArray(l)?l[0]:l,j=null!=N,q=j&&N.label===c;return(0,i.jsx)("div",{className:"va-quiz-slider-item__answers-item boder-solid border-b "+O().borderColor,children:(0,i.jsxs)("span",{className:n()("block relative p-4 font-skin-primary text-base cursor-pointer "+O().textColor,!j&&"hover:bg-skin-grey-medium "+O().backgroundColor,I&&q&&(o?O().correct:O().incorrect)),onClick:i=>((i,l,a)=>{if(r||_)return;y.track("article.quiz.pageImpression");let n=a;Array.isArray(a)&&(n=a[0]);let o={question:u.label,givenAnswer:n.label,isCorrect:!!n.isCorrect};A(n),t.push(o),x(t),I?n.isCorrect?(i.target.classList.add("va-result-right"),h(s+1)):i.target.classList.add("va-result-right"):C&&(i.target.classList.add("va-answered"),u.weighting.forEach(e=>{e[0]&&(e=e[0]),e.answerNo==l+1&&(k[e.label]||(k[e.label]=0,f(k)),k[e.label]+=parseFloat(e.weight))})),K(w.apiHost,u.id,l,!0,null,m,d,s,null),r=setTimeout(()=>{z(!0),g(e+1),r=null},750)})(i,a,l),children:[c,I&&q&&(0,i.jsx)(i.Fragment,{children:o?(0,i.jsx)(v.B,{src:p(),className:n()(S,"text-skin-ok-check")}):(0,i.jsx)(v.B,{src:b(),className:n()(S,"text-skin-error")})})]})},`quiz-slider-${a}`)})})]})})};var V=s(83190);let K=(e,t,s,r,i,l,a,n,o)=>{let c={questionId:t,answerIndex:s,quizId:l._id,questionCount:a,correctAnswerCount:n};r&&(c.isSingleVote=!0),fetch(`${e}/quiz/vote`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)}).then(e=>e.json()).then(e=>{if(e.avgResult&&o)return e.avgResult>i?o.fail.replace("$s",e.avgResult-i):o.success.replace("$s",i-e.avgResult);return null}).catch(e=>(console.log("/quiz/vote Error:",e),null))},X=({quizData:e,questions:t,results:s,referrerMessage:r,portal:a,message:n,divId:o})=>{let[c,d]=(0,l.useState)(0),[m,x]=(0,l.useState)([]),[h,p]=(0,l.useState)(0),[g,b]=(0,l.useState)({}),v=(0,j.z1)(),f=(0,l.useContext)(L.HP),k=!1,y=()=>{d(0),x([]),p(0),b({}),window.setTimeout(()=>{let e=document.querySelector(".va-quiz-header");e&&e.scrollIntoView()},200),v.track("article.quiz.pageImpression")},_=async t=>{let s={quizId:e?.id,state:t},r=f.apiHost+"/quiz/track";await fetch(r,{method:"POST",credentials:"include",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(s)}).then(e=>{let t=e.json();return e.ok||console.error("Error::",JSON.stringify(t)),t}).catch(e=>{console.log("/quiz/vote err",e.response)})},z=()=>{let e=document?.getElementById(o);!k&&e&&(0,V.cH)(e)&&(k=!0,_("visited"))};return((0,l.useEffect)(()=>{1===c&&(v.track("article.quiz.cl"),_("started")),c===t.length&&(v.track("article.quiz.finish.cl"),_("completed"))},[c]),(0,l.useEffect)(()=>(window.addEventListener("scroll",z),()=>{window.removeEventListener("scroll",z)}),[]),e&&t?.length)?(0,i.jsx)("div",{children:c===t.length?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(W,{headline:e.refTitle,portal:a,results:s,rightAnswers:h,maxIndex:t.length,type:e.questionType,restart:y,referrerMessage:r,typeAnswerCount:g,quizData:e,message:n}),(0,i.jsx)(w,{answeredQuestions:m,type:e.questionType,restart:y})]}):(0,i.jsxs)("div",{className:"mb-6",children:[(0,i.jsx)("div",{className:"px-4 lg:px-0",children:(0,i.jsx)(u,{headline:e.refTitle,questions:t,activeIndex:c})}),(0,i.jsx)("div",{className:"va-quiz overflow-hidden",children:(0,i.jsx)("div",{className:"va-quiz__inner relative w-full",children:t.map((s,r)=>(0,i.jsx)(P,{question:s,quizData:e,questionLength:t.length,type:e.questionType,isFirst:r===c,setIndex:d,activeIndex:c,answeredQuestions:m,setAnsweredQ:x,correctAnswerCount:h,setCount:p,typeAnswerCount:g,setType:b},`quiz-slider-item-${s?._id}`))})})]})}):null};var G=s(23661);let Y=({quizData:e,questionData:t,resultData:s,referrerMessage:r,portal:l,message:a,divId:n,...o})=>e||t?.length?(0,i.jsx)(j.yI,{visible:!0,click:!1,name:"article.quiz",children:(0,i.jsx)("div",{...(0,G.h)("quiz"),id:n,children:(0,i.jsx)(X,{quizData:e,questions:t,results:s,referrerMessage:r,message:a,portal:l,divId:n})})}):null,ee=Y},10548:e=>

1{e.exports={"result-text":"quizAnswer_result-text__XWCoQ",resultText:"quizAnswer_result-text__XWCoQ","link-row":"quizAnswer_link-row__0USi1",linkRow:"quizAnswer_link-row__0USi1","link-row-tight":"quizAnswer_link-row-tight__mAebL",linkRowTight:"quizAnswer_link-row-tight__mAebL"}},25667:e=>{e.exports={correct:"quizResult_correct__N_83Z",error:"quizResult_error__nQjLJ"}},46064:(e,t,s)=>{e.exports=s.p+"static/img/icon-email.svg"},66783:(e,t,s)=>{e.exports=s.p+"static/img/icon-wrong.svg"},72152:e=>{e.exports={"background-color":"quizSliderItem_background-color___MhT5",backgroundColor:"quizSliderItem_background-color___MhT5","border-color":"quizSliderItem_border-color__wZfUK",borderColor:"quizSliderItem_border-color__wZfUK","text-color":"quizSliderItem_text-color__87x_A",textColor:"quizSliderItem_text-color__87x_A",correct:"quizSliderItem_correct__4RU6R",incorrect:"quizSliderItem_incorrect__aJ_FM"}},74286:(e,t,s)=>{e.exports=s.p+"static/img/icon-wa.svg"}}]);