https://www.pkoleasing.pl/_next/static/chunks/7934.6fd7967646d64798.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7934],{7934:(e,a,n)=>{n.r(a),n.d(a,{default:()=>D});var l=n(26514),t=n(69001),i=n.n(t),r=n(71514),o=n(23469),d=n.n(o),s=n(75834),p=n(93794),c=n(54907),m=n(6395),u=n(41905),x=n(22965),b=n(43371),h=n(37258),A=n(74938),g=n(54004),y=n(98945),k=n(33872),C=n(53303),j=n(99090),_=n(56774),v=n(13436),f=n(42920),w=n(87472),L=n(33024);let T=d()(()=>Promise.all([n.e(616),n.e(449)]).then(n.bind(n,80449)),{loadableGenerated:{webpack:()=>[80449]}}),N=d()(()=>Promise.resolve().then(n.bind(n,61265)),{loadableGenerated:{webpack:()=>[61265]}}),S=d()(()=>n.e(6659).then(n.bind(n,21897)),{loadableGenerated:{webpack:()=>[21897]}}),I=p.Df.withName("PKOBPCalcLoanSmallCard").create(()=>({card:{borderRadius:"16px",padding:"15px 20px 20px 20px",[g.Ay.breakpoints.up("sm")]:{padding:"14px 30px 14px 30px"},[g.Ay.breakpoints.between("sm","md")]:{padding:"22px 30px 32px 30px"}},cardCalculatedLabel:{marginTop:0,marginBottom:0,fontSize:"14px"},cardCalculatedValue:{...g.Ay.typography.h4,fontWeight:700,display:"inline",fontSize:"24px",[g.Ay.breakpoints.up("sm")]:{fontSize:"20px"}},cardCalculatedValueAdditional:{display:"inline",fontSize:"16px",[g.Ay.breakpoints.up(768)]:{marginLeft:"5px"}},ratesContainer:{[g.Ay.breakpoints.between("sm","md")]:{display:"flex",flexDirection:"column",maxWidth:"154px",marginLeft:"auto",paddingLeft:"16px"}},rrsoContainer:{marginLeft:"-1px",".card__large &":{marginLeft:"23px"},[g.Ay.breakpoints.between("sm","md")]:{display:"flex",flexDirection:"column",maxWidth:"154px",paddingLeft:"46px"},[g.Ay.breakpoints.up("md")]:{marginLeft:"30px"}},valueContainer:{[g.Ay.breakpoints.between("sm","md")]:{marginTop:"-1px"}},buttonDetailsContainer:{marginTop:"10px",[g.Ay.breakpoints.between("sm","md")]:{marginTop:"14px",width:"50%",display:"inline-flex",justifyContent:"flex-end",paddingRight:"15px"}},buttonDetails:{height:"48px",marginTop:"0 !important",marginBottom:"0 !important",[g.Ay.breakpoints.between("sm","md")]:{maxWidth:"246px",margin:"0 !important"}},buttonCTAContainer:{[g.Ay.breakpoints.between("sm","md")]:{marginTop:"14px",width:"50%",display:"inline-flex",paddingLeft:"15px"}},buttonCTA:{height:"48px",marginTop:"12px !important",marginBottom:"0 !important",[g.Ay.breakpoints.up(768)]:{marginTop:"4px !important"},[g.Ay.breakpoints.between("sm","md")]:{maxWidth:"246px",margin:"0 !important"}},tooltipContainer:{marginLeft:"3px",marginTop:"-5px",[g.Ay.breakpoints.up("md")]:{marginTop:"-4px"}},detailsPopupWrapper:{margin:"0 auto",paddingBottom:"16px",[g.Ay.breakpoints.up("sm")]:{margin:"0 28px"},[g.Ay.breakpoints.up(u.$F)]:{margin:"0 73px",width:"600px"},[g.Ay.breakpoints.up(u.Jh)]:{margin:"0 73px",width:"810px"}}})),D=e=>{var a,n,t,o,d;let{snippetData:p,calculatorData:D,addCardTriangle:z,addCalcLoanLargeStyles:W,cy:B="CalcLoanSmallCard"}=e,{classes:M}=I(),V=(0,m.A)(g.Ay.breakpoints.down("sm")),G=(0,s.useContext)(v.G),[O,E]=(0,s.useState)(!1),[P,H]=(0,s.useState)(!1),[$,F]=(0,s.useState)(_.p.INIT),[J,R]=(0,s.use

1State)(0),{rrso:K,rates_amount:U}=p,{background_color:Z,button_cta:q,button_details:Q}=p,{popup_variant:X,lead_popup:Y,lead_rendered:ee,modal_rendered:ea}=p,{popup_variant_eximee:en,lead_popup_eximee:el,lead_rendered_eximee:et}=p,[ei,er]=(0,s.useState)(!1),eo=()=>{let e="none"===X,a="lead"===en&&!!el&&!!et;if(e&&!a||e&&a&&!ed(p,D))return(0,k.zf)({link:q.link})},ed=(e,a)=>{var n;return(0,w.G)({is_eximee:e.is_eximee,eximee_context:e.eximee_context,eximee_epg_amount_max:e.eximee_epg_amount_max,eximee_insurance:e.eximee_insurance,currentAmount:a.amountNet,currentInsurance:!1,currentEcoloan:(null==(n=e.eco_loan)||!n.hidden)&&a.currentEcoLoan})},es="none"!==Z&&"none_shadow"!==Z;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(x.default,{additionalStyles:i()(M.card,W?"card__large":""),background:es?Z:"white",triangle:z?V?"top":"left":null,cy:B,disableHref:!0,children:(0,l.jsxs)(c.A,{children:[(0,l.jsxs)(c.A,{id:L.MB,role:"region","aria-labelledby":"".concat(B,"--results-heading"),children:[(0,l.jsxs)(b.A,{children:[(0,l.jsx)(f.A,{id:"".concat(B,"--results-heading"),variant:"h6",children:"Wyniki na podstawie wprowadzonych danych. Zmiana wartości w kalkulatorze automatycznie odświeża tę sekcję."}),(0,l.jsxs)(c.A,{role:"status","aria-live":"polite",children:[(0,l.jsx)("span",{dangerouslySetInnerHTML:{__html:null==U?void 0:U.label}}),(0,l.jsxs)("span",{children:[(0,y.tJ)(null==D?void 0:D.ratesAmount,{precision:0})," zł"]}),(0,l.jsx)("span",{dangerouslySetInnerHTML:{__html:null==K?void 0:K.label}}),(0,l.jsxs)("span",{children:[null==D||null==(n=D.rrso)||null==(a=n.toString())?void 0:a.replace(".",",")," %"]})]})]}),(0,l.jsxs)(j.A,{container:!0,children:[(0,l.jsx)(j.A,{item:!0,xs:6,sm:6,md:6,lg:6,children:!!(null==D?void 0:D.ratesAmount)&&(0,l.jsxs)(c.A,{className:M.ratesContainer,children:[(0,l.jsxs)(c.A,{display:"flex",children:[(0,l.jsx)(f.A,{variant:"body4",className:M.cardCalculatedLabel,cy:"rates-amount-label",children:(0,l.jsx)("span",{dangerouslySetInnerHTML:{__html:null==U?void 0:U.label}})}),!!(null==U?void 0:U.tooltip)&&(0,l.jsx)(c.A,{className:M.tooltipContainer,children:(0,l.jsx)(N,{...{text:null==U?void 0:U.tooltip,symbol:"?",title:(null==U?void 0:U.label)||""},$_ID:"".concat(B,"--")+L.No})})]}),(0,l.jsxs)(c.A,{className:M.valueContainer,children:[(0,l.jsx)(f.A,{variant:"body1",marginTop:0,marginBottom:0,className:M.cardCalculatedValue,cy:"rates-amount-value",children:(0,y.tJ)(null==D?void 0:D.ratesAmount,{precision:0})}),(0,l.jsx)(f.A,{className:M.cardCalculatedValueAdditional,children:" zł"})]})]})}),(0,l.jsx)(j.A,{item:!0,xs:6,sm:6,md:6,lg:6,children:!(null==K?void 0:K.hidden)&&!!(null==D?void 0:D.rrso)&&(0,l.jsxs)(c.A,{className:M.rrsoContainer,children:[(0,l.jsxs)(c.A,{display:"flex",children:[(0,l.jsx)(f.A,{variant:"body4",className:M.cardCalculatedLabel,cy:"rrso-label",children:(0,l.jsx)("span",{dangerouslySetInnerHTML:{__html:null==K?void 0:K.label}})}),(null==K?void 0:K.tooltip)&&(0,l.jsx)(c.A,{className:M.tooltipContainer,children:(0,l.jsx)(N,{...{text:null==K?void 0:K.tooltip,symbol:"?",title:(null==K?void 0:K.label)||""},$_ID:"".concat(B,"--")+L.h9})})]}),(0,l.jsxs)(c.A,{className:M.valueContainer,children:[(0,l.jsx)(f.A,{variant:"body1",marginTop:0,marginBottom:0,className:M.cardCalculatedValue,cy:"rrso-value",children:null==D||null==(t=D.rrso.toString())?void 0:t.replace(".",",")}),(0,l.jsx)(f.A,{className:M.cardCalculatedValueAdditional,children:" %"})]})]})})]})]}),(0,l.jsx)(c.A,{className:M.buttonDetailsContainer,children:!!(null==D?void 0:D.ratesAmount)&&(0,l.jsx)(C.default,{variant:Q.variant,onClickCallback:()=>{ee||et&&ed(p,D)?(F(_.p.CUSTOM_VIEW),R(e=>e+1),H(!0)):er(!0)},width100percent:!0,label:Q.link.label,cy:"".concat(B,"--btn--details"),className:M.buttonDetails,ariaLabel:Q.link.aria_label,idGTM:G,id:Q.id,linkId:null==Q||null==(o=Q.link)?void 0:o.id})}),(0,l.jsx)(c.A,{className:M.buttonCTAContainer,children:(0,l.jsx)(C.default,{variant:q.variant,...eo(),onClickCallback:(0,r.A)(eo())?()=>{ee?(F(_.p.INIT),R(e=>e+1),H(!0)):ea&&"modal"===X&&E(!0)}:null,width100percent:!0,label:q.link.label,cy:"".concat(B,"--btn--cta"),className:M.buttonCTA,ariaLabel:q.link.aria_label,addWid:q.link.wid,additionalWid:G,idGTM:G,id:q.id,linkId:null==q||null==(d=q.link)?void 0:d.id})})]})}),(p.lead_rendered&&"lead"===X||p.lead_rendered_eximee&&"lead"===p.popup_variant_eximee&&ed(p,D))&&(0,l.jsx)(T,{lead:ed(p,D)?p.lead_rendered_eximee:p.lead_rendered,isOpen:P,onClose:()=>H(!1),customView:(0,l.jsx)(h.A,{snippetData:p,calculatorData:D,ctaLinkAttr:eo(),displayInLeadContext:!0,cy:B}),customFooter:V&&(0,l.jsx)(A.A,{snippetData:p,ctaLinkAttr:eo(),displayInLeadContext:!0}),forcedCurrentStage:$},J),(0,l.jsx)(u.Ay,{isOpen:ei,handleClose:()=>er(!1),fullScreen:V,title:"Szczeg\xf3ły koszt\xf3w pożyczki",size:"1020",footer

1:V&&(0,l.jsx)(A.A,{snippetData:p,ctaLinkAttr:eo(),onClickButton:ea&&"modal"===X?()=>{er(!1),E(!0)}:null}),$_MODAL_TITLE_ID:u.$O,children:(0,l.jsx)(c.A,{className:M.detailsPopupWrapper,children:(0,l.jsx)(h.A,{snippetData:p,calculatorData:D,ctaLinkAttr:eo(),onClickButton:ea&&"modal"===X?()=>{er(!1),E(!0)}:null,cy:B})})}),ea&&"modal"===X&&(0,l.jsx)(S,{isOpen:O,handleCloseModal:()=>E(!1),modalRendered:ea})]})}}}]);