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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[400],{50400:function(e,s,t){t.r(s),t.d(s,{default:function(){return W}});var o=t(65043),l=t(67357),i=t(58387),n=t(58751),a="solutions-tool_container__rCwQm",r="solutions-tool_titleContainer__WaCmH",d="solutions-tool_descriptionContainer__KFvvN",c="solutions-tool_stepsContainer__521mo",u="solutions-tool_stepsInsideLeft__adOxe",_="solutions-tool_stepsInsideRight__+IO6K",p="solutions-tool_stepCircleEnabled__Ul4RZ solutions-tool_stepCircle__n5gnu",v="solutions-tool_stepCircleActive__LNaCA solutions-tool_stepCircleEnabled__Ul4RZ solutions-tool_stepCircle__n5gnu",h="solutions-tool_stepCircleDisabled__LEHea solutions-tool_stepCircle__n5gnu",m="solutions-tool_stepLine__I83op",x="solutions-tool_selectionResultContainer__H3NXP",g="solutions-tool_selectionResultContainerActive__AAA90",j="solutions-tool_resultReset__-xBwF",b="solutions-tool_cardContainer__sdmrc",C="solutions-tool_card__k+PU8",N="solutions-tool_cardLarge__RsMCl",f="solutions-tool_cardSelected__1xsbl",L="solutions-tool_cardImage__3Qv2F",k="solutions-tool_cardTitle__v85Lc",T="solutions-tool_cardArrow__rhQeV",w="solutions-tool_resultCard__EIRDv",y="solutions-tool_solutionsDetailContainer__pF+g6",A="solutions-tool_solutionsDetailImage__puVal",D="solutions-tool_solutionsDetailText__oZDQv",R="solutions-tool_solutionsDetailEyebrow__t8C9-",I="solutions-tool_solutionsDetailTitle__1gCme",S="solutions-tool_solutionsDetailDescription__kABtv",E="solutions-tool_productsDetailContainer__GFz1d",O="solutions-tool_productsDetailTitle__Bgkld",F="solutions-tool_productsDetailList__7+hpD",H="solutions-tool_productContainer__FXOwx",B="solutions-tool_productTitle__K0+dK",z="solutions-tool_productIcon__M6jTI",M="solutions-tool_productDescription__T-O05",P=t(7214),$=t(94767),K=t(19424),Q=t(70579);const U=e=>{let{products:s,productsTitle:t}=e;return(0,Q.jsxs)("div",{className:E,children:[s&&s.length>0&&t&&(0,Q.jsx)("h4",{className:O,children:t}),(0,Q.jsx)("div",{className:F,children:s.map(((e,s)=>{var t;return(0,Q.jsxs)("div",{className:H,"data-testid":"product-container",children:[(0,Q.jsxs)("h5",{className:B,children:[(null===e||void 0===e?void 0:e.productIcon)&&(0,Q.jsx)("img",{className:z,src:e.productIcon,alt:e.title,loading:"lazy"}),e.title]}),(0,Q.jsx)("p",{className:M,children:e.description}),(0,Q.jsx)("p",{children:(0,Q.jsx)(P.N,{size:"medium",theme:"light",href:e.url,onClick:null!==(t=null===e||void 0===e?void 0:e.ctaFn)&&void 0!==t?t:void 0,children:e.ctaLabel})})]},`${s}-${e.title}`)}))})]})},Z=e=>{var s;let{solution:t}=e;return(0,Q.jsxs)("div",{className:y,children:[(0,Q.jsx)("img",{className:A,width:500,height:334,alt:t.imageAlt,src:t.image,loading:"lazy"}),(0,Q.jsxs)("div",{className:D,children:[(0,Q.jsx)("p",{className:R,children:t.eyebrow}),(0,Q.jsx)("h3",{className:I,children:t.title}),(0,Q.jsx)("p",{className:S,children:t.description}),(0,Q.jsx)("p",{children:(0,Q.jsx)($.$,{as:"link",variant:"primary",size:"medium",theme:"light",icon:"arrowRight",href:t.url,onClick:null!==(s=null===t||void 0===t?void 0:t.ctaFn)&&void 0!==s?s:void 0,children:t.ctaLabel})})]})]})},G=e=>{let{active:s=!1,solution:t,products:o,productsTitle:l,startOverLabel:n,stepCountResetClickHandler:a}=e;return(0,Q.jsxs)("div",{className:(0,i.A)(x,{[g]:s}),children:[(0,Q.jsxs)("div",{className:w,children:[t&&(0,Q.jsx)(Z,{solution:t}),(0,Q.jsx)(U,{products:o,productsTitle:l})]}),(0,Q.jsx)("div",{className:j,children:(0,Q.jsx)("p",{children:(0,Q.jsx)($.$,{as:"button",variant:"primary",size:"medium",theme:"dark",icon:"reset",override:"darkBorder",onClick:()=>a(),children:n})})})]})},V=e=>{let{variant:s,active:t=!1,categoryData:o,chosenCategoryId:l="",stepChoiceHandler:n}=e;return(0,Q.jsx)("div",{className:(0,i.A)(x,{[g]:t}),children:(0,Q.jsx)("div",{className:b,children:o.map((e=>{var t;return(0,Q.jsxs)("button",{className:(0,i.A)(C,{[N]:"large"===s,[f]:l===e.id}),onClick:()=>n(e.id),"aria-label":e.title,children:[(0,Q.jsx)("img",{src:e.image,alt:null!==(t=null===e||void 0===e?void 0:e.imageAlt)&&void 0!==t?t:"",className:L,loading:"lazy"}),(0,Q.jsx)("h4",{className:k,children:e.title}),(0,Q.jsx)("div",{className:T})]},e.id)}))})})},X=(0,o.forwardRef)(((e,s)=>{let{stepLabel:t,stepTotal:l,stepCount:n,stepCountClickHandler:a}=e;return(0,Q.jsxs)("div",{className:c,ref:s,children:[(0,Q.jsx)("div",{className:u,children:(0,Q.jsx)("h3",{children:t})}),(0,Q.jsx)("div",{className:_,children:[...Array(l)].map(((e,s)=>(0,Q.jsxs)(o.Fragment,{children:[(0,Q.jsx)("button",{onClick:()=>a(s+1),className:(0,i.A)({[h]:s+1>n,[p]:s+1<=n,[v]:s+1===n}),"aria-label":`Step ${s+1}`,"aria-disabled":s+1>=n,children:(0,Q.jsx)("span",{children:s+1})}),s+1<l?(0,Q.jsx)("div",{className:m}):null]},s)))})]})})),q=e=>{let{data:s}=e;const{id:t,backgroundColor:l,reduceTopSpacing:c,reduceBottomSpacing:u,title:_,description:p,stepLabels:v,categories:h,solutions:m,products:x,startOverLabel:g}=s,j=(0,n.A)(),b=(0,o.useRef)(null),C=(0,o.useRef)(null),[N,f]=(0,o.useState)({step:1,businessNeed:null,businessType:null}),L=(0,K.ws)(c,u),k=(0,K.af)(l),[T,w]=(0,o.useState)(m[0]),[y,A]=(0,o.useState)(h.businessType),[D,R]=(0,o.useState)(x),I=function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];setTimeout((()=>

1{if(!C.current||!b.current)return;const s=(e?C.current:b.current).getBoundingClientRect().top+window.scrollY+-90;window.scrollTo({top:s,behavior:"smooth"})}),100)},S=e=>{const s=m.find((s=>s.satisfies&&s.satisfies.includes(e)));s&&w(s);const t=x.filter((s=>s.satisfies&&s.satisfies.includes(e)));t&&t.length>0&&R(t);const o=h.businessType.filter((s=>s.satisfies&&s.satisfies.includes(e)));o&&o.length>0&&A(o),f((s=>{const t={...s};return 1===s.step&&(t.businessNeed=e),2===s.step&&(t.businessType=e),t.step=s.step+1,t})),j&&I(!0)};return(0,Q.jsx)("section",{id:null!==t&&void 0!==t?t:void 0,className:(0,i.A)("defaultContainer",a),style:{...L,...k},"data-testid":"container",children:(0,Q.jsx)("div",{className:"defaultLayoutOuter",ref:b,children:(0,Q.jsxs)("div",{className:"defaultLayoutInner defaultGrid",children:[(0,Q.jsx)("div",{className:r,children:(0,Q.jsx)("h2",{children:_})}),(0,Q.jsx)("div",{className:d,children:(0,Q.jsx)("p",{children:p})}),(0,Q.jsx)(X,{stepLabel:v[N.step-1],stepTotal:3,stepCount:N.step,stepCountClickHandler:e=>{const s=Math.max(1,Math.min(e,3));s>N.step||(f((e=>{const t={...e};return t.step=s,s<2&&(t.businessType=null),t})),j&&I(!0))},ref:C}),[...Array(2)].map(((e,s)=>{var t,o;return(0,Q.jsx)(V,{variant:s+1===2?"large":"normal",active:s+1===N.step,categoryData:s+1===1?h.businessNeed:y,chosenCategoryId:s+1===1?null!==(t=N.businessNeed)&&void 0!==t?t:"":null!==(o=N.businessType)&&void 0!==o?o:"",stepChoiceHandler:S},s)})),(0,Q.jsx)(G,{active:3===N.step,solution:T,products:D,startOverLabel:g,stepCountResetClickHandler:()=>{f({step:1,businessNeed:null,businessType:null}),I(!1),w(m[0]),R(x)}})]})})})};var W=e=>{const{data:s}=e,t={id:null===s||void 0===s?void 0:s.id,backgroundColor:null===s||void 0===s?void 0:s.backgroundColor,reduceTopSpacing:null===s||void 0===s?void 0:s.reduceTopSpacing,reduceBottomSpacing:null===s||void 0===s?void 0:s.reduceBottomSpacing,title:null===s||void 0===s?void 0:s.title,description:null===s||void 0===s?void 0:s.description,stepLabels:[(null===s||void 0===s?void 0:s.step1Label)||"",(null===s||void 0===s?void 0:s.step2Label)||"",(null===s||void 0===s?void 0:s.step3Label)||""],categories:null===s||void 0===s?void 0:s.categories,solutions:null===s||void 0===s?void 0:s.solutions,products:null===s||void 0===s?void 0:s.products,productsLabelPrefix:null===s||void 0===s?void 0:s.productsLabelPrefix,startOverLabel:null===s||void 0===s?void 0:s.startOverLabel};return(0,Q.jsx)("div",{id:(0,l.A)(e.cqPath),children:(0,Q.jsx)(q,{data:t})})}},58751:function(e,s,t){var o=t(65043);s.A=()=>{const[e,s]=(0,o.useState)(!0);return(0,o.useEffect)((()=>{const e="(max-width: 47.9375rem)",t=window.matchMedia(e);s(window.matchMedia(e).matches);const o=e=>{s(e.matches)};return t.addEventListener?t.addEventListener("change",o):t.addListener(o),()=>{t.addEventListener?t.removeEventListener("change",o):t.removeListener(o)}}),[]),e}}}]);