https://www.productboard.com/_next/static/chunks/1964.79eec96f8502b1c4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1964],{1964:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E,transformSpotlightSectionsProps:()=>L});var i=n(95155),o=n(12115),a=n(79327),r=n(38128),d=n(32553),s=n(87853),l=n(78638),c=n(20558),p=n(69744),h=n(49988),g=n(79604);let u=(0,d.default)(g.A).withConfig({componentId:"sc-62b41958-0"})(["--spotlight-nav-offset:calc( var(--header-nav-height,0rem) + (var(--header-nav-offset-top,0rem)) + "," );--spotlight-content-width:73.75rem;position:relative;"],l.J.spacingMD),f=d.default.div.withConfig({componentId:"sc-62b41958-1"})(["position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;pointer-events:none;border-radius:",";overflow:hidden;"],p.e.radiusLG),m=(0,d.default)(s.P.div).withConfig({componentId:"sc-62b41958-2"})(["position:absolute;inset:0;background:",";will-change:opacity;"],({$background:e})=>e),b=d.default.div.withConfig({componentId:"sc-62b41958-3"})(["position:relative;z-index:1;display:flex;flex-direction:column;gap:",";"],({$gap:e})=>l.J[e]),v=d.default.div.withConfig({componentId:"sc-62b41958-4"})(["width:100%;max-width:var(--spotlight-content-width);margin:0 auto;display:flex;flex-direction:column;gap:",";"],l.J.spacingMD),w=(0,d.css)(["overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}mask-image:linear-gradient( to right,transparent 0,"," ",","," calc(100% - ","),transparent 100% );","{mask-image:none;}"],c.nh.bgPrimary,l.J.spacingXL,c.nh.bgPrimary,l.J.spacingXL,h.BK.medium),x=(0,d.default)(s.P.div).withConfig({componentId:"sc-62b41958-5"})(["position:sticky;top:var(--spotlight-nav-offset);z-index:10;width:fit-content;max-width:100%;margin-inline:auto;display:flex;flex-wrap:nowrap;gap:",";padding:"," ",";border-radius:",";background-color:",";margin-bottom:",";border:1px solid ",";"," > *{flex-shrink:0;}"],l.J.spacingSM,l.J.spacingMD,l.J.spacingXL,p.e.radiusMD,c.nh.bgPrimary,l.J.spacing4XL,c.nh.borderSecondary,w),y=d.default.section.withConfig({componentId:"sc-62b41958-6"})(["display:flex;flex-direction:column;justify-content:center;width:100%;max-width:var(--spotlight-content-width);margin:0 auto;scroll-margin-top:3rem;"]),k=({background:e,isActive:t})=>(0,i.jsx)(m,{$background:e,"aria-hidden":!0,initial:!1,animate:{opacity:+!!t},transition:{duration:.6,ease:"easeInOut"}});var I=n(51967),C=n(9436);let L=({builderBlock:e,section:t})=>({animateBackground:!a.M$.isEditing,headerSlot:(0,i.jsx)(a.y$,{parentElementId:e?.id,dataPath:"component.options.headerSlot",blocks:e.component?.options?.headerSlot??[],child:!0}),children:e?.children?.map(e=>{let t=e.component?.options??{};return o.cloneElement((0,i.jsx)(a.WM,{block:e}),{title:t.title,buttonEventLabel:t.buttonEventLabel,background:(e=>e.useGradient?e.gradient?C.K7[e.gradient]:void 0:e.backgroundColor?c.nh[e.backgroundColor]:void 0)(t),buttonLeadingIcon:t.buttonLeadingIcon})})??[],id:e?.id,section:t}),E=(0,I.K)(({children:e,headerSlot:t,animateBackground:n=!0,section:a={},...d})=>{let s=o.Children.toArray(e).filter(o.isValidElement),l=s.length,c=(0,o.useRef)([]),p=(0,o.useRef)(null),h=(0,o.useRef)([]),[g,m]=(0,o.useState)(0),w=s.some(e=>!!e.props.background);return(0,o.useEffect)(()=>{let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&m(Number(e.target.getAttribute("data-index")))})},{rootMargin:"-45% 0px -45% 0px",threshold:0});return c.current.forEach(t=>t&&e.observe(t)),()=>e.disconnect()},[l]),(0,o.useEffect)(()=>{let e=p.current,t=h.current[g];e&&t&&"function"==typeof e.scrollTo&&e.scrollTo({left:t.offsetLeft-e.clientWidth/2+t.clientWidth/2,behavior:"smooth"})},[g]),(0,i.jsxs)(u,{width:"content",backgroundColor:"bgTransparent",paddingTop:a.paddingTop,paddingBottom:a.paddingBottom,...d,children:[n&&w&&(0,i.jsx)(f,{children:s.map((e,t)=>(0,i.jsx)(k,{background:e.props.background??"transparent",isActive:t===g},e.key??t))}),t&&(0,i.jsx)(v,{children:t}),(0,i.jsx)(x,{ref:p,role:"navigation","aria-label":"Section navigation",initial:{opacity:0,y:-16},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.4},transition:{duration:.4,ease:"easeOut"},children:s.map((e,t)=>(0,i.jsx)(r.A,{ref:e=>{h.current[t]=e},type:t===g?"primary":"tertiary",size:"small","aria-current":t===g?"true":void 0,onClick:()=>{c.current[t]?.scrollIntoView({behavior:"smooth",block:"start"})},leadingIcon:e.props.buttonLeadingIcon,eventLabel:e.props.buttonEventLabel,children:e.props.title},e.key??t))}),(0,i.jsx)(b,{$gap:a.gap??"spacing5XL",children:s.map((e,t)=>(0,i.jsx)(y,{ref:e=>{c.current[t]=e},"data-index":t,"aria-label":e.props.title,children:e},e.key??t))})]})},L)}}]);