https://static.surfit.io/js/chunks/718.3b4d47441847fb7b7c88.js

1(this.webpackChunk=this.webpackChunk||[]).push([[718],{87757:(t,n,e)=>{t.exports=e(61553)},41042:t=>{function n(t){return String(t||"").trim().toLowerCase().replace(/[^a-z0-9가-힣]+/g,"-").replace(/^-+|-+$/g,"").slice(0,64).replace(/-+$/g,"")||"article"}function e(t){return t&&t.id?"/content/".concat(t.id,"/").concat(n(t.subject)):"/"}t.exports={slugifyTitle:n,buildContentInsightPath:e,canOpenContentInsight:function(t,n){return Boolean(!0===n&&t&&-1!==["article","text"].indexOf(t.card_type)&&!0===t.hasContentInsight)},pushContentInsightAddress:function(t,n){var i="".concat(t.location.pathname).concat(t.location.search).concat(t.location.hash),r=e(n);return t.history.pushState({surfitContentInsightModal:!0,surfitContentInsightFrom:i},"",r),r},replaceContentInsightAddress:function(t,n){var i=e(n);return t.history.replaceState(t.history.state||{},"",i),i},restoreContentInsightAddress:function(t){return t.history.state&&t.history.state.surfitContentInsightModal?(t.history.back(),"back"):(t.history.replaceState({},"","/"),"replace")}}},2433:t=>{function n(t){return(Array.isArray(t)?t:[]).map((function(t){return String(t||"").trim()})).filter(Boolean)}t.exports={normalizeContentInsightSections:function(t){var e=Array.isArray(t&&t.sections)?t.sections:[],i=Array.isArray(t&&t.insights)?t.insights:[];return(e.length?e:i.map((function(t){return"string"==typeof t?{heading:t,paragraphs:[],items:[]}:{heading:t.title||"",paragraphs:t.body?[t.body]:[],items:[]}}))).map((function(t){var e=Array.isArray(t.paragraphs)?t.paragraphs:t.body?[t.body]:[];return{heading:String(t.heading||t.title||"").trim(),paragraphs:n(e),items:n(t.items)}})).filter((function(t){return t.heading||t.paragraphs.length||t.items.length}))}}},45718:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>y});var i=e(87757),r=e.n(i),s=e(20629),a=e(27040),o=e(88689),c=e(14217),h=e(92495);function l(t,n,e,i,r,s,a){try{var o=t[s](a),c=o.value}catch(t){return void e(t)}o.done?n(c):Promise.resolve(c).then(i,r)}function u(t){return function(){var n=this,e=arguments;return new Promise((function(i,r){var s=t.apply(n,e);function a(t){l(s,i,r,a,o,"next",t)}function o(t){l(s,i,r,a,o,"throw",t)}a(void 0)}))}}function g(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function p(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?g(Object(e),!0).forEach((function(n){f(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEac

1h((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function f(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var v=e(41042),d=v.replaceContentInsightAddress,_=v.restoreContentInsightAddress;const m={name:"ContentInsight",components:{OnboardingShell:o.default,ContentInsightBody:c.Z,SfOverlayCloseButton:h.default},data:function(){return{insight:null,isLoading:!0,isClosing:!1,isNavigating:!1}},computed:p({},(0,s.Se)({isOpen:"ui/MODAL_IS_ACTIVE",preview:"content/INSIGHT"})),methods:p(p({},(0,s.nv)({closeModal:"ui/CLOSE_MODAL"})),{},{loadInsight:function(){var t=arguments,n=this;return u(r().mark((function e(){var i,s,o,c;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.length>0&&void 0!==t[0]?t[0]:n.preview&&n.preview.id,s=n.preview&&n.preview.previewToken,i||s){e.next=5;break}return n.fallbackToOriginal(),e.abrupt("return");case 5:return n.isLoading=!0,e.prev=6,o=s?"/content/insight-preview/".concat(encodeURIComponent(s)):"/content/".concat(i,"/insight"),e.next=10,(0,a.default)().get(o);case 10:c=e.sent,n.insight=c.data,s||d(window,n.insight),n.$nextTick((function(){n.$el&&("function"==typeof n.$el.scrollTo?n.$el.scrollTo(0,0):n.$el.scrollTop=0)})),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(6),n.fallbackToOriginal();case 19:return e.prev=19,n.isLoading=!1,e.finish(19);case 22:case"end":return e.stop()}}),e,null,[[6,16,19,22]])})))()},fallbackToOriginal:function(){var t=this.preview&&this.preview.link;if(this.isEmbeddedPreview())return this.notifyPreviewParent(),void this.closeModal();this.closeModal(),t&&window.location.assign(t)},isEmbeddedPreview:function(){return!!(this.preview&&this.preview.previewToken&&window.parent&&window.parent!==window)},notifyPreviewParent:function(){var t=new URL(window.location.href);t.hostname=t.hostname.replace(/^www\./,"admin."),window.parent.postMessage({type:"surfit:content-insight-preview-close"},t.origin)},navigate:function(t){var n=this;return u(r().mark((function e(){var i;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((i=n.insight&&n.insight.navigation&&n.insight.navigation[t])&&i.id&&!n.isLoading&&!n.isNavigating){e.next=3;break}return e.abrupt("return");case 3:return n.isNavigating=!0,e.prev=4,e.next=7,n.loadInsight(i.id);case 7:return e.prev=7,n.isNavigating=!1,e.finish(7);case 10:case"end":return e.stop()}}),e,null,[[4,,7,10]])})))()},onKeydown:function(t){if(!(t.defaultPrevented||t.repeat||t.altKey||t.ctrlKey||t.metaKey||this.isLoading||this.isNavigating)){var n=t.target;if(!n||"function"!=typeof n.closest||!n.closest('input, textarea, select, [contenteditable="true"]'))if("ArrowLeft"===t.key)this.insight&&this.insight.navigation&&this.insight.navigation.previous&&(t.preventDefault(),this.navigate("previous"));else if("ArrowRight"===t.key){this.insight&&this.insight.navigation&&this.insight.navigation.next&&(t.preventDefault(),this.navigate("next"))}}},close:function(){if(!this.isClosing){if(this.isClosing=!0,this.isEmbeddedPreview())return this.notifyPreviewParent(),void this.closeModal();_(window),this.closeModal()}},closeFromHistory:function(){this.isClosing||(this.isClosing=!0,this.closeModal())}}),mounted:function(){window.addEventListener("popstate",this.closeFromHistory),window.addEventListener("keydown",this.onKeydown),this.loadInsight()},beforeDestroy:function(){window.removeEventListener("popstate",this.closeFromHistory),window.removeEventListener("keydown",this.onKeydown)}};const y=(0,e(51900).Z)(m,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{directives:[{name:"esc",rawName:"v-esc",value:t.close,expression:"close"}],staticClass:"modal-comp content-insight-modal has-onboarding-shell",class:{"is--open":t.isOpen},on:{click:function(n){return n.target!==n.currentTarget?null:t.close(n)}}},[e("SfOverlayCloseButton",{on:{click:t.close}}),t._v(" "),e("div",{staticClass:"modal-container"},[e("OnboardingShell",{attrs:{"aria-label":"콘텐츠 인사이트",size:"article",surface:"panel",loading:t.isLoading}},[t.insight?e("ContentInsightBody",{attrs:{insight:t.insight,surface:"modal"},on:{navigate:t.navigate}}):t._e()],1)],1)],1)}),[],!1,null,"517e3287",null).exports},14217:(t,n,e)=>{"use strict";e.d(n,{Z:()=>a});var i=e(2433).normalizeContentInsightSections,r=e(41042).buildContentInsightPath;const s={name:"ContentInsightBody",props:{insight:{type:Object,required:!0},surface:{type:String,default:"modal",validator:function(t){return["modal","page"].indexOf(t)>=0}}},data:function(){return{channelImageFailed:!1,heroAttempt:0}},watch:{"insight.id":function(){this.channelImageFailed=!1,this.heroAttempt=0}},computed:{articleClass:function(){return["content-insight","content-insight--".concat(this.surface)]},sourceName:function(){var t;return(null===(t=this.insight.channel)||void 0===t?void 0:t.name)||this.insight.author||this.insight.source_domain},sourceDomain:function(){return String(this.insight.source_domain||this.sourceName||"").replace(/^www\./,"")},sourceInitial:function(){return String(this.sourceName||"S").trim().charAt(0).toUpperCase()},sourceMeta:function(){return this.insight.author&&this.insight.author!==this.sourceName?this.insight.author:""},channelHref:function(){return this.insight.channel&&this.insight.channel.url||""},authorHref:function(){return this.insight.author_url||""},publishedLabel:function(){if(!this.insight.published_at)return"";var t=new Date(this.insight.published_at);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("ko-KR",{year:"numeric",month:"long",day:"numeric"})},channelLogo:function(){return this.insight.channel&&this.insight.channel.logo||""},heroSources:function(){return[this.insight.hero_image,this.insight.cover_image].filter((function(t,n,e){return t&&e.indexOf(t)===n}))},heroSource:function(){return this.heroSources[this.heroAttempt]||""},summaryParagraphs:function(){var t=String(this.insight.summary||"").trim();return t?t.split(/\n\s*\n/).map((function(t){return t.trim()}

1)).filter(Boolean):[]},contentSections:function(){return i(this.insight)},previousArticle:function(){return this.insight.navigation&&this.insight.navigation.previous||null},nextArticle:function(){return this.insight.navigation&&this.insight.navigation.next||null},hasArticleNavigation:function(){return!(!this.previousArticle&&!this.nextArticle)}},methods:{onHeroError:function(){this.heroAttempt+=1},articleHref:function(t){return r(t)}}};const a=(0,e(51900).Z)(s,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("article",{class:t.articleClass},[e("header",{staticClass:"content-insight__header"},[e("div",{staticClass:"content-insight__source-row"},[e("div",{staticClass:"content-insight__source"},[t.channelHref?e("a",{staticClass:"content-insight__channel-link",attrs:{href:t.channelHref,"aria-label":t.sourceName+" 채널 보기"}}):t._e(),t._v(" "),e("span",{staticClass:"content-insight__channel-mark",attrs:{"aria-hidden":"true"}},[t.channelLogo&&!t.channelImageFailed?e("img",{staticClass:"content-insight__channel-logo",attrs:{src:t.channelLogo,alt:t.sourceName+" 채널 아이콘"},on:{error:function(n){t.channelImageFailed=!0}}}):e("span",{staticClass:"content-insight__channel-fallback"},[t._v("\n                        "+t._s(t.sourceInitial)+"\n                    ")])]),t._v(" "),e("span",{staticClass:"content-insight__source-copy"},[e("strong",[t._v(t._s(t.sourceName))]),t._v(" "),t.sourceMeta&&t.authorHref?e("a",{staticClass:"content-insight__author-link",attrs:{href:t.authorHref},on:{click:function(t){t.stopPropagation()}}},[t._v("\n                        "+t._s(t.sourceMeta)+"\n                    ")]):t.sourceMeta?e("span",{staticClass:"content-insight__author-link"},[t._v("\n                        "+t._s(t.sourceMeta)+"\n                    ")]):t._e()])]),t._v(" "),e("SfSourceLink",{attrs:{href:t.insight.original_url,label:"원문 보기",variant:"button"}})],1),t._v(" "),e("h1",[t._v(t._s(t.insight.subject))]),t._v(" "),e("p",{staticClass:"content-insight__read-time"},[t.publishedLabel?e("span",[t._v(t._s(t.publishedLabel))]):t._e(),t._v(" "),t.publishedLabel?e("span",{attrs:{"aria-hidden":"true"}},[t._v("·")]):t._e(),t._v(" "),e("span",[t._v("원문 "+t._s(t.insight.reading_minutes)+"분")])])]),t._v(" "),t.heroSource?e("figure",{staticClass:"content-insight__hero"},[e("a",{staticClass:"content-insight__hero-link",attrs:{href:t.insight.original_url,target:"_blank",rel:"noopener noreferrer","aria-label":"원문에서 "+t.insight.subject+" 읽기"}},[e("img",{staticClass:"content-insight__hero-image",attrs:{src:t.heroSource,alt:t.insight.subject+" 대표 이미지",loading:"eager",fetchpriority:"high"},on:{error:t.onHeroError}})])]):t._e(),t._v(" "),e("div",{staticClass:"content-insight__body",class:{"has--no-hero":!t.heroSource}},[e("section",{staticClass:"content-insight__summary"},[e("div",{staticClass:"content-insight__summary-copy"},t._l(t.summaryParagraphs,(function(n){return e("p",{key:n},[t._v("\n                    "+t._s(n)+"\n                ")])})),0)]),t._v(" "),t.contentSections.length?e("section",{staticClass:"content-insight__sections"},[e("div",{staticClass:"content-insight__section-list"},t._l(t.contentSections,(function(n,i){return e("section",{key:i+"-"+n.heading,staticClass:"content-insight__section"},[n.heading?e("h2",[t._v(t._s(n.heading))]):t._e(),t._v(" "),t._l(n.paragraphs,(function(n,r){return e("p",{key:i+"-paragraph-"+r},[t._v("\n                        "+t._s(n)+"\n                    ")])})),t._v(" "),n.items.length?e("ul",t._l(n.items,(function(n,r){return e("li",{key:i+"-item-"+r},[t._v("\n                            "+t._s(n)+"\n                        ")])})),0):t._e()],2)})),0)]):t._e(),t._v(" "),e("footer",{staticClass:"content-insight__original"},[e("SfSourceLink",{attrs:{href:t.insight.original_url,label:"원문 전체 읽기",meta:t.sourceDomain,variant:"panel"}}),t._v(" "),"page"===t.surface?e("SfSourceLink",{attrs:{href:"/",label:"더 많은 아티클 읽기 🏄",meta:"서핏에서 매일 콘텐츠를 받아보세요.",variant:"panel"}}):t._e(),t._v(" "),"modal"===t.surface&&t.hasArticleNavigation?e("nav",{staticClass:"content-insight__article-navigation",attrs:{"aria-label":"이전·다음 아티클"}},[t.previousArticle?e("a",{staticClass:"content-insight__article-nav-link is--previous",attrs:{href:t.articleHref(t.previousArticle)},on:{click:function(n){return n.preventDefault(),t.$emit("navigate","previous")}}},[e("span",[e("sf-phosphor",{attrs:{name:"caret-left",size:15}}),t._v("\n                        이전 아티클\n                    ")],1),t._v(" "),e("strong",[t._v(t._s(t.previousArticle.subject))])]):e("span",{attrs:{"aria-hidden":"true"}}),t._v(" "),t.nextArticle?e("a",{staticClass:"content-insight__article-nav-link is--next",attrs:{href:t.articleHref(t.nextArticle)},on:{click:function(n){return n.preventDefault(),t.$emit("navigate","next")}}},[e("span",[t._v("\n                        다음 아티클\n                        "),e("sf-phosphor",{attrs:{name:"caret-right",size:15}})],1),t._v(" "),e("strong",[t._v(t._s(t.nextArticle.subject))])]):t._e()]):t._e()],1)])])}),[],!1,null,"ce229198",null).exports}}]);