https://www.dnb.com/etc.clientlibs/dnb-marketing-website/clientlib…/resources/static/js/1521.cc01d007.chunk.js

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[1521],{11521:function(e,i,a){a.r(i),a.d(i,{default:function(){return v}});var t=a(65043),l=a(67357),r=a(56989),n="MediaInsightCardGrid_dialogOverlay__q9irn",d="MediaInsightCardGrid_dialog__BPQSz",s="MediaInsightCardGrid_closeButton__GVlBj",o="MediaInsightCardGrid_dialogContent__BaK63",c="MediaInsightCardGrid_noScroll__Vmge+",g="MediaInsightCardGrid_dailogTitle__ooWCH",u=a(70579);const h=()=>(0,u.jsx)("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.11612 9.11612C9.60427 8.62796 10.3957 8.62796 10.8839 9.11612L20 18.2322L29.1161 9.11612C29.6043 8.62796 30.3957 8.62796 30.8839 9.11612C31.372 9.60427 31.372 10.3957 30.8839 10.8839L21.7678 20L30.8839 29.1161C31.372 29.6043 31.372 30.3957 30.8839 30.8839C30.3957 31.372 29.6043 31.372 29.1161 30.8839L20 21.7678L10.8839 30.8839C10.3957 31.372 9.60427 31.372 9.11612 30.8839C8.62796 30.3957 8.62796 29.6043 9.11612 29.1161L18.2322 20L9.11612 10.8839C8.62796 10.3957 8.62796 9.60427 9.11612 9.11612Z",fill:"#000"})});var v=e=>{const{data:i}=e,[a,v]=(0,t.useState)(null);(0,t.useEffect)((()=>(a?document.body.classList.add(c):document.body.classList.remove(c),()=>{document.body.classList.remove(c)})),[a]);const m={id:null===i||void 0===i?void 0:i.id,backgroundColor:null===i||void 0===i?void 0:i.backgroundColor,nextLabel:(null===i||void 0===i?void 0:i.nextLabel)||"Next",prevLabel:(null===i||void 0===i?void 0:i.prevLabel)||"Prev",reduceTopSpacing:null===i||void 0===i?void 0:i.reduceTopSpacing,reduceBottomSpacing:null===i||void 0===i?void 0:i.reduceBottomSpacing,theme:null===i||void 0===i?void 0:i.theme,cardsPerPage:null===i||void 0===i?void 0:i.cardsPerPage,applyLabel:null===i||void 0===i?void 0:i.applyLabel,closeLabel:null===i||void 0===i?void 0:i.closeLabel,resetLabel:null===i||void 0===i?void 0:i.resetLabel,filterLabel:null===i||void 0===i?void 0:i.filterLabel,tagGroups:(null===i||void 0===i?void 0:i.tagGroups)||[],featuredCard:{ctaLabel:""},cards:null!==i&&void 0!==i&&i.cardList?(_=null===i||void 0===i?void 0:i.cardList,_.map((e=>({ctaLabel:null===e||void 0===e?void 0:e.buttonTitle,title:null===e||void 0===e?void 0:e.title,ctaFn:()=>{return i=e.iframe,a=e.title,void(i&&v({html:i,title:a}));var i,a},tags:e.tags})))):[]};var _;return(0,u.jsxs)("div",{id:(0,l.A)(e.cqPath),children:[(0,u.jsx)(r.D1,{data:m}),a&&(0,u.jsx)("div",{className:n,children:(0,u.jsxs)("div",{className:d,children:[(0,u.jsx)("button",{className:s,onClick:()=>{v(null)},children:(0,u.jsx)(h,{"aria-hidden":!0})}),(0,u.jsxs)("div",{className:o,children:[(0,u.jsx)("h2",{className:g,children:null===a||void 0===a?void 0:a.title}),(0,u.jsx)("div",{dangerouslySetInnerHTML:{__html:(null===a||void 0===a?void 0:a.html)||""}})]})]})})]})}},56989:function(e,i,a){a.d(i,{Qn:function(){return b},ZN:function(){return m},D1:function(){return f}});var t=a(65043),l=a(31732),r=a(20388),n=a(58387),d={"supports-hover":"

1(hover: hover) and (pointer: fine)","screen-md":"min-width: 48rem","screen-lg":"min-width: 64rem",container:"insight-card-grid_container__QDF33",cardsContainer:"insight-card-grid_cardsContainer__S05hX",cardContainer:"insight-card-grid_cardContainer__0Mzjv",inactiveCard:"insight-card-grid_inactiveCard__4PcIK",cardEyebrow:"insight-card-grid_cardEyebrow__NgG+g",cardTitle:"insight-card-grid_cardTitle__ZiSgc",cardDescription:"insight-card-grid_cardDescription__K+bjy",cardContainerNotClickable:"insight-card-grid_cardContainerNotClickable__LSdL7",cardCtaLabel:"insight-card-grid_cardCtaLabel__EE3h8",cardImage:"insight-card-grid_cardImage__wpzhN",pagination:"insight-card-grid_pagination__6ckbi",paginationNumbers:"insight-card-grid_paginationNumbers__xj-IJ",featuredCardContainer:"insight-card-grid_featuredCardContainer__ByGaD",dark:"insight-card-grid_dark__6s-0Y",featuredCardTextContainer:"insight-card-grid_featuredCardTextContainer__tOCWW",featuredCardEyebrow:"insight-card-grid_featuredCardEyebrow__qOw9P",featuredCardTitle:"insight-card-grid_featuredCardTitle__JeR3z",featuredCardDescription:"insight-card-grid_featuredCardDescription__DjBnY",featuredCardCtaLabel:"insight-card-grid_featuredCardCtaLabel__8JsXs",featuredCardImage:"insight-card-grid_featuredCardImage__xNtk4",pushToEnd:"insight-card-grid_pushToEnd__TwJ42",filterBarContainer:"insight-card-grid_filterBarContainer__Zg2oE",filterBarFilterButtons:"insight-card-grid_filterBarFilterButtons__ZywdD",filterBarActiveButtons:"insight-card-grid_filterBarActiveButtons__soRgC",filterPanelContainer:"insight-card-grid_filterPanelContainer__jl4eB",opened:"insight-card-grid_opened__zVh2k",filterPanel:"insight-card-grid_filterPanel__zIUjg",f

1ilterPanelInner:"insight-card-grid_filterPanelInner__r9bbs",closeFilterPanelButton:"insight-card-grid_closeFilterPanelButton__z59FL",filterPanelTitle:"insight-card-grid_filterPanelTitle__jFCyL",filterPanelResetContainer:"insight-card-grid_filterPanelResetContainer__VDMRp",filterPanelOptions:"insight-card-grid_filterPanelOptions__ix+ns",filterPanelCategoryTitle:"insight-card-grid_filterPanelCategoryTitle__dZsrK"},s=a(94767),o=a(7214),c=a(19424),g=a(70579);const u=e=>{let{className:i=""}=e;return(0,g.jsx)("svg",{className:i,width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.11612 9.11612C9.60427 8.62796 10.3957 8.62796 10.8839 9.11612L20 18.2322L29.1161 9.11612C29.6043 8.62796 30.3957 8.62796 30.8839 9.11612C31.372 9.60427 31.372 10.3957 30.8839 10.8839L21.7678 20L30.8839 29.1161C31.372 29.6043 31.372 30.3957 30.8839 30.8839C30.3957 31.372 29.6043 31.372 29.1161 30.8839L20 21.7678L10.8839 30.8839C10.3957 31.372 9.60427 31.372 9.11612 30.8839C8.62796 30.3957 8.62796 29.6043 9.11612 29.1161L18.2322 20L9.11612 10.8839C8.62796 10.3957 8.62796 9.60427 9.11612 9.11612Z",fill:"#FFFFFF"})})},h=(e,i,a)=>!(e.length<1)&&e.some((e=>e.category===i&&e.tag===a)),v=e=>{let{selectedFilters:i,filterButtonClick:a,tagGroups:l,closeLabel:r,applyLabel:n,filterByLabel:c,resetLabel:v}=e;const m=l.map((e=>({category:e.category,select:e.select,tags:e.tags.map((a=>({name:a,selected:h(i,e.category,a)})))}))),[_,p]=(0,t.useState)(m);(0,t.useEffect)((()=>{p(m)}),[l]);const C=e=>{const i=e.target,a=i.type,t=i.value,l=i.name;p(_.map((e=>({category:e.category,select:e.select,tags:e.tags.map((i=>{let r=i.selected;return"radio"===a&&"single"===e.select&&(r=i.name===t&&e.category===l),"checkbox"===a&&"multiple"===e.select&&(i.selected&&i.name===t&&e.category===l?r=!1:i.selected||i.name!==t||e.category!==l||(r=!0)),{name:i.name,selected:r}}))}))))},b=()=>{const e=_.map((e=>e.tags.filter((e=>e.selected)).map((i=>({category:e.category,tag:i.name}))))).flat();a(e)};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("button",{className:d.closeFilterPanelButton,onClick:b,"aria-label":r,children:(0,g.jsx)(u,{})}),(0,g.jsxs)("div",{className:d.filterPanelTitle,children:[null!==c&&void 0!==c?c:"Filter by",":"]}),(0,g.jsx)("form",{children:_.map(((e,i)=>(0,g.jsxs)("div",{className:d.filterPanelOptions,children:[(0,g.jsx)("p",{className:d.filterPanelCategoryTitle,children:e.category}),e.tags.map(((i,a)=>(0,g.jsxs)("label",{children:["multiple"===e.select?(0,g.jsx)("input",{type:"checkbox",name:e.category,value:i.name,checked:i.selected,onChange:C}):(0,g.jsx)("input",{type:"radio",name:e.category,value:i.name,checked:i.selected,onChange:C})," ",i.name]},a)))]},i)))}),(0,g.jsx)(s.$,{size:"medium",theme:"light",icon:"arrowRight",override:"centerLabel",onClick:b,children:n}),(0,g.jsx)("div",{className:d.filterPanelResetContainer,children:(0,g.jsx)(o.N,{as:"button",theme:"light",size:"small",onClick:()=>{a([])},children:v})})]})},m=e=>{let{selectedFilters:i,opened:a=!1,filterButtonClick:l,tagGroups:s,closeLabel:o,applyLabel:c,filterByLabel:u,resetLabel:h}=e;const m=(0,t.useRef)(null);return(0,r.A)(m,(()=>{l()})),(0,g.jsx)("div",{className:(0,n.A)(d.filterPanelContainer,{[d.opened]:a}),children:(0,g.jsx)("div",{ref:m,className:d.filterPanel,children:(0,g.jsx)("div",{className:d.filterPanelInner,children:(0,g.jsx)(v,{filterButtonClick:l,tagGroups:s,closeLabel:o,applyLabel:c,filterByLabel:u,resetLabel:h,selectedFilters:null!==i&&void 0!==i?i:[]},null===i||void 0===i?void 0:i.map((e=>`${e.category}-${e.tag}`)).join())})})})},_=e=>{let{currentPage:i,pageCount:a,pageClick:t,theme:l,nextLabel:r,prevLabel:n}=e;return(0,g.jsxs)("div",{className:d.pagination,children:[(0,g.jsx)(o.N,{as:"button",size:"small",theme:l,icon:"arrowLeft",override:1===i?"noDefaultUnderline":void 0,onClick:()=>t(i-1),disabled:1===i,children:n}),(0,g.jsx)("div",{className:d.paginationNumbers,children:[...Array(a)].map(((e,a)=>(0,g.jsx)(o.N,{as:"button",size:"small",theme:l,override:i===a+1?"noDefaultUnderline":void 0,onClick:()=>t(a+1),children:a+1},a)))}),(0,g.jsx)(o.N,{as:"button",size:"small",theme:l,icon:"arrowRight",override:i===a?"noDefaultUnderline":void 0,onClick:()=>t(i+1),disabled:i===a,children:r})]})},p=e=>{let{eyebrow:i,title:a,descriptionHTML:t,image:l,imageAlt:r,ctaLabel:s,ctaUrl:c,ctaFn:u,openInNewTab:h,theme:v}=e;const m=!!l;return(0,g.jsxs)("div",{className:(0,n.A)(d[v],d.featuredCardContainer),children:[m&&(0,g.jsx)("img",{className:(0,n.A)(d.featuredCardImage,d.pushToEnd),width:312,height:208,loading:"lazy",alt:null!==r&&void 0!==r?r:"",src:l}),(0,g.jsxs)("div",{className:d.featuredCardTextContainer,children:[(0,g.jsx)("p",{className:d.featuredCardEyebrow,children:i}),(0,g.jsx)("h2",{className:d.featuredCardTitle,children:a}),(0,g.jsx)("div",{className:d.featuredCardDescription,dangerouslySetInnerHTML:t}),(0,g.jsx)("p",{className:d.pushToEnd,children:(0,g.jsx)(o.N,{icon:h?"external":void 0,target:h?"_blank":void 0,theme:"light",position:"right",href:c,onClick:null!==u&&void 0!==u?u:void 0,"aria-label":`${s} - ${a}`,children:s})})]})]})},C=e=>{let{eyebrow:i,title:a,descriptionHTML:t,image:l,imageAlt:r,ctaLabel:s,ctaUrl:c,ctaFn:u,openInNewTab:h,cardsNotClickable:v=!1}=e;const m=!!l;return(0,g.jsxs)("div",{className:(0,n.A)(d.cardContainer,{[d.cardContainerNotClickable]:v}),children:[(0,g.jsx)("p",{className:d.cardEyebrow,children:i}),(0,g.jsx)("h2",{className:d.cardTitle,children:a}),t&&(0,g.jsx)("div",{className:(0,n.A)(d.cardDescription,{[d.pushToEnd]:v&&!m}),dangerouslySetInnerHTML:t}),!v&&(0,g.jsx)("p",{className:(0,n.A)({[d.pushToEnd]:!m}),children:(0,g.jsx)(o.N,{icon:h?"external":void 0,target:h?"_blank":void 0,theme:"light",position:"right",href:c,onClick:null!==u&&void 0!==u?u:void 0,"aria-label":`${i} - ${a} - ${s}`,children:s})}),m&&(0,g.jsx)("img",{className:(0,n.A)(d.cardImage,d.pushToEnd),width:312,height:208,loading:"lazy",alt:null!==r&&void 0!==r?r:"",src:l})]})},b=e=>{let{selectedFilters:i,tagClick:a,filterButtonClick:t,filterLabel:l,theme:r,filterButtonOverride:n}=e;return(0,g.jsxs)("div",{className:d.filterBarContainer,children:[(0,g.jsx)("div",{className:d.filterBarFilterButtons,children:(0,g.jsx)(s.$,{size:"medium",icon:"filter",onClick:t,theme:r,override:n,children:l})}),i.length>0&&(0,g.jsx)("div",{className:d.filterBarActiveButtons,children:i.map((e=>(0,g.jsx)(s.$,{size:"small",theme:"dark",override:"darkBorder",icon:"x",onClick:()=>a(e),children:e.tag},`${e.category}-${e.tag}`)))})]})},f=e=>{var i,a;let{data:r,animateIntoView:s=!0}=e;const{id:o,backgroundColor:u,reduceTopSpacing:v,reduceBottomSpacing:f,cardsPerPage:L,showCardDescriptions:x=!1,cardsNotClickable:j=!1,featuredCard:y,cards:N,tagGroups:w,closeLabel:k,resetLabel:T,applyLabel:B,filterLabel:P,filterByLabel:I,theme:F,prevLabel:A,nextLabel:M}=r,E=(0,t.useRef)(null),S=(0,l.B)(E,{freezeOnceVisible:!0}),G=!(null===S||void 0===S||!S.isIntersecting),z=(0,c.ws)(v,f),D=(0,c.af)(u),R=(0,t.useRef)(null),[$,H]=(0,t.useState)(!1),[U,O]=(0,t.useState)([]);let V=null!==N&&void 0!==N?N:[];U.length>0&&(V=V.filter((e=>{var i,a;return(null!==(i=null===(a=e.tags)||void 0===a?void 0:a.filter((e=>h(U,e.category,e.tag))))&&void 0!==i?i:[]).length>0})));const[Z,J]=(0,t.useState)(1),K=Math.ceil(V.length/L),W=(Z-1)*L,q=Z*L,Q=null!==(i=null===(a=V)||void 0===a?void 0:a.slice(W,q))&&void 0!==i?i:[];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("section",{ref:E,id:null!==o&&void 0!==o?o:void 0,className:(0,n.A)("defaultContainer",d.container),style:{...z,...D},children:(0,g.jsx)("div",{className:"defaultLayoutOuter",children:(0,g.jsxs)("div",{className:(0,n.A)("defaultLayoutInner defaultGridWithGapXy",{defaultAnimatableIntoView:s,defaultPlayAnimationIntoView:s&&G}),children:[w.length>0&&(0,g.jsx)(b,{selectedFilters:null!==U&&void 0!==U?U:[],filterLabel:P,filterButtonClick:()=>{H((e=>!e))},tagClick:e=>{O((i=>i?null===i||void 0===i?void 0:i.filter((i=>i.category!==e.category||i.tag!==e.tag)):i))},theme:F}),void 0!==y.title&&(0,g.jsx)(p,{eyebrow:null===y||void 0===y?void 0:y.eyebrow,title:y.title,de

1scriptionHTML:null===y||void 0===y?void 0:y.descriptionHTML,image:null===y||void 0===y?void 0:y.image,imageAlt:null===y||void 0===y?void 0:y.imageAlt,ctaUrl:null===y||void 0===y?void 0:y.ctaUrl,ctaFn:null===y||void 0===y?void 0:y.ctaFn,openInNewTab:y.openInNewTab,ctaLabel:y.ctaLabel,theme:F}),(0,g.jsx)("div",{ref:R,className:d.cardsContainer,children:Q.map((e=>(0,g.jsx)(C,{eyebrow:null===e||void 0===e?void 0:e.eyebrow,title:e.title,descriptionHTML:x?null===e||void 0===e?void 0:e.descriptionHTML:void 0,image:null===e||void 0===e?void 0:e.image,imageAlt:null===e||void 0===e?void 0:e.imageAlt,ctaUrl:null===e||void 0===e?void 0:e.ctaUrl,ctaFn:null===e||void 0===e?void 0:e.ctaFn,ctaLabel:e.ctaLabel,openInNewTab:e.openInNewTab,cardsNotClickable:j},e.id)))}),K>1&&(0,g.jsx)(_,{theme:F,nextLabel:M,prevLabel:A,currentPage:Z,pageCount:K,pageClick:e=>{if(R.current){const{top:e}=R.current.getBoundingClientRect(),i=100,a=e+document.documentElement.scrollTop-i;setTimeout((()=>{window.scrollTo({top:a,behavior:"smooth"})}),100)}J(e)}})]})})}),$&&(0,g.jsx)(m,{opened:$,filterButtonClick:e=>{e?(O(e),H(!1)):H(!1)},filterByLabel:I,tagGroups:w,closeLabel:k,applyLabel:B,resetLabel:T,selectedFilters:null!==U&&void 0!==U?U:[]})]})}}}]);