{"version":3,"sources":["assets/images/login/LoginBanner.jpg","assets/images/login/LoginBannerMovil.jpg","assets/icon/calendar.svg","assets/icon/money.svg","assets/icon/rate.svg","components/login/headerLogin.tsx","pages/Login/components/pichinchaLogin/styles.tsx","pages/Login/components/pichinchaLogin/pichinchaLogin.tsx"],"names":["module","exports","React","memo","Grid","className","item","width","document","body","clientWidth","height","src","isotipo","images","alt","PichinchaLoginWrapper","styled","div","PichinchaLogin","error","adviser","flujo","isMobile","useSelector","state","app","id","LoginBannerMovil","LoginBanner","calendar","rate","money","idelement","color","size","href","variant","align","weight_color","class","text-tooltip","href-new-account","process","code-error","show-new-account","value-identification","value-phone-email","value-adviser","data-testid","show-adviser","text-confirm","link","textLink","text-button","RenderPichinchaLogin"],"mappings":"oHAAAA,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,8C,oBCA3CD,EAAOC,QAAU,IAA0B,sC,oBCA3CD,EAAOC,QAAU,IAA0B,mC,oBCA3CD,EAAOC,QAAU,IAA0B,kC,wGCqB5BC,MAAMC,MAhBS,WAC5B,OACE,kBAACC,EAAA,EAAD,CAAMC,UAAU,wBACd,kBAACD,EAAA,EAAD,CAAME,MAAI,EAACD,UAAU,mBACnB,yBACEE,MAAOC,SAASC,KAAKC,aAAe,IAAM,GAAK,IAC/CC,OAAO,KACPC,IAAKJ,SAASC,KAAKC,aAAe,IAAMG,IAAUC,IAClDC,IAAI,UACJV,UAAS,iB,w6ECZZ,IAAMW,E,OAAwBC,EAAOC,IAAV,K,8DCmHnBC,UAxE+D,SAAC,GAIxE,IAHLC,EAGI,EAHJA,MACAC,EAEI,EAFJA,QACAC,EACI,EADJA,MAEQC,EAAaC,aAAiC,SAACC,GAAD,OAAWA,EAAMC,OAA/DH,SACR,OACE,kBAACP,EAAD,KACE,kBAAC,EAAD,MACA,yBAAKX,UAAU,eAAesB,GAAG,WAC/B,yBACEf,IAAKW,EAAWK,IAAmBC,IACnCtB,MAAO,OACPI,OAAQ,OACRN,UAAU,mBACVU,IAAK,oCAEP,yBAAKV,UAAU,eAAf,qDAGA,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,6BACb,yBACEO,IAAKkB,IACLvB,MAAM,KACNI,OAAO,KACPI,IAAI,8BAEN,yBAAKV,UAAU,uBAAf,mBAEF,yBAAKA,UAAU,4BACb,yBACEO,IAAKmB,IACLxB,MAAM,KACNI,OAAO,KACPI,IAAI,qCAEN,yBAAKV,UAAU,uBAAf,qCAIF,yBAAKA,UAAU,4BACb,yBACEO,IAAKoB,IACLzB,MAAM,KACNI,OAAO,KACPI,IAAI,+BAEN,yBAAKV,UAAU,uBAAf,+BAIF,yBAAKA,UAAU,sBACb,sCACEsB,GAAG,0BACHM,UAAU,uBACVC,MAAM,gBACNC,KAAK,QACLC,KAAK,cALP,iCAWJ,yBAAK/B,UAAU,sBAjGM,SAACe,EAAeC,EAAcC,GACzD,OACE,yBAAKjB,UAAU,4BAA4BsB,GAAG,cAC5C,0CACEU,QAAQ,KACRC,MAAM,OACNJ,MAAM,WACNK,aAAa,MACbC,MAAM,sBALR,8EAUA,qCACEC,eAAa,iHACbC,mBAAkBC,wCAClBC,aAAYxB,EACZyB,oBAAkB,EAClBC,uBAAqB,GACrBC,oBAAkB,GAClBpB,GAAG,kBACHqB,gBAAe3B,EACf4B,cAAY,kBACZC,eAAwB,gBAAV5B,EACd6B,eAAa,wNAEbC,KAAMT,0HACNU,SAAU,uCACVC,cAAY,iCAsETC,CAAqBnC,EAAOC,EAASC","file":"static/js/14.03711ec7.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/LoginBanner.7c283fd2.jpg\";","module.exports = __webpack_public_path__ + \"static/media/LoginBannerMovil.54b6855b.jpg\";","module.exports = __webpack_public_path__ + \"static/media/calendar.786885e7.svg\";","module.exports = __webpack_public_path__ + \"static/media/money.712516d4.svg\";","module.exports = __webpack_public_path__ + \"static/media/rate.a1c0b099.svg\";","import React from 'react'\nimport isotipo from 'assets/images/Isotipo.svg';\nimport images from 'assets/images/logo-pichincha.png';\nimport { Grid } from '@mui/material';\n\nconst headerLogin: React.FC = () => {\n  return (\n    <Grid className='login-header bp-p-16'>\n      <Grid item className=\"vertical-center\">\n        <img\n          width={document.body.clientWidth <= 320 ? 32 : 150}\n          height='32'\n          src={document.body.clientWidth <= 320 ? isotipo : images}\n          alt=\"logo-pb\"\n          className={`imgLogo`}\n        />\n      </Grid>\n    </Grid>\n  )\n}\n\nexport default React.memo(headerLogin)\n","import styled from 'styled-components'\n\nexport const PichinchaLoginWrapper = styled.div`\n  .login-banner {\n    position: relative;\n  }\n\n  .login-banner-img {\n    @media (min-width: 600px) {\n      min-height: 437px;\n      object-fit: cover;\n    }\n\n    @media (min-width: 960px) {\n      min-height: 537px;\n      margin-bottom: 30px;\n    }\n  }\n\n  .login-title {\n    position: absolute;\n    top: 4%;\n    left: 7%;\n    font-family: var(--preloslab-book);\n    color: var(--blue500);\n    font-size: 28px;\n    line-height: 32px;\n    max-width: 200px;\n\n    @media (min-width: 400px) {\n      font-size: 34px;\n    }\n\n    @media (min-width: 960px) {\n      top: 15%;\n    }\n\n    @media (min-width: 1100px) {\n      font-size: 40px;\n      line-height: 48px;\n      max-width: 370px;\n    }\n  }\n\n  .banner-detail-box {\n    > * {\n      padding-left: 16px;\n\n      @media (min-width: 400px) {\n        margin: 0 auto;\n      }\n\n      @media (min-width: 600px) {\n        padding-left: 0;\n        margin: 0;\n      }\n    }\n\n    @media (min-width: 400px) {\n      padding-left: 0;\n      width: 100%;\n    }\n\n    @media (min-width: 600px) {\n      position: absolute;\n      top: 15%;\n      left: 7%;\n      width: auto;\n    }\n    @media (min-width: 960px) {\n      top: 35%;\n    }\n  }\n\n  .detail-with-icon {\n    display: flex;\n    align-items: center;\n    max-width: 300px;\n  }\n\n  .login-banner-detail {\n    font-family: var(--prelo-semibold);\n    color: var(--blue500);\n    font-size: 18px;\n    line-height: 24px;\n    max-widht: 300px;\n  }\n\n  .simulation-button {\n    padding-left: 0;\n    margin: 0 auto;\n    max-width: 225px;\n    margin-top: 30px;\n    @media (min-width: 600px) {\n      margin: 0;\n      padding-top: 16px;\n    }\n  }\n\n  .login-form-wrapper {\n    padding: 0 6px;\n    margin: 24px 16px;\n    z-index: 10;\n    position: inherit;\n    margin: 24px auto 0 auto;\n    max-width: 295px;\n    @media (min-width: 380px) {\n      max-width: 345px;\n    }\n\n    @media (min-width: 440px) {\n      max-width: 415px;\n    }\n    @media (min-width: 600px) {\n      margin-top: -50px;\n    }\n    @media (min-width: 960px) {\n      width: 415px;\n      margin: 24px auto 0 auto;\n      position: absolute;\n      top: 5%;\n      right: 7%;\n    }\n  }\n\n  .login-title-spacer {\n    @media (min-width: 739px) {\n      padding-left: 24px;\n      padding-top: 16px;\n    }\n  }\n`\n","import React from 'react'\nimport HeaderLogin from 'components/login/headerLogin'\nimport LoginBanner from 'assets/images/login/LoginBanner.jpg'\nimport LoginBannerMovil from 'assets/images/login/LoginBannerMovil.jpg'\nimport { PichinchaLoginWrapper } from './styles'\nimport { useSelector } from 'react-redux'\nimport { RootState } from 'context'\nimport { AppState } from 'interfaces/app'\nimport calendar from 'assets/icon/calendar.svg'\nimport money from 'assets/icon/money.svg'\nimport rate from 'assets/icon/rate.svg'\n\nconst RenderPichinchaLogin = (error: number, adviser: any, flujo: any) => {\n  return (\n    <div className=\"pichincha-login-container\" id=\"login-form\">\n      <pichincha-typography\n        variant=\"h6\"\n        align=\"left\"\n        color=\"darkGrey\"\n        weight_color=\"500\"\n        class=\"login-title-spacer\"\n      >\n        Si eres cliente Banco Pichincha ingresa tus datos para iniciar el\n        proceso.\n      </pichincha-typography>\n      <pichincha-login\n        text-tooltip=\"Para acceder a tu préstamo debes ingresar tu celular o correo electrónico registrado en Banco Pichincha.\"\n        href-new-account={process.env.REACT_APP_URL_ACCOUNT_SIMPLE}\n        code-error={error}\n        show-new-account={true}\n        value-identification=\"\"\n        value-phone-email=\"\"\n        id=\"login-component\"\n        value-adviser={adviser}\n        data-testid=\"organism-cedula\"\n        show-adviser={flujo !== 'autogestion'}\n        text-confirm=' Al hacer clic en \"Mira lo que tenemos para ti\", nos autorizas a obtener información crediticia de fuentes legales, a compartir información con\n        Novaecuador S.A. para contratación de seguros, y aceptas el '\n        link={process.env.REACT_APP_LDP_PDF}\n        textLink={'tratamiento de tus datos personales.'}\n        text-button=\"Mira lo que tenemos para ti\"\n      />\n    </div>\n  )\n}\nconst PichinchaLogin: React.FC<{ error: number; adviser: any; flujo: any }> = ({\n  error,\n  adviser,\n  flujo,\n}) => {\n  const { isMobile } = useSelector<RootState, AppState>((state) => state.app)\n  return (\n    <PichinchaLoginWrapper>\n      <HeaderLogin />\n      <div className=\"login-banner\" id=\"logo-pb\">\n        <img\n          src={isMobile ? LoginBannerMovil : LoginBanner}\n          width={'100%'}\n          height={'100%'}\n          className=\"login-banner-img\"\n          alt={'login baner banco pichincha web'}\n        />\n        <div className=\"login-title\">\n          Tu préstamo fácil, rápido y sin garante.\n        </div>\n        <div className=\"banner-detail-box\">\n          <div className=\"bp-mt-16 detail-with-icon\">\n            <img\n              src={calendar}\n              width=\"35\"\n              height=\"35\"\n              alt=\"plazos de hasata 60 meses\"\n            />\n            <div className=\"login-banner-detail\">Hasta 60 meses</div>\n          </div>\n          <div className=\"bp-mt-8 detail-with-icon\">\n            <img\n              src={rate}\n              width=\"35\"\n              height=\"35\"\n              alt=\"Al 15.60% tasa anual referencial\"\n            />\n            <div className=\"login-banner-detail\">\n              Al 15.60% tasa anual referencial\n            </div>\n          </div>\n          <div className=\"bp-mt-8 detail-with-icon\">\n            <img\n              src={money}\n              width=\"35\"\n              height=\"35\"\n              alt=\"Hasta $ 40.000 sin garante\"\n            />\n            <div className=\"login-banner-detail\">\n              Hasta $ 40.000 sin garante\n            </div>\n          </div>\n          <div className=\"simulation-button \">\n            <pichincha-button\n              id=\"simulator_ref_button_pb\"\n              idelement=\"simulator_ref_button\"\n              color=\"complementary\"\n              size=\"large\"\n              href=\"#simulador\"\n            >\n              Simula tu préstamo ahora\n            </pichincha-button>\n          </div>\n        </div>\n        <div className=\"login-form-wrapper\">\n          {RenderPichinchaLogin(error, adviser, flujo)}\n        </div>\n      </div>\n    </PichinchaLoginWrapper>\n  )\n}\n\nexport default PichinchaLogin\n"],"sourceRoot":""}