https://www.joepools.com/_next/static/chunks/friendly-blog-home.d959cce461361b90.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4421],{61445:(e,t,r)=>{r.d(t,{A:()=>c});var i=r(6029),l=r(88351),a=r(44640),o=r(73839),s=r(21743),n=r(30696),d=r(97018);function c(e){let{sx:t,direction:r,variant:c="default","aria-label":x,...g}=e,{variant:p}=(0,n.useFriendlyVariant)(),u="text"===c&&"grid"===p;return(0,i.jsxs)(l.A,{"aria-label":x??("left"===r?"Previous":"Next"),sx:[{color:"grid"===p?(0,a.c)("dark"):(0,a.c)("arrow-button-color"),bgcolor:(0,a.c)("light"),borderRadius:"1000px",p:"14px 16px",border:"3px solid",borderColor:"grid"===p?(0,a.c)("primary-tint"):(0,a.c)("light"),"&:not(.Mui-disabled):hover":{bgcolor:(0,a.c)("arrow-button-color"),color:(0,a.c)("light"),".arrow-icon":{color:(0,a.c)("light")}},"&.Mui-disabled":{color:(0,a.c)("dark"),bgcolor:(0,a.c)("light-2"),opacity:.4,pointerEvents:"auto"},..."gradient"===p&&{boxShadow:(0,o.M)("large"),aspectRatio:"1/1",p:0,width:"56px",height:"56px"},..."grid"===p&&{borderRadius:0,p:"13.5px 11px",".arrow-icon":{color:(0,a.c)("contrasting-background")}},...u&&{gap:3,height:"45px",border:`1px solid color-mix(in srgb,
2             currentColor 15%, transparent) !important`,boxShadow:"none !important"},".arrow-button-text":{color:"inherit",fontSize:16}},...Array.isArray(t)?t:[t]],...g,children:[u&&"right"===r&&(0,i.jsx)(d.default,{className:"arrow-button-text",variant:"body1",children:" NEXT "}),(0,i.jsx)(s.A,{className:"arrow-icon",g:"ArrowIcon",sx:{transform:"right"===r?"rotate(180deg)":""},color:"inherit"}),u&&"left"===r&&(0,i.jsx)(d.default,{className:"arrow-button-text",variant:"body1",children:" PREV "})]})}},90658:(e,t,r)=>{r.r(t),r.d(t,{FriendlyBlogHomeSection:()=>N,default:()=>k});var i=r(6029),l=r(90798),a=r(17430),o=r(32559),s=r(15701),n=r(27105),d=r(55729),c=r(30696),x=r(24286),g=r(61445),p=r(14745),u=r(70541),m=r(44640),h=r(71470),b=r(24922),f=r(33707),y=r(71024),A=r.n(y);let j=A()(()=>r.e(62292).then(r.bind(r,62292)),{loadableGenerated:{webpack:()=>[62292]}}),v=A()(()=>r.e(62979).then(r.bind(r,62979)),{loadableGenerated:{webpack:()=>[62979]}}),w=()=>{setTimeout(()=>{document.querySelector(".friendly-blog-anchor")?.scrollIntoView({behavior:"smooth"})},1)};function k(e){let{posts:t,categories:r}=(0,x.A)("friendly");return(0,i.jsx)(N,{...e,posts:t,categories:r})}let C={id:"all",name:"All"};function N(e){let{variant:t}=(0,c.useFriendlyVariant)(),{posts:r,categories:x}=e,[y,A]=(0,d.useState)(C),[k,N]=(0,d.useState)(1),[S,I]=(0,d.useState)(!1);(0,d.useEffect)(()=>{I(!0)},[]);let E="all"===y.id?r:r.filter(e=>e.categoryIds?.includes(y.id)),M=Math.max(1,Math.ceil(E.length/10)),P=(k-1)*10,V=E.slice(P,P+10);return S?(0,i.jsxs)(b.A,{id:e.id,backgroundColor:e.backgroundColor,backgroundAsset:e.backgroundAsset,idx:e.idx,display:"flex",flexDirection:"column",sx:{minHeight:"700px"},children:["grid"===t&&(0,i.jsx)(l.A,{position:"absolute",left:{xs:8,sm:16},bottom:{xs:8,sm:16},sx:{opacity:.4,pointerEvents:"none",transform:"scaleX(-1)"},children:(0,i.jsx)(j,{shuffle:!0})}),(0,i.jsxs)(l.A,{sx:{...h.VE,display:"flex",flexDirection:"column",gap:{xs:(0,h.s)("small"),lg:(0,h.s)("x-large")}},children:[(0,i.jsxs)(l.A,{display:"grid",gridTemplateColumns:{xs:"minmax(0, 1fr)",lg:"minmax(0, 3fr) minmax(0, 1fr)"},gap:{xs:(0,h.s)("small"),lg:(0,h.s)("x-large")},alignItems:{xs:"stretch",lg:"end"},children:[(0,i.jsx)(p.A,{size:"h2",title:e.title,subtitle:e.subtitle,underline:"grid"===t,body:e.description,sx:{"& > *":(0,u.r1)(u.m,0,.1)},titleProps:{"data-text-attribute":"title"},subtitleProps:{"data-text-attribute":"subtitle"},bodyProps:{"data-text-attribute":"description"}}),(0,i.jsx)(l.A,{className:"friendly-blog-anchor",sx:{width:"100%",position:"relative",minHeight:1,display:"flex",alignItems:"flex-end"},children:x.length>0&&(0,i.jsxs)(a.A,{size:"small",variant:"outlined",sx:{width:"100%",maxWidth:{xs:"100%",sm:400}},children:[(0,i.jsx)(o.A,{component:"label",variant:"caption",htmlFor:"friendly-blog-home-category-select",sx:{display:"block",mb:.75,lineHeight:1.3,textTransform:"uppercase"},children:"Filter by:"}),(0,i.jsxs)(s.A,{id:"friendly-blog-home-category-select",MenuProps:{disableScrollLock:!0},value:y.id,onChange:e=>{let t=e.target.value;A(t===C.id?C:x.find(e=>e.id===t)??C),N(1)},children:[(0,i.jsx)(n.A,{value:C.id,children:C.name}),x.map(e=>(0,i.jsx)(n.A,{value:e.id,children:e.name},e.id))]})]})})]}),V.length>0&&(0,i.jsxs)(l.A,{children:[(0,i.jsx)(l.A,{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"repeat(2, 1fr)",lg:"repeat(3, 1fr)"},gap:(0,h.s)("large"),sx:{...(0,u.r1)(u.m,.15)},children:V.map(t=>(0,i.jsx)(f.A,{titleComponent:e.title?"h3":"h2",...t},t.id))}),M>1&&(0,i.jsxs)(l.A,{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:(0,h.s)("medium"),mt:(0,h.s)("medium"),children:["grid"===t?(0,i.jsx)(v,{currentIndex:k-1,totalItems:M}):(0,i.jsx)(o.A,{variant:"subtitle2",component:"p",sx:{m:0,color:(0,m.c)("local-text-primary"),fontWeight:500,fontVariantNumeric:"tabular-nums",letterSpacing:"0.02em",opacity:.88},children:`Page ${k} of ${M}`}),(0,i.jsxs)(l.A,{display:"flex",gap:(0,h.s)("small"),alignItems:"center",children:[(0,i.jsx)(g.A,{"aria-label":"Previous page",direction:"left",variant:"text",disabled:1===k,onClick:()=>{w(),N(e=>Math.max(1,e-1))}}),(0,i.jsx)(g.A,{"aria-label":"Next page",direction:"right",variant:"text",disabled:k===M,onClick:()=>{w(),N(e=>Math.min(M,e+1))}})]})]})]})]})]}):null}}}]);