https://www.chase.com/_next/static/client-components-flip-card-FlipCardItem.3b8b38c1.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[3171],{68709:(r,a,e)=>{e.r(a),e.d(a,{FlipCard:()=>T,default:()=>O});var o=e(26611),i=e(2452),t=e(89348),n=e(34164),l=e(35583),c=e(42374),d=e(37826),s=e(11960),m=e(20754),p=e(65887),u=e(92879),f=e(60932),g=e(74848);const v=c.default.div.withConfig({displayName:"FlipCardItem__SingleFlipCardContainer",componentId:"sc-1rgs5ab-0"})(["width:var(--flip-card-width-mobile);@media (min-width:","){width:var(--flip-card-width-desktop);}&.flipped{--rotate-y:180deg;}&:hover{animation:",";}@keyframes zoominoutsinglefeatured{0%{transform:scale(1,1);}50%{transform:scale(1.03,1.03);}100%{transform:scale(1,1);}}@media (prefers-reduced-motion:reduce){&:hover{animation:none;}}"],m.f.small,r=>r.$staticCard?"none":"zoominoutsinglefeatured 0.5s"),h=c.default.div.withConfig({displayName:"FlipCardItem__FlipCardInner",componentId:"sc-1rgs5ab-1"})(["height:100%;width:100%;border-top:solid var(--flip-card-theme-color) ",";border-top-left-radius:",";border-top-right-radius:",";transform-style:preserve-3d;transition:500ms;transform:perspective(1000px) rotateY(var(--rotate-y,0));"],r=>r.$turnOffBrandBar||r.$isFlipped?"0":"1.25rem",r=>r.$squareCorners?"0":"0.625rem;",r=>r.$squareCorners?"0":"0.625rem;"),b=(0,c.default)(p.TW).withConfig({displayName:"FlipCardItem__StyledCard",componentId:"sc-1rgs5ab-2"})(["flex-direction:column;flex-wrap:nowrap;justify-content:space-between;backface-visibility:hidden;border:",";border-top-right-radius:",";border-top-left-radius:",";border-bottom-right-radius:",";border-bottom-left-radius:",";padding-top:",";@media (min-width:","){padding-top:",";}"],r=>r.$turnOffBorder?"transparent":"var(--flip-card-border)",r=>r.$turnOffBrandBar&&!r.$squareCorners?"0.625rem;":"0",r=>r.$turnOffBrandBar&&!r.$squareCorners?"0.625rem;":"0",r=>r.$squareCorners?"0":"0.625rem;",r=>r.$squareCorners?"0":"0.625rem;",r=>r.$imagePresent?"var(--flip-card-image-padding-top-mobile)":r.$showVerticalLine?"0":"1.5rem",m.f.small,r=>r.$imagePresent?"var(--flip-card-image-padding-top-desktop)":r.$showVerticalLine?"0":"2.5rem"),k=(0,c.default)(f.VS).withConfig({displayName:"FlipCardItem__StyledBackgroundContainer",componentId:"sc-1rgs5ab-3"})(["",";border-top-right-radius:",";border-top-left-radius:",";border-bottom-right-radius:",";border-bottom-left-radius:",";",";"],r=>r.$isBack?"transform: rotateY(180deg);":"",r=>r.$turnOffBrandBar&&!r.$squareCorners?"0.625rem;":"0",r=>r.$turnOffBrandBar&&!r.$squareCorners?"0.625rem;":"0",r=>r.$squareCorners?"0":"0.625rem;",r=>r.$squareCorners?"0":"0.625rem;",r=>r.$isBack&&!r.$squareCorners?"border-top-right-radius: 0.625rem; border-top-left-radius: 0.625rem;":"0"),y=(0,c.default)(b).withConfig({displayName:"FlipCardItem__BackSideCard",componentId:"sc-1rgs5ab-4"})(["border-top-left-radius:inherit;border-top-right-radius:inherit;padding-top:2.5rem;"]),$=c.default.div.withConfig({displayName:"FlipCardItem__FrontBlockInformation",componentId:"sc-1rgs5ab-5"})(["",";padding-left:",";padding-right:",";@media (min-width:","){padding-left:",";padding-right:",";}"],r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"a {\n    color: var(--flip-card-link-color);\n    &:hover {\n      color: var(--flip-card-link-hover-color);\n    }\n    &:active {\n      color: var(--flip-card-link-hover-color);\n    }\n  }\n  color: var(--flip-card-description-color);",r=>r.$showVerticalLine?"1.5rem":"var(--flip-card-text-padding-mobile);",r=>r.$showVerticalLine?"1.5rem":"var(--flip-card-text-padding-mobile);",m.f.small,r=>r.$showVerticalLine?"1.75rem":"var(--flip-card-text-padding);",r=>r.$showVerticalLine?"1.75rem":"var(--flip-card-text-padding);"),C=(0,c.default)($).withConfig({displayName:"FlipCardItem__BackBlockInformation",componentId:"sc-1rgs5ab-6"})(["height:87.5%;flex-direction:column;justify-content:space-between;"]),B=c.default.div.withConfig({displayName:"FlipCardItem__ButtonsContainer",componentId:"sc-1rgs5ab-7"})(["padding-left:",";padding-right:",";@media (min-width:","){padding-left:",";padding-right:",";}"],r=>r.$showVerticalLine?"1.5rem":"var(--flip-card-text-padding-mobile);",r=>r.$showVerticalLine?"1.5rem":"var(--flip-card-text-padding-mobile);",m.f.small,r=>r.$showVerticalLine?"1.75rem":"var(--flip-card-text-padding);",r=>r.$showVerticalLine?"1.75rem":"var(--flip-card-text-padding);"),w=(0,c.default)($).withConfig({displayName:"FlipCardItem__TitleContainer",componentId:"sc-1rgs5ab-8"})(["",";border-left:",";padding:",";margin-bottom:",";@media (min-width:","){margin-bottom:",";padding:",";}"],r=>

1V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"a {\n      color: var(--flip-card-link-color);\n      &:hover {\n        color: var(--flip-card-link-hover-color);\n      }\n      &:active {\n        color: var(--flip-card-link-hover-color);\n      }\n    }\n    color: var(--flip-card-title-color);",r=>r.$showVerticalLine&&".375rem solid var(--flip-card-vertical-line-color)",r=>r.$showVerticalLine&&"2.125rem 1.5rem 2.125rem 1.125rem",r=>r.$showVerticalLine?"2rem":"var(--flip-card-title-margin-bottom-mobile)",m.f.small,r=>r.$showVerticalLine?"3rem":"var(--flip-card-title-margin-bottom-desktop)",r=>r.$showVerticalLine&&"4.3125rem 1.75rem 4.3125rem 1.375rem"),x=c.default.div.withConfig({displayName:"FlipCardItem__TitleAndDescriptionContainer",componentId:"sc-1rgs5ab-9"})(["",";margin-bottom:1.5rem;"],r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"a {\n    color: var(--flip-card-link-color);\n    &:hover {\n      color: var(--flip-card-link-hover-color);\n    }\n    &:active {\n      color: var(--flip-card-link-hover-color);\n    }\n  }"),I=c.default.div.withConfig({displayName:"FlipCardItem__TitleColor",componentId:"sc-1rgs5ab-10"})(["",";"],r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"color: var(--flip-card-title-color);"),_=c.default.div.withConfig({displayName:"FlipCardItem__DescriptionColor",componentId:"sc-1rgs5ab-11"})(["",";"],r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"color: var(--flip-card-description-color);"),j=(0,c.default)(o.QW).withConfig({displayName:"FlipCardItem__FlipActionButton",componentId:"sc-1rgs5ab-12"})(["",";&:focus{outline:var(--cta-ada-outline);}height:3.75rem;border-top:var(--flip-card-border);"],r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"color: var(--flip-icon-inverse-text-color);\n      &:hover {\n      color: var(--flip-icon-inverse-text-color);\n      background: var(--flip-card-details-button);\n      cursor: pointer;\n      }":"color: var(--flip-icon-text-color);\n      &:hover {\n      color: var(--flip-icon-text-color);\n      background: var(--flip-card-details-button);\n      cursor: pointer;\n      }\n      "),L=(0,c.default)(o.gc).withConfig({displayName:"FlipCardItem__CtaButton",componentId:"sc-1rgs5ab-13"})(["line-height:",";",";"],r=>"link"===r.type?"1.5rem":"",r=>V(r.$cardBackground,r.theme.legacy?.backgroundOptions)?"":"--link-color: var(--flip-card-link-color);\n  --link-hover-color: var(--flip-card-link-hover-color);\n  --cta-primary-color: var(--flip-card-cta-primary-color);\n  --cta-primary-bg: var(--flip-card-cta-primary-bg-color);\n  --cta-primary-hover-color: var(--flip-card-cta-primary-hover-color);\n  --cta-primary-hover-bg: var(--flip-card-cta-primary-hover-color-bg);\n  --cta-ada-outline: var(--flip-card-cta-ada-outline);\n\n  --cta-secondary-color: var(--flip-card-cta-secondary-color);\n  --cta-secondary-border: var(--flip-card-cta-secondary-border-color);\n  --cta-secondary-hover-color: var(--flip-card-cta-secondary-hover-color);\n  --cta-tertiary-color: var(--flip-card-cta-tertiary-color);\n\n  --mds-cta-primary-color: var(--flip-card-mds-cta-primary-color);\n  --mds-cta-primary-bg: var(--flip-card-mds-cta-primary-color-bg);\n  --mds-cta-primary-hover-color: var(--flip-card-mds-cta-primary-hover-color);\n  --mds-cta-primary-hover-bg: var(--flip-card-mds-cta-primary-hover-color-bg);\n  --mds-cta-secondary-border: var(--flip-card-mds-cta-secondary-border-color);\n  --mds-cta-secondary-color: var(--flip-card-mds-cta-secondary-color);\n  --mds-cta-secondary-hover-bg: var(--flip-card-mds-cta-hover-secondary-color-bg);\n  --mds-cta-secondary-hover-color: var(--flip-card-mds-cta-secondary-hover-color);\n  --mds-cta-secondary-hover-border: var(--flip-card-mds-cta-secondary-hover-border-color);\n  --mds-cta-tertiary-color: var(--flip-card-mds-cta-tertiary-color);\n  --mds-cta-tertiary-hover-bg: var(--flip-card-mds-cta-hover-tertiary-color-bg);\n  --mds-cta-tertiary-hover-color: var(--flip-card-mds-cta-tertiary-hover-color);\n  --mds-cta-ada-outline: var(--flip-card-cta-ada-outline);"),N=(0,c.default)(t._V).withConfig({displayName:"FlipCardItem__ImageWithFixedHeight",componentId:"sc-1rgs5ab-14"})(["width:var(--flip-card-image-width-mobile);height:var(--flip-card-image-height-mobile);max-width:100%;object-fit:cover;margin-bottom:var(--flip-card-image-margin-bottom-mobile);@media (min-width:","){width:var(--flip-card-image-width-desktop);height:var(--flip-card-image-height-desktop);margin-bottom:var(--flip-card-image-margin-bottom-desktop);}"],m.f.small),V=(r,a)=>a?.filter(a=>a.type===r)[0].isDark,T=({frontStateHat:r,flipToBackButtonTrackingValue:a,flipToBackButtonHat:e,backStateHat:o,flipToFrontButtonText:t,flipToBackButtonText:c,flipToFrontButtonHat:m,frontBlockSection:f,backBlockSection:V,turnOffBrandBar:T=!1,turnOffBorder:O=!1,squareCorners:S=!1,staticCard:F=!1,flipIcon:A})=>{const q=(0,l.useRef)(null),H=(0,l.useRef)(null),[D,P]=(0,l.useState)(),E="left"===f.values?.ctaAlignment||"center"===f.values?.ctaAlignment?f.values?.ctaAlignment:"center",W="left"===V.values?.ctaAlignment||"center"===V.values?.ctaAlignment?V.values?.ctaAlignment:"center",z=(0,l.useMemo)(()=>(0,d.bz)().substring(0,16),[]);(0,l.useEffect)(()=>{D?H.current?.focus():!1===D&&q.current?.focus()},[D]);const G=!0===F?f.values.links:V.values.links,K=!0===F?E:W,R=G?.map((r,a)=>(0,g.jsx)(p.TW,{className:(0,n.A)(`mds-jc-${K}`,"mds-px-at-0-4"),children:(0,g.jsx)(L,{linkOpenIn:r?.values?.linkOpenIn,href:r.values.url,disabled:r?.values?.disabled,type:r.values.linkPresentationType,trackingId:r?.values?.trackingId,trackingType:r?.values?.linkTrackingType,accessibleText:r.values.linkAccessibleText,showSpeedBump:r?.values?.showSpeedBump,linkIcon:r?.values?.linkIcon,linkIconPosition:r?.values?.linkIconPosition,className:(0,n.A)({"mds-mb-5":G.length>1&&0===a}),width:r.values.width??"layout-driven",overlayType:r.values.overlayType,$cardBackgroun

1d:f.values.blockSectionBackgroundColor??"primary",passSourceCodeParam:r.values.passSourceCodeParam,children:r?.values?.linkText},a)},a));return(0,g.jsx)(v,{"aria-labelledby":`header-${z}`,role:"region",$staticCard:F,className:(0,n.A)("mds-d-flex mds-fd-column h-100",{flipped:D}),children:(0,g.jsxs)(h,{$turnOffBrandBar:T,$squareCorners:S,$isFlipped:D||!1,children:[(0,g.jsx)(k,{color:f.values.blockSectionBackgroundColor??"primary",$squareCorners:S,$turnOffBrandBar:T,className:(0,n.A)("h-100",{"mds-d-none":D}),$isBack:!1,children:(0,g.jsxs)(b,{$turnOffBrandBar:T,$turnOffBorder:O,$squareCorners:S,$imagePresent:!!f.values.image,$showVerticalLine:f.values.showVerticalLine??!1,noGutters:!0,className:(0,n.A)("mds-text-center h-100",{"mds-d-none":D}),children:[(0,g.jsx)(s.w,{"aria-live":"polite",tabIndex:-1,ref:q,children:D?o:r}),(0,g.jsxs)("div",{className:"mds-d-flex mds-fd-column",children:[(0,g.jsx)(w,{id:`header-${z}`,$showVerticalLine:f.values.showVerticalLine??!1,$cardBackground:f.values.blockSectionBackgroundColor??"primary",children:(0,g.jsx)(u.H,{content:f.values.title})}),f.values.image&&(0,g.jsx)(i.W,{$order:-1,children:(0,g.jsx)(N,{alt:f.values.imageAltText||"",src:f.values.image,className:"w-100 mds-d-block mds-mx-auto"})}),(0,g.jsx)($,{$cardBackground:f.values.blockSectionBackgroundColor??"primary",className:"mds-mb-5",$showVerticalLine:f.values.showVerticalLine??!1,children:(0,g.jsx)(u.H,{content:f.values.description})})]}),F?(0,g.jsx)(B,{className:"mds-pb-6_7 mds-d-flex mds-fd-column",$showVerticalLine:f.values.showVerticalLine??!1,children:R}):(0,g.jsx)(j,{$cardBackground:f.values.blockSectionBackgroundColor??"primary",className:"mds-d-flex mds-jc-center mds-ai-center",onClick:()=>P(!0),trackingId:a,trackingType:f.values.links?f.values.links[0].values.linkTrackingType:"chaseanalytics-track-link",type:"no-styles",accessibleText:e,linkIcon:A,children:(0,g.jsx)("p",{className:"mds-ml-3",children:c})})]})}),(0,g.jsx)(k,{color:V.values.blockSectionBackgroundColor??"primary",$squareCorners:S,$turnOffBrandBar:T,className:(0,n.A)("h-100",{"mds-d-none":!D}),$isBack:!0,children:(0,g.jsxs)(y,{noGutters:!0,$turnOffBrandBar:T,$turnOffBorder:O,$squareCorners:S,$imagePresent:!!f.values.image,$showVerticalLine:f.values.showVerticalLine??!1,className:(0,n.A)("mds-text-center h-100",{"mds-d-none":!D}),children:[(0,g.jsx)(s.w,{"aria-live":"polite",tabIndex:-1,ref:H,children:D?o:r}),(0,g.jsxs)(C,{className:"mds-d-flex",$showVerticalLine:f.values.showVerticalLine??!1,$cardBackground:V.values.blockSectionBackgroundColor??"primary",children:[(0,g.jsxs)(x,{$cardBackground:V.values.blockSectionBackgroundColor??"primary",children:[(0,g.jsx)(I,{$cardBackground:V.values.blockSectionBackgroundColor??"primary",children:(0,g.jsx)(u.H,{className:"mds-mb-4",content:V.values.title})}),(0,g.jsx)(_,{$cardBackground:V.values.blockSectionBackgroundColor??"primary",children:(0,g.jsx)(u.H,{content:V.values.description})})]}),(0,g.jsx)(B,{className:"mds-pb-6_7 mds-px-0 mds-d-flex mds-fd-column",$showVerticalLine:f.values.showVerticalLine??!1,children:R})]}),(0,g.jsx)(j,{className:"mds-d-flex mds-jc-center mds-ai-center",onClick:()=>{P(!1)},type:"no-styles",accessibleText:m,linkIcon:A,$cardBackground:V.values.blockSectionBackgroundColor??"primary",children:(0,g.jsx)("p",{className:"mds-ml-3",children:t})})]})})]})})},O=T}}]);