https://app.memrise.com/_next/static/chunks/pages/aprender/audio-comprehension-f6dce8740097eedc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8895],{20110:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/aprender/audio-comprehension",function(){return n(90548)}])},90548:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>eg});var i=n(5720),r=n(77328),s=n.n(r),a=n(64191),o=n(42969),u=n(63857),c=n(60180),d=n.n(c),l=n(14232),p=n(89099),g=n(67768),h=n(74359),f=n(26900),m=n(15785),x=n(52201),b=n(48063),y=n(43255),v=n(26642),_=n(90376),w=n(35311),j=n(47019),k=n(68567),S=n(53403),O=n(48278),C=n(14135),M=n(70610),T=n(36467),q=n(5646),A=n(2553),P=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-0"})(function(e){var t=e.theme;return(0,q.AH)(["display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:",";width:100%;max-width:none;box-sizing:border-box;min-height:",";padding:"," ",";background-color:",";border-radius:",";@media (min-width:","){padding:",";}"],t.sz.s4,t.sz.s40,t.sz.s6,t.sz.s5,t.co.neutral95,t.bo.medium,t.sz.ml,t.sz.s8)}),E=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-1"})(function(e){var t=e.theme;return(0,q.AH)(["display:flex;align-items:center;gap:",";width:100%;max-width:none;"],t.sz.s4)}),z=q.Ay.button.withConfig({componentId:"sc-1fbxbqq-2"})(function(e){var t=e.theme,n=e.$disabled,i=void 0!==n&&n,r=e.$playing;return(0,q.AH)(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:",";height:",";border:none;border-radius:50%;cursor:",";opacity:",";background-color:",";color:",";box-shadow:",";transition:background-color 0.15s ease-in-out,opacity 0.15s ease-in-out,transform 0.15s ease-in-out;&:hover:not(:disabled){background-color:",";transform:translateY(-1px);}&:active:not(:disabled){transform:translateY(0);}@media (min-width:","){width:",";height:",";}"],t.sz.s14,t.sz.s14,i?"not-allowed":"pointer",i?.45:1,void 0!==r&&r?t.co.primary10:t.co.primary20,t.co.neutral10,t.sh.s1,t.co.primary10,t.sz.ml,t.sz.s16,t.sz.s16)}),I=(0,q.Ay)(A.A).withConfig({componentId:"sc-1fbxbqq-3"})(function(e){var t=e.theme;return(0,q.AH)(["margin-left:",";font-size:",";color:",";path{fill:currentColor;}"],t.sz.s05,t.sz.s6,t.co.neutral10)}),L=q.Ay.span.withConfig({componentId:"sc-1fbxbqq-4"})(function(e){var t=e.theme;return(0,q.AH)(["display:block;width:",";height:",";background-color:",";border-radius:",";"],t.sz.s4,t.sz.s4,t.co.neutral10,t.bo.extraSmall)}),D=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-5"})(function(e){var t=e.theme;return(0,q.AH)(["display:flex;flex:1 1 auto;flex-direction:column;gap:",";min-width:0;width:100%;max-width:none;"],t.sz.s2)}),R=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-6"})(function(e){var t=e.theme;return(0,q.AH)(["width:100%;max-width:none;height:",";background-color:",";border-radius:",";overflow:hidden;"],t.sz.s2,t.co.neutral90,t.bo.extraSmall)}),N=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-7"})(function(e){var t=e.theme,n=e.$progress;return(0,q.AH)(["width:","%;height:100%;background-color:",";border-radius:",";transition:width 0.1s linear;"],Math.min(100,Math.max(0,100*n)),t.co.primary20,t.bo.extraSmall)}),F=q.Ay.div.withConfig({componentId:"sc-1fbxbqq-8"})(function(e){var t=e.theme;return(0,q.AH)(["display:flex;justify-content:space-between;width:100%;max-width:none;",";color:",";"],t.typography.paragraph.s,t.co.neutral40)}),Y=q.Ay.span.withConfig({componentId:"sc-1fbxbqq-9"})(["max-width:none;font-variant-numeric:tabular-nums;"]),H=q.Ay.p.withConfig({componentId:"sc-1fbxbqq-10"})(function(e){var t=e.theme;return(0,q.AH)(["max-width:none;",";color:",";margin:0;text-align:center;"],t.typography.paragraph.s,t.co.neutral50)}),$=n(37876),U=(0,i.YK)({playAudio:{id:"audio_comprehension_session_play_audio",defaultMessage:"Play audio"},stopAudio:{id:"audio_comprehension_session_stop_audio",defaultMessage:"Stop audio"},noPlaysLeft:{id:"audio_comprehension_session_no_plays_left",defaultMessage:"You’ve used all 3 listens. Finish the questions to listen again."}}),K=function(e){if(!Number.isFinite(e)||e<0)return"0:00";var t=Math.floor(e),n=Math.floor(t/60);return"".concat(n,":").concat((t%60).toString().padStart(2,"0"))},Q=function(e){var t=e.src,n=e.playCount,r=e.unlimited,s=e.onPlayStarted,a=(0,i.tz)(),o=(0,w.d8)().audioObject,c=(0,w.HO)(t),p=c.playing,g=c.play,h=c.stopAll,f=o[t],m=(0,l.useState)(0),x=m[0],b=m[1],y=(0,l.useState)(0),v=y[0],_=y[1],j=Math.max(0,3-n),k=void 0!==r&&r||j>0,S=!p&&!k;(0,l.useEffect)(function(){if(f){var e=function(){Number.isFinite(f.duration)&&f.duration>0&&_(f.duration)},t=function(){b(f.currentTime||0)};return e(),t(),f.addEventListener("loadedmetadata",e),f.addEventListener("durationchange",e),f.addEventListener("timeupdate",t),f.addEventListener("ended",t),f.addEventListener("pause",t),function(){f.removeEventListener("loadedmetadata",e),f.removeEventListener("durationchange",e),f.removeEventListener("timeupdate",t),f.removeEventListener("ended",t),f.removeEventListener("pause",t)}}},[f]);var O=(0,l.useCallback)((0,u.A)(d().mark(function e(){return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!p){e.next=3;break}return h(),e.abrupt("return");case 3:if(k){e.next=5;break}return e.abrupt("return");case 5:return s(),e.next=8,g();case 8:case"end":return e.stop()}},e)})),[k,s,g,p,h]);

1return(0,$.jsxs)(P,{"data-testid":"audio-comprehension-player",children:[(0,$.jsxs)(E,{children:[(0,$.jsx)(z,{type:"button",onClick:function(){O()},disabled:S,$disabled:S,$playing:p,"aria-label":a.formatMessage(p?U.stopAudio:U.playAudio),"data-testid":"audio-comprehension-play-button",children:p?(0,$.jsx)(L,{"aria-hidden":!0}):(0,$.jsx)(I,{name:"playFilled"})}),(0,$.jsxs)(D,{"data-testid":"audio-comprehension-timeline",children:[(0,$.jsx)(R,{role:"progressbar","aria-valuemin":0,"aria-valuemax":Math.round(v)||0,"aria-valuenow":Math.round(x),children:(0,$.jsx)(N,{$progress:v>0?x/v:0,"data-testid":"audio-comprehension-progress"})}),(0,$.jsxs)(F,{children:[(0,$.jsx)(Y,{"data-testid":"audio-comprehension-current-time",children:K(x)}),(0,$.jsx)(Y,{"data-testid":"audio-comprehension-duration",children:K(v)})]})]})]}),S&&(0,$.jsx)(H,{children:a.formatMessage(U.noPlaysLeft)})]})},V=n(61542),J=n(79407),W=(0,i.YK)({loadingTitle:{id:"audio_comprehension_session_loading_title",defaultMessage:"Loading exercise…"},generatingTitle:{id:"audio_comprehension_session_generating_title",defaultMessage:"Preparing your listening exercise…"},generatingDescription:{id:"audio_comprehension_session_generating_description",defaultMessage:"We’re creating a listening exercise from your recent words. This usually takes a moment."},insufficientTitle:{id:"audio_comprehension_session_insufficient_title",defaultMessage:"Not enough words yet"},insufficientDescription:{id:"audio_comprehension_session_insufficient_description",defaultMessage:"You need more fully grown words in this language before you can start audio comprehension."},errorTitle:{id:"audio_comprehension_session_error_title",defaultMessage:"Something went wrong"},errorDescription:{id:"audio_comprehension_session_error_description",defaultMessage:"We couldn’t start the audio comprehension exercise. Please try again later."},missingAudioDescription:{id:"audio_comprehension_session_missing_audio_description",defaultMessage:"This exercise is missing audio. Please try again later."},completionFailedTitle:{id:"audio_comprehension_session_completion_failed_title",defaultMessage:"Your progress didn’t save"},completionFailedDescription:{id:"audio_comprehension_session_completion_failed_description",defaultMessage:"Something went wrong saving your result. Please try again later."},exit:{id:"audio_comprehension_session_status_exit",defaultMessage:"Exit"},skip:{id:"audio_comprehension_session_status_skip",defaultMessage:"Skip"}}),X={insufficient:{title:W.insufficientTitle,description:W.insufficientDescription},generic:{title:W.errorTitle,description:W.errorDescription},missingAudio:{title:W.errorTitle,description:W.missingAudioDescription},completionFailed:{title:W.completionFailedTitle,description:W.completionFailedDescription}},B=function(e){var t=e.variant,n=(0,i.tz)();return(0,$.jsxs)(J.mc,{"data-testid":"audio-comprehension-".concat(t),children:[(0,$.jsx)(J.aH,{"data-testid":"audio-comprehension-loader"}),(0,$.jsx)(J.hE,{children:n.formatMessage("generating"===t?W.generatingTitle:W.loadingTitle)}),"generating"===t&&(0,$.jsx)(J.VY,{children:n.formatMessage(W.generatingDescription)})]})},G=function(e){var t=e.variant,n=e.onExit,r=e.onSkip,s=e.isSkipping,a=void 0!==s&&s,o=(0,i.tz)(),u=X[t],c=u.title,d=u.description;return(0,$.jsxs)(J.mc,{"data-testid":"audio-comprehension-error-".concat(t),children:[(0,$.jsx)(J.hE,{children:o.formatMessage(c)}),(0,$.jsx)(J.VY,{children:o.formatMessage(d)}),(0,$.jsxs)(J.yp,{children:[r&&(0,$.jsx)(V.$n,{wide:!0,buttonType:"primary",buttonSize:"large",onClick:r,disabled:a,"data-testid":"audio-comprehension-error-skip",children:o.formatMessage(W.skip)}),(0,$.jsx)(V.$n,{wide:!0,buttonType:r?"secondary":"primary",buttonSize:"large",onClick:n,disabled:a,"data-testid":"audio-comprehension-error-exit",children:o.formatMessage(W.exit)})]})]})},Z=n(36753),ee=(0,i.YK)({title:{id:"audio_comprehension_session_success_title",defaultMessage:"Well done!"},description:{id:"audio_comprehension_session_success_description",defaultMessage:"You completed the audio comprehension exercise."},revealTexts:{id:"audio_comprehension_session_reveal_texts",defaultMessage:"Reveal the texts"},continue:{id:"audio_comprehension_session_success_continue",defaultMessage:"Continue"}}),et=function(e){var t=e.showRevealTexts,n=e.onRevealTexts,r=e.onContinue,s=e.isContinuing,a=void 0!==s&&s,o=(0,i.tz)();

1return(0,$.jsx)(Z.wi,{"data-testid":"audio-comprehension-success",children:(0,$.jsxs)(Z.UC,{children:[(0,$.jsxs)(Z.QB,{children:[(0,$.jsx)(Z.hE,{children:o.formatMessage(ee.title)}),(0,$.jsx)(Z.VY,{children:o.formatMessage(ee.description)})]}),(0,$.jsxs)(Z.yp,{children:[t&&(0,$.jsx)(V.$n,{wide:!0,buttonType:"secondary",buttonSize:"large",onClick:n,"data-testid":"audio-comprehension-reveal-texts",children:o.formatMessage(ee.revealTexts)}),(0,$.jsx)(V.$n,{wide:!0,buttonType:"primary",buttonSize:"large",onClick:function(){r()},loading:a,disabled:a,"data-testid":"audio-comprehension-success-continue",children:o.formatMessage(ee.continue)})]})]})})};function en(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}var ei=function(e,t,n){var i;return(0,h.I)({queryKey:["audioComprehensionSession",e,t,n],enabled:!!e,retry:!1,refetchInterval:function(e){var t;return(null==(t=e.state.data)?void 0:t.status)==="generating"&&2e3},queryFn:(i=(0,u.A)(d().mark(function i(){return d().wrap(function(i){for(;;)switch(i.prev=i.next){case 0:if(e){i.next=2;break}throw Error("languagePairId is required");case 2:return i.abrupt("return",f.m3.getSession(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?en(Object(n),!0).forEach(function(t){(0,o.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):en(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({languagePairId:e,pathwayCheckpointId:t},null!=n?{futureLearnablesOffset:n}:{})));case 3:case"end":return i.stop()}},i)})),function(){return i.apply(this,arguments)})})},er=n(75817);function es(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function ea(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?es(Object(n),!0).forEach(function(t){(0,o.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):es(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var eo=(0,i.YK)({fallbackLanguageName:{id:"audio_comprehension_session_fallback_language_name",defaultMessage:"your language"}}),eu=function(e){if("string"!=typeof e)return null;var t=(0,M.oV)(e);return t instanceof M.XR?null:t},ec=function(){var e=eu((0,p.useRouter)().query.language_pair_id);return null!=e?e:(0,O.S)()},ed=function(e){var t=e.audioUrl,n=e.passageText,i=e.passageSourceText,r=e.questions,s=e.targetLanguageName,a=e.onExit,o=e.onSuccessContinue,u=e.isSubmitting,c=e.onReachedSuccess,d=(0,_.RJ)(r),p=d.stage,g=d.hearts,h=d.questionStates,f=d.highlightedQuestionId,w=d.lockedCount,j=d.lockedAnswers,k=d.selectOption,S=d.highlightQuestion,O=d.retry,C=(0,l.useState)(!1),M=C[0],T=C[1],q=(0,l.useState)(0),A=q[0],P=q[1],E=(0,l.useState)(!1),z=E[0],I=E[1],L=(0,l.useRef)(!1),D="success"===p;return((0,l.useEffect)(function(){D&&!L.current&&(L.current=!0,c(j)),D||(L.current=!1)},[D,j,c]),"failure"===p)?(0,$.jsx)(x.$,{onRetry:O,onExit:a}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(v.g,{hearts:g,targetLanguageName:s,showTargetLanguage:M,onShowTargetLanguageChange:T,onExit:a}),(0,$.jsxs)(er.nO,{$hasSuccessFooter:D,$wide:z&&!!i,"data-testid":"audio-comprehension-exercise",children:[w>0&&(0,$.jsx)("audio",{autoPlay:!0,preload:"auto",src:m.A,"data-testid":"audio-comprehension-correct-sound"},w),(0,$.jsxs)(er.BJ,{children:[(0,$.jsx)(Q,{src:t,playCount:A,unlimited:D,onPlayStarted:function(){return P(function(e){return e+1})}}),z&&(0,$.jsx)(b.T,{text:n,translationText:i}),(0,$.jsx)(y.L,{questions:r,questionStates:h,highlightedQuestionId:f,showTargetLanguage:M,disabled:D,onHighlight:S,onSelect:k})]})]}),D&&(0,$.jsx)(et,{showRevealTexts:!z,onRevealTexts:function(){return I(!0)},onContinue:o,isContinuing:u})]})},el=function(){var e,t=(0,i.tz)(),n=(0,k.A)().safePush,r=(0,g.jE)(),s=(0,p.useRouter)(),a=ec(),o=eu((0,p.useRouter)().query.pathway_checkpoint_id),c=ei(a,o,(0,C.Z)(s.query.future_learnables_offset)),m=c.data,x=c.isPending,b=c.isError,y=c.error,v=(0,h.I)({queryKey:["userLanguages"],queryFn:function(){return f.fR.getUserLanguages()}}

1).data,_=(0,l.useState)(!1),O=_[0],M=_[1],q=(0,l.useState)(!1),A=q[0],P=q[1],E=(0,l.useState)(!1),z=E[0],I=E[1],L=(0,l.useRef)(!1),D=(0,l.useRef)([]),R=(0,j.a)({languagePairId:a,pathwayNodeId:null,pathwayCheckpointId:o,celebratesCheckpointInSession:!0}).completePathwayProgress,N=null==v?void 0:v.languagePairs.find(function(e){return e.languagePairId===a}),F=t.formatMessage(eo.fallbackLanguageName),Y=null!=(e=null==N?void 0:N.targetLanguageName)?e:F,H=function(){n(S.b.path)},U=(0,l.useCallback)((0,u.A)(d().mark(function e(){return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==o){e.next=2;break}return e.abrupt("return");case 2:return P(!0),e.prev=3,e.next=6,R();case 6:n(S.b.path),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(3),I(!0);case 12:return e.prev=12,P(!1),e.finish(12);case 15:case"end":return e.stop()}},e,null,[[3,9,12,15]])})),[R,o,n]),K=null!==o?{onSkip:function(){U()},isSkipping:A}:{},Q=(0,l.useCallback)((0,u.A)(d().mark(function e(){var t;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(L.current||(null==m?void 0:m.status)!=="ready")){e.next=2;break}return e.abrupt("return");case 2:if(!(0===(t=D.current).length||t.some(function(e){return!e.selectedOption}))){e.next=5;break}return e.abrupt("return");case 5:return e.next=7,f.m3.submitSession({passageId:m.session.passageId,pathwayCheckpointId:o,answers:t});case 7:if(L.current=!0,null!==o&&(0,T.Qn)(o),!a){e.next=12;break}return e.next=12,r.invalidateQueries({queryKey:["activePathway",a]});case 12:case"end":return e.stop()}},e)})),[m,a,o,r]),V=(0,l.useCallback)(function(e){D.current=e,Q().catch(function(){})},[Q]),J=(0,l.useCallback)((0,u.A)(d().mark(function e(){return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return M(!0),e.prev=1,e.next=4,Q();case 4:n(S.b.path),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),I(!0);case 10:return e.prev=10,M(!1),e.finish(10);case 13:case"end":return e.stop()}},e,null,[[1,7,10,13]])})),[n,Q]),W=(0,l.useMemo)(function(){return(null==m?void 0:m.status)!=="ready"?null:m.session.questions.map(function(e){return{id:e.id,questionText:e.questionText,questionSourceText:e.questionSourceText,options:e.options,sourceOptions:e.sourceOptions,correctOption:e.correctOption}})},[m]),X=y instanceof f.JU&&409===y.httpStatusCode?"insufficient":"generic",Z=(null==m?void 0:m.status)==="ready"?m.session:null,ee=!!Z&&!Z.audioUrl;return(0,$.jsx)(w.Gy,{children:(0,$.jsx)(er.bL,{"data-testid":"audio-comprehension-session",children:(0,$.jsx)(er.UC,{children:z?(0,$.jsx)(G,{variant:"completionFailed",onExit:H}):!a||b?(0,$.jsx)(G,ea({variant:a?X:"generic",onExit:H},K)):x||!m?(0,$.jsx)(B,{variant:"loading"}):"generating"===m.status?(0,$.jsx)(B,{variant:"generating"}):ee?(0,$.jsx)(G,ea({variant:"missingAudio",onExit:H},K)):W&&null!=Z&&Z.audioUrl?(0,$.jsx)(ed,{audioUrl:Z.audioUrl,passageText:Z.passageText,passageSourceText:Z.passageSourceText,questions:W,targetLanguageName:Y,onExit:H,onSuccessContinue:J,isSubmitting:O,onReachedSuccess:V},Z.passageId):(0,$.jsx)(G,ea({variant:"generic",onExit:H},K))})})})},ep=(0,i.YK)({pageTitle:{id:"audio_comprehension_session_page_title",defaultMessage:"Audio comprehension"}});let eg=function(){var e=(0,i.tz)();return(0,$.jsxs)(a.co,{children:[(0,$.jsx)(s(),{children:(0,$.jsx)("title",{children:e.formatMessage(ep.pageTitle)})}),(0,$.jsx)(el,{})]})}}},e=>{e.O(0,[5687,339,3459,1315,6593,636,8792],()=>e(e.s=20110)),_N_E=e.O()}]);
2//# sourceMappingURL=audio-comprehension-f6dce8740097eedc.js.map