https://www.ringleplus.com/_next/static/chunks/24962-f7a7426efdcf0e8b.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="c160489c-6aa7-495c-9565-6b14f558122e",e._sentryDebugIdIdentifier="sentry-dbid-c160489c-6aa7-495c-9565-6b14f558122e")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24962],{7443:(e,l,t)=>{t.d(l,{A:()=>g,y:()=>u});var s=t(80263),a=t(94146),i=t(11230),r=t.n(i),n=t(53239),d=t(11669),c=t(32363),o=t(44618),x=t(84298);let u={isBookmarked:!1,lessonStatus:null,levels:[],catalogIds:[],tagIds:[],formats:[],lengths:[]},p=e=>{let{state:l,onChange:t}=e;return(0,s.jsxs)("button",{onClick:e=>{e.stopPropagation(),t()},className:r()("relative flex h-[20px] w-[20px] shrink-0 items-center justify-center rounded-[4px] border","unchecked"!==l?"border-[#503cc8] bg-[#503cc8]":"border-[#c9ccde] bg-white"),children:["checked"===l&&(0,s.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",children:(0,s.jsx)("path",{d:"M1 4L3.5 6.5L9 1",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),"indeterminate"===l&&(0,s.jsx)("svg",{width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",children:(0,s.jsx)("path",{d:"M1 1H9",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})})]})},h=e=>{let{label:l,isOpen:t,onToggle:i}=e;return(0,s.jsxs)("button",{className:"flex w-full items-center justify-between",onClick:i,children:[(0,s.jsx)("span",{className:"Body1-16Bd text-[#140f33]",children:l}),t?(0,s.jsx)(a.QIcon_chevron_up,{width:20,height:20,color:o.lm.GRAY600}):(0,s.jsx)(a.QIcon_chevron_down,{width:20,height:20,color:o.lm.GRAY600})]})},m=()=>(0,s.jsx)("div",{className:"h-px w-full bg-[#e4e7f4]"}),g=e=>{let{filters:l,catalogs:t,onChange:i,flatTopicTags:r,hideBookmark:u=!1,hideLessonStatus:g=!1,hideTopic:v=!1}=e,{t:f,isLocaleKO:y}=(0,c.Ay)(),[j,b]=(0,n.useState)({lessonStatus:!1,difficulty:!1,topic:!0,format:!1,length:!1}),[_,w]=(0,n.useState)([]),N=e=>b(l=>({...l,[e]:!l[e]})),k=(e,l)=>e.includes(l)?e.filter(e=>e!==l):[...e,l],I=e=>(0,x.Vn)(e,l),C=e=>{"checked"===I(e)?(i({...l,...(0,x.iS)(l,e)}),w(l=>l.filter(l=>l!==e.id))):(i({...l,...(0,x.tv)(l,e)}),(0,x.xM)(e)&&!_.includes(e.id)&&w(l=>[...l,e.id]))},B=(e,t)=>i({...l,...(0,x.a8)(l,e,t)}),T=(e,t)=>i({...l,...(0,x.ot)(l,e,t)});return(0,s.jsxs)("div",{className:"flex w-[232px] shrink-0 self-start flex-col gap-[16px] rounded-[8px] border border-[#e4e7f4] p-[16px]",children:[!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] p-[8px]",onClick:()=>i({...l,isBookmarked:!l.isBookmarked}),children:[(0,s.jsx)(p,{state:l.isBookmarked?"checked":"unchecked",onChange:()=>i({...l,isBookmarked:!l.isBookmarked})}),(0,s.jsxs)("div",{className:"flex flex-1 items-center gap-[4px]",children:[(0,s.jsx)(a.QIcon_bookmark,{width:20,height:20,color:o.lm.GRAY900}),(0,s.jsx)("span",{className:"Body1-16Bd text-[#140f33]",children:f(d.TaS.filter.bookmark)})]})]}),(0,s.jsx)(m,{})]}),!g&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,s.jsx)(h,{label:f(d.TaS.filter.studied),isOpen:j.lessonStatus,onToggle:()=>N("lessonStatus")}),j.lessonStatus&&(0,s.jsx)("div",{className:"flex flex-col",children:[{value:"used",label:y?"수업한 교재":"Used"},{value:"unused",label:y?"수업하지 않은 교재":"Not Used"}].map(e=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] p-[8px]",onClick:()=>i({...l,lessonStatus:l.lessonStatus===e.value?null:e.value}),children:[(0,s.jsx)(p,{state:l.lessonStatus===e.value?"checked":"unchecked",onChange:()=>i({...l,lessonStatus:l.lessonStatus===e.value?null:e.value})}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.label})]},e.value))})]}),(0,s.jsx)(m,{})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,s.jsx)(h,{label:f(d.TaS.filter.level),isOpen:j.difficulty,onToggle:()=>N("difficulty")}),j.difficulty&&(0,s.jsx)("div",{className:"flex flex-col",children:[{value:0,label:"Basic"},{value:1,label:"Intermediate"},{value:2,label:"Advanced"}].map(e=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] p-[8px]",onClick:()=>i({...l,levels:k(l.levels,e.value)}),children:[(0,s.jsx)(p,{state:l.levels.includes(e.value)?"checked":"unchecked",onChange:()=>i({...l,levels:k(l.levels,e.value)})}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.label})]},e.value))})]}),(0,s.jsx)(m,{}),!v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,s.jsx)(h,{label:f(d.TaS.filter.objective),isOpen:j.topic,onToggle:()=>N("topic")}),j.topic&&(0,s.jsx)("div",{className:"flex flex-col",children:r?r.map(e=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] p-[8px]",onClick:()=>i({...l,tagIds:k(l.tagIds,e.id)}),children:[(0,s.jsx)(p,{state:l.tagIds.includes(e.id)?"checked":"unchecked",onChange:()=>i({...l,tagIds:k(l.tagIds,e.id)})}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.title})]},e.id)):t.map(e=>{var t;let a=I(e),i=_.includes(e.id),r=(0,x.xM)(e);return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center gap-[8px] rounded-[4px] p-[8px]".concat(r?"":" cursor-pointer"),onClick:r?void 0:()=>C(e),children:[(0,s.jsx)(p,{state:a,onChange:()=>C(e)}),(0,s.jsx)("button",{className:"min-w-0 flex-1 text-left",onClick:l=>{let t;l.stopPropagation(),r&&(t=e.id,w(e=>k(e,t)))},children:(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.title})})]}),i&&e.tags.map(t=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] px-[24px] py-[8px]",onClick:()=>B(e,t.id),children:[(0,s.jsx)(p,{state:l.tagIds.includes(t.id)?"checked":"unchecked",onChange:()=>B(e,t.id)}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:t.title})]},t.id)),i&&(null!=(t=e.children)?t:[]).map(t=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] px-[24px] py-[8px]",onClick:()=>T(e,t.id),children:[(0,s.jsx)(p,{state:"checked"===a||l.catalogIds.includes(t.id)?"checked":"unchecked",onChange:()=>T(e,t.id)}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:t.title})]},t.id))]},e.id)})})]}),(0,s.jsx)(m,{})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,s.jsx)(h,{label:f(d.TaS.filter.form),isOpen:j.format,onToggle:()=>N("format")}),j.format&&(0,s.jsx)("div",{className:"flex flex-col",children:[{value:"format-insight-discussion",label:y?"인사이트 토론":"Insight Discussion"},{value:"format-drills-practice",label:y?"실무 표현 연습":"Drills & Practice"},{value:"format-conversation-prompts",label:y?"질문기반 회화":"Conversation Prompts"},{value:"format-custom-session",label:y?"내 자료로 수업":"Custom Session"}].map(e=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] p-[8px]",onClick:()=>i({...l,formats:k(l.formats,e.value)}),children:[(0,s.jsx)(p,{state:l.formats.includes(e.value)?"checked":"unchecked",onChange:()=>i({...l,formats:k(l.formats,e.value)})}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.label})]},e.value))})]}),(0,s.jsx)(m,{}),(0,s.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,s.jsx)(h,{label:f(d.TaS.filter.length),isOpen:j.length,onToggle:()=>N("length")}),j.length&&(0,s.jsx)("div",{className:"flex flex-col",children:[{value:"short",label:y?"짧음":"Short"},{value:"medium",label:y?"보통":"Medium"},{value:"long",label:y?"김":"Long"}].map(e=>(0,s.jsxs)("div",{className:"flex cursor-pointer items-center gap-[8px] rounded-[4px] p-[8px]",onClick:()=>i({...l,lengths:k(l.lengths,e.value)}),children:[(0,s.jsx)(p,{state:l.lengths.includes(e.value)?"checked":"unchecked",onChange:()=>i({...l,lengths:k(l.lengths,e.value)})}),(0,s.jsx)("span",{className:"Body2-14Md text-[#140f33]",children:e.label})]},e.value))})]})]})}},15809:(e,l,t)=>{t.d(l,{A:()=>c});var s=t(80263),a=t(84680),i=t(13590),r=t(11669),n=t(32363),d=t(27722);let c=e=>{let{reason:l,isOpen:t,setIsOpen:c}=e,{t:o}=(0,n.Ay)(),x=(0,i.Ay)(),u="no-credit"===l;return(0,s.jsxs)(a.Z8,{id:"customClassBlock",isOpen:t,setIsOpen:c,size:"lg",children:[(0,s.jsx)(a.Z8.Title,{children:o(u?r.IIJ.modal.title_cannot_free_2:r.IIJ.modal.title_cannot_free)}),(0,s.jsx)(a.Z8.Content,{children:o(u?r.IIJ.modal.subtitle_cannot_free_2:r.IIJ.modal.subtitle_cannot_free)}),(0,s.jsxs)(a.Z8.ButtonContainer,{direction:"vertical",children:[u&&(0,s.jsx)(a.IF,{className:"mb-[8px]",size:a.Vp.LG,onClick:()=>x.push(d.A.student.newPortal.pricing.index),children:(0,s.jsx)(a.IF.Label,{children:o(r.BUs.no_credit.btn_purchase_credit)})}),(0,s.jsx)(a.IF,{size:a.Vp.LG,type:u?a.II.TEXT:a.II.SOLID,onClick:()=>c(!1),children:(0,s.jsx)(a.IF.Label,{children:o(r.FxB.button.close)})})]})]})}},44550:(e,l,t)=>{t.d(l,{J:()=>r});var s=t(29709),a=t(1786);let i=new Set,r=async e=>{if(i.has(e))return null;i.add(e);try{return await (0,a.zS)(s.Ay.likeMaterial(),{course_id:e,material_id:e})}finally{i.delete(e)}}},58632:(e,l,t)=>{t.d(l,{B$:()=>k,Cl:()=>p,DQ:()=>N,Ml:()=>m,Nk:()=>y,Nq:()=>_,OX:()=>j,Yg:()=>w,bJ:()=>f,bM:()=>g,iF:()=>b,ss:()=>v,wz:()=>h});var s=t(87017),a=t(36331),i=t(48251),r=t(85206),n=t(43441),d=t.n(n),c=t(29709),o=t(35301),x=t(46332),u=t(38675);let p=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],l=e?x.qQ:x.f3;return(0,s.I)({queryKey:l.getQueryKey(),queryFn:l.getQueryFn()})},h=()=>(0,s.I)({queryKey:x.NL.getQueryKey(),queryFn:x.NL.getQueryFn(),staleTime:6e5}),m=function(){let{lessonStatus:e,levels:l,tagIds:t,catalogIds:s,formats:i,lengths:r,sortBy:n,perPage:x}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},p=(0,o.bx)(),h=["courses","all_tab",null!=e?e:null,(null==l?void 0:l.length)?[...l].sort().join(","):null,(null==t?void 0:t.length)?[...t].sort().join(","):null,(null==s?void 0:s.length)?[...s].sort().join(","):null,(null==i?void 0:i.length)?[...i].sort().join(","):null,(null==r?void 0:r.length)?[...r].sort().join(","):null,null!=n?n:null,null!=x?x:null];return(0,a.q)({queryKey:h,queryFn:a=>{let{pageParam:o=1}=a;return d().get(c.Ay.course.all_tab(o,null!=e?e:void 0,(null==l?void 0:l.length)?l:void 0,(null==t?void 0:t.length)?t:void 0,(null==i?void 0:i.length)?i:void 0,(null==r?void 0:r.length)?r:void 0,null!=n?n:void 0,null!=x?x:void 0,(null==s?void 0:s.length)?s:void 0),(0,u.e)(p)).then(e=>e.data)},getNextPageParam:e=>{if(null==e?void 0:e.meta)return e.meta.page<e.meta.total_pages?e.meta.page+1:void 0},staleTime:6e5,keepPreviousData:!0})},g=()=>(0,s.I)({queryKey:x.QT.getQueryKey(),queryFn:x.QT.getQueryFn(),staleTime:6e5}),v=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t={catalog_slug:e};return(0,s.I)({queryKey:x.Lj.getQueryKey({searchParams:t}),queryFn:x.Lj.getQueryFn({searchParams:t}),...l})},f=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"recent",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}

1,a={catalog_slug:e,sort_by:l};return(0,s.I)({queryKey:x.CW.getQueryKey({searchParams:a}),queryFn:x.CW.getQueryFn({searchParams:a}),enabled:!!e,keepPreviousData:!0,...t})},y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.I)({queryKey:x.MI.getQueryKey(),queryFn:x.MI.getQueryFn(),...e})},j=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return(0,s.I)({queryKey:[c.Ay.course.experienced({accessibleOnly:e})],queryFn:()=>d().get(c.Ay.course.experienced({accessibleOnly:e}),(0,u.e)((0,o.bx)())).then(e=>e.data),select:e=>null==e?void 0:e.result})},b=function(e){let l=!(arguments.length>1)||void 0===arguments[1]||arguments[1],t=(0,o.bx)();return(0,s.I)({queryKey:[c.Ay.course.show_tooltip(e)],queryFn:async()=>{let{data:l}=await d().get(c.Ay.course.show_tooltip(e),(0,u.e)(t));return l},enabled:l,retry:!1})},_=()=>{let e=(0,o.bx)();return(0,i.n)({mutationFn:async l=>{await d().put(c.Ay.course.edit_tooltip(l.key,l.value),null,(0,u.e)(e))}})},w=function(e){let l=!(arguments.length>1)||void 0===arguments[1]||arguments[1],t=(0,o.bx)();return(0,s.I)({queryKey:["interestKeywords",e],queryFn:async()=>{var l;let{data:s}=await d().get(c.Ay.landing.profile.interests(e),(0,u.e)(t));return null!=(l=s.interest_keywords)?l:[]},staleTime:1/0,enabled:l})},N=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],l=(0,o.bx)();return(0,s.I)({queryKey:["profile","interestKeywordIds"],queryFn:async()=>{var e;let{data:t}=await d().get(c.Ay.profile.interestKeywordIds(),(0,u.e)(l));return null!=(e=t.plus_interest_keyword_ids)?e:[]},staleTime:1/0,enabled:e})},k=()=>{let e=(0,r.jE)(),l=(0,o.bx)();return(0,i.n)({mutationFn:async e=>{let{data:t}=await d().post(c.Ay.profile.info(),{interest_keyword_ids:e},(0,u.e)(l));return t},onSuccess:()=>{e.invalidateQueries({queryKey:x.QT.getQueryKey()}),e.invalidateQueries({queryKey:["profile","interestKeywordIds"]})}})}},62741:(e,l,t)=>{t.d(l,{Ay:()=>p,gq:()=>u});var s=t(80263),a=t(94146),i=t(11230),r=t.n(i),n=t(53239),d=t(11669),c=t(32363);let o={all:"난이도",basic:"Basic",intermediate:"Intermediate",advanced:"Advanced"},x=[{value:"all",label:"전체"},{value:"basic",label:"Basic"},{value:"intermediate",label:"Intermediate"},{value:"advanced",label:"Advanced"}],u=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;switch(e){case 0:default:return"basic";case 1:return"intermediate";case 2:return"advanced"}},p=e=>{let{levelFilter:l,setLevelFilter:t}=e,{t:i}=(0,c.Ay)(),[u,p]=(0,n.useState)(!1),h=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=e=>{h.current&&!h.current.contains(e.target)&&p(!1)};return u&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[u]),(0,s.jsxs)("div",{className:"relative shrink-0",ref:h,children:[(0,s.jsxs)("button",{className:r()("flex items-center gap-[4px] rounded-[8px] border-[1.5px] px-[12px] py-[8px] transition-colors",u||"all"!==l?"border-[#503cc8] bg-[#eeebfa] text-[#503cc8]":"border-gray-300 bg-white text-gray-700"),onClick:()=>p(e=>!e),children:[(0,s.jsx)("span",{className:"Body2-14Md",children:"all"===l?i(d.HY4.role_play.title_level):o[l]}),(0,s.jsx)(a.QIcon_chevron_down,{width:16,height:16,className:r()("transition-transform",u?"rotate-180":""),color:u||"all"!==l?"#503cc8":void 0})]}),u&&(0,s.jsx)("div",{className:"absolute left-0 top-[calc(100%+4px)] z-10 flex min-w-[160px] flex-col gap-[4px] rounded-[8px] bg-white p-[8px] shadow-[0px_2px_8px_0px_rgba(0,0,0,0.15)]",children:x.map(e=>(0,s.jsx)("button",{className:r()("flex h-[44px] w-full items-center rounded-[4px] px-[12px] py-[11px] transition-colors",l===e.value?"bg-[#eeebfa] text-[#503cc8]":"bg-white text-[#140f33] hover:bg-gray-50"),onClick:()=>{t(e.value),p(!1)},children:(0,s.jsx)("span",{className:"Body2-14Md",children:"all"===e.value?i(d.O4m.statistics.all):e.label})},e.value))})]})}},66018:(e,l,t)=>{t.d(l,{AY:()=>i,f3:()=>n,n_:()=>r});var s=t(80263),a=t(53239);let i=1,r=(0,a.createContext)({selectedCourse:{id:0,title:"",subtitle:"",image_url:"",category:"",is_mine:!1,is_my_material:!1,is_revised:!1,provide_feedback:!1,pdf_link_en:"",level:0,course_type:"",is_today:!1},setSelectedCourse:null,keywords:"",setKeywords:null,lessonId:"",threadId:""});function n(e){let{children:l,lessonId:t,threadId:i}=e,[n,d]=(0,a.useState)(),[c,o]=(0,a.useState)();return(0,s.jsx)(r.Provider,{value:{selectedCourse:n,setSelectedCourse:d,keywords:c,setKeywords:o,lessonId:t,threadId:i},children:l})}},71931:(e,l,t)=>{t.d(l,{A:()=>y,v:()=>j});var s=t(80263),a=t(84680),i=t(94146),r=t(11230),n=t.n(r),d=t(91830),c=t.n(d),o=t(90636),x=t(53239),u=t(79930),p=t(23799),h=t(11669),m=t(32363),g=t(6

17015),v=t(45119),f=t(44618);let y=e=>{let{title:l,subtitle:t,is_mine:r,category:d,image_url:y,is_revised:j,is_today:b,level:_=0,audioLength:w=1,className:N="",onClickHeart:k=()=>{},onClickSelect:I=()=>{},selected:C=!1,horizontal:B=!1,isList:T=!1,showSelectButton:A,hashtag:L="",noCursor:S}=e,F=null!=A?A:!T,M=(0,o.useRouter)(),{currentUser:K}=(0,p.iZ)(),{t:q}=(0,m.Ay)(),[Q,E]=(0,x.useState)(r);(0,x.useEffect)(()=>{E(r)},[r]);let z=(e,t,s)=>{(0,u.yW)(e,t,s,(0,u.uB)(K),null,M.asPath,{material_name:l,material_category:d,is_bookmarked:Q})},O=e=>{e.stopPropagation(),e.preventDefault(),E(!Q),z(u.fB.CLICK_BOOKMARK_MATERIAL,v.Hb.CLICK_BOOKMARK_MATERIAL,"Material Card Heart"),k&&k(e)},R=e=>{e.stopPropagation(),e.preventDefault(),z(u.fB.CLICK_SELECT_MATERIAL,v.Hb.CLICK_SELECT_MATERIAL,"Material Card Detail"),I&&I(e)},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;switch(e){case 0:return"Basic";case 1:return"Intermediate";case 2:return"Advanced";case 3:return"All"}};return B?(0,s.jsx)("div",{className:n()("relative",{"cursor-pointer":!S,"cursor-default":S}),children:(0,s.jsxs)("div",{className:n()([N,{"border border-gray-200":!C,"border-[1.5px] border-purple-500":C,"rounded-[8px]":!C,"rounded-[12px]":C,"h-[134px]":!C,"h-[156px]":C}],"relative flex flex-row overflow-hidden bg-white"),children:[(0,s.jsxs)("div",{className:n()("relative block-copy-container w-[96px] shrink-0 overflow-hidden bg-gray-200",{"h-[134px]":!C,"h-[156px]":C}),children:[y&&""!=y&&(0,s.jsx)(c(),{loading:"lazy",alt:"image_material_thumbnail",className:"object-cover",fill:!0,sizes:"auto",src:y,style:{width:"100%",height:"100%"},quality:100}),j&&(0,s.jsx)("div",{className:"absolute top-[8px] left-[8px]",children:(0,s.jsx)(a.vu,{type:a.iy.ACTIONABLE,size:a.LT.XS,customBgColor:f.lm.YELLOW500,children:(0,s.jsx)(a.vu.Label,{customTxtColor:f.lm.WHITE,children:"Revised"})})})]}),(0,s.jsxs)("div",{className:n()("relative flex w-full flex-col py-[12px] px-[16px] text-left",{"h-[134px] justify-between":!C,"h-[156px]":C}),children:[(0,s.jsxs)("div",{className:"flex flex-col gap-[6px]",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{className:"flex gap-[4px]",children:[b&&(0,s.jsx)("div",{className:"Caption-12Bd rounded-[4px] border border-red-300 bg-white py-[2px] px-[6px] text-red-500",children:"Today"}),void 0!==_&&(0,s.jsx)("div",{className:"Caption-12Bd rounded-[4px] bg-gray-100 py-[2px] px-[6px] text-gray-600",children:P(_)})]}),(0,s.jsx)("div",{onClick:k?O:null,className:"shrink-0 p-[2px] cursor-pointer",children:(0,s.jsx)("div",{className:"transition-transform duration-200 lg:hover:scale-110",children:(0,s.jsx)(i.QIcon_bookmark,{color:Q?f.lm.RED400:f.lm.GRAY300,width:20,height:20})})})]}),(0,s.jsx)("div",{className:"truncate-2-lines Body1-16Bd break-keep text-gray-800",children:l}),t&&(0,s.jsx)("div",{className:"Caption-12Md truncate break-keep text-gray-500",children:t})]}),F&&I&&C&&(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsx)("div",{"data-ref":g.J.btn_select_material,onClick:e=>{e.stopPropagation(),e.preventDefault(),R(e)},className:n()("Body2-14Bd cursor-pointer select-none text-purple-500"),children:q(h.FxB.btn_cancel)})})]})]})}):(0,s.jsx)("div",{className:n()({"cursor-pointer":!S,"cursor-default":S},"relative w-[200px] min-w-[200px] sm:w-full sm:max-w-[248px]"),children:(0,s.jsxs)("div",{className:n()([N,{"border border-gray-200":!C,"border-[1.5px] border-purple-500":C}],"relative h-auto overflow-hidden rounded-[12px] bg-white"),children:[(0,s.jsxs)("div",{className:"group",children:[(0,s.jsxs)("div",{className:"relative block-copy-container h-[125px] sm:h-[149px] w-full overflow-hidden bg-gray-200",children:[y&&""!=y&&(0,s.jsx)(c(),{loading:"lazy",alt:l,className:"object-cover",src:y||"",fill:!0,style:{width:"100%",height:"100%"},quality:100}),j&&(0,s.jsx)("div",{className:"absolute top-[8px] left-[8px] z-[15]",children:(0,s.jsx)(a.vu,{type:a.iy.ACTIONABLE,size:a.LT.SM,customBgColor:f.lm.YELLOW500,children:(0,s.jsx)(a.vu.Label,{customTxtColor:f.lm.WHITE,children:"Revised"})})}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 hidden h-[32px] items-center justify-center overflow-hidden bg-black bg-opacity-80 z-[5] lg:group-hover:flex",children:(0,s.jsx)("span",{className:"Body2-14Bd overflow-hidden text-ellipsis text-center text-white",children:q(h.FxB.view_details)})}),(0,s.jsx)("div",{className:"absolute top-[8px] right-[8px] z-[30] pointer-events-none",children:(0,s.jsx)("div",{onClick:k?O:null,className:"pointer-events-auto rounded-[16px] bg-white bg-opacity-50 p-[4px] curs

1or-pointer",children:(0,s.jsx)("div",{className:"transition-transform duration-200 lg:hover:scale-110",children:(0,s.jsx)(i.QIcon_bookmark,{color:Q?f.lm.RED400:f.lm.GRAY300,width:24,height:24})})})})]}),(0,s.jsxs)("div",{className:"flex h-[120px] sm:h-[131px] flex-col gap-[4px] sm:gap-[6px] px-[16px] py-[8px] sm:py-[12px] text-left lg:group-hover:bg-gray-50",children:[(0,s.jsxs)("div",{className:"flex gap-[4px] text-gray-500",children:[b&&(0,s.jsx)("div",{className:"Caption-12Bd rounded-[4px] border border-red-300 bg-white py-[2px] px-[6px] text-red-500",children:"Today"}),void 0!==_&&(0,s.jsx)(a.vu,{type:a.iy.ACTIONABLE,size:a.LT.SM,customBgColor:f.lm.GRAY100,children:(0,s.jsx)(a.vu.Label,{customTxtColor:f.lm.GRAY600,children:P(_)})})]}),(0,s.jsx)("div",{className:"truncate-2-lines Body1-16Bd min-h-[52px] break-keep text-gray-800",children:l}),t&&(0,s.jsx)("div",{className:"Body2-14Md truncate break-keep text-gray-500",children:t})]})]}),F&&I&&(0,s.jsx)("div",{"data-ref":g.J.btn_select_material,onClick:e=>{e.stopPropagation(),e.preventDefault(),R(e)},className:n()("Body2-14Bd flex h-[46px] items-center justify-center border-t border-gray-200 text-purple-500 hover:bg-gray-50"),children:q(C?h.FxB.btn_cancel:h.FxB.btn_select)})]})})},j=e=>{let{horizontal:l=!1}=e;return l?(0,s.jsx)("div",{className:"relative w-full animate-pulse",children:(0,s.jsxs)("div",{className:"relative flex flex-row overflow-hidden rounded-[8px] border border-gray-200 bg-white h-[134px]",children:[(0,s.jsx)("div",{className:"block-copy-container h-[134px] w-[96px] shrink-0 overflow-hidden bg-gray-100"}),(0,s.jsx)("div",{className:"flex h-[134px] w-full flex-col justify-between py-[12px] px-[16px] text-left",children:(0,s.jsxs)("div",{className:"flex flex-col gap-[6px]",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsx)("div",{className:"h-[20px] w-[100px] rounded-[4px] bg-gray-100"}),(0,s.jsx)("div",{className:"h-[20px] w-[20px] rounded-[4px] bg-gray-100"})]}),(0,s.jsx)("div",{className:"h-[52px] w-full rounded-[4px] bg-gray-100"}),(0,s.jsx)("div",{className:"h-[22px] w-[120px] rounded-[4px] bg-gray-100"})]})})]})}):(0,s.jsx)("div",{className:"relative w-full min-w-[200px] max-w-[248px] animate-pulse",children:(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-[12px] border border-gray-200 bg-white",children:[(0,s.jsx)("div",{className:"block-copy-container h-[149px] w-full overflow-hidden bg-gray-100"}),(0,s.jsxs)("div",{className:"flex h-[131px] flex-col gap-[6px] px-[16px] py-[12px] text-left",children:[(0,s.jsx)("div",{className:"h-[20px] w-[100px] rounded-[4px] bg-gray-100"}),(0,s.jsx)("div",{className:"h-[52px] w-full rounded-[4px] bg-gray-100"}),(0,s.jsx)("div",{className:"h-[22px] w-[120px] rounded-[4px] bg-gray-100"})]}),(0,s.jsx)("div",{className:"Body2-14Bd flex h-[46px] items-center justify-center border-t border-gray-200",children:(0,s.jsx)("div",{className:"h-[22px] w-[52px] rounded-[4px] bg-gray-100"})})]})})}},77637:(e,l,t)=>{t.d(l,{z:()=>_});var s=t(80263),a=t(84680),i=t(94146),r=t(85206),n=t(87017),d=t(11230),c=t.n(d),o=t(53239),x=t(29709),u=t(1786),p=t(13590),h=t(98163),m=t(11669),g=t(32363),v=t(46332),f=t(27722),y=t(44618),j=t(15809),b=t(66018);let _=e=>{var l,t,d,_;let{lessonId:w,handleClickSaveMaterialWebview:N,isConversation:k=!1,isAITutor:I=!1,loading:C=!1,isPrevTwoHourFromLesson:B=!1}=e,T=(0,p.Ay)(),{isLocaleKO:A,t:L}=(0,g.Ay)(),{toastError:S}=(0,a.dj)(),{selectedCourse:F,lessonId:M}=(0,o.useContext)(b.n_),K=(0,h.A)(),q=(0,r.jE)(),Q=async e=>{let l=await (0,u.Ft)(x.Ay.lessons.upcoming(e));if(l)return l.data},E=w||M||T.query.lessonId,{data:z,isFetching:O}=(0,n.I)({queryKey:["lesson_data",E],queryFn:()=>Q(E),enabled:!!E}),R=!!(null==z||null==(l=z.lesson)?void 0:l.trial),P=async e=>await (0,u.Ft)(x.Ay.course.detail({id:e})),{data:D,isFetching:G}=(0,n.I)({queryKey:["selected_course_custom_class_check",null==F?void 0:F.id],queryFn:()=>P(F.id),enabled:R&&!!(null==F?void 0:F.id)}),Y=R&&!!(null==D?void 0:D.is_custom_class),[J,W]=(0,o.useState)(!1),{confirm:Z,ConfirmModal:V}=(()=>{let[e,l]=(0,o.useState)(!1),[t,i]=(0,o.useState)({}),[r,n]=(0,o.useState)(null),d=(0,o.useCallback)(e=>(i(e),l(!0),new Promise(e=>{n(()=>e)}

1)),[]),c=(0,o.useCallback)(e=>{l(!1),null==r||r(e),n(null)},[r]);return{confirm:d,ConfirmModal:()=>e?(0,s.jsxs)(a.Z8,{id:t.title,isOpen:e,setIsOpen:l,size:"lg",children:[(0,s.jsx)(a.Z8.Title,{children:t.title}),(0,s.jsx)(a.Z8.Content,{children:t.content}),(0,s.jsxs)(a.Z8.ButtonContainer,{direction:"horizontal",children:[(0,s.jsx)(a.IF,{type:a.II.OUTLINE,size:a.Vp.LG,onClick:()=>c(!1),children:(0,s.jsx)(a.IF.Label,{children:t.cancelText})}),(0,s.jsx)(a.IF,{size:a.Vp.LG,onClick:()=>c(!0),children:(0,s.jsx)(a.IF.Label,{children:t.confirmText})})]})]}):null}})(),H=async(e,l)=>await (0,u.zS)(x.Ay.lessons.editCourse(),{lesson_id:e,course_id:l}),U=async(e,l)=>{try{if(!l)return void S(L(m.iTt.edit_materials.tab_desc));if(B&&!await Z({title:L(m.iTt.edit_materials.check.title),content:L(m.iTt.edit_materials.check.content),confirmText:L(m.iTt.edit_materials.check.btn_change),cancelText:L(m.FxB.btn_cancel)}))return;(await H(e,l)).success&&(q.invalidateQueries([v.Ax.getQueryKey(),v.ty.getQueryKey()]),T.push(f.A.student.newPortal.lessons.upcomingLessons+"?update=material",{}))}catch(e){alert(e.message)}},X=()=>{var e,l;let t=w||(null==z||null==(l=z.data)||null==(e=l.lesson)?void 0:e.id),s=w||T.query.lessonId;if(!G){if(Y)return void W(!0);if(N)return void N(t,null==F?void 0:F.id);U(s,null==F?void 0:F.id)}},$=(null==z||null==(t=z.data)?void 0:t.course)?A?z.data.course.title_kr:z.data.course.title:"",ee=(null==F?void 0:F.title)?null==F?void 0:F.title:$&&$.length>1?$:L(m.iTt.edit_materials.tab_desc);return(0,s.jsxs)("div",{className:c()([K?"sticky bottom-[0px] mt-auto":"fixed bottom-[0px]"],"z-100 left-[0px] flex w-full flex-col items-center bg-gray-50","h-[150px] border-t border-gray-200 py-[12px]","sm:h-[80px] sm:border-t-0 sm:py-[0px] sm:shadow-[0px_-3px_16px_0px_rgba(0,0,0,0.05)]","lg:ml-[80px] lg:w-[calc(100%_-_80px)]"),children:[(0,s.jsx)("div",{className:"relative hidden h-full w-full sm:flex sm:items-center",children:(0,s.jsxs)("div",{className:"flex h-full w-full items-center justify-between pl-[120px] pr-[200px]",children:[(0,s.jsxs)("div",{className:"flex flex-row items-center gap-[0px]",children:[(0,s.jsxs)("div",{className:"flex w-[268px] flex-col gap-[4px] pr-[15px]",children:[(0,s.jsxs)("div",{className:"flex flex-row items-center gap-[4px]",children:[(0,s.jsx)(i.QIcon_clock,{color:y.lm.GRAY500,width:20,height:20}),(0,s.jsx)("div",{className:"Body2-14Md text-gray-800",children:L(m.iTt.edit_materials.tab_time)})]}),(0,s.jsx)("div",{className:"Title2-18Bd text-gray-800",children:null==z||null==(d=z.lesson)?void 0:d.start_time})]}),(0,s.jsx)("div",{className:"mx-[16px] h-[44px] w-[1px] bg-gray-200"}),(0,s.jsxs)("div",{className:"flex w-[268px] flex-col gap-[4px] pr-[15px]",children:[(0,s.jsxs)("div",{className:"flex flex-row items-center gap-[4px]",children:[(0,s.jsx)(i.QIcon_tutor_black,{color:y.lm.GRAY500,width:20,height:20}),(0,s.jsx)("div",{className:"Body2-14Md text-gray-800",children:L(m.iTt.edit_materials.tab_tutor)})]}),(0,s.jsx)("div",{className:"Title2-18Bd text-gray-800",children:null==z||null==(_=z.tutor)?void 0:_.tutor_name})]}),(0,s.jsx)("div",{className:"mx-[16px] h-[44px] w-[1px] bg-gray-200"}),(0,s.jsxs)("div",{className:"flex w-[268px] flex-col gap-[4px]",children:[(0,s.jsxs)("div",{className:"flex flex-row items-center gap-[4px]",children:[(0,s.jsx)(i.QIcon_book,{color:y.lm.GRAY500,width:20,height:20}),(0,s.jsx)("div",{className:"Body2-14Md text-gray-800",children:L(m.iTt.edit_materials.tab_materials)})]}),(0,s.jsx)("div",{className:"Title2-18Md mb-[2px] flex w-full items-center justify-start overflow-hidden text-purple-500",children:(0,s.jsx)("div",{className:"max-w-[268px] truncate break-keep",children:ee})})]})]}),(0,s.jsx)("div",{className:"w-[160px] shrink-0",children:(0,s.jsx)(a.IF,{isLoading:C||G,disabled:!(null==F?void 0:F.id),type:a.II.SOLID,size:a.Vp.LG,onClick:X,children:(0,s.jsx)(a.IF.Label,{className:"Body1-16Bd whitespace-nowrap",children:k||I?L(m.TS9.material.btn_start):L(m.iTt.edit_materials.tab_btn_done)})})})]})}),(0,s.jsxs)("div",{className:"flex w-full flex-col px-[16px] sm:hidden",children:[(0,s.jsxs)("div",{className:"flex flex-row gap-[8px]",children:[(0,s.jsx)("div",{className:"Body2-14Bd text-purple-500",children:L(m.TaS.select)}

1),(0,s.jsx)("div",{className:"Body2-14Md text-gray-700",children:ee||L(m.iTt.edit_materials.tab_desc)})]}),(0,s.jsx)("div",{className:"mt-[24px] w-full",children:(0,s.jsx)(a.IF,{isLoading:C||G,disabled:!(null==F?void 0:F.id),type:a.II.SOLID,size:a.Vp.LG,onClick:X,children:(0,s.jsx)(a.IF.Label,{className:"Body1-16Bd whitespace-nowrap",children:k||I?L(m.TS9.material.btn_start):L(m.iTt.edit_materials.tab_btn_done)})})})]}),(0,s.jsx)(V,{}),(0,s.jsx)(j.A,{reason:"trial-lesson",isOpen:J,setIsOpen:W})]})}},84298:(e,l,t)=>{t.d(l,{PU:()=>n,Ui:()=>a,Vn:()=>c,a8:()=>u,iS:()=>x,ot:()=>p,tv:()=>o,xM:()=>r,zc:()=>d});let s=["새로나온 교재","링글러 Top Pick"],a=(e,l)=>e.filter(e=>!s.includes(e.title_kr)).map(e=>{var t,s,a;return{id:e.id,title:l?e.title_kr:e.title_en,tags:(null!=(t=e.tags)?t:[]).map(e=>{var t;return{id:e.id,title:l?e.title_kr:e.title_en,courseIds:new Set(null!=(t=e.course_ids)?t:[])}}),children:(null!=(s=e.children)?s:[]).map(e=>{var t;return{id:e.id,title:l?e.title_kr:e.title_en,courseIds:new Set(null!=(t=e.course_ids)?t:[])}}),courseIds:new Set(null!=(a=e.course_ids)?a:[])}}),i=e=>{var l;return null!=(l=e.children)?l:[]},r=e=>e.tags.length>0||i(e).length>0,n=(e,l)=>{for(let s of e){var t;let e=(null!=(t=s.children)?t:[]).find(e=>e.id===l);if(e)return{parent:s,child:e}}},d=(e,l)=>{let t=new Set(e.tagIds),s=[];return e.catalogIds.forEach(e=>{let a=l.find(l=>l.id===e);if(a)return void(a.tags.length>

10?a.tags.forEach(e=>t.add(e.id)):s.push(e));n(l,e)&&s.push(e)}),{tagIds:[...t],catalogIds:s}},c=(e,l)=>l.catalogIds.includes(e.id)?"checked":e.tags.filter(e=>l.tagIds.includes(e.id)).length+i(e).filter(e=>l.catalogIds.includes(e.id)).length===0?"unchecked":"indeterminate",o=(e,l)=>{let t=l.tags.map(e=>e.id),s=i(l).map(e=>e.id);return{catalogIds:[...e.catalogIds.filter(e=>!s.includes(e)),l.id],tagIds:e.tagIds.filter(e=>!t.includes(e))}},x=(e,l)=>({...e,catalogIds:e.catalogIds.filter(e=>e!==l.id)}),u=(e,l,t)=>({catalogIds:e.catalogIds.filter(e=>e!==l.id),tagIds:e.tagIds.includes(t)?e.tagIds.filter(e=>e!==t):[...e.tagIds,t]}),p=(e,l,t)=>{let s=e.catalogIds.filter(e=>e!==l.id);if(e.catalogIds.includes(l.id)){let a=i(l).map(e=>e.id).filter(e=>e!==t);return{...e,catalogIds:[...s,...a]}}return{...e,catalogIds:s.includes(t)?s.filter(e=>e!==t):[...s,t]}}},96717:(e,l,t)=>{t.d(l,{B:()=>n});var s=t(87178),a=t(44550),i=t(11669),r=t(32363);let n=e=>{let{isList:l,isMyContents:t,packetItems:n,setPacketItems:d,onAdded:c,onDeleted:o}=e,{t:x}=(0,r.Ay)();return async(e,r)=>{e.preventDefault(),e.stopPropagation();let u=await (0,a.J)(r.id);if(null!==u&&(u.success?u.my_course.is_selected?c?c():(0,s.oR)(x(i.PJz.material_like_added)):o?o():(0,s.oR)(x(i.PJz.material_like_deleted)):console.error(u),l)){let e=n.map(e=>e.id===r.id?{...e,is_mine:!e.is_mine,is_my_course:!e.is_my_course}:e);d(t?e.filter(e=>e.is_mine||e.is_my_course):e)}}}}}]);