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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[2073],{82073:function(e,t,i){i.r(t),i.d(t,{default:function(){return P}});var a=i(65043),n=i(67357),s=i(31732),l=i(58387),r="tabs_container__8+ryX",o="tabs_outerLayout__tkma6",c="tabs_pattern__VzH42",d="tabs_patternSvg__B4L-0",u="tabs_withAnimation__ypydx",m="tabs_textContainer__+3qfm",b="tabs_eyebrow__AIlcS",_="tabs_title__z+PvA",v="tabs_description__kQoIR",p="tabs_tabContainer__Le1Rs",f="tabs_tabList__YAKfb",g="tabs_tab__MqM7o",x="tabs_tabPanel__8cvkH",h="tabs_fadeOut__mkLfu",j="tabs_panelContent__aJTsi",y="tabs_image__-XB3z",L="tabs_calloutsContainer__6hbM3",I="tabs_callout__Tr867",T=i(19424),k=i(35154),$=i(59639),S=i(9821),w=i(1917),N=i(70579);const A=e=>{const t={...e,classes:(0,l.A)(d,{[u]:e.isVisible}),patternType:$.A.tab};return(0,S.A)(t)},M=e=>{let{tabIndex:t,uniqueTabListId:i,hidden:n,fadeOut:s,title:r,callouts:o,image:c,imageAlt:d,cropSize:u}=e;const m=(0,a.useMemo)((()=>null!==r&&void 0!==r&&r.trim()?(0,w.rQ)(r):""),[r]);return(0,N.jsxs)("div",{className:(0,l.A)(x,{[h]:s}),id:`panel-${i}-${t}`,role:"tabpanel",tabIndex:-1,"aria-labelledby":`tab-${i}-${t}`,hidden:n,children:[(0,N.jsxs)("div",{className:j,children:[m&&(0,N.jsx)("h2",{className:_,dangerouslySetInnerHTML:{__html:m}}),(null===o||void 0===o?void 0:o.length)>0&&(0,N.jsx)("ul",{className:L,children:o.map(((e,t)=>(0,N.jsx)("li",{className:I,dangerouslySetInnerHTML:e.descriptionHTML},t)))})]}),c&&(0,N.jsx)("div",{className:j,children:(0,N.jsx)(k.jG,{additionalParams:u,src:c,alt:null!==d&&void 0!==d?d:"",className:y})})]},t)},H=e=>{let{tabIndex:t,uniqueTabListId:i,activeTabIndex:n,clickHandler:s,label:l}=e;const r=(0,a.useMemo)((()=>l?(0,w.rQ)(l):""),[l]);return(0,N.jsx)("button",{className:g,dangerouslySetInnerHTML:{__html:r},role:"tab","aria-selected":t===n?"true":"false","aria-controls":`panel-${i}-${t}`,id:`tab-${i}-${t}`,tabIndex:0,onClick:()=>s(t)},t)},C=e=>{let{eyebrow:t,title:i,descriptionHTML:a}=e;return(0,N.jsxs)("div",{className:m,children:[t&&(0,N.jsx)("p",{className:b,children:t}),(null===i||void 0===i?void 0:i.trim())&&(0,N.jsx)("h2",{className:_,children:i}),(0,N.jsx)("div",{className:v,dangerouslySetInnerHTML:a})]})},z=e=>{let{data:t,animateIntoView:i=!0}=e;const{id:n,backgroundColor:d,reduceTopSpacing:u,reduceBottomSpacing:m,displayPattern:b,patternId:_,eyebrow:v,title:g,descriptionHTML:x,tabs:h}=t,j=(0,a.useRef)(null),y=(0,s.B)(j,{freezeOnceVisible:!0}),L=!(null===y||void 0===y||!y.isIntersecting),I={patternId:_,isVisible:L},k=(0,T.ws)(u,m),$=(0,T.af)(d),[S,w]=(0,a.useState)(0),[z,P]=(0,a.useState)(0),q=(0,a.useRef)(null),[V,B]=(0,a.useState)("tabs-init");(0,a.useEffect)((()=>{B((0,T.zE)(2))}),[]);const E=n||V;(0,a.useEffect)((()=>()=>{q.current&&clearTimeout(q.current)}),[]);const G=e=>{q.current&&clearTimeout(q.current),P(e),q.current=setTimeout((()=>w(e)),500)};return(0,N.jsx)("section",{ref:j,id:null!==n&&void 0!==n?n:void 0,className:r,style:{...$},"data-testid":"container",children:(0,N.jsxs)("div",{className:(0,l.A)("defaultLayoutOuter",o),style:{...k},children:[b&&(0,N.jsx)("div",{className:c,children:(0,N.jsx)(A,{...I})}),(0,N.jsxs)("div",{className:(0,l.A)("defaultLayoutInner defaultGrid",{defaultAnimatableIntoView:i,defaultPlayAnimationIntoView:i&&L}),"data-testid":"innerContainer",children:[(0,N.jsx)(C,{eyebrow:v,title:g,descriptionHTML:x}),(0,N.jsxs)("div",{className:p,children:[(0,N.jsx)("div",{role:"tablist",className:f,children:null===h||void 0===h?void 0:h.map(((e,t)=>(0,N.jsx)(H,{uniqueTabListId:E,tabIndex:t,activeTabIndex:z,clickHandler:G,label:e.label},t)))}),null===h||void 0===h?void 0:h.map(((e,t)=>(0,N.jsx)(M,{uniqueTabListId:E,tabIndex:t,hidden:t!==S,fadeOut:t!==z,title:e.title,callouts:e.callouts,image:null===e||void 0===e?void 0:e.image,cropSize:null===e||void 0===e?void 0:e.cropSize,imageAlt:null===e||void 0===e?void 0:e.imageAlt},t)))]})]})]})})};var P=e=>{const{data:t}=e,i={id:null===t||void 0===t?void 0:t.id,backgroundColor:null===t||void 0===t?void 0:t.backgroundColor,reduceTopSpacing:null===t||void 0===t?void 0:t.reduceTopSpacing,reduceBottomSpacing:null===t||void 0===t?void 0:t.reduceBottomSpacing,displayPattern:null===t||void 0===t?void 0:t.displayPattern,patternId:null===t||void 0===t?void 0:t.patternId,eyebrow:null===t||void 0===t?void 0:t.eyebrow,title:null===t||void 0===t?void 0:t.t

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