https://www.chase.com/_next/static/containers-solution-finder.d35b9dd4.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[9098],{519:(e,o,t)=>{t.r(o),t.d(o,{default:()=>U});var s=t(88978),n=t(60932),d=t(20754),l=t(26611),i=t(11621),a=t(13840),r=t(65887),c=t(89348),m=t(92879),u=t(34164),p=t(35583),h=t(34213),x=t(42374),f=t(28475),w=t(58987),g=t(37826),v=t(52451),b=t(92593),j=t(11960),S=t(33854),y=t(74848);const I=x.default.div.withConfig({displayName:"SolutionFinder__SolutionFinderTitle",componentId:"sc-25xosa-0"})(["padding:0 0 0.625rem 0;@media (min-width:","){padding:0 3rem 0.625rem 2rem;}"],d.f.xxlarge),N=x.default.div.withConfig({displayName:"SolutionFinder__SolutionFinderDrops",componentId:"sc-25xosa-1"})(["padding-top:var(--dropdown-padding-top);"]),T=x.default.div.withConfig({displayName:"SolutionFinder__LabelStyling",componentId:"sc-25xosa-2"})(["font-weight:600;font-size:var(--select-dropdown-label-font-size);line-height:var(--select-dropdown-label-line-height);color:var(--select-dropdown-label-color);margin-bottom:var(--select-dropdown-label-margin-bottom);"]),_=x.default.div.withConfig({displayName:"SolutionFinder__CtaPadding",componentId:"sc-25xosa-3"})(["padding-top:var(--solution-finder-cta-padding-top);"]),k=x.default.hr.withConfig({displayName:"SolutionFinder__HrStyling",componentId:"sc-25xosa-4"})(["border:var(--solution-finder-divider-border);max-width:85%;"]),C=x.default.div.withConfig({displayName:"SolutionFinder__DropdownStyling",componentId:"sc-25xosa-5"})(["max-width:34.25rem;margin-bottom:var(--dropdown-margin-bottom);"]),L=(0,x.default)(r.Hy).withConfig({displayName:"SolutionFinder__ExtraCol1",componentId:"sc-25xosa-6"})(["@media (min-width:","){","}"],d.f.medium,e=>!e.$rightImage&&"max-width: var(--solution-finder-cta-column-width);"),A=(0,x.default)(n.VS).withConfig({displayName:"SolutionFinder__ResultsBackground",componentId:"sc-25xosa-7"})(["padding-bottom:2.5rem;padding-top:2.5rem;@media (min-width:992px){padding-bottom:3.75rem;padding-top:3.75rem;}@media (min-width:1200px){margin-left:-4.5rem;margin-right:-4.5rem;}.slick-slide{@media (min-width:992px){margin-left:0.5rem;margin-right:0.5rem;}}"]),q=x.default.div.withConfig({displayName:"SolutionFinder__SelectContainer",componentId:"sc-25xosa-8"})(["position:relative;max-width:34.25rem;"]),O=x.default.span.withConfig({displayName:"SolutionFinder__IconContainer",componentId:"sc-25xosa-9"})(["margin:0 0.3rem;float:right;top:var(--solution-finder-arrow-icon-offset);z-index:-1;.ico_chevron_down:before{color:var(--select-dropdown-arrow-color);}"]),F=x.default.option.withConfig({displayName:"SolutionFinder__StyledOption",componentId:"sc-25xosa-10"})(["background-color:var(--select-dropdown-option-bg-color);color:var(--black);font-style:normal;font-weight:400;max-width:34.25rem;font-size:0.75rem;@media (min-width:","){font-size:var(--select-dropdown-label-font-size);}&:hover{color:var(--select-dropdown-option-hover-color);}&:active{background:var(--select-dropdown-active-bg-color);color:var(--select-dropdown-active-color);}"],d.f.small),H=x.default.select.withConfig({displayName:"SolutionFinder__StyledSelect",componentId:"sc-25xosa-11"})(["appearance:none;background:var(--select-dropdown-bg-color);border:none;white-space:break-spaces;border-bottom:var(--select-dropdown-box-border-bottom);color:",";",";font-size:var(--select-dropdown-select-fontsize);font-weight:",";"," line-height:var(--dropdown-line-height);margin-bottom:var(--dropdown-margin-bottom);padding:var(--select-dropdown-select-padding);width:100%;&:focus,&:active{outline:var(--link-outline-color) var(--link-outline-style) var(--link-outline-size);}"],e=>e.$isDefault?"var(--dropdown-default-color)":"var(--select-dropdown-color)",e=>e.$isEnabled&&"cursor: pointer",e=>e.$isDefault?"var(--dropdown-default-weight)":"var(--dropdown-weight)",e=>e.$isDefault&&"font-style: var(--dropdown-default-style);"),D=x.default.div.withConfig({displayName:"SolutionFinder__SolutionFinderTitleFocus",componentId:"sc-25xosa-12"})(["outline:none;"]),$=e=>{const o=(0,h.ZY)(),t=(0,w.U)(),s=Array();e.solutionFinder.forEach(e=>{const o={values:{questions:e.values.questions},questionText:e.values.questionText,trackingId:e.values.trackingId,questionAnswerId:e.values.questionAnswerId};s.push(o)});const n=[];e.dropdownOneLabel&&n.push({dropdownLabel:e.dropdownOneLabel,placeholder:e.dropdownOnePlaceholderText||"",questions:s,display:!0}),e.dropdownTwoLabel&&n.push({dropdownLabel:e.dropdownTwoLabel,placeholder:e.dropdownTwoPlaceholderText||"",display:!(e.noOfQuestionsDisplayOnLoad&&e.noOfQuestionsDisplayOnLoad<2)}),e.dropdownThreeLabel&&n.push({dropdownLabel:e.dropdownThreeLabel,placeholder:e.dropdownThreePlaceholderText||"",display:!!(e.noOfQuestionsDisplayOnLoad&&e.noOfQuestionsDisplayOnLoad>2)});const d={backgroundContainerColor:e?.backgroundContainerColor,slides:[],highlightFirstSlide:!e?.resultSetShadowOff},[l,i]=(0,p.useState)(()=>{const e=[];

1return n.forEach((o,t)=>{const s=o,n={placeholder:s.placeholder,dropdownLabel:s.placeholder,questions:s.questions||[],level:t,optionIndexSelected:-1};e.push(n)}),e}),[a,c]=(0,p.useState)(d);return(0,y.jsx)(r.Ev,{"data-feature":"solution-finder",children:(0,y.jsx)(r.TW,{noGutters:!0,children:(0,y.jsx)(r.Hy,{col:"12",children:(0,y.jsx)(P,{...e,dropdownState:l,setDropdownState:i,dropdownArr:n,solutionResultState:a,setSolutionResultState:c,pageValues:o,logger:t})})})})},P=({titleAndEyebrowText:e,icon:o="",rightImage:s,rightImageAltText:n,showMeSolutionsLink:d,showHorizontalDivider:l,resultTitleOnLoad:i,resultTitleOnResult:a,dropdownState:x,setDropdownState:w,dropdownArr:v,solutionResultState:b,setSolutionResultState:S,showPlaceholderTextOnTop:N=!1,callAPI:T=!1,pageValues:C,logger:A,enableNativeSelect:q=!1})=>{const[O,F]=(0,p.useState)(!0),[H,$]=(0,p.useState)(v),P=(0,p.useRef)(null),W=(0,h.Uz)(),[G,U]=(0,p.useState)(a),[B,Q]=(0,p.useState)([]),V=(0,p.useRef)(null),M=(0,p.useRef)(null),K=e=>{$([...e])},Y=e=>{const o=B,t={questionIdentifier:parseInt(e.split(",")[0]),answerCode:e.split(",")[1],sortOrderCode:"",questionCategoryName:""},s=[],n=o.filter(e=>e.questionIdentifier<t.questionIdentifier);s.push(...n),s.push(t),Q([...s])};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:(0,u.$)("mds-pos-relative",{"mds-mt-7":!e}),children:[(0,y.jsxs)(r.TW,{noGutters:!0,className:e?"":"mds-d-none",children:[(0,y.jsx)(r.Hy,{className:"mds-d-none mds-d-at-992-block",colAt992:"2"}),(0,y.jsx)(r.Hy,{col:"11",colAt576:"12",colAt992:"7",children:(0,y.jsx)(r.TW,{noGutters:!0,children:(0,y.jsxs)(I,{className:"mds-d-flex w-100",children:[(0,y.jsx)(r.Hy,{className:"mds-m-at-992-auto mds-px-0",col:"1",colAt992:"2",children:(0,y.jsx)("div",{className:"mds-d-flex mds-ai-center mds-ai-at-576-end mds-ai-at-992-center w-100 h-100 mds-jc-end",children:(0,y.jsx)(c._V,{src:o,alt:""})})}),(0,y.jsx)(r.Hy,{col:"11",colAt992:"10",children:e&&(0,y.jsx)(m.H,{className:"mds-text-center",content:e})})]})})}),(0,y.jsx)(r.Hy,{className:"mds-d-block mds-d-at-576-none mds-d-at-992-block",col:"1",colAt992:"3"})]}),(0,y.jsx)(f.p,{id:"textField",className:"mds-d-none",name:"textField","aria-required":"false",type:"text",maxLength:10,size:10,autoComplete:"off",ref:V,"aria-label":"text","aria-hidden":"true"}),(0,y.jsxs)(r.TW,{noGutters:!0,className:(0,u.$)("mds-fd-at-992-row-reverse mds-jc-center",{"mds-jc-at-992-start":s}),children:[(0,y.jsx)(r.Hy,{className:(0,u.$)("mds-d-none",s?"mds-d-at-992-block":"mds-d-at-992-none"),colAt992:s&&N?"2":"3",children:(0,y.jsx)("div",{className:"mds-d-none mds-d-at-992-flex mds-jc-at-992-center mds-ai-at-992-center mds-pos-absolute mds-right-0 mds-top-0 mds-bottom-0 mds-ml-6",children:(0,y.jsx)(c._V,{className:"w-100",src:s||"",alt:n||""})})}),(0,y.jsx)(r.Hy,{col:"12",colAt992:N?"11":"8",children:(0,y.jsx)(r.TW,{noGutters:!0,className:"mds-fd-column mds-fw-nowrap",children:H&&H.map((e,o)=>(0,y.jsx)("div",{children:e.display&&(0,y.jsx)(E,{dropdown:e,level:o,setHideSolutionButton:F,dropdownLabelList:H,setDropdownLabelList:K,dropdownState:x,setDropdownState:w,showPlaceholderTextOnTop:N,rightImage:s||"",updateQuestionAnswerId:Y,enableNativeSelect:q})},e.placeholder+o))})}),(0,y.jsx)(r.Hy,{className:(0,u.$)("mds-d-none",s?"mds-d-at-992-block":"mds-d-at-992-none"),colAt992:s&&N?"2":"1"})]}),(0,y.jsxs)(r.TW,{noGutters:!0,children:[(0,y.jsx)(L,{col:"1",colAt992:"1",$rightImage:!!s}),(0,y.jsx)(r.Hy,{col:N?"12":"11",colAt992:N?"11":"10",children:(0,y.jsx)(_,{className:"mds-d-flex mds-fw-wrap mds-fd-row mds-jc-center",children:(0,y.jsx)(R,{ctaLinks:d,onClick:()=>{const e=P?.current,o=M?.current;o?.focus(),e?.scrollIntoView({behavior:"smooth"}),F(!0),setTimeout(async()=>{const e=x.filter(e=>-1!==e?.optionIndexSelected),o=e[e?.length-1],s=o?.questions[o?.optionIndexSelected]?.values,n=s?.solutions||s?.questions&&s?.questions[0]?.values?.solutions||[],d=s?.resultTitleOnResult||s?.questions&&s?.questions[0]?.values?.resultTitleOnResult||a;U(d),b.slides=n,S({...b});const l=s?.productCode||s?.questions&&s?.questions[0]?.values.productCode||"",i={dwmProductFinderServiceURL:C?.appsconfig?.dwmProductFinderServiceURL??"",publicPreServiceUrl:C?.appsconfig?.publicPreServiceUrl??"",dwmAPIClientId:C?.appsconfig?.dwmAPIClientId??""};if(T&&(0,g.Im)(V.current.value.trim())){const e=await t.e(8977).then(t.bind(t,78977));

1await e.reportUserSelections(B,l,i,A)}},0)},showButton:O})})}),(0,y.jsx)(r.Hy,{className:"mds-d-none mds-d-at-992-block",colAt992:"1"})]}),(0,y.jsx)(D,{ref:P,children:(0,y.jsx)(r.TW,{noGutters:!0,children:l&&(i||b&&b?.slides?.length>0)&&(0,y.jsx)(r.Hy,{col:"12",className:"mds-pt-7",children:(0,y.jsx)(k,{"aria-hidden":!0})})})})]}),(0,y.jsx)(r.TW,{noGutters:!0,className:"mds-jc-center",children:(0,y.jsxs)(r.Hy,{col:"12",className:"mds-pt-7",children:[(0,y.jsx)(j.w,{"aria-live":"polite",tabIndex:-1,ref:M,children:W?.resultsAccessibleText}),(0,y.jsx)("div",{"aria-live":"polite",children:(0,y.jsx)(m.H,{className:(0,u.$)("mds-text-center",{"mds-d-none":b&&0===b?.slides?.length}),content:G})}),i&&(0,y.jsx)(m.H,{className:(0,u.$)("mds-text-center",{"mds-d-none":b&&b?.slides?.length>0}),content:i}),b&&b?.slides?.length>0&&(0,y.jsx)(z,{...b})]})})]})},E=({dropdown:e,level:o,setHideSolutionButton:t,dropdownLabelList:s,setDropdownLabelList:n,dropdownState:d,setDropdownState:l,showPlaceholderTextOnTop:i,rightImage:c,updateQuestionAnswerId:h,enableNativeSelect:x})=>{const f=d&&d[o],w=(0,p.useId)(),g="sf_combo_"+w+"-label-",v="sf_list_"+w+"-box-",b="sf_combo_"+w+"-box-",j=e=>{if(null!=f){S(f,e),f.dropdownLabel=f.questions[e].questionText||"",f.optionIndexSelected=e,d[f.level]=f,l(d),void 0!==f.questions[e].questionAnswerId&&h(f.questions[e].questionAnswerId??"");const t=d[o+1];null!=t&&(t.dropdownLabel=t.placeholder,t.questions=f.questions[e].values.questions||[],t.optionIndexSelected=-1,d[t.level]=t,l(d),_(t.level+1))}},S=(e,o)=>{const d=e.questions[o].values.questions||[];d.length>0?d[0].questionText?(s[e.level+1].display=!0,I(e.level+2),t(!0)):(s[e.level+1].display=!1,I(e.level+2),t(!1)):(I(e.level+1),t(!1)),n(s)},I=e=>{for(let o=e;o<s.length;o++)s[o].display=!1},_=e=>{for(let o=e;o<d.length;o++){const e=d[o];e.dropdownLabel=e.placeholder,e.optionIndexSelected=-1,e.questions=[],d[e.level]=e}l(d)};return(0,y.jsxs)(N,{className:(0,u.$)("mds-d-flex","mds-fd-column",{"mds-ai-center mds-ac-center mds-fw-wrap":c&&i},i?"mds-fd-at-576-column":"mds-fd-at-576-row"),children:[(0,y.jsx)(r.Hy,{col:"12",colAt576:i?"6":"3",className:(0,u.$)("mds-px-at-576-0",i?"mds-as-at-576-flex-start mds-as-at-768-center":"mds-as-at-576-center"),children:(0,y.jsx)(T,{id:`${g}${o}`,className:(0,u.$)("mds-d-flex mds-jc-flex-start mds-ai-center mds-text-break",i?"mds-jc-at-576-flex-start":"mds-jc-at-576-flex-end"),children:(0,y.jsx)(m.H,{content:e.dropdownLabel})})}),(0,y.jsx)(r.Hy,{col:"12",colAt576:i?"6":"9",className:(0,u.$)(i?"mds-pl-at-576-0 mds-as-at-768-center":"mds-pl-at-576-5 mds-pl-at-992-6"),children:x?(0,y.jsx)(G,{placeholder:f.placeholder,onClick:j,selectedIndex:f.optionIndexSelected,options:f.questions,dropdownIdPrefix:o,dropdownLabelIdPrefix:g,isDefaultSelectedOption:-1===f.optionIndexSelected}):(0,y.jsx)(C,{children:(0,y.jsx)(a.A,{placeholder:f.placeholder,onClick:j,selectedItem:f.dropdownLabel,options:f.questions,dropdownIdPrefix:o,dropdownSelectIdPrefix:b,dropdownLabelIdPrefix:g,ariaControlIdPrefix:v,isDefaultSelectedOption:-1===f.optionIndexSelected})})})]})};function R({ctaLinks:e,onClick:o,showButton:t}){return(0,y.jsx)("div",{className:"mds-p-0",children:e&&"link"!==e.values?.linkPresentationType&&(0,y.jsx)(l.QW,{type:e.values?.linkPresentationType||"no-styles",trackingType:e.values?.linkTrackingType,trackingId:e.values?.trackingId,accessibleText:e.values?.linkAccessibleText,onClick:o,disabled:t,role:"button",children:e.values?.linkText})})}const z=(0,p.memo)(W);function W({backgroundContainerColor:e,textOnlySlideOff:o=!1,carouselTrackingId:t="cm_solutionfinder",slides:s,highlightFirstSlide:n}){return(0,y.jsx)(r.TW,{noGutters:!0,className:"mds-jc-at-992-center",children:(0,y.jsx)(r.Hy,{col:"12",children:(0,y.jsx)(A,{color:e,children:(0,y.jsx)(r.TW,{className:"mds-jc-center mds-pl-3 mds-pl-at-576-4 mds-px-at-992-0",noGutters:!0,children:(0,y.jsx)(r.Hy,{col:"12",colAt992:"10",children:(0,y.jsx)(r.TW,{className:"mds-d-block",noGutters:!0,children:(0,y.jsx)(i.FN,{backgroundContainerColor:e,slides:s,textOnlySlideOff:o,carouselTrackingId:t,highlightFirstSlide:n},Date.now())})})})})})})}const G=({placeholder:e,onClick:o,selectedIndex:t,options:s,dropdownIdPrefix:n,dropdownLabelIdPrefix:d,isDefaultSelectedOption:l=!1})=>{const i=(0,g.Hn)((0,h.ZY)()?.appsconfig?.enableOctagonAnalytics),{title:a}=(()=>{const[e,o]=(0,p.useState)();return(0,p.useEffect)(()=>{document&&o(document.title)},[]),{title:e}})(),{event:r}=(0,b.s)();return(0,y.jsxs)(q,{children:[(0,y.jsxs)(H,{$isDefault:l,$isEnabled:s.length>0,value:t,className:"mds-text-left mds-text-break",disabled:0===s.length,"aria-labelledby":`${d}${n}

1`,onChange:e=>{o&&o(parseInt(e.target.value)),s[parseInt(e.target.value)]?.trackingId&&(i?(0,S.formFieldEvent)({formName:a||"",formStep:s[parseInt(e.target.value)].trackingId}):r("wa_frm_n",a||"","wa_frm_s",s[parseInt(e.target.value)]?.trackingId))},children:[(0,y.jsx)(F,{disabled:!0,hidden:!0,value:-1,children:e}),s.map((e,o)=>(0,y.jsx)(F,{value:o,title:e.questionText,children:e.questionText},o))]}),(0,y.jsx)(O,{className:"mds-pos-absolute mds-right-0","aria-hidden":!0,children:(0,y.jsx)(v.D3,{})})]})},U=function({key:e,...o}){return(0,y.jsx)(s.t,{name:"SolutionFinderContainer",children:(0,y.jsx)($,{...o})},e)}},28475:(e,o,t)=>{t.d(o,{p:()=>r});var s=t(34164),n=t(35583),d=t(42374),l=t(52451),i=t(74848);const a=d.default.div.withConfig({displayName:"Input__ErrorMessage",componentId:"sc-16i6yvu-0"})(["color:var(--input-error-color);font-size:0.75rem;"]),r=(0,n.forwardRef)((e,o)=>{const{type:t,className:d,width:r="content-driven",inverse:c=!1,outline:m=!1,error:u,autoComplete:p="off",errorMessage:h,trackingType:x,trackingId:f,...w}=e,g=x&&f&&{"data-pt-name":f},v=(0,n.useId)();return(0,i.jsxs)("div",{children:[(0,i.jsx)("input",{autoComplete:p,"aria-errormessage":`Error-${v}`,"aria-invalid":u,...g,...w,type:t,className:(0,s.$)(`${c?"inverse":"not-inverse"} ${r}-width`,{outline:m,"input-error-color":u},x,d),ref:o}),(0,i.jsxs)(a,{className:"mds-d-flex mds-ai-center","aria-live":"polite",id:`Error-${v}`,style:{display:h&&u?"block":"none"},children:[(0,i.jsx)("div",{className:"icon-container mds-pt-3 mds-pr-2",style:{display:h&&u?"block":"none"},children:(0,i.jsx)(l.Ut,{style:{"--icon-color":"error","--icon-hover-color":"error"}})}),h]})]})});r.displayName="Input"}}]);