1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9495],{87477:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[path]",function(){return l(92435)}])},33757:function(e,t,l){"use strict";l.d(t,{z:function(){return m}});var a=l(15311),n=l(20132),r=l(48390),s=l(13840),i=l(47201),o=l.n(i),c=l(37483);l(33343),l(86233),l(93065),l(54476),l(8750),l(83248),l(31150);var d=l(96367),x=l(80045),u=l(12431);l(72148);let h={singleDollarTextMath:!1},f=e=>{let{children:t}=e,l=t.replace(/�/g,"");return(0,a.jsx)("span",{children:l})};function m(e){let{children:t}=e,[l,i]=(0,n.useState)({}),[m,g]=(0,n.useState)("");(0,n.useEffect)(()=>{t?g(t.replace(/\\\[\s*([^[\]]*?[^[\]]*?)\s*\\\]/gi,(e,t)=>"$$ ".concat(t," $$"))):g("")},[t]);let p=e=>e.split("").reduce((e,t)=>(e<<5)-e+t.charCodeAt(0),0),j=e=>{let t=p(e);return()=>{navigator.clipboard.writeText(e).then(()=>{i({...l,[t]:"Copied!"}),setTimeout(()=>i({...l,[t]:"Copy code"}),2e3)},e=>{console.error("Async: Could not copy text: ",e)})}},v=e=>{let{value:t,language:n}=e,r=o().highlight(t,o().languages[n]||o().languages.javascript,n||"text"),s=p(t);return(0,a.jsx)("pre",{className:(0,c.Z)("my-2"),children:(0,a.jsxs)("div",{className:"rounded-md bg-black",children:[(0,a.jsxs)("div",{className:"relative flex items-center justify-between rounded-t-md bg-gray-800 px-4 py-2 font-sans text-xs text-gray-200",children:[(0,a.jsx)("span",{children:n}),(0,a.jsx)("button",{onClick:j(t),className:"ml-auto flex items-center gap-2",children:l[s]||"Copy code"})]}),(0,a.jsx)("div",{className:"overflow-x-auto p-4 text-white",children:(0,a.jsx)("code",{dangerouslySetInnerHTML:{__html:r},className:"overflow-x-auto !whitespace-pre"})})]})})};return Object.hasOwn||(Object.hasOwn=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)),(0,a.jsx)(r.U,{remarkPlugins:[s.Z,[x.Z,h]],rehypePlugins:[u.Z],components:{a:e=>{let{href:t,title:l,children:r}=e,[s,i]=(0,n.useState)({show:!1,x:0,y:0});return"ãsourceã"===r?(0,a.jsxs)("a",{href:t,target:"_blank",onMouseEnter:e=>{let{clientX:t,clientY:l}=e;i({show:!0,x:t-15,y:l-30})},onMouseLeave:()=>{i({...s,show:!1})},rel:"noopener noreferrer",className:"relative ml-0.5 inline-block align-sub",children:[(0,a.jsx)(d.n,{icon:"source",className:"text-link-base hover:text-link-hover w-5"}),s.show&&(0,a.jsxs)("span",{style:{position:"fixed",left:"".concat(s.x,"px"),top:"".concat(s.y,"px")},className:"inline-flex w-[max-content] items-center rounded bg-black px-3 py-1 text-xs text-white",children:[l||t,(0,a.jsx)(d.n,{icon:"jumpLink",className:"ml-1 w-3 fill-gray-200"})]})]}):(0,a.jsx)("a",{href:t,title:t,target:"_blank",rel:"noopener noreferrer",className:"px-1",children:l||r||t})},text:f,code(e){let{node:t,inline:l,className:n,children:r,...s}=e,i=/language-(.+)/.exec(n||"");return!l&&i?(0,a.jsx)(v,{value:String(r||"").replace(/\n$/,""),language:i[1]}):(0,a.jsx)("code",{className:n,...s,children:r})}},children:m})}},66887:function(e,t,l){"use strict";l.d(t,{Hb:function(){return s},TT:function(){return i},t5:function(){return r}});var a=l(15311);let n=(0,l(38677).zL)(),r=function(e,t){let l=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t;if(l){let l=e.locale;"en"!==l&&(r="/".concat(l).concat(t))}return(0,a.jsx)("link",{rel:"canonical",href:"".concat(n).concat(r||"/")})},s=(e,t,l)=>e.locales.map(e=>{if(l&&!l.includes(e))return null;let r=("en"===e?"":"/".concat(e))+t;return(0,a.jsx)("link",{rel:"alternate",hrefLang:e,href:n+(r||"/")},e)}),i=(e,t)=>{let l=t;return"en"!==e&&(l="/".concat(e).concat(t)),(0,a.jsx)("link",{rel:"canonical",href:"".concat(n).concat(l||"/")})}},92435:function(e,t,l){"use strict";l.r(t),l.d(t,{PAGE_TYPE_BLOG:function(){return Y},PAGE_TYPE_NEW_SECONDARY:function(){return G},__N_SSP:function(){return B},default:function(){return K},runtime:function(){return W}});var a=l(15311),n=l(5724),r=l(20132),s=l(84066),i=l(3605),o=l(74034),c=l.n(o),d=l(33757),x=l(96367),u=l(6381),h=l.n(u);function f(e){let{className:t}=e,{t:l}=(0,n.Z)("common"),[s,i]=(0,r.useState)(null);return(0,r.useEffect)(()=>{i("".concat(location.origin).concat(location.pathname))},[]),(0,a.jsx)("div",{className:t,children:(0,a.jsx)("div",{className:"flex items-center justify-center",children:(0,a.jsxs)("div",{className:"ml-2 flex gap-2",children:[(0,a.jsx)(h(),{href:"https://www.facebook.com/sharer.php?u="+s,target:"_blank",className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/10 p-1 hover:bg-white/20",children:(0,a.jsx)(x.n,{icon:"facebook",className:"w-4 fill-white object-cover"})}),(0,a.jsx)(h(),{href:"https://twitter.com/intent/tweet?url="+s,target:"_blank",className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/10 p-1 hover:bg-white/20",children:(0,a.jsx)(x.n,{icon:"twitter",className:"w-4 fill-white object-cover"})}),(0,a.jsx)(h(),{href:"https://www.linkedin.com/sharing/share-offsite/?url="+s,target:"_blank",className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/10 p-1 hover:bg-white/20",children:(0,a.jsx)(x.n,{icon:"linkedIn",className:"w-4 fill-white object-cover"})}),(0,a.jsx)(h(),{href:"https://pinterest.com/pin/create/button/?url="+s,target:"_blank",className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/10 p-1 hover:bg-white/20",children:(0,a.jsx)(x.n,{icon:"pinterest",className:"w-4 fill-white object-cover"})})]})})})}function m(e){let{article:t}=e,{t:l}=(0,n.Z)("common");return(0,a.jsx)("section",{className:"prose relative",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"mb-10 w-full text-3xl font-bold tracking-tight text-black md:text-4xl",children:t.title}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between border-t border-white/10 pt-2",children:[(0,a.jsxs)("div",{className:"inline-flex items-center gap-x-4 text-xs text-gray-400",children:[t.author&&(0,a.jsxs)("span",{children:["Author: ",t.author]}),t.publishedDate&&(0,a.jsxs)("span",{children:["Time: ",t.publishedDate]})]}),(0,a.jsx)(f,{})]}),(0,a.jsxs)("div",{className:"grid w-full grid-cols-1 items-center gap-8",children:[t.firstPicture&&(0,a.jsx)("div",{className:"flex w-full items-center justify-end",children:(0,a.jsx)(c(),{src:t.firstPicture,alt:"",width:200,height:200,unoptimized:!0,className:"w-full rounded-md"})}),(0,a.jsx)("div",{className:"grid w-full grid-cols-1 gap-6 text-black",children:(0,a.jsx)(d.z,{children:t.content||""})})]}),(0,a.jsxs)("div",{className:"mt-10 flex w-full items-center justify-end gap-4 border-t border-dashed border-gray-700 py-4 text-sm",children:[t.upArticleLink&&(0,a.jsxs)("a",{href:t.upArticleLink,className:"link-with-icon flex items-center !text-gray-400 !no-underline hover:!text-violet-500",children:[(0,a.jsx)(x.n,{icon:"arrowSwitch",className:"icon-fill mr-1 w-5 fill-gray-400"}),l("article.previous")]}),t.nextArticleLink&&(0,a.jsxs)("a",{href:t.nextArticleLink,className:"link-with-icon flex items-center !text-gray-600 !no-underline hover:!text-violet-500",children:[l("article.next"),(0,a.jsx)(x.n,{icon:"arrowSwitch",className:"icon-fill ml-1 w-5 rotate-180 fill-gray-400"})]})]})]})})}function g(e){let{summary:t}=e;return"fail"===t.status?(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]}):"success"===t.status?(0,a.jsx)("div",{className:"w-full whitespace-pre-wrap ring-offset-white",children:(0,a.jsxs)("p",{className:"whitespace-pre-line font-serif text-2xl font-medium",children:[(0,a.jsx)("span",{className:"font-display mr-1 font-bold text-zinc-500",children:"TLDR"}),(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:t.summary}})]})}):null}function p(e){let{outline:t,seekTo:l}=e,[n,s]=(0,r.useState)(null),i=e=>{s(n===e?null:e)};if("fail"===t.status)return(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]});if("success"===t.status){var o;return(0,a.jsx)(a.Fragment,{children:(null===(o=t.outlines)||void 0===o?void 0:o.length)>0&&(0,a.jsx)("div",{className:"mt-0 w-full whitespace-pre-wrap font-serif ring-offset-white",children:(0,a.jsx)("div",{className:"grid w-full grid-cols-1 gap-4",children:t.outlines.map((e,t)=>
1(0,a.jsxs)("div",{className:"cursor-pointer rounded-md bg-violet-600/5 p-4",children:[(0,a.jsxs)("div",{onClick:()=>i(t),className:"group flex flex-1 items-center justify-between font-medium transition-all",children:[(0,a.jsxs)("div",{className:"flex grow flex-col items-start text-left text-xl font-bold",children:[e.time&&(0,a.jsx)("div",{className:"flex items-center",onClick:t=>{t.stopPropagation(),l(e.seconds)},children:(0,a.jsxs)("div",{className:"flex cursor-pointer items-center gap-1 font-mono text-base font-normal text-zinc-500 hover:text-zinc-800 hover:underline",children:[(0,a.jsx)(x.n,{icon:"play",className:"w-3 fill-zinc-500"}),(0,a.jsx)("span",{children:e.time})]})}),(0,a.jsx)("h3",{className:"grow group-hover:text-violet-500 group-hover:underline",dangerouslySetInnerHTML:{__html:e.title}})]}),(0,a.jsx)(x.n,{icon:"prev",className:"mr-4 w-4 shrink-0 fill-zinc-500 transition-transform duration-200 ".concat(n===t?"rotate-90":"-rotate-90")})]}),(0,a.jsx)("div",{className:"mt-2 overflow-hidden transition-all duration-500",style:{height:n===t?"auto":0},children:(0,a.jsx)("p",{className:"whitespace-pre-line text-lg text-zinc-700",dangerouslySetInnerHTML:{__html:e.description}})})]},t))})})})}return null}function j(e){let{keyword:t}=e;if("fail"===t.status)return(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]});if("success"===t.status){var l;return(0,a.jsx)(a.Fragment,{children:(null===(l=t.keywordList)||void 0===l?void 0:l.length)>0&&(0,a.jsx)("div",{className:"w-full whitespace-pre-wrap ring-offset-white",children:(0,a.jsx)("div",{className:"grid w-full grid-cols-1 gap-4",children:t.keywordList.map((e,t)=>(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"block w-full pr-3 pt-2 font-serif text-xl font-bold",dangerouslySetInnerHTML:{__html:e.keyword}}),(0,a.jsx)("div",{className:"mt-2 rounded-md bg-violet-600/5 px-3 py-2 text-lg",dangerouslySetInnerHTML:{__html:e.explanation}})]},t))})})})}return null}function v(e){let{highlight:t}=e;if("fail"===t.status)return(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]});if("success"===t.status){var l;return(0,a.jsx)(a.Fragment,{children:(null===(l=t.highlightList)||void 0===l?void 0:l.length)>0&&(0,a.jsx)("div",{className:"mt-0 w-full whitespace-pre-wrap ring-offset-white",children:(0,a.jsx)("div",{className:"grid w-full grid-cols-1 gap-4",children:t.highlightList.map((e,t)=>(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"rounded-md bg-violet-600/5 px-3 pb-3 pt-2 text-lg",children:(0,a.jsx)("p",{className:"relative z-0 inline-block px-3 py-2 before:absolute before:left-0 before:top-0 before:text-6xl before:font-bold before:opacity-10 before:content-['â'] after:absolute after:-bottom-[2rem] after:right-0 after:text-6xl after:font-bold after:opacity-10 after:content-['â']",dangerouslySetInnerHTML:{__html:e.text}})})},t))})})})}return null}l(39858);var w=l(25964),y=l(50567),b=l(36437);l(8381);var N=e=>{let{mindmap:t,className:l}=e;t=function e(t,l){let a="";if(0===l?a+="# ".concat(t.title,"\n"):a+="".concat(" ".repeat(l),"- ").concat(t.title,"\n"),t.nodeList&&t.nodeList.length>0)for(let n of t.nodeList)a+=e(n,l+1);return a}(t.node,0);let[n,s]=(0,r.useState)(t),i=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),d=new w.$T,x=()=>{let{root:e}=d.transform(n);o.current||(o.current=y.v$.create(i.current)),o.current.setData(e),o.current.fit(),function(e,t){for(;null==t?void 0:t.firstChild;)t.firstChild.remove();if(e&&t){let l=new b.o;l.attach(e),l.register({id:"alert",title:"Click to show an alert",content:"Alert",onClick:()=>alert("You made it!")});let a=b.o.defaultItems.filter(e=>"toggle"!==e&&"alert"!==e);l.setItems([...a,"alert"]),t.append(l.render())}}(o.current,c.current)};return(0,r.useEffect)(()=>{window.updateSvg||(window.updateSvg=!0,x(),setTimeout(()=>{window.updateSvg=!1},1e3))},[n]),(0,r.useEffect)(()=>{let e=document.querySelector('a[href="https://markmap.js.org/"]');e&&e.remove()},[]),(0,a.jsx)(r.Fragment,{children:(0,a.jsxs)("div",{className:"".concat(l," relative flex !h-[calc(100dvh-9.5rem)] h-[calc(100vh-9.5rem)] flex-col-reverse gap-4 lg:!h-[calc(100dvh-24rem)] lg:h-[c
1alc(100vh-24rem)]"),children:[(0,a.jsx)("svg",{className:"markmap h-full w-full",ref:i}),(0,a.jsx)("div",{className:"flex w-full items-center justify-end",ref:c})]})})};function k(e){let{mindmap:t}=e;return"fail"===t.status?(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]}):"success"===t.status?(0,a.jsx)(a.Fragment,{children:t.node&&(0,a.jsx)(N,{mindmap:t})}):null}function _(e){let{detail:t}=e;return(0,a.jsx)("div",{className:"relative flex flex-col lg:my-10 lg:items-start",children:(0,a.jsx)("div",{className:"flex w-full flex-col items-center gap-y-4 lg:flex-row lg:gap-x-6",children:(0,a.jsxs)("div",{className:"flex w-full flex-col items-start gap-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-extrabold lg:text-3xl",children:t.title}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center gap-2 lg:gap-6",children:[(0,a.jsxs)("span",{className:"flex items-center gap-x-1 text-zinc-400",children:[(0,a.jsx)(x.n,{icon:"author",className:"w-4 fill-zinc-400"}),t.author]}),(0,a.jsxs)("div",{className:"flex items-center gap-x-4 text-zinc-400",children:[(0,a.jsx)("span",{children:new Date(t.publishDate).toLocaleDateString("en-GB",{year:"numeric",month:"short",day:"numeric"})}),(0,a.jsxs)("span",{className:"undefined flex items-center gap-1",children:[(0,a.jsx)(x.n,{icon:"duration",className:"w-4 fill-zinc-400"}),t.videoDuration]})]})]})]})})})}function L(e){let{takeaways:t}=e;if("fail"===t.status)return(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]});if("success"===t.status){var l;return(0,a.jsx)("div",{className:"mt-0 w-full whitespace-pre-wrap ring-offset-white",children:(null===(l=t.takeAways)||void 0===l?void 0:l.length)>0&&(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"takeaways",className:"w-5 fill-violet-600"}),(0,a.jsx)("h3",{children:"Takeaways"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)("ul",{className:"mt-4 flex w-full flex-col gap-2 pl-6",children:t.takeAways.map((e,t)=>(0,a.jsx)("li",{className:"text-lg",dangerouslySetInnerHTML:{__html:e}},t))})]})})}return null}function I(e){let{qa:t}=e;if("fail"===t.status)return(0,a.jsxs)("div",{className:"flex w-full items-center justify-center rounded-md bg-gray-500/5 text-center text-gray-400 md:h-32",children:["The video is abnormal, and we are working hard to fix it.",(0,a.jsx)("br",{})," Please replace the link and try again."]});if("success"===t.status){var l;return(0,a.jsx)("div",{className:"mt-0 w-full whitespace-pre-wrap ring-offset-white",children:(null===(l=t.qaList)||void 0===l?void 0:l.length)>0&&(0,a.jsxs)("div",{className:"mt-8 w-full",children:[(0,a.jsxs)("div",{className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"questionAnswer",className:"w-4 fill-violet-600"}),(0,a.jsx)("h3",{children:"Q & A"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)("ul",{className:"mt-4 flex w-full flex-col gap-8 pl-6",children:t.qaList.map((e,t)=>(0,a.jsxs)("li",{className:"flex w-full flex-col gap-2",children:[(0,a.jsx)("h3",{className:"text-xl font-semibold",dangerouslySetInnerHTML:{__html:"".concat(e.question)}}),(0,a.jsxs)("p",{className:"relative flex items-start gap-2 text-lg text-zinc-800",children:[(0,a.jsx)("span",{className:"font-bold",children:"-"}),(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:"".concat(e.answer)}})]})]},t))})]})})}return null}
1function S(e){let{recordDetails:t,videoDetail:l,seekTo:n}=e;return(0,a.jsx)("section",{id:"Summary",className:"blog-content w-full",children:(0,a.jsx)("div",{className:"flex w-full grid-cols-1 flex-col-reverse gap-4 lg:grid lg:grid-cols-3 lg:gap-16",children:(0,a.jsxs)("div",{className:"flex flex-col items-start pt-2 lg:col-span-3 lg:gap-x-4",children:[l&&(0,a.jsx)(_,{detail:l}),t?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"mt-4 grid w-full grid-cols-1 gap-6 pb-4 lg:mt-0 lg:h-full lg:grow lg:gap-10 lg:pb-0",children:[t.summaryInfo&&"generating"!==t.summaryInfo.status&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(g,{summary:t.summaryInfo})}),t.takeawaysInfo&&"generating"!==t.takeawaysInfo.status&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(L,{takeaways:t.takeawaysInfo})}),t.qaInfo&&"generating"!==t.qaInfo.status&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(I,{qa:t.qaInfo})}),t.outlineInfo&&"generating"!==t.outlineInfo.status&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{id:"Outlines",className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"outlines",className:"w-5 fill-violet-600"}),(0,a.jsx)("h3",{children:"Outlines"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)(p,{outline:t.outlineInfo,seekTo:n})]}),t.mindmapInfo&&"generating"!==t.mindmapInfo.status&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{id:"Mindmap",className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"mindmap",className:"w-5 fill-violet-600"}),(0,a.jsx)("h3",{children:"Mindmap"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)(k,{mindmap:t.mindmapInfo})]}),t.keywordInfo&&"generating"!==t.keywordInfo.status&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{id:"Keywords",className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"keywords2",className:"w-5 fill-violet-600"}),(0,a.jsx)("h3",{children:"Keywords"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)(j,{keyword:t.keywordInfo})]}),t.highlightInfo&&"generating"!==t.highlightInfo.status&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{id:"Highlights",className:"font-display flex w-full items-center gap-2 text-violet-600",children:[(0,a.jsx)(x.n,{icon:"highlights",className:"w-5 fill-violet-600"}),(0,a.jsx)("h3",{children:"Highlights"}),(0,a.jsx)("div",{"data-orientation":"horizontal",role:"none",className:"h-[1px] w-auto shrink-0 grow bg-gradient-to-l from-transparent to-violet-500"})]}),(0,a.jsx)(v,{highlight:t.highlightInfo})]}),!t.summaryInfo&&(0,a.jsx)("div",{className:"relative flex h-full w-full items-center justify-center overflow-hidden rounded bg-white/5",children:"No information recorded"})]})}):(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:"no article content"})})]})})})}var T=l(48846),D=l(14218),P=l(32923),C=l(99941);let z=(0,T.Pi)(e=>{let{correlationArticleList:t,adDataBlogRightSidebar:l}=e,{t:r}=(0,n.Z)("common"),{userStore:s}=(0,D.o)();return(0,a.jsxs)("div",{className:"w-full overflow-hidden",children:[(0,a.jsx)("div",{className:"w-full",children:l&&!(s.user&&s.user.vipFlag)&&(0,a.jsx)(P.Cp,{adData:l,styleData:{borderStyle1:"#8b5cf6",borderStyle2:"#a456f7",borderStyle3:"#e8529e",primaryColor:"#8b5cf6"}})}),(0,a.jsxs)("div",{className:"mt-3 rounded-lg border border-violet-50 bg-white shadow-lg shadow-gray-200 transition-all duration-300 dark:border-gray-700 dark:bg-gray-800 dark:shadow-gray-900/50",children:[(0,a.jsxs)("h2",{className:"flex w-full items-center gap-1.5 bg-violet-600/5 px-4 py-4 text-lg font-bold text-violet-600 transition-colors duration-300 dark:bg-violet-600/10 dark:text-violet-400",children:[(0,a.jsx)(x.n,{icon:"write",className:"w-4 fill-violet-600 dark:fill-violet-400"})," ",r("article.related")]}),(0,a.jsx)("div",{className:"grid w-full grid-cols-1 gap-2 p-4",children:t.map((e,t)=>{let l=(0,C.Ky)(e),n=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:"line-clamp-2 w-full font-medium text-gray-800 transition duration-500 group-hover:text-violet-600 dar
1k:text-gray-200 dark:group-hover:text-violet-400",children:e.title}),(0,a.jsx)("p",{className:"w-full text-right text-xs text-gray-500 transition duration-500 group-hover:text-violet-600 dark:text-gray-400 dark:group-hover:text-violet-400",children:e.publishedTime})]});return(0,C.$2)(l)?(0,a.jsx)("a",{id:"correlation-article-".concat(t),href:l,rel:"noopener",target:"_blank",className:"group flex w-full flex-col items-center gap-1 rounded-md bg-indigo-300/10 p-2 py-2 text-sm text-gray-800 !no-underline transition-all duration-300 hover:bg-indigo-300/20 dark:bg-indigo-600/20 dark:text-gray-200 dark:hover:bg-indigo-600/30",children:n},t):(0,a.jsx)(h(),{id:"correlation-article-".concat(t),href:l,locale:"en",lang:"en",className:"group flex w-full flex-col items-center gap-1 rounded-md bg-indigo-300/10 p-2 py-2 text-sm text-gray-800 !no-underline transition-all duration-300 hover:bg-indigo-300/20 dark:bg-indigo-600/20 dark:text-gray-200 dark:hover:bg-indigo-600/30",children:n},t)})})]})]})});var A=l(60708),F=l(33326),E=l.n(F),M=l(96014);let H={width:"100%",height:"400px",playerVars:{autoplay:0}};function O(e){let{videoId:t,setYtVideoPlayer:l}=e;return(0,a.jsx)("div",{className:"h-auto w-full",children:(0,a.jsx)("div",{className:"w-full overflow-hidden rounded-xl",children:(0,a.jsx)(M.Z,{videoId:t,opts:H,onReady:e=>{l(e.target)}})})})}var R=l(66887),Z=l(5762),$=l(48147),q=e=>{var t,l,o,c,d,x;let{article:u,path:h,carouselSecondaryPageList:f,adDataBlogRightSidebar:g,navigationData:p}=e,{t:j}=(0,n.Z)("common"),v=(0,Z.useRouter)(),[w,y]=(0,r.useState)(null),b=e=>{let t=RegExp("(?<=v=)[^&]+"),l=e.match(t);return l?"https://www.youtube.com/embed/"+l[0]:null};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(E(),{children:[(0,a.jsx)("title",{children:u&&u.title?u.title:j("app.head.title")}),(0,a.jsx)("meta",{name:"description",content:u&&u.description?u.description:j("app.head.description")}),(0,R.t5)(v,"/".concat(h))]}),(0,a.jsx)(s.h,{availableLanguages:[],navigationData:p}),(0,a.jsx)("main",{className:"bg-white pb-20 transition-colors duration-300 dark:bg-gray-900",children:(0,a.jsx)("section",{className:"relative pb-6 pt-28",children:(0,a.jsx)(i.W,{children:(0,a.jsxs)("div",{className:(0,$.cn)("grid w-full",u&&(null===(t=u.correlationArticleList)||void 0===t?void 0:t.length)>0?"lg:grid-cols-3 lg:gap-20":"grid-cols-1 gap-4"),children:[(0,a.jsxs)("div",{className:(0,$.cn)("w-full",u&&(null===(l=u.correlationArticleList)||void 0===l?void 0:l.length)>0?"lg:col-span-2":"col-span-1"),children:[0===u.type&&u.youtubeVideoLink&&b(u.youtubeVideoLink)&&(0,a.jsxs)("div",{className:"mb-6 w-full md:mb-10",children:[(0,a.jsx)("div",{className:"w-full overflow-hidden rounded-md",children:(0,a.jsx)("iframe",{src:b(u.youtubeVideoLink),width:"600",height:"600",frameBorder:"0",allowFullScreen:!0,className:"h-[240px] w-full md:h-[400px]"})}),(0,a.jsxs)("p",{className:"w-full py-1 text-sm text-gray-500 dark:text-gray-400",children:["* ",j("article.tips")]})]}),1===u.type&&(null===(o=u.articleContentDetails)||void 0===o?void 0:o.videoId)&&(0,a.jsx)("div",{children:(0,a.jsx)(O,{videoId:null===(c=u.articleContentDetails)||void 0===c?void 0:c.videoId,setYtVideoPlayer:y})}),0===u.type&&(0,a.jsx)(m,{article:u}),1===u.type&&(0,a.jsx)(S,{recordDetails:u.articleContentDetails,videoDetail:null===(d=u.articleContentDetails)||void 0===d?void 0:d.videoDetail,seekTo:e=>{w&&(w.seekTo(e,!0),w.playVideo())}})]}),u&&(null===(x=u.correlationArticleList)||void 0===x?void 0:x.length)>0&&(0,a.jsx)("div",{className:"w-full lg:col-span-1",children:(0,a.jsx)("div",{className:"sticky top-24 w-full text-black dark:text-white",children:(0,a.jsx)(z,{correlationArticleList:u.correlationArticleList,adDataBlogRightSidebar:g})})})]})})})}),(0,a.jsx)(A.$,{carouselSecondaryPageList:f})]})},V=e=>{var t,l;let{pageInfo:n,carouselSecondaryPageList:r,navigationData:o}=e,c=(0,Z.useRouter)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(E(),{children:[(0,a.jsx)("title",{children:null===(t=n.pageData)||void 0===t?void 0:t.seoTitle}),(0,a.jsx)("meta",{name:"description",content:null===(l=n.pageData)||void 0===l?void 0:l.seoDescription}),(0,R.t5)(c,"/".concat(n.path),!0),(0,R.Hb)(c,"/".concat(n.path))]}),(0,a.jsx)(s.h,{navigationData:o}),(0,a.jsxs)("div",{className:"relative min-h-screen overflow-hidden",children:[(0,a.jsx)("main",{className:"relative pt-24 lg:pt-36",children:(0,a.jsx)(i.W,{children:(0,a.jsx)(P.ZP,{pageConfig:n.pageConfig,pageData:n.pageData})})}),(0,a.jsx)(A.$,{carouselSecondaryPageList:r})]})]})},B=!0;let Y="blog",G="newSecondary";var K=e=>{let{pageType:t,pageData:l,secondaryPageFooterList:n,path:r,adData:s,navigationData:i}=e;return t===Y?(0,a.jsx)(q,{article:l,carouselSecondaryPageList:n,path:r,adDataBlogRightSidebar:s,navigationData:i}):(0,a.jsx)(V,{pageInfo:l,carouselSecondaryPageList:n,navigationData:i})};let W="experimental-edge"}},function(e){e.O(0,[4407,461,6342,1265,8831,573,2033,7854,2833,8112,606,2888,9774,179],function(){return e(e.s=87477)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.