https://plus.rtl.de/player-ad-survey-e84c495d10a37752.bundle.js

1(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[3373],{63306(e,a,s){"use strict";s.d(a,{Sc:()=>p,Sb:()=>y,Ek:()=>g,St:()=>x});var l=s(3495),n=s(65993),r=s.n(n),t=s(54685),d="PBnNSDm962x0EeV6",i="WA27okWtz23hvkrR",c="VFNG8IrKQ9GW1JKR",o="QnslPMWYJCO4hZDk",u="nRZjJuQIm8BIerv6",m="s7z95ifFUij6wPoc";const p=({checked:e,disabled:a,name:s,onChange:n=()=>{},children:u,id:p,className:h,...v})=>(0,l.jsxs)("div",{className:r()(o,h),children:[(0,l.jsxs)("div",{className:d,children:[(0,l.jsx)("input",{className:r()(t.fl,i),type:"checkbox",id:p,name:s,checked:e,disabled:a,onChange:()=>n(!e),...v}),(0,l.jsx)("span",{className:r()(c,m,t.VX)})]}),u]});var h=s(66751),v=s(22680);const y=(0,h.forwardRef)(({htmlFor:e,className:a,children:s,...n},t)=>{const d=(0,v.X)(n);return(0,l.jsx)("label",{htmlFor:e,className:r()("Gq6j6Q0X1iWBRYKC",a),ref:t,...d,children:s})});y.displayName="CheckboxLabel";const g=({className:e,children:a,value:s,...n})=>{const u=(0,v.X)(n);return(0,l.jsxs)("div",{className:r()(e,o),children:[(0,l.jsxs)("div",{className:d,children:[(0,l.jsx)("input",{className:r()(t.fl,i),type:"checkbox",defaultChecked:s,...u}),(0,l.jsx)("span",{className:r()(t.VX,c,m)})]}),a]})},x=({label:e,isChecked:a=!1})=>(0,l.jsx)("button",{className:r()("MpXZK1JnHxHoUO6V",m,{[u]:a}),type:"button",children:(0,l.jsxs)("label",{htmlFor:String(e),children:[e,(0,l.jsx)("input",{id:String(e),type:"checkbox",checked:a,readOnly:!0})]})})},75941(e,a,s){"use strict";s.r(a),s.d(a,{default:()=>q});var l=s(2740),n=s(78047),r=s(6763),t=s(23659),d=s(18085),i=s(9140),c=s(89092),o=s(3495),u=s(66751),m=s(70333),p=s(65993),h=s.n(p),v=s(2631),y=s.n(v),g=s(94399),x=s(63178),b=s(4277);x.R.init({baseUrlsByAPIType:g.applaunch.data.api.baseUrls,customerCode:g.customer,platformCode:g.applaunch.data.platformCode,clientCode:"pc"},[b.d]);var S=s(37880),j=s(30696),N=s(55729),f=s(7117);const C="checkbox",k=({id:e,type:a=C,label:s,name:l,defaultChecked:n=!1,disabled:r=!1,onChange:t=y().noop.bind(null),value:d="",className:i,...c})=>(0,o.jsxs)("span",{className:h()("QO56Anl9OjoQh4wo","U1pcgo9N2m3R4UPG",i),children:[(0,o.jsx)("input",{defaultChecked:n,disabled:r,id:e,name:l,onChange:t,type:a,value:d,className:"sr-only"}),(0,o.jsx)(f.o,{className:"iVgGMNukpPhuC9O8",component:"label",htmlFor:e,...c,children:s})]});var w=s(63306);const A=({type:e="Rating",multipleAnswersAllowed:a,label:s,onChange:l,value:n})=>{const r={"data-testid":"survey-form__answer",id:`survey-form__answer-${n}`,name:"answer",value:n.toString(),label:s,type:a?C:"radio",onChange:e=>l(e.target.value)};return"Rating"===e?(0,o.jsx)(w.St,{label:s,isChecked:n}):(0,o.jsx)(k,{...r})};var _="T2Pci70eLuB6ZT45";const H=({children:e,image:a})=>{const[s,l]=(0,u.useState)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("img",{className:"fNZ_xpobA4k5vs0B",...s,onLoad:()=>{const e=(e=>b.d.prepareImage(e,{blur:10}))(a);e&&l(e)}}),(0,o.jsx)("div",{className:h()("lbFUDcKhfbLF9eev",{[_]:s})}),e]})},E=({renderItem:e,items:a=[]})=>0===a.length?null:(0,o.jsx)("div",{className:"VNUCyQLEsxCHqtw3",children:a.map(e)});var R="GNeehM0KbwmKW4qe";const I=(0,u.memo)(({survey:e,image:a,handleSubmit:s,handleClose:l,header:n,multipleInfo:r,action:t,submittedMessage:d,legal:i})=>{const{t:c}=(0,m.Bd)(),p=(0,u.useRef)(null),[h,v]=(0,u.useState)(!1),[y,g]=(0,u.useState)([]),[x]=(0,u.useMemo)(()=>e.quiz.questions.map(a=>((e,{title:a,id:s,min_range:l,max_range:n,question_type:r,answers:t=[],multiple_answers_allowed:d=!1})=>{let i=[];if("Rating"===r&&l&&n)for(let e=l;e<=n;e++)i.push({label:e,value:e});else i=t.map(({id:e,title:a})=>({value:e,label:a}));return{title:a,campaignId:e,id:s,choices:i,type:r,multipleAnswersAllowed:d}})(e.campaign_id,a)),[e.quiz.questions,e.campaign_id]),{title:b,type:C,choices:k=[],multipleAnswersAllowed:w}=x||{};(0,u.useEffect)(()=>()=>{p.current&&clearTimeout(p.current)},[]);const _=(0,u.useCallback)(e=>{let a=[...y];if(x.multipleAnswersAllowed){const s=a.indexOf(e);-1===s?a.push(e):a.splice(s,1)}else a=[e];g(a)},[x.multipleAnswersAllowed,y]),I=(0,u.useCallback)(e=>{e.preventDefault(),v(!0),y.length&&!h&&(p.current=setTimeout(()=>{s({answers:{[x.id]:y}})},1e3))},[x.id,s,y,h]);return(0,o.jsxs)(H,{image:a,children:[x?(0,o.jsxs)("div",{className:"UplX3wfOnvnQ4tIO",children:[(0,o.jsxs)("form",{onSubmit:I,className:"fvuzX8LmNeGbE8su",children:[(0,o.jsx)(f.o,{level:"KINSHASA_3",component:"h1",children:n}),(0,o.jsx)(f.o,{level:"OTTAWA_1",children:b}),w&&(0,o.jsx)(f.o,{level:"BOSTON_1",children:r}),"Rating"===C?(0,o.jsxs)("div",{className:"l_udKa_JYdGi4Bjd",children:[(0,o.jsx)("div",{className:R,children:c("player.ad.survey.ranking.prefix")}

1),(0,o.jsx)(S.qZ,{name:"ad-survey-rating",onChange:_,range:x.choices.length}),(0,o.jsx)("div",{className:R,children:c("player.ad.survey.ranking.suffix")})]}):(0,o.jsx)(E,{items:k,renderItem:({label:e,value:a})=>(0,o.jsx)(A,{multipleAnswersAllowed:w,label:e,value:a,type:C,onChange:_},`ad-survey__anwser-${a}`)}),(0,o.jsx)(j.$,{label:h?d:t,iconName:"Check",disabled:h||!y.length,type:"submit",buttonMode:j.h.SECONDARY})]}),(0,o.jsx)("p",{className:"smE7tHHnmUAZbL7X",children:i})]}):null,(0,o.jsx)("div",{onClick:l,"aria-label":"close",className:"rlWaNC4xQ41dZ5Mj",children:(0,o.jsx)(N.In,{name:N.WW.Cross,size:30,className:"rJwypMwlOt7awfF_"})})]})});var O=s(59840),P=s(45479),B="QYhVZxW7DPKtA1lu";class K extends u.Component{componentDidCatch(e){P.A.error(e.message),this.onSkip({reason:"error"})}onSubmit=e=>{const{adSurveyHandlers:a}=this.props;a.adSurveySave(e),this.onSurveyEnded()};onSkip=({reason:e})=>{const{adSurveyHandlers:a}=this.props;a.adSurveySkip({reason:e||O.G}),this.onSurveyEnded()};onSurveyEnded=()=>{const{adSurveyHandlers:e}=this.props;e.adSurveyEnded()};componentDidUpdate(e){const{ad:a}=e,{adSurvey:s}=a,{ad:{adSurvey:l},paused:n,contentHandlers:r}=this.props,{survey:t=null,playing:d=!1}=l||{};y().get(s,"playing",!1)!==d&&!n&&t&&r.playerPause()}render(){const{t:e,image:a,ad:{adSurvey:{survey:s,playing:l}}}=this.props,n=s&&l;return(0,o.jsx)("div",{className:h()("kbh1vn1ARewYy4w9",{[B]:n}),children:n&&(0,o.jsx)(I,{survey:s,image:a,header:e("player.ad.survey.header"),multipleInfo:e("player.ad.survey.multipleInfo"),action:e("player.ad.survey.action"),submittedMessage:e("player.ad.survey.submittedMessage"),legal:e("player.ad.survey.legal"),handleSubmit:this.onSubmit,handleClose:this.onSkip})})}}const U=(0,m.CI)()(K),q=(0,l.Ng)(e=>{const{fullScreen:a,userActive:s,paused:l}=(0,c.b)(e),{ad_jingle:n}=(0,c.I)(e),r=(0,c.ul)(e);return{ad:(0,i.B$)(e),fullScreen:a,userActive:s,paused:l,image:n||r}},e=>({contentHandlers:(0,n.zH)({playerPause:d.gq,playerPlay:d.q5},e),eventsHandlers:(0,n.zH)({adBreakStarted:r.sp,adBreakEnded:r.Nu,adError:r.KP,adEnded:r.u8,adStarted:r.PH},e),adSurveyHandlers:(0,n.zH)({adSurveyRetrieve:t.eP,adSurveySkip:t.R_,adSurveySave:t.$A,adSurveyEnded:t.mR},e)}))(U)},1549(){}}]);
2//# sourceMappingURL=sourcemaps/player-ad-survey-e84c495d10a37752.bundle.js.map