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

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[3803],{83803:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var n,l=i(46804),r=i(65043),o=i(67357),c=i(58387),a={"supports-hover":"(hover: hover) and (pointer: fine)","screen-md":"min-width: 48rem","screen-lg":"min-width: 64rem",container:"filterable-list_container__zdaCg",innerLayout:"filterable-list_innerLayout__AfV5G",gridFull:"filterable-list_gridFull__BiU3c",content:"filterable-list_content__KK+hN",header:"filterable-list_header__HNloj",eyebrow:"filterable-list_eyebrow__CRR94",title:"filterable-list_title__DH3Bk",description:"filterable-list_description__363ox",clientSelection:"filterable-list_clientSelection__SH5gP",clientSelectionTitle:"filterable-list_clientSelectionTitle__5nka7",pillsContainer:"filterable-list_pillsContainer__DLOfJ",pill:"filterable-list_pill__ldLUm",pillIconSvg:"filterable-list_pillIconSvg__DbYzS",pillIconImage:"filterable-list_pillIconImage__qulxu",pillIconMask:"filterable-list_pillIconMask__wis++",pillActive:"filterable-list_pillActive__2aM5A",pillInactive:"filterable-list_pillInactive__UZI2e",accordion:"filterable-list_accordion__A8te2"},s=i(19424),d=i(75991);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},u.apply(null,arguments)}function p(e,t){let{title:i,titleId:l,...o}=e;return r.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",ref:t,"aria-labelledby":l},o),i?r.createElement("title",{id:l},i):null,n||(n=r.createElement("path",{fillRule:"evenodd",d:"M9.218 2h2.402L16 12.987h-2.402zM4.379 2h2.512l4.38 10.987H8.82l-.895-2.308h-4.58l-.896 2.307H0L4.38 2.001zm2.755 6.64L5.635 4.777 4.137 8.64z"})))}const f=r.forwardRef(p);var _;i.p;function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},m.apply(null,arguments)}function v(e,t){let{title:i,titleId:n,...l}=e;return r.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",ref:t,"aria-labelledby":n},l),i?r.createElement("title",{id:n},i):null,_||(_=r.createElement("path",{d:"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79 7.9 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"})))}const b=r.forwardRef(v);var h;i.p;function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},g.apply(null,arguments)}function y(e,t){let{title:i,titleId:n,...l}=e;return r.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 466.73 532.09",fill:"

1currentColor",ref:t,"aria-labelledby":n},l),i?r.createElement("title",{id:n},i):null,h||(h=r.createElement("path",{fillRule:"evenodd",d:"M457.43 125.94 244.42 2.96a22.127 22.127 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.127 22.127 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11h-.01Zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z"})))}const x=r.forwardRef(y);var j;i.p;function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},w.apply(null,arguments)}function L(e,t){let{title:i,titleId:n,...l}=e;return r.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",ref:t,"aria-labelledby":n},l),i?r.createElement("title",{id:n},i):null,j||(j=r.createElement("path",{d:"M8 0a.75.75 0 0 1 .75.75c0 3.31 2.69 6 6 6a.75.75 0 0 1 0 1.5c-3.31 0-6 2.69-6 6a.75.75 0 0 1-1.5 0c0-3.31-2.69-6-6-6a.75.75 0 0 1 0-1.5c3.31 0 6-2.69 6-6A.75.75 0 0 1 8 0z"})))}const I=r.forwardRef(L);i.p;const T={claude:f,cursor:x,codex:b,gemini:I};var N=i(70579);function k(e){return Array.isArray(e)?e:e&&"object"===typeof e?Object.entries(e).filter((e=>{let[t]=e;return t.startsWith("item")})).sort(((e,t)=>{let[i]=e,[n]=t;return Number(i.replace("item",""))-Number(n.replace("item",""))})).map((e=>{let[,t]=e;return t})):[]}function M(e,t){var i;if(!t||!e.title)return null;const n=null!==(i=function(e){return k(e).filter((e=>!!e&&"object"===typeof e&&"string"===typeof e.code&&e.code.length>0)).map((e=>({code:e.code,language:e.language||void 0})))}(e.codeBlocks))&&void 0!==i?i:[];return{clientId:t,title:e.title,descriptionHTML:e.descriptionHTML||e.descriptionHtml||void 0,footerHTML:e.footerHTML||e.footerHtml||void 0,...n.length>0?{codeBlocks:n}:{}}}function B(e,t){const i=function(e){return k(e).filter((e=>!!e&&"object"===typeof e)).flatMap((e=>{var t;const i=null!==(t=e.clientId)&&void 0!==t?t:"";return k(e.steps).filter((e=>!!e&&"object"===typeof e)).map((e=>M(e,i))).filter((e=>null!==e))}))}(t);return i.length>0?i:function(e){return k(e).filter((e=>!!e&&"object"===typeof e)).map((e=>{var t;return M(e,null!==(t=e.clientId)&&void 0!==t?t:"")})).filter((e=>null!==e))}(e)}function A(e){let{client:t}=e;if(("custom"===t.iconType||!t.iconType&&!!t.iconPath)&&t.iconPath)return(0,N.jsx)("img",{src:t.iconPath,alt:t.iconAlt||"",className:a.pillIconImage,"aria-hidden":!t.iconAlt||void 0});const i=function(e){if(e)return T[e]}(t.icon);return i?(0,N.jsx)(i,{className:a.pillIconSvg,"aria-hidden":!0}):null}function C(e){var t,i,n;const{id:l,backgroundColor:o,theme:u,reduceTopSpacing:p,reduceBottomSpacing:f,eyebrow:_="",title:m="",description:v="",clientFilterLabel:b="",clients:h=[],steps:g=[]}=(0,r.useMemo)((()=>function(e){const t=e&&"object"===typeof e?e:{};return{id:t.id,backgroundColor:t.backgroundColor,theme:t.theme,reduceTopSpacing:t.reduceTopSpacing,reduceBottomSpacing:t.reduceBottomSpacing,eyebrow:t.eyebrow,title:t.title,description:t.description,clientFilterLabel:t.clientFilterLabel,clients:(i=t.clients,k(i).filter((e=>!!e&&"object"===typeof e)).map((e=>{var t,i,n;const l=e.iconPath||void 0,r=function(e,t,i){return"predefined"===e||"custom"===e?e:i?"custom":t?"predefined":void 0}(e.iconType,e.icon,l),o=function(e,t){return e||(t.startsWith("claude")?"claude":"cursor"===t||"codex"===t||"gemini"===t?t:void 0)}(e.icon,null!==(t=e.id)&&void 0!==t?t:"");return{id:null!==(i=e.id)&&void 0!==i?i:"",label:null!==(n=e.label)&&void 0!==n?n:"",...r&&{iconType:r},...o&&{icon:o},...l&&{iconPath:l},...e.iconAlt&&{iconAlt:e.iconAlt}}})).filter((e=>e.id&&e.label))),steps:B(t.steps,t.clientSteps)};var i}(function(e){if(e.data&&"object"===typeof e.data)return e.data;const t=e.componentProperties;if(t&&"object"===typeof t){if(t.data&&"object"===typeof t.data)return t.data;if("clients"in t||"steps"in t||"clientSteps"in t||"title"in t)return t}return"clients"in e||"steps"in e||"clientSteps"in e||"title"in e?e:{}}(e))),[e]),y=(0,r.useMemo)((()=>function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).reduce(((e,t)=>{var i;if(!t.clientId||!t.title)return e;const n=null!==(i=e[t.clientId])&&void 0!==i?i:[];return n.push(function(e){var t;return{title:e.title,...e.descriptionHTML&&{descriptionHTML:{__html:e.descriptionHTML}},...(null===(t=e.codeBlocks)||void 0===t?void 0:t.length)&&{codeBlocks:e.codeBlocks},...e.footerHTML&&{footerHTML:{__html:e.footerHTML}}}}(t)),e[t.clientId]=n,e}),{})}(g)),[g]),[x,j]=(0,r.useState)((()=>{var e,t;return null!==(e=null===(t=h[0])||void 0===t?void 0:t.id)&&void 0!==e?e:""})),w=h.some((e=>e.id===x))?x:null!==(t=null===(i=h[0])||void 0===i?void 0:i.id)&&void 0!==t?t:"",L=(0,s.ws)(p,f),I=(0,s.af)(o),T=w&&null!==(n=y[w])&&void 0!==n?n:[];return(0,N.jsx)("section",{id:null!==l&&void 0!==l?l:void 0,style:{...L,...I}

1,className:(0,c.A)("defaultContainer",u,a.container),children:(0,N.jsx)("div",{className:"defaultLayoutOuter",children:(0,N.jsx)("div",{className:(0,c.A)("defaultLayoutInner defaultGrid",a.innerLayout),children:(0,N.jsxs)("div",{className:a.gridFull,children:[(0,N.jsxs)("div",{className:a.content,children:[(0,N.jsxs)("header",{className:a.header,children:[(0,N.jsx)("span",{className:a.eyebrow,children:_}),(0,N.jsx)("h1",{className:a.title,children:m}),(0,N.jsx)("p",{className:a.description,children:v})]}),(0,N.jsxs)("section",{className:a.clientSelection,children:[(0,N.jsx)("h3",{className:a.clientSelectionTitle,children:b}),(0,N.jsx)("div",{className:a.pillsContainer,children:h.map((e=>(0,N.jsxs)("button",{type:"button",className:(0,c.A)(a.pill,w===e.id?a.pillActive:a.pillInactive),onClick:()=>j(e.id),children:[(0,N.jsx)(A,{client:e}),e.label]},e.id)))})]})]}),T.length>0&&(0,N.jsx)("div",{className:a.accordion,children:(0,N.jsx)(d.D,{embedded:!0,animateIntoView:!1,data:{backgroundColor:o,list:T}},w)})]})})})})}var S=e=>(0,N.jsx)("div",{id:(0,o.A)(e.cqPath),children:(0,N.jsx)(l.A,{children:(0,N.jsx)(C,{...e})})})},75991:function(e,t,i){i.d(t,{D:function(){return E}});var n=i(65043),l=i(31732),r=i(58387),o=i(58751),c="accordion-list_container__WCigM",a="accordion-list_embeddedContainer__JcC0Y",s="accordion-list_embeddedOuterLayout__EBkoG",d="accordion-list_embeddedInner__UNweE",u="accordion-list_embeddedListContainer__YmwGQ",p="accordion-list_outerLayout__Qzfdj",f="accordion-list_pattern__T2Jip",_="accordion-list_patternSvg__UHrRI",m="accordion-list_withAnimation__D1y3Q",v="accordion-list_textContainer__5NiJ4",b="accordion-list_eyebrow__NS2g5",h="accordion-list_title__BhuBu",g="accordion-list_description__aeczk",y="accordion-list_listContainer__yc+D+",x="accordion-list_fullWidth__c1iJY",j="accordion-list_reduceWidth__pkEt4",w="accordion-list_listItem__T9CXP",L="accordion-list_listItemTitle__Z9cSe",I="accordion-list_listItemDescription__GvQ7g table-formatting-container",T=i(19424),N=i(35222),k=i(59639),M=i(9821),B=i(51075),A=i(70579);const C=e=>{const t={...e,classes:(0,r.A)(_,{[m]:e.isVisible}),patternType:k.A.accordionList};return(0,M.A)(t)},S=e=>{let{tabIndex:t,uniqueTabListId:i,activeTabIndex:l,title:r,descriptionHTML:o,codeBlocks:c,footerHTML:a,clickHandler:s}=e;const d=(0,n.useRef)(null);return(0,N.G)(d,[o,c,a]),(0,A.jsxs)("div",{className:w,children:[(0,A.jsx)("h3",{className:L,children:(0,A.jsx)("button",{"aria-expanded":t===l?"true":"false","aria-controls":`panel-${i}-${t}`,id:`tab-${i}-${t}`,tabIndex:0,onClick:()=>s(t),children:r})}),(0,A.jsxs)("div",{ref:d,className:I,id:`panel-${i}-${t}`,tabIndex:-1,hidden:t!==l,children:[o&&(0,A.jsx)("div",{dangerouslySetInnerHTML:o}),null===c||void 0===c?void 0:c.map(((e,t)=>(0,A.jsx)(B.N,{language:e.language,children:e.code},t))),a&&(0,A.jsx)("div",{dangerouslySetInnerHTML:a})]})]})},H=e=>{let{eyebrow:t,title:i,descriptionHTML:n}=e;return(0,A.jsxs)("div",{className:v,children:[(0,A.jsx)("p",{className:b,children:t}),(0,A.jsx)("h2",{className:h,children:i}),(0,A.jsx)("div",{className:g,dangerouslySetInnerHTML:n})]})},E=e=>{let{data:t,animateIntoView:i=!0,embedded:_=!1}=e;const{id:m,backgroundColor:v,reduceTopSpacing:b,reduceBottomSpacing:h,reduceWidth:g=!1,displayPattern:w,patternId:L,eyebrow:I,title:N,descriptionHTML:k,list:M}=t,B=(0,o.A)(),E=(0,n.useRef)(null),O=(0,l.B)(E,{freezeOnceVisible:!0}),z=!(null===O||void 0===O||!O.isIntersecting),P={patternId:L,isVisible:z},V=(0,T.ws)(b,h),R=(0,T.af)(v),$=!!N,[G,D]=(0,n.useState)(0),W=(0,T.zE)(2),q=(0,n.useRef)(null),F=e=>{const t=G===e?-1:e;D(t),B&&((e,t)=>{setTimeout((()=>{var i;if(!q.current)return;const n=(null!==(i=document.getElementById(`tab-${t}-${e}`))&&void 0!==i?i:q.current).getBoundingClientRect().top+window.scrollY+-90;window.scrollTo({top:n,behavior:"smooth"})}),100)})(t,W)};return(0,A.jsx)("section",{ref:E,id:null!==m&&void 0!==m?m:void 0,className:_?a:c,style:{...R},children:(0,A.jsxs)("div",{className:_?s:(0,r.A)("defaultLayoutOuter",p),style:_?void 0:{...V},children:[w&&(0,A.jsx)("div",{className:f,children:(0,A.jsx)(C,{...P})}),(0,A.jsxs)("div",{className:(0,r.A)(_?d:"defaultLayoutInner defaultGrid",{defaultAnimatableIntoView:!_&&i,defaultPlayAnimationIntoView:!_&&i&&z}),children:[$&&(0,A.jsx)(H,{eyebrow:I,title:N,descriptionHTML:k}),(0,A.jsx)("div",{className:(0,r.A)(y,{[x]:!$||_,[j]:g,[u]:_}),ref:q,children:null===M||void 0===M?void 0:M.map(((e,t)=>(0,A.jsx)(S,{tabIndex:t,uniqueTabListId:W,activeTabIndex:G,title:e.title,de

1scriptionHTML:e.descriptionHTML,codeBlocks:e.codeBlocks,footerHTML:e.footerHTML,clickHandler:F},t)))})]})]})})}},51075:function(e,t,i){i.d(t,{N:function(){return o}});var n=i(65043),l={codeBlock:"code-block_codeBlock__kVarc",toolbar:"code-block_toolbar__Sy57g",lang:"code-block_lang__OW6mG",copyBtn:"code-block_copyBtn__TAxif",copyBtnCopied:"code-block_copyBtnCopied__BBOqP",pre:"code-block_pre__6hEqA"},r=i(70579);function o(e){let{children:t,language:i}=e;const[o,c]=(0,n.useState)(!1);return(0,r.jsxs)("div",{className:l.codeBlock,children:[(0,r.jsxs)("div",{className:l.toolbar,children:[i&&(0,r.jsx)("span",{className:l.lang,children:i}),(0,r.jsx)("button",{className:o?`${l.copyBtn} ${l.copyBtnCopied}`:l.copyBtn,onClick:function(){navigator.clipboard.writeText(t).then((()=>{c(!0),setTimeout((()=>c(!1)),2e3)}))},"aria-label":"Copy code",children:o?"\u2713 Copied":"Copy"})]}),(0,r.jsx)("pre",{className:l.pre,children:t})]})}},35222:function(e,t,i){i.d(t,{G:function(){return r}});var n=i(65043),l=i(19424);function r(e,t){(0,n.useEffect)((()=>{(0,l.Zb)(e.current)}),t)}},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}}}]);