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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[2814],{12814:function(e,t,i){i.r(t),i.d(t,{default:function(){return w}});var n=i(65043),r=i(67357),a=i(31732),s=i(80634),o=i(58751),l=i(58387),d={"supports-hover":"(hover: hover) and (pointer: fine)","screen-md":"min-width: 48rem","screen-lg":"min-width: 64rem",container:"testimonial-carousel_container__g1pBZ",carouselOuterContainer:"testimonial-carousel_carouselOuterContainer__GkVH9",progressBar:"testimonial-carousel_progressBar__qe5hk",progressMarker:"testimonial-carousel_progressMarker__bwaQM",navigationArrowLeft:"testimonial-carousel_navigationArrowLeft__NTf1P",navigationArrowRight:"testimonial-carousel_navigationArrowRight__cXI7J testimonial-carousel_navigationArrowLeft__NTf1P",navigationArrowDisabled:"testimonial-carousel_navigationArrowDisabled__WvBW8",navigationArrowInvisible:"testimonial-carousel_navigationArrowInvisible__BMN3t",carouselInnerContainer:"testimonial-carousel_carouselInnerContainer__mbryS",testimonialOuterContainer:"testimonial-carousel_testimonialOuterContainer__UOYEH",testimonialInnerContainer:"testimonial-carousel_testimonialInnerContainer__RWe4+",testimonialFigure:"testimonial-carousel_testimonialFigure__RyaLw",testimonialFigureInner:"testimonial-carousel_testimonialFigureInner__ZLpTI",pattern:"testimonial-carousel_pattern__CaHCq",patternSvg:"testimonial-carousel_patternSvg__7vr4Z",withAnimation:"testimonial-carousel_withAnimation__G7yyR",introContainer:"testimonial-carousel_introContainer__xXs0z",eyebrow:"testimonial-carousel_eyebrow__UEt5Y",title:"testimonial-carousel_title__JSKiG",quoteIcon:"testimonial-carousel_quoteIcon__Siqwk",quoteHeading:"testimonial-carousel_quoteHeading__RXFVj",quoteDescription:"testimonial-carousel_quoteDescription__Mplbd",withHeading:"testimonial-carousel_withHeading__xNpWg",quoteAttribution:"testimonial-carousel_quoteAttribution__oXD+T",name:"testimonial-carousel_name__PQnmh",stars:"testimonial-carousel_stars__kmIWu"},c=i(94767),u=i(19424);var m=i.p+"static/media/star-full.51afd3e0d8d1c3fa2f409d0b1b1d507a.svg";var v=i.p+"static/media/star-half.ac3fa161ae9e5c619354b6aa41368952.svg",h=i(70579);const f=e=>{let{rating:t}=e;const i=Math.floor(t/2),n=Array.from({length:i}).map(((e,t)=>(0,h.jsx)("img",{alt:"",src:m.toString()},`star_${t}`)));return t%2!==0&&n.push((0,h.jsx)("img",{alt:"",src:v.toString()},`star_${i+1}`)),(0,h.jsx)("div",{className:d.stars,role:"img","aria-label":`Rating: ${t/2} out of 5 stars`,children:n})};var g=i(59639),_=i(9821);const p=e=>{const t={...e,classes:(0,l.A)(d.patternSvg,{[d.withAnimation]:e.isVisible}),patternType:g.A.right};return(0,_.A)(t)},b=e=>{let{quoteHTML:t,attribution:i,titleAndCompany:n,ctaUrl:r,ctaFn:a,ctaLabel:s,heading:o,openNewTab:u,rating:m}=e;return(0,h.jsx)("div",{className:d.testimonialOuterContainer,children:(0,h.jsx)("div",{className:d.testimonialInnerContainer,children:(0,h.jsx)("figure",{className:d.testimonialFigure,"aria-label":`${i} - ${s}`,children:(0,h.jsxs)("div",{className:d.testimonialFigureInner,children:["undefined"!==typeof m?(0,h.jsx)(f,{rating:m}):(0,h.jsx)("div",{className:d.quoteIcon}),(0,h.jsxs)("blockquote",{className:(0,l.A)(d.quoteDescription,{[d.withHeading]:typeof("undefined"!==o)}),children:["undefined"!==typeof o&&(0,h.jsx)("h4",{className:d.quoteHeading,children:o}),(0,h.jsx)("p",{dangerouslySetInnerHTML:t})]}),(0,h.jsxs)("figcaption",{className:d.quoteAttribution,children:[(0,h.jsx)("div",{className:d.name,children:i}),"undefined"!==typeof n&&(0,h.jsx)("div",{className:d.titleAndCompany,children:n})]}),r&&(0,h.jsx)("p",{children:(0,h.jsx)(c.$,{as:"link",variant:"primary",size:"medium",theme:"dark",target:u?"_blank":"_self",icon:"arrowRight",override:"darkBorder",href:r,onClick:null!==a&&void 0!==a?a:void 0,children:s})})]})})})})},y=e=>{let{data:t,animateIntoView:i=!0}=e;const{id:r,backgroundColor:c,reduceTopSpacing:m,reduceBottomSpacing:v,displayPattern:f,patternId:g,eyebrow:_,title:y,testimonials:w}=t,x=(0,s.A)("(min-width: 64rem)"),L=(0,o.A)(),[A,C]=(0,n.useState)("beginning"),j=(0,n.useRef)(null),I=(0,n.useRef)(null),N=(0,n.useRef)(null),M=(0,n.useRef)(null),S=(0,n.useRef)(null),k=(0,n.useRef)(null),T=(0,n.useRef)(null),$=(0,n.useRef)(null),q=(0,a.B)(j,{freezeOnceVisible:!0}),R=!(null===q||void 0===q||!q.isIntersecting),W={patternId:g,isVisible:R},E=!0,V=(0,u.ws)(m,v),H=(0,u.af)(c),P=d.navigationArrowInvisible,B=(0,n.useCallback)((()=>{var e,t;const i={sliderVisibleWidthMax:1240,visibleContentArea:0,scrollLeft:0,scrollWidth:0,offsetWidth:0,outsideVisibleLeft:0,outsideVisibleRight:0,extraSpace:10,slideWidth:0,sidePadding:0,slideCount:0,currentSlide:0};if(!M.current)return i;const n=null!==(e=null===I||void 0===I||null===(t=I.current)||void 0===t?void 0:t.offsetWidth)&&void 0!==e?e:i.sliderVisibleWidthMax,r=M.current,{scrollLeft:a,scrollWidth:s,offsetWidth:o}

1=r,l=Math.min(o,n),d=getComputedStyle(r),c=2*parseInt(d.scrollPaddingInlineStart),u=x?.659677*l:l,m=s-c,v=Math.round(m/u),h=Math.round(a/u)+1,f=(o-u)/2+a,g=f+u;return{...i,sliderVisibleWidthMax:n,visibleContentArea:l,scrollLeft:a,scrollWidth:s,offsetWidth:o,outsideVisibleLeft:f,outsideVisibleRight:g,slideWidth:u,sidePadding:c,slideCount:v,currentSlide:h}}),[x]),O=e=>{if(!M.current)return;const t=M.current,{slideWidth:i}=B();"left"===e?t.scrollLeft-=.9*i:t.scrollLeft+=.9*i},F=(0,n.useCallback)((e=>{const{outsideVisibleLeft:t,outsideVisibleRight:i,visibleContentArea:n}=B();for(const a of e.children){var r;const s=a,o=s.childNodes[0],l=o.childNodes[0],d=l.childNodes[0],{offsetLeft:c,offsetWidth:u}=s,m=c+u,v=c>=u?Math.ceil(c/u):1,h=t,f=i,g=c<h,_=.169*n,p=null!==(r=e.children.length)&&void 0!==r?r:20;if(x)if(c<h||m>f)if(g){const e=(h-c)/4,i=1-Math.min(Math.max(e/u,0),1),n=(h-c)/2,r=1-Math.min(Math.max(n/u,0),1),a=Math.max(t-c,0),m=Math.min(a-_,a),f=.5*a,g=f>m?`${f}px`:`${m}px`;o.style.transform=`translateX(${g})`,l.style.transformOrigin="center left",l.style.transform=`scale(${i})`,d.style.opacity=`${r}`,s.style.zIndex=h-c<100?`${p}`:`${v}`}else{const e=(m-f)/4,t=1-Math.min(Math.max(e/u,0),1),n=(m-f)/2,r=1-Math.min(Math.max(n/u,0),1),a=Math.max(m-i,0),h=Math.min(a-_,a),g=.5*a,b=g>h?`${g}px`:`${h}px`;o.style.transform=`translateX(-${b})`,l.style.transformOrigin="center right",l.style.transform=`scale(${t})`,d.style.opacity=`${r}`,s.style.zIndex=f-c>100?`${p}`:""+(p-v)}else s.style.opacity="1",o.style.transform="translateX(0)",l.style.transform="scale(1)",d.style.opacity="1",s.style.zIndex=`${p}`;else s.style.opacity="1",o.style.transform="translateX(0)",l.style.transform="scale(1)",d.style.opacity="1",s.style.zIndex=`${p}`}}),[E,B,x]);(0,n.useEffect)((()=>{const e=()=>{if(!M.current)return;if(!k.current)return;const e=M.current,{slideCount:t}=B();F(e);k.current.style.width=100/t+"%"};return window.addEventListener("resize",e,!1),e(),()=>{window.removeEventListener("resize",e)}}),[F,L,B]),(0,n.useEffect)((()=>{if(!N.current)return;if(!T.current||!$.current)return;const e=N.current,t=T.current,i=$.current;if(!x)return t.classList.remove(P),void i.classList.remove(P);t.classList.add(P),i.classList.add(P);const n=e=>{if(!e.currentTarget)return;const n=(e=>{if(!e.currentTarget)return"middle";const{visibleContentArea:t,offsetWidth:i}=B(),n=t/3,r=e.clientX;return r<=i/2-n/2?"left":r>=i/2+n/2?"right":"middle"})(e);"left"===n?t.classList.remove(P):"right"===n?i.classList.remove(P):(t.classList.add(P),i.classList.add(P))},r=e=>{e.currentTarget&&(t.classList.add(P),i.classList.add(P))};return e.addEventListener("mousemove",n),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mousemove",n),e.removeEventListener("mouseleave",r)}}),[x,P,B]),(0,n.useEffect)((()=>{if(0===w.length)return;if(!M.current)return;const e=M.current;F(e)}),[w,F]);const z=!!_||!!y;return(0,h.jsxs)("section",{ref:j,id:null!==r&&void 0!==r?r:void 0,className:(0,l.A)("defaultContainer",d.container),style:{...V,...H},children:[(0,h.jsxs)("div",{className:"defaultLayoutOuter",children:[f&&(0,h.jsx)("div",{className:d.pattern,children:(0,h.jsx)(p,{...W})}),(0,h.jsx)("div",{ref:I,className:"defaultLayoutInner",children:z&&(0,h.jsxs)("div",{className:d.introContainer,children:[(0,h.jsx)("p",{className:d.eyebrow,children:_}),(0,h.jsx)("h2",{className:d.title,children:y})]})})]}),(0,h.jsxs)("div",{ref:N,className:d.carouselOuterContainer,children:[(0,h.jsx)("div",{ref:M,onScroll:e=>{const t=e.currentTarget,{slideCount:i,currentSlide:n}=B();if(!k.current)return;k.current.style.insetInlineStart=100/i*(n-1)+"%",F(t),C(1===n?"beginning":n===i?"end":"middle")},className:(0,l.A)(d.carouselInnerContainer,{defaultAnimatableIntoView:i,defaultPlayAnimationIntoView:i&&R}),children:w.map(((e,t)=>(0,h.jsx)(b,{quoteHTML:e.quoteHTML,attribution:null===e||void 0===e?void 0:e.attribution,titleAndCompany:e.titleAndCompany,ctaUrl:null===e||void 0===e?void 0:e.ctaUrl,ctaFn:null===e||void 0===e?void 0:e.ctaFn,ctaLabel:null===e||void 0===e?void 0:e.ctaLabel,heading:e.heading,openNewTab:null===e||void 0===e?void 0:e.openNewTab,rating:e.rating},t)))}),(0,h.jsx)("div",{ref:S,className:d.progressBar,children:(0,h.jsx)("div",{ref:k,className:d.progressMarker})}),(0,h.jsx)("button",{ref:T,className:(0,l.A)(d.navigationArrowLeft,{[d.navigationArrowDisabled]:"beginning"===A}),tabIndex:-1,"aria-hidden":!0,onClick:()=>O("left")}),(0,h.jsx)("button",{ref:$,className:(0,l.A)(d.navigationArrowRight,{[d.navigationArrowDisabled]:"end"===A}),tabIndex:-1,"aria-hidden":!0,onClick:()=>O("right")})]})]})};var w=e=>{const{data:t}=e,i=`${e.cqPath}

1.trustquotes.json`,[a,s]=(0,n.useState)([]),[o,l]=(0,n.useState)();(0,n.useEffect)((()=>{null!==i&&"undefined"!==typeof i&&i&&fetch(i).then((e=>e.json())).then((e=>{s((e=>{const t=0!==e.maxQuotes?e.maxQuotes:void 0;return e.trustQuotes.filter((e=>e.isSummary)).slice(0,t)})(e)),l(e.readMoreCtaLabel)})).catch((e=>console.error("Error fetching data:",e)))}),[i]);const d=e=>{var t,i,n,r;const a=null!==(t=e.user.position.title)&&void 0!==t?t:"",s=null!==(i=e.user.company.name)&&void 0!==i?i:"",o=null!==(n=e.user.position.jobType)&&void 0!==n?n:"",l=null!==(r=e.user.position.department)&&void 0!==r?r:"",d=a.length>0&&s.length>0?`${a}, ${s}`:a,c=o.length>0&&l.length>0?`${o}, ${l}`:o;return""!==d?d:c},c=(null===t||void 0===t?void 0:t.list)&&(null===t||void 0===t?void 0:t.list.length),u=a.length>0,m={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.title,testimonials:c?(v=null===t||void 0===t?void 0:t.list,v&&v.map((e=>({attribution:e.attribution,ctaUrl:e.ctaUrl,ctaLabel:e.ctaLabel,openNewTab:e.openNewTab,quoteHTML:{__html:e.quoteHTML}})))):u?(e=>e&&e.map((e=>({attribution:e.user.name,titleAndCompany:d(e),ctaUrl:e.review.url,ctaLabel:o,openNewTab:!0,heading:e.review.heading,quoteHTML:{__html:e.text},rating:e.review.rating}))))(a):[]};var v;return(0,h.jsx)("div",{id:(0,r.A)(e.cqPath),children:(0,h.jsx)(y,{data:{...m}})})}},58751:function(e,t,i){var n=i(65043);t.A=()=>{const[e,t]=(0,n.useState)(!0);return(0,n.useEffect)((()=>{const e="(max-width: 47.9375rem)",i=window.matchMedia(e);t(window.matchMedia(e).matches);const n=e=>{t(e.matches)};return i.addEventListener?i.addEventListener("change",n):i.addListener(n),()=>{i.addEventListener?i.removeEventListener("change",n):i.removeListener(n)}}),[]),e}}}]);