\n {renderType()}\n {children}\n
\n Unsopported Component
;\n }\n\n return componentEnhanced;\n });\n};\n","import {appEndpointWithToken} from '../utils/axios';\n\nconst getMe = async () => {\n try {\n return await appEndpointWithToken().get('/me');\n } catch (error) {\n throw error.response.data;\n }\n};\n\nexport default getMe;\n","import { useContext, useEffect, useState } from 'react';\nimport { Context } from '../Context';\nimport getMe from '../services/getMe';\nimport { useHistory } from 'react-router-dom';\n\nconst useGetMe = () => {\n const [me, setMe] = useState([]);\n const { onSignOut } = useContext(Context);\n const [loading, setLoading] = useState(false);\n const history = useHistory();\n useEffect(() => {\n setLoading(true);\n getMe()\n .then((res) => {\n setMe(res.data);\n setLoading(false);\n })\n .catch((err) => {\n console.log('getMe1: ', err);\n if (err.message === 'Unauthenticated.') {\n onSignOut();\n history.push('/');\n }\n setLoading(false);\n });\n }, []);\n\n return {\n me,\n setMe,\n loadingMe: loading,\n };\n};\n\nexport default useGetMe;\n","import { appEndpointWithFiles, appEndpointWithToken } from '../utils/axios';\n\nconst onSaveStep = async (obj, hasFiles) => {\n try {\n if (hasFiles) {\n const { data } = await appEndpointWithFiles().post('/save-step', obj);\n return data;\n }\n const { data } = await appEndpointWithToken().post('/save-step', obj);\n return data;\n } catch (error) {\n throw error;\n }\n};\n\nexport default onSaveStep;\n","import {Box, Typography} from '@material-ui/core';\nimport {useHistory} from 'react-router-dom';\nimport React, {useContext, useEffect, useMemo, useState} from 'react';\nimport {toast} from 'react-toastify';\nimport ButtonApp from '../../Components/ButtonApp';\nimport LoadingStep from '../../Components/LoadingStep';\nimport ProgressHeader from '../../Components/ProgressHeader';\nimport {getConfig} from '../../config/config';\nimport {setDefaultState} from '../../config/handlers';\nimport {Renderer} from '../../config/Renderer';\nimport {Context} from '../../Context';\nimport useGetHelpData from '../../hooks/useGetHelpData';\nimport useGetMe from '../../hooks/useGetMe';\nimport onSaveStep from '../../services/saveStep';\n\nconst BankAccount = () => {\n const {me, loadingMe} = useGetMe();\n const [oldState, setOldState] = useState({});\n const [state, setState] = useState({});\n const [loading, setLoading] = useState('idle');\n const history = useHistory();\n const helpData = useGetHelpData(\n me?.user?.profile,\n me?.user?.profile === 'Persona Juridica'\n ? me?.steps?.step_9?.name\n : me?.steps?.step_7?.name\n );\n const {setDesktopImg} = useContext(Context);\n\n useEffect(() => {\n if (helpData?.desktop_img) {\n setDesktopImg(helpData?.desktop_img);\n }\n }, [helpData?.desktop_img]);\n useEffect(() => {\n if (me) {\n if (\n me?.user?.profile === 'Persona Juridica' &&\n me?.steps?.step_9?.order === 9\n ) {\n setDefaultState(me?.steps?.step_9?.body, state, setState);\n return;\n }\n if (me?.steps?.step_7?.order === 7) {\n setDefaultState(me?.steps?.step_7?.body, state, setState);\n }\n }\n }, [me]);\n\n useEffect(() => {\n setOldState(state);\n }, [state]);\n\n const config = useMemo(() => {\n if (me) {\n const result = getConfig({\n state,\n setState,\n componentsFromServer:\n me?.user?.profile === 'Persona Juridica'\n ? me?.steps?.step_9?.body\n : me?.steps?.step_7?.body,\n });\n\n if (oldState['field_168'] !== state['field_168']) {\n if (state['field_168'] === 'otras') {\n result.forEach((el) => {\n if (el.id === 73) {\n el.disable = false;\n el.value = ''\n state['field_73'] = '';\n }\n if (el.id === 74) {\n el.label = 'Número de cuenta bancaria'\n }\n })\n } else {\n result.forEach((el) => {\n if (el.id === 73) {\n el.disable = true;\n const value = el.options.find((option) => option.id === 147)?.value;\n el.value = value;\n state['field_73'] = value;\n }\n if (el.id === 74) {\n el.label = 'Digita tú número de depósito de bajo monto'\n }\n })\n }\n }\n return result;\n }\n }, [state, me]);\n\n\n const saveStep = () => {\n setLoading('pending');\n\n onSaveStep({...state, view: 'bank_account'})\n .then((data) => {\n setLoading('resolved');\n\n me.user.profile === 'Persona Natural'\n ? history.push('/unrelated_activities')\n : history.push('/submitted')\n })\n .catch((err) => {\n const errorKeys = Object.keys(err.response?.data?.errors);\n\n const error = errorKeys.map((key, index) => (\n \n {showCountdown ?\n Se habilitará un nuevo codigo en: {countdown/1000} \n :\n
\n\n\n\n\n\n\n\n\n\n \n\n \n ¿No te llego el código de verificación al número celular?
\n \nEnviar código al Correo Electrónico \n \n \n\n
\n }\n\n \n \n
\n
\n \n {images.map((img) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n \n {scrollSnaps.map((_, index) => (\n onDotButtonClick(index)}\n className={'embla__dot'.concat(\n index === selectedIndex ? ' embla__dot--selected' : ''\n )}\n />\n ))}\n
\n \n {showCountdown ?\n Se habilitará un nuevo codigo en: {countdown / 1000} \n :\n
\n\n \n \n ¿No ha recibido el código?\n \n \n Reenviar código al celular\n \n\n {pageAction != 'signIn' ? (\n
\n }\n\n \n \n ¿No te llego el código de verificación al número celular?
\n\n \n \n Enviar al Correo Electrónico\n \n
\n\n ) : (\n ''\n )}\n\n \n\n
\n \n No Found for
\n
\n );\n}\n\nfunction PrivateRoute({auth, formCompleted, children, ...rest}) {\n return (\n