https://www.hanbit.co.kr/_next/static/chunks/206.79098205a36aac50.js

1try{!function(){var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="7cd4acfb-ba9b-4bf7-846a-abb230ca0790",t._sentryDebugIdIdentifier="sentry-dbid-7cd4acfb-ba9b-4bf7-846a-abb230ca0790")}()}catch(t){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[206],{30867:(t,e,i)=>{i.d(e,{Q:()=>r});var n=i(12115);function r(){let{mobileBreakpoint:t=768,tabletBreakpoint:e=1024}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[i,r]=(0,n.useState)(!1),[o,a]=(0,n.useState)(!1),[s,l]=(0,n.useState)(!1),[d,b]=(0,n.useState)("sm");return(0,n.useEffect)(()=>{let i=()=>{let i=window.innerWidth;r(i<t),a(i>=t&&i<e),l(i<992);let n=i<768?"xs":i<992?"sm":i<1200?"md":i<1600?"lg":"xl";b(t=>t===n?t:n)};return i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[t,e]),{isMobile:i,isTablet:o,isMobileOrTablet:s,media:d}}},40206:(t,e,i)=>{i.r(e),i.d(e,{default:()=>u});var n=i(95155),r=i(30867),o=i(2542),a=i(12115),s=i(40980);function l(t){let{targetId:e,text:i,position:r,rect:o,isMobileOrTablet:a,viewportWidth:l,mobileGap:d=4}=t,b=a?d:8,u=o.left+o.width/2,g=o.top-8*!a,h="-translate-x-1/2 -translate-y-full",c=Math.max(0,2*Math.min(u,l-u));return"right"===r?(u=Math.min(l,Math.max(0,o.right+b)),g=o.top+o.height/2,h="-translate-y-1/2",c=l-u):"left"===r?(u=Math.min(l,Math.max(0,o.left-b)),g=o.top+o.height/2,h="-translate-x-full -translate-y-1/2",c=u):"top"===r&&a?(u=Math.min(l,Math.max(0,o.right)),h="-translate-x-full -translate-y-full",c=u):"top-right"===r?(u=Math.min(l,Math.max(0,o.left)),h="-translate-y-full",c=l-u):"bottom"===r&&(g=o.bottom+b,h="-translate-x-1/2"),(0,n.jsx)("div",{"data-testid":"onboarding-tooltip-".concat(e),className:(0,s.cn)("absolute py-1.5 rounded-lg w-max",a?"px-0.5":"px-2",h),style:{left:u,top:g,maxWidth:c},"data-sentry-component":"OnboardingTooltip","data-sentry-source-file":"OnboardingTooltip.tsx",children:(0,n.jsx)("p",{className:"text-label1_normal font-semibold text-static-white whitespace-normal break-words",children:i})})}let d=[{targetId:"viewer-sidebar-index-button",text:"목차를 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-note-button",text:"메모/북마크 등 학습기록을 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-search-button",text:"학습내용과 학습기록을 검색해요",position:"right",desktopOnly:!0},{targetId:"viewer-fullscreen-button",text:"전체 화면으로 전환해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-setting-button",text:"뷰어 보기 설정을 바꿔요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-mobile-open-button",text:"메뉴에서 목차와 학습기록을 확인해요",position:"right",mobileOnly:!0},{targetId:"viewer-sidebar-mobile-bookmark-button",text:"북마크를 추가해요",position:"right",mobileOnly:!0},{targetId:"bottom-nav-prev-button",text:"이전 페이지로 이동해요",position:"top",desktopOnly:!0},{targetId:"bottom-nav-next-button",text:"다음 페이지로 이동해요",position:"top"},{targetId:"viewer-bookmark-add-button",text:"북마크를 추가해요",position:"left",desktopOnly:!0,highlightPaddingX:8,highlightRadius:999}],b=[{targetId:"viewer-sidebar-index-button",text:"목차를 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-note-button",text:"메모/북마크 등 학습기록을 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-qna-button",text:"질문과 답변을 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-ai-chatbot-button",text:"AI 튜터에게 질문해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-memo-add-button",text:"메모를 추가해요",position:"right",desktopOnly:!0},{targetId:"viewer-fullscreen-button",text:"전체 화면으로 전환해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-mobile-open-button",text:"메뉴에서 목차와 학습기록을 확인해요",position:"right",mobileOnly:!0},{targetId:"viewer-sidebar-mobile-memo-button",text:"메모를 추가해요",position:"right",mobileOnly:!0},{targetId:"bottom-nav-prev-button",text:"이전 차시로 이동해요",position:"top",desktopOnly:!0},{targetId:"bottom-nav-next-button",text:"다음 차시로 이동해요",position:"top"}];function u(t){let{viewerType:e,productId:i}=t,{hasSeenEbookOnboarding:s,hasSeenLessonOnboarding:u,hasSeenDigitalTextbookOnboarding:g}=(0,o.i2)(),{setViewerOnboardingActive:h,setHasSeenEbookOnboarding:c,setHasSeenLessonOnboarding:p,setHasSeenDigitalTextbookOnboarding:m}=(0,o.IG)(),{isMobileOrTablet:w}=(0,r.Q)(),[x,y]=(0,a.useState)(!1),f=(0,a.useRef)(null),v=(0,a.useRef)(null),[k,I]=(0,a.useState)({rects:{},viewportWidth:0}),O="ebook"===e?s:"digital-textbook"===e?g:u,E=(0,a.useMemo)(()=>(function(t,e){switch(t){case"ebook":return d;case"lesson":return b;case"digital-textbook":return[{targetId:"viewer-sidebar-index-button",text:"목차를 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-note-button",text:"메모/북마크 등 학습기록을 확인해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-search-button",text:"학습내용과 학습기록을 검색해요",position:"right",desktopOnly:!0},{targetId:"viewer-sidebar-mobile-open-button",text:"메뉴에서 목차와 학습기록을 확인해요",position:"right",mobileOnly:!0},{targetId:"viewer-sidebar-mobile-bookmark-button",text:"북마크를 추가해요",position:"right",mobileOnly:!0},{targetId:"viewer-sidebar-ai-chatbot-button",text:"AI 튜터에게 질문해요",position:"right",desktopOnly:!0},{targetId:"viewer-contents-".concat(e,"-CONTENT"),text:"화면에 표시할 콘텐츠를 선택해요",position:"top-right",desktopOnly:!0},{targetId:"viewer-contents-open-button",text:"화면에 표시할 콘텐츠를 선택해요",position:"right",mobileOnly:!0,mobileGap:11},{targetId:"viewer-bookmark-add-button",text:"북마크를 추가해요",position:"left",desktopOnly:!0,highlightPaddingX:8,highlightRadius:999}];default:return[]}})(e,i).filter(t=>(!t.mobileOnly||!!w)&&(!t.desktopOnly||!w)),[e,i,w]),M=O?null:e;if((0,a.useEffect)(()=>

1{if(y(!1),null===M)return;h(!0);let t=setTimeout(()=>{var t;null===v.current&&(y(!0),null==(t=f.current)||t.focus())},100);return()=>{clearTimeout(t),null!==v.current&&clearTimeout(v.current),v.current=null,h(!1)}},[M,h]),(0,a.useEffect)(()=>{if(O)return;let t=null,e=new Set,i=()=>{null===t&&(t=requestAnimationFrame(()=>{t=null,r()}))},n=new ResizeObserver(i),r=()=>{let t={},i=new Set;for(let e of E){let n=document.querySelector('[data-testid="'.concat(e.targetId,'"]'));if(!n)continue;let r=!1;for(let t=n;t;t=t.parentElement){i.add(t);let e=getComputedStyle(t);("none"===e.display||"hidden"===e.visibility||"collapse"===e.visibility||"0"===e.opacity||t.hasAttribute("hidden"))&&(r=!0)}let o=n.getBoundingClientRect();!r&&o.width>0&&o.height>0&&o.right>0&&o.bottom>0&&o.left<window.innerWidth&&o.top<window.innerHeight&&(t[e.targetId]=o)}for(let t of e)i.has(t)||n.unobserve(t);for(let t of i)e.has(t)||n.observe(t);e=i,I(e=>e.viewportWidth===window.innerWidth&&Object.keys(e.rects).length===Object.keys(t).length&&Object.entries(t).every(t=>{let[i,n]=t,r=e.rects[i];return r&&r.x===n.x&&r.y===n.y&&r.width===n.width&&r.height===n.height})?e:{rects:t,viewportWidth:window.innerWidth})},o=new MutationObserver(t=>{t.some(t=>{var e;return!(null==(e=f.current)?void 0:e.contains(t.target))})&&i()});return o.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class","hidden","data-testid"]}),r(),window.addEventListener("resize",i),window.addEventListener("scroll",i,!0),document.addEventListener("transitionend",i,!0),document.addEventListener("transitioncancel",i,!0),()=>{null!==t&&cancelAnimationFrame(t),o.disconnect(),n.disconnect(),window.removeEventListener("resize",i),window.removeEventListener("scroll",i,!0),document.removeEventListener("transitionend",i,!0),document.removeEventListener("transitioncancel",i,!0)}},[O,E]),O)return null;let j=()=>{null===v.current&&(y(!1),v.current=setTimeout(()=>{"ebook"===e?c(!0):"digital-textbook"===e?m(!0):p(!0)},200))};return(0,n.jsxs)("dialog",{open:!0,ref:f,"aria-label":"뷰어 사용 안내",className:"fixed inset-0 z-50 m-0 p-0 border-0 w-full h-full max-w-none max-h-none bg-transparent transition-opacity duration-200 ".concat(x?"opacity-100":"opacity-0"),tabIndex:-1,onClick:()=>{j()},onKeyDown:t=>{"Escape"===t.key&&j()},"data-sentry-component":"ViewerOnboarding","data-sentry-source-file":"ViewerOnboarding.tsx",children:[(0,n.jsxs)("svg",{className:"absolute inset-0 w-full h-full","data-sentry-element":"svg","data-sentry-source-file":"ViewerOnboarding.tsx",children:[(0,n.jsx)("title",{children:"Onboarding Highlight Mask"}),(0,n.jsx)("defs",{"data-sentry-element":"defs","data-sentry-source-file":"ViewerOnboarding.tsx",children:(0,n.jsxs)("mask",{id:"onboarding-highlight-mask","data-sentry-element":"mask","data-sentry-source-file":"ViewerOnboarding.tsx",children:[(0,n.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"white","data-sentry-element":"rect","data-sentry-source-file":"ViewerOnboarding.tsx"}),E.filter(t=>k.rects[t.targetId]).map(t=>{var e,i;let r=k.rects[t.targetId],o=null!=(e=t.highlightPaddingX)?e:0;return(0,n.jsx)("rect",{"data-testid":"onboarding-highlight-".concat(t.targetId),x:r.x-o,y:r.y,width:r.width+2*o,height:r.height,rx:null!=(i=t.highlightRadius)?i:8,fill:"black"},t.targetId)})]})}),(0,n.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"rgba(0, 0, 0, 0.7)",mask:"url(#onboarding-highlight-mask)","data-sentry-element":"rect","data-sentry-source-file":"ViewerOnboarding.tsx"})]}),E.filter(t=>k.rects[t.targetId]).map(t=>(0,n.jsx)(l,{targetId:t.targetId,rect:k.rects[t.targetId],isMobileOrTablet:w,viewportWidth:k.viewportWidth,mobileGap:t.mobileGap,text:t.text,position:t.position},t.targetId))]})}}}]);