https://anticimex-italy.netlify.app/component---src-templates-blog-list-tsx-5d8efe06dc7135034ce9.js

1"use strict";(self.webpackChunkanticimex_web=self.webpackChunkanticimex_web||[]).push([[529],{34039:function(e,t,l){var a=l(96540),r=l(38696),n=l.n(r),s=l(93758),i=l(17614),o=l(78877),m=l(68167);const c=(e,t)=>{var l;const r=(0,i.A)(),d=(0,s.o)(e);return e?a.createElement(a.Fragment,null,c(d,!1),a.createElement("li",{key:null===(l=e.slug)||void 0===l?void 0:l.current,className:"flex items-center"},a.createElement("svg",{width:14,height:14,className:"fill-current text-neutral-75 mx-2"},a.createElement("use",{xlinkHref:n().url})),t?a.createElement("span",{className:"text-neutral-40 text-sm"},(0,o.W3)(e.title)):a.createElement(m.Ay,{reference:e,className:"text-brand-primary-40 text-sm no-underline hover:underline hover:text-brand-primary-60"},(0,o.W3)(e.title)))):a.createElement("li",{key:"home",className:"flex items-center"},a.createElement(m.Ay,{className:"text-brand-primary-40 text-sm no-underline hover:underline hover:text-brand-primary-60"},r.home))};t.A=e=>{let{startNode:t,className:l}=e;return a.createElement("div",{className:(0,o.oT)(l)?"breadcrumbs flex w-full max-w-screen-xl p-4 mx-auto text-sm mb-2 lg:mb-0":l},a.createElement("ul",{className:"flex"},c(t,!0)))}},71370:function(e,t,l){l.d(t,{N:function(){return s}});var a=l(96540),r=l(84136),n=l.n(r);let s=function(e){return e[e.Always=0]="Always",e[e.Never=1]="Never",e[e.Responsive=2]="Responsive",e}({});const i=e=>{let{className:t=""}=e;return a.createElement("svg",{className:"self-center text-brand-primary-20 group-hover:text-brand-primary-70 fill-current stroke-current pointer-events-none "+t,width:11,height:7},a.createElement("use",{xlinkHref:n().url}))};t.A=e=>{var t;const{ariaLabel:l,activeValue:r,items:n,onSetActiveValue:o,classNames:m="",ulClassNames:c,selectClassNames:d="mb-2",collapse:u=s.Never,fitSelectToContent:p=!1}=e,x=n[0],b=null!==(t=n.find((e=>e.value===r)))&&void 0!==t?t:x,v=e=>o(e.target.value),f=n.map(((e,t)=>a.createElement("option",{className:"text-brand-primary-20",key:t,value:e.value},e.title))),g=(null==b?void 0:b.value)===(null==x?void 0:x.value),h=p?g?"flex-shrink-0":"min-w-0 flex-1 md:flex-none":"",N=p?"min-w-0 w-full md:w-auto":"";let E,y;switch(u){case s.Always:E="hidden",y="flex";break;case s.Never:E="flex",y="hidden";break;case s.Responsive:E="hidden md:flex",y="flex md:hidden"}return a.createElement("div",{className:"relative flex items-center -mb-px "+h+" "+m},a.createElement("ul",{className:E+" "+(null!=c?c:"")},n.map((e=>{let t="text-base md:text-xl py-2 px-3 mr-8 cursor-pointer font-bold transform transition-all duration-200";return e.value===r?t+=" text-brand-primary-70 border-b-3 border-brand-primary-70":t+=" text-brand-primary-20 hover:text-brand-primary-70 hover:border-b-3 hover:border-brand-primary-95",a.createElement("li",{className:t,key:e.value,onClick:()=>o(e.value)},e.title)}))),a.createElement("div",{className:y+" "+N+" group text-brand-primary-20 hover:text-brand-primary-70 text-base md:text-xl cursor-pointer "+d},p?a.createElement("div",{className:"relative flex min-w-0 w-full items-center gap-1 py-1 md:w-auto md:gap-2 md:px-2"},a.createElement("span",{className:"min-w-0 overflow-hidden whitespace-nowrap font-bold md:overflow-visible"},null==b?void 0:b.title),a.createElement(i,{className:"flex-shrink-0"}),a.createElement("select",{className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer",value:r,onChange:v,"aria-label":null!=l?l:void 0},f)):a.createElement(a.Fragment,null,a.createElement("select",{className:"max-w-50 cursor-pointer py-1 px-2 pr-6 appearance-none font-bold",value:r,onChange:v,"aria-label":null!=l?l:void 0},f),a.createElement(i,{className:"-ml-4"}))))}},24877:function(e,t,l){l.d(t,{L:function(){return o}});var a=l(46942),r=l.n(a),n=l(96540),s=l(78877);let i=function(e){return e[e.Dark=0]="Dark",e[e.Normal=1]="Normal",e}({});const o=e=>{let{children:t,margin:l="mb-8 lg:mb-24",padding:a="px-4",theme:o=i.Normal}=e;return n.createElement("h1",{className:r()("lg:text-brand-primary-70",l,a,{"text-brand-primary-50":o===i.Normal,"text-brand-primary-20":o===i.Dark})},(0,s.W3)(t))}},61497:function(e,t,l){l.d(t,{p:function(){return n}});var a=l(24794),r=l(96540);const n=e=>{let{to:t,className:l,"aria-hidden":n,"aria-label":s,tabIndex:i,children:o}=e;return t?r.createElement(a.Link,{to:t,className:l,"aria-hidden":n,"aria-label":s,tabIndex:i},o):r.createElement(r.Fragment,null,o)}},93758:function(e,t,l){l.d(t,{o:function(){return i}});var a=l(96540),r=l(17036),n=l(91197),s=l(78877);const i=e=>{var t,l,i,o;let m;const{i18nLang:c}=(0,a.useContext)(r.N),{routeInfo:d}=(0,a.useContext)(n.O);if(e)switch(e._type){case"pressRelease":(0,s.oT)(null==d||null===(t=d.pressReleaseList)||void 0===t||null===(l=t.slug)||void 0===l?void 0:l.current)||(m={title:d.pressReleaseList.title,slug:{current:d.pressReleaseList.slug.current},i18nLang:c});break;case"blogArticle":(0,s.oT)(null==d||null===(i=d.blogList)||void 0===i||null===(o=i.slug)||void 0===o?void 0:o.current)||(m={title:d.blogList.title,slug:{current:d.blogList.slug.current},i18nLang:c});break;default:m=e.parentLink?e.parentLink:e._rawParentLink}return m}},82438:function(e,t,l){l.r(t),l.d(t,{default:function(){return I}});var a=l(96540),r=l(78162),n=l(95234),s=l(75395);const i=e=>{let{title:t,description:l,action:r,redirectUrl:i,locale:o}=e;const m=!!i&&/^https?:\/\//.test(i),c=!m&&i&&o?"/"+(0,n.e)(o)+i:i;return a.createElement("div",{className:"max-w-[1200px] mx-auto w-full bg-brand-primary-30 rounded-xl p-8 lg:px-[45px] lg:py-[60px] flex flex-col lg:flex-row lg:items-center lg:justify-between gap-[20px] gap-2 lg:gap-6 mb-12"},a.createElement("div",{className:"flex flex-col"},t&&a.createElement("h3",{className:"text-white font-bold text-2xl md:text-5xl"},t),l&&a.createElement("p",{className:"text-white text-base md:text-[22px] max-w-2xl font-normal"},l)),r&&c&&a.createElement("div",{className:"flex-shrink-0"},a.createElement(s.A,{size:s.M.Normal,color:"primary-inverted",className:"hover:!bg-gray-100 hover:!text-brand-primary-20 py-2 px-7 md:py-[14px] md:px-[35px]",type:"link",isExternalLink:m,url:c},r)))};var o=l(24794),m=l(17614),c=l(49665),d=l(78877),u=l(61497),p=l(65904),x=l(93300),b=l.n(x),v=l(65347),f=l(69626);const g=e=>{var t;let{author:l,publishDate:r,locale:n}=e;const s=(0,a.useContext)(v.m),i=(0,f.p)(n);return a.createElement("div",{className:"flex items-center gap-3"},(null===(t=l.profileImage)||void 0===t?void 0:t.asset)&&a.createElement("div",{className:"w-10 h-10 md:w-[50px] md:h-[50px] rounded-full overflow-hidden flex-shrink-0"},a.createElement(p.A,{className:"w-full h-full object-cover",image:l.profileImage})),a.createElement("div",{className:"flex flex-col"},a.createElement("span",{className:"text-base md:text-lg font-bold text-brand-primary-20"},l.name),r&&s&&a.createElement(b(),{className:"text-xs md:text-sm text-brand-primary-dim",format:"lll",locale:i},r)))},h=e=>{var t,l,r;let{blog:n,locale:i,expertPersonUrl:x}=e;const b=(0,m.A)(),v=null!==(t=(0,c.j)({reference:n}))&&void 0!==t?t:"";return a.createElement("div",{className:"flex flex-col rounded-xl overflow-hidden group relative h-full"},a.createElement(o.Link,{to:v,className:"after:absolute after:inset-0 after:z-10 focus:outline-none","aria-label":n.title||b.readCaseButton||void 0}),a.createElement("div",{className:"relative w-full h-[246px] sm:h-[328px] flex-shrink-0"},a.createElement(p.A,{className:"blogListImage object-cover w-full h-full",image:n.thumbnail,loading:"lazy"}),(null===(l=n.categories)||void 0===l||null===(r=l[0])||void 0===r?void 0:r.title)&&a.createElement("span",{className:"absolute top-2 left-2 md:top-4 md:left-4 px-4 py-2 rounded-full bg-white text-brand-primary-20 text-base font-medium z-10"},n.categories[0].title)),a.createElement("div",{className:"shadow-card flex flex-col flex-1 bg-neutral-100 card-theme-neutral"},a.createElement("div",{className:"p-5 md:p-[30px] flex flex-col flex-1 relative"},!(0,d.oT)(n.title)&&a.createElement("h3",{className:"font-bold text-brand-primary-20 mb-5"}

1,n.title),a.createElement("hr",{className:"h-divider-thick w-16 bg-brand-primary-20 mb-6"}),!(0,d.oT)(n.preambleText)&&a.createElement("p",{className:"text-base md:text-lg mb-[30px] md:mb-[60px] flex-1"},(0,d.W5)(n.preambleText,100)),a.createElement("div",{className:"flex flex-col-reverse items-start gap-[30px] mt-auto md:flex-row md:items-center md:gap-0"},n.author&&a.createElement("div",{className:"relative z-20"},a.createElement(u.p,{to:x,className:"no-underline block"},a.createElement(g,{author:n.author,publishDate:n.publishDate,locale:i}))),a.createElement(s.A,{size:s.M.Small,color:"primary-soft","aria-hidden":"true",tabIndex:-1,className:"md:ml-auto text-sm md:text-base relative z-20 pointer-events-none",type:"button"},b.readCaseButton)))))};var N=l(54506),E=l(95093),y=l.n(E),w=l(39105);const A=(e,t)=>null!=t&&t.length?e.filter((e=>{var l;return null===(l=e.categories)||void 0===l?void 0:l.some((e=>t.some((t=>t._id===e._id))))})):e;var k=l(71370),L=l(53893);const C={All:"all"},T={All:"all"},B={All:"all"},_=e=>{var t,l,r,n,i;let{articles:o,filteredArticles:c,setFilteredArticles:d,setPaginateBy:u,defaultNumberOfBlogs:p,setPaginatedBlogs:x,paginateBy:b,categoryBlogsList:v,blogCategory:f,onFilterActive:g}=e;const{0:h,1:E}=(0,a.useState)(C.All),{0:_,1:S}=(0,a.useState)(T.All),{0:z,1:P}=(0,a.useState)(B.All),{0:j,1:M}=(0,a.useState)(""),D=(0,w.dM)(o.map((e=>y()(e.publishDate).year()))),F=(0,w.dM)(o.map((e=>{var t;return null===(t=e.author)||void 0===t?void 0:t.name})).filter((e=>Boolean(e)))),I=Boolean(f),U=(0,m.A)(),V=(0,a.useCallback)((e=>{const t=((e,t)=>{if(I)return A(e,f.categories);if(_===T.All)return e;{var l;const a=(null==t||null===(l=t.find((e=>e._id===_)))||void 0===l?void 0:l.categories)||[];return A(e,a)}})(o.filter((e=>h===C.All||y()(e.publishDate).isSame(""+h,"year"))),v),l=(e=>z===B.All?e:e.filter((e=>{var t;return(null===(t=e.author)||void 0===t?void 0:t.name)===z})))(t);return l.filter((t=>{var l,a;return(null===(l=t.title)||void 0===l?void 0:l.toLowerCase().includes(e))||(null===(a=t.preambleText)||void 0===a?void 0:a.toLowerCase().includes(e))}))}),[_,z,h,o,f,v,I]);return(0,a.useEffect)((()=>{x(c.slice(0,b))}),[b,c,x]),(0,a.useEffect)((()=>{const e=h!==C.All||_!==T.All||z!==B.All||""!==j;null==g||g(e);const t=V(j);d(t),u(p)}),[h,_,z,p,V,g,j,d,u]),a.createElement("div",{className:"w-full flex flex-col md:border-b border-brand-primary-95 pb-2 mb-10"},a.createElement("form",{onSubmit:e=>{e.preventDefault();const t=V(j);d(t),u(p)},className:"flex flex-col md:flex-row gap-4 mb-7 items-center w-full md:max-w-lg"},a.createElement(L.A,{id:"q",type:"search",placeholder:null!==(t=U.searchPlaceholder)&&void 0!==t?t:"",onChange:e=>(e=>{M(e.toLowerCase())})(e),containerClasses:"mb-0 flex-1"}),a.createElement(s.A,{color:"primary-light",size:s.M.SmallWide,type:"submit",className:"w-full md:w-auto"},U.searchSubmit)),a.createElement("div",{className:"flex flex-col md:flex-row md:justify-between md:items-center"},a.createElement("div",{className:"flex gap-x-3 md:gap-x-0 md:justify-start"},!I&&Boolean(null==v?void 0:v.length)&&a.createElement(k.A,{ariaLabel:U.blogArticleCategoryFilterAlt,activeValue:""+_,items:[{title:null!==(l=U.allCategories)&&void 0!==l?l:"",value:T.All}].concat((0,N.A)((null==v?void 0:v.map((e=>({title:e.title,value:e._id}))))||[])),onSetActiveValue:S,collapse:k.N.Always,fitSelectToContent:!0,ulClassNames:"pb-1",selectClassNames:"mb-0",classNames:"text-base md:mr-[4rem]"}),a.createElement(k.A,{ariaLabel:U.yearFilterAlt,activeValue:""+h,items:[{title:null!==(r=U.allYears)&&void 0!==r?r:"",value:C.All}].concat((0,N.A)(D.map((e=>({title:""+e,value:""+e}))))),onSetActiveValue:e=>{e===C.All?E(e):E(parseInt(e))},collapse:k.N.Always,fitSelectToContent:!0,selectClassNames:"mb-0",classNames:"text-base md:mr-[4rem]"}),Boolean(F.length)&&a.createElement(k.A,{ariaLabel:null!==(n=U.allAuthors)&&void 0!==n?n:"",activeValue:""+z,items:[{title:null!==(i=U.allAuthors)&&void 0!==i?i:"",value:B.All}].concat((0,N.A)(F.map((e=>({title:e,value:e}))))),onSetActiveValue:P,collapse:k.N.Always,fitSelectToContent:!0,ulClassNames:"pb-1",selectClassNames:"mb-0",classNames:"md:mr-[4rem]"})),a.createElement("button",{type:"button",onClick:()=>{E(C.All),S(T.All),P(B.All),M("")},className:"text-base md:text-xl font-bold text-brand-primary-70 border-b-1 border-brand-primary-70 hover:opacity-70 whitespace-nowrap mt-3 md:mt-0 self-start md:self-center"},U.clearBlogFilters)))},S=e=>{var t,l,r;let{blog:n,locale:i,expertPersonUrl:x}=e;const b=(0,m.A)(),v=null!==(t=(0,c.j)({reference:n}))&&void 0!==t?t:"";return a.createElement("div",{className:"flex flex-col md:flex-row border border-brand-primary-80 rounded-xl overflow-hidden md:h-[540px] relative group h-full"},a.createElement(o.Link,{to:v,className:"after:absolute after:inset-0 after:z-10 focus:outline-none","aria-label":n.title||b.readCaseButton||void 0}),a.createElement("div",{className:"relative w-full md:w-1/2 h-[246px] sm:h-[328px] md:h-full flex-shrink-0"},a.createElement(p.A,{className:"blogListImage object-cover w-full h-full",image:n.thumbnail,loading:"lazy"}),(null===(l=n.categories)||void 0===l||null===(r=l[0])||void 0===r?void 0:r.title)&&a.createElement("span",{className:"absolute top-2 left-2 md:top-4 md:left-4 px-4 py-2 rounded-full bg-white text-brand-primary-20 text-base font-medium z-10"},n.categories[0].title)),a.createElement("div",{className:"shadow-card flex flex-col flex-1 bg-brand-primary-95 card-theme-neutral relative"},a.createElement("div",{className:"p-5 md:px-[60px] md:py-[45px] flex flex-col flex-1 relative"},!(0,d.oT)(n.title)&&a.createElement("h3",{className:"font-bold text-brand-primary-20 mb-5"}

1,n.title),a.createElement("hr",{className:"h-divider-thick w-16 bg-brand-primary-20 mb-6"}),!(0,d.oT)(n.preambleText)&&a.createElement("p",{className:"text-base md:text-2xl mb-[30px] md:mb-[60px] flex-1 md:overflow-hidden md:max-h-[160px]"},(0,d.W5)(n.preambleText,150)),a.createElement("div",{className:"flex flex-col items-start gap-[30px] md:gap-[60px] mt-auto"},a.createElement(s.A,{size:s.M.Small,color:"primary","aria-hidden":"true",tabIndex:-1,className:"text-sm md:text-xl relative z-20 pointer-events-none",type:"button"},b.readCaseButton),n.author&&a.createElement("div",{className:"relative z-20"},a.createElement(u.p,{to:x,className:"no-underline block"},a.createElement(g,{author:n.author,publishDate:n.publishDate,locale:i})))))))},z=e=>{let{image:t,title:l,action:r,redirectUrl:i,locale:o}=e;const m=!!i&&/^https?:\/\//.test(i),c=!m&&i&&o?"/"+(0,n.e)(o)+i:i;return a.createElement("div",{className:"md:col-span-2 flex flex-col md:flex-row items-center justify-between gap-4 md:gap-6 bg-brand-primary-70 rounded-xl p-6 md:p-8"},t&&a.createElement("div",{className:"w-16 h-16 md:w-[90px] md:h-[90px] rounded-full overflow-hidden flex-shrink-0 md:order-last"},a.createElement(p.A,{className:"w-full h-full object-cover",image:t})),a.createElement("div",{className:"flex flex-col gap-4 flex-1 items-center md:items-start"},l&&a.createElement("h3",{className:"font-bold text-white text-[22px] md:text-[30px] text-center md:text-left"},l),r&&c&&a.createElement(s.A,{size:s.M.Small,color:"primary-soft",className:"text-sm md:text-base",type:"link",isExternalLink:m,url:c},r)))};var P=l(34039),j=l(28057),M=l(58817),D=l(24877),F=l(56463);var I=e=>{var t,l;let{data:n,pageContext:o}=e;const{blogList:c,articles:u,categoryBlogsList:p,allExpertPersons:x}=n,b=c.highlightedBlogArticle,v=(0,a.useMemo)((()=>{var e;return null!==(e=null==u?void 0:u.nodes)&&void 0!==e?e:[]}),[null==u?void 0:u.nodes]),{0:f,1:g}=(0,a.useState)(v),{0:N,1:E}=(0,a.useState)(!1),{0:y,1:w}=(0,a.useState)(6),{0:A,1:k}=(0,a.useState)(f.slice(0,6)),L=(0,m.A)(),C=(0,F.F)();(0,a.useEffect)((()=>{g(v)}),[v]),(0,a.useEffect)((()=>{k(f.slice(0,y))}),[y,f]);const T=(0,a.useMemo)((()=>{const e=new Map;for(const a of null!==(t=null==x?void 0:x.nodes)&&void 0!==t?t:[]){var t,l;null!==(l=a.person)&&void 0!==l&&l._id&&e.set(a.person._id+":"+a.i18nLang,a.activeLink&&a._id?C[a._id]:null)}return e}),[null==x?void 0:x.nodes,C]),B=(0,a.useCallback)(((e,t)=>{var l;return e&&null!==(l=T.get(e+":"+t))&&void 0!==l?l:null}),[T]),I=(0,a.useMemo)((()=>A.filter((e=>e._id!==(null==b?void 0:b._id)))),[A,null==b?void 0:b._id]);return a.createElement(M.A,{pageContext:o,breadcrumbs:a.createElement(P.A,{startNode:c})},a.createElement(j.A,{pageData:{...c,relatedPageData:{blogArticles:u.nodes}}}),a.createElement(D.L,{margin:"mb-8 lg:mb-[50px]"},c.title),(!(0,d.oT)(c.preambleTitle)||!(0,d.oT)(c.preambleText))&&a.createElement("aside",{className:"mb-[50px] lg:mb-[60px]"},!(0,d.oT)(c.preambleTitle)&&a.createElement("h2",{className:"mb-4 lg:mb-8"},c.preambleTitle),!(0,d.oT)(c.preambleText)&&a.createElement("p",{className:"text-lg lg:text-2xl"},c.preambleText)),a.createElement("aside",{className:"anticimex-blog-list relative flex flex-wrap justify-center xl:justify-between max-w-none px-0 lg:mb-16"},a.createElement("div",{className:"bg-brand-primary-90 absolute w-full h-full mt-[248px] lg:mt-64 -z-1 md:slice-top--long-section"}),c.backgroundPattern&&a.createElement(r.A,Object.assign({},c.backgroundPattern,{classNames:"opacity-50",color:"brand-primary-20",zIndexClass:"-z-1",margins:{leftBlockMarginLeft:"4rem",baseBlockMarginTop:"32rem"}})),a.createElement("div",{className:"max-w-screen-xl w-full mx-auto px-4 lg:px-6"},a.createElement(_,{articles:v,categoryBlogsList:null!==(t=p.nodes)&&void 0!==t?t:[],defaultNumberOfBlogs:6,paginateBy:y,setPaginateBy:w,setPaginatedBlogs:k,filteredArticles:f,setFilteredArticles:g,onFilterActive:E}),Boolean(A.length)&&a.createElement("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-[30px] mb-6 max-w-[1200px] mx-auto"},N?A.map((e=>{var t;return a.createElement(h,{key:e._id,blog:e,locale:o.i18nLang,expertPersonUrl:B(null===(t=e.author)||void 0===t?void 0:t._id,e.i18nLang)})}

1)):a.createElement(a.Fragment,null,I.slice(0,2).map((e=>{var t;return a.createElement(h,{key:e._id,blog:e,locale:o.i18nLang,expertPersonUrl:B(null===(t=e.author)||void 0===t?void 0:t._id,e.i18nLang)})})),b&&a.createElement("div",{className:"md:col-span-2"},a.createElement(S,{blog:b,locale:o.i18nLang,expertPersonUrl:B(null===(l=b.author)||void 0===l?void 0:l._id,b.i18nLang)})),I.slice(2,4).map((e=>{var t;return a.createElement(h,{key:e._id,blog:e,locale:o.i18nLang,expertPersonUrl:B(null===(t=e.author)||void 0===t?void 0:t._id,e.i18nLang)})})),c.topCta&&a.createElement(z,Object.assign({},c.topCta,{locale:o.i18nLang})),I.slice(4).map((e=>{var t;return a.createElement(h,{key:e._id,blog:e,locale:o.i18nLang,expertPersonUrl:B(null===(t=e.author)||void 0===t?void 0:t._id,e.i18nLang)})})))),c.aboutCta&&a.createElement(i,Object.assign({},c.aboutCta,{locale:o.i18nLang})),f.length>y&&a.createElement("div",{className:"flex justify-center w-full mb-12"},a.createElement(s.A,{color:"primary-light",size:s.M.Normal,type:"button",onClick:()=>{w(y+6)}},L.loadMoreButton)))))}}}]);
2//# sourceMappingURL=component---src-templates-blog-list-tsx-5d8efe06dc7135034ce9.js.map