https://skillsbuild.org/_next/static/chunks/1901-711f7658d7240b57.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1901],{16133:(e,a,t)=>{t.d(a,{A:()=>w});var i=t(37876),r=t(14232),s=t(65454),l=t(95062),n=t.n(l),c=t(15039),o=t.n(c),d=t(43710),b=t(86828),h=t(58779),g=t(57585),u=t(47234),p=t(93074),m=t(54753),x=t(86649);function y(e=[]){if(!Array.isArray(e))return;let a=e.filter(e=>e?.label).map(e=>({cardTagLabel:e.label,cardTagColor:Array.isArray(e?.color)?e.color[0]:e?.color}));return a.length?a:void 0}function v(e){return[e?.durationIcon&&e?.durationLabel?{icon:e.durationIcon[0],label:e.durationLabel}:null,e?.levelIcon&&e?.levelLabel?{icon:e.levelIcon[0],label:e.levelLabel}:null].filter(Boolean)}function w({title:e,copy:a,tabs:t=[],viewMoreLink:l=null,className:n,titleClassName:c,copyClassName:_,arrows:f}){let j=1===(0,p.A)(4),[N,k]=(0,r.useState)(0),A=(0,r.useMemo)(()=>t.map((e,a)=>({id:a,text:e?.title})),[t]);(0,r.useEffect)(()=>(document.addEventListener("click",b.U),()=>{document.removeEventListener("click",b.U)}),[]);let I=(0,r.useCallback)((e=[])=>Array.isArray(e)?e.map(e=>({heading:e?.title,copy:e?.copy,linkUrl:e?.url,isExternal:!0,cardTags:y(e?.skillsTags),metadata:v(e),imageRatio:["2x3"]})):[],[]);return(0,i.jsxs)("div",{className:o()("sb--tabs-with-cards",n),children:[(0,i.jsx)("h2",{className:o()("cds--productive-heading-05","sb--tabs-with-cards__title",c),children:e}),(0,i.jsx)("p",{className:o()("cds--body-long-02","sb--tabs-with-cards__copy",_),children:(0,x.Ay)((0,m.N)(a))}),(0,i.jsxs)(s.Tabs,{selectedIndex:N,onChange:({selectedIndex:e})=>k(e),children:[j?(0,i.jsx)(s.Dropdown,{id:"tabs-with-cards-tab-dropdown",className:"sb--tabs-with-cards__tab-dropdown",titleText:"Select a category",hideLabel:!0,label:"Select a category",items:A,itemToString:e=>e?e.text:"",selectedItem:A[N]??null,onChange:({selectedItem:e})=>{e&&k(e.id)}}):(0,i.jsx)(s.TabList,{"aria-label":"List of tabs",children:t.map((e,a)=>(0,i.jsx)(s.Tab,{id:`tabs-with-cards-tab-${a}`,label:e?.title,children:e?.title},`tabs-with-cards-tab-${a}`))}),(0,i.jsx)(s.TabPanels,{children:t.map((e,a)=>{let t=Array.isArray(e?.cards)?e.cards:[],r=I(t),n=e?.tabLink||l,c=e?.title||`tab-${a}`;return(0,i.jsx)("div",{children:(0,i.jsx)(s.TabPanel,{className:"sb--tabs-with-cards__tab-panel",children:(0,i.jsxs)(i.Fragment,{children:[j?(0,i.jsx)(u.A,{id:`tab-carousel-${a}`,cards:r,cardMetadata:v,cardCustomHeading:"cds--productive-heading-03",cardClassName:o()("sb--DDScarousel-card","sb--tabs-with-cards__carousel-card"),carouselClassName:o()("sb--DDScarousel-cards__container","sb--tabs-with-cards__carousel-container"),headingTag:"h3",iconPositionClasses:"ml-auto",arrows:f}):(0,i.jsx)("div",{className:"sb--tabs-with-cards__grid",children:t.map((e,a)=>(0,i.jsx)("div",{className:"sb--tabs-with-cards__column",children:(0,i.jsx)(h.A,{bodyCopy:e?.copy,className:"mf--course-card",id:`tab-card-${a}`,heading:e?.title,href:e?.url,isExternal:!0,iconPositionClasses:"ml-auto",tags:y(e?.skillsTags),metadata:v(e),linkIcon:"ArrowRight",headingTag:"h3"})},`tab-card-${e?.title||a}-${a}`))}),n?.label&&n?.url&&(0,i.jsx)(d.A,{ariaLabel:n.label,href:n.url,classes:o()("cds--body-short-02","sb--tabs-with-cards__view-more-link"),icon:(0,g.RU)(n.icon),isExternal:n.isexternal,children:n.label})]})})},`tab-${c}-${a}`)})})]})]})}w.propTypes={className:n().string,titleClassName:n().string,title:n().string,copy:n().string,tabs:n().arrayOf(n().shape({title:n().string,cards:n().arrayOf(n().shape({title:n().string,copy:n().string,url:n().string,cardIcon:n().string,durationIcon:n().string,durationLabel:n().string,levelIcon:n().string,levelLabel:n().string,skillsTags:n().string})),tabLink:n().shape({label:n().string,url:n().string,icon:n().string,isexternal:n().bool})})),viewMoreLink:n().shape({label:n().string,url:n().string,icon:n().string,isexternal:n().bool}),arrows:n().string}},52358:(e,a,t)=>{t.d(a,{A:()=>v});var i=t(37876),r=t(95062),s=t.n(r),l=t(14232),n=t(65454),c=t(43710),o=t(15039),d=t.n(o),b=t(58440),h=t(99971),g=t(91830),u=t(78327);let p={layout:"fill",objectFit:"cover",quality:100,priority:!1,placeholder:h.K.DEFAULT,objectPosition:"center",loading:"lazy"};function m(e){e&&window.open(e,"_blank","noopener,noreferrer")}let x=e=>{if(!Array.isArray(e)||0===e.length)return -1;let a=e.findIndex(({accordion:e})=>e?.isExpanded===!0);return a>=0?a:0},y=({title:e,accordions:a,titleClassName:t,className:r})=>{let[s,o]=(0,l.useState)(null);(0,l.useEffect)(()=>{function e(){o(window.innerWidth>=1056)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let h=x(a),[y,v]=(0,l.useState)(h),w=!s;(0,l.useEffect)(()=>{let e=x(a);e>=0&&v(e)},[a]);let _=e=>{y!==e&&v(e)},f=y>=0?a?.[y]?.video:null,j=y>=0?a?.[y]?.placeholderImage:null,N=y>=0?a?.[y]?.placeholderImageWebp:null;if(null===s)return null;let k=()=>a?.[y]?.useImage?function({title:e,url:a,currentImage:t,currentImageWebp:r}){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"sb--video-player-with-accordion__button-wrapper",children:(0,i.jsx)("div",{role:"button",tabIndex:0,"aria-label":e?`Play ${e}`:"Play video",className:"sb--video-player-with-accordion__play-button",onClick:()=>m(a),onKeyDown:e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),m(a))},children:(0,i.jsx)(g.A,{name:"PlayFilled",size:24,transformOnRightLang:!1})})}),(0,i.jsx)("div",{className:"sb--video-player-with-accordion__thumbnail",children:t&&r&&(0,i.jsx)(b.A,{standardImage:t,webpImage:r,className:"cds--image__img cds--card__img",...p})})]})}({url:a?.[y]?.accordion?.link?.url,currentImage:j,currentImageWebp:N,title:f?.title}):function({currentVideo:e}){let a=e?.id?.trim();return a?(0,i.jsx)(u.dT,{"video-id":a,"hide-caption":!0,"aspect-ratio":"16x9"},a):null}({currentVideo:f});return(0,i.jsxs)("div",{className:r,children:[e&&(0,i.jsx)("h2",{className:d()("cds--productive-heading-05","sb--video-player-with-accordion__title",t),children:e}),(0,i.jsxs)("div",{className:d()("sb--video-player-with-accordion__container",!w&&"sb--video-player-with-accordion__container-flex"),children:[!w&&(0,i.jsx)("div",{className:"sb--video-player-with-accordion__flex-one",children:k()}),(0,i.jsx)("div",{className:d()(!w&&"sb--video-player-with-accordion__flex-one","sb--video-player-with-accordion__accordion-wrapper"),children:(0,i.jsx)(n.Accordion,{align:"end",size:"lg",children:a?.map(({accordion:e,video:a},t)=>{let r=y===t,s=e?.link?.url&&e?.link?.text?.trim();return(0,i.jsx)("div",{children:(0,i.jsxs)(n.AccordionItem,{title:e?.title,open:r,onClick:()=>_(t),onHeadingClick:()=>_(t),className:d()("cds--body-compact-01",r&&"sb--video-player-with-accordion__accordion-bold-title"),children:[w&&r&&a&&(0,i.jsx)("div",{className:"sb--video-player-with-accordion__video-spacing",children:k()}),(0,i.jsx)("p",{className:"cds--body-01 mt-2 mb-4",children:e.copy}),s&&(0,i.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,i.jsx)(c.A,{href:e.link.url,classes:"cds--body-compact-01",icon:e.link.icon,ariaLabel:e.link.text,isExternal:e.link.isExternal,children:e.link.text})})]})},`accordion-with-video-${e.title}-${t}`)})})})]})]})},v=y;y.propTypes={title:s().string,titleClassName:s().string,className:s().string,accordions:s().arrayOf(s().shape({accordion:s().shape({title:s().string,copy:s().string,isExpanded:s().bool,link:s().shape({url:s().string,text:s().string,isExternal:s().bool,icon:s().string})}),video:s().shape({id:s().string.isRequired,type:s().arrayOf(s().oneOf(["youtube","mediacenter"])),title:s().string}),useImage:s().bool,placeholderImage:s().shape({node:s().shape({altText:s().string,sourceUrl:s().string,srcSet:s().string})}),placeholderImageWebp:s().shape({node:s().shape({altText:s().string,sourceUrl:s().string,srcSet:s().string})})}))}},86828:(e,a,t)=>{t.d(a,{U:()=>i});let i=e=>{if("A"===e.target.tagName||"SPAN"===e.target.tagName){let a="A"===e.target.tagName?e.target:e.target.closest("a");if(a&&a.getAttribute("href").startsWith("#")){e.preventDefault();let t=a.getAttribute("href").substring(1),i=document.getElementById(t);i&&(history.replaceState({},document.title,window.location.pathname+window.location.search),i.scrollIntoView({behavior:"smooth"}))}}}}}]);