{"version":3,"sources":["assets/images/social/Facebook.svg","assets/images/social/Linkedin.svg","assets/images/social/Twitter.svg","assets/images/social/Youtube.svg","utils/addScript.tsx","utils/removeSession.js","pages/Login/useFetchLogin.tsx","components/footer/footer.tsx","pages/Login/components/functioning/styles.tsx","pages/Login/components/functioning/list.tsx","pages/Login/components/functioning/functioning.tsx","pages/Login/index.tsx"],"names":["module","exports","AddScript","React","useEffect","script","document","createElement","src","async","body","appendChild","removeChild","removeSession","sessionStorage","removeItem","useFetchLogin","flujo","useSelector","state","quota","amount","term","fee","rate","destination","dispatch","useDispatch","useState","error","setError","loader","setLoader","execute","useRecaptcha","hideDefaultBadge","sitekey","process","createRequest","selectInput","identification","inputValue","cellphone","encrypt","email","simulation","loanDestination","getToken","a","token","RECAPTCHA_TOKEN","dispatchLogin","adviser","data","setLogin","phone","phoneInput","emailInput","firstName","fullName","remainingTime","clickLogin","e","detail","emailPhoneSelect","emailPhoneValue","fetch","JSON","stringify","headers","Accept","Authorization","method","mode","then","response","json","code","navigate","URL_PATH","window","location","search","includes","setProblem","open","message","catch","addEventListener","removeEventListener","Footer","container","class","justify","item","md","className","variant","href","facebook","id","alt","twiter","linkenid","youtube","FunctionSectionWrapper","styled","div","FunctionListWrapper","List","key","title","content","map","index","size","color","type","weight","weight_color","Video","lazy","Functioning","align","Loader","Benefits","PichinchaLogin","Simulator","Carousel","Buttonloan","Doubt","Comments","Login","useParams","evergage","Evergage","user","getState","result","currentPage","sendEvent","action","console","log","addScript","DoubtMeno","useMemo","FunctioningMemo","SimulatorMemo","CommentsMeno","CarouselMemo","BenefitsMemo","ButtonloanMemo","PichinchaLoginMeno","Container","maxWidth","Suspense","fallback"],"mappings":"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","file":"static/js/12.77278f50.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/Facebook.5e0fcb56.svg\";","module.exports = __webpack_public_path__ + \"static/media/Linkedin.b7275af3.svg\";","module.exports = __webpack_public_path__ + \"static/media/Twitter.31c08483.svg\";","module.exports = __webpack_public_path__ + \"static/media/Youtube.736ab0f6.svg\";","import React from 'react'\n\nconst AddScript = () => {\n React.useEffect(() => {\n const script = document.createElement('script')\n script.src = 'getSize.js'\n script.async = true\n document.body.appendChild(script)\n return () => {\n document.body.removeChild(script)\n }\n }, [])\n}\n\nexport default AddScript\n","function removeSession () {\n sessionStorage.removeItem('flujo')\n}\n\nexport default removeSession\n","import { navigate } from '@reach/router'\nimport { RECAPTCHA_TOKEN } from 'constants/index'\nimport { RootState } from 'context'\nimport { setLogin, setProblem } from 'context/reducer/app'\nimport { QuotaState } from 'interfaces/quota'\nimport { useEffect, useState } from 'react'\nimport { useRecaptcha } from 'react-recaptcha-hook'\nimport { useDispatch, useSelector } from 'react-redux'\nimport encrypt from 'utils/encrypt'\nimport { URL_PATH } from 'utils/global'\n\nconst useFetchLogin = (flujo: string) => {\n\n const { amount, term, fee, rate, destination } = useSelector((state) => state.quota)\n const dispatch = useDispatch()\n const [error, setError] = useState(0)\n const [loader, setLoader] = useState(false)\n // Captcha\n const execute = useRecaptcha({\n hideDefaultBadge: true,\n sitekey: process.env.REACT_APP_KEY_CAPTCHA!,\n })\n\n const createRequest = (selectInput: string, identification: string, inputValue?: string) => {\n return {\n cellphone: selectInput === 'cellphone' ? encrypt(inputValue) : null,\n email: selectInput === 'email' ? encrypt(inputValue) : null,\n identification: encrypt(identification),\n simulation: {\n amount: amount,\n term: term,\n fee: fee,\n rate: rate,\n loanDestination: destination,\n }\n }\n }\n\n const getToken = async () => {\n let token\n if (process.env.REACT_APP_USE_RECAPTCHA === 'true' && flujo !== 'agencia') {\n token = ((await execute('login')) as unknown) as string\n } else {\n token = RECAPTCHA_TOKEN\n }\n return token\n }\n\n const dispatchLogin = (adviser: string, identification: string,\n data: any, selectInput: string, inputValue: string) => {\n dispatch(setLogin({\n adviser,\n identification,\n email: data.email,\n phone: data.cellphone,\n phoneInput: selectInput === 'cellphone' ? encrypt(inputValue) : null,\n emailInput: selectInput === 'email' ? encrypt(inputValue) : null,\n firstName: data.firstName,\n fullName: data.fullName,\n remainingTime: data.remainingTime\n }))\n }\n\n useEffect(() => {\n const clickLogin = async (e: any) => {\n const {\n identification,\n adviser,\n emailPhoneSelect: selectInput,\n emailPhoneValue: inputValue,\n } = e.detail\n setLoader(true)\n setError(0)\n\n const token = await getToken()\n fetch(`${process.env.REACT_APP_URL_AUTH}validate/contact`, {\n body: JSON.stringify(createRequest(selectInput, identification, inputValue)),\n headers: {\n Accept: 'application/json',\n Authorization: token,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n mode: 'cors',\n })\n .then((response) => response.json())\n .then((data: any) => {\n if (data.code === '0') {\n dispatchLogin(adviser, identification, data, selectInput, inputValue)\n navigate(`${URL_PATH()}otp${window.location.search}`)\n } else if ([2000, 2101, 2001, 9000, 3, 4].includes(+data.code)) {\n setError(+data.code)\n } else {\n dispatch(setProblem({ open: true, code: data.code, message: data.firstName }))\n }\n setLoader(false)\n })\n .catch(() => {\n dispatch(setProblem({ open: true, code: '0007' }))\n })\n }\n document.addEventListener('eventClickButtonLogin', clickLogin)\n return () =>\n document.removeEventListener('eventClickButtonLogin', clickLogin)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [execute])\n\n return { error, loader }\n}\n\nexport default useFetchLogin\n","import facebook from 'assets/images/social/Facebook.svg'\nimport linkenid from 'assets/images/social/Linkedin.svg'\nimport twiter from 'assets/images/social/Twitter.svg'\nimport youtube from 'assets/images/social/Youtube.svg'\nimport React from 'react'\nimport './footer.css'\n\nconst Footer: React.FC = () => {\n return (\n <>\n \n \n \n Banco Pichincha 2020. Todos los derechos reservados.\n \n \n \n \n \"facebook\"\n \n \n \"twiter\"\n \n \n \"linkenid\"\n \n \n \"youtube\"\n \n \n \n \n )\n}\n\nexport default Footer\n","import styled from 'styled-components'\n\nexport const FunctionSectionWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .function-list-video {\n @media (min-width: 1100px) {\n display: flex;\n }\n }\n\n .desktop-video {\n display: none;\n\n @media (min-width: 1100px) {\n display: flex;\n }\n }\n\n .mobile-tablet-video {\n margin-top: 16px;\n max-width: 600px;\n\n @media (min-width: 600px) {\n max-width: 70%;\n }\n\n @media (min-width: 1100px) {\n display: none;\n }\n }\n`\n\nexport const FunctionListWrapper = styled.div`\n padding: 0 16px;\n .list-icon {\n }\n\n .list-flex {\n display: flex;\n justify-content: center;\n @media (min-width: 1300px) {\n padding-top: 12px;\n }\n @media (min-width: 1400px) {\n padding-top: 20px;\n }\n }\n\n .text-wrapper {\n max-width: 423px;\n padding-left: 20px;\n }\n\n .button-spacer {\n @media (min-width: 1400px) {\n padding-top: 20px;\n }\n }\n`\n","import React from 'react'\nimport { FunctionListWrapper } from './styles'\n\nexport const List: React.FC = () => {\n const functioning = [\n {\n key: 'function1',\n title: 'Desde donde estés',\n content:\n 'Ingresa desde tu canal digital de preferencia Banca Web, Banca Móvil o Página web oficial de Banco Pichincha.',\n },\n {\n key: 'function2',\n title: 'Tranquilidad asegurada',\n content:\n 'De inicio a fin, tus datos están protegidos por los más altos estándares de seguridad.',\n },\n {\n key: 'function3',\n title: 'Total libertad',\n content:\n 'Escoge el monto, plazo y día de pago que prefieras, el control lo tienes tú.',\n },\n {\n key: 'function4',\n title: 'Transparencia en cada paso',\n content:\n 'Sin cobros sorpresa, conocerás todos los detalles de tu préstamo antes de aceptar el desembolso.',\n },\n ]\n\n return (\n \n
\n
\n {functioning.map((a, index) => (\n
\n
\n \n done\n \n
\n
\n
\n \n {a.title}\n \n
\n
\n \n {a.content}\n \n
\n
\n
\n ))}\n
\n\n
\n Deseo mi préstamo\n
\n
\n
\n )\n}\n","import React from 'react'\nimport { List } from './list'\nimport { FunctionSectionWrapper } from './styles'\nconst Video = React.lazy(() => import('./video'))\n\nconst Functioning: React.FC = () => {\n return (\n \n
\n
\n
\n
\n \n ¿Cómo funciona?\n \n \n Solicitar tu préstamo es así de fácil y rápido.\n \n
\n
\n\n
\n
\n \n
\n
\n
\n
\n
\n )\n}\n\nexport default Functioning\n","import React, { useEffect } from 'react'\nimport { navigate, RouteComponentProps, useParams } from '@reach/router'\nimport addScript from 'utils/addScript'\nimport removeSession from 'utils/removeSession'\nimport useFetchLogin from './useFetchLogin'\nimport Container from '@mui/material/Container'\nimport Footer from 'components/footer/footer'\nimport Functioning from './components/functioning/functioning'\nimport './index.css'\n\n\n\nconst Loader = React.lazy(() => import('assets/theme/components/Loader'))\nconst Benefits = React.lazy(() => import('.//components/benefits/benefits'))\nconst PichinchaLogin = React.lazy(() => import('./components/pichinchaLogin/pichinchaLogin'))\nconst Simulator = React.lazy(() => import('./components/simulator'))\nconst Carousel = React.lazy(() => import('./components/carousel/carousel'))\nconst Buttonloan = React.lazy(() => import('./components/buttonLoan/buttonloan'))\nconst Doubt = React.lazy(() => import('./components/doubt/doubt'))\nconst Comments = React.lazy(() => import('./components/comments/comments'))\n\nconst Login: React.FC = (): any => {\n\n const { flujo, adviser } = useParams()\n \n // Remover token de otros flujos\n sessionStorage.removeItem('token')\n useEffect(() => {\n if (flujo === 'autogestion' && adviser) {\n navigate('/autogestion/login')\n }\n removeSession()\n }, [adviser, flujo])\n\n useEffect(() => {\n try {\n const evergage = (window as any).Evergage\n if (evergage) {\n const user = evergage.getState().result.currentPage.user\n evergage.sendEvent({ action: `Flujo_Credito_Landing_00Login_Page_View_None`, user })\n }\n } catch (e) {\n console.log(e)\n }\n \n }, [])\n\n const { error, loader } = useFetchLogin(flujo)\n // Agregar Script\n addScript()\n\n const DoubtMeno = React.useMemo(() => , [])\n const FunctioningMemo = React.useMemo(() => , [])\n const SimulatorMemo = React.useMemo(() => , [])\n const CommentsMeno = React.useMemo(() => , [])\n const CarouselMemo = React.useMemo(() => , [])\n const BenefitsMemo = React.useMemo(() => , [])\n const ButtonloanMemo = React.useMemo(() => , [])\n const PichinchaLoginMeno = React.useMemo(() => , [error, adviser, flujo])\n\n if (loader) {\n return \n }\n\n return (\n <>\n \n }>\n {PichinchaLoginMeno}\n {BenefitsMemo}\n {SimulatorMemo}\n {FunctioningMemo}\n {CommentsMeno}\n {CarouselMemo}\n {DoubtMeno}\n {ButtonloanMemo}\n \n \n