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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[3253],{53253:function(t,e,o){o.r(e),o.d(e,{default:function(){return D}});var i=o(46804),s=o(65043),n=o(67357),a={"supports-hover":"(hover: hover) and (pointer: fine)","screen-md":"min-width: 48rem","screen-lg":"min-width: 64rem",container:"gad-intro-solutions-tool_container__-W+Km",titleContainer:"gad-intro-solutions-tool_titleContainer__ehY3g",descriptionContainer:"gad-intro-solutions-tool_descriptionContainer__6dYWI",stepsContainer:"gad-intro-solutions-tool_stepsContainer__TES2X",stepsInsideLeft:"gad-intro-solutions-tool_stepsInsideLeft__wSzMJ",stepsInsideRight:"gad-intro-solutions-tool_stepsInsideRight__R6b2f",stepCircle:"gad-intro-solutions-tool_stepCircle__S5shF",stepCircleEnabled:"gad-intro-solutions-tool_stepCircleEnabled__5QCHW gad-intro-solutions-tool_stepCircle__S5shF",stepCircleActive:"gad-intro-solutions-tool_stepCircleActive__zhH2r gad-intro-solutions-tool_stepCircleEnabled__5QCHW gad-intro-solutions-tool_stepCircle__S5shF",stepCircleDisabled:"gad-intro-solutions-tool_stepCircleDisabled__ocBrT gad-intro-solutions-tool_stepCircle__S5shF",stepLine:"gad-intro-solutions-tool_stepLine__fnT+S",selectionResultContainer:"gad-intro-solutions-tool_selectionResultContainer__hVe83",selectionResultContainerActive:"gad-intro-solutions-tool_selectionResultContainerActive__UfDOp",resultReset:"gad-intro-solutions-tool_resultReset__WP1s3",cardContainer:"gad-intro-solutions-tool_cardContainer__0jchA",card:"gad-intro-solutions-tool_card__uPeXW",cardLarge:"gad-intro-solutions-tool_cardLarge__mRDPM",cardSelected:"gad-intro-solutions-tool_cardSelected__VaEhb",cardActive:"gad-intro-solutions-tool_cardActive__i4K6D",cardImage:"gad-intro-solutions-tool_cardImage__n628h",cardTitle:"gad-intro-solutions-tool_cardTitle__9hhhf",cardArrow:"gad-intro-solutions-tool_cardArrow__PZIF3",resultCard:"gad-intro-solutions-tool_resultCard__UpsIJ",solutionsDetailContainer:"gad-intro-solutions-tool_solutionsDetailContainer__mz8yz",solutionsDetailImage:"gad-intro-solutions-tool_solutionsDetailImage__lxIbS",solutionsDetailText:"gad-intro-solutions-tool_solutionsDetailText__0YxGI",solutionsDetailEyebrow:"gad-intro-solutions-tool_solutionsDetailEyebrow__A9GP7",solutionsDetailTitle:"gad-intro-solutions-tool_solutionsDetailTitle__LhlE0",solutionsDetailDescription:"gad-intro-solutions-tool_solutionsDetailDescription__1HQ+O",productsDetailContainer:"gad-intro-solutions-tool_productsDetailContainer__F+6ao",productsDetailTitle:"gad-intro-solutions-tool_productsDetailTitle__s-PJv",productsDetailList:"gad-intro-solutions-tool_productsDetailList__o6-Bm",productContainer:"gad-intro-solutions-tool_productContainer__QXhlS",productTitle:"gad-intro-solutions-tool_productTitle__LItoN",productIcon:"gad-intro-solutions-tool_productIcon__gD-i+",productDescription:"gad-intro-solutions-tool_productDescription__0Vfaa",light:"gad-intro-solutions-tool_light__UEWLr",dark:"gad-intro-solutions-tool_dark__LAu5k"},r=o(19424),l=o(58387),d=o(58751);var c=o.p+"static/media/ico_us.c9974deb614c4600111e67520b1fa7fb.svg";var _=o.p+"static/media/ico_int.bc269be89c899c31ad8988fdddbf0a97.svg";var u=o.p+"static/media/ico_ca.0ba574ad801acd184c372d5a339143fe.svg";var p=o.p+"static/media/ico_gen.c398a39666ebaccfaf6f37aa8a616e0c.svg";var g=o.p+"static/media/ico_apple.2dce387d761d3fce87c822f2ce4b21ed.svg";var h=o.p+"static/media/ico_google.a5a36096f014a1f7374b61ee55e41711.svg";var v=o.p+"static/media/ico_ufi.607a63790469fed9a32b11dd887c82aa.svg",m=o(70579);const C={star:c,globe:_,canada:u,building:p,apple:g,google:h,ufi:v},x=t=>{let{card:e}=t;if("custom"===e.iconType&&e.iconPath)return(0,m.jsx)("img",{src:e.iconPath,alt:e.text,role:"presentation",className:a.cardImage});const o=e.icon?C[e.icon]:null;return o?(0,m.jsx)("img",{src:o,alt:e.text,role:"presentation",className:a.cardImage}):null},f=t=>{let{card:e,onSelect:o,isActive:i}=t;return(0,m.jsxs)("button",{className:(0,l.A)(a.card,{[a.cardActive]:i}),onClick:o,"aria-label":e.text,children:[(0,m.jsx)(x,{card:e}),(0,m.jsx)("h4",{className:a.cardTitle,children:e.text}),(0,m.jsx)("div",{className:a.cardArrow})]})},b=t=>{let{card:e}=t;return(0,m.jsxs)("a",{href:e.linkURL,target:e.openInNewTab?"_blank":"_self",rel:e.openInNewTab?"noopener noreferrer":void 0,className:(0,l.A)(a.card,a.cardLarge),"aria-label":e.text,children:[(0,m.jsx)(x,{card:e}),(0,m.jsx)("h4",{className:a.cardTitle,children:e.text}),(0,m.jsx)("div",{className:a.cardArrow})]})},j=t=>{var e;let{data:o}=t;const{id:i,backgroundColor:n,theme:c="light",reduceTopSpacing:_,reduceBottomSpacing:u,heading:p,subheading:g,selectionText:h="Select an option",cardGroups:v=[]}

1=o,[C,x]=(0,s.useState)(0),[j,D]=(0,s.useState)([]),A=(0,d.A)(),w=(0,s.useRef)(null),L=null!==(e=v[0])&&void 0!==e&&e.nextStepCards?2:1,I=(0,s.useMemo)((()=>{let t=v;for(let o=0;o<C;o++){var e;const i=j[o];if(void 0===i)return[];const s=null===(e=t[i])||void 0===e?void 0:e.nextStepCards;if(!s)return[];t=s}return t}),[C,j,v]),N=(0,r.ws)(_,u),S=(0,r.af)(n),T=[h,h];return(0,m.jsx)("section",{id:null!==i&&void 0!==i?i:void 0,className:(0,l.A)("defaultContainer",a.container,a[c]),style:{...N,...S},ref:w,children:(0,m.jsx)("div",{className:"defaultLayoutOuter",children:(0,m.jsxs)("div",{className:"defaultLayoutInner defaultGrid",children:[(0,m.jsx)("div",{className:a.titleContainer,children:(0,m.jsx)("h2",{children:p})}),(0,m.jsx)("div",{className:a.descriptionContainer,children:(0,m.jsx)("p",{children:g})}),(0,m.jsxs)("div",{className:a.stepsContainer,children:[(0,m.jsx)("div",{className:a.stepsInsideLeft,children:(0,m.jsx)("h3",{children:T[C]})}),(0,m.jsx)("div",{className:a.stepsInsideRight,children:[...Array(L)].map(((t,e)=>(0,m.jsxs)(s.Fragment,{children:[(0,m.jsx)("button",{onClick:()=>{var t;(t=e)<C&&x(t)},className:(0,l.A)({[a.stepCircleDisabled]:e>C,[a.stepCircleEnabled]:e<C,[a.stepCircleActive]:e===C}),"aria-label":`Step ${e+1}`,"aria-disabled":e>=C,children:(0,m.jsx)("span",{children:e+1})}),e<L-1&&(0,m.jsx)("div",{className:a.stepLine})]},e)))})]}),(0,m.jsx)("div",{className:(0,l.A)(a.selectionResultContainer,a.selectionResultContainerActive),children:(0,m.jsx)("div",{className:a.cardContainer,children:I.map(((t,e)=>"nextStepCards"in t&&t.nextStepCards?(0,m.jsx)(f,{card:t,onSelect:()=>((t,e)=>{const o=j.slice(0,C);if(o[C]=t,D(o),"link"===e.cardType&&e.linkURL){if(e.openInNewTab){const t=window.open(e.linkURL,"_blank");return void(t&&(t.opener=null))}window.location.href=e.linkURL}else x(C+1),A&&setTimeout((()=>{var t;null===(t=w.current)||void 0===t||t.scrollIntoView({behavior:"smooth",block:"start"})}),100)})(e,t),isActive:j[C]===e},`${t.text}-${e}`):(0,m.jsx)(b,{card:t},`${t.text}-${e}`)))})})]})})})};var D=t=>{const{cqPath:e,...o}=t;return o?(0,m.jsx)("div",{id:(0,n.A)(e),children:(0,m.jsx)(i.A,{children:(0,m.jsx)(j,{data:o})})}):null}},58751:function(t,e,o){var i=o(65043);e.A=()=>{const[t,e]=(0,i.useState)(!0);return(0,i.useEffect)((()=>{const t="(max-width: 47.9375rem)",o=window.matchMedia(t);e(window.matchMedia(t).matches);const i=t=>{e(t.matches)};return o.addEventListener?o.addEventListener("change",i):o.addListener(i),()=>{o.addEventListener?o.removeEventListener("change",i):o.removeListener(i)}}),[]),t}}}]);