https://volumo.com/_next/static/chunks/pages/how-to/[slug]-7f359d01cb8f87fc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4736],{1684:e=>{e.exports={title:"RelatedArticles_title__PR2Pf",item:"RelatedArticles_item__m0xpN"}},29751:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/how-to/[slug]",function(){return a(85223)}])},66136:e=>{e.exports={content:"HowToPage_content__LcE8J",iframeContainer:"HowToPage_iframeContainer__Yp480",iframe:"HowToPage_iframe__VnTR4"}},71233:(e,t,a)=>{"use strict";a.d(t,{N:()=>c});var r=a(80263),s=a(60719),i=a(81076),o=a(12806),n=a(43138),l=a(53239);let c=e=>{let{innerRef:t,...a}=e,c=(0,l.useRef)(null),u=(0,o.aB)([t,c]),d=(0,l.useRef)(null),{playbackServer:m}=(0,s.cs)();return(0,l.useEffect)(()=>{let e=()=>{c.current&&window.YT&&(d.current=new window.YT.Player(c.current,{events:{onReady:e=>d.current=e.target,onStateChange:e=>e.data===window.YT.PlayerState.PLAYING&&m.triggerPlayback(e=>e,!1)}}))};if(window.YT)e();else{let t=document.createElement("script");t.src=`${i.OE}/iframe_api`,t.onload=()=>{window.onYouTubeIframeAPIReady=e},document.body.appendChild(t)}},[]),(0,l.useEffect)(()=>{let e=async e=>{let{isPlayingNext:t}=e,a=d.current;a&&"function"==typeof a.getPlayerState&&a.getPlayerState()===window.YT.PlayerState.PLAYING&&t&&a.pauseVideo()};return m.subscribe(e),()=>m.unsubscribe(e)},[m]),(0,r.jsx)("iframe",{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,frameBorder:"0",...a,ref:u,src:a.src?(0,n.Y9)(a.src,"enablejsapi",1):void 0})}},85223:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>k});var r=a(80263),s=a(55061),i=a(22392),o=a(3154),n=a(53239),l=a(13714),c=a(71233),u=a(12556),d=a(67445),m=a(61528),y=a(78852),x=a(13463),p=a(55132),w=a(61469),_=a(50005),f=a(42173),g=a(54923),h=a(28967),j=a(97930),b=a(50016),v=a(65963),N=a(99146),T=a.n(N);let P=e=>{let{title:t,category:a,type:s,duration:i}=e,{t:o}=(0,x.c3)(),{isBelowSm:n}=(0,u.yU)();return(0,r.jsxs)("div",{className:T().header,children:[(0,r.jsx)(b.V,{className:T().title,variant:"h1",children:t}),(0,r.jsx)(y.K,{mb:n?1.5:3}),(0,r.jsxs)(j.xA,{autoFlow:"column",horizontalSpacing:1.5,justifyContent:"center",children:[(0,r.jsx)(b.V,{variant:"body1",children:(0,v.ZH)(a)}),(0,r.jsx)(b.V,{className:T().tag,variant:"body1",children:o("text"===s?"Text":"video"===s?"Video":"Item")}),(0,r.jsx)(b.V,{className:T().tag,color:"secondary",variant:"body1",children:o("video"===s?"{minutes} min view":"{minutes} min read",void 0,{minutes:i})})]})]})};var R=a(66136),Y=a.n(R),E=a(39233),S=a(55835),V=a(1684),C=a.n(V);let H=e=>{let{items:t}=e,{t:a}=(0,x.c3)(),{isBelowSm:s}=(0,u.yU)();return(0,r.jsxs)(j.xA,{columns:"1fr",justifyItems:"center",rows:"1fr auto",children:[(0,r.jsx)(b.V,{align:"center",className:C().title,variant:"h1",children:a("You may also check")}),(0,r.jsx)(y.K,{mb:s?3:6}),(0,r.jsx)(E.x,{horizontalSpacing:3,children:t.map((e,t)=>(0,r.jsx)(S.V,{className:C().item,item:e},t))})]})},I=()=>{let e=(0,w.useRouter)(),{t}=(0,x.c3)(),{isBelowSm:a}=(0,u.yU)(),s=(0,l.l)(t).find(t=>t.slug===e.query.slug),i=(0,n.useMemo)(()=>({title:s?.title,howToCategory:s?.category,howToType:s?.type,ogImage:s?.coverSrc,ogType:"article"}),[s]),o=(0,g.UV)(t),j=[o.Root,o.HowTo,{text:s?.title}],b=(0,m.Oq)(j);return(0,n.useEffect)(()=>{(0,p.eG)()},[e.asPath]),(0,r.jsxs)(h.B,{topLine:(0,r.jsx)(_.I,{pageName:"howTo",values:j}),children:[(0,r.jsx)(f.t,{fields:i,microdata:b,pageName:"howTo"}),s&&(0,r.jsxs)("div",{className:Y().content,children:[(0,r.jsx)(y.K,{mb:a?3:6}),(0,r.jsx)(P,{category:s.category,duration:s.duration,title:s.title,type:s.type}),(0,r.jsx)(y.K,{mb:a?3:6}),s.youtubeSrc&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:Y().iframeContainer,style:{aspectRatio:s.youtubeAspectRatio||"16/9"},children:(0,r.jsx)(c.N,{className:Y().iframe,src:s.youtubeSrc,title:t("YouTube video player")})}),(0,r.jsx)(y.K,{mb:a?3:6})]}),(0,r.jsx)(y.K,{ml:8*!a,mr:8*!a,children:s.text})]}),(0,r.jsx)(y.K,{mb:a?3:6}),(0,r.jsx)(d.c,{variant:"zero"}),(0,r.jsx)(y.K,{mb:a?3:6}),(0,r.jsx)(H,{items:(0,l.l)(t).filter(e=>e.slug!==s?.slug)})]})};var A=a(7060);let K=()=>(0,r.jsx)(I,{});K.renderInLayout=A.P,K.getInitialProps=async e=>{let{query:t,req:a}=e;if(!(0,l.l)(s._z).some(e=>

1e.slug===t.slug))throw new i.j$("Article not found",{statusCode:o.Hv.NotFound,url:a?.url})},K.displayName="HowToPage";let k=K},99146:e=>{e.exports={header:"Header_header__7VMTM",title:"Header_title__vNzZ7",tag:"Header_tag__T6sGc"}}},e=>{e.O(0,[4001,7236,8288,5720,7874,4802,5599,7095,2956,636,6593,8792],()=>e(e.s=29751)),_N_E=e.O()}]);