https://www.anticimex.es/component---src-templates-pest-identifier-tsx-50977dffeccf28d9d865.js

1"use strict";(self.webpackChunkanticimex_web=self.webpackChunkanticimex_web||[]).push([[32],{34039:function(e,t,l){var r=l(96540),a=l(38696),n=l.n(a),s=l(93758),i=l(17614),m=l(78877),c=l(68167);const o=(e,t)=>{var l;const a=(0,i.A)(),u=(0,s.o)(e);return e?r.createElement(r.Fragment,null,o(u,!1),r.createElement("li",{key:null===(l=e.slug)||void 0===l?void 0:l.current,className:"flex items-center"},r.createElement("svg",{width:14,height:14,className:"fill-current text-neutral-75 mx-2"},r.createElement("use",{xlinkHref:n().url})),t?r.createElement("span",{className:"text-neutral-40 text-sm"},(0,m.W3)(e.title)):r.createElement(c.Ay,{reference:e,className:"text-brand-primary-40 text-sm no-underline hover:underline hover:text-brand-primary-60"},(0,m.W3)(e.title)))):r.createElement("li",{key:"home",className:"flex items-center"},r.createElement(c.Ay,{className:"text-brand-primary-40 text-sm no-underline hover:underline hover:text-brand-primary-60"},a.home))};t.A=e=>{let{startNode:t,className:l}=e;return r.createElement("div",{className:(0,m.oT)(l)?"breadcrumbs flex w-full max-w-screen-xl p-4 mx-auto text-sm mb-2 lg:mb-0":l},r.createElement("ul",{className:"flex"},o(t,!0)))}},24877:function(e,t,l){l.d(t,{L:function(){return m}});var r=l(46942),a=l.n(r),n=l(96540),s=l(78877);let i=function(e){return e[e.Dark=0]="Dark",e[e.Normal=1]="Normal",e}({});const m=e=>{let{children:t,margin:l="mb-8 lg:mb-24",padding:r="px-4",theme:m=i.Normal}=e;return n.createElement("h1",{className:a()("lg:text-brand-primary-70",l,r,{"text-brand-primary-50":m===i.Normal,"text-brand-primary-20":m===i.Dark})},(0,s.W3)(t))}},93758:function(e,t,l){l.d(t,{o:function(){return i}});var r=l(96540),a=l(17036),n=l(91197),s=l(78877);const i=e=>{var t,l,i,m;let c;const{i18nLang:o}=(0,r.useContext)(a.N),{routeInfo:u}=(0,r.useContext)(n.O);if(e)switch(e._type){case"pressRelease":(0,s.oT)(null==u||null===(t=u.pressReleaseList)||void 0===t||null===(l=t.slug)||void 0===l?void 0:l.current)||(c={title:u.pressReleaseList.title,slug:{current:u.pressReleaseList.slug.current},i18nLang:o});break;case"blogArticle":(0,s.oT)(null==u||null===(i=u.blogList)||void 0===i||null===(m=i.slug)||void 0===m?void 0:m.current)||(c={title:u.blogList.title,slug:{current:u.blogList.slug.current},i18nLang:o});break;default:c=e.parentLink?e.parentLink:e._rawParentLink}return c}},37939:function(e,t,l){l.r(t),l.d(t,{default:function(){return F}});var r=l(96540),a=l(63427),n=l.n(a),s=l(97128),i=l.n(s),m=l(34039),c=l(28057),o=l(53893),u=l(58817),d=l(24877),p=l(54506),f=l(1331),g=l.n(f),x=l(78877);function b(e,t){return e.includes(t)?e.filter((e=>e!==t)):[].concat((0,p.A)(e),[t])}var v=e=>{let{title:t,filterItems:l,filterType:a,setSelectedFilters:n,selectedFilters:s}=e;return r.createElement("div",{className:"mb-10"},!(0,x.oT)(t)&&r.createElement("h3",{className:"text-base lg:text-xl uppercase text-subheader-primary font-bold"},t),r.createElement("div",{className:"flex flex-wrap flex-row mt-0"},Object.keys(l).map((e=>r.createElement("span",{onClick:()=>((e,t)=>{n({...s,[e]:b(s[e],t)})})(a,e),className:"md:first:ml-0 relative flex items-center my-3 mr-3 md:m-3 md:p-3 rounded-md py-2 px-6 md:py-3 md:px-8 cursor-pointer "+(s[a].includes(e)?"anticimex-button-primary text-neutral-100":"bg-identifier-filter-button text-brand-primary-30"),key:e},r.createElement("svg",{className:"absolute left-filter-icon-mobile md:left-filter-icon w-4 h-4 text-brand-primary-95 card-arrow group-hover:text-brand-primary-70 "+(s[a].includes(e)?"":"hidden")},r.createElement("use",{xlinkHref:g().url})),l[e])))))},y=l(46942),h=l.n(y),E=l(47172),N=l.n(E),w=l(65904),k=l(68167);var L=e=>{const{title:t,subtitle:l,pests:a}=e;return r.createElement("section",{className:"relative flex flex-col w-full max-w-screen-xl mx-auto mb-12 p-4 md:px-6 lg:mb-32"},!(0,x.oT)(t)&&r.createElement("h2",{className:"mb-2"},t),!(0,x.oT)(l)&&r.createElement("h3",{className:"text-base lg:text-xl uppercase text-subheader-primary font-bold"},l),r.createElement("div",{className:"flex justify-center mt-0"},r.createElement("ul",{className:"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 ga

1p-4 py-8 md:w-full"},null==a?void 0:a.map(((e,t)=>r.createElement("li",{key:t,className:"first"},r.createElement(k.Ay,{reference:e,className:h()("flex flex-col h-full card-basic group cursor-pointer","py-6 px-6 mr-10 last:mr-0 text-center items-center","hover:border-brand-primary-70 hover:shadow-card-lifted hover:-translate-y-3","focus:outline-none focus:shadow-card-outline")},r.createElement("div",{className:"px-2 mb-3 flex justify-center items-center rounded-full"},r.createElement("div",{className:"flex w-40 h-40 justify-center items-center"},e.thumbnail&&r.createElement(w.A,{className:"rounded-full",image:e.thumbnail,loading:"lazy",width:156,height:156}))),r.createElement("h4",{className:"mb-6 text-base-lg uppercase text-brand-primary-20 font-bold min-h-12"},(0,x.W3)(e.title)),r.createElement("div",{className:"flex justify-center items-center mt-auto"},r.createElement("svg",{className:"w-4 h-4 text-brand-primary-95 card-arrow group-hover:text-brand-primary-70"},r.createElement("use",{xlinkHref:N().url}))))))))))},T=l(39105);var _=e=>{const{pests:t}=e,l=(0,r.useMemo)((()=>(0,T.$z)(t.sort(((e,t)=>e.title.localeCompare(t.title))),(e=>{var t;return null===(t=e.title[0])||void 0===t?void 0:t.toUpperCase()}))),[t]);return r.createElement("section",{className:"w-full max-w-screen-xl mx-auto mb-12 p-4 md:px-20 lg:mb-32"},l.map((e=>r.createElement("div",{key:e.key,className:"mb-20"},r.createElement("h2",{className:"text-neutral-70 mb-5"},e.key),e.items instanceof Array&&e.items.map((e=>r.createElement("div",{className:"flex justify-center mt-0 flex-col",key:e._id},r.createElement(k.Ay,{reference:e,className:"overflow-hidden no-underline flex flex-row items-center border-b border-t pt-3 pb-3 cursor-pointer group hover:border-brand-primary-60"},r.createElement(w.A,{className:"mr-8",image:e.thumbnail,loading:"lazy",width:80,height:80}),r.createElement("h4",{className:"mb:0 text-xl text-brand-primary-20"},(0,x.W3)(e.title)),r.createElement("div",{className:"flex justify-center items-center ml-auto mr-2"},r.createElement("svg",{className:"w-4 h-4 text-brand-primary-95 card-arrow group-hover:text-brand-primary-60"},r.createElement("use",{xlinkHref:N().url})))))))))))},A=l(14680),C=l(80364),W=l(17614);var F=e=>{var t,l,a,s,p,f,g,b,y,h,E,N,w,k,T,F,I,O,j,S,H;let{data:P,pageContext:D}=e;const{pestIdentifier:R,pestList:z}=P,B=(0,r.useMemo)((()=>{var e;return null!==(e=null==z?void 0:z.nodes)&&void 0!==e?e:[]}),[null==z?void 0:z.nodes]),{0:M,1:G}=(0,r.useState)({numberOfLegs:[],typeOfIssueCaused:[],behavior:[],numberOfWings:[],search:""}),{0:U,1:$}=(0,r.useState)(B),{0:q,1:J}=(0,r.useState)(!0),K=(0,W.A)(),Q={troublingPeople:null!==(t=K.troublingPeople)&&void 0!==t?t:"Troubling people",attackingFoodTextiles:null!==(l=K.attackingFoodTextiles)&&void 0!==l?l:"Attacking food and textiles",attackingWood:null!==(a=K.attackingWood)&&void 0!==a?a:"Attacking wood"},V={noLegs:null!==(s=K.noLegs)&&void 0!==s?s:"No legs","2legs":null!==(p=K.pest_2Legs)&&void 0!==p?p:"2 legs","4legs":null!==(f=K.pest_4Legs)&&void 0!==f?f:"4 legs","6legs":null!==(g=K.pest_6Legs)&&void 0!==g?g:"6 legs","8legs":null!==(b=K.pest_8Legs)&&void 0!==b?b:"8 legs",moreThan8Legs:null!==(y=K.moreThan8Legs)&&void 0!==y?y:"More than 8 legs"},X={flying:null!==(h=K.flying)&&void 0!==h?h:"Flying",crawling:null!==(E=K.crawling)&&void 0!==E?E:"Crawling",biting:null!==(N=K.biting)&&void 0!==N?N:"Biting",gnawing:null!==(w=K.gnawing)&&void 0!==w?w:"Gnawing"},Y={noWings:null!==(k=K.noWings)&&void 0!==k?k:"No wings","2Wings":null!==(T=K.pest_2Wings)&&void 0!==T?T:"2 wings","4Wings":null!==(F=K.pest_4Wings)&&void 0!==F?F:"4 wings"};(0,r.useEffect)((()=>{(()=>{const e=function(e,t){const l=Object.keys(t);return e.filter((e=>l.every((l=>{return 0===t[l].length||("search"===l?e.title.toLowerCase().includes(t[l]):"string"==typeof e[l]?t[l].includes(e[l]):"object"==typeof e[l]&&(r=t[l],!!(a=e[l])&&a.some((e=>r.includes(e)))));var r,a}))))}(B,M);$(e)})()}),[B,M]);return r.createElement(u.A,{pageContext:D,breadcrumbs:r.createElement(m.A,{startNode:R})},r.createElement(c.A,{pageData:{...R,relatedPageData:{pests:B}}}),r.createElement(d.L,null,R.title),r.createElement("aside",{className:"px-4"},!(0,x.oT)(R.preambleTitle)&&r.createElement("h2",{className:"mb-4 lg:mb-8"},R.preambleTitle),!(0,x.oT)(R.preambleText)&&r.createElement("p",{className:"text-lg lg:text-2xl"},R.preambleText),r.createElement("div",{className:"mt-8 lg:mt-24 mb-10 py-12 px-10 bg-brand-primary-100 border border-paragraph-border rounded-lg"},r.createElement(v,{title:null!==(I=K.typeOfIssue)&&void 0!==I?I:"Type of issue caused",filterType:"typeOfIssueCaused",filterItems:Q,selectedFilters:M,setSelectedFilters:G}),r.createElement(v,{title:null!==(O=K.numberOfLegs)&&void 0!==O?O:"Number of legs",filterType:"numberOfLegs",filterItems:V,selectedFilters:M,setSelectedFilters:G}),r.createElement(v,{title:null!==(j=K.behavior)&&void 0!==j?j:"Behavior",filterType:"behavior",filterItems:X,selectedFilters:M,setSelectedFilters:G}),r.createElement(v,{title:null!==(S=K.numberOfWings)&&void 0!==S?S:"Number of wings",filterType:"numberOfWings",filterItems:Y,selectedFilters:M,setSelectedFilters:G}),r.createElement("div",{className:"flex flex-col md:flex-row justify-around"},r.createElement("div",{className:"w-full"},r.createElement("h3",{className:"text-base lg:text-xl uppercase text-subheader-primary font-bold"},K.searchTitle),r.createElement(o.A,{id:"contact-name",type:"search",label:null!==(H=K.searchLabel)&&void 0!==H?H:"",onCh

1ange:e=>{G({...M,search:e.toLowerCase()})}})),r.createElement("div",{className:"w-full md:ml-16"},r.createElement("h3",{className:"text-base lg:text-xl uppercase text-subheader-primary font-bold"},K.displayIn),r.createElement("div",{className:"flex flex-row mb-6 lg:mb-10"},r.createElement("div",{onClick:()=>J(!1),className:"text-lg cursor-pointer font-bold focus:shadow-outline md:mr-6 "+(q?"pest-identifier__view-type":"pest-identifier__view-type--selected")},r.createElement("p",{className:"flex group items-center cursor-pointer px-4"},r.createElement("svg",{className:"w-4 h-6 fill-current mr-3"},r.createElement("use",{xlinkHref:i().url})),K.listTitle)),r.createElement("div",{onClick:()=>J(!0),className:"text-lg cursor-pointer font-bold focus:shadow-outline md:mr-6 "+(q?"pest-identifier__view-type--selected":"pest-identifier__view-type")},r.createElement("p",{className:"flex items-center cursor-pointer px-4 group"},r.createElement("svg",{className:"w-4 h-6 fill-current mr-3"},r.createElement("use",{xlinkHref:n().url})),K.gridTitle))))))),q?r.createElement(L,{title:null==z?void 0:z.title,pests:U}):r.createElement(_,{pests:U}),R._rawPortableTextContent&&r.createElement("div",null,r.createElement(A.A,{_rawBody:R._rawPortableTextContent,colorTheme:C.hI.Neutral})))}}}]);
2//# sourceMappingURL=component---src-templates-pest-identifier-tsx-50977dffeccf28d9d865.js.map