https://www.chase.com/_next/static/shared-containers-_mds-carousel.17da7a20.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[2852],{1634:(e,i,n)=>{n.r(i),n.d(i,{default:()=>Y});var t=n(88978),r=n(41789),a=n(34213),l=n(35583),s=n.n(l),o=n(4589),d=n(20754),c=n(28300),u=n(61424),m=n(85128),h=n(42374),g=n(34164),p=n(37890),x=n(49483),k=n(16935),y=n(74970),f=n(4698),T=n(75358),b=n(74848);const v=(...e)=>{const i=["<svg width='32' height='32' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>"];return e.forEach((e,n)=>{i.push(`<circle cx='18' cy='16' r='${0===n?8.75:6.875}' fill='${e}' />`)}),i.push("</svg>"),i.join("")},w=(0,h.default)(m.Layout).withConfig({displayName:"Carousel__ButtonLayout",componentId:"sc-rufras-0"})(["padding-top:2.5rem;align-items:flex-start;justify-content:center;"]),C=(0,h.default)(c.Grid).withConfig({displayName:"Carousel__CarouselTitle",componentId:"sc-rufras-1"})(["padding-bottom:1rem;"]),I=h.default.div.withConfig({displayName:"Carousel__CarouselSection",componentId:"sc-rufras-2"})([".slick-dots ul{display:flex;margin:0;}.slick-prev,.slick-next{height:32px;width:36px;padding:6px 8px;cursor:pointer;transform:none;position:unset;}.slick-dots{position:unset;}.slick-dots li{margin:0;}.slick-dots li button::before{width:0;height:0;}.slick-dots li button:focus{outline:0.0625rem dashed ",";}.slick-slide.slick-active:focus,.slick-slide.slick-active:focus-visible{outline:0.0625rem dashed "," !important;outline-offset:-0.0625rem;}.slick-dots ul li button:active{background-color:transparent;}.slick-dots ul li button:hover{background-color:transparent;}.slick-dots li,.slick-dots li button{width:36px;height:32px;}"," ",""],e=>e.theme.managed?.carousel?.indexOutlineColor,e=>e.theme.managed?.carousel?.indexOutlineColor,e=>"Bulleted"===e.$carouselStyleType&&`\n        .slick-dots ul {\n            padding: 0;\n        }\n\n        .slick-dots li button::before {\n            position: absolute;\n            top: 0;\n            left: 0;\n            content: url("data:image/svg+xml,${v(e.theme.managed?.carousel?.indexColor,e.theme?.managed?.color?.white)}");\n            text-align: center;\n            color: ${e.theme.managed?.carousel?.indexColor};\n            opacity: 1;\n        }\n\n        .slick-dots li button:hover::before {\n            content: url("data:image/svg+xml,${v(e.theme.managed?.carousel?.indexColor,e.theme?.managed?.color?.white,e.theme?.managed?.carousel?.hoverIndexColor)}");\n        }\n\n        .slick-dots ul li {\n            &:hover {\n            background: ${e.theme.managed?.carousel?.hoverIndexColor};\n             border-radius: ${e.$squareBorders?"0":"3px"};\n            }\n        }\n\n        .slick-dots li.slick-active button::before {\n            background-color: ${e.theme.managed?.carousel?.indexColor};\n            content: url("data:image/svg+xml,${v(e.theme.managed?.carousel?.indexColor)}");\n        }\n    `,e=>"Numbered"===e.$carouselStyleType&&`\n        .slick-dots ul {\n            padding: 0;\n        }\n\n        .slick-dots ul li:not(.slick-active) {\n            &:hover {\n             border-radius: ${e.$squareBorders?"0":"3px"};\n             background: ${e.theme.managed?.carousel?.hoverIndexColor};\n            }\n        }\n\n        .slick-dots li button {\n            padding: 0;\n            font-size: 0.9rem;\n            line-height: 1.25rem;\n            font-weight: 600;\n            color: ${e.theme.managed?.carousel?.indexColor};\n            @media (max-width: 576px) {\n                font-size: 0.9rem;\n            }\n        }\n\n        .slick-dots li button::before {\n            content: "";\n        }\n\n        .slick-dots li.slick-active {\n            background: ${e.theme.managed?.carousel?.indexColor};\n            border-radius: ${e.$squareBorders?"0":"4px"};\n        }\n\n        .slick-dots li.slick-active button {\n            color: #FFF;\n        }\n    `),S=h.default.div.withConfig({displayName:"Carousel__ArrowButtonSection",componentId:"sc-rufras-3"})(["margin-top:2.5rem;"]),$=(0,h.default)(T.A).withConfig({displayName:"Carousel__NextPrevButton",componentId:"sc-rufras-4"})(["&:hover{",""],e=>e.$overrideHover&&`background-color: ${e.theme.managed?.button?.overriddenHoverColor};

1`),j=(0,h.default)(T.A).withConfig({displayName:"Carousel__SlideIndexButtons",componentId:"sc-rufras-5"})(["height:2rem;width:2.25rem;"]),_=h.default.div.withConfig({displayName:"Carousel__SlideSection",componentId:"sc-rufras-6"})(["padding-top:2rem;@media (min-width:","){margin-right:-1.5rem;}"],d.X.minWidth.small),B=h.default.div.withConfig({displayName:"Carousel__GridContainer",componentId:"sc-rufras-7"})(["",";@media (min-width:","){",";}@media (min-width:","){"," "," ","}@media (min-width:","){width:calc(100% - 10rem);"," ","}@media (min-width:","){max-width:75rem;"," ","}"],e=>`\n    margin: ${"mediaBlock"===e.$carouselType?"2.5rem 1rem":"0rem 0rem 2.5rem 0rem"};\n  `,d.X.minWidth.small,e=>`\n      margin: ${"mediaBlock"===e.$carouselType?"2.5rem 3rem":"0rem 0rem 2.5rem 0rem"};\n    `,d.X.minWidth.medium,e=>"bucket"===e.$carouselType&&"\n      margin: 0rem 0rem 4rem 0rem;\n      width: 100%;\n    ",e=>"mediaBlock"===e.$carouselType&&"\n      margin: 4rem 4rem;\n      width: calc(100% - 7rem);\n      ",e=>"Icon"===e.$carouselType&&"\n      margin: 0rem 4rem;\n      width: calc(100% - 7rem);\n      ",d.X.minWidth.large,e=>("mediaBlock"===e.$carouselType||"bucket"===e.$carouselType)&&"\n      margin: 4.5rem auto;\n    ",e=>"Icon"===e.$carouselType&&"\n      margin: 0 auto 4.5rem auto;\n    ",d.X.minWidth.xxlarge,e=>("mediaBlock"===e.$carouselType||"bucket"===e.$carouselType)&&"\n      margin: 4.5rem auto;\n    ",e=>"Icon"===e.$carouselType&&"\n      margin: 0 auto 4.5rem auto;\n    "),N=(0,h.default)(c.Grid).withConfig({displayName:"Carousel__CarouselHeadingSection",componentId:"sc-rufras-8"})(["",";"],e=>`\n  text-align: ${e.$alignment||"left"};\n\n  @media (max-width: ${d.X.maxWidth.small}) {\n    padding: ${"mediaBlock"===e.$carouselType?"0rem":"2.5rem 1rem 0rem 1rem"};\n  }\n\n  @media (min-width: ${d.X.minWidth.medium}) and (max-width: ${d.X.maxWidth.large}) {\n    padding: ${"mediaBlock"===e.$carouselType?"2.5rem 0rem":"4rem 4rem 0rem 4rem"};\n  }\n\n  @media (min-width: ${d.X.minWidth.small}) and (max-width: ${d.X.maxWidth.medium}) {\n    padding: ${"mediaBlock"===e.$carouselType&&"left"===e.$alignment?"0rem":"2.5rem 2.5rem 0rem 2.5rem"};\n  }\n\n `),A=({title:e,subTitle:i,carouselName:n,slides:t,alignment:r,carouselSettings:a,carouselStyleType:l,carouselType:s,numberOfItemsInEachSlide:o,carouselButtonsTrackingID:d,links:m})=>(0,b.jsxs)(B,{"data-feature":"mds-carousel",$carouselType:s,children:[(0,b.jsxs)(N,{container:!0,$alignment:r,$carouselType:s,hasVerticalSpacing:!0,enableEqualOverflow:!0,children:[e&&(0,b.jsx)(C,{children:(0,b.jsx)(u.g,{html:e})}),i&&(0,b.jsx)(c.Grid,{children:(0,b.jsx)(u.g,{html:i})})]}),(0,b.jsx)(D,{carouselName:n,slides:t,carouselSettings:a,carouselStyleType:l,numberOfItemsInEachSlide:o,carouselButtonsTrackingID:d,links:m})]});function D({slides:e=[],carouselName:i,carouselSettings:n,carouselStyleType:t,carouselButtonsTrackingID:r,links:c}){const u=(0,a.ZY)(),[h,g]=(0,l.useState)(),[k,T]=(0,l.useState)(0),v=(0,l.useRef)(null),C=(0,l.useRef)(null),[$,B]=(0,l.useState)(!1),N=c&&c.length>0?c[0]:void 0,[A,D]=(0,l.useState)("polite"),[P,W]=(0,l.useState)(!0),[X,E]=(0,l.useState)(!1),O=(0,x.useMedia)(`(min-width: ${d.X.minWidth.large})`,!0);(0,l.useEffect)(()=>{g(v?.current)},[]);const M=(0,l.useCallback)(()=>{(0,y.om)(C)},[C]),R=u?.i18n?.carouselNextBtnText,q=u?.i18n?.carouselPreviousBtnText,z=u?.i18n?.carouselTrackerBtnMobileText,G=u?.i18n?.selectedItemAccessibleText,U=n?.slidesToScroll||1,F=(0,l.useCallback)(e=>{return i=e,n=O?U:1,Math.ceil(i/n);var i,n},[O,U]),H={...n,dots:!0,appendDots:e=>(e=>(0,b.jsx)(S,{children:(0,b.jsxs)(m.Layout,{display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"center",children:[(0,b.jsx)(m.LayoutItem,{children:(0,b.jsx)(L,{direction:"left",trackingId:`${r}_left`,accessibleText:q,onClick:()=>{h?.slickPrev(),B(!0)}})}),(0,b.jsx)(m.LayoutItem,{children:(0,b.jsxs)("ul",{children:[" ",e," "]})}),(0,b.jsx)(m.LayoutItem,{children:(0,b.jsx)(L,{direction:"right",trackingId:`${r} _right`,accessibleText:R,onClick:()=>{h?.slickNext(),B(!0)}})})]})}))(e),customPaging:i=>(0,b.jsx)(j,{buttonTrackingType:"chaseanalytics-track-link",buttonTrackingId:`${r}_${i+1} `,"aria-label":K(i,F(e.length),z,G),children:i+1}),dotsClass:"slick-dots",beforeChange:(e,i)=>{(e=>{W(!1),$&&(D("polite"),E(!0),B(!1)),T(O?e/U:e)})(i)},afterChange:()=>{W(!0),M(),(0,y.lL)(C)},onReInit:()=>{M()}};(0,l.useEffect)(()=>{M()},[h,M]);const K=(0,l.useCallback)((e,i,n,t)=>{const r=k===e;return`${n&&(0,p.JT)(n,`${e+1}`,`${i}`)}${r?`, ${t}`:""} `},[k]),V=(0,a.cF)("CSP","CSR");return(0,b.jsxs)(I,{role:"region","aria-label":i,$carouselStyleType:t,$squareBorders:V,children:[(0,b.jsx)("span",{className:"accessible-text","aria-live":A,"aria-busy":P,"aria-atomic":X,children:`${K(k,F(e.length),z,G)}`}),(0,b.jsx)(_,{ref:C,children:(0,b.jsx)("div",{"aria-roledescription":"slide",children:(0,b.jsx)(o.A,{ref:v,...H,children:e&&e.map((e,i)=>(0,b.jsx)(s().Fragment,{children:e},i))})})}),N&&(0,b.jsx)(w,{children:(0,b.jsx)(f.A,{url:N?.url,esUrl:N?.esUrl,linkPresentationType:N?.linkPresentationType,linkTrackingId:N?.linkTrackingId,linkTrackingType:N?.linkTrackingType,accessibilityText:N?.accessibilityText,inverse:N?.inverse,text:N?.text||"",showSpeedBump:N?.showSpeedBump,linkOpensIn:N?.linkOpensIn,passSourceCodeParam

1:N?.passSourceCodeParam,overlayType:N?.overlayType})})]})}function L({direction:e,className:i,accessibleText:n,trackingId:t,onClick:r,onKeyDown:l}){const s=(0,a.cF)("CSP","CSR");return(0,b.jsxs)($,{size:"regular",accessibilityText:n,onClick:r,onKeyDown:l,buttonTrackingType:"chaseanalytics-track-link",buttonTrackingId:t,className:(0,g.A)("slick-arrow",{"slick-prev":"left"===e,"slick-next":"right"===e},i),variant:"tertiary",$overrideHover:s,children:["left"===e&&(0,b.jsx)(k.gu7,{"aria-hidden":!0,color:"interactive",size:"medium"}),"right"===e&&(0,b.jsx)(k.Vjx,{"aria-hidden":!0,color:"interactive",size:"medium"})]})}const P=h.default.div.withConfig({displayName:"BucketCarousel__BucketCarouselSection",componentId:"sc-8by09v-0"})([".slick-slide{border:none;padding:0.5rem;max-width:none;@media (max-width:","){padding:0 0.75rem;}@media (min-width:","){padding:0 1.5rem 0 0;}> div{display:flex;flex-direction:column;height:100%;> *{flex:1;}}}"],d.X.minWidth.small,d.X.minWidth.medium),W=({title:e,subTitle:i,carouselName:n,alignment:t,featureBlockList:a,numberOfItemsInEachSlide:l=0,carouselStyleType:s,carouselType:o,carouselButtonsTrackingID:d,disableRoundedImage:c,links:u})=>{const m={dots:!0,speed:500,slidesToShow:l,slidesToScroll:(0,y.Dr)(a?.length,l),autoplay:!1,swipeToSlide:!0,arrows:!1,infinite:!0,centerMode:!1,responsive:[{breakpoint:992,settings:{slidesToShow:1,slidesToScroll:1,centerMode:!0,centerPadding:"100px"}},{breakpoint:768,settings:{slidesToShow:1,slidesToScroll:1,centerMode:!0,centerPadding:"90px"}},{breakpoint:576,settings:{slidesToShow:1,slidesToScroll:1,centerMode:!0,centerPadding:"45px"}},{breakpoint:320,settings:{slidesToShow:1,slidesToScroll:1,centerMode:!0,centerPadding:"35px"}}]};return(0,b.jsx)(P,{"data-feature":"bucket-carousel",children:(0,b.jsx)(A,{title:e,subTitle:i,carouselName:n,alignment:t,slides:a&&a.map((e,i)=>(0,b.jsx)(r.DY,{card:e,componentReference:l,alignment:t,roundImages:!c},i)),numberOfItemsInEachSlide:l,carouselSettings:m,carouselStyleType:s,carouselType:o,carouselButtonsTrackingID:d,links:u})})};var X=n(53325),E=n(80371),O=n(99195),M=n(79163),R=n(77576),q=n(39995),z=n(24631);const G=(0,h.default)(c.Grid).withConfig({displayName:"CarouselMediaBlock__ImageWrapper",componentId:"sc-ui7lmz-0"})(["display:flex;justify-content:center;margin-bottom:1.5rem;@media (min-width:","){max-height:25rem;}@media (min-width:","){max-height:31.2rem;}@media (min-width:","){max-height:37rem;}@media (min-width:","){max-height:43rem;}img{object-fit:contain;width:100%;","}"],d.X.minWidth.medium,d.X.minWidth.large,d.X.minWidth.xlarge,d.X.minWidth.xxlarge,e=>e.$roundImage&&"\n    border-radius: 0.5rem;\n  "),U=(0,h.default)(m.LayoutItem).withConfig({displayName:"CarouselMediaBlock__StyledLayoutItem",componentId:"sc-ui7lmz-1"})(["padding-bottom:1rem;width:100%;"]),F=({item:e,alignment:i,roundImages:n})=>{const t=(0,E.nn)(e?.values?.eyebrow),r="left"===i?"left":"center";return(0,b.jsxs)(c.Grid,{style:{justifyContent:"center"},children:[e.values.video&&(0,b.jsx)(c.Grid,{children:(0,b.jsx)(q.Spacing,{padding:{bottom:"1rem"},children:(0,b.jsx)(O.cZ,{...e.values.video.values,render:e=>e.playVideo&&e.player&&(0,b.jsx)(M.b0,{children:(0,b.jsx)(R.Z,{...e,player:e.player})})})})}),e?.values?.primaryImage&&(0,b.jsx)(G,{$roundImage:n,children:(0,b.jsx)(X.Image,{src:e?.values?.primaryImage,alt:e?.values?.primaryImageAltText||""})}),(0,b.jsxs)(m.Layout,{flexDirection:"column",style:{textAlign:r},children:[t&&(0,b.jsx)(U,{children:(0,b.jsx)(z.A,{textStyle:"bodySmall",children:t})}),e?.values?.title&&(0,b.jsx)(U,{children:(0,b.jsx)(u.g,{html:e?.values?.title})}),e?.values?.bodyCopy&&(0,b.jsx)(U,{children:(0,b.jsx)(u.g,{html:e?.values?.bodyCopy})}),(0,b.jsx)(m.LayoutItem,{className:"w-100",children:e?.values?.links&&e?.values?.links.map((e,i)=>(0,b.jsx)(f.A,{url:e?.url,accessibilityText:e?.accessibilityText,esUrl:e?.esUrl,text:e?.text||"",inverse:e?.inverse,linkPresentationType:e?.linkPresentationType,linkTrackingId:e?.linkTrackingId,linkTrackingType:e?.linkTrackingType,style:{marginRight:"1rem"},passSourceCodeParam:e?.passSourceCodeParam,linkOpensIn:e?.linkOpensIn,overlayType:e?.overlayType},i))})]})]})},H=h.default.div.withConfig({displayName:"MediaBlockCarousel__MediaBlockCarouselSection",componentId:"sc-1o9up2f-0"})([".slick-slide{border:none;max-width:none;}"]),K=({title:e,subTitle:i,carouselName:n,alignment:t,featureBlockList:r,numberOfItems

1InEachSlide:a,carouselStyleType:l,carouselType:s,carouselButtonsTrackingID:o,disableRoundedImage:d,links:c})=>{const u={dots:!0,speed:500,slidesToShow:a,slidesToScroll:(0,y.Dr)(r?.length,a),autoplay:!1,swipeToSlide:!0,arrows:!1,infinite:!0,centerMode:!1};return(0,b.jsx)(H,{"data-feature":"carousel-media-block",children:(0,b.jsx)(A,{title:e,subTitle:i,carouselName:n,alignment:t,slides:r&&r.map((e,i)=>(0,b.jsx)(F,{item:e,alignment:t,roundImages:!d},i)),carouselSettings:u,carouselStyleType:l,carouselType:s,carouselButtonsTrackingID:o,links:c})})};var V=n(58987);const Z=e=>{const{error:i}=(0,V.U)();switch(e.carouselType){case"bucket":return(0,b.jsx)(W,{...e});case"mediaBlock":return(0,b.jsx)(K,{...e});default:i(`Carousel type ${e.carouselType} is not mapped.`)}};function Y({key:e,...i}){return(0,b.jsx)(t.t,{name:"CarouselContainer",children:(0,b.jsx)(Z,{...i})},e)}},74970:(e,i,n)=>{function t(e,i){if(!e)return 1;if(!i)return 1;for(let n=i;n>1;n--)if(e%n===0)return n;return 1}function r(e){if(!e?.current)return;const i=["a[href]","button"];e.current.querySelectorAll(".slick-slide").forEach(e=>{const n="false"===e.getAttribute("aria-hidden");e.setAttribute("tabindex",n?"0":"-1"),e.setAttribute("aria-hidden",n?"false":"true"),e.querySelectorAll(i.join(",")).forEach(e=>{e.setAttribute("tabindex",n?"0":"-1"),e.setAttribute("aria-hidden",n?"false":"true")})})}function a(e){if(!e?.current)return;if(!document.activeElement?.closest(".slick-slide"))return;const i=e.current.querySelector('.slick-slide[aria-hidden="false"]');i?.focus()}n.d(i,{Dr:()=>t,lL:()=>a,om:()=>r})}}]);