https://cdn.labarchives.com/nextjs/0.0.1_2313/_next/static/chunks/1107-79cc73c22acc8b6b.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a298fa34-3d36-4c10-8831-386414f5e3b8",e._sentryDebugIdIdentifier="sentry-dbid-a298fa34-3d36-4c10-8831-386414f5e3b8")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1107],{9278:(e,t,s)=>{s.d(t,{A:()=>a});var r=s(37876);s(14232);var i=s(95062),n=s(25342);let l=({sidebar:e=!0,children:t,...s})=>(0,r.jsx)(n.fv,{...e?{auto:!0}:{lg:9},...s,children:t});l.propTypes={sidebar:i.bool,children:i.node.isRequired};let a=l},9726:(e,t,s)=>{s.d(t,{A:()=>h});var r=s(37876);s(14232);var i=s(95062),n=s(85164),l=s(85683),a=s(25342),o=s(7630),d=s(44701),p=s(32486),c=s(32237),g=s(50674);let u=({cellWidth:e=8,mdCellWidth:t=10,paddingTop:s="pt-9 pt-9--md",paddingBottom:i="pb-18 pb-18--md",panel:u=!0,panelPaddingY:h=16,panelUtility:m={...g.db},children:T,bgColor:b=p.Od,className:y="",shadow:f=!0,utility:A={...g.db},panelSizing:x={...n.fg},sx:j={...c._S},...v})=>(0,r.jsx)(l.A,{className:(0,d.L)(s,i,!(A&&A.bgColor)&&b,...(0,g.ko)(A),...(0,c.pK)(j),y),...v,children:(0,r.jsx)(a.mc,{children:(0,r.jsx)(a.fI,{px:!0,utility:{justify:"center"},children:(0,r.jsx)(a.fv,{md:t,lg:e,children:u?(0,r.jsx)(o.A,{shadow:f,utility:m,sizing:x,spacing:{py:h},children:(0,r.jsx)(a.fI,{mx:!0,px:!0,utility:{justify:"center"},children:(0,r.jsx)(a.fv,{md:10,children:T})})}):T})})})});u.propTypes={shadow:i.bool,cellWidth:i.number,mdCellWidth:i.number,paddingTop:i.string,paddingBottom:i.string,panel:i.bool,panelPaddingY:i.number,panelUtility:g.L2,children:i.node.isRequired,bgColor:i.string,utility:g.L2,panelSizing:n.LE,sx:c.S0,className:i.string};let h=u},27680:(e,t,s)=>{s.d(t,{A:()=>m});var r=s(37876),i=s(14232),n=s(95062),l=s(13258),a=s(46630),o=s(45715),d=s(10463),p=s(67501),c=s(24863);let g=({TagItem:e=d.A,items:t,...s})=>(0,r.jsx)(p.k,{...s,children:t.map(t=>{let s=(0,c.A)(t.sys.contentType.sys.id),{id:i,title:n,thumbnail:l,metaDescription:a,slug:d}=(e=>{let{fields:t,sys:s}=e;return{id:s.id,type:s.contentType.sys.id,title:t.title,subtitle:t?.subtitleLong||t?.subtitle||null,videoUrl:t?.videoUrl||null,description:t?.description||null,lengthString:t?.lengthString||null,thumbnail:t.thumbnail?.fields.file.url||null,slug:t?.slug||null,academy:t?.academy||!1,metaDescription:t?.metaDescription||null,metaTitle:t?.metaTitle||null,publishedDate:t?.publishedDate||null}})(t);return(0,r.jsx)(p.O,{children:(0,r.jsx)(e,{LinkComponent:o.A,cardType:s?.typePlaceholder,titleText:n,imgSrc:l,descriptionText:a,href:`${s?.alias}/${d}`,linkButtonText:s.linkPlaceholder})},i)})});g.propTypes={TagItem:n.elementType,items:(0,n.arrayOf)((0,n.shape)({id:n.string.isRequired,title:n.string.isRequired,metaDescription:n.string,slug:n.string}))};let u=({videos:e,centerShortList:t=!1,titleType:s="v1"})=>{let n=(0,i.useMemo)(()=>t&&e.length<4,[e,t]),l=(0,i.useMemo)(()=>"v2"===s?a.A.TitleV2:a.A.Title,[s]);return(0,r.jsxs)(a.A,{bgColor:"white",isBorderNone:!0,children:[(0,r.jsx)(l,{children:"Recommended Resources"}),(0,r.jsx)(g,{items:e,center:n})]})};u.propTypes={centerShortList:n.bool,titleType:(0,n.oneOf)(["v1","v2"]),videos:(0,n.arrayOf)((0,n.shape)({fields:(0,n.shape)({body:n.object,lead:n.string,metaDescription:n.string,slug:n.string,thumbnail:(0,n.shape)({fields:(0,n.shape)({description:n.string,file:(0,n.shape)({contentType:n.string,details:(0,n.shape)({image:(0,n.shape)({height:n.number,width:n.number}),size:n.number}),fileName:n.string,url:n.string}),title:n.string}),metadata:(0,n.shape)({tags:n.array}),sys:n.object}),title:n.string,toClick:n.string}),metadata:(0,n.shape)({tags:n.array}),sys:n.object}))};let h=({brandCode:e,videos:t})=>{switch(e.toLowerCase()){case l.O8:return(0,r.jsx)(u,{videos:t,titleType:"v1"});case l.eI:return(0,r.jsx)(u,{videos:t,centerShortList:!0,titleType:"v2"});default:return(0,r.jsx)(u,{videos:t,titleType:"v2"})}};h.propTypes={brandCode:n.string,videos:(0,n.arrayOf)((0,n.shape)({fields:(0,n.shape)({body:n.object,lead:n.string,metaDescription:n.string,

1slug:n.string,thumbnail:(0,n.shape)({fields:(0,n.shape)({description:n.string,file:(0,n.shape)({contentType:n.string,details:(0,n.shape)({image:(0,n.shape)({height:n.number,width:n.number}),size:n.number}),fileName:n.string,url:n.string}),title:n.string}),metadata:(0,n.shape)({tags:n.array}),sys:n.object}),title:n.string,toClick:n.string}),metadata:(0,n.shape)({tags:n.array}),sys:n.object}))};let m=h},32550:(e,t,s)=>{s.d(t,{A:()=>r.A});var r=s(9726)},55474:(e,t,s)=>{s.d(t,{A:()=>d});var r=s(37876);s(14232);var i=s(95062),n=s(85683),l=s(25342),a=s(44701);let o=({type:e="guide",wrapperClassName:t="",sidebar:s=!0,children:i})=>(0,r.jsx)(n.A,{className:(0,a.L)("guide-page-template",`guide-page-template-type-${e}`,t),children:(0,r.jsx)(l.mc,{children:(0,r.jsx)(l.fI,{px:!0,center:!s,children:i})})});o.propTypes={type:(0,i.oneOf)(["guide","tutorial"]),wrapperClassName:i.string,sidebar:i.bool,children:i.node.isRequired};let d=o},65358:(e,t,s)=>{s.d(t,{A:()=>c});var r=s(37876),i=s(14232),n=s(55028),l=s(95062);let a=e=>null!=e&&e instanceof Error?{name:e.constructor.name,message:e.message}:{name:typeof e,message:"string"==typeof e?e:`${e??""}`};class o extends i.Component{constructor(e){super(e),this.state={error:null}}static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){let{onError:s}=this.props;"function"==typeof s&&s(e,t)}render(){let{error:e}=this.state,{children:t,render:s,serialize:r}=this.props;return null!=e?s(r(e)):t}}o.defaultProps={serialize:a},o.propTypes={serialize:l.func,onError:l.func,render:l.func.isRequired,children:l.node.isRequired};let{merge:d,extract:p}=(0,s(16829).A)("_nextContext"),c=({render:e,onError:t,serialize:s=a,buildExtra:l=e=>e})=>a=>{let c=n=>{let d=p(n),c=(({_error:e})=>e)(n),g=(0,i.useCallback)((e,s)=>t(e,s,l(d||null)),[]);return null!=c?e(c):(0,r.jsx)(o,{render:e,onError:g,serialize:s,children:(0,r.jsx)(a,{...n})})};return Object.assign(c,a,{displayName:`WithErrorHandling(${a.displayName??a.name??"Page"})`}),Object.defineProperty(c,"name",{value:`WithErrorHandling(${a.displayName??a.name??"Page"})`}),"function"==typeof a.getInitialProps&&(c.getInitialProps=(e,...r)=>{let i=r=>{var i;return"function"==typeof t&&t(r,{componentStack:`${a.displayName||a.name||"Unknown"}::getInitialProps`},l(e)),null!=e.res&&(e.res.statusCode="number"==typeof(i=r.code)&&(i>=100&&i<=199||i>=200&&i<=299||i>=300&&i<=399||i>=400&&i<=499||i>=500&&i<=599)?r.code:500),d({_error:s(r)},e)};try{let t=a.getInitialProps(e,...r);return(0,n.yL)(t)?t.then(d,i):d(t)}catch(e){return i(e)}}),c}},68504:(e,t,s)=>{s.d(t,{A:()=>a});var r=s(37876);s(14232);var i=s(95062),n=s(30161);let l=({brandCode:e="sg",config:t,children:s,...i})=>{let{color:l}=t;return(0,r.jsx)(n.A,{color:l[e],...i,children:s})};l.propTypes={brandCode:(0,i.oneOf)(["sg","gp","gn","om","la","pm"]),config:(0,i.shape)({color:(0,i.shape)({gn:i.string,sg:i.string,gp:i.string,om:i.string,la:i.string,pm:i.string})}),children:i.node};let a=l},74136:(e,t,s)=>{s.d(t,{A:()=>a});var r=s(37876),i=s(14232),n=s(13432),l=s(9182);let a=()=>{let[e,t]=(0,i.useState)(!1),[s,a]=(0,i.useState)(0),o=()=>{let{scrollY:e}=window,r=2*window.screen.height;e>s||e<r?t(!1):e<s&&e>r&&t(!0),a(e)};return(0,i.useEffect)(()=>(window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)})),(0,r.jsx)(r.Fragment,{children:e&&(0,r.jsxs)(n.A,{className:"back-to-top-button",onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},children:[(0,r.jsx)(l.A,{name:"chevron-up",className:"back-to-top-button--icon"}),(0,r.jsx)("span",{className:"back-to-top-button--text",children:"TOP"})]})})}},74351:(e,t,s)=>{s.d(t,{Ay:()=>Z});var r=s(37876),i=s(14232),n=s(36747),l=s(10604),a=s(80657),o=s(12368),d=s(40820),p=s(28386),c=s(95062),g=s(74614),u=s(3376),h=s(55020),m=s(44701);let T=({className:e="",children:t})=>(0,r.jsx)("div",{className:(0,m.L)("breadcrumbs",e),children:t});T.propTypes={className:c.string,children:c.node.isRequired};var b=s(45715);let y=({href:e,children:t,...s})=>(0,r.jsx)(b.A,{href:e,className:"breadcrumbs__item-link",...s,children:t});y.propTypes={...b.A.propTypes};let f=({className:e,...t})=>(0,r.jsx)("span",{className:(0,m.L)("breadcrumbs__item",e),...t});f.propTypes={className:c.string};var A=s(55474),x=s(25342);let j=({isSticky:e=!0,md:t=4,children:s,...n})=>{let l=(0,i.useRef)(),[a,o]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{l&&l.current&&o(e&&l.current.clientHeight<=720)},[l,e,o]),(0,r.jsx)(x.fv,{md:t,...n,children:(0,r.jsx)("div",{ref:l,className:(0,m.L)("guide

1-page-template__sidebar",a&&"guide-page-template__sidebar--is-sticky"),children:s})})};j.propTypes={isSticky:c.bool,children:c.node.isRequired,md:c.number};var v=s(9278);let E=({children:e})=>(0,r.jsx)("div",{className:"guide-page-template__nav-item",children:e});E.propTypes={children:c.node.isRequired};let _=({href:e,children:t,...s})=>(0,r.jsx)(b.A,{href:e,className:"guide-page-template__nav-item-link",...s,children:t});_.propTypes={...b.A.propTypes};let C=({children:e})=>(0,r.jsx)("div",{className:"guide-page-template__nav",children:e});C.propTypes={children:c.node.isRequired};var R=s(74136),I=s(13432),k=s(9182),w=s(63802),N=s(46677),M=s(49050),S=s(44527),L=s(31287),O=s(92331),D=s(62883),P=s(13258),$=s(68504);let q=({brandCode:e,heroConfig:t,...s})=>(0,r.jsx)($.A,{brandCode:e,config:t,...s});q.propTypes={brandCode:c.string,heroConfig:c.object};let W=({brandCode:e,heroConfig:t,children:s,...i})=>(0,r.jsx)($.A,{brandCode:e,config:t,...i,children:s});W.propTypes={brandCode:c.string,heroConfig:c.object,children:c.node.isRequired};let G={color:{sg:"black--02",gn:"white",gp:"1",om:"4",la:"4",pm:"4"}},B=({brandCode:e,children:t,...s})=>{let i=e.toLowerCase()===P.Vf?W:q;return(0,r.jsx)(i,{config:G,brandCode:e,...s,children:t})};B.propTypes={brandCode:c.string,children:c.node.isRequired};var U=s(50836),z=s(46149),F=s(27680),K=s(75337);let Y=({isPreview:e,post:t,pageProps:i})=>{let[l]=(0,n.Ym)("guides"),{siteDomain:a,breadcrumbs:o=[],brandCode:d,pageType:p=P.Fi.Guide,backLink:c}=i,{title:m,metaTitle:x="",metaDescription:$="",slugBasePath:q="",slug:W,body:G,toCLink:Y="",toCDownloadEbookLink:H="",thumbnail:V,type:J=p,additionalResources:Q=[],recommendedVideos:X=[],academy:Z=!1,keywords:ee,updatedAt:et}=t,es=V?.fields?.file?.url||"",er=(0,D.z)(G),ei=G?.content.reduce((e,t)=>e+ +("heading-2"===t.nodeType),0)>0,en=P.Tn[d],el=Y||H,ea=t.subtitle||t.lead||"",eo=ee?(0,r.jsxs)(L.A,{sx:{fontColor:"black--60"},children:[l("KEYWORDS"),": ",ee]}):null,ed=`${a}/${q||"guides"}/${W}`;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(w.Ay,{title:`${x||`${m} - ${en}`}`,description:$,children:[(0,r.jsx)(w.Ay.OGP,{title:`${x||`${m} - ${en}`}`,description:$,url:ed,image:es||("META_IMAGE"!==l("META_IMAGE")?l("META_IMAGE"):void 0),imageSecureUrl:es||("META_IMAGE_SECURE"!==l("META_IMAGE_SECURE")?l("META_IMAGE_SECURE"):void 0),isImageBaseUrl:!es}),(0,r.jsx)(w.Ay.Twitter,{card:"META_TWITTER_CARD"!==l("META_TWITTER_CARD")?l("META_TWITTER_CARD"):void 0,site:"META_TWITTER_SITE"!==l("META_TWITTER_SITE")?l("META_TWITTER_SITE"):void 0,creator:"META_TWITTER_CREATOR"!==l("META_TWITTER_CREATOR")?l("META_TWITTER_CREATOR"):void 0,title:`${x||`${m} - ${en}`}`,description:$,image:es||("META_TWITTER_IMAGE"!==l("META_TWITTER_IMAGE")?l("META_TWITTER_IMAGE"):void 0),isImageBaseUrl:!es}),(0,r.jsx)(w.Ay.Canonical,{href:ed}),et&&(0,r.jsx)(w.Ay.Custom,{children:(0,r.jsx)("meta",{name:"last-modified",content:new Date(et).toISOString()})})]}),e?(0,r.jsx)(z.A,{}):null,(0,r.jsxs)(B,{brandCode:d,children:[c&&(0,r.jsx)(K.A,{backLink:c}),o&&o.length&&!Z?(0,r.jsxs)(T,{children:[o.map(e=>(0,r.jsx)(f,{children:(0,r.jsx)(N.A,{Component:y,href:e.href,children:e.title})},e.title)),(0,r.jsx)(f,{children:m})]}):null,Z&&(0,r.jsx)(M.R,{center:!0,children:(0,r.jsx)(M.f,{md:4,spacing:{mb:10},children:(0,r.jsx)(b.A,{href:l("ACADEMY_LINK"),children:(0,r.jsx)(S.A,{src:l("ACADEMY_LOGO"),isBaseUrl:!0})})})}),(0,r.jsx)(u.A,{children:m}),ea&&(0,r.jsx)(h.A,{children:ea})]}),(0,r.jsx)(A.A,{sidebar:ei,type:J,children:ei?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(j,{children:[el&&(0,r.jsx)(E,{children:(0,r.jsxs)(I.A.Link,{size:"s",href:el,target:"_blank",children:[(0,r.jsx)(k.A,{name:"arrow-to-bottom"}),l("DOWNLOAD_AS_EBOOK")]})}),(0,r.jsx)(C,{children:er.map(e=>(0,r.jsx)(E,{children:(0,r.jsx)(_,{href:`#${(0,D.d)(e)}`,onClick:e=>(e=>{e.preventDefault();let t=e.target,r="guide-post-container__nav-item-link--active";t.classList.add(r),(e=>{let t=[],s=e;for(;s.previousSibling;)1===(s=s.previousSibling).nodeType&&t.push(s);for(s=e;s.nextSibling;)1===(s=s.nextSibling).nodeType&&t.push(s);return t}

1)(t.parentNode).forEach(e=>{e.getElementsByTagName("a").length&&e.getElementsByTagName("a")[0].classList.remove(r)});let i=e.currentTarget||e.target,n=i?.hash||i?.getAttribute("href");if(!n||!n.includes("#"))return void console.warn("Hash not found in clicked element");let l=n.replace("#",""),a=document.getElementById(l);s.g.window.scrollTo({behavior:a?"smooth":"auto",top:a?a.offsetTop:0})})(e),children:e})},e))})]}),(0,r.jsxs)(v.A,{children:[(0,g.i)(G,O.A),eo]})]}):(0,r.jsxs)(v.A,{sidebar:ei,children:[(0,g.i)(G,O.A),eo]})}),X.length>0&&(0,r.jsx)(F.A,{brandCode:d,videos:X}),Q.map((0,U.A)(W,null,null,d)),(0,r.jsx)(R.A,{})]})};Y.propTypes={isPreview:c.bool,post:(0,c.shape)({title:c.string.isRequired,subtitle:c.string,metaTitle:c.string,metaDescription:c.string,slug:c.string.isRequired,slugBasePath:c.string,lead:c.string,body:c.object,toCLink:c.string,toCDownloadEbookLink:c.string}),pageProps:(0,c.shape)({resources:c.any,siteDomain:c.string.isRequired,brandCode:c.string,breadcrumbs:(0,c.arrayOf)((0,c.shape)({title:c.string.isRequired,href:c.string.isRequired}))})};var H=s(54780),V=s.n(H),J=s(97873),Q=s(12966);let X=async(e,t,s="",r=!0,i=!1,n="")=>{let l=(0,p.U)(e,i,r&&!i),a=s===P.eI&&n||"guide",o={};s===P.eI&&(o=n?{[Q.PK]:n}:{[`${Q.PK}[exists]`]:!1});let d=await l.getEntries({content_type:"pageGuide",[Q.fE]:t,...s===P.SB?{[Q.jc]:!1}:{},...o,include:2},(0,p.O)({t:"slug",ct:a,s:t}));return 0===d.total?{post:null}:{post:(0,J.a)(d.items[0].fields,"guides"),preview:i}},Z=({Layout:e,Page:t,contentfulProps:s,pageProps:i,mode:p="ssr"})=>{let{brandCode:c}=i,g=({preview:s,post:l})=>{let{resources:a=null}=i;return(0,r.jsx)(e,{children:(0,r.jsx)(n.YO,{resources:a||V()[c],children:t?(0,r.jsx)(t,{isPreview:s,post:l,pageProps:i}):(0,r.jsx)(Y,{isPreview:s,post:l,pageProps:i})})})};return(g.propTypes=t?{...t.propTypes}:{...Y.propTypes},"ssr"===p)?(g.getInitialProps=async({query:e})=>{let{slug:t}=e;return X(s,t,c,!0)},g.postConditions=[[({post:e})=>e,(0,a.I)(o.A.NotFound)]],(0,d.A)(g,l.Ay)):"isr"===p?g:null}},75337:(e,t,s)=>{s.d(t,{A:()=>d});var r=s(37876);s(14232);var i=s(46677),n=s(28894),l=s(9182),a=s(95062);let o=({backLink:{href:e,title:t,inverted:s=!1}})=>(0,r.jsx)(n.A,{sx:{textAlign:"left"},spacing:{mb:10},children:(0,r.jsxs)(i.A,{href:e,className:s?"text--inverted":"",children:[(0,r.jsx)(l.A,{name:"chevron-left",spacing:{mr:3}}),t]})});o.propTypes={backLink:(0,a.shape)({href:a.string.isRequired,title:a.string.isRequired,inverted:a.bool})};let d=o}}]);
2//# sourceMappingURL=1107-79cc73c22acc8b6b.js.map