https://fycoweb-preview.netlify.app/component---src-templates-art-story-tsx-6ca8b037694025ff7e6a.js

1(self.webpackChunkfycoweb=self.webpackChunkfycoweb||[]).push([[883],{11549:function(e,t,a){"use strict";var l=a(96540),n=a(26949),r=a(45679);t.A=e=>{let{primaryVideo:t,uiLabels:a}=e;return l.createElement(r.A,{noBorder:!0,additionalWrapperClassName:"lg:mt-16"},l.createElement(n.A,{video:t,uiLabelsContentVideo:a}))}},14288:function(e,t,a){"use strict";a.d(t,{v:function(){return l}});const l=(e,t)=>{var a;return null===(a=e.find(e=>e.locale===t))||void 0===a?void 0:a.value}},16292:function(e,t,a){"use strict";var l=a(32532),n=a(96540),r=a(45679);t.A=e=>{let{primaryPhoto:t}=e;const a=(0,l.c)(t);return n.createElement(r.A,{noBorder:!0,additionalWrapperClassName:"lg:mt-16"},n.createElement(l.G,{image:a,alt:t.alt}))}},16381:function(e,t,a){"use strict";var l=a(42877),n=a.n(l),r=a(96540),o=a(45679),s=a(89555),i=a(99585);t.A=e=>{let{authors:t,date:a,title:l,groupServices:c,isBannerVisible:m}=e;const u=l.value,d=null==c?void 0:c.filter(e=>!e.internalService),g=n()(d,"name","asc");return r.createElement(o.A,{additionalContentClassName:"page-title",additionalWrapperClassName:m&&"!pt-0"},r.createElement(s.A,{data:u}),r.createElement("div",{className:"mt-4 text-sm text-gray-700 sm:text-base lg:text-lg"},r.createElement("span",null,a," ï½¥"," ",t.map((e,t)=>(t>0?" ï½¥ ":"")+e.fullname))),g&&g.length>0?r.createElement("div",{className:"mt-8 flex flex-wrap gap-2 text-xs"},g.map(e=>r.createElement(i.A,{link:e.pagePath,color:"teal",text:e.name,key:e.name}))):null)}},16903:function(e,t,a){"use strict";a.d(t,{A:function(){return u}});var l=a(24794),n=a(96540),r=a(58360),o=a(99610);var s=e=>{let{size:t=16}=e;return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 17 18"},n.createElement("path",{stroke:"currentColor",d:"M17 9H1.533M8.467 1L1 9l7.467 8"}))},i=a(42574);var c=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M3 6.5V11H9V6.5",stroke:"currentColor"}),n.createElement("path",{d:"M11 6.28564L6 1.99993L1 6.28565",stroke:"currentColor"}))};const m=e=>{const t=(0,r.ll)(e);return t?e+"?"+t:e};var u=e=>{let{breadcrumbItems:t}=e;const a=(0,o.A)("below","sm"),r=t.slice().reverse().find(e=>e.path);return n.createElement("div",{className:"mx-4 mt-5 flex items-center gap-2 text-sm sm:mx-8 sm:mt-6 [&>svg]:-ml-0.5","data-datocms-noindex":!0},a?n.createElement(n.Fragment,null,n.createElement(l.Link,{to:m(r.path),className:" flex items-center gap-2 [&>svg]:hover:text-teal-600 [&>svg]:focus:text-teal-600"},n.createElement(s,{size:10}),r.label)):t.map((e,a)=>n.createElement(n.Fragment,{key:a},0===a?n.createElement(l.Link,{to:m(e.path),className:"h-[15px]"},n.createElement(c,{size:12})):e.path?n.createElement(l.Link,{to:m(e.path)},e.label):n.createElement("span",{className:"text-gray-700"},e.label),a<t.length-1&&n.createElement(i.A,{size:8}))))}},30595:function(e,t,a){"use strict";var l=a(96540),n=a(96149),r=a(45679);t.A=e=>{let{children:t,extraColsOnTheLeft:a,extraColsOnTheRight:o,additionalWrapperClassName:s}=e;return a?l.createElement(r.A,{noBorder:!0,additionalWrapperClassName:s},l.createElement("div",{className:"grid grid-cols-12 gap-6"},l.createElement("div",{className:"max-md:col-span-12 max-md:flex max-md:flex-col-reverse md:col-span-11 md:grid md:grid-cols-10 md:gap-6 lg:col-span-10"},t))):o?l.createElement(r.A,{noBorder:!0,additionalWrapperClassName:s},l.createElement("div",{className:"grid grid-cols-12 gap-6"},l.createElement("div",{className:"max-md:col-span-12 max-md:flex max-md:flex-col md:col-span-11 md:col-start-2 md:grid md:grid-cols-10 md:gap-6 lg:col-span-10 lg:col-start-3"},t))):l.createElement(r.A,{noBorder:!0,additionalWrapperClassName:s},l.createElement(n.A,null,t))}},32742:function(e,t,a){"use strict";var l=a(96540),n=a(99610),r=a(34033),o=a(72462),s=a(50736);t.A=e=>{let{listItems:t,contentType:a,uiLabels:i,category:c,domId:m,expandable:u,locale:d,itemsPerPage:g=4,sectionRef:p,title:v,titleLeft:h,uiLabelsContentItem:b,filterGroup:f}=e;const x=(0,l.useRef)(null),E=(0,n.A)("below","sm"),y=Array.from(t,(e,t)=>l.createElement(o.A,{key:t,item:e,contentType:a,locale:d,uiLabels:b}

1)),A="flex scroll-m-20 flex-col gap-x-6 "+(h?"lg:flex-row":""),L="gap-x-4 "+((h?"mb-6 sm:mb-12 lg:mb-0 lg:w-1/3":"")+(f?"mb-0":"")+(h||f?"":"mb-6 sm:mb-12 lg:mb-16")),N=y.length,w=Math.ceil(N/g),{0:C,1:k}=(0,l.useState)(1),P=u?Math.min(N,g):N,{0:T,1:M}=(0,l.useState)(P),S=C>1,B=C<w,V=e=>{let t=null;if("showMore"===e&&(t=Math.min(C+1,w)),"showLess"===e&&(t=Math.max(C-1,1)),E)k(t);else{const e=x.current.offsetHeight;k(t),setTimeout(()=>{const t=x.current.offsetHeight-e;scrollBy({top:t,behavior:"smooth"})},100)}};(0,l.useEffect)(()=>{u&&M(Math.min(N,C*g))},[u,N,C,g]);const I=i.buttonShowLess||"Show less",O=i.buttonShowMore||"Show more";return l.createElement("div",{id:m,className:A,ref:p},v?l.createElement("div",{className:L},l.createElement(s.A,{title:v,category:c})):null,l.createElement("div",{className:"flex-1",ref:x},f?l.createElement("div",{className:"mb-16"},f):null,l.createElement("div",null,y.slice(0,T)),u&&l.createElement("div",{className:"mt-8 flex gap-4 sm:justify-end"},S?l.createElement(r.A,{type:"outline",label:I,onClick:()=>V("showLess")}):null,B?l.createElement(r.A,{type:"outline",label:O,onClick:()=>V("showMore")}):null)))}},34033:function(e,t,a){"use strict";var l=a(96540),n=a(18373);t.A=e=>{let{additionalClassName:t="",disabled:a=!1,iconLeft:r=null,iconRight:o=null,label:s,type:i=null,onClick:c}=e;const m="base-button-link "+{filledClassName:"filled-button-link "+(0,n.o)("button","filled"),outlineClassName:"outline-button-link "+(0,n.o)("button","outline"),textClassName:"text-button-link "+(0,n.o)("button","text")}[i+"ClassName"]+" "+t;return l.createElement("button",{className:m,disabled:a,onClick:c},r,s,o)}},42574:function(e,t,a){"use strict";var l=a(96540);t.A=function(e){let{size:t=16}=e;return l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 17 18"},l.createElement("path",{stroke:"currentColor",d:"M8.533 17L16 9 8.533 1"}))}},42877:function(e,t,a){var l=a(46155),n=a(56449);e.exports=function(e,t,a,r){return null==e?[]:(n(t)||(t=null==t?[]:[t]),n(a=r?void 0:a)||(a=null==a?[]:[a]),l(e,t,a))}},50736:function(e,t,a){"use strict";var l=a(96540);t.A=e=>{let{title:t,category:a}=e;return a?l.createElement("div",null,a&&l.createElement("h2",{className:"text-xs text-gray-600 sm:text-sm"},a),t&&l.createElement("p",{className:"mt-2 text-2xl sm:mt-4 sm:text-4xl"},t)):t&&l.createElement("h2",{className:"mt-2 text-2xl sm:mt-4 sm:text-4xl"},t)}},54157:function(e,t,a){"use strict";a.d(t,{A:function(){return r}});var l=a(24794);var n=()=>(0,l.useStaticQuery)("3098302420").allDatoCmsLanguage.nodes.map(e=>e._allLabelLocales);var r=(e,t,a,l)=>{const r=n();return(e&&t.filter(e=>a.includes(e.locale)).map(e=>({name:e.name,tagLocale:e.locale}))||[]).map(e=>{let{name:t,tagLocale:a}=e;return{locale:a,label:r.find(e=>e.some(e=>e.value===t)).find(e=>e.locale===l).value}})}},56632:function(e,t,a){"use strict";var l=a(96540),n=a(30595),r=a(25675);t.A=e=>{let{runningText:t}=e;const a=t;return l.createElement(n.A,{additionalWrapperClassName:"lg:!mt-16"},l.createElement(r.A,{data:a,isRunningText:!0}))}},88052:function(e,t,a){"use strict";a.d(t,{h:function(){return l}});const l=(e,t)=>{const a=(null!=t?t:[]).filter(e=>Boolean(null==e?void 0:e.activeEmployee)&&Boolean(null==e?void 0:e.pagePath)&&Boolean(null==e?void 0:e.fullname)).map(t=>{var a;return Object.assign({"@type":"Person","@id":""+e+t.pagePath+"#person",name:t.fullname,url:""+e+t.pagePath},t.jobTitle?{jobTitle:t.jobTitle}:{}

1,t.shortDescription?{description:t.shortDescription}:{},null!==(a=t.primaryPhoto)&&void 0!==a&&a.url?{image:t.primaryPhoto.url}:{},{worksFor:{"@id":e+"/#organization"}},t.linkedinProfile?{sameAs:[t.linkedinProfile]}:{})});return a.length?a:void 0}},89555:function(e,t,a){"use strict";var l=a(22880),n=a(96540),r=a(48400),o=a(58167),s=a(30449),i=a(69131);t.A=e=>{let{data:t}=e;const{hex:a}=(0,i.b)(),c=null!=a?a:"#2AA294";return n.createElement(s.A,{data:t,customNodeRules:[(0,r.bq)(l.Vs,e=>{let{children:t,key:a}=e;return n.createElement("h1",{key:a},t)})],customMarkRules:[(0,o.G7)("highlight",e=>{let{children:t,key:a}=e;return n.createElement("span",{key:a,className:"font-bold",style:{color:c}},t)}),(0,o.G7)("strong",e=>{let{children:t,key:a}=e;return n.createElement("span",{key:a,className:"font-bold"},t)})]})}},92992:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return T},default:function(){return M}});var l=a(54506),n=a(96540),r=a(70846),o=a(16903),s=a(96925),i=a(54399),c=a(59078),m=a(30595),u=a(25675);var d=e=>{let{lead:t}=e;const a=t;return n.createElement(m.A,{additionalWrapperClassName:"lg:!mb-16"},n.createElement(u.A,{data:a}))},g=a(16381);var p=e=>{let{authors:t,date:a,title:l,isBannerVisible:r=!1}=e;return n.createElement(g.A,{authors:t,date:a,title:l,isBannerVisible:r})},v=a(16292);var h=e=>{let{primaryPhoto:t}=e;return n.createElement(v.A,{primaryPhoto:t})},b=a(11549);var f=e=>{let{primaryVideo:t,uiLabels:a}=e;return n.createElement(b.A,{primaryVideo:t,uiLabels:a})},x=a(32742),E=a(67650),y=a(45679);var A=e=>{let{title:t,listItems:a,uiLabels:l}=e;return n.createElement(n.Fragment,null,n.createElement(E.A,null),n.createElement(y.A,null,n.createElement(x.A,{expandable:!0,listItems:a,title:t,contentType:"article",uiLabels:l})))},L=a(56632);var N=e=>{let{runningText:t}=e;return n.createElement(L.A,{runningText:t})},w=a(14288),C=a(88052),k=a(54157);const P=e=>{var t,a,o,s,i,c,m;let{datoCmsArtStory:u,faviconMetaTags:d,breadcrumbItems:g}=e;const p=null!==(t={}.GATSBY_SITE_URL)&&void 0!==t?t:"";if(!("https://foryouandyourcustomers.com"===p))return null;const{pagePath:v,seoMetaTags:h,meta:b,title:f,lead:x,primaryPhoto:E,authors:y}=u,A=""+p+v,L=d.tags,N=null!==(a=null===(o=L.find(e=>{var t;return"apple-touch-icon"===(null===(t=e.attributes)||void 0===t?void 0:t.rel)}))||void 0===o||null===(s=o.attributes)||void 0===s?void 0:s.href)&&void 0!==a?a:null===(i=L.find(e=>{var t,a;return null===(t=e.attributes)||void 0===t||null===(a=t.rel)||void 0===a?void 0:a.includes("icon")}))||void 0===i||null===(c=i.attributes)||void 0===c?void 0:c.href,w=null===(m=h.tags.find(e=>"title"===e.tagName))||void 0===m?void 0:m.content,k=""+(0,r.XX)(f),P=x?""+(0,r.XX)(x):void 0,T=(0,C.h)(p,y),M=1===(null==T?void 0:T.length)?T[0]:T,S=null!=g&&g.length?[].concat((0,l.A)(g.slice(0,-1)),[Object.assign({},g[g.length-1],{label:k})]):void 0,B={"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":p+"/#organization",name:"foryouandyourcustomers",url:p+"/",logo:null==N?void 0:N.split("?")[0]},{"@type":"WebPage","@id":A+"#webpage",url:A,name:w,isPartOf:{"@id":p+"/#website"}},Object.assign({"@type":"Article","@id":A+"#article",isPartOf:{"@id":A+"#webpage"},mainEntityOfPage:{"@id":A+"#webpage"},headline:k,description:P,image:null==E?void 0:E.url,datePublished:null==b?void 0:b.firstPublishedAt,dateModified:null==b?void 0:b.publishedAt},M?{author:M}:{},{publisher:{"@id":p+"/#organization"}})].concat((0,l.A)(S?[{"@type":"BreadcrumbList","@id":A+"#breadcrumb",itemListElement:S.map((e,t)=>{var a;return{"@type":"ListItem",position:t+1,name:e.label,item:""+p+(null!==(a=e.path)&&void 0!==a?a:v)}})}]:[]))};return n.createElement("script",{type:"application/ld+json"},JSON.stringify(B))},T=e=>{const{data:{datoCmsSite:{faviconMetaTags:t},datoCmsArtStory:a},pageContext:{locale:l,pathLocales:r,availableLocales:o,breadcrumbItems:s}}=e,{seoMetaTags:i,locales:m}=a,u=-1!==m.indexOf(l);return n.createElement(n.Fragment,null,n.createElement(c.A,{locale:l,seoMetaTags:i,faviconMetaTags:t,pathLocales:r,availableLocales:o}),u?n.createElement(P,{datoCmsArtStory:a,faviconMetaTags:t,breadcrumbItems:s}):null)};var M=e=>{const{data:{datoCmsArtStory:t,allDatoCmsArtStory:{artStoryPages:a},datoCmsLabel:{artStoryPage:[r],uiLabelsContentVideo:[c]},datoCmsLanguageBanner:{bannerTextOneLanguage:m,bannerTextMultipleLanguages:u}},pageContext:{locale:g,pathLocales:v,searchPath:b,breadcrumbItems:x,isNotInCurrentLocale:E,availableLocales:y,fallbackLocales:L}}=e,{0:C,1:P}

1=(0,n.useState)(()=>[g].concat((0,l.A)(L)).find(e=>y.includes(e))),{authors:T,date:M,lead:S,primaryPhoto:B,primaryVideo:V,title:I,runningText:O,locales:R,_allTitleLocales:j=[{locale:g,value:I}],_allLeadLocales:z=[{locale:g,value:S}],_allPrimaryPhotoLocales:W=[{locale:g,value:B}],_allPrimaryVideoLocales:_=[{locale:g,value:V}],_allRunningTextLocales:F=[{locale:g,value:O}]}=t,G=(0,n.useMemo)(()=>R.reduce((e,t)=>Object.assign({},e,{[t]:{title:(0,w.v)(j,t),lead:(0,w.v)(z,t),primaryPhoto:(0,w.v)(W,t),primaryVideo:(0,w.v)(_,t),runningText:(0,w.v)(F,t)}}),{}),[]),H=(0,k.A)(E,v,R,g),D=r.artStoryRelatedContent||"Related content",X=(0,l.A)(a);return n.createElement(i.A,{locale:g,pathLocales:v,searchPath:b},n.createElement(o.A,{breadcrumbItems:x}),E?n.createElement(s.A,{text:H.length>1?u:m,languages:H,selectedLocale:C,onLanguageSelected:e=>{P(e)}}):null,n.createElement("article",null,n.createElement(p,{title:G[C].title,date:M,authors:T,isBannerVisible:E}),G[C].primaryVideo?n.createElement(f,{primaryVideo:G[C].primaryVideo,uiLabels:c}):n.createElement(h,{primaryPhoto:G[C].primaryPhoto}),n.createElement(d,{lead:G[C].lead}),n.createElement(N,{runningText:G[C].runningText}),X.length>0&&n.createElement(A,{title:D,listItems:X,uiLabels:r})))}},96149:function(e,t,a){"use strict";var l=a(96540);t.A=e=>{let{children:t}=e;return l.createElement("div",{className:"grid grid-cols-12 gap-6"},l.createElement("div",{className:"col-span-12 md:col-span-10 md:col-start-2 lg:col-span-8 lg:col-start-3 lg:[&>*:first-child]:mt-0 lg:[&>*:first-child]:pt-0 lg:[&>*:last-child]:mb-0 lg:[&>*:last-child]:pb-0"},t))}},96925:function(e,t,a){"use strict";var l=a(96540),n=a(99610),r=a(99585);t.A=e=>{let{text:t,languages:a,selectedLocale:o,onLanguageSelected:s}=e;const i=(0,n.A)("below","sm");return l.createElement("div",{className:"flex bg-gray-200 py-4 "+(i?"my-4 items-start flex-col gap-6 px-4":"responsive-width mb-12 mt-32 items-center justify-between px-6 gap-12"),"data-datocms-noindex":!0},l.createElement("p",null,t),l.createElement("div",{className:"flex items-start gap-[10px] whitespace-nowrap text-xs"},a.map(e=>{let{locale:t,label:a}=e;return l.createElement("button",{key:t,onClick:()=>s(t),disabled:t==o},l.createElement(r.A,{key:t,text:a,color:t==o?"gray":"orange"}))})))}},99585:function(e,t,a){"use strict";var l=a(24794),n=a(96540);t.A=e=>{let t,{text:a,color:r,link:o,additionalClassName:s=""}=e;"gray"===r&&(t="bg-gray-300 text-gray-800"),"teal"===r&&(t="bg-teal-50 text-teal-700"),"orange"===r&&(t="bg-orange-100 text-orange-900"),"red"===r&&(t="bg-red-100 text-red-900"),"disabled"!==r&&void 0!==r||(t="bg-gray-200 text-gray-500");const i="rounded-full px-2 py-1 tracking-wide "+t+" "+s;return o?n.createElement(l.Link,{className:i,to:o,"data-datocms-noindex":!0},a):n.createElement("span",{className:i,"data-datocms-noindex":!0},a)}}}]);
2//# sourceMappingURL=component---src-templates-art-story-tsx-6ca8b037694025ff7e6a.js.map