https://keyrus.com/component---gatsby-shared-ui-keyrus-templates-page-js-a47f465045e4222cbbf3.js

1"use strict";(self.webpackChunkkeyrus=self.webpackChunkkeyrus||[]).push([[9780],{15592:function(e,t,a){a.d(t,{A:function(){return l}});var n=a(53373),i=a.n(n),o=a(14041);var d=(0,a(56052).A)((({breakpoints:e,palette:t,spacing:a})=>({mainSection:{background:t.background.default,zIndex:2},greyBackground:{background:t.background.greyLight},borderBottom:{borderBottom:`1px solid ${t.section.border}`},noBottomPadding:{"& > div":{paddingBottom:0}},noTopPadding:{"& > div":{paddingTop:0}},mediumPadding:{padding:a(20,0),[e.down("sm")]:{padding:a(7.7,0)}},smallPadding:{padding:a(15,0),[e.down("sm")]:{padding:a(7.7,0)}},verySmallPadding:{padding:a(10,0),[e.down("sm")]:{padding:a(10,0)}},noSidePadding:{"& > div":{position:"relative",width:"100%!important",maxWidth:"inherit!important",paddingLeft:0,paddingRight:0}},smallWidth:{"& > div":{width:"40% !important",margin:"auto",[e.down("sm")]:{width:"90% !important",flexDirection:"column"}}},richTextPadding:{padding:a(7,0)}})));const r=({children:e,id:t,hasBorderBottom:a,hasGreyBackground:n,hasPaddingTop:r,hasPaddingBottom:l,hasPaddingSide:s,hasSmallPadding:c,hasSmallWidth:h,hasVerySmallPadding:m,hasRichTextPadding:g,styles:p,noSideWrapper:u})=>{const P=d();return o.createElement("section",{id:t,style:p,className:i()("",P.mainSection,{sideWrapper:!u,[P.sideWrapper]:!0,[P.greyBackground]:n,[P.noTopPadding]:!r,[P.noBottomPadding]:!l,[P.noSidePadding]:!s,[P.noSidePadding]:!s,[P.borderBottom]:a,[P.smallWidth]:h})},o.createElement("div",{className:i()({[P.mediumPadding]:!c&&!m,[P.smallPadding]:c&&!m,[P.verySmallPadding]:m,[P.richTextPadding]:g})},e))};r.defaultProps={children:"",hasBorderBottom:!1,hasGreyBackground:!1,hasPaddingBottom:!0,hasPaddingSide:!0,hasPaddingTop:!0,hasSmallPadding:!1,hasVerySmallPadding:!1,id:"",noSideWrapper:!1};var l=r},12321:function(e,t,a){a.d(t,{A:function(){return C}});var n=a(82837),i=a(11491),o=a(14041),d=a(31049),r=a(9312),l=(a(71434),a(39067));const s=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(7177)]).then(a.bind(a,27177)))),c=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(2534),a.e(5271)]).then(a.bind(a,25271)))),h=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(9950)]).then(a.bind(a,9950)))),m=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(9901)]).then(a.bind(a,89901)))),g=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(3816),a.e(1063)]).then(a.bind(a,31063)))),p=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(8823)]).then(a.bind(a,88823)))),u=({ctaColor:e,descriptionType:t,hasCtaOnRight:a,hasRoundCorner:n,hasSmallVerticalMargin:i,isAlignCenter:r,offsetBottom:l,titleType:u,hasAutoWidth:P,content:y,variant:T,items:A,surtitle:B,title:S,description:C,media:f,thumbnail:v,callToAction:k,backLink:b})=>{const E=d.A("",["file","contentType"],f),{0:M,1:R}=(0,o.useState)(!1),W=()=>{R(!0)},x=()=>{R(!1)};return o.createElement(o.Fragment,null,"Navigational Hero"===T&&o.createElement(p,{backLink:b,media:f,surtitle:B,title:S,description:C}),"Box"===T&&o.createElement(s,{longDescription:C,parallaxMediaType:"Image",media:f,surtitle:B,title:S,description:C,callToAction:k,titleVariant:"h2"}),"Nearshoring Hero"===T&&o.createElement(h,{ctaColor:e,descriptionType:t,hasCtaOnRight:a,hasRoundCorner:n,hasSmallVerticalMargin:i,isAlignCenter:r,offsetBottom:l,titleType:u,hasAutoWidth:P,mediaType:E,handleOpenModal:W,handleCloseModal:x,isModalOpen:M,surtitle:B,title:S,description:C,media:f,callToAction:k}),"Wide Hero"===T&&o.createElement(c,{ctaColor:e,descriptionType:t,hasCtaOnRight:a,hasRoundCorner:n,hasSmallVerticalMargin:i,isAlignCenter:r,offsetBottom:l,titleType:u,hasAutoWidth:P,content:y,mediaType:E,handleOpenModal:W,handleCloseModal:x,isModalOpen:M}),"Testimonial Hero"===T&&o.createElement(g,{ctaColor:e,descriptionType:t,hasCtaOnRight:a,hasRoundCorner:n,hasSmallVerticalMargin:i,isAlignCenter:r,offsetBottom:l,titleType:u,hasAutoWidth:P,content:y,mediaType:E,handleOpenModal:W,handleCloseModal:x,isModalOpen:M,items:A,surtitle:B,title:S,description:C,media:f,thumbnail:v,callToAction:k}),("Default Hero"===T||!T)&&o.createElement(m,{ctaColor:e,descriptionType:t,hasCtaOnRight:a,hasRoundCorner:n,hasSmallVerticalMargin:i,isAlignCenter:r,offsetBottom:l,titleType:u,hasAutoWidth:P,content:y,mediaType:E,handleOpenModal:W,handleCloseModal:x,isModalOpen:M,surtitle:B,title:S,description:C,media:f,thumbnail:v,callToAction:k}))};u.defaultProps={ctaColor:"primary",ctaLink:"",ctaTitle:"",description:(0,l.shape)({description:""}),descriptionType:"largeDescription",hasCtaOnRight:!1,hasRoundCorner:!1,hasSmallVerticalMargin:!1,hat:"",isAlignCenter:!1,media:null,offsetBottom:!1,title:"",titleType:"largeTitle"};var P=u;

1var y=a(15592);const T=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(2504),a.e(7855)]).then(a.bind(a,47855)))),A=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(2504),a.e(3816),a.e(169),a.e(2672)]).then(a.bind(a,2672)))),B=(0,r.Ay)((()=>Promise.all([a.e(4223),a.e(2504),a.e(6058)]).then(a.bind(a,86058)))),S=(e,t,a,n)=>{const{hasGreyBackground:i,hasRoundCorner:r,variant:l,surtitle:s,title:c,media:h,thumbnail:m,sectionId:g,callToAction:p,richText:u,backLink:S,variation:C,rawDescription:f}=n,v=d.A("",["description","description"],n);switch(e){case"ContentfulHero":return o.createElement(y.A,{hasPaddingTop:!1,hasPaddingBottom:n.hasPaddingBottom,hasVerySmallPadding:n.hasVerySmallPadding,id:g,hasGreyBackground:i},o.createElement(P,{surtitle:s,title:c,description:v,media:h,thumbnail:m,callToAction:p,content:t,variant:l,descriptionType:"description",titleType:"title",isAlignCenter:!0,hasRoundCorner:r,items:a,backLink:S}));case"ContentfulMediaComponent":return o.createElement(y.A,{id:n.sectionId,hasBorderBottom:n.hasBorderBottom,hasGreyBackground:n.hasGreyBackground,hasPaddingBottom:n.hasPaddingBottom||!1,hasPaddingTop:n.hasPaddingTop||!1,hasRichTextPadding:n.hasRichTextPadding,hasSmallPadding:n.hasSmallPadding,hasSmallWidth:n.hasSmallWidth,hasVerySmallPadding:n.hasVerySmallPadding,noSideWrapper:n.noSideWrapper},o.createElement(T,{surtitle:s,title:c,description:v,media:h,callToAction:p,variant:l,content:t,items:a,richText:u}));case"ContentfulCarousel":return"Nearshoring expertise"===l?o.createElement(A,{surtitle:s,title:c,description:v,media:h,callToAction:p,variant:l,content:t,items:a}):o.createElement(y.A,{id:n.sectionId,hasBorderBottom:n.hasBorderBottom,hasGreyBackground:i,hasPaddingBottom:n.hasPaddingBottom,hasPaddingTop:n.hasPaddingTop,hasRichTextPadding:n.hasRichTextPadding,hasSmallPadding:n.hasSmallPadding,hasSmallWidth:n.hasSmallWidth,hasVerySmallPadding:n.hasVerySmallPadding,styles:{zIndex:0}},o.createElement(A,{variant:l,surtitle:s,title:c,description:v,media:h,callToAction:p,items:a,content:t}));case"ContentfulContentSection":return o.createElement(y.A,{id:n.sectionId,hasBorderBottom:n.hasBorderBottom,hasGreyBackground:i,hasPaddingBottom:n.hasPaddingBottom,hasPaddingTop:n.hasPaddingTop,hasRichTextPadding:n.hasRichTextPadding,hasSmallPadding:n.hasSmallPadding,hasSmallWidth:n.hasSmallWidth,hasVerySmallPadding:n.hasVerySmallPadding},o.createElement(B,{title:c,callToAction:p,variation:C,description:f,image:h}));default:return o.createElement("div",null,"DefaultComponent")}};var C=({sections:e})=>{const t=n.A(i.A);return o.createElement("div",null,e&&o.createElement("div",null,t(((e,t)=>{const{__typename:a,content:n,variant:i,listItems:d}=e;return o.createElement("div",{key:t},S(a,n,d,e))}),e)))}},32356:function(e,t,a){a.r(t),a.d(t,{default:function(){return s}});var n=a(28327),i=a(31049),o=a(14041),d=a(12321),r=a(52550);var l=e=>{const t=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(!e||!(e=>{try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0})(e))return;const a=document.querySelector(e);a&&(t.current=a,setTimeout((()=>{t.current&&t.current.scrollIntoView({alignToTop:!1,behavior:"smooth",block:"center"})}),0))}),[e]),t};var s=({data:e,location:t,pageContext:a})=>{const s=n.A(["contentfulCountry"],e),c=i.A(null,["pageData"],e),h=i.A(null,["sections"],c),m=i.A(null,["metaTitle"],c),g=i.A(null,["metaDescription"],c),p=i.A("",["siteMetaData"],e),u=i.A("",["contentfulGenericData"],e),{hash:P}=t;l(P);const y={metaTitle:m,metaDescription:g,siteMetaData:p,genericData:u};return o.createElement("div",null,o.createElement(r.A,{pageContext:a,countryData:s,pageMetaData:y}),o.createElement(d.A,{sections:h}))}}}]);
2//# sourceMappingURL=component---gatsby-shared-ui-keyrus-templates-page-js-a47f465045e4222cbbf3.js.map