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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[4403],{84403:function(e,t,a){a.d(t,{x:function(){return j}});var i=a(65043),l=a(31732),n=a(80634),r=a(20388),s=a(58387),o={"supports-hover":"(hover: hover) and (pointer: fine)","screen-md":"min-width: 48rem","screen-lg":"min-width: 64rem",container:"data-blocks_container__ewkYL",containerWithPattern:"data-blocks_containerWithPattern__N8aCE",mobilePatternSpacer:"data-blocks_mobilePatternSpacer__XBs1-",patternSvg:"data-blocks_patternSvg__0U4Lm",eyebrow:"data-blocks_eyebrow__X+CqX",title:"data-blocks_title__rlVIg",light:"data-blocks_light__77Hqm",description:"data-blocks_description__Zzvr8",filterBarContainer:"data-blocks_filterBarContainer__myf1v",filterBarViewButtons:"data-blocks_filterBarViewButtons__bzC3h",filterBarLabel:"data-blocks_filterBarLabel__YJaMz",filterBarFilterButtons:"data-blocks_filterBarFilterButtons__XNVMC",filterBarActiveButtons:"data-blocks_filterBarActiveButtons__8V8EI",filterPanelContainer:"data-blocks_filterPanelContainer__Gcr6Q",opened:"data-blocks_opened__CPsag",filterPanel:"data-blocks_filterPanel__3AjeV",filterPanelInner:"data-blocks_filterPanelInner__lL+0I",closeFilterPanelButton:"data-blocks_closeFilterPanelButton__-dBPZ",filterPanelTitle:"data-blocks_filterPanelTitle__KZm57",filterPanelResetContainer:"data-blocks_filterPanelResetContainer__GVpCk",filterPanelOptions:"data-blocks_filterPanelOptions__GoLcV",filterPanelCategoryTitle:"data-blocks_filterPanelCategoryTitle__xnaR6",cardsContainer:"data-blocks_cardsContainer__BcsGw",cardContainer:"data-blocks_cardContainer__Mu1lf",fullWidth:"data-blocks_fullWidth__Uy5aA",cardIntroContainer:"data-blocks_cardIntroContainer__Kvsfh",disabled:"data-blocks_disabled__SIEJ8",miniCardEyebrow:"data-blocks_miniCardEyebrow__PkeAE",miniCardTitle:"data-blocks_miniCardTitle__DoXe9",miniCardDescription:"data-blocks_miniCardDescription__TzLwZ",hr:"data-blocks_hr__roVuR",cardDetailContainer:"data-blocks_cardDetailContainer__LW6dM",cardDetailContentContainer:"data-blocks_cardDetailContentContainer__KXAnC",cardDetailImageContainer:"data-blocks_cardDetailImageContainer__eltcK",cardImage:"data-blocks_cardImage__+o7nK",cardImageCaption:"data-blocks_cardImageCaption__3Iv3e",cardExtendedTitle:"data-blocks_cardExtendedTitle__XLFdj",cardExtendedDescription:"data-blocks_cardExtendedDescription__y9bmD",pagination:"data-blocks_pagination__ujBJy",paginationNumbers:"data-blocks_paginationNumbers__3pLUG"},c=a(94767),d=a(7214),u=a(19424),m=a(35154),g=a(70579);const h=e=>{let{primaryColor:t,secondaryColor:a}=e;const i=(0,n.A)("(min-width: 64rem)");return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("svg",{preserveAspectRatio:i?"xMaxYMin slice":"xMidYMin slice",style:{backgroundColor:null!==a&&void 0!==a?a:"white"},className:o.patternSvg,"aria-hidden":!0,width:"1835",height:"484",viewBox:"0 0 1835 484",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("g",{clipPath:"url(#clip0_548_20160)",children:(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M84 0H-40V484H235H3446.85V13C3226.99 79.9753 2593.67 213.926 1819.38 213.926C1045.09 213.926 440.506 79.9753 235 13V12.9274C207.324 4.35787 178.517 0 149.544 0H84Z",fill:null!==t&&void 0!==t?t:"#005172"})}),(0,g.jsx)("defs",{children:(0,g.jsx)("clipPath",{id:"clip0_548_20160",children:(0,g.jsx)("rect",{width:"1835",height:"484",fill:"red"})})})]}),(0,g.jsx)("div",{className:o.mobilePatternSpacer,style:{backgroundColor:null!==a&&void 0!==a?a:"white"}})]})},b=e=>{let{className:t=""}=e;return(0,g.jsx)("svg",{className:t,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 3

10.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"})})},v=(e,t)=>!(e.length<1)&&e.some((e=>e.tag===t)),p=e=>{let{selectedFilters:t,filterButtonClick:a,tagGroups:l,closeLabel:n,applyLabel:r,resetLabel:s}=e;const u=l.map((e=>({category:e.category,select:e.select,tags:e.tags.map((e=>({name:e,selected:v(t,e)})))}))),[m,h]=(0,i.useState)(u),p=e=>{const t=e.target,a=t.type,i=t.value,l=t.name;h(m.map((e=>({category:e.category,select:e.select,tags:e.tags.map((t=>{let n=t.selected;return"radio"===a&&"single"===e.select&&(n=t.name===i&&e.category===l),"checkbox"===a&&"multiple"===e.select&&(t.selected&&t.name===i&&e.category===l?n=!1:t.selected||t.name!==i||e.category!==l||(n=!0)),{name:t.name,selected:n}}))}))))},_=()=>{const e=m.map((e=>e.tags.filter((e=>e.selected)).map((t=>({category:e.category,tag:t.name}))))).flat();a(e)};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("button",{className:o.closeFilterPanelButton,onClick:_,"aria-label":n,children:(0,g.jsx)(b,{})}),(0,g.jsx)("div",{className:o.filterPanelTitle,children:"Filter by:"}),(0,g.jsx)("form",{children:m.map(((e,t)=>(0,g.jsxs)("div",{className:o.filterPanelOptions,children:[(0,g.jsx)("p",{className:o.filterPanelCategoryTitle,children:e.category}),e.tags.map(((t,a)=>(0,g.jsxs)("label",{children:["multiple"===e.select?(0,g.jsx)("input",{type:"checkbox",name:e.category,value:t.name,checked:t.selected,onChange:p}):(0,g.jsx)("input",{type:"radio",name:e.category,value:t.name,checked:t.selected,onChange:p})," ",t.name]},a)))]},t)))}),(0,g.jsx)(c.$,{size:"medium",theme:"light",icon:"arrowRight",override:"centerLabel",onClick:_,children:r}),(0,g.jsx)("div",{className:o.filterPanelResetContainer,children:(0,g.jsx)(d.N,{as:"button",theme:"light",size:"small",onClick:()=>{a([])},children:s})})]})},_=e=>{let{selectedFilters:t,opened:a=!1,filterButtonClick:l,tagGroups:n,closeLabel:c,applyLabel:d,resetLabel:u}=e;const m=(0,i.useRef)(null);return(0,r.A)(m,(()=>{l()})),(0,g.jsx)("div",{className:(0,s.A)(o.filterPanelContainer,{[o.opened]:a}),children:(0,g.jsx)("div",{ref:m,className:o.filterPanel,children:(0,g.jsx)("div",{className:o.filterPanelInner,children:(0,g.jsx)(p,{filterButtonClick:l,tagGroups:n,closeLabel:c,applyLabel:d,resetLabel:u,selectedFilters:null!==t&&void 0!==t?t:[]},null===t||void 0===t?void 0:t.map((e=>`${e.category}-${e.tag}`)).join())})})})},f=e=>{let{selectedFilters:t,layoutStyle:a,viewAsLabel:i,listLabel:l,gridLabel:n,filterLabel:r,filterButtonClick:u,layoutButtonClick:m,tagClick:h,theme:b}=e;return(0,g.jsxs)("div",{className:o.filterBarContainer,children:[(0,g.jsxs)("div",{className:o.filterBarViewButtons,children:[(0,g.jsx)("p",{className:(0,s.A)(o.filterBarLabel,{[o.dark]:"dark"===b,[o.light]:"light"===b}),children:i}),(0,g.jsx)("p",{children:(0,g.jsx)(d.N,{as:"button",theme:b,size:"small",icon:"list",override:"list"===a?void 0:"noDefaultUnderline",onClick:()=>m("list"),children:l})}),(0,g.jsx)("p",{children:(0,g.jsx)(d.N,{as:"button",theme:b,size:"small",icon:"grid",override:"grid"===a?void 0:"noDefaultUnderline",onClick:()=>m("grid"),children:n})})]}),(0,g.jsx)("div",{className:o.filterBarFilterButtons,children:(0,g.jsx)(c.$,{size:"medium",theme:b,icon:"filter",onClick:u,children:r})}),t.length>0&&(0,g.jsx)("div",{className:o.filterBarActiveButtons,children:t.map((e=>(0,g.jsx)(c.$,{size:"small",theme:"dark",override:"darkBorder",icon:"x",onClick:()=>h(e),children:e.tag},`${e.category}-${e.tag}`)))})]})},k=e=>{let{active:t,id:a,viewButtonClick:i,fullWidth:l,viewMoreLabel:n,viewLessLabel:r,eyebrow:c,title:u,excerpt:m}=e;return(0,g.jsxs)("div",{onClick:()=>i(a),className:(0,s.A)(o.cardIntroContainer,{[o.fullWidth]:l}),children:[(0,g.jsxs)("div",{children:[c&&(0,g.jsx)("p",{className:o.miniCardEyebrow,children:c}),(0,g.jsx)("h3",{className:o.miniCardTitle,children:u})]}),(0,g.jsx)("p",{className:o.miniCardDescription,children:m}),(0,g.jsx)(d.N,{as:"button",theme:"light",icon:t?"x":"plus",override:l?"iconOnly":void 0,children:t?r:n})]})},x=e=>{let{image:t,imageAlt:a,imageCaption:i,extendedTitle:l,extendedDescription:n,ctaButtonLabel:r,ctaButtonUrl:s,

1ctaButtonFn:u,ctaLinkLabel:h,ctaLinkUrl:b,ctaLinkFn:v,ctaLinkIconType:p}=e;return(0,g.jsxs)("div",{className:o.cardDetailContainer,children:[(0,g.jsxs)("div",{className:o.cardDetailContentContainer,children:[(0,g.jsx)("h4",{className:o.cardExtendedTitle,children:l}),(0,g.jsx)("div",{className:o.cardExtendedDescription,dangerouslySetInnerHTML:n}),r&&(0,g.jsx)(c.$,{as:"link",icon:"arrowRight",theme:"light",target:"_blank",href:s,onClick:null!==u&&void 0!==u?u:void 0,children:r}),h&&(0,g.jsx)(d.N,{icon:p,theme:"light",target:"_blank",href:b,onClick:null!==v&&void 0!==v?v:void 0,children:h})]}),(0,g.jsx)("div",{className:o.cardDetailImageContainer,children:(0,g.jsx)(m.jG,{imageCaption:i,src:t,additionalParams:"3-x-2?$dtblk$",alt:null!==a&&void 0!==a?a:"",className:o.cardImage})})]})},C=e=>{let{active:t,disabled:a,screenMedium:i,id:l,viewButtonClick:n,layoutStyle:r,viewMoreLabel:c,viewLessLabel:d,eyebrow:u,title:m,excerpt:h,image:b,imageAlt:v,imageCaption:p,extendedTitle:_,extendedDescription:f,ctaButtonLabel:C,ctaButtonUrl:L,ctaButtonFn:j,ctaLinkLabel:y,ctaLinkUrl:w,ctaLinkFn:B,ctaLinkIconType:N}=e;const P=i&&"grid"===r,F=t&&!P,A=t&&P,I=t?(0,g.jsx)(x,{image:b,imageAlt:v,imageCaption:p,extendedTitle:_,extendedDescription:f,ctaButtonLabel:C,ctaButtonUrl:L,ctaButtonFn:j,ctaLinkLabel:y,ctaLinkUrl:w,ctaLinkFn:B,ctaLinkIconType:N}):null,D={fullWidth:"list"===r,active:t,disabled:a,viewButtonClick:n,id:l,viewMoreLabel:c,viewLessLabel:d,eyebrow:u,title:m,excerpt:h};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:(0,s.A)(o.cardContainer,{[o.fullWidth]:"list"===r,[o.disabled]:a}),children:[(0,g.jsx)(k,{...D}),F&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("hr",{className:o.hr}),I]})]}),A&&(0,g.jsxs)("div",{className:(0,s.A)(o.cardContainer,o.fullWidth),children:[(0,g.jsx)(k,{...D,fullWidth:!0}),(0,g.jsx)("hr",{className:o.hr}),I]})]})},L=e=>{let{currentPage:t,pageCount:a,pageClick:i,theme:l}=e;return(0,g.jsxs)("div",{className:o.pagination,children:[(0,g.jsx)(d.N,{as:"button",size:"small",theme:l,icon:"arrowLeft",override:1===t?"noDefaultUnderline":void 0,onClick:()=>i(t-1),disabled:1===t,children:"Prev"}),(0,g.jsx)("div",{className:o.paginationNumbers,children:[...Array(a)].map(((e,a)=>(0,g.jsx)(d.N,{as:"button",size:"small",theme:l,override:t===a+1?"noDefaultUnderline":void 0,onClick:()=>i(a+1),children:a+1},a)))}),(0,g.jsx)(d.N,{as:"button",size:"small",theme:l,icon:"arrowRight",override:t===a?"noDefaultUnderline":void 0,onClick:()=>i(t+1),disabled:t===a,children:"Next"})]})},j=e=>{var t,a;let{data:r,animateIntoView:c=!0}=e;const{id:d,backgroundColorPrimary:m,backgroundColorSecondary:b,reduceTopSpacing:p,reduceBottomSpacing:k,displayPattern:x,cardsPerPage:j,eyebrow:y,title:w,descriptionHTML:B,cards:N,tagGroups:P,viewAsLabel:F,closeLabel:A,resetLabel:I,applyLabel:D,viewMoreLabel:T,viewLessLabel:$,listLabel:S,gridLabel:M,filterLabel:R,theme:U="dark"}=r,E=(0,n.A)("(min-width: 48rem)"),V=(0,i.useRef)(null),z=(0,l.B)(V,{freezeOnceVisible:!0}),G=!(null===z||void 0===z||!z.isIntersecting),W=(0,u.ws)(!x&&p,k),H=(0,u.af)(m),X=(0,u.pg)(m),O=(0,u.pg)(b),Z=(0,i.useRef)(null),[K,Y]=(0,i.useState)(null),[J,Q]=(0,i.useState)("grid"),[q,ee]=(0,i.useState)(!1),[te,ae]=(0,i.useState)([]),ie=e=>{Y((t=>t===e?null:e))};let le=null!==N&&void 0!==N?N:[];te.length>0&&(le=le.filter((e=>{var t,a;return(null!==(t=null===(a=e.tags)||void 0===a?void 0:a.filter((e=>v(te,e.tag))))&&void 0!==t?t:[]).length>0})));const[ne,re]=(0,i.useState)(1),se=Math.ceil(le.length/j),oe=(ne-1)*j,ce=ne*j,de=null!==(t=null===(a=le)||void 0===a?void 0:a.slice(oe,ce))&&void 0!==t?t:[];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("section",{ref:V,id:null!==d&&void 0!==d?d:void 0,className:(0,s.A)("defaultContainer",o.container,{[o.containerWithPattern]:!!x}),style:{...W,...H},children:[x&&(0,g.jsx)(h,{primaryColor:X,secondaryColor:O}),(0,g.jsx)("div",{className:"defaultLayoutOuter",children:(0,g.jsxs)("div",{className:(0,s.A)("defaultLayoutInner defaultGrid",{defaultAnimatableIntoView:c,defaultPlayAnimationIntoView:c&&G,[o.dark]:"dark"===U,[o.light]:"light"===U}),children:[y&&(0,g.jsx)("p",{className:o.eyebrow,children:y}),(0,g.jsx)("h2",{className:o.title,children:w}),(0,g.jsx)("div",{className:o.description,dangerouslySetInnerHTML:B}),(0,g.jsx)(f,{selectedFilters:null!==te&&void 0!==te?te:[],layoutStyle:J,listLabel:S,gridLabel:M,filterLabel:R,viewAsLabel:F,filterButtonClick:()=>{ee((e=>!e))},layoutButtonClick:e=>{Q(e)},tagClick:e=>{ae((t=>t?null===t||void 0===t?void 0:t.filter((t=>t.category!==e.category||t.tag!==e.tag)):t))},theme:U}),(0,g.jsx)("div",{ref:Z,className:o.cardsContainer,children:null===de||void 0===de?void 0:de.map((e=>(0,g.jsx)(C,{layoutStyle:J,screenMedium:E,active:e.id===K,disabled:e.id!==K&&!!K,viewButtonClick:ie,id:e.id,viewMoreLabel:T,viewLessLabel:$,eyebrow:null===e||void 0===e?void 0:e.eyebrow,title:e.title,excerpt:e.excerpt,image:null===e||void 0===e?void 0:e.image,imageAlt:null===e||void 0===e?void 0:e.imageAlt,imageCaption:null===e||void 0===e?void 0:e.imageCaption,extendedTitle:e.extendedTitle,extendedDescription:e.extendedDescription,ctaButtonLabel:null===e||void 0===e?void 0:e.ctaButtonLabel,ctaButtonUrl:null===e||void 0===e?void 0:e.ctaButtonUrl,ctaButtonFn:null===e||void 0===e?void 0:e.ctaButtonFn,ctaLinkLabel:null===e||void 0===e?void 0:e.ctaLinkLabel,ctaLinkUrl:null===e||void 0===e?void 0:e.ctaLinkUrl,ctaLinkFn:null===e||void 0===e?void 0:e.ctaLinkFn,ctaLinkIconType:null===e||void 0===e?void 0:e.ctaLinkIconType},e.id)))}),se>1&&(0,g.jsx)(L,{theme:U,currentPage:ne,pageCount:se,pageClick:e=>{if(Z.current){const{top:e}=Z.current.getBoundingClientRect(),t=100,a=e+document.documentElement.scrollTop-t;setTimeout((()=>{window.scrollTo({top:a,behavior:"smooth"})}),100)}re(e)}})]})})]}),(0,g.jsx)(_,{opened:q,filterButtonClick:e=>{e?(ae(e),ee(!1)):ee(!1)},tagGroups:P,closeLabel:A,applyLabel:D,resetLabel:I,selectedFilters:null!==te&&void 0!==te?te:[]})]})}}

1,35154:function(e,t,a){a.d(t,{jG:function(){return c}});var i=a(65043),l=a(39295),n=a(51172),r=a(70579);const s=e=>{const{src:t,lazyEnabled:a=!0,style:i,className:n,alt:s,imageCaption:o}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("figure",{children:[(0,r.jsx)("img",{src:t,loading:a?"lazy":"eager",className:n,style:i,alt:s}),o&&(0,r.jsx)("figcaption",{className:l.A.caption,children:o})]})})},o=e=>{if(e.imageLink&&e.imageLink.valid){const t="_blank"===e.imageLink.attributes.target?(e.imageLink.attributes.rel?`${e.imageLink.attributes.rel} `:"")+"noopener":e.imageLink.attributes.rel;return(0,r.jsx)("a",{...e.imageLink.attributes,href:e.imageLink.url,rel:t,children:(0,r.jsx)(s,{...e})})}return(0,r.jsx)(s,{...e})},c=e=>{const[t,a]=(0,i.useState)(""),[l,s]=(0,i.useState)("");(0,i.useEffect)((()=>{e.src&&e.src.startsWith("/content")?(async t=>{try{const i=await(0,n.jQ)(t),l=(0,n.Dm)(i,t,e.additionalParams);a(l.src),l.description&&s(l.description)}catch(i){console.error(i),a(t)}})(e.src):a(e.src)}),[e.src,e.additionalParams]);const c=e.alt,d="string"===typeof c?c.trim():l?l.trim():"";return(0,r.jsx)("div",{children:t&&(0,r.jsx)(o,{...e,src:t,alt:d})})}},51172:function(e,t,a){a.d(t,{Dm:function(){return r},jQ:function(){return n},sg:function(){return i}});const i=e=>!!e&&/\.svg(?:\?|#|$)/i.test(e),l=e=>/[?:&]bfc=(on|off)(?:[&?]|$)/.test(e)?e:`${e}${e.includes("?")?"&":"?"}bfc=on`,n=async e=>{const t=`${e}/_jcr_content/metadata.json`,a=await fetch(t);if(!a.ok)throw new Error(`Response status: ${a.status}`);return await a.json()},r=(e,t,a)=>{const n="dam:scene7Domain",r="dam:scene7File";if(e&&e[n]&&e[r]){const s=t.toLowerCase().endsWith(".gif")||"image/gif"===e["dc:format"],o=e["dc:description"];if(s){return{src:`${e[n]}is/content/${e[r]}`,description:o,isGif:!0}}{let s=`${e[n]}is/image/${e[r]}`;if(a){s=i(t)?`${s}?${a}`:`${s}:${a}`}return{src:l(s),description:o,isGif:!1}}}return{src:t,isGif:!1}}},39295:function(e,t){t.A={caption:"image_caption__bWjRy"}}}]);