1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];if(null!=o)for(var a in o)o.hasOwnProperty(a)&&(e[a]=o[a])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:britstops-web":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f0d11ce9-352d-46f9-8496-8a9d7a1cda7f",e._sentryDebugIdIdentifier="sentry-dbid-f0d11ce9-352d-46f9-8496-8a9d7a1cda7f")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9892],{2340:(e,t,o)=>{"use strict";o.d(t,{o:()=>i});var a=o(6029),r=o(55729),n=o(51652),s=o(85004),l=o(93128);let i=()=>{let{t:e}=(0,s.B)(),{product:t}=(0,r.useContext)(l.BR);return(0,a.jsx)(n.bV,{title:e("blog:seo.home.pageTitle",{context:t}),description:e("blog:seo.home.serpMetaDescription",{context:t}),canonical:e("blog:seo.home.canonical",{context:t}),openGraph:{title:e("blog:seo.home.pageTitle",{context:t}),description:e("blog:seo.home.fbOgMetaDescription",{context:t}),url:e("blog:seo.home.canonical",{context:t}),images:[{url:e("blog:seo.home.image.url",{context:t}),alt:e("blog:seo.home.image.alt",{context:t}),type:e("blog:seo.home.image.type",{context:t})}]}})}},11279:(e,t,o)=>{"use strict";o.d(t,{g:()=>d});var a=o(6029),r=o(55729),n=o(32768),s=o(27874),l=o(20605),i=o(79613);let d=({handlePressPrevious:e,handlePressNext:t,buttonColor:o,height:d=30,atScrollEnd:u=!1,atScrollStart:h=!1})=>{let{styles:g,theme:b}=(0,i.I)(c),[m,x]=(0,r.useState)(!1),[y,f]=(0,r.useState)(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{onPress:e,style:[g.previousButton,{backgroundColor:y?b.colors.neutral100:o??b.colors.base50}],disabled:h,onPressIn:()=>f(!0),onPressOut:()=>f(!1),children:(0,a.jsx)(s.J,{color:h?b.colors.neutral200:b.colors.neutral900,height:d})}),(0,a.jsx)(n.A,{onPress:t,style:[g.previousButton,{backgroundColor:m?b.colors.neutral100:o??b.colors.base50,marginRight:0}],disabled:u,onPressIn:()=>x(!0),onPressOut:()=>x(!1),children:(0,a.jsx)(l.c,{color:u?b.colors.neutral200:b.colors.neutral900,height:d})})]})},c=e=>({previousButton:{height:48,width:48,alignItems:"center",justifyContent:"center",marginRight:8,backgroundColor:e.colors.basicWhite,borderRadius:48,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{width:0,height:1},shadowOpacity:.8,shadowRadius:3,elevation:5}})},18740:(e,t,o)=>{"use strict";o.d(t,{c:()=>b});var a=o(6029),r=o(55729),n=o(44517),s=o(28950),l=o(34650),i=o(11279),d=o(83268),c=o(85004),u=o(56139),h=o(79613),g=o(40919);let b=({blogPosts:e,parentWidth:t,style:o,dataSet:u,title:b,mode:x="default"})=>{let{styles:y,theme:{breakpoints:f},ids:w}=(0,h.I)(m),{t:p}=(0,c.B)(),C=(0,r.useMemo)(()=>t<=f.narrow,[t,f.narrow]),{theme:{colors:j}}=(0,h.I)(),[k,_]=(0,r.useState)(0),[B,I]=(0,r.useState)(0),S=(0,r.useRef)(null),v=(0,r.useMemo)(()=>C?300:384,[C]),P=(0,r.useMemo)(()=>C?12:24,[C]),M=(0,r.useCallback)(()=>{let e=Math.max(k-1,0);S?.current?.scrollToIndex({index:e,animated:!0}),_(e)},[k,S]),A=(0,r.useCallback)(()=>{let t=Math.min(k+1,e.length+1);S?.current?.scrollToIndex({index:t,animated:!0}),_(t)},[k,e.length]),T=(0,r.useCallback)(({viewableItems:e})=>{I(e.length%2!=0?e.length:e.length-1)},[]),E=(0,r.useCallback)(({item:e})=>(0,a.jsx)(g.D,{...e,isFeaturedContainer:!0,style:(y.articleCardStyles,{width:v,marginRight:P})}),[P,v,y.articleCardStyles]),R=(0,r.useCallback)((e,t)=>`featuredArticles-index-${t}`,[]);return(0,a.jsxs)(n.A,{style:o,dataSet:u,children:[(0,a.jsxs)(n.A,{style:y.headerContainer,dataSet:{media:w.headerContainer},children:[(0,a.jsx)(l.A,{style:[y.header,"xscapers"===x&&y.xscapersText],dataSet:{media:w.header},children:b??p("blog:titles.featuredArticlesTitle")}),(0,a.jsx)(n.A,{style:y.buttons,dataSet:{media:w.buttons},children:(0,a.jsx)(i.g,{handlePressNext:A,handlePressPrevious:M,atScrollEnd:k>=e.length-B,atScrollStart:0===k,buttonColor:j.basicWhite})})]}),(0,a.jsx)(s.A,{data:e,renderItem:E,keyExtractor:R,horizontal:!0,showsHorizontalScrollIndicator:!1,getItemLayout:(e,t)=>({length:v,offset:(v+P)*t,index:t}),onEndReachedThreshold:.2,onViewableItemsChanged:T,ref:S,style:y.flatList}),B>0&&(0,a.jsx)(n.A,{style:y.dotContainer,dataSet:{media:w.dotContainer},children:e.map((t,o)=>o>=e.length-B+1?null:(0,a.jsx)(n.A,{style:y.dot,children:(0,a.jsx)(d.P,{color:o===k?j.neutral900:j.base300,height:8})},o))})]})},m=({breakpoints:e,colors:t,typography:o})=>({dotContainer:{flexDirection:"row",alignSelf:"center",paddingVertical:10,[(0,u.B)(["max","width",e.
1narrow])]:{display:"none"}},dot:{marginHorizontal:8},headerContainer:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:44,[(0,u.B)(["max","width",e.narrow])]:{marginBottom:24}},header:{...o.titleLarge,[(0,u.B)(["max","width",e.narrow])]:{...o.titleMedium}},buttons:{flexDirection:"row",[(0,u.B)(["max","width",e.narrow])]:{display:"none"}},previousButton:{marginRight:8,backgroundColor:t.basicWhite,borderRadius:48,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{width:0,height:1},shadowOpacity:.8,shadowRadius:3,elevation:5},articleCardStyles:{backgroundColor:t.basicWhite,marginTop:10},flatList:{paddingVertical:5},xscapersText:{color:t.basicWhite}})},30122:(e,t,o)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return o(49237)}])},49237:(e,t,o)=>{"use strict";o.r(t),o.d(t,{__N_SSG:()=>k,default:()=>_});var a=o(6029),r=o(55729),n=o(44517),s=o(59476),l=o(95816),i=o.n(l),d=o(46986),c=o(79613),u=o(45060),h=o(43264),g=o(97806),b=o(34289),m=o(18740),x=o(1849),y=o(85004),f=o(93128),w=o(56139),p=o(2340),C=o(6519);let j=({featuredBlogPosts:e})=>{let{t}=(0,y.B)(),{product:o}=(0,r.useContext)(f.BR),{width:l,onLayout:w}=(0,s.gK)(),{params:C}=(0,d.g)(),{theme:{colors:j},styles:k,ids:_}=(0,c.I)(B),{blogPosts:I,totalPages:S,categories:v,pageNumber:P,category:M,search:A,isBusy:T,onFilterChange:E}=(0,b.cX)(),[R,D]=(0,r.useState)(!1),O=(0,r.useCallback)(async()=>{let{page:e,category:t,search:o}=C;(e||t||o)&&(D(!0),E({pageNumber:e?parseInt(e):void 0,category:t,search:o}))},[C]);(0,r.useEffect)(()=>{i()(C)||R||O()},[O,R,C]),(0,r.useEffect)(()=>{(0,u.e)({currentPage:P,currentCategory:M,currentSearch:A})},[P,M,A]);let N=(0,r.useCallback)(async e=>{E(e)},[E]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.o,{}),(0,a.jsxs)(n.A,{style:k.container,onLayout:w,children:[(0,a.jsx)(h.H,{title:t("blog:banner.title",{context:o}),subText:t("blog:banner.subtext",{context:o}),titleAlign:"center",horizontalChildPosition:"below",backgroundColor:j.primary}),(0,a.jsx)(g.Z,{style:k.featuredArticlesContainer,dataSet:{media:_.featuredArticlesContainer},children:(0,a.jsx)(m.c,{parentWidth:l,blogPosts:e})}),(0,a.jsx)(x.K,{blogPosts:I,totalPages:S,selectedCategory:M,categories:v,showCategories:!0,initialIndex:P,search:A,isBusy:T,onFilterChange:N})]})]})};j.getLayout=e=>(0,C.Lp)(e);var k=!0;let _=j,B=({breakpoints:e,colors:t})=>({container:{backgroundColor:t.basicWhite},featuredArticlesContainer:{backgroundColor:t.base50,paddingVertical:32,[(0,w.B)(["min","width",e.narrow])]:{paddingVertical:80}},callToAction:{marginBottom:24,[(0,w.B)(["min","width",e.narrow])]:{marginBottom:64}}})},83268:(e,t,o)=>{"use strict";o.d(t,{P:()=>l});var a=o(6029),r=o(55729),n=o(63577),s=o(79613);let l=({height:e,color:t})=>{let{theme:{colors:o}}=(0,s.I)(),l=(0,r.useMemo)(()=>e||18,[e]),i=(0,r.useMemo)(()=>l/18*18,[l]),d=(0,r.useMemo)(()=>t||o.hhPurple700,[o,t]);return(0,a.jsx)(n.BS,{width:i,height:l,viewBox:"0 0 18 18",fill:"none",children:(0,a.jsx)(n.jl,{cx:9,cy:9,r:8,fill:d,stroke:d,strokeWidth:"2"})})}}},e=>{e.O(0,[8776,8748,4289,4239,636,6593,8792],()=>e(e.s=30122)),_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.