https://www.myrasecurity.com/component---src-templates-category-ca…collection-page-tsx-dd0f3e556103fabe5962.js

1"use strict";(self.webpackChunkmyra_cms=self.webpackChunkmyra_cms||[]).push([[184],{5089:function(e,a,t){t.r(a),t.d(a,{Head:function(){return f},default:function(){return b}});var n=t(6540),r=t(7581),i=t(1609),l=t(5848),o=t(4770),c=t(6065),d=t(3996),s=t(3193),g=t(6971);const m=(0,r.default)(g.A).withConfig({displayName:"CategoryCard__StyledCardVariant4",componentId:"sc-1yezzgb-0"})(["* > ","{"," ","}"],g.R,e=>{let{$isImageTransparent:a,theme:t}=e;return a&&"\n            /* Case Study / Events: illustrations sit full-bleed over the dark\n               gradient (16:9 cover from ImageBox's base rules). */\n            background: "+t.gradients.dark+";\n        "},e=>{let{$isImageVertical:a,theme:t}=e;return a&&"\n            /* Product Sheets / Whitepaper / Factsheet: portrait document thumbnails\n               centered on a 224px light-gray panel — matches production exactly\n               (box 224 tall, image forced to height 224 with width auto so it keeps\n               its portrait ratio, ~157px wide, centered). Forcing the GatsbyImage\n               wrapper height is safe here because it sits in a flex-center box, not\n               a flex row. */\n            background-color: "+t.colors.background.light+";\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: "+(0,i.A)("224")+";\n            padding: 0;\n\n            .gatsby-image-wrapper,\n            img {\n                width: auto;\n                height: "+(0,i.A)("224")+";\n                max-width: 100%;\n                aspect-ratio: auto;\n                object-fit: cover;\n            }\n        "});var u=e=>{var a,t,r,i,l;let{card:o,cardVariant:c,locale:d}=e;var g,u,p;if("DatoCmsCardVariant2"===c)return n.createElement(s.A,{card:{__typename:"DatoCmsCardVariant2",variant:"white",id:"Card-"+o.id,headline:null!==(g=null===(u=o.content.find(e=>e.title))||void 0===u?void 0:u.title)&&void 0!==g?g:o.title,cta:[{__typename:"DatoCmsCallToAction",icon:"arrowRight",iconPosition:"right",id:o.id+"-cta",internalLink:{slug:o.slug,category:[]},link:null,title:null!==(p={en:"Learn more",de:"Mehr erfahren",fr:"En savoir plus"}[d])&&void 0!==p?p:"Learn more",variant:"tertiary"}]},locale:d});const C=null===(a=o.content.find(e=>e.title))||void 0===a?void 0:a.title,y=o.content.find(e=>{var a,t;return null!==(a=null!==(t=e.image)&&void 0!==t?t:e.imageLandscape)&&void 0!==a?a:e.imagePortrait});return C||y||o.cardDescription?n.createElement(m,{$isImageVertical:o.category[0].verticalImages,$isImageTransparent:o.category[0].transparentImages,card:{__typename:"DatoCmsCardVariant4",id:"Card-"+o.id,branche:"",produkt:"",headline:null!=C?C:"",subtitle:o.category[0].category,content:null!==(t=o.cardDescription)&&void 0!==t?t:"",cta:[{__typename:"DatoCmsCallToAction",icon:"arrowRight",iconPosition:"right",id:o.id+"-cta",internalLink:{slug:o.slug,category:[]},link:null,title:"",variant:"primary"}],image:null!==(r=null!==(i=null!==(l=null==y?void 0:y.image)&&void 0!==l?l:null==y?void 0:y.imageLandscape)&&void 0!==i?i:null==y?void 0:y.imagePortrait)&&void 0!==r?r:{url:"",alt:"Image not available"},variant:"gray",creationDate:o.meta.firstPublishedAt},locale:d}):null},p=t(5134),C=t(440),y=t(5798),v=t(2832);const h=(0,r.default)(C.A).withConfig({displayName:"CategoryCardCollectionPage__SectionContainer",componentId:"sc-yoj2en-0"})(["overflow-x:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:",";padding:",";","{grid-template-columns:repeat(8,minmax(0,1fr));gap:",";padding:",";}","{grid-template-columns:repeat(12,minmax(0,1fr));padding:",";}"],(0,i.A)("16"),(0,i.A)("32 16"),e=>{let{theme:a}=e;return a.breakpoints.tablet},(0,i.A)("24"),(0,i.A)("64 32"),e=>{let{theme:a}=e;return a.breakpoints.smallDesktop},(0,i.A)("64 80")),f=e=>{var a,t,r;let{data:{favicon:i,datoCmsCategoryCardCollection:c},pageContext:{altEn:d,altDe:s,altFr:g,locale:m,slug:u}}=e;const p=c.categoryPages.find(e=>e.pageSlug===u),C=null!==(a=null==p?void 0:p.pageTitle)&&void 0!==a?a:c.overviewPageTitle,y=(0,v.F)({locale:m,slug:u,altEn:d,altDe:s,altFr:g}),h=null!==(t="https://www.myrasecurity.com")?t:"",f=(0,n.useMemo)(()=>

1{if(c.canonicalLink)return c.canonicalLink;const e=(0,l.p)(u);return h+"/"+m+"/"+e},[c.canonicalLink,m,u,h]);return n.createElement(o.A,{title:C,locale:m,favicon:i,seo:null!==(r=null==p?void 0:p.seo)&&void 0!==r?r:c.seo,canonicalLink:f,alternates:y,origin:h,noIndex:!1})};var b=e=>{let{data:a,pageContext:{id:t,locale:r,categories:i,altEn:l,altDe:o,altFr:s}}=e;const g=i.length>1,m=g&&a.datoCmsCategoryCardCollection.categorizeOverview,C=g?null:i[0],v=g?null:a.datoCmsCategoryCardCollection.categoryPages.find(e=>e.category.id===C),f=(0,n.useMemo)(()=>{var e;const n=a.datoCmsCategoryCardCollection.categoryPages.map(e=>({id:e.id,label:e.tabTitle,active:e.id===(null==v?void 0:v.id),url:{slug:e.pageSlug}}));return n.unshift({active:g,id:t,label:null!==(e={en:"Overview",de:"Übersicht",fr:"Aperçu"}[r])&&void 0!==e?e:"Overview",url:{slug:a.datoCmsCategoryCardCollection.overviewPageSlug}}),n},[]),b=(0,n.useMemo)(()=>{const e=[];return a.cards.nodes.forEach(a=>{1===a.content.length&&"DatoCmsBanner"===a.content[0].__typename||e.push(a)}),m?a.datoCmsCategoryCardCollection.categoryPages.map(a=>((e,a)=>e.filter(e=>e.category.some(e=>e.id===a)).map(e=>Object.assign({},e,{category:[e.category.find(e=>e.id===a)]})))(e,a.category.id)):e.map(e=>Object.assign({},e,{category:[e.category.find(e=>i.includes(e.id))]}))},[m]);return n.createElement(d.A,{altEn:l,altDe:o,altFr:s,locale:r},n.createElement(c.f,{colsPosition:"1 / -1"},a.datoCmsCategoryCardCollection.sharedPageElements.map(e=>n.createElement(y.A,{key:e.id,item:e,locale:r})),n.createElement(p.A,{item:{__typename:"DatoCmsTabsSection",id:"CategoryPage-"+t+"-TabsSection",links:f},locale:r}),null==v?void 0:v.pageElements.map(e=>n.createElement(y.A,{key:e.id,item:e,locale:r})),m?b.map((e,t)=>{var i;return n.createElement(n.Fragment,null,n.createElement(y.A,{item:null!==(i=a.datoCmsCategoryCardCollection.categoryPages[t].pageElements[0])&&void 0!==i?i:{},locale:r}),n.createElement(h,{variant:"white"},e.map(e=>n.createElement(u,{key:e.id,card:e,cardVariant:a.datoCmsCategoryCardCollection.cardVariant,locale:r}))))}):n.createElement(h,{variant:"white"},b.map(e=>n.createElement(u,{key:e.id,card:e,cardVariant:a.datoCmsCategoryCardCollection.cardVariant,locale:r})))))}}}]);