https://www.ringleplus.com/_next/static/chunks/86436-fd0ffcb20c111d0a.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]="eca9bd69-77cb-4517-b349-170f7ea5b102",e._sentryDebugIdIdentifier="sentry-dbid-eca9bd69-77cb-4517-b349-170f7ea5b102")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86436],{17109:(e,t,l)=>{l.d(t,{A:()=>x});var s=l(80263),i=l(84680),n=l(53239),a=l(98163),c=l(11669),d=l(32363),r=l(32004);let x=e=>{let{handleComplete:t,isLoading:l,completeDisableCondition:x}=e,{t:o}=(0,d.Ay)(),u=(0,a.A)(),[m,p]=(0,n.useState)(!1),h=()=>{m||(p(!0),t())};return u?(0,s.jsx)(r.g,{children:(0,s.jsx)("div",{className:"fixed left-0 bottom-0 flex w-full bg-white px-16 pb-[43px] pt-12",style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsx)("div",{className:"flex h-full w-full flex-col items-center justify-start sm:justify-end lg:flex-row",children:(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(i.IF,{size:i.Vp.LG,onClick:h,isLoading:m,disabled:x,children:(0,s.jsx)(i.IF.Label,{children:o(c.hnb.activity.btn_done)})})})})})}):(0,s.jsx)("div",{className:"fixed bottom-0 left-0 flex w-full justify-center bg-white px-16 pb-[43px] pt-12 sm:h-[86px] sm:px-32 sm:pt-12 sm:pb-16 lg:h-[110px] lg:px-[120px] lg:pb-[32px] lg:pt-20 xl:px-[200px]",style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsx)("div",{className:"flex h-full w-full max-w-[1040px] flex-col items-center justify-start sm:justify-end lg:flex-row",children:(0,s.jsx)("div",{className:"w-full lg:w-[160px]",children:(0,s.jsx)(i.IF,{size:i.Vp.LG,onClick:h,isLoading:m,disabled:x,children:(0,s.jsx)(i.IF.Label,{children:o(c.hnb.activity.btn_done)})})})})})}},18436:(e,t,l)=>{l.d(t,{A:()=>c});var s=l(80263),i=l(11230),n=l.n(i);let a={progressBarCommonStyle:"h-full rounded-[5px]"},c=e=>{let{totalQuestionsNum:t,currentQuestionNum:l}=e;return(0,s.jsx)("div",{className:"mt-[20px] mb-[64px] flex h-[8px] w-full items-center justify-center sm:mt-[60px] sm:h-[12px]",children:(0,s.jsx)("div",{className:n()("relative mt-2 w-[100%] bg-gray-200",a.progressBarCommonStyle),children:(0,s.jsx)("div",{style:{width:"".concat(l/t*100,"%")},className:n()("absolute bg-purple-500",a.progressBarCommonStyle)})})})}},25998:(e,t,l)=>{l.d(t,{q:()=>g,A:()=>j});var s=l(80263),i=l(53239),n=l(87017),a=l(48251),c=l(29709),d=l(35301),r=l(1786),x=l(79901);let o=new x.A({api:c.Ay.study.activity.GRAMMAR_CHOOSE_CORRECT.initialInfo}),u=new x.A({api:c.Ay.study.activity.GRAMMAR_CHOOSE_CORRECT.feedback}),m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=(0,d.bx)(),s={activityId:e};return(0,n.I)({queryKey:o.getQueryKey({pathParams:s}),queryFn:o.getQueryFn({pathParams:s}),enabled:!!l&&!!e,...t})},p=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l={activityId:e};return(0,n.I)({queryKey:u.getQueryKey({pathParams:l}),queryFn:u.getQueryFn({pathParams:l}),cacheTime:0,enabled:!1,...t})};var h=l(84680),y=l(44618),_=l(79930),N=l(11669),b=l(32363),I=l(17109),E=l(62354);let f=e=>{let{contents:t,choiceItem:l,activityStatus:i,isCorrect:n=!0}=e,a=i===g.AFTER_SUBMIT;return(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline3-22Bd mb-48 inline-block w-[full] text-center text-gray-700 sm:mb-40",children:t.map((e,t)=>e.map((e,i)=>""===e?(0,s.jsx)("div",{className:"ml-[10px] mr-[10px] inline-block w-fit min-w-[58px] border-b-2 border-gray-300 sm:min-w-[64px] ".concat(a&&!n?"text-red-400":"text-purple-500"),children:l||""},"".concat(t," Blank")):(0,s.jsx)("span",{children:0===i?" "+e:e},e+"".concat(t))))})},g={BEFORE_SUBMIT:0,AFTER_SUBMIT:1,SKIP:2},j=e=>{let{activityId:t,handleNext:l}=e,{t:n}=(0,b.Ay)(),{sendClickEvent:d}=(0,_.$V)(),[x,o]=(0,i.useState)(g.BEFORE_SUBMIT),[u,j]=(0,i.useState)(null),[v,S]=(0,i.useState)(null),{data:R,isFetching:A}=m(t),{mutate:T,isLoading:w}=(0,a.n)({mutationFn:e=>{let{answer:l}=e;return(0,r.zS)(c.Ay.study.activity.GRAMMAR_CHOOSE_CORRECT.submitAnswer({activityId:t}),{answer:l})}}),{refetch:L}=p(t,{onSuccess:e=>S(e)}),F=e=>{x===g.BEFORE_SUBMIT&&j(e)};return((0,i.useEffect)(()=>{S(null),j(null),o(g.BEFORE_SUBMIT)},[t]),A||!R)?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex w-full flex-col justify-start gap-12 sm:mb-[40px] sm:gap-8",children:[(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline1-28Bd w-full",children:R.activity.title}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md text-purple-500",children:n(N.hnb.activity.txt_info1)})]}),(0,s.jsx)(f,{contents:R.activity.contents,choiceItem:null==u?void 0:u.text,activityStatus:x,isCorrect:null==v?void 0:v.result}),(0,s.jsx)("div",{className:"flex w-[240px] flex-col gap-8 sm:w-[336px] sm:gap-16",children:R.activity.choices.map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"hidden sm:block",children:(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.LG,customBorderColor:(null==u?void 0:u.index)===e.index?y.lm.PURPLE600:y.lm.GRAY300,onClick:()=>F(e),children:(0,s.jsx)(h.IF.Label,{customTxtColor:(null==u?void 0:u.index)===e.index?y.lm.PURPLE600:y.lm.BLACK,children:e.text})})}),(0,s.jsx)("div",{className:"sm:hidden",children:(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.MD,customBorderColor:(null==u?void 0:u.index)===e.index?y.lm.PURPLE600:y.lm.GRAY300,onClick:()=>F(e),children:(0,s.jsx)(h.IF.Label,{customTxtColor:(null==u?void 0:u.index)===e.index?y.lm.PURPLE600:y.lm.BLACK,children:e.text})})})]}

1,e.text+"".concat(e.index)))}),v?(0,s.jsx)(E.A,{feedbacks:v,handleNext:()=>{d({button_name:"daily_study_next",object_id:t,object_title:"GRAMMAR_CHOOSE_CORRECT",object_context:(null==v?void 0:v.result)?"Correct":"Wrong"}),l()}}):(0,s.jsx)(I.A,{handleComplete:()=>{v||(T({answer:u.index},{onSuccess:()=>{L(),o(g.AFTER_SUBMIT)}}),d({button_name:"daily_study_done",object_id:t,object_title:"GRAMMAR_CHOOSE_CORRECT"}))},isLoading:w,completeDisableCondition:!u})]})}},29303:(e,t,l)=>{l.d(t,{u:()=>w,A:()=>F});var s=l(80263),i=l(84680),n=l(53239),a=l(79930),c=l(87017),d=l(48251),r=l(29709),x=l(35301),o=l(1786);let u=new(l(79901)).A({api:r.Ay.study.activity.SPEAKING_SHADOWING.initialInfo}),m=e=>(0,d.n)({mutationFn:()=>(0,o.zS)(r.Ay.study.activity.SPEAKING_SHADOWING.complete({activityId:e}))});var p=l(98163),h=l(11669),y=l(32363),_=l(94146),N=l(58467),b=l(44618);let I=e=>{let{sentences:t,handleCurrentSentence:l,handleStatus:c,shadowingStatus:d,isRecording:r=!1,isMobileRecording:x=!1,audioUrl:o,timestamp:u,ttsSpeed:m}=e,{t:p}=(0,y.Ay)(),{sendClickEvent:I}=(0,a.$V)(),[E,f]=(0,n.useState)(!1),{curTime:g,playing:j,setPlaying:v,pauseAudio:S,duration:R}=(0,N.A)({audioId:"shadowingAudio",isReady:E}),A=()=>{r||x||(I({button_name:j?"daily_study_pause":"daily_study_play",object_context:"SPEAKING_SHADOWING"}),v(e=>!e))},T=()=>f(!0),L=()=>{v(!1),l(null),c(w.END_LISTENING)};return((0,n.useEffect)(()=>{if(!j)return;let e=u.findIndex(e=>1e3*g<Number(e));l(-1===e?u.length-1:e-1)},[g]),(0,n.useEffect)(()=>{(r||x)&&(S(),v(!1))},[r,x]),(0,n.useEffect)(()=>()=>{l(null)},[]),(0,n.useEffect)(()=>{let e=document.getElementById("shadowingAudio");e&&(e.playbackRate=m)},[m]),d!==w.BEFORE_LISTENING)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(i.vu,{type:i.iy.CHOICE,size:i.LT.SM,className:"mt-2 items-center justify-center gap-[4px]",onClick:A,disabled:r||x,clickable:!1,children:[(0,s.jsx)(i.vu.Label,{children:p(j?h.hnb.activity.btn_playstop:h.hnb.activity.btn_playagain)}),j?(0,s.jsx)(_.QIcon_pause_single,{width:12,height:12,className:"mb-2"}):(0,s.jsx)(_.QIcon_play_single,{width:12,height:12,className:"mb-2"})]}),o&&(0,s.jsx)("audio",{src:o,id:"shadowingAudio",onCanPlay:T,onEnded:L})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{className:"mb-[10px] flex items-center justify-center rounded-[50%]",onClick:A,children:j?(0,s.jsxs)("div",{className:"Body2-14Md flex flex-col items-center gap-[9px] text-center text-purple-500",children:[(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white",style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(_.QIcon_pause_single,{width:40,height:40,color:b.lm.PURPLE500})}),(0,s.jsx)("span",{className:"ml-[4px]",children:p(h.hnb.activity.txt_play)})]}):(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white",style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(_.QIcon_play_single,{width:40,height:40,color:b.lm.PURPLE500})})}),o&&(0,s.jsx)("audio",{src:o,id:"shadowingAudio",onCanPlay:T,onEnded:L})]})};var E=function(e){return e.START_RECORD="START_RECORD",e.END_RECORD="END_RECORD",e.PLAYING_RECORD="PLAY_BACK_RECORD",e.PAUSE_PLAYING="PAUSE_PLAYING",e.RESUME_PLAYING="RESUME_PLAYING",e.STOP_PLAYING="STOP_PLAYING",e}(E||{}),f=function(e){return e.BEFORE_START="BEFORE_START",e.PLAYING="PLAYING",e.PAUSE="PAUSE",e}(f||{});let g=e=>{let{activityId:t,handleShadowingStatus:l,shadowingStatus:a,handleMobileRecording:c,isMobileRecording:d}=e,{t:r}=(0,y.Ay)(),{mutate:x}

1=m(t),[o,u]=(0,n.useState)("BEFORE_START"),p=e=>{let{data:t}=e;"RECORDING_START"===t&&c(!0),"RECORDING_END"===t&&(x(),c(!1),l(w.END_RECORDING)),"START_PLAYING"===t&&u("PLAYING"),"END_PLAYING"===t&&u("BEFORE_START"),"PAUSE_PLAYING"===t&&u("PAUSE"),"RESUME_PLAYING"===t&&u("PLAYING")};return(0,n.useEffect)(()=>(window.addEventListener("message",p),document.addEventListener("message",p),()=>{window.ReactNativeWebView.postMessage(JSON.stringify({type:"STOP_PLAYING"})),window.removeEventListener("message",p),document.removeEventListener("message",p)}),[]),(0,s.jsx)(s.Fragment,{children:d?(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("span",{className:"Body2-14Md mt-[9px] mb-[24px] text-purple-500",children:r(h.hnb.activity.txt_record2)}),(0,s.jsx)("div",{className:"flex w-fit",children:(0,s.jsx)(i.IF,{size:i.Vp.MD,type:i.II.OUTLINE,customBorderColor:b.lm.GRAY300,onClick:()=>{window.ReactNativeWebView.postMessage(JSON.stringify({type:"END_RECORD"}))},children:(0,s.jsx)(i.IF.Label,{children:r(h.hnb.activity.btn_readdone)})})})]}):(0,s.jsx)(s.Fragment,{children:a===w.END_RECORDING?(0,s.jsx)("div",{className:"mb-20 w-fit",children:(0,s.jsxs)(i.IF,{type:i.II.OUTLINE,isIconMode:!0,customBorderColor:b.lm.GRAY300,onClick:()=>{"BEFORE_START"===o?window.ReactNativeWebView.postMessage(JSON.stringify({type:"PLAY_BACK_RECORD"})):"PLAYING"===o?window.ReactNativeWebView.postMessage(JSON.stringify({type:"PAUSE_PLAYING"})):"PAUSE"===o&&window.ReactNativeWebView.postMessage(JSON.stringify({type:"RESUME_PLAYING"}))},className:"gap-[4px]",children:[(0,s.jsx)(i.IF.Icon,{alt:"audio",children:"PLAYING"!==o?(0,s.jsx)(_.QIcon_headphone,{width:16,height:16}):(0,s.jsx)(_.QIcon_pause_single,{width:17,height:17})}),(0,s.jsx)(i.IF.Label,{children:r("PLAYING"!==o?h.hnb.activity.btn_playmyvoice:h.hnb.activity.btn_playmyvoice_stop)})]})}):(0,s.jsxs)("div",{className:"mb-[20px] flex flex-col items-center",children:[(0,s.jsx)("button",{disabled:a!==w.END_LISTENING,className:"flex items-center justify-center",onClick:()=>{window.ReactNativeWebView.postMessage(JSON.stringify({type:"START_RECORD"}))},children:(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white ".concat(a!==w.END_LISTENING&&"opacity-40"),style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(_.QIcon_mic_default,{width:40,height:40,color:b.lm.PURPLE500})})}),(0,s.jsx)("span",{className:"Body2-14Md mt-[9px] text-purple-500",children:r(h.hnb.activity.txt_record)})]})})})};var j=l(17398);let v=e=>{let{activityId:t,handleShadowingStatus:l,shadowingStatus:a,recordingProps:c}=e,{t:d}=(0,y.Ay)(),[r,x]=(0,n.useState)(!1),{mutate:o}=m(t),{isRecording:u,isPaused:p,audioURL:N,startRecording:I,stopRecording:E,pauseRecording:f,playAudio:g,mediaRecorder:v,hasFinishedPlaying:S,stopPlayback:R,pausePlayback:A}=c;return(0,n.useEffect)(()=>{""!==N&&a!==w.SKIP_RECORDING&&l(w.END_RECORDING)},[N]),(0,n.useEffect)(()=>{S&&x(!1)},[S]),(0,s.jsx)(s.Fragment,{children:u?(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[v&&(0,s.jsx)(j.r,{mediaRecorder:v,width:246,height:64,barColor:b.lm.PURPLE300}),(0,s.jsx)("span",{className:"Body2-14Md mt-[9px] mb-[20px] text-purple-500",children:d(h.hnb.activity.txt_record2)}),(0,s.jsx)("div",{className:"flex w-fit",children:(0,s.jsx)(i.IF,{size:i.Vp.MD,type:i.II.OUTLINE,customBorderColor:b.lm.GRAY300,onClick:()=>{E(),o()},children:(0,s.jsx)(i.IF.Label,{children:d(h.hnb.activity.btn_readdone)})})})]}):(0,s.jsxs)("div",{className:"mb-[20px] flex flex-col items-center",children:[a!==w.END_RECORDING&&(0,s.jsx)("button",{disabled:a!==w.END_LISTENING,className:"flex items-center justify-center",onClick:I,children:(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white ".concat(a!==w.END_LISTENING&&"opacity-40"),style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(_.QIcon_mic_default,{width:40,height:40,color:b.lm.PURPLE500})})}),a===w.END_LISTENING&&(0,s.jsx)("span",{className:"Body2-14Md mt-[9px] text-purple-500",children:d(h.hnb.activity.txt_record)}),a===w.END_RECORDING&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"Body2-14Md mt-[9px] mb-[20px] hidden text-purple-500 sm:inline",children:d(h.hnb.activity.txt_record3)}),(0,s.jsx)("div",{className:"w-fit",children:(0,s.jsxs)(i.IF,{type:i.II.OUTLINE,isIconMode:!0,customBorderColor:b.lm.GRAY300,onClick:()=>{r?(A(),x(!1)):(g(),x(!0))},className:"gap-[4px]",children:[(0,s.jsx)(i.IF.Icon,{alt:"audio",children:!r||S?(0,s.jsx)(_.QIcon_headphone,{width:16,height:16}):(0,s.jsx)(_.QIcon_pause_single,{width:17,height:17})}),(0,s.jsx)(i.IF.Label,{children:d(!r||S?h.hnb.activity.btn_playmyvoice:h.hnb.activity.btn_playmyvoice_stop)})]})})]})]})})};var S=l(74644),R=l(1082),A=l(92186);let T=e=>{let{activityId:t,activityStatus:l,handleShadowingStatus:c,stopPlayback:d,stopRecording:r,handleNext:x,recordingProps:o,handleMobileRecording:u,isMobileRecording:m}=e,{t:N}=(0,y.Ay)(),I=(0,R.A)(),E=(0,p.A)(),{sendClickEvent:f}

1=(0,a.$V)(),[j,T]=(0,n.useState)(!1),L=l===w.BEFORE_LISTENING?N(h.hnb.activity.btn_skip1):l===w.END_LISTENING?N(h.hnb.activity.btn_skip2):"다시하기",{mutate:F}=(0,S.gG)(t),C=()=>{j||(T(!0),d(),x(),B?f({button_name:"daily_study_next",object_id:t,object_title:"SPEAKING_SHADOWING",object_context:"None"}):f({button_name:"daily_study_done",object_id:t,object_title:"SPEAKING_SHADOWING"}))},B=l===w.END_RECORDING||l===w.SKIP_RECORDING;return(0,n.useEffect)(()=>()=>{T(!1)},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"fixed bottom-0 left-0 flex w-full bg-white px-16 pt-12 pb-[43px] sm:px-32 sm:pt-12 sm:pb-16 lg:h-[110px] lg:px-[120px] lg:pb-[32px] lg:pt-20 xl:justify-center xl:px-[200px] ".concat(B?"sm: hidden sm:flex sm:h-[266px] lg:h-[110px]":"sm:h-[86px]"),style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col items-center lg:flex-row xl:max-w-[1040px] ".concat(B?"lg:justify-between":"lg:justify-end"),children:[B&&(0,s.jsxs)("div",{className:"mb-32 flex flex-col items-center gap-[12px] sm:mt-8 lg:mt-0 lg:mb-0 lg:flex-row lg:items-start",children:[(0,s.jsx)(_.QIcon_check_filled,{width:54,height:54,color:l===w.END_RECORDING?b.lm.PURPLE500:b.lm.GRAY700}),(0,s.jsxs)("div",{className:"flex flex-col items-center lg:items-start lg:justify-center lg:gap-4",children:[(0,s.jsx)("span",{className:"Headline2-24Bd ".concat(l===w.END_RECORDING?"text-purple-500":"text-purple-900"),children:N(l===w.END_RECORDING?h.hnb.activity.success_txt1:h.hnb.activity.skip_txt1)}),(0,s.jsx)("span",{className:"Body1-16Md text-gray-600",children:N(l===w.END_RECORDING?h.hnb.activity.success_txt2:h.hnb.activity.skip_txt2)})]})]}),(0,s.jsxs)("div",{className:"flex w-full gap-16 ".concat(B?"lg:w-[160px]":"lg:w-[336px]"),children:[!B&&(0,s.jsx)(i.IF,{type:i.II.OUTLINE,size:i.Vp.LG,customBorderColor:b.lm.GRAY300,onClick:()=>{l===w.BEFORE_LISTENING?(f({button_name:"daily_study_skip_audio",object_context:"SPEAKING_SHADOWING"}),c(w.END_LISTENING)):l===w.END_LISTENING?(d(),r(),F(),c(w.SKIP_RECORDING)):(d(),c(w.BEFORE_LISTENING))},children:(0,s.jsx)(i.IF.Label,{children:L})}),(0,s.jsx)(i.IF,{size:i.Vp.LG,isLoading:j,onClick:C,customBgColor:l===w.SKIP_RECORDING&&b.lm.GRAY700,disabled:l!==w.END_RECORDING&&l!==w.SKIP_RECORDING,children:(0,s.jsx)(i.IF.Label,{children:N(B?h.FxB.btn_next:h.hnb.activity.btn_done)})})]})]})}),B&&(0,s.jsx)(A.A,{id:"shadowingBottomSheet",className:"".concat((w.SKIP_RECORDING,"")),children:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center pb-[43px] pt-40",children:[(0,s.jsx)(_.QIcon_check_filled,{width:48,height:48,color:l===w.END_RECORDING?b.lm.PURPLE500:b.lm.GRAY700}),(0,s.jsxs)("div",{className:"mb-24 mt-8 flex flex-col items-center",children:[(0,s.jsx)("span",{className:"Headline2-24Bd  ".concat(l===w.END_RECORDING?"text-purple-500":"text-gray-700"),children:N(l===w.END_RECORDING?h.hnb.activity.success_txt1:h.hnb.activity.skip_txt1)}),(0,s.jsx)("span",{className:"Body1-16Md whitespace-pre-line text-center text-gray-600",children:l===w.END_RECORDING?N(h.hnb.activity.success_txt2):(0,s.jsx)(s.Fragment,{children:N(I?h.hnb.activity.skip_txt2_app:h.hnb.activity.skip_txt2_PC)})})]}),l===w.END_RECORDING&&(0,s.jsx)("div",{className:"mb-24",children:E?(0,s.jsx)(g,{activityId:t,handleShadowingStatus:c,shadowingStatus:l,handleMobileRecording:u,isMobileRecording:m}):(0,s.jsx)(v,{activityId:t,handleShadowingStatus:c,shadowingStatus:l,recordingProps:o},"END_RECORD_BUTTON")}),(0,s.jsx)(i.IF,{size:i.Vp.LG,onClick:C,isLoading:j,customBgColor:l===w.SKIP_RECORDING&&b.lm.GRAY700,disabled:l!==w.END_RECORDING&&l!==w.SKIP_RECORDING,children:(0,s.jsx)(i.IF.Label,{children:N(B?h.FxB.btn_next:h.hnb.activity.btn_done)})})]})})]})},w={BEFORE_LISTENING:0,END_LISTENING:1,END_RECORDING:2,SKIP_RECORDING:3},L={SLOW:.8,DEFAULT:1,FAST:1.2},F=e=>{let{activityId:t,handleNext:l}=e,{t:d}=(0,y.Ay)(),r=(0,p.A)(),{sendClickEvent:o}=(0,a.$V)(),[m,_]=(0,n.useState)(w.BEFORE_LISTENING),[N,b]=(0,n.useState)(null),[E,f]=(0,n.useState)(L.DEFAULT),[j,S]=(0,n.useState)(!1),R=(()=>

1{let[e,t]=(0,n.useState)(!1),[l,s]=(0,n.useState)(!1),[i,a]=(0,n.useState)(""),[c,d]=(0,n.useState)(null),[r,x]=(0,n.useState)(!1),[o,u]=(0,n.useState)(null),m=(0,n.useRef)([]),p=(0,n.useRef)(null);return{isRecording:e,isPaused:l,audioURL:i,audioBlob:o,mediaRecorder:c,hasFinishedPlaying:r,startRecording:()=>{if(l){c.resume(),s(!1);return}if(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia)return void console.error("Browser does not support getUserMedia");navigator.mediaDevices.getUserMedia({audio:!0}).then(e=>{let l=new MediaRecorder(e);l.ondataavailable=e=>{m.current.push(e.data)},l.onstop=()=>{e.getTracks().forEach(e=>e.stop());let t=new Blob(m.current,{type:"audio/wav"});a(URL.createObjectURL(t)),u(t),m.current=[]},l.start(),t(!0),d(l)})},stopRecording:()=>{c&&(c.stop(),t(!1),s(!1))},pauseRecording:()=>{c&&e&&(c.pause(),s(!0))},playAudio:()=>{p.current||(p.current=new Audio(i)),p.current.play(),x(!1),p.current.addEventListener("ended",()=>{x(!0)})},stopPlayback:()=>{p.current&&(p.current.pause(),p.current=null),a("")},pausePlayback:()=>{p.current&&p.current.pause()}}})(),{stopPlayback:A,stopRecording:F,isRecording:C}=R,{data:B,isFetching:G}=(e=>{let t=(0,x.bx)(),l={activityId:e};return(0,c.I)({queryKey:u.getQueryKey({pathParams:l}),queryFn:u.getQueryFn({pathParams:l}),enabled:!!t&&!!e})})(t),O=e=>{b(e)},M=e=>{_(e)},D=e=>{o({button_name:"daily_study_play_speed",object_title:String(e),object_context:"SPEAKING_SHADOWING"}),f(e)},P=e=>S(e);return((0,n.useEffect)(()=>{_(w.BEFORE_LISTENING),b(null),f(L.DEFAULT),S(!1)},[t]),G||!B)?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex min-h-[75px] w-full flex-col justify-start sm:mb-40 sm:min-h-[86px]",children:[(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline1-28Bd mb-8 w-full",children:m===w.BEFORE_LISTENING?(0,s.jsx)("span",{children:B.activity.titles[0]}):(0,s.jsx)("span",{children:B.activity.titles[1]})}),m===w.BEFORE_LISTENING?(0,s.jsxs)("div",{className:"mt-4 flex h-[35px] items-center gap-8 sm:gap-16",children:[(0,s.jsx)("span",{className:"Body2-14Bd sm:Body1-16Bd text-gray-500",children:d(h.hnb.activity.btn_speed_title)}),(0,s.jsxs)("div",{className:"flex gap-8",children:[(0,s.jsx)(i.vu,{type:i.iy.CHOICE,size:i.LT.SM,id:L.SLOW,initialSelected:E===L.SLOW,clickable:E!==L.SLOW,onClick:()=>{D(L.SLOW)},children:(0,s.jsx)(i.vu.Label,{children:d(h.hnb.activity.btn_speed1)})}),(0,s.jsx)(i.vu,{type:i.iy.CHOICE,size:i.LT.SM,id:L.DEFAULT,initialSelected:E===L.DEFAULT,clickable:E!==L.DEFAULT,onClick:()=>{D(L.DEFAULT)},children:(0,s.jsx)(i.vu.Label,{children:d(h.hnb.activity.btn_speed2)})}),(0,s.jsx)(i.vu,{type:i.iy.CHOICE,size:i.LT.SM,id:L.FAST,initialSelected:E===L.FAST,clickable:E!==L.FAST,onClick:()=>{D(L.FAST)},children:(0,s.jsx)(i.vu.Label,{children:d(h.hnb.activity.btn_speed3)})})]})]}):m===w.END_LISTENING?(0,s.jsx)(I,{sentences:B.activity.contents,handleCurrentSentence:O,handleStatus:M,shadowingStatus:m,isRecording:C,audioUrl:B.activity.audio_url,timestamp:B.activity.timestamp,isMobileRecording:j,ttsSpeed:E},"AFTER_LISTENING_BUTTON"):m===w.END_RECORDING?(0,s.jsx)("span",{className:"Title2-18Md text-purple-500",children:d(h.hnb.activity.txt_recorddone)}):m===w.SKIP_RECORDING?(0,s.jsx)("span",{className:"Title2-18Md text-purple-500",children:d(h.hnb.activity.txt_record)}):void 0]}),(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline3-22Bd mb-[45px] w-full text-center text-gray-400",children:B.activity.contents.map((e,t)=>t===N?(0,s.jsx)("span",{className:"text-purple-500",children:e+" "},"".concat(t).concat(e)):(0,s.jsx)("span",{children:e+" "},"".concat(t).concat(e)))}),m===w.BEFORE_LISTENING?(0,s.jsx)(I,{sentences:B.activity.contents,handleCurrentSentence:O,handleStatus:M,shadowingStatus:m,audioUrl:B.activity.audio_url,timestamp:B.activity.timestamp,isRecording:!1,isMobileRecording:j,ttsSpeed:E},"BEFORE_LISTENING_BUTTON"):m===w.END_LISTENING?r?(0,s.jsx)(g,{activityId:t,handleShadowingStatus:M,shadowingStatus:m,handleMobileRecording:P,isMobileRecording:j}):(0,s.jsx)(v,{activityId:t,handleShadowingStatus:M,shadowingStatus:m,recordingProps:R},"END_LISTENING_RECORD_BUTTON"):(0,s.jsx)("div",{className:"hidden sm:block",children:(0,s.jsx)(v,{activityId:t,handleShadowingStatus:M,shadowingStatus:m,recordingProps:R},"END_RECORD_BUTTON")}),(0,s.jsx)(T,{activityId:t,activityStatus:m,handleShadowingStatus:M,stopPlayback:A,stopRecording:F,handleNext:l,recordingProps:R,handleMobileRecording:P,isMobileRecording:j})]})}},32004:(e,t,l)=>{l.d(t,{g:()=>c});var s=l(80263),i=l(11230),n=l.n(i),a=l(37034);let c=e=>{var t;let{children:l}=e,i=null==(t=document)?void 0:t.getElementById("ds-bottom-sheet");return(0,a.createPortal)((0,s.jsx)(d,{children:l}),i)},d=e=>(0,s.jsx)("div",{className:n()("fixed z-[101] w-full rounded-t-[16px] bg-white px-[16px] shadow-[0_-2px_20px_0_rgba(0,0,0,0.1)]","sm:hidden"),...e})},45836:(e,t,l)=>{l.d(t,{A:()=>g});var s=l(80263),i=l(53239),n=l(87017),a=l(48251),c=l(29709),d=l(35301),r=l(79901),x=l(1786);let o=new r.A({api:c.Ay.study.activity.GRAMMAR_PICK_SENTENCE.initialInfo}),u=new r.A({api:c.Ay.study.activity.GRAMMAR_PICK_SENTENCE.feedback}),m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=(0,d.bx)(),s={activityId:e};return(0,n.I)({queryKey:o.getQueryKey({pathParams:s}),queryFn:o.getQueryFn({pathParams:s}),enabled:!!l&&!!e,...t})},p=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l={activityId:e};return(0,n.I)({queryKey:u.getQueryKey({pathParams:l}),queryFn:u.getQueryFn({pathParams:l}),enabled:!1,...t})};var h=l(84680),y=l(44618),_=l(79930),N=l(11669),b=l(32363),I=l(17109),E=l(62354);let f={BEFORE_SUBMIT:0,AFTER_SUBMIT:1},g=e=>{let{activityId:t,handleNext:l}=e,{t:n}=(0,b.Ay)(),{sendClickEvent:d}=(0,_.$V)(),[r,o]=(0,i.useState)(null),[u,g]=(0,i.useState)(f.BEFORE_SUBMIT),[j,v]=(0,i.useState)(null),{data:S,isFetching:R}=m(t),{mutate:A,isLoading:T}=(0,a.n)({mutationFn:e=>{let{answer:l}=e;return(0,x.zS)(c.Ay.study.activity.GRAMMAR_PICK_SENTENCE.submitAnswer({activityId:t}),{answer:l})}}),{refetch:w}=p(t,{onSuccess:e=>v(e)}),L=e=>{e.index!==(null==r?void 0:r.index)&&u===f.BEFORE_SUBMIT&&o(e)},F=e=>e.index===(null==r?void 0:r.index);return((0,i.useEffect)(()=>{g(f.BEFORE_SUBMIT),o(null),v(null)},[t]),R||!S)?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex w-full flex-col justify-start gap-12 sm:mb-40 sm:gap-8",children:[(0,s.jsx)("span",{className:"Title1-20Bd sm:Headline1-28Bd",children:S.activity.title}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md text-purple-500",children:n(N.hnb.activity.txt_info1)})]}),(0,s.jsx)("div",{className:"flex w-full flex-col gap-8 sm:gap-16",children:S.activity.choices.map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"hidden sm:block",children:(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.LG,customBorderColor:F(e)?y.lm.PURPLE600:y.lm.GRAY300,onClick:()=>L(e),children:(0,s.jsx)(h.IF.Label,{customTxtColor:F(e)?y.lm.PURPLE600:y.lm.BLACK,className:"whitespace-pre-line",children:e.text})})}),(0,s.jsx)("div",{className:"sm:hidden",children:(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.MD,customBorderColor:F(e)?y.lm.PURPLE600:y.lm.GRAY300,onClick:()=>L(e),children:(0,s.jsx)(h.IF.Label,{customTxtColor:F(e)?y.lm.PURPLE600:y.lm.BLACK,className:"whitespace-pre-line",children:e.text})})})]},e.text))}),j?(0,s.jsx)(E.A,{feedbacks:j,handleNext:()=>{d({button_name:"daily_study_next",object_id:t,object_title:"GRAMMAR_PICK_SENTENCE",object_context:(null==j?void 0:j.result)?"Correct":"Wrong"}),l()}}):(0,s.jsx)(I.A,{handleComplete:()=>{A({answer:r.index},{onSuccess:()=>{w(),g(f.AFTER_SUBMIT)}}),d({button_name:"daily_study_done",object_id:t,object_title:"GRAMMAR_PICK_SENTENCE"})},isLoading:T,completeDisableCondition:!r})]})}},58331:(e,t,l)=>{l.d(t,{A:()=>f});var s=l(80263),i=l(53239),n=l(87017),a=l(48251),c=l(29709),d=l(35301),r=l(79901),x=l(1786);let o=new r.A({api:c.Ay.study.activity.WRITING_BRIEF_WRITE.initialInfo}),u=new r.A({api:c.Ay.study.activity.WRITING_BRIEF_WRITE.feedback}),m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l={activityId:e};return(0,n.I)({queryKey:u.getQueryKey({pathParams:l}),queryFn:u.getQueryFn({pathParams:l}),enabled:!1,...t})};var p=l(84680),h=l(79930),y=l(11669),_=l(32363),N=l(17109),b=l(62354),I=l(87942);let E={BEFORE_SUBMIT:0,AFTER_SUBMIT:1},f=e=>{let{activityId:t,handleNext:l}=e,{t:r,isLocaleKO:u}=(0,_.Ay)(),{sendClickEvent:f}=(0,h.$V)(),[g,j]=(0,i.useState)(""),[v,S]=(0,i.useState)(E.BEFORE_SUBMIT),[R,A]=(0,i.useState)(!1),[T,w]=(0,i.useState)(null),{data:L,isFetching:F}=(e=>{let t=(0,d.bx)(),l={activityId:e};return(0,n.I)({queryKey:o.getQueryKey({pathParams:l}),queryFn:o.getQueryFn({pathParams:l}),enabled:!!t&&!!e})})(t),{mutate:C,isLoading:B}=(0,a.n)({mutationFn:e=>{let{answer:l}=e;return(0,x.zS)(c.Ay.study.activity.WRITING_BRIEF_WRITE.submitAnswer({activityId:t}),{answer:l})}}),{refetch:G}=m(t,{onSuccess:e=>w(e)});return((0,i.useEffect)(()=>{j(""),S(E.BEFORE_SUBMIT),A(!1),w(null)},[t]),F||!L)?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex w-full flex-col justify-start gap-12 sm:mb-[40px] sm:gap-8",children:[(0,s.jsx)("span",{className:"Title1-20Bd sm:Headline1-28Bd",children:L.activity.title}),(0,s.jsxs)("div",{className:"hidden w-full content-center sm:flex",children:[(0,s.jsx)("div",{className:"mr-8 min-w-[".concat(u?45:93,"px]"),children:(0,s.jsx)(p.vu,{type:p.iy.ACTIONABLE,size:p.LT.MD,className:"cursor-default",children:(0,s.jsx)(p.vu.Label,{children:r(y.hnb.activity.tip_txt1)})})}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md whitespace-pre-line text-purple-500",children:L.activity.expression})]}),(0,s.jsxs)("div",{className:"flex w-full content-center sm:hidden",children:[(0,s.jsx)("div",{className:"mr-8 min-w-[".concat(u?30:65,"px]"),children:(0,s.jsx)(p.vu,{type:p.iy.ACTIONABLE,size:p.LT.XS,className:"cursor-default",children:(0,s.jsx)(p.vu.Label,{children:r(y.hnb.activity.tip_txt1)})})}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md whitespace-pre-line text-purple-500",children:L.activity.expression})]})]}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(I.A,{name:"BRIEF_WRITE_TEXT_AREA",value:g,setValue:j,placeholder:r(y.hnb.activity.placeholder_txt1),autoFocus:!0,minRows:3,textCounter:{minLength:20,isSubmittable:R,setIsSubmittable:A},customTextClassName:"mb-[40px]",disabled:v!==E.BEFORE_SUBMIT})}),T?(0,s.jsx)(b.A,{feedbacks:T,handleNext:()=>{f({button_name:"daily_study_next",object_id:t,object_title:"WRITING_BRIEF_WRITE",object_context:"None"}),l()}}):(0,s.jsx)(N.A,{handleComplete:()=>{C({answer:g},{onSuccess:()=>{G(),S(E.AFTER_SUBMIT)}}),f({button_name:"daily_study_done",object_id:t,object_title:"WRITING_BRIEF_WRITE"})},isLoading:B,completeDisableCondition:!R})]})}},59341:(e,t,l)=>{l.d(t,{N:()=>L,A:()=>C});var s=l(80263),i=l(53239),n=l(87017),a=l(85206),c=l(48251),d=l(29709),r=l(35301),x=l(1786),o=l(79901);let u=new o.A({api:d.Ay.study.activity.GRAMMAR_LISTEN_FILL.initialInfo}),m=new o.A({api:d.Ay.study.activity.GRAMMAR_LISTEN_FILL.feedback}),p=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=(0,r.bx)(),s={activityId:e};return(0,n.I)({queryKey:u.getQueryKey({pathParams:s}),queryFn:u.getQueryFn({pathParams:s}),enabled:!!l&&!!e,...t})};var h=l(84680),y=l(79930),_=l(11669),N=l(32363),b=l(62354),I=l(1082),E=l(98163);let f=e=>{let{handleAnswer:t,index:l,answers:i,listenFillStatus:n,isAnswerCorrect:a,answerLength:c=1}=e,d=(0,I.A)(),{t:r}=((0,E.A)(),(0,N.Ay)()),{toastInfo:x}=(0,h.dj)(),o=n===L.AFTER_SUBMIT||n===L.SKIP_ACTIVITY,u=n!==L.AFTER_SUBMIT||n!==L.AFTER_SUBMIT||a?"text-purple-500":"text-red-500";return(0,s.jsx)("input",{className:"mx-4 border-b-2 border-gray-300 px-1 focus:outline-none disabled:bg-white ".concat(u," inline-block text-center"),style:{width:c*(d?14:16)+"px"},onChange:e=>{let{target:s}=e;

1s.value.match(/[^a-zA-Z]/g)&&x(r(_.hnb.activity.toast1),{className:"".concat("!mb-[107px]"," md:!mb-[76px] lg:!mb-[100px]")}),t(l,s.value.replace(/[^a-zA-Z]/g,""))},value:i[l]?i[l]:"",disabled:o})},g=e=>{let{contents:t,handleAnswer:l,answers:i,listenFillStatus:n,isAnswersCorrect:a,currentSentence:c,answerLengths:d}=e;return(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline3-22Bd mb-[37px] w-full text-center text-gray-400",children:t.reduce((e,t,r)=>(t.map((t,x)=>{""===t?(e.blankCount+=1,e.elements.push((0,s.jsx)(f,{index:e.blankCount-1,handleAnswer:l,answerLength:d[e.blankCount-1],answers:i,listenFillStatus:n,isAnswerCorrect:a[e.blankCount-1]},"blank"+String(e.blankCount)))):e.elements.push((0,s.jsx)("span",{className:r===c?"text-purple-500":"text-gray-400",children:0===x?" ".concat(t):t},t+e.elements.length))}),e),{blankCount:0,elements:[]}).elements})};var j=l(94146),v=l(44618),S=l(32004);let R={skip:"lg:justify-between",studying:"lg:justify-end"},A=e=>{let{activityStatus:t,handleListenFillStatus:l,handleSubmitAnswers:n,isSubmittable:a,resetActivity:c,handleNext:d,submitLoading:r}=e,{t:x}=(0,N.Ay)(),[o,u]=(0,i.useState)(!1),m=(0,E.A)(),{sendClickEvent:p}=(0,y.$V)(),b=()=>{t===L.BEFORE_LISTENING?(p({button_name:"daily_study_skip_audio",object_context:"GRAMMAR_LISTEN_FILL"}),l(L.END_LISTENING)):t===L.END_LISTENING?l(L.SKIP_ACTIVITY):t===L.SKIP_ACTIVITY&&c()},I=()=>{r||o||(u(!0),g?d():n())},f=t===L.BEFORE_LISTENING?x(_.hnb.activity.btn_skip1):t===L.END_LISTENING?"건너뛰기":"다시하기",g=t===L.SKIP_ACTIVITY,A=t===L.AFTER_SUBMIT,T=t===L.END_LISTENING;return((0,i.useEffect)(()=>()=>{u(!1)},[]),m)?(0,s.jsx)(S.g,{children:(0,s.jsx)("div",{className:"fixed bottom-0 left-0 flex h-[117px] w-full bg-white py-12 px-16 sm:h-[86px] sm:px-32 sm:pt-12 sm:pb-16 lg:h-[110px] lg:px-[120px] lg:pb-[32px] lg:pt-20 xl:px-[200px] ".concat(A&&"hidden sm:flex sm:h-[266px] lg:h-[110px]"),style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col items-center justify-start lg:flex-row ".concat(g?R.skip:R.studying),children:[g&&(0,s.jsxs)("div",{className:"flex gap-[20px]",children:[(0,s.jsx)(j.QIcon_check_filled,{width:64,height:64,color:v.lm.GRAY700}),(0,s.jsxs)("div",{className:"flex flex-col justify-center gap-[4px]",children:[(0,s.jsx)("span",{className:"Headline2-24Bd text-purple-900",children:"문장 듣고 채우기를 건너뛸게요."}),(0,s.jsx)("span",{className:"Body1-16Md text-gray-600",children:"액티비티를 완료하지 않으면 데일리 학습을 완료할 수 없어요."})]})]}),(0,s.jsxs)("div",{className:"flex w-full gap-12 ".concat(T?"lg:w-[160px]":"lg:w-[336px]"),children:[t===L.BEFORE_LISTENING&&(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.LG,customBorderColor:v.lm.GRAY300,onClick:b,children:(0,s.jsx)(h.IF.Label,{children:f})}),(0,s.jsx)(h.IF,{size:h.Vp.LG,onClick:I,customBgColor:g&&v.lm.GRAY700,disabled:!a&&!g,isLoading:r||o,children:(0,s.jsx)(h.IF.Label,{children:x(g?_.FxB.btn_next:_.hnb.activity.btn_done)})})]})]})})}):(0,s.jsx)("div",{className:"fixed bottom-0 left-0 flex h-[117px] w-full justify-center bg-white py-12 px-16 sm:h-[86px] sm:px-32 sm:pt-12 sm:pb-16 lg:h-[110px] lg:px-[120px] lg:pb-[32px] lg:pt-20 xl:px-[200px] ".concat(A&&"hidden sm:flex sm:h-[266px] lg:h-[110px]"),style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsxs)("div",{className:"flex h-full w-full max-w-[1040px] flex-col items-center justify-start lg:flex-row ".concat(g?R.skip:R.studying),children:[g&&(0,s.jsxs)("div",{className:"flex gap-[20px]",children:[(0,s.jsx)(j.QIcon_check_filled,{width:64,height:64,color:v.lm.GRAY700}),(0,s.jsxs)("div",{className:"flex flex-col justify-center gap-[4px]",children:[(0,s.jsx)("span",{className:"Headline2-24Bd text-purple-900",children:"문장 듣고 채우기를 건너뛸게요."}),(0,s.jsx)("span",{className:"Body1-16Md text-gray-600",children:"액티비티를 완료하지 않으면 데일리 학습을 완료할 수 없어요."})]})]}),(0,s.jsxs)("div",{className:"flex w-full gap-12 ".concat(T?"lg:w-[160px]":"lg:w-[336px]"),children:[t===L.BEFORE_LISTENING&&(0,s.jsx)(h.IF,{type:h.II.OUTLINE,size:h.Vp.LG,customBorderColor:v.lm.GRAY300,onClick:b,children:(0,s.jsx)(h.IF.Label,{children:f})}),(0,s.jsx)(h.IF,{size:h.Vp.LG,onClick:I,customBgColor:g&&v.lm.GRAY700,disabled:!a&&!g,isLoading:r||o,children:(0,s.jsx)(h.IF.Label,{children:x(g?_.FxB.btn_next:_.hnb.activity.btn_done)})})]})]})})};var T=l(58467);let w=e=>{let{handleCurrentSentence:t,handleStatus:l,listenFillStatus:n,audioUrl:a,timestamp:c,ttsSpeed:d}=e,{t:r}=(0,N.Ay)(),{sendClickEvent:x}=(0,y.$V)(),[o,u]=(0,i.useState)(!1),{curTime:m,playing:p,setPlaying:b,pauseAudio:I,duration:E}

1=(0,T.A)({audioId:"listenFillAudio",isReady:o}),f=()=>{x({button_name:p?"daily_study_pause":"daily_study_play",object_context:"GRAMMAR_LISTEN_FILL"}),n!==L.AFTER_SUBMIT&&n!==L.SKIP_ACTIVITY&&b(e=>!e)},g=()=>u(!0),S=()=>{b(!1),t(null),n===L.BEFORE_LISTENING&&l(L.END_LISTENING)};return((0,i.useEffect)(()=>{if(!p)return;let e=c.findIndex(e=>1e3*m<Number(e));t(-1===e?c.length-1:e-1)},[m]),(0,i.useEffect)(()=>{(n===L.AFTER_SUBMIT||n===L.SKIP_ACTIVITY)&&(I(),b(!1))},[n]),(0,i.useEffect)(()=>()=>{t(null)},[]),(0,i.useEffect)(()=>{let e=document.getElementById("listenFillAudio");e&&(e.playbackRate=d)},[d]),n!==L.BEFORE_LISTENING)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(h.vu,{type:h.iy.CHOICE,size:h.LT.SM,className:"items-center justify-center gap-[4px]",onClick:f,disabled:n===L.AFTER_SUBMIT,clickable:!1,children:[(0,s.jsx)(h.vu.Label,{children:r(p?_.hnb.activity.btn_playstop:_.hnb.activity.btn_playagain)}),p?(0,s.jsx)(j.QIcon_pause_single,{width:12,height:12,className:"mb-2"}):(0,s.jsx)(j.QIcon_play_single,{width:12,height:12,className:"mb-2"})]}),a&&(0,s.jsx)("audio",{src:a,id:"listenFillAudio",onCanPlay:g,onEnded:S})]}):(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("button",{className:"mb-[10px] flex rounded-[50%]",onClick:f,children:[p?(0,s.jsxs)("div",{className:"Body2-14Md flex flex-col items-center gap-[7px] text-center text-purple-500",children:[(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white",style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(j.QIcon_pause_single,{width:40,height:40,color:v.lm.PURPLE500})}),(0,s.jsx)("span",{className:"ml-[4px]",children:r(_.hnb.activity.txt_play)})]}):(0,s.jsx)("div",{className:"flex h-[54px] w-[54px] items-center justify-center rounded-[50%] bg-white",style:{filter:"drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15))"},children:(0,s.jsx)(j.QIcon_play_single,{width:40,height:40,color:v.lm.PURPLE500})}),a&&(0,s.jsx)("audio",{src:a,id:"listenFillAudio",onCanPlay:g,onEnded:S})]})})},L={BEFORE_LISTENING:0,END_LISTENING:1,AFTER_SUBMIT:2,SKIP_ACTIVITY:3},F={SLOW:.8,DEFAULT:1,FAST:1.2},C=e=>{let{activityId:t,handleNext:l}=e,{t:r}=(0,N.Ay)(),{sendClickEvent:o}=(0,y.$V)(),[u,I]=(0,i.useState)(L.BEFORE_LISTENING),[E,f]=(0,i.useState)(F.DEFAULT),[j,v]=(0,i.useState)(null),[S,R]=(0,i.useState)([]),[T,C]=(0,i.useState)([]),[B,G]=(0,i.useState)(null),{data:O,isFetching:M}=p(t,{onSuccess:e=>{R(Array(e.activity.blank_length.length).fill(""))}}),{mutate:D,isLoading:P}=(e=>{let t=(0,a.jE)(),l={activityId:e};return(0,c.n)({mutationFn:t=>{let{answer:l}=t;return(0,x.zS)(d.Ay.study.activity.GRAMMAR_LISTEN_FILL.submitAnswer({activityId:e}),{answer:l})},onSuccess:()=>t.invalidateQueries(m.getQueryKey({pathParams:l}))})})(t),{refetch:U}=((e,t)=>{let l={activityId:e};return(0,n.I)({queryKey:m.getQueryKey({pathParams:l}),queryFn:m.getQueryFn({pathParams:l}),cacheTime:0,enabled:!1,...t})})(t,{onSuccess:e=>{I(L.AFTER_SUBMIT),C(e.answer_details.map(e=>e.is_corrected)),G(e)}}),k=()=>{Q(L.BEFORE_LISTENING),G(null),v(null),f(F.DEFAULT),C([]),R([])},K=e=>{o({button_name:"daily_study_play_speed",object_title:String(e),object_context:"GRAMMAR_LISTEN_FILL"}),f(e)},Y=e=>v(e),Q=e=>I(e),z=()=>{o({button_name:"daily_study_next",object_id:t,object_title:"GRAMMAR_LISTEN_FILL",object_context:(null==B?void 0:B.result)?"Correct":"Wrong"}),l()};(0,i.useEffect)(()=>{k()},[t]);let V=S.every(e=>""!==e);return M||!O?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex h-[75px] w-full flex-col justify-start sm:mb-40 sm:h-[86px]",children:[(0,s.jsx)("div",{className:"Title1-20Bd sm:Headline1-28Bd mb-8 w-full",children:(e=>e===L.BEFORE_LISTENING?(0,s.jsx)("span",{children:O.activity.titles[L.BEFORE_LISTENING]}):(L.END_LISTENING,(0,s.jsx)("span",{children:O.activity.titles[L.END_LISTENING]})))(u)}),(e=>u===L.BEFORE_LISTENING?(0,s.jsxs)("div",{className:"mt-4 flex h-[35px] items-center gap-8 sm:gap-16",children:[(0,s.jsx)("span",{className:"Body2-14Bd sm:Body1-16Bd text-gray-500",children:r(_.hnb.activity.btn_speed_title)}),(0,s.jsxs)("div",{className:"flex gap-8",children:[(0,s.jsx)(h.vu,{type:h.iy.CHOICE,size:h.LT.SM,id:F.SLOW,initialSelected:E===F.SLOW,clickable:E!==F.SLOW,onClick:()=>{K(F.SLOW)},children:(0,s.jsx)(h.vu.Label,{children:r(_.hnb.activity.btn_speed1)})}),(0,s.jsx)(h.vu,{type:h.iy.CHOICE,size:h.LT.SM,id:F.DEFAULT,initialSelected:E===F.DEFAULT,clickable:E!==F.DEFAULT,onClick:()=>{K(F.DEFAULT)},children:(0,s.jsx)(h.vu.Label,{children:r(_.hnb.activity.btn_speed2)})}),(0,s.jsx)(h.vu,{type:h.iy.CHOICE,size:h.LT.SM,id:F.FAST,initialSelected:E===F.FAST,clickable:E!==F.FAST,onClick:()=>{K(F.FAST)},children:(0,s.jsx)(h.vu.Label,{children:r(_.hnb.activity.btn_speed3)})})]})]}):(0,s.jsx)(w,{handleCurrentSentence:Y,handleStatus:Q,listenFillStatus:u,audioUrl:e.activity.audio_url,timestamp:e.activity.timestamp,tt

1sSpeed:E}))(O)]}),(0,s.jsx)(g,{contents:O.activity.contents,handleAnswer:(e,t)=>{R(l=>{let s=[...l];return s[e]=1===t.length?t.toLowerCase():t,s})},answerLengths:O.activity.blank_length,answers:S,listenFillStatus:u,isAnswersCorrect:T,currentSentence:j}),(e=>{if(e===L.BEFORE_LISTENING)return(0,s.jsx)(w,{handleCurrentSentence:Y,handleStatus:Q,listenFillStatus:u,audioUrl:O.activity.audio_url,timestamp:O.activity.timestamp,ttsSpeed:E})})(u),B?(0,s.jsx)(b.A,{feedbacks:B,handleNext:z}):(0,s.jsx)(A,{activityStatus:u,handleListenFillStatus:Q,handleSubmitAnswers:()=>{D({answer:S.map(e=>e.toLowerCase())},{onSuccess:()=>{U()}}),o({button_name:"daily_study_done",object_id:t,object_title:"GRAMMAR_LISTEN_FILL"})},isSubmittable:V,resetActivity:k,handleNext:z,submitLoading:P})]})}},62354:(e,t,l)=>{l.d(t,{A:()=>p});var s=l(80263),i=l(84680),n=l(94146),a=l(53239),c=l(11669),d=l(32363),r=l(44618),x=l(92186);let o=e=>{let{result:t,feedback:l,handleNext:o}=e,[u,m]=(0,a.useState)(!1),{t:p}=(0,d.Ay)();return(0,s.jsx)(x.A,{id:"feedbackBottomSheet",className:"",children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col items-center pt-40 pb-[43px]",children:[(0,s.jsxs)("div",{className:"mb-24 flex flex-col items-center gap-8",children:[t?(0,s.jsx)(n.QIcon_check_filled,{width:48,height:48,color:r.lm.PURPLE500}):(0,s.jsx)(n.QIcon_close_filled,{width:48,height:48,color:r.lm.RED400}),(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center lg:items-start",children:[(0,s.jsx)("span",{className:"Headline2-24Bd ".concat(t?"text-purple-500":"text-red-400"),children:p(t?c.hnb.activity.success_txt1:c.hnb.activity.fail_txt1)}),(0,s.jsx)("span",{className:"Body1-16Md text-gray-600",children:p(t?c.hnb.activity.success_txt2:c.hnb.activity.fail_txt2)})]})]}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-32",children:[(0,s.jsx)("div",{className:"Body2-14Md h-[139px] w-full overflow-auto whitespace-pre-line rounded-[8px] bg-gray-50 p-16 text-gray-900",children:l}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(i.IF,{size:i.Vp.LG,onClick:()=>{u||(m(!0),o())},customBgColor:!t&&r.lm.RED400,isLoading:u,children:(0,s.jsx)(i.IF.Label,{children:p(c.FxB.btn_next)})})})]})]})})},u=e=>{let{feedback:t,result:l,handleNext:n}=e,[x,o]=(0,a.useState)(!1),{t:u}=(0,d.Ay)();return(0,s.jsxs)("div",{className:"flex w-full flex-col gap-[32px] lg:w-[600px] lg:items-end",children:[(0,s.jsx)("div",{className:"Body1-16Md h-[139px] w-full overflow-auto whitespace-pre-line rounded-[8px] bg-gray-50 p-16 text-gray-900",children:t}),(0,s.jsx)("div",{className:"w-full lg:w-[160px]",children:(0,s.jsx)(i.IF,{size:i.Vp.LG,onClick:()=>{x||(o(!0),n())},customBgColor:!l&&r.lm.RED400,isLoading:x,children:(0,s.jsx)(i.IF.Label,{children:u(c.FxB.btn_next)})})})]})},m={answerInfo:"mb-12 flex flex-col items-center gap-12 lg:mb-20 lg:flex-row lg:items-start xl:min-w-fit"},p=e=>{let{feedbacks:t,handleNext:l}=e,{t:i}=(0,d.Ay)(),{feedback:a,result:x}=t;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"fixed bottom-0 left-0 hidden w-full bg-white sm:flex sm:h-[417px] sm:px-32 sm:py-20 lg:h-[385px] lg:py-[32px] lg:px-[120px] xl:h-[293px] xl:justify-center xl:px-[200px]",style:{boxShadow:"0px -3px 16px 0px rgba(0, 0, 0, 0.05)"},children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col items-center lg:items-start xl:max-w-[1040px] xl:flex-row xl:justify-between",children:[(0,s.jsxs)("div",{className:m.answerInfo,children:[x?(0,s.jsx)(n.QIcon_check_filled,{width:64,height:64,color:r.lm.PURPLE500}):(0,s.jsx)(n.QIcon_close_filled,{width:64,height:64,color:r.lm.RED400}),(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center lg:items-start",children:[(0,s.jsx)("span",{className:"Headline2-24Bd ".concat(x?"text-purple-500":"text-red-400"),children:i(x?c.hnb.activity.success_txt1:c.hnb.activity.fail_txt1)}),(0,s.jsx)("span",{className:"Body1-16Md text-gray-600",children:i(x?c.hnb.activity.success_txt2:c.hnb.activity.fail_txt2)})]})]}),(0,s.jsx)("div",{className:"lg:flex lg:w-full lg:justify-end",children:(0,s.jsx)(u,{feedback:a,result:x,handleNext:l})})]})}),(0,s.jsx)("div",{className:"block sm:hidden",children:(0,s.jsx)(o,{result:x,feedback:a,handleNext:l})})]})}},63061:(e,t,l)=>{l.d(t,{A:()=>f});var s=l(80263),i=l(53239),n=l(87017),a=l(48251),c=l(29709),d=l(35301),r=l(79901),x=l(1786);let o=new r.A({api:c.Ay.study.activity.WRITING_TRANSLATE.initialInfo}),u=new r.A({api:c.Ay.study.activity.WRITING_TRANSLATE.feedback}),m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l={activityId:e};return(0,n.I)({queryKey:u.getQueryKey({pathParams:l}),queryFn:u.getQueryFn({pathParams:l}),enabled:!1,...t})};var p=l(84680),h=l(79930),y=l(11669),_=l(32363),N=l(17109),b=l(62354),I=l(87942);let E={BEFORE_SUBMIT:0,AFTER_SUBMIT:1},f=e=>{let{activityId:t,handleNext:l}=e,{t:r}=(0,_.Ay)(),{sendClickEvent:u}=(0,h.$V)(),[f,g]=(0,i.useState)(""),[j,v]=(0,i.useState)(E.BEFORE_SUBMIT),[S,R]=(0,i.useState)(!1),[A,T]=(0,i.useState)(null),{data:w,isFetching:L}=(e=>{let t=(0,d.bx)(),l={activityId:e};return(0,n.I)({queryKey:o.getQueryKey({pathParams:l}),queryFn:o.getQueryFn({pathParams:l}),enabled:!!t&&!!e})})(t),{mutate:F,isLoading:C}=(0,a.n)({mutationFn:e=>{let{answer:l}=e;return(0,x.zS)(c.Ay.study.activity.WRITING_TRANSLATE.submitAnswer({activityId:t}),{answer:l})}}),{refetch:B}=m(t,{onSuccess:e=>T(e)});return((0,i.useEffect)(()=>{v(E.BEFORE_SUBMIT),g(""),R(!1),T(null)},[t]),L||!w)?null:(0,s.jsxs)("div",{className:"flex w-full flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"mb-48 flex w-full flex-col justify-start gap-12 sm:mb-[40px] sm:gap-8",children:[(0,s.jsx)("span",{className:"Title1-20Bd sm:Headline1-28Bd",children:w.activity.title}),(0,s.jsxs)("div",{className:"hidden content-center gap-8 sm:flex",children:[(0,s.jsx)("div",{className:"min-w-[42px]",children:(0,s.jsx)(p.vu,{type:p.iy.ACTIONABLE,size:p.LT.MD,className:"cursor-default",children:(0,s.jsx)(p.vu.Label,{children:"TIP"})})}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md text-purple-400",children:w.activity.tip})]}),(0,s.jsxs)("div",{className:"flex content-center gap-8 sm:hidden",children:[(0,s.jsx)("div",{className:"min-w-[28px]",children:(0,s.jsx)(p.vu,{type:p.iy.ACTIONABLE,size:p.LT.XS,className:"cursor-default",children:(0,s.jsx)(p.vu.Label,{children:"TIP"})})}),(0,s.jsx)("span",{className:"Body2-14Md sm:Title2-18Md text-purple-400",children:w.activity.tip})]})]}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(I.A,{name:"TRANSLATE_TEXT_AREA",value:f,setValue:g,placeholder:r(y.hnb.activity.placeholder_txt1),autoFocus:!0,minRows:3,textCounter:{minLength:20,isSubmittable:S,setIsSubmittable:R},customTextClassName:"mb-[40px]",disabled:j!==E.BEFORE_SUBMIT})}),A?(0,s.jsx)(b.A,{feedbacks:A,handleNext:()=>{u({button_name:"daily_study_next",object_id:t,object_title:"WRITING_TRANSLATE",object_context:"None"}),l()}}):(0,s.jsx)(N.A,{handleComplete:()=>{F({answer:f},{onSuccess:()=>{B(),v(E.AFTER_SUBMIT)}}),u({button_name:"daily_study_done",object_id:t,object_title:"WRITING_TRANSLATE"})},isLoading:C,completeDisableCondition:!S})]})}},74644:(e,t,l)=>{l.d(t,{gG:()=>o,kw:()=>r,od:()=>x,uq:()=>u});var s=l(48251),i=l(87017),n=l(29709),a=l(35301),c=l(1786);let d=new(l(79901)).A({api:n.Ay.study.activitySet.getNextActivityInfo}),r=()=>(0,s.n)({mutationFn:e=>{let{date:t}=e;return(0,c.zS)(n.Ay.study.activitySet.resetActivitySet(),{date:t})}}),x=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=(0,a.bx)(),s={date:e};return(0,i.I)({queryKey:d.getQueryKey({searchParams:s}),queryFn:d.getQueryFn({searchParams:s}),enabled:!!l&&!!e,staleTime:0,cacheTime:0,...t})},o=e=>(0,s.n)({mutationFn:()=>(0,c.zS)(n.Ay.study.activitySet.skipActivity({activityId:e}))}),u=e=>(0,s.n)({mutationFn:t=>{let{content:l}=t;return(0,c.zS)(n.Ay.study.activitySet.userReport({activitySetId:e}),{content:l})}})},87942:(e,t,l)=>{l.d(t,{A:()=>r});var s=l(80263),i=l(11230),n=l.n(i),a=l(28845),c=l(11669),d=l(32363);let r=e=>{let{name:t,value:l,setValue:i,minRows:r=3,placeholder:o,disabled:u=!1,autoFocus:m=!1,customTextClassName:p,textCounter:h}=e,{t:y}=(0,d.Ay)(),_=null==h?void 0:h.minLength.toString().length;return(0,s.jsxs)("div",{className:"relative flex flex-col space-y-[4px] ".concat(p),children:[(0,s.jsx)(a.A,{value:l,onCh

1ange:e=>{if(i(e.target.value),h){let t=e.target.value.length>=h.minLength;h.isSubmittable!==t&&h.setIsSubmittable(t)}},name:t,minRows:r,maxRows:r+3,placeholder:o,className:n()("".concat(x.textArea),[{"text-gray-400":u}]),autoFocus:m,disabled:u}),h&&(0,s.jsx)("div",{className:"Caption-12Md absolute right-4 bottom-[-25px] text-gray-500",children:(0,s.jsxs)("p",{className:h.customTextClassName,children:[l.length.toString().padStart(_,"0"),"/",y(c.hnb.activity.placeholder_txt3(h.minLength.toString()))]})})]})},x={textArea:"min-w-[320px] w-full Body2-14Md text-black focus:outline-none !ring-0 resize-none !border-none rounded-[8px] p-[16px] bg-gray-50 focus:bg-gray-100 placeholder-gray-400"}},92186:(e,t,l)=>{l.d(t,{A:()=>c});var s=l(80263),i=l(11230),n=l.n(i),a=l(37034);let c=e=>{var t,l;let{id:i,children:c,className:o}=e,u=null==(t=document)?void 0:t.getElementById("ds-bottom-sheet");return null==(l=document)||l.getElementById(i),(0,a.createPortal)((0,s.jsx)(d,{id:i,className:n()("bg-dim fixed top-0 left-0 z-[130] flex h-full w-full flex-col justify-end sm:hidden",o),children:(0,s.jsx)(r,{className:n()("fixed z-[101] w-full rounded-t-[16px] bg-white px-[16px] shadow-[0_-2px_20px_0_rgba(0,0,0,0.1)] sm:hidden",o),children:(0,s.jsx)(x,{children:c})})}),u)},d=e=>(0,s.jsx)("div",{...e}),r=e=>(0,s.jsx)("div",{...e}),x=e=>(0,s.jsx)("div",{className:"scrollbar-new h-full overflow-y-auto",...e})}}]);