\r\n
Administración
\r\n \r\n \r\n \r\n Personas Naturales\r\n \r\n \r\n \r\n \r\n Personas Jurídicas\r\n \r\n \r\n
\r\n \r\n \r\n
Configuración
\r\n\r\n \r\n \r\n \r\n Roles\r\n \r\n \r\n \r\n \r\n Permisos\r\n \r\n \r\n \r\n \r\n Usuarios\r\n \r\n \r\n
\r\n \r\n {title}
\r\n {/* Generate Report */}\r\n \r\n)\r\n\r\nexport default PageHeading;","import React, { Component, useEffect, useState } from \"react\";\r\nimport Sidebar from \"../../components/Navigation/Sidebar\";\r\nimport Topbar from \"../../components/Navigation/Topbar\";\r\nimport PageHeading from \"../../components/PageHeading\";\r\n\r\nconst Dashboard = ({}) => {\r\n const [data, setData] = useState({\r\n countNaturalPerson: 0,\r\n countJuridicalPerson: 0,\r\n countNaturalPersonPending: 0,\r\n countJuridicalPersonPending: 0,\r\n });\r\n\r\n useEffect(() => {\r\n const token = window.localStorage.getItem(\"token\");\r\n\r\n fetch(`${process.env.REACT_APP_API_URL}/api/v1/dashboard`, {\r\n method: \"GET\",\r\n headers: new Headers({\r\n Authorization: `Bearer ${token}`,\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n })\r\n .then((response) => response.json())\r\n .then((response) => {\r\n setData(response);\r\n });\r\n }, []);\r\n\r\n return (\r\n\r\n {/* */}\r\n
\r\n );\r\n};\r\n\r\nexport default Dashboard;\r\n","import React, { Component } from 'react';\r\nimport { Link, withRouter } from 'react-router-dom';\r\n\r\nclass NotFound extends Component {\r\n render() {\r\n return (\r\n \r\n {/* */}\r\n
\r\n {/* */}\r\n\r\n {/* */}\r\n \r\n \r\n \r\n \r\n {/* */}\r\n
\r\n {/* */}\r\n \r\n {/* */}\r\n
\r\n\r\n {/* */}\r\n\r\n {/* */}\r\n\r\n {/* */}\r\n {/* */}\r\n \r\n {/* */}\r\n\r\n
{\" \"}\r\n \r\n {/* Earnings (Monthly) Card Example */}\r\n
\r\n \r\n
\r\n {/* Earnings (Monthly) Card Example */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Solicitudes personas naturales\r\n
\r\n \r\n {data.countNaturalPerson}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* Pending Requests Card Example */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Solicitudes personas juridicas\r\n
\r\n \r\n {data.countJuridicalPerson}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* Pending Requests Card Example */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Solicitudes pendientes Personas Naturales\r\n
\r\n \r\n {data.countNaturalPersonPending}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Solicitudes pendientes Personas Juridicas\r\n
\r\n \r\n {data.countJuridicalPersonPending}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(NotFound);","import React, { useEffect, useState } from \"react\";\r\nimport { Pagination } from \"react-bootstrap\";\r\nimport { element } from \"prop-types\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst Grid = ({\r\n defaultValue,\r\n cols,\r\n data = [],\r\n page,\r\n pages,\r\n onChangeRange,\r\n onChangePage,\r\n onChangeSearch,\r\n actionsButton,\r\n total,\r\n offset = 10,\r\n}) => {\r\n const [value, setValue] = useState(defaultValue);\r\n\r\n const onChangeValue = (event) => {\r\n setValue(event.target.value);\r\n };\r\n\r\n const ranges = [10, 25, 50, 100, 500, 1000];\r\n\r\n const showPaginationNumbers = (pageNumbers) => {\r\n let paginationNumbers = [];\r\n if (pageNumbers) {\r\n let showMax = 5;\r\n let endPage;\r\n let startPage;\r\n if (pageNumbers <= showMax) {\r\n startPage = 1;\r\n endPage = pageNumbers.length;\r\n } else {\r\n startPage = page;\r\n if (\r\n startPage != pageNumbers.length &&\r\n startPage + 1 != pageNumbers.length\r\n ) {\r\n endPage = page + showMax - 1;\r\n } else {\r\n endPage = pageNumbers.length;\r\n }\r\n }\r\n for (let i = startPage; i <= endPage; i++) {\r\n paginationNumbers.push(i);\r\n }\r\n return showRenderPageNumbers(paginationNumbers);\r\n }\r\n };\r\n\r\n const showRenderPageNumbers = (paginationNumbers) => {\r\n if (paginationNumbers) {\r\n let result = paginationNumbers.map((number) => {\r\n return (\r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n 404
\r\n Página no encontrada
\r\nParece que encontraste un error en la matriz...
\r\n ← Volver al inicio\r\n\r\n \r\n {actionsButton &&\r\n actionsButton.isVisible &&\r\n actionsButton.buttons &&\r\n actionsButton.buttons.length > 0 && (\r\n \r\n \r\n
\r\n
\r\n \r\n {pages && (\r\n \r\n {actionsButton.buttons.map((element) => {\r\n if (element.isVisible) {\r\n if (element.render) {\r\n if (\r\n React.isValidElement(element.render) ||\r\n typeof element.render === \"string\"\r\n ) {\r\n return element.render;\r\n }\r\n if (typeof element.render === \"function\") {\r\n return element.render();\r\n }\r\n }\r\n return (\r\n
\r\n )}\r\n {onChangeRange && onChangeSearch && (\r\n \r\n \r\n {element.label}\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n onEnter(e)}\r\n />\r\n
\r\n \r\n onSubmit(e)}\r\n >\r\n \r\n \r\n
\r\n | \r\n {typeof headerItem.title == \"string\"\r\n ? headerItem.title\r\n : headerItem.title()}\r\n | \r\n ))}\r\n\r\n {col.render(item)}\r\n | \r\n ))}\r\n \r\n ) : (\r\n
|---|
| \r\n {col.render(item)}\r\n | \r\n ))}\r\n
\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Grid;","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Sidebar from \"../../components/Navigation/Sidebar\";\r\nimport Topbar from \"../../components/Navigation/Topbar\";\r\nimport Grid from \"../../components/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport { Show } from \"../../hooks/Show\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { Multiselect } from \"multiselect-react-dropdown\";\r\n\r\nconst Role = ({\r\n reduxGetPermissions,\r\n permissions,\r\n roles,\r\n reduxGetRoles,\r\n reduxPostRole,\r\n role,\r\n reduxGetRole,\r\n rowEdited,\r\n reduxDeleteRole,\r\n rowDeleted,\r\n reduxPatchRole,\r\n rowUpdated,\r\n reduxResetRoleForm,\r\n}) => {\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [offset, setOffset] = useState(10);\r\n const { session } = useAuth();\r\n const [show, setShow] = useState(false);\r\n const [itemsSelected, setItemsSelected] = useState([]);\r\n\r\n const handleClose = () => {\r\n reduxResetRoleForm();\r\n setShow(false);\r\n };\r\n const handleShow = () => {\r\n reduxGetPermissions({\r\n page: 1,\r\n search: \"\",\r\n offset: 1000,\r\n });\r\n setItemsSelected([]);\r\n reduxResetRoleForm();\r\n reset();\r\n setShow(true);\r\n };\r\n const [search, setSearch] = useState(\"\");\r\n\r\n const columns = [\r\n {\r\n title: \"#\",\r\n render: (rowData) => {\r\n return {rowData.idRole};\r\n },\r\n },\r\n {\r\n title: \"Nombre\",\r\n render: (rowData) => {\r\n return {rowData.name};\r\n },\r\n },\r\n {\r\n title: \"Descripción\",\r\n render: (rowData) => {\r\n return {rowData.description};\r\n },\r\n },\r\n {\r\n title: \"Opciones\",\r\n render: (rowData) => {\r\n return (\r\n <>\r\n {rowData.isActive ? (\r\n <>\r\n \r\n {total} registros encontrados | página{\" \"}\r\n {page} de {pages}\r\n
\r\n \r\n \r\n onChangePage(page.selected + 1)}\r\n containerClassName=\"pagination\"\r\n activeClassName=\"active\"\r\n forcePage={page === 1 ? 0 : page - 1}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n roles: state.roleState.roles,\r\n role: state.roleState.role,\r\n rowEdited: state.roleState.rowEdited,\r\n rowDeleted: state.roleState.rowDeleted,\r\n rowUpdated: state.roleState.rowUpdated,\r\n permissions: state.permissionState.permissions,\r\n permissionsRoles: state.permissionRoleState.permissionsRoles,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n reduxGetPermissions: (payload) =>\r\n dispatch({\r\n type: \"FETCH_PERMISSIONS_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetPermissionsRoles: (payload) =>\r\n dispatch({\r\n type: \"FETCH_PERMISSIONS_ROLES_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetRoles: (payload) =>\r\n dispatch({\r\n type: \"FETCH_ROLES_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPostRole: (payload) =>\r\n dispatch({\r\n type: \"CREATE_ROLE_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetRole: (payload) =>\r\n dispatch({\r\n type: \"READ_ROLE_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxDeleteRole: (payload) =>\r\n dispatch({\r\n type: \"DELETE_ROLE_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPatchRole: (payload) =>\r\n dispatch({\r\n type: \"UPDATE_ROLE_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxResetRoleForm: () =>\r\n dispatch({\r\n type: \"RESET_ROLE_FORM\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Role);\r\n","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { isLogin } from '../middlewares/auth';\r\n\r\nconst PublicRoute = ({\r\n component: Component,\r\n restricted,\r\n ...rest\r\n}) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Roles
\r\nMódulo de Administración de roles
\r\n\r\n
\r\n \r\n
\r\n \r\n Listado de Roles\r\n
\r\n\r\n 0\r\n ? Number(roles.total)\r\n : 0\r\n }\r\n cols={columns}\r\n data={\r\n roles && Object.keys(roles).length > 0 ? roles.items : []\r\n }\r\n page={\r\n roles && Object.keys(roles).length > 0\r\n ? Number(roles.page)\r\n : currentPage\r\n }\r\n pages={\r\n roles && Object.keys(roles).length > 0\r\n ? Number(roles.totalPages)\r\n : 1\r\n }\r\n onChangePage={(page) => setCurrentPage(page)}\r\n onChangeRange={(value) => {\r\n reduxGetRoles({\r\n page: 1,\r\n offset: value,\r\n search: search,\r\n });\r\n }}\r\n defaultValue={search}\r\n onChangeSearch={(value) => {\r\n setSearch(value);\r\n reduxGetRoles({\r\n page: 1,\r\n offset: offset,\r\n search: value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n permissions: state.permissionState.permissions,\r\n permission: state.permissionState.permission,\r\n rowEdited: state.permissionState.rowEdited,\r\n rowDeleted: state.permissionState.rowDeleted,\r\n rowUpdated: state.permissionState.rowUpdated,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n reduxGetPermissions: (payload) =>\r\n dispatch({\r\n type: \"FETCH_PERMISSIONS_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPostPermission: (payload) =>\r\n dispatch({\r\n type: \"CREATE_PERMISSION_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetPermission: (payload) =>\r\n dispatch({\r\n type: \"READ_PERMISSION_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxDeletePermission: (payload) =>\r\n dispatch({\r\n type: \"DELETE_PERMISSION_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPatchPermission: (payload) =>\r\n dispatch({\r\n type: \"UPDATE_PERMISSION_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxResetPermissionForm: () =>\r\n dispatch({\r\n type: \"RESET_PERMISSION_FORM\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Permission);\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Sidebar from \"../../components/Navigation/Sidebar\";\r\nimport Topbar from \"../../components/Navigation/Topbar\";\r\nimport Grid from \"../../components/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport { Show } from \"../../hooks/Show\";\r\n\r\nconst User = ({\r\n reduxGetRoles,\r\n roles,\r\n users,\r\n reduxGetUsers,\r\n reduxPostUser,\r\n user,\r\n reduxGetUser,\r\n rowEdited,\r\n reduxDeleteUser,\r\n rowDeleted,\r\n reduxPatchUser,\r\n rowUpdated,\r\n reduxResetUserForm,\r\n}) => {\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [offset, setOffset] = useState(10);\r\n const [checked, setChecked] = useState(true);\r\n const [show, setShow] = useState(false);\r\n\r\n const handleClose = () => {\r\n reduxResetUserForm();\r\n setShow(false);\r\n };\r\n const handleShow = () => {\r\n reduxGetRoles({\r\n page: 1,\r\n search: \"\",\r\n offset: 1000,\r\n });\r\n reduxResetUserForm();\r\n reset();\r\n setShow(true);\r\n };\r\n const [search, setSearch] = useState(\"\");\r\n\r\n const columns = [\r\n {\r\n title: \"#\",\r\n render: (rowData) => {\r\n return {rowData.idUser};\r\n },\r\n },\r\n {\r\n title: \"Primer Nombre\",\r\n render: (rowData) => {\r\n return {rowData.firstName};\r\n },\r\n },\r\n {\r\n title: \"Segundo Nombre\",\r\n render: (rowData) => {\r\n return {rowData.secondName};\r\n },\r\n },\r\n {\r\n title: \"Primer Apellido\",\r\n render: (rowData) => {\r\n return {rowData.lastName};\r\n },\r\n },\r\n {\r\n title: \"Segundo Apellido\",\r\n render: (rowData) => {\r\n return {rowData.secondLastName};\r\n },\r\n },\r\n {\r\n title: \"Documento\",\r\n render: (rowData) => {\r\n return {rowData.documentNumber};\r\n },\r\n },\r\n {\r\n title: \"Email\",\r\n render: (rowData) => {\r\n return {rowData.email};\r\n },\r\n },\r\n {\r\n title: \"Teléfono\",\r\n render: (rowData) => {\r\n return {rowData.phone};\r\n },\r\n },\r\n {\r\n title: \"Rol\",\r\n render: (rowData) => {\r\n return {rowData.role.name};\r\n },\r\n },\r\n {\r\n title: \"Opciones\",\r\n render: (rowData) => {\r\n return (\r\n <>\r\n {rowData.isActive ? (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Permisos
\r\nMódulo de Administración de permisos
\r\n\r\n
\r\n \r\n
\r\n \r\n Listado de Permisos\r\n
\r\n\r\n 0\r\n ? Number(permissions.total)\r\n : 0\r\n }\r\n cols={columns}\r\n data={\r\n permissions && Object.keys(permissions).length > 0\r\n ? permissions.items\r\n : []\r\n }\r\n page={\r\n permissions && Object.keys(permissions).length > 0\r\n ? Number(permissions.page)\r\n : currentPage\r\n }\r\n pages={\r\n permissions && Object.keys(permissions).length > 0\r\n ? Number(permissions.totalPages)\r\n : 1\r\n }\r\n onChangePage={(page) => setCurrentPage(page)}\r\n onChangeRange={(value) => {\r\n reduxGetPermissions({\r\n page: 1,\r\n offset: value,\r\n search: search,\r\n });\r\n }}\r\n defaultValue={search}\r\n onChangeSearch={(value) => {\r\n setSearch(value);\r\n reduxGetPermissions({\r\n page: 1,\r\n offset: offset,\r\n search: value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n users: state.userState.users,\r\n user: state.userState.user,\r\n rowEdited: state.userState.rowEdited,\r\n rowDeleted: state.userState.rowDeleted,\r\n rowUpdated: state.userState.rowUpdated,\r\n roles: state.roleState.roles,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n reduxGetRoles: (payload) =>\r\n dispatch({\r\n type: \"FETCH_ROLES_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetUsers: (payload) =>\r\n dispatch({\r\n type: \"FETCH_USERS_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPostUser: (payload) =>\r\n dispatch({\r\n type: \"CREATE_USER_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetUser: (payload) =>\r\n dispatch({\r\n type: \"READ_USER_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxDeleteUser: (payload) =>\r\n dispatch({\r\n type: \"DELETE_USER_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxPatchUser: (payload) =>\r\n dispatch({\r\n type: \"UPDATE_USER_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxResetUserForm: () =>\r\n dispatch({\r\n type: \"RESET_USER_FORM\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(User);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\n\r\nconst Partners = ({ onChange, data = [], view = false }) => {\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n } = useForm();\r\n\r\n const [partnerList, setPartnerList] = useState(data);\r\n\r\n const onSubmit = (data) => {\r\n let obj = [...partnerList];\r\n obj.push(data);\r\n setPartnerList(obj);\r\n onChange(obj);\r\n reset();\r\n };\r\n\r\n const handleDelete = (key) => {\r\n let obj = [...partnerList];\r\n obj.splice(key, 1);\r\n setPartnerList(obj);\r\n onChange(obj);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Usuarios
\r\nMódulo de Administración de usuarios
\r\n\r\n
\r\n \r\n
\r\n \r\n Listado de Usuarios\r\n
\r\n\r\n 0\r\n ? Number(users.total)\r\n : 0\r\n }\r\n cols={columns}\r\n data={\r\n users && Object.keys(users).length > 0 ? users.items : []\r\n }\r\n page={\r\n users && Object.keys(users).length > 0\r\n ? Number(users.page)\r\n : currentPage\r\n }\r\n pages={\r\n users && Object.keys(users).length > 0\r\n ? Number(users.totalPages)\r\n : 1\r\n }\r\n onChangePage={(page) => setCurrentPage(page)}\r\n onChangeRange={(value) => {\r\n reduxGetUsers({\r\n page: 1,\r\n offset: value,\r\n search: search,\r\n });\r\n }}\r\n defaultValue={search}\r\n onChangeSearch={(value) => {\r\n setSearch(value);\r\n reduxGetUsers({\r\n page: 1,\r\n offset: offset,\r\n search: value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Partners;\r\n","import React, { useState } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\n\r\nconst ForeignCurrencyAccounts = ({ onChange, data = [], view = false }) => {\r\n const {\r\n register,\r\n handleSubmit,\r\n reset,\r\n } = useForm();\r\n\r\n const [foreignCurrencyList, setForeignCurrencyList] = useState(data);\r\n\r\n const onSubmit = (data) => {\r\n let obj = [...foreignCurrencyList];\r\n obj.push(data);\r\n setForeignCurrencyList(obj);\r\n onChange(obj);\r\n reset();\r\n };\r\n\r\n const handleDelete = (key) => {\r\n let obj = [...foreignCurrencyList];\r\n obj.splice(key, 1);\r\n setForeignCurrencyList(obj);\r\n onChange(obj);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ForeignCurrencyAccounts;\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Partners from \"../../components/Partners\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst SarlaftPJuridica = ({\r\n onCancel,\r\n juridicalPersonForm,\r\n juridicalPersonReset,\r\n juridicalPersonState,\r\n successfulCreateJuridicalPerson,\r\n errorsCreateJuridicalPerson,\r\n juridicalPerson,\r\n}) => {\r\n const history = useHistory();\r\n const [dataPartners, setDataPartners] = useState([]);\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const [showInputPromoter, setShowInputPromoter] = useState(false);\r\n\r\n const handleSelectChange = (event) => {\r\n setShowInputPromoter(event.target.value === \"Contacto con Promotor\");\r\n };\r\n\r\n useEffect(() => {\r\n setValue(\"tipo_operacion\", \"\");\r\n }, [monedaExtranjera.current]);\r\n\r\n useEffect(() => {\r\n if (successfulCreateJuridicalPerson) {\r\n Swal.fire({\r\n title: \"Proceso exitoso!\",\r\n text: \"El formulario fue enviado exitosamente, guarda este código \" +\r\n juridicalPerson.codigo_verificacion +\r\n \" para firmar tu documento\",\r\n icon: \"success\",\r\n confirmButtonText: 'Ok'\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n downloadFile(juridicalPerson.id);\r\n }\r\n });\r\n try {\r\n let contenido={\r\n \"to\": `${juridicalPerson.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n
\r\n Usa este código de verificación para subir el documento firmado\r\n \r\n ${juridicalPerson.codigo_verificacion}\r\n \r\n \r\n
\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n
\r\n Usa este código de verificación para subir el documento firmado\r\n \r\n ${naturalPerson.codigo_verificacion}\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loginState: state.loginState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loginForm: (data) =>\r\n dispatch({\r\n type: \"LOGIN_REQUEST\",\r\n data,\r\n }),\r\n loginReset: () =>\r\n dispatch({\r\n type: \"LOGIN_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Sarlaft);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Partners from \"../../components/Partners\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst SarlaftPJuridica = ({\r\n onCancel,\r\n juridicalPersonForm,\r\n juridicalPersonReset,\r\n juridicalPersonState,\r\n successfulCreateJuridicalPerson,\r\n errorsCreateJuridicalPerson,\r\n juridicalPerson,\r\n}) => {\r\n const history = useHistory();\r\n const [dataPartners, setDataPartners] = useState([]);\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const [showInputPromoter, setShowInputPromoter] = useState(false);\r\n\r\n const handleSelectChange = (event) => {\r\n setShowInputPromoter(event.target.value === \"Contacto con Promotor\");\r\n };\r\n\r\n useEffect(() => {\r\n setValue(\"tipo_operacion\", \"\");\r\n }, [monedaExtranjera.current]);\r\n\r\n useEffect(() => {\r\n if (successfulCreateJuridicalPerson) {\r\n Swal.fire({\r\n title: \"Proceso exitoso!\",\r\n text: \"El formulario fue enviado exitosamente.\",\r\n icon: \"success\",\r\n confirmButtonText: 'Ok'\r\n })\r\n\r\n try {\r\n let contenido = {\r\n \"to\": `${juridicalPerson.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n ) : (\r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {type == null ? (\r\n <>\r\n
\r\n \r\n Selecciona el Tipo de Persona\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n selectedType(\"NATURAL\");\r\n }}\r\n >\r\n
\r\n \r\n ![\"natural\"](\"/natural.svg\")
\r\n
\r\n \r\n Persona Natural
\r\n\r\n {\" \"}\r\n {\r\n selectedType(\"JURIDICA\");\r\n }}\r\n >\r\n
\r\n \r\n ![\"business\"](\"/juridica.svg\")
\r\n
\r\n \r\n \r\n Persona Juridica\r\n
\r\n\r\n \r\n
\r\n \r\n ) : type == \"JURIDICA\" ? (\r\n \r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n \r\n
\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loginState: state.loginState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loginForm: (data) =>\r\n dispatch({\r\n type: \"LOGIN_REQUEST\",\r\n data,\r\n }),\r\n loginReset: () =>\r\n dispatch({\r\n type: \"LOGIN_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SarlaftPeru);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst SarlaftPJuridica = ({\r\n onCancel,\r\n juridicalPersonForm,\r\n juridicalPersonReset,\r\n juridicalPersonState,\r\n successfulCreateJuridicalPerson,\r\n errorsCreateJuridicalPerson,\r\n juridicalPerson,\r\n}) => {\r\n const history = useHistory();\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n reset,\r\n } = useForm();\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const [showInputPromoter, setShowInputPromoter] = useState(false);\r\n\r\n const handleSelectChange = (event) => {\r\n setShowInputPromoter(event.target.value === \"Contacto con Promotor\");\r\n };\r\n\r\n useEffect(() => {\r\n if (successfulCreateJuridicalPerson) {\r\n Swal.fire({\r\n title: \"Proceso exitoso!\",\r\n text: \"El formulario fue enviado exitosamente.\",\r\n icon: \"success\",\r\n confirmButtonText: 'Ok'\r\n })\r\n\r\n try {\r\n let contenido = {\r\n \"to\": `${juridicalPerson.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n ) : (\r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {type == null ? (\r\n <>\r\n
\r\n \r\n Selecciona el Tipo de Persona\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n selectedType(\"NATURAL\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n Persona Natural
\r\n\r\n {\" \"}\r\n {\r\n selectedType(\"JURIDICA\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Persona Juridica\r\n
\r\n\r\n \r\n
\r\n \r\n ) : type == \"JURIDICA\" ? (\r\n \r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n \r\n
\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loginState: state.loginState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loginForm: (data) =>\r\n dispatch({\r\n type: \"LOGIN_REQUEST\",\r\n data,\r\n }),\r\n loginReset: () =>\r\n dispatch({\r\n type: \"LOGIN_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SarlaftChile);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Partners from \"../../components/Partners\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst SarlaftPJuridica = ({\r\n onCancel,\r\n juridicalPersonForm,\r\n juridicalPersonReset,\r\n juridicalPersonState,\r\n successfulCreateJuridicalPerson,\r\n errorsCreateJuridicalPerson,\r\n juridicalPerson,\r\n}) => {\r\n const history = useHistory();\r\n const [dataPartners, setDataPartners] = useState([]);\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const [showInputPromoter, setShowInputPromoter] = useState(false);\r\n\r\n const handleSelectChange = (event) => {\r\n setShowInputPromoter(event.target.value === \"Contacto con Promotor\");\r\n };\r\n\r\n useEffect(() => {\r\n setValue(\"tipo_operacion\", \"\");\r\n }, [monedaExtranjera.current]);\r\n\r\n useEffect(() => {\r\n if (successfulCreateJuridicalPerson) {\r\n Swal.fire({\r\n title: \"Proceso exitoso!\",\r\n text: \"El formulario fue enviado exitosamente.\",\r\n icon: \"success\",\r\n confirmButtonText: 'Ok'\r\n })\r\n try {\r\n let contenido = {\r\n \"to\": `${juridicalPerson.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n ) : (\r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {type == null ? (\r\n <>\r\n
\r\n \r\n Selecciona el Tipo de Persona\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n selectedType(\"NATURAL\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n Persona Natural
\r\n\r\n {\" \"}\r\n {\r\n selectedType(\"JURIDICA\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Persona Juridica\r\n
\r\n\r\n \r\n
\r\n \r\n ) : type == \"JURIDICA\" ? (\r\n \r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n \r\n
\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n
\r\n Usa este código de verificación para subir el documento firmado\r\n \r\n ${naturalPerson.codigo_verificacion}\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loginState: state.loginState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loginForm: (data) =>\r\n dispatch({\r\n type: \"LOGIN_REQUEST\",\r\n data,\r\n }),\r\n loginReset: () =>\r\n dispatch({\r\n type: \"LOGIN_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SarlaftVenezuela);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Partners from \"../../components/Partners\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst SarlaftPJuridica = ({\r\n onCancel,\r\n juridicalPersonForm,\r\n juridicalPersonReset,\r\n juridicalPersonState,\r\n successfulCreateJuridicalPerson,\r\n errorsCreateJuridicalPerson,\r\n juridicalPerson,\r\n}) => {\r\n const history = useHistory();\r\n const [dataPartners, setDataPartners] = useState([]);\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const [showInputPromoter, setShowInputPromoter] = useState(false);\r\n\r\n const handleSelectChange = (event) => {\r\n setShowInputPromoter(event.target.value === \"Contacto con Promotor\");\r\n };\r\n\r\n useEffect(() => {\r\n setValue(\"tipo_operacion\", \"\");\r\n }, [monedaExtranjera.current]);\r\n\r\n useEffect(() => {\r\n if (successfulCreateJuridicalPerson) {\r\n Swal.fire({\r\n title: \"Proceso exitoso!\",\r\n text: \"El formulario fue enviado exitosamente, guarda este código \" +\r\n juridicalPerson.codigo_verificacion +\r\n \" para firmar tu documento\",\r\n icon: \"success\",\r\n confirmButtonText: 'Ok'\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n downloadFile(juridicalPerson.id);\r\n }\r\n });\r\n try {\r\n let contenido={\r\n \"to\": `${juridicalPerson.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n ) : (\r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {type == null ? (\r\n <>\r\n
\r\n \r\n Selecciona el Tipo de Persona\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n selectedType(\"NATURAL\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n Persona Natural
\r\n\r\n {\" \"}\r\n {\r\n selectedType(\"JURIDICA\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Persona Juridica\r\n
\r\n\r\n \r\n
\r\n \r\n ) : type == \"JURIDICA\" ? (\r\n \r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n
\r\n Usa este código de verificación para subir el documento firmado\r\n \r\n ${juridicalPerson.codigo_verificacion}\r\n \r\n \r\n
\r\n Hemos recibido tu solicitud de acceso a la plataforma, \r\n
\r\n Usa este código de verificación para subir el documento firmado\r\n \r\n ${naturalPerson.codigo_verificacion}\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loginState: state.loginState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loginForm: (data) =>\r\n dispatch({\r\n type: \"LOGIN_REQUEST\",\r\n data,\r\n }),\r\n loginReset: () =>\r\n dispatch({\r\n type: \"LOGIN_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SarlaftFD);\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Sidebar from \"../../components/Navigation/Sidebar\";\r\nimport Topbar from \"../../components/Navigation/Topbar\";\r\nimport Grid from \"../../components/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport Partners from \"../../components/Partners\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport moment from \"moment-timezone\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst JuridicalPerson = ({\r\n juridicalPersons,\r\n reduxGetJuridicalPersons,\r\n reduxGetJuridicalPerson,\r\n viewJuridicalPerson,\r\n reduxDeleteJuridicalPerson,\r\n reduxResetJuridicalPersonForm,\r\n rowUpdated,\r\n reduxPatchJuridicalPerson,\r\n}) => {\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const [dataPartners, setDataPartners] = useState([]);\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const onSubmitPartners = (data) => {\r\n setValue(\"socios\", data);\r\n };\r\n\r\n const onSubmitForeignCurrencyAccounts = (data) => {\r\n setValue(\"cuentas_extranjeras\", data);\r\n };\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [offset, setOffset] = useState(10);\r\n\r\n const [show, setShow] = useState(false);\r\n const [showReject, setShowReject] = useState(false)\r\n\r\n const [razon_rechazo, setRazonRechazo] = useState('')\r\n const [currRow, setCurrRow] = useState({})\r\n\r\n const handleRazonRechazo = (event) => {\r\n setRazonRechazo(event.target.value);\r\n };\r\n\r\n const handleClose = () => {\r\n reduxResetJuridicalPersonForm();\r\n setShow(false);\r\n };\r\n const handleCloseReject = () => {\r\n setShowReject(false);\r\n };\r\n const [search, setSearch] = useState(\"\");\r\n\r\n const handleCloseApplication = (data) => {\r\n reduxPatchJuridicalPerson({ ...data, id: data.id, estado: \"CERRADA\" });\r\n try {\r\n let contenido = {\r\n \"to\": `${data.email_empresarial}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n ) : (\r\n {\r\n selectedType(null);\r\n }}\r\n >\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {type == null ? (\r\n <>\r\n
\r\n \r\n Selecciona el Tipo de Persona\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n selectedType(\"NATURAL\");\r\n }}\r\n >\r\n
\r\n \r\n ![\"natural\"](\"natural.svg\")
\r\n
\r\n \r\n Persona Natural
\r\n\r\n {\" \"}\r\n {\r\n selectedType(\"JURIDICA\");\r\n }}\r\n >\r\n
\r\n \r\n ![\"business\"](\"juridica.svg\")
\r\n
\r\n \r\n \r\n Persona Juridica\r\n
\r\n\r\n \r\n
\r\n \r\n ) : type === \"JURIDICA\" ? (\r\n \r\n Sus datos fueron validados y aceptados, \r\n
\r\n Estaremos enviándole los datos de acceso a este email para que puedas ingresar a la plataforma.\r\n \r\n \r\n
\r\n Sus datos fueron validados y no fueran aceptados, esta es la razón por la cual se rechazó la solicitud de acceso: \r\n
\r\n
\r\n \r\n ${reason}\r\n \r\n\r\n
\r\n Si tienes alguna inquietud no dudes en comunicarte a nuestra línea de atención +573183976776 via WhatsApp\r\n \r\n
({rowData.promotor})\r\n ) : (\r\n {rowData.fuente_referencia}\r\n );\r\n },\r\n },\r\n {\r\n title: \"Estado\",\r\n render: (rowData) => {\r\n return {rowData.estado};\r\n },\r\n },\r\n {\r\n title: \"Opciones\",\r\n render: (rowData) => {\r\n return (\r\n <>\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n juridicalPersons: state.juridicalPersonState.juridicalPersons,\r\n viewJuridicalPerson: state.juridicalPersonState.rowEdited,\r\n rowUpdated: state.juridicalPersonState.rowUpdated,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n reduxGetJuridicalPersons: (payload) =>\r\n dispatch({\r\n type: \"FETCH_JURIDICAL_PERSONS_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetJuridicalPerson: (payload) =>\r\n dispatch({\r\n type: \"READ_JURIDICAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxResetJuridicalPersonForm: () =>\r\n dispatch({\r\n type: \"RESET_JURIDICAL_PERSON_FORM\",\r\n }),\r\n reduxPatchJuridicalPerson: (payload) =>\r\n dispatch({\r\n type: \"UPDATE_JURIDICAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(JuridicalPerson);\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Sidebar from \"../../components/Navigation/Sidebar\";\r\nimport Topbar from \"../../components/Navigation/Topbar\";\r\nimport Grid from \"../../components/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport ForeignCurrencyAccounts from \"../../components/ForeignCurrencyAccounts\";\r\nimport moment from \"moment-timezone\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst NaturalPerson = ({\r\n naturalPersons,\r\n reduxGetNaturalPersons,\r\n reduxGetNaturalPerson,\r\n viewNaturalPerson,\r\n reduxDeleteNaturalPerson,\r\n reduxResetNaturalPersonForm,\r\n rowUpdated,\r\n reduxPatchNaturalPerson,\r\n}) => {\r\n const {\r\n register,\r\n unregister,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const [dataForeignCurrencyAccounts, setDataForeignCurrencyAccounts] =\r\n useState([]);\r\n\r\n const monedaExtranjera = useRef({});\r\n monedaExtranjera.current = watch(\"moneda_extranjera\", \"\");\r\n\r\n const cuentasMonedaExtranjera = useRef({});\r\n cuentasMonedaExtranjera.current = watch(\"cuentas_moneda_extranjera\", \"\");\r\n\r\n const onSubmitForeignCurrencyAccounts = (data) => {\r\n setValue(\"cuentas_extranjeras\", data);\r\n };\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [offset, setOffset] = useState(10);\r\n\r\n const [show, setShow] = useState(false);\r\n const [showReject, setShowReject] = useState(false)\r\n\r\n const [razon_rechazo, setRazonRechazo] = useState('')\r\n const [currRow, setCurrRow] = useState({})\r\n\r\n\r\n const handleRazonRechazo = (event) => {\r\n setRazonRechazo(event.target.value);\r\n };\r\n const handleClose = () => {\r\n reduxResetNaturalPersonForm();\r\n setShow(false);\r\n };\r\n const handleCloseReject = () => {\r\n setShowReject(false);\r\n };\r\n const [search, setSearch] = useState(\"\");\r\n\r\n\r\n const handleCloseApplication = (data) => {\r\n reduxPatchNaturalPerson({ ...data, id: data.id, estado: \"CERRADA\" });\r\n\r\n try {\r\n let contenido = {\r\n \"to\": `${data.email_rep_legal}`,\r\n \"expiresIn\": \"1500000\",\r\n \"html\": `\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Personas Juridicas\r\n
\r\nMódulo de Personas Juridicas
\r\n\r\n
\r\n \r\n
\r\n \r\n Listado de Personas Juridicas\r\n
\r\n\r\n 0\r\n ? Number(juridicalPersons.total)\r\n : 0\r\n }\r\n cols={columns}\r\n data={\r\n juridicalPersons &&\r\n Object.keys(juridicalPersons).length > 0\r\n ? juridicalPersons.items\r\n : []\r\n }\r\n page={\r\n juridicalPersons &&\r\n Object.keys(juridicalPersons).length > 0\r\n ? Number(juridicalPersons.page)\r\n : currentPage\r\n }\r\n pages={\r\n juridicalPersons &&\r\n Object.keys(juridicalPersons).length > 0\r\n ? Number(juridicalPersons.totalPages)\r\n : 1\r\n }\r\n onChangePage={(page) => setCurrentPage(page)}\r\n onChangeRange={(value) => {\r\n reduxGetJuridicalPersons({\r\n page: 1,\r\n offset: value,\r\n search: search,\r\n });\r\n }}\r\n defaultValue={search}\r\n onChangeSearch={(value) => {\r\n setSearch(value);\r\n reduxGetJuridicalPersons({\r\n page: 1,\r\n offset: offset,\r\n search: value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n Persona Juridica \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Sus datos fueron validados y aceptados, \r\n
\r\n Estaremos enviándole los datos de acceso a este email para que puedas ingresar a la plataforma.\r\n \r\n \r\n
\r\n Sus datos fueron validados y no fueran aceptados, esta es la razón por la cual se rechazó la solicitud de acceso: \r\n
\r\n
\r\n \r\n ${reason}\r\n \r\n\r\n
\r\n Si tienes alguna inquietud no dudes en comunicarte a nuestra línea de atención +573183976776 via WhatsApp\r\n \r\n
({rowData.promotor})\r\n ) : (\r\n {rowData.fuente_referencia}\r\n );\r\n },\r\n },\r\n {\r\n title: \"Estado\",\r\n render: (rowData) => {\r\n return {rowData.estado};\r\n },\r\n },\r\n {\r\n title: \"Opciones\",\r\n render: (rowData) => {\r\n return (\r\n <>\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n naturalPersons: state.naturalPersonState.naturalPersons,\r\n rowUpdated: state.naturalPersonState.rowUpdated,\r\n viewNaturalPerson: state.naturalPersonState.rowEdited,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n reduxGetNaturalPersons: (payload) =>\r\n dispatch({\r\n type: \"FETCH_NATURAL_PERSONS_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxGetNaturalPerson: (payload) =>\r\n dispatch({\r\n type: \"READ_NATURAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n reduxResetNaturalPersonForm: () =>\r\n dispatch({\r\n type: \"RESET_NATURAL_PERSON_FORM\",\r\n }),\r\n reduxPatchNaturalPerson: (payload) =>\r\n dispatch({\r\n type: \"UPDATE_NATURAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NaturalPerson);","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useHistory } from \"react-router\";\r\n\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nconst Signature = ({\r\n signatureNaturalPersonForm,\r\n signatureNaturalPersonReset,\r\n successfulSignatureNaturalPerson,\r\n errorsSignatureNaturalPerson,\r\n naturalPersonSignature,\r\n signatureJuridicalPersonForm,\r\n signatureJuridicalPersonReset,\r\n successfulSignatureJuridicalPerson,\r\n errorsSignatureJuridicalPerson,\r\n juridicalPersonSignature,\r\n}) => {\r\n const history = useHistory();\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n watch,\r\n formState: { errors },\r\n reset,\r\n setValue,\r\n } = useForm();\r\n\r\n const onSubmit = (data) => {\r\n const file_firma = data.file_firma && data.file_firma[0];\r\n switch (data.type) {\r\n case \"PersonaNatural\":\r\n signatureNaturalPersonForm({\r\n codigo_verificacion: data.codigo_verificacion,\r\n file_firma: file_firma,\r\n });\r\n break;\r\n case \"PersonaJuridica\":\r\n signatureJuridicalPersonForm({\r\n codigo_verificacion: data.codigo_verificacion,\r\n file_firma: file_firma,\r\n });\r\n break;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (successfulSignatureNaturalPerson) {\r\n Swal.fire(\r\n \"Proceso exitoso!\",\r\n \"El formulario firmado exitosamente\",\r\n \"success\"\r\n ).then((result) => {\r\n history.push(\"/solicitud\");\r\n reset();\r\n signatureNaturalPersonReset();\r\n });\r\n }\r\n }, [successfulSignatureNaturalPerson]);\r\n\r\n useEffect(() => {\r\n if (successfulSignatureJuridicalPerson) {\r\n Swal.fire(\r\n \"Proceso exitoso!\",\r\n \"El formulario firmado exitosamente\",\r\n \"success\"\r\n ).then((result) => {\r\n history.push(\"/solicitud\");\r\n reset();\r\n signatureJuridicalPersonReset();\r\n });\r\n }\r\n }, [successfulSignatureJuridicalPerson]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Personas Naturales\r\n
\r\nMódulo de Personas Naturales
\r\n\r\n
\r\n \r\n
\r\n \r\n Listado de Personas Naturales\r\n
\r\n\r\n 0\r\n ? Number(naturalPersons.total)\r\n : 0\r\n }\r\n cols={columns}\r\n data={\r\n naturalPersons && Object.keys(naturalPersons).length > 0\r\n ? naturalPersons.items\r\n : []\r\n }\r\n page={\r\n naturalPersons && Object.keys(naturalPersons).length > 0\r\n ? Number(naturalPersons.page)\r\n : currentPage\r\n }\r\n pages={\r\n naturalPersons && Object.keys(naturalPersons).length > 0\r\n ? Number(naturalPersons.totalPages)\r\n : 1\r\n }\r\n onChangePage={(page) => setCurrentPage(page)}\r\n onChangeRange={(value) => {\r\n reduxGetNaturalPersons({\r\n page: 1,\r\n offset: value,\r\n search: search,\r\n });\r\n }}\r\n defaultValue={search}\r\n onChangeSearch={(value) => {\r\n setSearch(value);\r\n reduxGetNaturalPersons({\r\n page: 1,\r\n offset: offset,\r\n search: value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n Persona Natural \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n successfulSignatureNaturalPerson:\r\n state.naturalPersonState.successfulSignatureNaturalPerson,\r\n errorsSignatureNaturalPerson:\r\n state.naturalPersonState.errorsSignatureNaturalPerson,\r\n naturalPersonSignature: state.naturalPersonState.naturalPersonSignature,\r\n successfulSignatureJuridicalPerson:\r\n state.juridicalPersonState.successfulSignatureJuridicalPerson,\r\n errorsSignatureJuridicalPerson:\r\n state.juridicalPersonState.errorsSignatureJuridicalPerson,\r\n juridicalPersonSignature:\r\n state.juridicalPersonState.juridicalPersonSignature,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n signatureNaturalPersonForm: (payload) =>\r\n dispatch({\r\n type: \"SIGNATURE_NATURAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n signatureNaturalPersonReset: () =>\r\n dispatch({\r\n type: \"SIGNATURE_NATURAL_PERSON_RESET\",\r\n }),\r\n signatureJuridicalPersonForm: (payload) =>\r\n dispatch({\r\n type: \"SIGNATURE_JURIDICAL_PERSON_REQUEST\",\r\n value: payload,\r\n }),\r\n signatureJuridicalPersonReset: () =>\r\n dispatch({\r\n type: \"SIGNATURE_JURIDICAL_PERSON_RESET\",\r\n }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Signature);\r\n","import React from \"react\";\r\nimport { BrowserRouter, Route, Switch} from \"react-router-dom\";\r\nimport SignIn from \"./pages/SignIn\";\r\nimport Dashboard from \"./pages/Dashboard\";\r\nimport NotFound from \"./pages/NotFound\";\r\nimport Role from \"./pages/Role\";\r\nimport PublicRoute from \"./hooks/PublicRoute\";\r\nimport PrivateRoute from \"./hooks/PrivateRoute\";\r\nimport Permission from \"./pages/Permission\";\r\nimport User from \"./pages/User\";\r\nimport Sarlaft from \"./pages/Sarlaft\";\r\n\r\nimport SarlaftPeru from \"./pages/SarlaftPeru\";\r\nimport SarlaftChile from \"./pages/SarlaftChile\";\r\nimport SarlaftVenezuela from \"./pages/SarlaftVenezuela\";\r\nimport SarlaftFD from \"./pages/SarlaftFD\";\r\n\r\nimport JuridicalPerson from \"./pages/JuridicalPerson\";\r\nimport NaturalPerson from \"./pages/NaturalPerson\";\r\nimport Signature from \"./pages/Signature\";\r\n\r\nconst Routes = () => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n FORMATO ÚNICO DE CREACIÓN / ACTUALIZACIÓN CLIENTES Y /O\r\n PROVEEDORES\r\n
\r\n\r\n
\r\n FIRMAR DOCUMENTO
\r\n \r\n \r\n Loading...\r\n \r\n );\r\n};\r\n\r\nexport default Loader;","import React, { useEffect } from \"react\";\r\nimport Routes from \"./routes\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport { AlertList } from \"react-bs-notifier\";\r\nimport { useAccess } from \"./hooks/useAccess\";\r\nimport jwt from \"jsonwebtoken\";\r\nimport Loader from \"./components/Loader\";\r\nimport { logout } from \"./middlewares/auth\";\r\nimport { useAuth } from \"./hooks/useAuth\";\r\n\r\nconst App = ({ alert, resetAlert, loading, validateToken }) => {\r\n const { definePermission, isLoaded } = useAccess();\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n const token = window.localStorage.getItem('token');\r\n if (token) {\r\n validateToken();\r\n } else {\r\n definePermission([]);\r\n }\r\n }, []);\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n const [position, setPosition] = React.useState(\"bottom-right\");\r\n const [alerts, setAlerts] = React.useState([]);\r\n // eslint-disable-next-line no-unused-vars\r\n const [alertTimeout, setAlertTimeout] = React.useState(3000);\r\n\r\n const onDismissed = React.useCallback((alert) => {\r\n setAlerts((alerts) => {\r\n const idx = alerts.indexOf(alert);\r\n if (idx < 0) return alerts;\r\n return [...alerts.slice(0, idx), ...alerts.slice(idx + 1)];\r\n });\r\n }, []);\r\n\r\n const showAlert = (type, title, message) => {\r\n setAlerts((alerts) => [\r\n ...alerts,\r\n {\r\n id: new Date().getTime(),\r\n type: type,\r\n headline: title,\r\n message: message,\r\n },\r\n ]);\r\n };\r\n\r\n useEffect(() => {\r\n if (alert.showAlert) {\r\n showAlert(alert.type, alert.title, alert.message);\r\n resetAlert();\r\n }\r\n }, [alert]);\r\n\r\n if (!isLoaded)\r\n return (