https://www.fundacjapkobp.pl/_next/static/chunks/6859.05c60fbed319e685.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6859],{26859:(e,a,i)=>{i.r(a),i.d(a,{default:()=>M});var n=i(26514),t=i(23469),l=i.n(t),r=i(75834),o=i(93794),s=i(54907),p=i(54004),d=i(2141),m=i(27133),u=i(2487),c=i(99257),g=i(93069),x=i(82056),h=i(56264),y=i(43371),b=i(12097),w=i(53303),f=i(42920),j=i(61265),k=i(69001),v=i.n(k);let A=o.Df.withName("PKOBPEscoringLoginForm").create(()=>({title:{...p.Ay.typography.h3,[p.Ay.breakpoints.down("md")]:{marginTop:0,marginBottom:"18px",fontSize:"24px",lineHeight:"32px"},[p.Ay.breakpoints.up("md")]:{marginTop:0,marginBottom:"19px"}},form:{marginTop:0,maxWidth:"390px"},formContainer:{display:"flex",flexDirection:"column",gap:"8px",position:"relative"},fieldset:{margin:0,padding:0,border:"none","&>legend":y.$},inputWrapper:{"&:not(:first-of-type)":{marginTop:"22px"}},inputWrapper__smallerMargin:{"&:not(:first-of-type)":{marginTop:"12px"}},labelWrapper:{display:"flex",alignItems:"center",marginBottom:"0px","& label":{color:p.Ay.palette.text.primary,display:"inline-block",fontSize:"14px",lineHeight:"24px",marginBottom:"2px"},"& .pkobp-tooltip":{display:"inline-block",height:"24px",marginLeft:"2px",marginTop:"-4px",[p.Ay.breakpoints.down("sm")]:{marginLeft:"3px",marginTop:"-6px"}}},textField:{width:"100%",".text-spacing-detected &":{"& fieldset":{"& legend, & span":{lineHeight:"1 !important"}}},"& .MuiInputBase-root, &.MuiInputBase-root":{borderRadius:"8px",borderColor:p.Ay.palette.text.primary,fontFamily:p.Ay.typography.fontFamily,height:"48px",".text-spacing-detected &":{height:"auto",minHeight:"48px"}},"& .MuiInputAdornment-root":{marginLeft:"-2px",marginTop:"0",letterSpacing:"-1px",[p.Ay.breakpoints.down("md")]:{marginTop:"1px"},".text-spacing-detected &":{"& p":{marginTop:"5px"}}},"& .MuiInputBase-input":{paddingTop:"15px",paddingBottom:"15px",".text-spacing-detected &":{"&:not(textarea)":{lineHeight:"1 !important"},paddingTop:"calc(15px + 5px)"}},"& .MuiInputBase-multiline":{height:"unset",paddingTop:"15px",paddingBottom:"15px","& textarea":{padding:"0 !important"}},"& .MuiOutlinedInput-notchedOutline":{top:0,"& > *":{lineHeight:"0"}},"& .MuiFormHelperText-root":{fontSize:"13px",lineHeight:"16px",marginLeft:"1px",marginRight:"1px",marginTop:"6px"}},generalError:{fontSize:"13px",lineHeight:"16px",marginLeft:"1px",marginRight:"1px",marginTop:"24px"},buttonContianer:{display:"flex",width:"100%",justifyContent:"end",marginTop:"44px"},buttonContianer__smallerMargin:{marginTop:"24px"},submitButton:{width:"auto",margin:"0",[p.Ay.breakpoints.down("sm")]:{width:"100%"}}})),T=e=>{let{handleSubmit:a,response:i,isLoading:t}=e,{classes:l}=A(),o=b.Ut,p=/^[0-9a-zA-Z\s-]*$/,d={email:"escoring--email",calcnumber:"escoring--calcnumber"},m=g.Ik().shape({email:g.Yj().required("To pole jest wymagane.").max(100,"Pole może mieć maksymalnie 100 znak\xf3w.").matches(o,"Niepoprawna wartość dla pola E-mail."),calcnumber:g.Yj().required("To pole jest wymagane.").max(100,"Pole może mieć maksymalnie 100 znak\xf3w.").matches(p,"Pole może zawierać tylko litery, spacje i myślniki.")}),u=async(e,i)=>{let{resetForm:n}=i;a(e)},y=()=>(null==i?void 0:i.type)==="error"&&((null==i?void 0:i.field)==="email"||(null==i?void 0:i.field)==="both")?"Wpisz poprawny adres e-mail.":"",k=()=>(null==i?void 0:i.type)==="error"&&((null==i?void 0:i.field)==="calcnumber"||(null==i?void 0:i.field)==="both")?"Wpisz poprawny numer kalkulacji.":"";return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(f.A,{variant:"h2",className:l.title,children:"Przejdź do PKO Kalkuluję Nieruchomość"}),(0,n.jsx)(c.l1,{initialValues:{email:"",calcnumber:""},validationSchema:m,onSubmit:u,children:e=>{var a,o,m,u,g,b,f,A;return(0,r.useEffect)(()=>{if(e.submitCount>0&&!e.isValid){let a=Object.keys(e.errors)[0],i=document.querySelector('[name="'.concat(a,'"]'));(null==i?void 0:i.focus)&&i.focus()}},[e.submitCount,e.isValid]),(0,n.jsx)(c.lV,{className:l.form,children:(0,n.jsx)(s.A,{className:l.formContainer,children:(0,n.jsxs)(s.A,{component:"fieldset",className:l.fieldset,"aria-live":"polite","aria-hidden":(null==i?void 0:i.type)==="success",children:[(null==i?void 0:i.type)!=="success"&&!t&&(0,n.jsx)(n.Fragment,{children:e.submitCount>0&&!e.isValid?(0,n.jsx)("legend",{children:"Nie wszystkie pola formularza są poprawnie uzupełnione"},"invalid-inputs"):(0,n.jsx)("legend",{children:"Pola do wypełnienia formularza"},"valid-inputs")}),(0,n.jsxs)(s.A,{className:l.inputWrapper,children:[(0,n.jsx)(s.A,{className:l.labelWrapper,children:(0,n.jsx)("label",{htmlFor:d.email,children:"Adres e-mail podany we wniosku o kalkulację"})}),(0,n.jsx)(x.A,{id:d.email,name:"email",placeholder:"Wpisz",className:l.textField,value:e.values.email,onChange:e.handleChange,onBlur:e.handleBlur,error:!!y()||(null==(a=e.touched)?void 0:a.email)&&!!(null==(o=e.errors)?void 0:o.email),helperText:y()?y():(null==(m=e.touched)?void 0:m.email)&&(null==(u=e.errors)?void 0:u.email),fullWidth:!0,inputProps:{maxLength:100,"aria-label":"Wpisz E-mail"}})]}),(0,n.jsxs)(s.A,{className:v()(l.inputWrapper,{[l.inputWrapper__smallerMargin]:!!k()}),children:[(0,n.jsxs)(s.A,{className:l.labelWrapper,children:[(0,n.jsx)("label",{htmlFor:d.calcnumber,children:"Numer kalkulacji"}),(0,n.jsx)(j.default,{name:"Tooltip dla numeru kalkulacji",symbol:"?",text:"\n                                  <p>\n                                    Znajdziesz go w pliku PDF dotyczącym kalkulacji:\n                                  </p>\n                                  <ul>\n                                    <li>w wiadomości e-mail od nas,</li>\n                                    <li>w serwisie iPKO – wejdź w <b>Moje sprawy → Wnioski i dokumenty → Złożone wnioski i umowy,</b></li>\n                                    <li>w aplikacji IKO – wejdź w <b>Więcej → Moje sprawy → Złożone wnioski i umowy → Umowa.</b></li>\n                                  </ul>\n                                  ",$_ID:"calcnumber--tooltip"})]}),(0,n.jsx)(x.A,{id:d.calcnumber,name:"calcnumber",placeholder:"Wpisz",className:l.textField,value:e.values.calcnumber,onChange:a=>{let i=a.target.value;p.test(i)&&e.setFieldValue("calcnumber",i)},onBlur:e.handleBlur,error:!!k()||(null==(g=e.touched)?void 0:g.calcnumber)&&!!(null==(b=e.errors)?void 0:b.calcnumber),helperText:k()?k():(null==(f=e.touched)?void 0:f.calcnumber)&&(null==(A=e.errors)?void 0:A.calcnumber),fullWidth:!0,inputProps:{maxLength:200,"aria-label":"Wpisz numer kalkulacji"}})]}),(null==i?void 0:i.type)==="error"&&(null==i?void 0:i.field)==="general"&&(0,n.jsx)(h.A,{id:"escoring-login-general-error",error:!0,className:l.generalError,children:null==i?void 0:i.message}),(0,n.jsx)(s.A,{className:v()(l.buttonContianer,{[l.buttonContianer__smallerMargin]:!!k()}),children:(0,n.jsx)(w.default,{type:"submit",variant:"primary",disabled:e.isSubmitting,renderAsButton:!0,className:l.submitButton,ariaLabel:"Przejdź dalej",children:"Dalej"})})]})})})}})]})},N=o.Df.withName("PKOBPEscoringLogin").create(()=>({container:{position:"relative",marginTop:"48px",[p.Ay.breakpoints.up("md")]:{marginTop:"24px"},[p.Ay.breakpoints.up("lg")]:{marginTop:"55px",marginBottom:"60px",marginLeft:"104px"}}})),C=e=>{let{handleLogin:a}=e,{classes:i}

1=N(),t=(0,d.A)(),[l,o]=(0,r.useState)(null),[p,c]=(0,r.useState)(!1),g=async e=>{c(!0);try{var i,n,l;let r=await t.apiEscoringTokenCreate({email_address:e.email,report_id:e.calcnumber});c(!1),(null==r||null==(n=r.data)||null==(i=n.Result)?void 0:i.ErrorCode)==="0"?(o({type:"success"}),a({datetime:new Date().toJSON(),token:null==r||null==(l=r.data)?void 0:l.AccessToken})):(c(!1),o({type:"error",field:"both",message:"Wystąpił błąd podczas pr\xf3by logowania"}))}catch(e){c(!1),o({type:"error",field:"general",message:"Wystąpił błąd podczas pr\xf3by wysłania formularza"}),console.log("Escoring login error: ",e)}};return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.A,{...{name:"1 kolumna",type:"layout100",index:1,category:"layout",marginTop:0,defaultName:"Layout kolumnowy",marginBottom:0,placeholders:null,hideNarrowColumnOnMobile:!1,uuid:"layout100-7228773e-b00e-47c2-af42-95cd121cae0d"},children:(0,n.jsxs)(s.A,{className:i.container,children:[p&&(0,n.jsx)(m.Ay,{isLoading:p,withOverlay:!0,size:m.iW.LG}),(0,n.jsx)(T,{response:l,isLoading:p,handleSubmit:g})]})})})};var z=i(6395),S=i(13403);let B={src:"/_next/static/media/pko_icon_status.7e6f9126.png"},W=o.Df.withName("PKOBPEscoringLogoutModal").create(()=>({modal:{[p.Ay.breakpoints.up("lg")]:{"& .MuiPaper-root":{width:"810px"},"& .MuiDialogContent-root":{paddingTop:"8px"}}},drawer:{[p.Ay.breakpoints.down("md")]:{"& .MuiPaper-root":{"&>div":{boxShadow:"none",justifyContent:"end",paddingTop:"13px"}}}},container:{display:"flex",width:"100%",alignItems:"center",flexWrap:"nowrap",flexDirection:"column",[p.Ay.breakpoints.up("md")]:{width:"600px",margin:"0 auto"}}

1,icon:{height:"96px",width:"96px"},text:{...p.Ay.typography.h4,margin:0,textAlign:"center",[p.Ay.breakpoints.down("md")]:{fontSize:"20px",lineHeight:"24px",marginTop:"16px",marginBottom:"24px"},[p.Ay.breakpoints.up("md")]:{marginTop:"16px",marginBottom:"28px",maxWidth:"515px"}},btnContainer:{[p.Ay.breakpoints.down("md")]:{width:"100%","& button":{margin:0}},[p.Ay.breakpoints.up("md")]:{marginBottom:"12px"}}})),E=e=>{let{isOpen:a,handleClose:i,handleClickBtn:t}=e,{classes:l}=W(),r=(0,z.A)(p.Ay.breakpoints.down("md"));return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(S.Ay,{isOpen:a,handleClose:i,showDrawerOnMobile:!0,className:l.modal,classNameDrawer:l.drawer,children:(0,n.jsxs)(s.A,{className:l.container,children:[(0,n.jsx)("img",{src:null==B?void 0:B.src,alt:"Ikona informacja",className:l.icon,"aria-hidden":!0}),(0,n.jsxs)(f.A,{variant:"body1",className:l.text,children:["Wylogowaliśmy Cię z raportu z powodu nieaktywności na ekranie trwającej ",5," minut."]}),(0,n.jsx)(s.A,{className:l.btnContainer,children:(0,n.jsx)(w.default,{variant:"primary",onClickCallback:t,width100percent:r,children:"Zaloguj się ponownie"})})]})})})},L="ESCORING_ACCESS",P=l()(()=>Promise.all([i.e(6593),i.e(4265),i.e(616),i.e(738),i.e(7621),i.e(8657),i.e(3671),i.e(7194),i.e(3253)]).then(i.bind(i,33253)),{loadableGenerated:{webpack:()=>[33253]}}),M=()=>{let[e,a]=(0,r.useState)(null),[i,t]=(0,r.useState)(!1),[l,o]=(0,r.useState)(-1);!function(e,a){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:9e5,n=(0,r.useRef)(null),t=()=>{clearTimeout(n.current),n.current=setTimeout(()=>{a()},i)};(0,r.useEffect)(()=>{if(!e)return void clearTimeout(n.current);if("function"!=typeof a)return void console.error("useInactivityTimer: callback must be a function");t();let i=["mousemove","keydown","click","scroll","touchstart"];return i.forEach(e=>window.addEventListener(e,t)),()=>{clearTimeout(n.current),i.forEach(e=>window.removeEventListener(e,t))}},[e,a,i])}(!!e,()=>{s(),t(!0)},3e5),(0,r.useEffect)(()=>{let e=JSON.parse(localStorage.getItem(L));e&&a(e)},[]);let s=()=>{localStorage.removeItem(L),a(null)};return(0,n.jsxs)("div",{children:[!e&&(0,n.jsx)(C,{handleLogin:e=>{localStorage.setItem(L,JSON.stringify(e)),a(e)}}),!!e&&(0,n.jsx)(P,{handleSetKey:e=>{o(e)},handleLogout:s,logged:e}),(0,n.jsx)(E,{isOpen:i,handleClose:()=>t(!1),handleClickBtn:()=>t(!1)})]})}}}]);