\r\n \r\n setMenuAnchor(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"right\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"right\",\r\n }}\r\n >\r\n setMenuAnchor(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"right\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"right\",\r\n }}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default LanguageSelect;\r\n","import { styled } from \"@mui/material/styles\";\r\n\r\nimport { MenuItem, Select } from \"@mui/material\";\r\n\r\nconst stylesCss = {\r\n ButtonDropDown: {\r\n width: \"100%\",\r\n color: \"black\",\r\n textAlign: \"left\",\r\n fontFamily: \"Poppins, sans-serif\",\r\n fontWeight: \"bold\",\r\n },\r\n CssSelect: {\r\n marginTop: \"-11px\",\r\n fontFamily: \"Poppins, sans-serif\",\r\n fontSize: \"15px\",\r\n },\r\n menuItemCss: {\r\n paddingLeft: 30,\r\n fontFamily: \"Poppins, sans-serif\",\r\n fontSize: 15,\r\n fontWeight: 10,\r\n },\r\n};\r\nconst CssNativeSelect1 = styled(Select)({\r\n \".MuiOutlinedInput-notchedOutline\": {\r\n border: \"0px\",\r\n },\r\n \"MuiSelect-select MuiSelect-outlined MuiOutlinedInput-input MuiInputBase-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input\":\r\n {\r\n marginTop: \"-10px\",\r\n },\r\n width: \"100%\",\r\n textAlign: \"center\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n});\r\nconst CSSMenuItem = styled(MenuItem)({\r\n \".MuiOutlinedInput-notchedOutline\": {\r\n border: \"0px\",\r\n },\r\n fontSize: \"15px\",\r\n\r\n width: \"100%\",\r\n textAlign: \"center\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n});\r\nconst CSSMenuItemTittle = styled(MenuItem)({\r\n \".MuiOutlinedInput-notchedOutline\": {\r\n border: \"0px\",\r\n },\r\n fontSize: \"12px\",\r\n fontWeight: \"bold\",\r\n width: \"100%\",\r\n textAlign: \"left\",\r\n alignItems: \"flex-start\",\r\n justifyContent: \"left\",\r\n padding: 0,\r\n paddingLeft: 10,\r\n});\r\n\r\nexport default stylesCss;\r\nexport { CssNativeSelect1, CSSMenuItem, CSSMenuItemTittle };\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Collapse,\r\n Container,\r\n Navbar,\r\n NavbarBrand,\r\n NavbarToggler,\r\n NavItem,\r\n NavLink,\r\n} from \"reactstrap\";\r\nimport \"./NavMenu.css\";\r\n\r\nconst NavMenuLife = () => {\r\n const [navStyle, setNavStyle] = useState(\"\");\r\n const [collapsed, setCollapsed] = useState(true);\r\n const [navOptions, setnavOptions] = useState(\"\");\r\n const [width, setWidth] = useState(window.innerWidth);\r\n const [height, setHeight] = useState(window.innerHeight);\r\n const updateCollapsed = () => setCollapsed(!collapsed);\r\n\r\n const updateWindowDimensions = () => {\r\n setWidth(window.innerWidth);\r\n setHeight(window.innerHeight);\r\n if (width >= 850) {\r\n setNavStyle(\"headerNav\");\r\n setnavOptions(\"navOptions\");\r\n } else {\r\n setNavStyle(\"\");\r\n setnavOptions(\"\");\r\n }\r\n };\r\n window.addEventListener(\"resize\", updateWindowDimensions);\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n setWidth(window.innerWidth);\r\n setHeight(window.innerHeight);\r\n if (width >= 850) {\r\n setNavStyle(\"headerNav\");\r\n setnavOptions(\"navOptions\");\r\n } else {\r\n setNavStyle(\"\");\r\n setnavOptions(\"\");\r\n }\r\n }\r\n fetchData();\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
\r\n
\r\n
\r\n\r\n \r\n \r\n Interactúa con nostros\r\n \r\n \r\n \r\n Biblioteca\r\n \r\n \r\n LIFE FC\r\n \r\n \r\n Para Ti\r\n \r\n \r\n \r\n \r\n Proveedores \r\n \r\n \r\n \r\n Empleo\r\n \r\n \r\n \r\n \r\n Contáctanos\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 NavMenuLife;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { Collapse, Navbar, NavbarToggler } from \"reactstrap\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport \"./NavMenu.css\";\r\nimport { LoginContext } from \"../../context/login/LoginContext\";\r\nimport { ContactContext } from \"../../context/contact/ContactContext\";\r\nimport LanguageSelect from \"../../languageSelect\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport stylesCss, {\r\n CSSMenuItem,\r\n CSSMenuItemTittle,\r\n CssNativeSelect1,\r\n} from \"./style\";\r\nimport NavMenuLife from \"../NavMenuLife\";\r\n\r\nconst NavMenu = () => {\r\n const Classes = stylesCss;\r\n const { upLogoutRedirect } = useContext(LoginContext);\r\n let navigate = useNavigate();\r\n const { t } = useTranslation();\r\n const {\r\n isActivePrimary,\r\n isActiveSecondary,\r\n getStatesContact,\r\n vendorInformation,\r\n } = useContext(ContactContext);\r\n const [collapsedNav2, setCollapsedNav2] = useState(true);\r\n const updateCollapsedNav2 = () => setCollapsedNav2(!collapsedNav2);\r\n const handleLogOut = () => {\r\n upLogoutRedirect();\r\n };\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getStatesContact()]);\r\n };\r\n fetchData2();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n Laboratorios LIFE \r\n
\r\n ) : width >= 444 && width < 980 ? (\r\n \r\n Laboratorios LIFE \r\n
\r\n ) : (\r\n \r\n Laboratorios LIFE \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 {(isActivePrimary || isActiveSecondary) && (\r\n <>\r\n
\r\n
\r\n![](\"/waiting.svg\")
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Wait;\r\n","import { useEffect } from \"react\";\r\nimport ReactGA from \"react-ga\";\r\n\r\nexport const makePageView = (pageName) => {\r\n if (window.location.host !== \"localhost:44396\") {\r\n console.log(\"entroooo\");\r\n ReactGA.pageview(pageName);\r\n }\r\n};\r\n\r\nexport const useAnalytics = (pageName) =>\r\n useEffect(() => {\r\n makePageView(pageName);\r\n }, [pageName]);\r\n","import { useState, useEffect } from \"react\";\r\n\r\nfunction getWindowDimensions() {\r\n const { innerWidth: width, innerHeight: height } = window;\r\n return {\r\n width,\r\n height,\r\n };\r\n}\r\n\r\nexport default function useWindowDimensions() {\r\n const [windowDimensions, setWindowDimensions] = useState(\r\n getWindowDimensions()\r\n );\r\n\r\n useEffect(() => {\r\n function handleResize() {\r\n setWindowDimensions(getWindowDimensions());\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return windowDimensions;\r\n}\r\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { VendorContext } from \"../../../../../context/vendor/VendorContext\";\r\nimport {\r\n CssNativeSelect,\r\n OptionSelect,\r\n CssTextField,\r\n ButtonUpload,\r\n} from \"../../style\";\r\nimport { Button, Container, Column, ColumnButtons, Tittle } from \"../style\";\r\nimport UploadFileIcon from \"@mui/icons-material/UploadFile\";\r\nimport { FormControl, InputLabel } from \"@mui/material\";\r\nimport Wait from \"../../../../Wait\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Hr } from \"./style\";\r\nimport { AlertSpan } from \"../step3/style\";\r\nimport { ErrorOutline } from \"@mui/icons-material\";\r\n\r\nconst years = [];\r\nfor (let index = 1800; index <= new Date().getFullYear(); index++) {\r\n years[index - 1800] = { id: index, value: index };\r\n}\r\nconst Step1 = () => {\r\n const { t } = useTranslation();\r\n const [nonNumber, setNonNumber] = useState(false);\r\n const [isLoading, setLoading] = useState(true);\r\n const {\r\n steps,\r\n vendorInformation,\r\n companyInformation,\r\n vendDocumentation,\r\n vendFlowEnrollment,\r\n contactPerson,\r\n logisticsPostalAddress,\r\n activeStep,\r\n listProvince,\r\n listCity,\r\n listTypeContact,\r\n setActiveStep,\r\n getCompanyInformation,\r\n getListProvince,\r\n getListCity,\r\n getListTypeContact,\r\n getBase64,\r\n sendCompanyInformation,\r\n sendLogisticsPostalAddress,\r\n sendContactPerson,\r\n sendVendDocumentation,\r\n sendVendFlowEnrollment,\r\n sendVendorInformation,\r\n } = useContext(VendorContext);\r\n const uploadCedula = useRef(null);\r\n const uploadRegistroUnico = useRef(null);\r\n const uploadDeclaracionImpRenta = useRef(null);\r\n const uploadObligacionesIESS = useRef(null);\r\n const uploadReferenciaClientes = useRef(null);\r\n const uploadNombramientoRepLegal = useRef(null);\r\n const handleNext = () => {\r\n setActiveStep(activeStep + 1);\r\n };\r\n const handleBack = () => {\r\n setActiveStep(activeStep - 1);\r\n };\r\n const handleUpload = (e, tag) => {\r\n e.preventDefault();\r\n if (tag === 1) {\r\n uploadCedula.current.click();\r\n } else if (tag === 2) {\r\n uploadRegistroUnico.current.click();\r\n } else if (tag === 3) {\r\n uploadDeclaracionImpRenta.current.click();\r\n } else if (tag === 4) {\r\n uploadObligacionesIESS.current.click();\r\n } else if (tag === 5) {\r\n uploadReferenciaClientes.current.click();\r\n } else if (tag === 6) {\r\n uploadNombramientoRepLegal.current.click();\r\n }\r\n };\r\n const handleFileUpload = (event) => {\r\n const fileUploaded = event.target.files[0];\r\n getBase64(fileUploaded)\r\n .then((data) => {\r\n vendDocumentation[event.target.name] = data;\r\n sendVendDocumentation(vendDocumentation);\r\n })\r\n .catch((error) => {\r\n alert(\"Error: \" + error.currentTarget.error);\r\n });\r\n };\r\n\r\n const handleAttachmentReason = (event) => {\r\n vendDocumentation[event.target.name] = event.target.value;\r\n sendVendDocumentation(vendDocumentation);\r\n };\r\n const handleInformation = (event) => {\r\n event.preventDefault();\r\n if (event.target.name === \"ruc\") {\r\n vendorInformation[event.target.name] = event.target.value;\r\n sendVendorInformation(vendorInformation);\r\n }\r\n companyInformation[event.target.name] = event.target.value;\r\n sendCompanyInformation(companyInformation);\r\n };\r\n const handleLogisticsAddressInformation = (event) => {\r\n event.preventDefault();\r\n logisticsPostalAddress[event.target.name] = event.target.value;\r\n sendLogisticsPostalAddress(logisticsPostalAddress);\r\n };\r\n const handleContactPersonInformation0 = (event, contact) => {\r\n event.preventDefault();\r\n if (vendorInformation.country === \"ECU\") {\r\n if (event.target.name === \"phone\" && isNaN(event.target.value)) {\r\n setNonNumber(true);\r\n } else if (\r\n event.target.name === \"phone\" &&\r\n event.target.value.length <= 10\r\n ) {\r\n contact[event.target.name] = event.target.value;\r\n setNonNumber(false);\r\n sendContactPerson(contact);\r\n } else {\r\n contact[event.target.name] = event.target.value;\r\n setNonNumber(false);\r\n sendContactPerson(contact);\r\n }\r\n } else {\r\n contact[event.target.name] = event.target.value;\r\n setNonNumber(false);\r\n sendContactPerson(contact);\r\n }\r\n };\r\n\r\n const submitForm = async (e) => {\r\n e.preventDefault();\r\n if (vendorInformation.country === \"ECU\") {\r\n vendorInformation[\"ruc\"] = companyInformation[\"ruc\"];\r\n await sendVendorInformation(vendorInformation);\r\n }\r\n if (vendFlowEnrollment.lasT_STEP === activeStep) {\r\n vendFlowEnrollment[\"lasT_STEP\"] = vendFlowEnrollment.lasT_STEP + 1;\r\n await Promise.all([sendVendFlowEnrollment(vendFlowEnrollment)]);\r\n }\r\n handleNext();\r\n };\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getCompanyInformation()]);\r\n if (vendorInformation.country === \"ECU\") {\r\n await Promise.all([getListProvince(vendorInformation.country)]);\r\n }\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n if (vendorInformation.country === \"ECU\") {\r\n await Promise.all([getListCity(logisticsPostalAddress.province)]);\r\n }\r\n };\r\n fetchData2();\r\n }, [logisticsPostalAddress.province]);\r\n\r\n if (isLoading) {\r\n return \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n x.code === item.type)[0]\r\n .description\r\n }\r\n required={true}\r\n fullWidth\r\n label={t(\"type\")}\r\n id=\"type\"\r\n name=\"type\"\r\n disabled\r\n // onChange={(e) => handleContactPersonInformation0(e)}\r\n />\r\n \r\n \r\n \r\n handleContactPersonInformation0(e, item)\r\n }\r\n />\r\n \r\n \r\n \r\n handleContactPersonInformation0(e, item)\r\n }\r\n />\r\n \r\n \r\n \r\n handleContactPersonInformation0(e, item)\r\n }\r\n />\r\n \r\n \r\n \r\n handleContactPersonInformation0(e, item)\r\n }\r\n />\r\n {nonNumber && item.phone === \"\" && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n handleContactPersonInformation0(e, item)\r\n }\r\n />\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n )}\r\n {vendorInformation.country === \"ECU\" && (\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 {range.map((el, index) => (\r\n setPage(el)}\r\n >\r\n {el}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default EstadoCuentaFooter;\r\n","import { useState, useEffect } from \"react\";\r\n\r\nconst calculateRange = (data, rowsPerPage) => {\r\n const range = [];\r\n const num = Math.ceil(data.length / rowsPerPage);\r\n for (let i = 1; i <= num; i++) {\r\n range.push(i);\r\n }\r\n return range;\r\n};\r\n\r\nconst sliceData = (data, page, rowsPerPage) => {\r\n return data.slice((page - 1) * rowsPerPage, page * rowsPerPage);\r\n};\r\n\r\nconst useTable = (data, page, rowsPerPage) => {\r\n const [tableRange, setTableRange] = useState([]);\r\n const [slice, setSlice] = useState([]);\r\n useEffect(() => {\r\n const range = calculateRange(data, rowsPerPage);\r\n setTableRange([...range]);\r\n\r\n const slice = sliceData(data, page, rowsPerPage);\r\n setSlice([...slice]);\r\n }, [data, setTableRange, page, setSlice]);\r\n\r\n return { slice, range: tableRange };\r\n};\r\n\r\nexport default useTable;\r\n","import React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Table, Thead, Tbody, Tr, Th, Td } from \"react-super-responsive-table\";\r\nimport \"react-super-responsive-table/dist/SuperResponsiveTableStyle.css\";\r\nimport useWindowDimensions from \"../../customhooks/useWindowDimensions\";\r\nimport Wait from \"../Wait\";\r\nimport \"./EstadoCuenta.css\";\r\nimport EstadoCuentaFooter from \"./EstadoCuentaFooter\";\r\nimport useTable from \"./useTable\";\r\n\r\nconst TableEstadocuenta = ({ data, rowsPerPage }) => {\r\n const { t } = useTranslation();\r\n const { width } = useWindowDimensions();\r\n const [page, setPage] = useState(1);\r\n const [isfilter, setIsfilter] = useState(false);\r\n const [invoicesTemp, setInvoicesTemp] = useState([]);\r\n\r\n if (data.length > 0 && invoicesTemp.length === 0 && isfilter === false) {\r\n setInvoicesTemp(data);\r\n }\r\n const { slice, range } = useTable(invoicesTemp, page, rowsPerPage);\r\n\r\n const filter = (column, e) => {\r\n const keyword = e.target.value;\r\n if (keyword !== \"\") {\r\n setIsfilter(true);\r\n const results = data.filter((dataT) => {\r\n switch (column) {\r\n case 0:\r\n return dataT.invoiceField.includes(keyword.toLowerCase());\r\n case 1:\r\n return dataT.transDateField.includes(keyword.toLowerCase());\r\n case 2:\r\n return String(dataT.amountMSTField).includes(keyword.toLowerCase());\r\n case 3:\r\n return String(dataT.lIVPInvoiceRemainAmountField).includes(\r\n keyword.toLowerCase()\r\n );\r\n case 4:\r\n return dataT.lIVPInvoicePaymDateField.includes(\r\n keyword.toLowerCase()\r\n );\r\n case 5:\r\n return dataT.lIVPVendInvoiceStatusString\r\n .toLowerCase()\r\n .includes(keyword.toLowerCase());\r\n case 6:\r\n return dataT.lecRetHeaderTableField[0].retNumField.includes(\r\n keyword.toLowerCase()\r\n );\r\n case 7:\r\n return String(dataT.lIVPInvoiceRetTotalField).includes(\r\n keyword.toLowerCase()\r\n );\r\n default:\r\n setInvoicesTemp(data);\r\n break;\r\n }\r\n return null;\r\n });\r\n setInvoicesTemp(results);\r\n } else {\r\n setIsfilter(false);\r\n setInvoicesTemp(data);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n | {t(\"invoice\")} | \r\n{t(\"date\")} | \r\n{t(\"amount\")} | \r\n{t(\"balance\")} | \r\n{t(\"datePayment\")} | \r\n{t(\"state\")} | \r\n{t(\"withholding\")} | \r\n{t(\"withholdingValue\")} | \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 ||||||||
| {invoice.invoiceField} | \r\n\r\n {invoice.transDateField.substring(0, 10)}\r\n | \r\n{invoice.amountMSTField} | \r\n {invoice.lIVPInvoiceRemainAmountField == null ? (\r\n0.00 | \r\n ) : (\r\n\r\n {invoice.lIVPInvoiceRemainAmountField}\r\n | \r\n )}\r\n\r\n {/* {invoice.lIVPInvoicePaymDateField &&\r\n invoice.lIVPInvoicePaymDateField.substring(0, 10)} */}\r\n {invoice.lIVPInvoiceRealPaymDateField &&\r\n invoice.lIVPInvoiceRealPaymDateField.substring(0, 10)}\r\n | \r\n\r\n {invoice.lIVPVendInvoiceStatusString}\r\n | \r\n\r\n {invoice.lecRetHeaderTableField[0].retNumField}\r\n | \r\n\r\n {invoice.lIVPInvoiceRetTotalField}\r\n | \r\n
| \r\n {t(\"noInformation\")}\r\n | \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default EstadoCuenta;\r\n","import { styled } from \"@mui/material/styles\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n padding: \"8px\",\r\n },\r\n}));\r\nconst Column = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n marginBottom: \"30px\",\r\n borderRadius: \"20px\",\r\n minHeight: \"550px\",\r\n padding: \"15px\",\r\n width: \"100%\",\r\n maxWidth: \"550px\",\r\n background: \"#F3F3F3\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minHeight: \"500px\",\r\n },\r\n}));\r\nconst NonContacts = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n marginBottom: \"30px\",\r\n borderRadius: \"20px\",\r\n padding: \"15px\",\r\n width: \"100%\",\r\n maxWidth: \"550px\",\r\n}));\r\nconst Field = styled(\"p\")(({ theme }) => ({\r\n fontSize: \"1.5rem\",\r\n textTransform: \"uppercase\",\r\n fontWeight: \"450\",\r\n color: \"#FF0000\",\r\n}));\r\nconst FieldInfo = styled(\"p\")(({ theme }) => ({\r\n fontSize: \"1.2rem\",\r\n textTransform: \"uppercase\",\r\n fontWeight: \"300\",\r\n color: \"grey\",\r\n}));\r\nconst Button = styled(\"button\")((props) => ({\r\n width: \"100%\",\r\n ...(props.deleted === \"true\"\r\n ? { backgroundColor: \"#CB8585\" }\r\n : { backgroundColor: \"#FF0000\" }),\r\n // backgroundColor: \"#FF0000\",\r\n textAlign: \"center\",\r\n padding: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n maxWidth: \"25rem\",\r\n \"&:hover\": {\r\n backgroundColor: \"#ffcdd2\",\r\n opacity: [0.9, 0.8, 0.7],\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonDelete = styled(\"button\")((props) => ({\r\n backgroundColor: \"transparent\",\r\n textAlign: \"center\",\r\n padding: \"15px\",\r\n border: \"0px\",\r\n ...(props.deleted === \"true\"\r\n ? { color: \"#CB8585\", pointerEvents: \"none\" }\r\n : { color: \"#FF0000\" }),\r\n \"&:hover\": {\r\n color: \"#D0ADAD\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ContainerButtons = styled(\"div\")((props) => ({\r\n margin: \"auto\",\r\n borderRadius: \"20px\",\r\n minHeight: \"190px\",\r\n background: \"#F3F3F3\",\r\n ...(props.deleted === \"true\" && { pointerEvents: \"none\" }),\r\n [\"@media (min-width:1240px)\"]: {\r\n minHeight: \"190px\",\r\n },\r\n [\"@media (max-width:1239px)\"]: {\r\n minHeight: \"170px\",\r\n },\r\n}));\r\nconst DeleteSx = {\r\n fontSize: \"100px\",\r\n [\"@media (max-width:390px)\"]: {\r\n fontSize: \"80px\",\r\n },\r\n};\r\n\r\nexport {\r\n Container,\r\n ContainerButtons,\r\n Column,\r\n NonContacts,\r\n Field,\r\n FieldInfo,\r\n Button,\r\n ButtonDelete,\r\n DeleteSx,\r\n};\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { green } from \"@mui/material/colors\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n color: \"black\",\r\n}));\r\nconst ButtonCancel = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"18px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonUpdate = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#FF0000\",\r\n textAlign: \"center\",\r\n margin: \"15px\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#FFCDD2\",\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nexport { Container, ButtonCancel, ButtonUpdate };\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { green } from \"@mui/material/colors\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n color: \"black\",\r\n}));\r\nconst ContentDialog = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n marginBottom: \"30px\",\r\n padding: \"15px\",\r\n}));\r\nconst BoxDialog = styled(\"div\")(({ theme }) => ({\r\n display: \"flex\",\r\n m: \"auto\",\r\n position: \"relative\",\r\n}));\r\nconst CircularProgressCSS = {\r\n color: green[500],\r\n position: \"absolute\",\r\n top: -6,\r\n left: -6,\r\n zIndex: 1,\r\n};\r\nconst ButtonSx = {\r\n bgcolor: \"#FF0000\",\r\n \"&:hover\": {\r\n bgcolor: \"#FF0000\",\r\n },\r\n};\r\n\r\nexport { Container, ContentDialog, BoxDialog, CircularProgressCSS, ButtonSx };\r\n","import React from \"react\";\r\nimport { Check, Save } from \"@mui/icons-material\";\r\nimport { Dialog, DialogTitle, CircularProgress, Fab } from \"@mui/material\";\r\nimport {\r\n ContentDialog,\r\n BoxDialog,\r\n CircularProgressCSS,\r\n ButtonSx,\r\n} from \"./style\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst UpdateDialog = ({ success, showDialogUpdate, setShowDialogUpdate }) => {\r\n const { t } = useTranslation();\r\n const handleClose = (e, reason) => {\r\n if (reason !== \"backdropClick\") {\r\n setShowDialogUpdate(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
{t(\"bankStatement\")}
\r\n\r\n
\r\n handleClose(e, reason)}\r\n >\r\n {t(\"updatingInformation\")} \r\n \r\n \r\n \r\n {success ? \r\n {!success && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default UpdateDialog;\r\n","import React, { useContext, useState } from \"react\";\r\nimport { ContactContext } from \"../../../../../../context/contact/ContactContext\";\r\nimport { Dialog, DialogContent, DialogTitle, TextField } from \"@mui/material\";\r\nimport { ButtonCancel, ButtonUpdate, Container } from \"./style\";\r\nimport UpdateDialog from \"../updateDialog\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst FormDialog = ({ contactUpdate, showDialog, setShowDialog }) => {\r\n const { t } = useTranslation();\r\n const [password, setPassword] = useState(\"\");\r\n const [success, setSuccess] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const { setResetPassword } = useContext(ContactContext);\r\n\r\n const handleClose = (e, reason) => {\r\n if (reason !== \"backdropClick\" && e.key !== \"Escape\") {\r\n setShowDialog(false);\r\n }\r\n };\r\n\r\n const updatePassword = async () => {\r\n const data = {\r\n guid: contactUpdate.id,\r\n firstName: contactUpdate.givenName,\r\n lastName: contactUpdate.surname,\r\n email: contactUpdate.mail,\r\n password: password,\r\n };\r\n const resp = await setResetPassword(data);\r\n setSuccess(true);\r\n\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n setTimeout(() => {\r\n setShowDialog(false);\r\n }, 1500);\r\n };\r\n const submitForm = async (e) => {\r\n e.preventDefault();\r\n\r\n if (password !== \"\") {\r\n setShowDialogUpdate(true);\r\n await Promise.all([updatePassword()]);\r\n }\r\n };\r\n return (\r\n \r\n {dialogUpdate ? (\r\n handleClose(e, reason)}\r\n >\r\n \r\n {t(\"enterNewPassword\")} \r\n {\r\n submitForm(e);\r\n }}\r\n >\r\n \r\n setPassword(e.target.value)}\r\n />\r\n \r\n {t(\"cancel\")} \r\n {t(\"update\")} \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\nexport default FormDialog;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { green } from \"@mui/material/colors\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n color: \"black\",\r\n}));\r\nconst ButtonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"red\",\r\n textAlign: \"center\",\r\n margin: \"15px\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonNonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\n\r\nexport { Container, ButtonDelete, ButtonNonDelete };\r\n","import React, { useContext, useState } from \"react\";\r\nimport { ContactContext } from \"../../../../../../context/contact/ContactContext\";\r\nimport { Dialog, DialogTitle, Button } from \"@mui/material\";\r\nimport { Container, ButtonDelete, ButtonNonDelete } from \"./style\";\r\nimport UpdateDialog from \"../updateDialog\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst DeleteDialog = ({\r\n contactUpdate,\r\n showDialog,\r\n setShowDialog,\r\n setUpdateWindow,\r\n}) => {\r\n const { t } = useTranslation();\r\n const [success, setSuccess] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const { setDelete } = useContext(ContactContext);\r\n\r\n const handleClose = (e, reason) => {\r\n if (reason !== \"backdropClick\" && e.key !== \"Escape\") {\r\n setShowDialog(false);\r\n }\r\n };\r\n\r\n const handleDelete = async () => {\r\n setShowDialogUpdate(true);\r\n const data = {\r\n guid: contactUpdate.id,\r\n firstName: contactUpdate.givenName,\r\n lastName: contactUpdate.surname,\r\n email: contactUpdate.mail,\r\n comments: \"Eliminado desde portal\",\r\n };\r\n const resp = await Promise.all([setDelete(data)]);\r\n console.log(resp);\r\n setSuccess(true);\r\n setUpdateWindow(true);\r\n\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n setTimeout(() => {\r\n setShowDialog(false);\r\n }, 1500);\r\n };\r\n return (\r\n \r\n {dialogUpdate ? (\r\n handleClose(e, reason)}\r\n >\r\n \r\n {t(\"questionContinue\")} \r\n
\r\n{t(\"no\")} \r\n {\" \"}\r\n {t(\"yes\")} \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\nexport default DeleteDialog;\r\n","import { styled } from \"@mui/material/styles\";\r\n\r\nconst Root = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n padding: \"50px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n padding: \"20px\",\r\n },\r\n}));\r\nconst Tittle = styled(\"p\")(({ theme }) => ({\r\n color: \"#FF0000\",\r\n fontWeight: \"bold\",\r\n fontSize: \"3rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"2rem\",\r\n },\r\n}));\r\n\r\nexport { Root, Tittle };\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport {\r\n Container,\r\n ContainerButtons,\r\n Column,\r\n NonContacts,\r\n Field,\r\n FieldInfo,\r\n Button,\r\n ButtonDelete,\r\n DeleteSx,\r\n} from \"./style\";\r\nimport {\r\n Person,\r\n Mail,\r\n Delete,\r\n Check,\r\n Block,\r\n Pending,\r\n} from \"@mui/icons-material\";\r\nimport FormDialog from \"./password\";\r\nimport { ContactContext } from \"../../../../../context/contact/ContactContext\";\r\nimport Wait from \"../../../../Wait\";\r\nimport UpdateDialog from \"./updateDialog\";\r\nimport DeleteDialog from \"./delete\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { LinearProgress } from \"@mui/material\";\r\nimport { Tittle } from \"../style\";\r\n\r\nconst SecondAccount = () => {\r\n const { t } = useTranslation();\r\n const [isLoading, setLoading] = useState(true);\r\n const [showDialog, setShowDialog] = useState(false);\r\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const [success, setSuccess] = useState(false);\r\n const [updateWindow, setUpdateWindow] = useState(false);\r\n const [contactUpdate, setContactUpdate] = useState({});\r\n const {\r\n getAllSecondaryContact,\r\n currentContact,\r\n secondaryContact,\r\n setApproval,\r\n } = useContext(ContactContext);\r\n\r\n const handleOpenDialog = (infoContact) => {\r\n setContactUpdate(infoContact);\r\n setShowDialog(true);\r\n };\r\n const handleOpenDeleteDialog = (infoContact) => {\r\n setContactUpdate(infoContact);\r\n setShowDeleteDialog(true);\r\n };\r\n const sendApproval = async (infoContact) => {\r\n setShowDialogUpdate(true);\r\n const data = {\r\n guid: infoContact.id,\r\n firstName: infoContact.givenName,\r\n lastName: infoContact.surname,\r\n email: infoContact.mail,\r\n };\r\n await setApproval(infoContact);\r\n setSuccess(true);\r\n setUpdateWindow(true);\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n };\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getAllSecondaryContact(currentContact.guid)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, [updateWindow]);\r\n\r\n // if (isLoading) {\r\n // return \r\n
\r\n {dialogUpdate && (\r\n
\r\n
\r\n
\r\n
{t(\"noAssignedContacts\")}
\r\n\r\n
![\"logoLife\"](\"/logo-life.png\"){kind=logo}
\r\n \r\n
\r\n
\r\n{t(\"searchCompany\")} \r\n
\r\n setRucVendor(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {t(\"next\")}\r\n \r\n
\r\n {/* \r\n
\r\n
\r\n {vendor[0].length !== 0 ? (\r\n vendor.map((searchVendor) => (\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 {t(\"companyNotFound\")}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {Object.keys(primaryContact).length > 0 ? (\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
{t(\"noAssignedPrimaryUser\")}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{t(\"finished\")}
\r\n\r\n
\r\n
\r\n {t(\"approvalMessageTo\", {\r\n ApproverName:\r\n primaryContact.givenName +\r\n \" \" +\r\n primaryContact.surname,\r\n }) +\r\n \" \" +\r\n t(\"notificationMessage\")}\r\n
\r\n\r\n \r\n ) : //se crea un Contacto Primario del proveedor\r\n approvalSent && primaryContactCreated ? (\r\n <>\r\n
\r\n
{steps[3]}
\r\n\r\n
\r\n
\r\n {t(\"approvalMessage\") +\r\n \" \" +\r\n t(\"notificationMessage\")}\r\n
\r\n\r\n \r\n ) : (\r\n <>\r\n
\r\n
{t(\"finished\")}
\r\n\r\n
\r\n
{t(\"errorMessage\")}
\r\n\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
{t(\"requestNonApproval\")}
\r\n\r\n
\r\n
{t(\"requestPendingApproval\") + \" \" + t(\"notificationMessage\")}
\r\n{t(\"giQuestion0\")}
\r\n\r\n
\r\n
{t(\"giQuestion1\")}
\r\n\r\n
\r\n
{t(\"giQuestion2\")}
\r\n\r\n
{t(\"giQuestion3\")}
\r\n\r\n
{t(\"giQuestion4\")}
\r\n\r\n
{t(\"giQuestion5\")}
\r\n\r\n
{t(\"giQuestion6\")}
\r\n\r\n
{t(\"giQuestion7\")}
\r\n\r\n
{t(\"giQuestion8\")}
\r\n{t(\"fliQuestion1_1\")}
\r\n\r\n
{t(\"fliQuestion1\")}
\r\n\r\n
{t(\"fliQuestion2\")}
\r\n\r\n
{t(\"fliQuestion3\")}
\r\n\r\n
{t(\"fliQuestion4\")}
\r\n\r\n
\r\n
\r\n
{t(\"declarationDescription\")}
\r\n\r\n
\r\n
{t(\"enrollmentComplete\")}
\r\n\r\n {range.map((el, index) => (\r\n setPage(el)}\r\n >\r\n {el}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default CustomTableFooter;\r\n","import { useState, useEffect } from \"react\";\r\n\r\nconst calculateRange = (data, rowsPerPage) => {\r\n const range = [];\r\n const num = Math.ceil(data.length / rowsPerPage);\r\n for (let i = 1; i <= num; i++) {\r\n range.push(i);\r\n }\r\n return range;\r\n};\r\n\r\nconst sliceData = (data, page, rowsPerPage) => {\r\n return data.slice((page - 1) * rowsPerPage, page * rowsPerPage);\r\n};\r\n\r\nconst useTable = (data, page, rowsPerPage) => {\r\n const [tableRange, setTableRange] = useState([]);\r\n const [slice, setSlice] = useState([]);\r\n useEffect(() => {\r\n const range = calculateRange(data, rowsPerPage);\r\n setTableRange([...range]);\r\n\r\n const slice = sliceData(data, page, rowsPerPage);\r\n setSlice([...slice]);\r\n }, [data, setTableRange, page, setSlice]);\r\n\r\n return { slice, range: tableRange };\r\n};\r\n\r\nexport default useTable;\r\n","import React, { useEffect } from \"react\";\r\nimport \"../../../../../custom.css\";\r\n\r\nconst CustomTableLinesFooter = ({ range, setPage, page, slice, side }) => {\r\n useEffect(() => {\r\n if (slice.length < 1 && page !== 1) {\r\n setPage(page - 1);\r\n }\r\n }, [slice, page, setPage]);\r\n return (\r\n \r\n {range.map((el, index) => (\r\n setPage(el)}\r\n >\r\n {el}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default CustomTableLinesFooter;\r\n","import { useState, useEffect } from \"react\";\r\n\r\nconst calculateRange = (data, rowsPerPage) => {\r\n const range = [];\r\n const num = Math.ceil(data.length / rowsPerPage);\r\n for (let i = 1; i <= num; i++) {\r\n range.push(i);\r\n }\r\n return range;\r\n};\r\n\r\nconst sliceData = (data, page, rowsPerPage) => {\r\n return data.slice((page - 1) * rowsPerPage, page * rowsPerPage);\r\n};\r\n\r\nconst useTable = (data, page, rowsPerPage) => {\r\n const [tableRange, setTableRange] = useState([]);\r\n const [slice, setSlice] = useState([]);\r\n useEffect(() => {\r\n const range = calculateRange(data, rowsPerPage);\r\n setTableRange([...range]);\r\n\r\n const slice = sliceData(data, page, rowsPerPage);\r\n setSlice([...slice]);\r\n }, [data, setTableRange, page, setSlice]);\r\n\r\n return { slice, range: tableRange };\r\n};\r\n\r\nexport default useTable;\r\n","import { makeStyles } from \"@mui/styles\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n h1Custom: {\r\n color: \"gray\",\r\n padding: 15,\r\n },\r\n}));\r\n\r\nexport { useStyles };\r\n","import React, { useContext, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Table, Thead, Tbody, Tr, Th, Td } from \"react-super-responsive-table\";\r\nimport \"react-super-responsive-table/dist/SuperResponsiveTableStyle.css\";\r\n// import \"../../../../custom.css\";\r\nimport CustomTableLinesFooter from \"./Footer\";\r\nimport useTable from \"./useTable\";\r\nimport useWindowDimensions from \"../../../../customhooks/useWindowDimensions\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\nimport { useStyles } from \"./style\";\r\n\r\nconst CustomTableLines = ({ data, rowsPerPage }) => {\r\n const { t } = useTranslation();\r\n const classes = useStyles();\r\n\r\n const { purchLines } = useContext(ContactContext);\r\n const { width } = useWindowDimensions();\r\n const [page, setPage] = useState(1);\r\n const [isfilter, setIsfilter] = useState(false);\r\n const [dataTemp, setDataTemp] = useState([]);\r\n\r\n if (purchLines.length > 0 && dataTemp.length === 0 && isfilter === false) {\r\n setDataTemp(purchLines);\r\n }\r\n const { slice, range } = useTable(dataTemp, page, rowsPerPage);\r\n const filter = (e) => {\r\n const keyword = e.target.value;\r\n if (keyword !== \"\") {\r\n setIsfilter(true);\r\n const results = purchLines.filter((dataT) => {\r\n return dataT[e.target.name].includes(keyword.toLowerCase());\r\n });\r\n setDataTemp(results);\r\n } else {\r\n setIsfilter(false);\r\n setDataTemp(purchLines);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n {t(\"purchaseOrderDetail\", { PurchId: data.purchId })}\r\n
\r\n\r\n
| {t(\"itemId\")} | \r\n{t(\"itemName\")} | \r\n{t(\"manufacturerId\")} | \r\n{t(\"manufacturerName\")} | \r\n{t(\"qty\")} | \r\n{t(\"unit\")} | \r\n{t(\"unitPrice\")} | \r\n{t(\"netAmount\")} | \r\n
|---|---|---|---|---|---|---|---|
| {item.itemId} | \r\n{item.itemName} | \r\n{item.bphManufacturerId} | \r\n{item.bphManufacturerName} | \r\n{item.purchQty} | \r\n{item.purchUnit} | \r\n{item.purchPrice} | \r\n{item.lineAmount} | \r\n
\r\n
{t(\"purchaseOrders\")}
\r\n\r\n {purchStatusLocal > 1 && (\r\n \r\n )}\r\n
| {t(\"purchaseOrder\")} | \r\n{t(\"subtotal\")} | \r\n{t(\"tax\")} | \r\n{t(\"total\")} | \r\n{t(\"state\")} | \r\n {vendorInformation.country === \"ECU\" ? (\r\n{t(\"confirmationDate\")} | \r\n ) : (\r\n{t(\"dispatchRequestDate\")} | \r\n )}\r\n {purchStatusLocal > 1 && (\r\n{t(\"serviceLevel\")} | \r\n )}\r\n
|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n | \r\n | \r\n | \r\n | \r\n {purchStatusLocal > 1 && }\r\n | |
| \r\n | \r\n {item.purchId} | \r\n{item.subTotalAmount} | \r\n{item.taxAmount} | \r\n{item.totalAmount} | \r\n {item.purchStatus === 1 && (\r\n{t(\"openOrder\")} | \r\n )}\r\n {item.purchStatus === 2 && (\r\n{t(\"orderReceived\")} | \r\n )}\r\n {item.purchStatus === 3 && (\r\n{t(\"closedOrder\")} | \r\n )}\r\n {vendorInformation.country === \"ECU\" ? (\r\n\r\n {item.deliveryDate.substring(0, 10)}\r\n | \r\n ) : (\r\n\r\n {item.deliveryDateExt.substring(0, 10)}\r\n | \r\n )}\r\n {purchStatusLocal > 1 && (\r\n{item.serviceLevel} | \r\n )}\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default OpenPurchaseOrders;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"react-super-responsive-table/dist/SuperResponsiveTableStyle.css\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\nimport CustomTable from \"../Table\";\r\nimport \"../../../../custom.css\";\r\nimport Wait from \"../../../Wait\";\r\nimport PurchFilter from \"../Filter\";\r\n\r\nconst ClosedPurchaseOrders = () => {\r\n const { t } = useTranslation();\r\n const [isLoading, setLoading] = useState(true);\r\n const { vendorInformation, purchaseOrders, getOpenPurchaseOrders } =\r\n useContext(ContactContext);\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getOpenPurchaseOrders(3)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n if (isLoading) {\r\n return \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ClosedPurchaseOrders;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"react-super-responsive-table/dist/SuperResponsiveTableStyle.css\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\nimport CustomTable from \"../Table\";\r\nimport \"../../../../custom.css\";\r\nimport Wait from \"../../../Wait\";\r\n\r\nconst PurchaseOrdersReceived = () => {\r\n const { t } = useTranslation();\r\n const [isLoading, setLoading] = useState(true);\r\n const { purchaseOrders, getOpenPurchaseOrders } = useContext(ContactContext);\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getOpenPurchaseOrders(2)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n if (isLoading) {\r\n return \r\n
\r\n );\r\n};\r\n\r\nexport default PurchaseOrdersReceived;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport NativeSelect from \"@mui/material/NativeSelect\";\r\n\r\nconst Root = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n padding: \"50px\",\r\n margin: \"0px 100px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n padding: \"20px\",\r\n margin: \"0px 10px\",\r\n },\r\n}));\r\nconst CssNativeSelect = styled(NativeSelect)({\r\n \"& .MuiNativeSelect-select\": {\r\n textAlign: \"center\",\r\n paddingTop: \"12px\",\r\n },\r\n});\r\nconst ContentDialog = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n marginBottom: \"30px\",\r\n padding: \"15px\",\r\n}));\r\nconst BoxDialog = styled(\"div\")(({ theme }) => ({\r\n display: \"flex\",\r\n m: \"auto\",\r\n position: \"relative\",\r\n}));\r\nconst ButtonCancel = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"18px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst H3 = styled(\"h3\")(({ theme }) => ({\r\n padding: \"35px\",\r\n color: \"gray\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n flexDirection: \"column\",\r\n padding: \"20px\",\r\n },\r\n}));\r\nconst Hr = styled(\"hr\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n height: \"3px\",\r\n}));\r\nconst AlertSpan = styled(\"span\")(({ theme }) => ({\r\n color: \"red\",\r\n fontSize: \"15px\",\r\n}));\r\nconst Tittle = styled(\"p\")(({ theme }) => ({\r\n color: \"#FF0000\",\r\n padding: \"35px 0px 0px 0px\",\r\n fontWeight: \"bold\",\r\n fontSize: \"2.5rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"2rem\",\r\n },\r\n}));\r\nconst ColumnButtons = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n borderRadius: \"20px\",\r\n width: \"250px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minHeight: \"70px\",\r\n },\r\n}));\r\nconst Button = styled(\"button\")(({ theme }) => ({\r\n marginTop: \"35px\",\r\n width: \"100%\",\r\n backgroundColor: \"#FF0000\",\r\n textAlign: \"center\",\r\n padding: \"15px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: \"15px\",\r\n },\r\n \"&:hover\": {\r\n backgroundColor: \"#ffcdd2\",\r\n opacity: [0.9, 0.8, 0.7],\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst Column = styled(\"div\")(({ theme }) => ({\r\n // margin: \"auto\",\r\n marginBottom: \"30px\",\r\n borderRadius: \"20px\",\r\n padding: \"15px\",\r\n width: \"100%\",\r\n maxWidth: \"50%\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"100%\",\r\n margin: \"auto\",\r\n },\r\n}));\r\nconst ButtonNonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"red\",\r\n textAlign: \"center\",\r\n margin: \"15px\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n flexDirection: \"column\",\r\n padding: \"8px\",\r\n },\r\n}));\r\nconst stylesCss = {\r\n root: {},\r\n radioGroup: {\r\n alignItems: \"center\",\r\n },\r\n radio: {\r\n color: \"#FF0000\",\r\n \"&.Mui-checked\": {\r\n color: \"#FF0000\",\r\n },\r\n },\r\n};\r\n\r\nexport default stylesCss;\r\nexport {\r\n Root,\r\n CssNativeSelect,\r\n ContentDialog,\r\n BoxDialog,\r\n ButtonCancel,\r\n Hr,\r\n H3,\r\n ButtonNonDelete,\r\n ButtonDelete,\r\n AlertSpan,\r\n Tittle,\r\n Button,\r\n Column,\r\n ColumnButtons,\r\n Container,\r\n};\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { VendorContext } from \"../../../context/vendor/VendorContext\";\r\nimport { ContactContext } from \"../../../context/contact/ContactContext\";\r\nimport SaveIcon from \"@mui/icons-material/Save\";\r\nimport {\r\n Hr,\r\n AlertSpan,\r\n CssNativeSelect,\r\n Root,\r\n ButtonNonDelete,\r\n ButtonDelete,\r\n} from \"./style\";\r\nimport { ErrorOutline } from \"@mui/icons-material\";\r\nimport { Button, Container, Column, Tittle } from \"./style\";\r\nimport { Alert, FormControl, InputLabel, LinearProgress } from \"@mui/material\";\r\nimport { CssTextField, OptionSelect } from \"../Enrollment/style\";\r\nimport { Dialog } from \"@mui/material\";\r\nimport stylesCss, { OneColumn } from \"../Enrollment/naturalPerson/step3/style\";\r\nimport { H3 } from \"../style\";\r\nimport UpdateDialog from \"../Contact/Approvals/secondAccounts/updateDialog\";\r\nconst optionTypePerson = [\r\n { value: 1, label: \"naturalPerson\" },\r\n { value: 2, label: \"legalPerson\" },\r\n];\r\nconst ManageInformation = () => {\r\n const { t } = useTranslation();\r\n const [countryLocal, setCountryLocal] = useState(\"\");\r\n const [typePersonLocal, setTypePersonLocal] = useState(\"\");\r\n const [success, setSuccess] = useState(false);\r\n const [alertUpdateInfo, setAlertUpdateInfo] = useState(false);\r\n const [alertCountry, setAlertCountry] = useState(false);\r\n const [alertTypePerson, setAlertTypePerson] = useState(false);\r\n const [confirmCountry, setConfirmCountry] = useState(false);\r\n const [confirmTypePerson, setConfirmTypePerson] = useState(false);\r\n const [isLoading, setLoading] = useState(true);\r\n const [nonNumber, setNonNumber] = useState(false);\r\n const {\r\n vendorInformation,\r\n companyInformation,\r\n contactPerson,\r\n logisticsPostalAddress,\r\n listCountry,\r\n listProvince,\r\n listCity,\r\n listTypeContact,\r\n getListCountry,\r\n getListProvince,\r\n getListCity,\r\n getVendorInformation,\r\n sendCompanyInformation,\r\n sendLogisticsPostalAddress,\r\n sendContactPersonArr,\r\n setContactPerson,\r\n sendVendorInformation,\r\n sendVendorAXLogisticsAddress,\r\n sendVendorAXContactPerson,\r\n sendVendorAXContactPersonRepPurch,\r\n } = useContext(VendorContext);\r\n const { currentContact } = useContext(ContactContext);\r\n const handleCountryInformation = (event) => {\r\n event.preventDefault();\r\n setCountryLocal(event.target.value);\r\n setAlertCountry(true);\r\n };\r\n const handleTypePerson = (event) => {\r\n event.preventDefault();\r\n setTypePersonLocal(event.target.value);\r\n setAlertTypePerson(true);\r\n };\r\n const handleSubmitTypePerson = async (event) => {\r\n event.preventDefault();\r\n setAlertTypePerson(false);\r\n setConfirmTypePerson(true);\r\n vendorInformation[\"type\"] = typePersonLocal;\r\n await Promise.all([sendVendorInformation(vendorInformation)]);\r\n };\r\n const handleConfirmCountryInformation = async (event, tag) => {\r\n event.preventDefault();\r\n setAlertCountry(false);\r\n setConfirmCountry(true);\r\n console.log(countryLocal);\r\n vendorInformation[\"country\"] = countryLocal;\r\n await Promise.all([sendVendorInformation(vendorInformation)]);\r\n };\r\n const handleInformation = (event) => {\r\n event.preventDefault();\r\n // if (event.target.name === \"ruc\") {\r\n // vendorInformation[event.target.name] = event.target.value;\r\n // sendVendorInformation(vendorInformation);\r\n // }\r\n companyInformation[event.target.name] = event.target.value;\r\n sendCompanyInformation(companyInformation);\r\n };\r\n const handleLogisticsAddressInformation = (event) => {\r\n event.preventDefault();\r\n logisticsPostalAddress[event.target.name] = event.target.value;\r\n sendLogisticsPostalAddress(logisticsPostalAddress);\r\n };\r\n const handleContactPersonInformation0 = (event, contact) => {\r\n event.preventDefault();\r\n for (let i = 0; i < contactPerson.length; i++) {\r\n if (contactPerson[i][\"id\"] === contact[\"id\"]) {\r\n contactPerson[i][event.target.name] = event.target.value;\r\n setContactPerson(contactPerson);\r\n }\r\n }\r\n };\r\n const handleCloseCountry = () => {\r\n setAlertCountry(false);\r\n };\r\n const handleCloseTypePerson = () => {\r\n setAlertTypePerson(false);\r\n };\r\n const submitForm = async (e) => {\r\n e.preventDefault();\r\n console.log(\"guardar infor\");\r\n setAlertUpdateInfo(true);\r\n const data = logisticsPostalAddress;\r\n data[\"guiD_PRIMARY\"] = vendorInformation.guiD_PRIMARY_CONTACT;\r\n data[\"accounT_NUM\"] = vendorInformation.ruc;\r\n data[\"country\"] = vendorInformation.country;\r\n data[\"company\"] = vendorInformation.company;\r\n const resp = await sendVendorAXLogisticsAddress(data);\r\n console.log(resp);\r\n if (resp) {\r\n setSuccess(true);\r\n } else {\r\n setSuccess(false);\r\n }\r\n setTimeout(() => {\r\n setAlertUpdateInfo(false);\r\n setSuccess(false);\r\n }, 1500);\r\n };\r\n const submitFormContactPerson = async (e, type) => {\r\n e.preventDefault();\r\n console.log(type);\r\n let resp = false;\r\n //Actualiza la información del Contacto Notificaciones de pago y envío de retenciones\r\n if (type === 0) {\r\n console.log(\"guardar info contacto\");\r\n setAlertUpdateInfo(true);\r\n console.log(contactPerson);\r\n resp = await sendVendorAXContactPerson(\r\n contactPerson,\r\n vendorInformation.ruc,\r\n vendorInformation.company\r\n );\r\n if (resp) {\r\n await sendContactPersonArr(contactPerson);\r\n }\r\n }\r\n //Actualiza la información del contacto Representante de compras\r\n if (type === 1) {\r\n console.log(\"guardar contacto rep compras\");\r\n setAlertUpdateInfo(true);\r\n console.log(contactPerson);\r\n resp = await sendVendorAXContactPersonRepPurch(\r\n contactPerson,\r\n vendorInformation.ruc,\r\n vendorInformation.company\r\n );\r\n if (resp) {\r\n await sendContactPersonArr(contactPerson);\r\n }\r\n }\r\n if (resp) {\r\n setSuccess(true);\r\n } else {\r\n setSuccess(false);\r\n }\r\n setTimeout(() => {\r\n setAlertUpdateInfo(false);\r\n setSuccess(false);\r\n }, 1500);\r\n };\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getVendorInformation(currentContact)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n if (vendorInformation.country === \"ECU\") {\r\n console.log(vendorInformation.country);\r\n await Promise.all([getListProvince(vendorInformation.country)]);\r\n if (logisticsPostalAddress.province !== \"\") {\r\n await Promise.all([getListCity(logisticsPostalAddress.province)]);\r\n }\r\n }\r\n };\r\n fetchData2();\r\n }, [vendorInformation.country]);\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getListCountry(vendorInformation.company)]);\r\n\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, [vendorInformation.company]);\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n if (vendorInformation.country === \"ECU\") {\r\n await Promise.all([getListCity(logisticsPostalAddress.province)]);\r\n }\r\n };\r\n fetchData2();\r\n }, [logisticsPostalAddress.province]);\r\n\r\n if (isLoading) {\r\n return \r\n
\r\n
{t(\"vendUpdInfoNotification\")}
\r\n\r\n handleClose(e, reason)}\r\n >\r\n {textTittle} \r\n \r\n \r\n \r\n {success ? \r\n {!success && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default UpdateDialog;\r\n","import { lifeColor, lifeStrongColor } from \"../../../../constants/colors\";\r\nimport { styled } from \"@mui/material/styles\";\r\n\r\nconst stylesCss = {\r\n selectedTab: {\r\n \"& .css-1aquho2-MuiTabs-indicator \": { backgroundColor: lifeColor },\r\n \"& .css-1h9z7r5-MuiButtonBase-root-MuiTab-root.Mui-selected\": {\r\n color: lifeStrongColor,\r\n backgroundColor: \"white\",\r\n },\r\n backgroundColor: \"#f9fafc\",\r\n border: \"1px solid #dee3ed\",\r\n },\r\n};\r\nconst Content = styled(\"div\")(({ theme }) => ({\r\n margin: \"auto\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n background: \"#e9f7ff\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n padding: \"8px\",\r\n },\r\n // [theme.breakpoints.down(\"sm\")]: {\r\n // minHeight: \"500px\",\r\n // },\r\n boxShadow:\r\n \"0 4px 8px 0 rgb(84 84 84 / 10%), 0 6px 20px 0 rgb(84 84 84 / 10%)\",\r\n}));\r\nconst H3 = styled(\"h4\")(({ theme }) => ({\r\n padding: \"25px\",\r\n color: \"black\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n flexDirection: \"column\",\r\n padding: \"20px\",\r\n },\r\n textAlign: \"left\",\r\n paddingBottom: \"15px\",\r\n}));\r\nconst H4 = styled(\"h5\")(({ theme }) => ({\r\n paddingLeft: \"60px\",\r\n color: \"grey\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n flexDirection: \"column\",\r\n padding: \"20px\",\r\n },\r\n textAlign: \"left\",\r\n paddingBottom: \"15px\",\r\n}));\r\nexport { Content, H3, H4 };\r\nexport default stylesCss;\r\n","export const lifeColor = \"#FF0000\";\r\nexport const lifeStrongColor = \"#9D0505\";\r\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { VendorContext } from \"../../../../context/vendor/VendorContext\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\nimport SaveIcon from \"@mui/icons-material/Save\";\r\nimport { AlertSpan, CssNativeSelect, Root } from \"../style\";\r\nimport { ErrorOutline } from \"@mui/icons-material\";\r\nimport { Button, Container, Column, Tittle } from \"../style\";\r\nimport InfoIcon from \"@mui/icons-material/InfoOutlined\";\r\nimport { Alert, Dialog, FormControl, InputLabel } from \"@mui/material\";\r\nimport {\r\n ButtonUpload,\r\n CssTextField,\r\n OptionSelect,\r\n} from \"../../Enrollment/style\";\r\nimport UploadFileIcon from \"@mui/icons-material/UploadFile\";\r\nimport DoneAllIcon from \"@mui/icons-material/DoneAll\";\r\nimport Link from \"@mui/material/Link\";\r\nimport { OneColumn } from \"../../Enrollment/naturalPerson/step3/style\";\r\nimport { SearchButton } from \"../../style\";\r\nimport PropTypes from \"prop-types\";\r\nimport Tabs from \"@mui/material/Tabs\";\r\nimport Tab from \"@mui/material/Tab\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport Box from \"@mui/material/Box\";\r\nimport List from \"@mui/material/List\";\r\nimport ListItem from \"@mui/material/ListItem\";\r\nimport ListItemText from \"@mui/material/ListItemText\";\r\nimport UpdateDialog from \"../updateDialog\";\r\nimport stylesCss, { Content, H3, H4 } from \"./style\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst typeAccount = [\r\n {\r\n id: 0,\r\n name: \"CUENTA CORRIENTE\",\r\n },\r\n {\r\n id: 1,\r\n name: \"CUENTA DE AHORROS\",\r\n },\r\n];\r\nconst typeIdentification = [\r\n {\r\n id: \"R\",\r\n name: \"Ruc\",\r\n },\r\n {\r\n id: \"C\",\r\n name: \"Cédula\",\r\n },\r\n {\r\n id: \"P\",\r\n name: \"Pasaporte\",\r\n },\r\n];\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n
\r\n {t(\"alertLifeMainAcc\")}
\r\n\r\n
\r\n {t(\"bankCertificate\")}
\r\n\r\n
\r\n {t(\"docLegalRep\")}
\r\n\r\n {t(\"paymAuth\")}\r\n {\". \"}\r\n \r\n {\"(\" + t(\"downloadFmt\") + \")\"}\r\n \r\n
\r\n \r\n {t(\"requestPendingApproval\") + \" \" + t(\"notificationMessage\")}\r\n
\r\n\r\n handleClose(e, reason)}\r\n >\r\n {textTittle} \r\n \r\n \r\n \r\n {success ? \r\n {!success && (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default UpdateDialog;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { green } from \"@mui/material/colors\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n color: \"black\",\r\n}));\r\nconst ButtonCancel = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"18px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonUpdate = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#FF0000\",\r\n textAlign: \"center\",\r\n margin: \"15px\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#FFCDD2\",\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nexport { Container, ButtonCancel, ButtonUpdate };\r\n","import React, { useContext, useState } from \"react\";\r\nimport { Dialog, DialogContent, DialogTitle } from \"@mui/material\";\r\nimport { ButtonCancel, ButtonUpdate, Container } from \"./style\";\r\nimport UpdateDialog from \"../updateDialog\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst UpdatePasswordDialog = ({ contactUpdate, showDialog, setShowDialog }) => {\r\n const { accounts } = useMsal();\r\n const { t } = useTranslation();\r\n const [success, setSuccess] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const { resetPasswordCarrierContact } = useContext(ContactContext);\r\n\r\n const handleClose = (e, reason) => {\r\n e.preventDefault();\r\n if (reason !== \"backdropClick\" && e.key !== \"Escape\") {\r\n setShowDialog(false);\r\n }\r\n };\r\n\r\n const updatePassword = async () => {\r\n const data = {\r\n guid: contactUpdate.id,\r\n guidPrimary: accounts[0].localAccountId,\r\n emailPrimary: accounts[0].username,\r\n firstName: contactUpdate.givenName,\r\n lastName: contactUpdate.surname,\r\n email: contactUpdate.identities.filter(\r\n (x) => x.signInType === \"emailAddress\"\r\n )[0].issuerAssignedId,\r\n password: \"\",\r\n };\r\n const resp = await resetPasswordCarrierContact(data);\r\n setSuccess(true);\r\n\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n setTimeout(() => {\r\n setShowDialog(false);\r\n }, 1500);\r\n };\r\n const submitForm = async (e) => {\r\n e.preventDefault();\r\n\r\n setShowDialogUpdate(true);\r\n await Promise.all([updatePassword()]);\r\n };\r\n\r\n return (\r\n \r\n {dialogUpdate ? (\r\n handleClose(e, reason)}\r\n >\r\n \r\n {t(\"resetPasswordMessage\")} \r\n {\r\n submitForm(e);\r\n }}\r\n >\r\n {t(\"cancel\")} \r\n {t(\"update\")} \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\nexport default UpdatePasswordDialog;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { green } from \"@mui/material/colors\";\r\n\r\nconst Container = styled(\"div\")(({ theme }) => ({\r\n textAlign: \"center\",\r\n color: \"black\",\r\n}));\r\nconst ButtonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"red\",\r\n textAlign: \"center\",\r\n margin: \"15px\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n color: \"black\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\nconst ButtonNonDelete = styled(\"button\")(({ theme }) => ({\r\n backgroundColor: \"#9F9F9F\",\r\n margin: \"15px\",\r\n textAlign: \"center\",\r\n padding: \"5px\",\r\n paddingLeft: \"18px\",\r\n paddingRight: \"18px\",\r\n borderRadius: \"15px\",\r\n border: \"0px\",\r\n color: \"white\",\r\n \"&:hover\": {\r\n backgroundColor: \"#D2D1D1\",\r\n },\r\n \"&:focus\": {\r\n outline: \"0 !important\",\r\n },\r\n}));\r\n\r\nexport { Container, ButtonDelete, ButtonNonDelete };\r\n","import React, { useContext, useState } from \"react\";\r\nimport { Dialog, DialogTitle } from \"@mui/material\";\r\nimport { Container, ButtonDelete, ButtonNonDelete } from \"./style\";\r\nimport UpdateDialog from \"../updateDialog\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { ContactContext } from \"../../../../context/contact/ContactContext\";\r\n\r\nconst DeleteDialog = ({\r\n contactUpdate,\r\n showDialog,\r\n setShowDialog,\r\n setUpdateWindow,\r\n}) => {\r\n const { t } = useTranslation();\r\n const [success, setSuccess] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const [textTittleUpdateDialog, setTextTittleUpdateDialog] = useState(\"\");\r\n const { deleteCarrierContact, currentContact } = useContext(ContactContext);\r\n\r\n const handleClose = (e, reason) => {\r\n if (reason !== \"backdropClick\" && e.key !== \"Escape\") {\r\n setShowDialog(false);\r\n }\r\n };\r\n\r\n const handleDelete = async () => {\r\n setTextTittleUpdateDialog(t(\"deletingInformation\"));\r\n setShowDialogUpdate(true);\r\n const resp = await Promise.all([deleteCarrierContact(contactUpdate.id)]);\r\n console.log(resp);\r\n setSuccess(true);\r\n setUpdateWindow((value) => !value);\r\n // setUpdateWindow(true);\r\n\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n setTimeout(() => {\r\n setShowDialog(false);\r\n }, 1500);\r\n };\r\n return (\r\n \r\n {dialogUpdate ? (\r\n handleClose(e, reason)}\r\n >\r\n \r\n {t(\"questionContinue\")} \r\n
\r\n{t(\"no\")} \r\n {\" \"}\r\n {t(\"yes\")} \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\nexport default DeleteDialog;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport CustomTableFooter from \"./Footer\";\r\nimport {\r\n Button,\r\n ButtonCancel,\r\n ButtonCreate,\r\n ButtonDelete,\r\n Column,\r\n Container,\r\n Root,\r\n Tittle,\r\n} from \"./style\";\r\nimport { Table, Thead, Tbody, Tr, Th, Td } from \"react-super-responsive-table\";\r\nimport useTable from \"../Purch/TableLines/useTable\";\r\nimport useWindowDimensions from \"../../../customhooks/useWindowDimensions\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport {\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n Input,\r\n InputAdornment,\r\n LinearProgress,\r\n OutlinedInput,\r\n TextField,\r\n} from \"@mui/material\";\r\nimport { ContactContext } from \"../../../context/contact/ContactContext\";\r\nimport { Delete, Key, Visibility, VisibilityOff } from \"@mui/icons-material\";\r\nimport UpdateDialog from \"./updateDialog\";\r\nimport UpdatePasswordDialog from \"./password\";\r\nimport DeleteDialog from \"./delete\";\r\n\r\nconst data = [\r\n {\r\n name: \"prueba1\",\r\n lastname: \"ape1\",\r\n },\r\n {\r\n name: \"prueba2\",\r\n lastname: \"ape2\",\r\n },\r\n {\r\n name: \"prueba3\",\r\n lastname: \"ape3\",\r\n },\r\n];\r\n\r\nconst Carrier = () => {\r\n const { t } = useTranslation();\r\n const {\r\n carrierContact,\r\n currentContact,\r\n getAllCarrierContact,\r\n createCarrierContact,\r\n } = useContext(ContactContext);\r\n const [updateWindow, setUpdateWindow] = useState(false);\r\n const [dialogUpdate, setShowDialogUpdate] = useState(false);\r\n const [page, setPage] = useState(1);\r\n const [isLoading, setLoading] = useState(true);\r\n const [success, setSuccess] = useState(false);\r\n const [showPassword, setshowPassword] = useState(false);\r\n const [carrier, setShipper] = useState({\r\n name: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n password: \"\",\r\n });\r\n const [open, setOpen] = useState(false);\r\n const [contactUpdate, setContactUpdate] = useState({});\r\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\r\n const [textTittleUpdateDialog, setTextTittleUpdateDialog] = useState(\"\");\r\n const rowsPerPage = 30;\r\n const { width } = useWindowDimensions();\r\n const { slice, range } = useTable(carrierContact, page, rowsPerPage);\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n const handleShipperInfo = (event) => {\r\n setShipper({ ...carrier, [event.target.name]: event.target.value });\r\n };\r\n const handleOpenDeleteDialog = (infoContact) => {\r\n setContactUpdate(infoContact);\r\n setShowDeleteDialog(true);\r\n };\r\n const handleOpenDialogUpdatePassword = (infoContact) => {\r\n setContactUpdate(infoContact);\r\n setshowPassword(true);\r\n };\r\n\r\n const handleCreateShipper = (event) => {\r\n event.preventDefault();\r\n setTextTittleUpdateDialog(t(\"savingInformation\"));\r\n setShowDialogUpdate(true);\r\n createCarrierContact(carrier)\r\n .then((resp) => {\r\n setOpen(false);\r\n setSuccess(true);\r\n setUpdateWindow((value) => !value);\r\n setTimeout(() => {\r\n setShowDialogUpdate(false);\r\n }, 1500);\r\n })\r\n .catch((error) => {\r\n setShowDialogUpdate(false);\r\n alert(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getAllCarrierContact(currentContact.guid)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, [updateWindow]);\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getAllCarrierContact(currentContact.guid)]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n\r\n return (\r\n <>\r\n {isLoading && \r\n
\r\n \r\n
\r\n \r\n | {t(\"name\")} | \r\n{t(\"email\")} | \r\n{t(\"actions\")} | \r\n\r\n {item.givenName} {item.surname}\r\n | \r\n\r\n {\r\n item.identities.filter(\r\n (x) => x.signInType === \"emailAddress\"\r\n )[0].issuerAssignedId\r\n }\r\n | \r\n\r\n | \r\n \r\n ))}\r\n
|---|
\r\n
\r\n )}\r\n {t(\"noInformation\")}
\r\n\r\n \r\n {(isActivePrimary || isActiveSecondary) && (\r\n <>\r\n \r\n {cond0 && !startEnrollment ? (\r\n
\r\n );\r\n};\r\n\r\nexport default ProtectedRoutes;\r\n","import { Container } from \"@mui/material\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport Footer from \"./components/LayoutFooter\";\r\nimport NavMenu from \"./components/NavMenu\";\r\nimport Wait from \"./components/Wait\";\r\nimport { ContactContext } from \"./context/contact/ContactContext\";\r\nimport ProtectedRoutes from \"./protectedRoutes\";\r\n\r\nconst AppContent = () => {\r\n const [isLoading, setLoading] = useState(true);\r\n const { getStates, getVendFlowEnrollment } = useContext(ContactContext);\r\n\r\n useEffect(() => {\r\n const fetchData2 = async () => {\r\n await Promise.all([getStates(), getVendFlowEnrollment()]);\r\n setLoading(false);\r\n };\r\n fetchData2();\r\n }, []);\r\n\r\n return (\r\n <>\r\n {isLoading ? (\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default AppContent;\r\n","import { VENDOR } from \"../../types\";\r\n\r\nexport const VendorReducer = (state, action) => {\r\n switch (action.type) {\r\n case VENDOR.STEPS:\r\n return {\r\n ...state,\r\n steps: action.payload,\r\n };\r\n case VENDOR.ACTIVE_STEP:\r\n return {\r\n ...state,\r\n activeStep: action.payload,\r\n };\r\n case VENDOR.VEND_FLOW_ENROLLMENT:\r\n return {\r\n ...state,\r\n vendFlowEnrollment: action.payload,\r\n };\r\n case VENDOR.VEND_INFORMATION:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload,\r\n };\r\n case VENDOR.VEND_BANK_ACCOUNT:\r\n return {\r\n ...state,\r\n vendBankAccount: action.payload,\r\n };\r\n case VENDOR.COMPANY_INFORMATION:\r\n return {\r\n ...state,\r\n companyInformation: action.payload,\r\n };\r\n case VENDOR.VEND_DOCUMENTATION:\r\n return {\r\n ...state,\r\n vendDocumentation: action.payload,\r\n };\r\n case VENDOR.CONTACT_PERSON:\r\n return {\r\n ...state,\r\n contactPerson: action.payload,\r\n };\r\n case VENDOR.CONTACT_PERSON_BANK:\r\n return {\r\n ...state,\r\n contactPerson: action.payload,\r\n };\r\n case VENDOR.BANK_INFORMATION_LIST:\r\n return {\r\n ...state,\r\n bankInformationList: action.payload,\r\n };\r\n case VENDOR.LOGISTICS_POSTAL_ADDRESS:\r\n return {\r\n ...state,\r\n logisticsPostalAddress: action.payload,\r\n };\r\n case VENDOR.VEND_FULL_COMPANY:\r\n return {\r\n ...state,\r\n companyInformation: action.payload.company,\r\n vendDocumentation: action.payload.document,\r\n contactPerson: action.payload.contactPerson,\r\n listTypeContact: action.payload.listTypeContact,\r\n logisticsPostalAddress: action.payload.logisticsPostalAddress,\r\n };\r\n case VENDOR.VEND_FULL_BANK:\r\n return {\r\n ...state,\r\n vendBankAccount: action.payload.vendBankAccount,\r\n vendDocumentation: action.payload.document,\r\n contactPersonBank: action.payload.contactPersonBank,\r\n listTypeContact: action.payload.listTypeContact,\r\n logisticsPostalAddress: action.payload.logisticsPostalAddress,\r\n };\r\n case VENDOR.VEND_GENERAL_INFORMATION:\r\n return {\r\n ...state,\r\n vendGeneralInformation: action.payload,\r\n };\r\n case VENDOR.VEND_FULL_GENERAL_INFO:\r\n return {\r\n ...state,\r\n vendGeneralInformation: action.payload.vendGeneralInformation,\r\n companyOwner: action.payload.companyOwner,\r\n contractor: action.payload.contractor,\r\n };\r\n case VENDOR.COMPANY_OWNER:\r\n return {\r\n ...state,\r\n companyOwner: action.payload,\r\n };\r\n case VENDOR.CONTRACTOR:\r\n return {\r\n ...state,\r\n contractor: action.payload,\r\n };\r\n case VENDOR.VEND_ALL_INFO:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload.vendorInformation,\r\n companyInformation: action.payload.companyInformation,\r\n contactPerson: action.payload.contactPerson,\r\n logisticsPostalAddress: action.payload.logisticsPostalAddress,\r\n vendBankAccount: action.payload.vendBankAccount,\r\n logisticsPostalAddressBank: action.payload.logisticsPostalAddressBank,\r\n contactPersonBank: action.payload.contactPersonBank,\r\n vendGeneralInformation: action.payload.vendGeneralInformation,\r\n companyOwner: action.payload.companyOwner,\r\n contractor: action.payload.contractor,\r\n listTypeContact: action.payload.respTypeContact,\r\n };\r\n case VENDOR.VEND_UPD_COMPANY_INFO:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload.vendorInformation,\r\n companyInformation: action.payload.companyInformation,\r\n contactPerson: action.payload.contactPerson,\r\n logisticsPostalAddress: action.payload.logisticsPostalAddress,\r\n listTypeContact: action.payload.respTypeContact,\r\n };\r\n case VENDOR.VEND_UPD_GENERAL_INFO:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload.vendorInformation,\r\n vendGeneralInformation: action.payload.vendGeneralInformation,\r\n companyOwner: action.payload.companyOwner,\r\n contractor: action.payload.contractor,\r\n listTypeContact: action.payload.respTypeContact,\r\n };\r\n case VENDOR.VEND_UPD_BANK_INFO:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload.vendorInformation,\r\n bankInformationList: action.payload.bankInformationList,\r\n listTypeContact: action.payload.respTypeContact,\r\n listProvince: action.payload.listProvince,\r\n listBank: action.payload.listBank,\r\n };\r\n case VENDOR.VEND_UPD_DOCUMENTATION:\r\n return {\r\n ...state,\r\n vendorInformation: action.payload.vendorInformation,\r\n vendDocumentation: action.payload.vendDocumentation,\r\n companyInformation: action.payload.companyInformation,\r\n };\r\n case VENDOR.LIST_COUNTRY:\r\n return {\r\n ...state,\r\n listCountry: action.payload,\r\n };\r\n case VENDOR.LIST_PROVINCE:\r\n return {\r\n ...state,\r\n listProvince: action.payload,\r\n };\r\n case VENDOR.LIST_CITY:\r\n return {\r\n ...state,\r\n listCity: action.payload,\r\n };\r\n case VENDOR.LIST_BANK:\r\n return {\r\n ...state,\r\n listBank: action.payload,\r\n };\r\n case VENDOR.LIST_TYPE_CONTACT:\r\n return {\r\n ...state,\r\n listTypeContact: action.payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import React, { useReducer } from \"react\";\r\nimport { VendorContext } from \"./VendorContext\";\r\nimport { VendorReducer } from \"./VendorReducer\";\r\nimport { VENDOR } from \"../../types\";\r\nimport { baseUrl } from \"../../config/config\";\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst VendorState = (props) => {\r\n const { accounts } = useMsal();\r\n const initialState = {\r\n //Enrollment\r\n activeStep: 0,\r\n steps: [],\r\n vendFlowEnrollment: {\r\n id: \"\",\r\n guiD_VEND: \"\",\r\n state: 0,\r\n activE_STEP: -1,\r\n lasT_STEP: -1,\r\n datE_CREATED: \"\",\r\n },\r\n vendorInformation: {\r\n id: \"\",\r\n ruc: \"\",\r\n email: \"\",\r\n datE_CREATE: \"\",\r\n contact: [\r\n {\r\n guid: \"\",\r\n type: 0,\r\n datE_CREATE: \"\",\r\n },\r\n ],\r\n country: \"\",\r\n type: \"\",\r\n guiD_PRIMARY_CONTACT: \"\",\r\n state: false,\r\n statemenT_DATE: \"\",\r\n statemenT_NAME: \"\",\r\n statemenT_PLACE: \"\",\r\n statemenT_POSITION_COMPANY: \"\",\r\n statemenT_GENERATED: false,\r\n signaturE_SEND: false,\r\n company: \"\",\r\n },\r\n companyInformation: {\r\n id: \"\",\r\n businesS_NAME: \"\",\r\n ruc: \"\",\r\n fundatioN_YEAR: \"2020\",\r\n email: \"\",\r\n nuM_EMPLOYEES: \"\",\r\n urL_SITE: \"\",\r\n guid: \"\",\r\n },\r\n vendDocumentation: {\r\n id: \"\",\r\n guiD_VEND: \"\",\r\n banK_ID: \"\",\r\n entitY_ID: \"\",\r\n cedula: \"\",\r\n cedulA_RZ: \"\",\r\n obligacioneS_IESS: \"\",\r\n obligacioneS_IESS_RZ: \"\",\r\n registrO_UNICO: \"\",\r\n registrO_UNICO_RZ: \"\",\r\n referenciA_CLIENTES: \"\",\r\n referenciA_CLIENTES_RZ: \"\",\r\n certificadO_BANCARIO: \"\",\r\n declaracioN_IMP_RENTA: \"\",\r\n declaracioN_IVA: \"\",\r\n datE_CREATED: \"\",\r\n nombramientO_REPRESENTANTE_LEGAL: \"\",\r\n nombramientO_REPRESENTANTE_LEGAL_RZ: \"\",\r\n informE_RESPONSABILIDAD_SOCIAL: \"\",\r\n visioN_MISION_VALORES: \"\",\r\n estandareS_ETICOS: \"\",\r\n declaracion: \"\",\r\n afiliacioN_IESS_CONTACTO: \"\",\r\n },\r\n logisticsPostalAddress: {\r\n id: \"\",\r\n address: \"\",\r\n province: \"\",\r\n city: \"\",\r\n postaL_CODE: \"\",\r\n entitY_ID: \"\",\r\n reC_ID: 0,\r\n party: \"\",\r\n },\r\n logisticsPostalAddressBank: {\r\n id: \"\",\r\n address: \"\",\r\n province: \"\",\r\n city: \"\",\r\n postaL_CODE: \"\",\r\n entitY_ID: \"\",\r\n reC_ID: 0,\r\n party: \"\",\r\n },\r\n contactPerson: [],\r\n contactPersonBank: {},\r\n vendBankAccount: {\r\n id: \"\",\r\n namE_OWNER: \"\",\r\n identification: \"\",\r\n namE_BANK: \"\",\r\n nuM_ACCOUNT: \"\",\r\n typE_ACCOUNT: \"\",\r\n guiD_VEND: \"\",\r\n swifT_CODE: \"\",\r\n foreigN_SWIFT_CODE: \"\",\r\n },\r\n bankInformationList: [],\r\n vendGeneralInformation: {\r\n id: \"\",\r\n guiD_VEND: \"\",\r\n diferenT_NAME: \"\",\r\n ruc: \"\",\r\n tO_DATE: \"\",\r\n questioN0: \"\",\r\n questioN0_DESCRIPTION: \"\",\r\n questioN0_RESP: \"\",\r\n questioN1: \"\",\r\n questioN1_DESCRIPTION: \"\",\r\n questioN1_RESP: \"\",\r\n questioN2: \"\",\r\n questioN2_DESCRIPTION: \"\",\r\n questioN2_RESP: \"\",\r\n questioN3: \"\",\r\n questioN3_DESCRIPTION: \"\",\r\n questioN3_RESP: \"\",\r\n questioN4: \"\",\r\n questioN4_DESCRIPTION: \"\",\r\n questioN4_RESP: \"\",\r\n questioN5: \"\",\r\n questioN5_DESCRIPTION: \"\",\r\n questioN5_RESP: \"\",\r\n questioN6: \"\",\r\n questioN6_DESCRIPTION: \"\",\r\n questioN6_RESP: \"\",\r\n questioN7: \"\",\r\n questioN7_DESCRIPTION: \"\",\r\n questioN7_RESP: \"\",\r\n questioN8: \"\",\r\n questioN8_DESCRIPTION: \"\",\r\n questioN8_RESP: \"\",\r\n },\r\n companyOwner: [],\r\n contractor: [],\r\n listCountry: [],\r\n listProvince: [],\r\n listCity: [],\r\n listBank: [],\r\n listTypeContact: [],\r\n currentContact: null,\r\n //calification\r\n };\r\n\r\n const [state, dispatch] = useReducer(VendorReducer, initialState);\r\n\r\n const setActiveStep = async (data) => {\r\n dispatch({\r\n type: VENDOR.ACTIVE_STEP,\r\n payload: data,\r\n });\r\n };\r\n const setContactPerson = async (data) => {\r\n dispatch({\r\n type: VENDOR.CONTACT_PERSON,\r\n payload: data,\r\n });\r\n };\r\n const setContactPersonBank = async (data) => {\r\n dispatch({\r\n type: VENDOR.CONTACT_PERSON_BANK,\r\n payload: data,\r\n });\r\n };\r\n const setBankInformationList = async (data) => {\r\n dispatch({\r\n type: VENDOR.BANK_INFORMATION_LIST,\r\n payload: data,\r\n });\r\n };\r\n const setVendFlowEnrollment = async (data) => {\r\n dispatch({\r\n type: VENDOR.VEND_FLOW_ENROLLMENT,\r\n payload: data,\r\n });\r\n };\r\n const setVendorInformation = async (data) => {\r\n dispatch({\r\n type: VENDOR.VEND_INFORMATION,\r\n payload: data,\r\n });\r\n };\r\n const setCompanyInformation = async (data) => {\r\n dispatch({\r\n type: VENDOR.COMPANY_INFORMATION,\r\n payload: data,\r\n });\r\n };\r\n const setLogisticsPostalAddress = async (data) => {\r\n dispatch({\r\n type: VENDOR.LOGISTICS_POSTAL_ADDRESS,\r\n payload: data,\r\n });\r\n };\r\n const setVendDocumentation = async (data) => {\r\n dispatch({\r\n type: VENDOR.VEND_DOCUMENTATION,\r\n payload: data,\r\n });\r\n };\r\n const setVendBankAccount = async (data) => {\r\n dispatch({\r\n type: VENDOR.VEND_BANK_ACCOUNT,\r\n payload: data,\r\n });\r\n };\r\n const setVendGeneralInformation = async (data) => {\r\n dispatch({\r\n type: VENDOR.VEND_GENERAL_INFORMATION,\r\n payload: data,\r\n });\r\n };\r\n const setCompanyOwner = async (data) => {\r\n dispatch({\r\n type: VENDOR.COMPANY_OWNER,\r\n payload: data,\r\n });\r\n };\r\n const setContractor = async (data) => {\r\n dispatch({\r\n type: VENDOR.CONTRACTOR,\r\n payload: data,\r\n });\r\n };\r\n const sendVendFlowEnrollment = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendFlowEnrollment/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const respVI = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_FLOW_ENROLLMENT,\r\n payload: respVI,\r\n });\r\n }\r\n };\r\n const sendVendorInformation = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendorInformation/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const respVI = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_INFORMATION,\r\n payload: respVI,\r\n });\r\n }\r\n };\r\n const sendVendorInformationStatement = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendorInformation/GeneratePDF\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const respVI = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_INFORMATION,\r\n payload: respVI,\r\n });\r\n }\r\n };\r\n const sendCompanyInformation = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/CompanyInformation/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.COMPANY_INFORMATION,\r\n payload: resp,\r\n });\r\n }\r\n };\r\n const sendVendBankAccount = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendBankAccount/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_BANK_ACCOUNT,\r\n payload: resp,\r\n });\r\n }\r\n };\r\n const sendVendDocumentationAX = async (data, vendorInfor) => {\r\n const postData = data;\r\n const localUrl =\r\n baseUrl +\r\n \"/api/VendDocumentation/UpdateAX?vendAccount=\" +\r\n vendorInfor.ruc +\r\n \"&company=\" +\r\n vendorInfor.company;\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_DOCUMENTATION,\r\n payload: resp,\r\n });\r\n return true;\r\n }\r\n return false;\r\n };\r\n const sendVendDocumentation = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendDocumentation/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_DOCUMENTATION,\r\n payload: resp,\r\n });\r\n return true;\r\n }\r\n return false;\r\n };\r\n const sendContactPerson = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/ContactPerson/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n const resp = await iFunctionGetContactPerson(postData.entitY_ID);\r\n dispatch({\r\n type: VENDOR.CONTACT_PERSON,\r\n payload: resp,\r\n });\r\n };\r\n const sendVendGeneralInformation = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendGeneralInformation/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_GENERAL_INFORMATION,\r\n payload: resp,\r\n });\r\n }\r\n };\r\n const sendCompanyOwner = async (data) => {\r\n const postData = data;\r\n let localUrl = baseUrl + \"/api/CompanyOwner/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n // si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const guid = accounts[0].localAccountId;\r\n localUrl = baseUrl + \"/api/CompanyOwner?guidPrimaryContact=\" + guid;\r\n const response2 = await fetch(localUrl);\r\n if (response2.status === 200) {\r\n const data2 = await response2.json();\r\n dispatch({\r\n type: VENDOR.COMPANY_OWNER,\r\n payload: data2,\r\n });\r\n }\r\n }\r\n };\r\n const sendContractor = async (data) => {\r\n const postData = data;\r\n let localUrl = baseUrl + \"/api/Contractor/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n // si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const guid = accounts[0].localAccountId;\r\n localUrl = baseUrl + \"/api/Contractor?guidPrimaryContact=\" + guid;\r\n const response2 = await fetch(localUrl);\r\n if (response2.status === 200) {\r\n const data2 = await response2.json();\r\n dispatch({\r\n type: VENDOR.CONTRACTOR,\r\n payload: data2,\r\n });\r\n }\r\n }\r\n };\r\n const sendLogisticsPostalAddress = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/LogisticsPostalAddress/Update\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n dispatch({\r\n type: VENDOR.LOGISTICS_POSTAL_ADDRESS,\r\n payload: resp,\r\n });\r\n }\r\n };\r\n const getSteps = async (id) => {\r\n id = state.vendorInformation.type;\r\n const steps = [\r\n \"companyInformation\",\r\n \"bankInformation\",\r\n \"generalInformation\",\r\n \"financialLegalInformation\",\r\n \"declaration\",\r\n \"finished\",\r\n ];\r\n\r\n let data = steps;\r\n dispatch({\r\n type: VENDOR.STEPS,\r\n payload: data,\r\n });\r\n };\r\n const getVendFlowEnrollment = async () => {\r\n const guid = accounts[0].localAccountId;\r\n const localUrl =\r\n baseUrl + \"/api/VendFlowEnrollment/GetByGuid?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n await setActiveStep(data.lasT_STEP);\r\n dispatch({\r\n type: VENDOR.VEND_FLOW_ENROLLMENT,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getDataEnrollment = async (company) => {\r\n const guid = accounts[0].localAccountId;\r\n const localUrl =\r\n baseUrl + \"/api/VendorInformation/GetByGuid?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_INFORMATION,\r\n payload: data,\r\n });\r\n }\r\n if (response.status === 204) {\r\n const localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/CreateVend?guidPrimaryContact=\" +\r\n guid +\r\n \"&company=\" +\r\n company +\r\n \"&email=\" +\r\n accounts[0].username;\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_INFORMATION,\r\n payload: data,\r\n });\r\n }\r\n }\r\n };\r\n const getCompanyInformation = async () => {\r\n const guid = accounts[0].localAccountId;\r\n let localUrl =\r\n baseUrl + \"/api/CompanyInformation/GetByGuid?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n const respDoc = await iFunctionGetVendDocumentation(data.id);\r\n const respCont = await iFunctionGetContactPerson(data.id);\r\n const respLogis = await iFunctionLogisticsPostalAddress(data.id);\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n\r\n const dataDis = {\r\n company: data,\r\n document: respDoc,\r\n listTypeContact: respTypeContact,\r\n contactPerson: respCont,\r\n logisticsPostalAddress: respLogis,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_FULL_COMPANY,\r\n payload: dataDis,\r\n });\r\n } else if (response.status === 204) {\r\n const dataComp = {\r\n businesS_NAME: \"\",\r\n ruc: \"\",\r\n fundatioN_YEAR: \"\" + new Date().getFullYear(),\r\n email: \"\",\r\n nuM_EMPLOYEES: \"\",\r\n urL_SITE: \"\",\r\n guid: guid,\r\n };\r\n localUrl = baseUrl + \"/api/CompanyInformation/Create\";\r\n const response1 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(dataComp),\r\n });\r\n //si no existe devuelve response1.status === 204\r\n if (response1.status === 200) {\r\n const dataComp = await response1.json();\r\n let response2;\r\n const postData = {\r\n guiD_VEND: dataComp.guid,\r\n entitY_ID: dataComp.id,\r\n cedula: \"\",\r\n cedulA_RZ: \"\",\r\n obligacioneS_IESS: \"\",\r\n obligacioneS_IESS_RZ: \"\",\r\n registrO_UNICO: \"\",\r\n registrO_UNICO_RZ: \"\",\r\n referenciA_CLIENTES: \"\",\r\n referenciA_CLIENTES_RZ: \"\",\r\n certificadO_BANCARIO: \"\",\r\n declaracioN_IMP_RENTA: \"\",\r\n declaracioN_IVA: \"\",\r\n nombramientO_REPRESENTANTE_LEGAL: \"\",\r\n nombramientO_REPRESENTANTE_LEGAL_RZ: \"\",\r\n informE_RESPONSABILIDAD_SOCIAL: \"\",\r\n visioN_MISION_VALORES: \"\",\r\n estandareS_ETICOS: \"\",\r\n declaracion: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/VendDocumentation/Create\";\r\n response2 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n\r\n if (response2.status === 200) {\r\n const dataDoc = await response2.json();\r\n const postDataLogis = {\r\n entitY_ID: dataComp.id,\r\n address: \"\",\r\n province: \"\",\r\n city: \"\",\r\n postaL_CODE: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/LogisticsPostalAddress/Create\";\r\n const response4 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postDataLogis),\r\n });\r\n if (response4.status === 200) {\r\n const dataLogis = await response4.json();\r\n\r\n const postDataContact1 = {\r\n guiD_VEND: dataComp.guid,\r\n entitY_ID: dataComp.id,\r\n name: \"\",\r\n area: \"\",\r\n phone: \"\",\r\n email: \"\",\r\n position: \"\",\r\n datE_CREATED: \"\",\r\n type: \"0\",\r\n };\r\n const postDataContact2 = {\r\n guiD_VEND: dataComp.guid,\r\n entitY_ID: dataComp.id,\r\n name: \"\",\r\n area: \"\",\r\n phone: \"\",\r\n email: \"\",\r\n position: \"\",\r\n datE_CREATED: \"\",\r\n type: \"1\",\r\n identification: \"\",\r\n typE_IDENTIFICATION: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/ContactPerson/Create\";\r\n const response5 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postDataContact1),\r\n });\r\n const response6 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postDataContact2),\r\n });\r\n if (response5.status === 200 && response6.status === 200) {\r\n const dataCont1 = await response5.json();\r\n const dataCont2 = await response6.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n const dataFull = {\r\n company: dataComp,\r\n document: dataDoc,\r\n contactPerson: [dataCont1, dataCont2],\r\n listTypeContact: respTypeContact,\r\n logisticsPostalAddress: dataLogis,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_FULL_COMPANY,\r\n payload: dataFull,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n const getVendBankAccount = async () => {\r\n const guid = accounts[0].localAccountId;\r\n let localUrl = baseUrl + \"/api/VendBankAccount/GetByGuid?guid=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n const respDoc = await iFunctionGetVendDocumentation(\"\");\r\n const respCont = await iFunctionGetContactPerson(data.id);\r\n const respLogis = await iFunctionLogisticsPostalAddress(data.id);\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n console.log(respCont);\r\n const dataDis = {\r\n vendBankAccount: data,\r\n document: respDoc,\r\n listTypeContact: respTypeContact,\r\n contactPersonBank: respCont[0],\r\n logisticsPostalAddress: respLogis,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_FULL_BANK,\r\n payload: dataDis,\r\n });\r\n } else if (response.status === 204) {\r\n const dataComp = {\r\n namE_OWNER: \"\",\r\n identification: \"\",\r\n namE_BANK: \"\",\r\n nuM_ACCOUNT: \"\",\r\n typE_ACCOUNT: \"\",\r\n guiD_VEND: guid,\r\n swifT_CODE: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/VendBankAccount/Create\";\r\n const response1 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(dataComp),\r\n });\r\n //si no existe devuelve response1.status === 204\r\n if (response1.status === 200) {\r\n const dataComp = await response1.json();\r\n const postDataLogis = {\r\n entitY_ID: dataComp.id,\r\n address: \"\",\r\n province: \"\",\r\n city: \"\",\r\n postaL_CODE: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/LogisticsPostalAddress/Create\";\r\n const response4 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postDataLogis),\r\n });\r\n if (response4.status === 200) {\r\n const dataLogis = await response4.json();\r\n const respDoc = await iFunctionGetVendDocumentation(\"\");\r\n\r\n const postDataContact = {\r\n guiD_VEND: dataComp.guiD_VEND,\r\n entitY_ID: dataComp.id,\r\n name: \"\",\r\n area: \"\",\r\n phone: \"\",\r\n email: \"\",\r\n position: \"\",\r\n datE_CREATED: \"\",\r\n type: \"2\",\r\n identification: \"\",\r\n typE_IDENTIFICATION: \"\",\r\n };\r\n localUrl = baseUrl + \"/api/ContactPerson/Create\";\r\n const response5 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postDataContact),\r\n });\r\n if (response5.status === 200) {\r\n const dataContact = await response5.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n\r\n const dataFull = {\r\n vendBankAccount: dataComp,\r\n document: respDoc,\r\n listTypeContact: respTypeContact,\r\n contactPersonBank: dataContact,\r\n logisticsPostalAddress: dataLogis,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_FULL_BANK,\r\n payload: dataFull,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n };\r\n const getVendGeneralInformation = async () => {\r\n const guid = accounts[0].localAccountId;\r\n let dataGI = {};\r\n let dataCOW = [];\r\n let dataCONT = [];\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendGeneralInformation/GetByGuid?guidPrimaryContact=\" +\r\n guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n dataGI = await response.json();\r\n } else if (response.status === 204) {\r\n const dataGISend = {\r\n guiD_VEND: guid,\r\n diferenT_NAME: \"\",\r\n ruc: \"\",\r\n tO_DATE: new Date().toISOString().slice(0, 10).toString(),\r\n questioN0: \"giQuestion0\",\r\n questioN0_DESCRIPTION: \"\",\r\n questioN0_RESP: \"\",\r\n questioN1: \"giQuestion1\",\r\n questioN1_DESCRIPTION: \"\",\r\n questioN1_RESP: \"\",\r\n questioN2: \"giQuestion2\",\r\n questioN2_DESCRIPTION: \"\",\r\n questioN2_RESP: \"\",\r\n questioN3: \"giQuestion3\",\r\n questioN3_DESCRIPTION: \"\",\r\n questioN3_RESP: \"\",\r\n questioN4: \"giQuestion4\",\r\n questioN4_DESCRIPTION: \"\",\r\n questioN4_RESP: \"\",\r\n questioN5: \"giQuestion5\",\r\n questioN5_DESCRIPTION: \"\",\r\n questioN5_RESP: \"\",\r\n questioN6: \"giQuestion6\",\r\n questioN6_DESCRIPTION: \"\",\r\n questioN6_RESP: \"\",\r\n questioN7: \"giQuestion7\",\r\n questioN7_DESCRIPTION: \"\",\r\n questioN7_RESP: \"\",\r\n questioN8: \"giQuestion8\",\r\n questioN8_DESCRIPTION: \"\",\r\n questioN8_RESP: \"\",\r\n fliquestioN1: \"fliQuestion1\",\r\n fliquestioN1_DESCRIPTION: \"\",\r\n fliquestioN1_RESP: \"\",\r\n fliquestioN1_1: \"fliQuestion1_1\",\r\n fliquestioN1_1_DESCRIPTION: \"\",\r\n fliquestioN1_1_RESP: \"\",\r\n fliquestioN2: \"fliQuestion2\",\r\n fliquestioN2_DESCRIPTION: \"\",\r\n fliquestioN2_RESP: \"\",\r\n fliquestioN3: \"fliQuestion3\",\r\n fliquestioN3_DESCRIPTION: \"\",\r\n fliquestioN3_RESP: \"\",\r\n fliquestioN4: \"fliQuestion4\",\r\n fliquestioN4_DESCRIPTION: \"\",\r\n fliquestioN4_RESP: \"\",\r\n };\r\n const localUrl = baseUrl + \"/api/VendGeneralInformation/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(dataGISend),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n dataGI = await response.json();\r\n }\r\n }\r\n dataCOW = await iFunctionGetCompanyOwner();\r\n dataCONT = await iFunctionGetContractor();\r\n const dataAllGI = {\r\n vendGeneralInformation: dataGI,\r\n companyOwner: dataCOW,\r\n contractor: dataCONT,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_FULL_GENERAL_INFO,\r\n payload: dataAllGI,\r\n });\r\n };\r\n const iFunctionGetCompanyOwner = async () => {\r\n let resp = [];\r\n const guid = accounts[0].localAccountId;\r\n let localUrl = baseUrl + \"/api/CompanyOwner?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n resp = await response.json();\r\n }\r\n return resp;\r\n };\r\n const iFunctionGetContractor = async () => {\r\n let resp = [];\r\n const guid = accounts[0].localAccountId;\r\n let localUrl = baseUrl + \"/api/Contractor?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n resp = await response.json();\r\n }\r\n return resp;\r\n };\r\n const iFunctionGetListTypeContact = async () => {\r\n let resp = [];\r\n const localUrl = baseUrl + \"/api/TypeContact\";\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n resp = await response.json();\r\n }\r\n return resp;\r\n };\r\n const iFunctionGetVendDocumentation = async (entityId) => {\r\n let resp = {};\r\n const guid = accounts[0].localAccountId;\r\n let localUrl;\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendDocumentation/GetByGuid?guidPrimaryContact=\" +\r\n guid +\r\n \"&entityId=\" +\r\n entityId;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n resp = await response.json();\r\n return resp;\r\n };\r\n const getVendDocumentation = async () => {\r\n const guid = accounts[0].localAccountId;\r\n let localUrl;\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendDocumentation/GetByGuid?guidPrimaryContact=\" +\r\n guid +\r\n \"&entityId=\" +\r\n state.companyInformation.id;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.VEND_DOCUMENTATION,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getAllVendInformation = async () => {\r\n const guid = accounts[0].localAccountId;\r\n const localUrl = baseUrl + \"/api/RequestBaw?guidPrimaryContact=\" + guid;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n\r\n console.log(data);\r\n const allVendInf = {\r\n vendorInformation: data.vendorInformation,\r\n companyInformation: data.companyInformation.companyInformation,\r\n contactPerson: data.companyInformation.contactPerson,\r\n logisticsPostalAddress:\r\n data.companyInformation.logisticsPostalAddressCompany,\r\n vendBankAccount: data.bankInformation.vendBankAccount,\r\n logisticsPostalAddressBank: data.bankInformation.logisticsPostalAddress,\r\n contactPersonBank: data.bankInformation.contactPersonBAnk,\r\n vendGeneralInformation:\r\n data.generalFinantialInformation.generalFinantialInformation,\r\n companyOwner: data.generalFinantialInformation.companyOwner,\r\n contractor: data.generalFinantialInformation.contractor,\r\n respTypeContact: respTypeContact,\r\n };\r\n console.log(allVendInf);\r\n dispatch({\r\n type: VENDOR.VEND_ALL_INFO,\r\n payload: allVendInf,\r\n });\r\n }\r\n };\r\n const iFunctionGetContactPerson = async (entityId) => {\r\n let resp = {};\r\n const guid = accounts[0].localAccountId;\r\n let localUrl;\r\n localUrl =\r\n baseUrl +\r\n \"/api/ContactPerson/GetByGuid?guidPrimaryContact=\" +\r\n guid +\r\n \"&entityId=\" +\r\n entityId;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n resp = await response.json();\r\n return resp;\r\n };\r\n const getContactPerson = async () => {\r\n const guid = accounts[0].localAccountId;\r\n let localUrl;\r\n localUrl =\r\n baseUrl +\r\n \"/api/ContactPerson/GetByGuid?guidPrimaryContact=\" +\r\n guid +\r\n \"&entityId=\" +\r\n state.companyInformation.id;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.CONTACT_PERSON,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const iFunctionLogisticsPostalAddress = async (entityId) => {\r\n let resp = {};\r\n let localUrl;\r\n localUrl =\r\n baseUrl + \"/api/LogisticsPostalAddress/GetByGuid?entityId=\" + entityId;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n resp = await response.json();\r\n return resp;\r\n };\r\n const getLogisticsPostalAddress = async (entityId) => {\r\n let localUrl;\r\n localUrl =\r\n baseUrl + \"/api/LogisticsPostalAddress/GetByGuid?entityId=\" + entityId;\r\n const response = await fetch(localUrl);\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LOGISTICS_POSTAL_ADDRESS,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getListCountry = async (company) => {\r\n const localUrl =\r\n baseUrl + \"/api/VendorEnrollment/Country?company=\" + company;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LIST_COUNTRY,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getListProvince = async (countryId) => {\r\n const localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/Province?countryId=\" +\r\n countryId +\r\n \"&company=\" +\r\n state.vendorInformation.company;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LIST_PROVINCE,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getListCity = async (provinceId) => {\r\n if (provinceId !== \"\") {\r\n const localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/City?provinceId=\" +\r\n provinceId +\r\n \"&company=\" +\r\n state.vendorInformation.company;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LIST_CITY,\r\n payload: data,\r\n });\r\n }\r\n }\r\n };\r\n const getListCityManageBank = async (provinceId) => {\r\n let data = [];\r\n if (provinceId !== \"\") {\r\n const localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/City?provinceId=\" +\r\n provinceId +\r\n \"&company=\" +\r\n state.vendorInformation.company;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n data = await response.json();\r\n }\r\n }\r\n return data;\r\n };\r\n const getListBank = async (company) => {\r\n const localUrl = baseUrl + \"/api/VendorEnrollment/Bank?company=\" + company;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LIST_BANK,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getListTypeContact = async () => {\r\n const localUrl = baseUrl + \"/api/TypeContact\";\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const data = await response.json();\r\n dispatch({\r\n type: VENDOR.LIST_TYPE_CONTACT,\r\n payload: data,\r\n });\r\n }\r\n };\r\n const getVendorInformation = async (currentContact) => {\r\n let guidPrimary;\r\n if (currentContact.guiD_PRIMARY_CONTACT !== \"\") {\r\n guidPrimary = currentContact.guiD_PRIMARY_CONTACT;\r\n } else {\r\n guidPrimary = currentContact.guid;\r\n }\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetByGuid?guidPrimaryContact=\" +\r\n guidPrimary;\r\n let response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const dataVendor = await response1.json();\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetCompanyInfo?accountNum=\" +\r\n dataVendor.ruc +\r\n \"&guidPrimaryContact=\" +\r\n guidPrimary +\r\n \"&company=\" +\r\n dataVendor.company;\r\n response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const data = await response1.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n const allVendInf = {\r\n vendorInformation: dataVendor,\r\n companyInformation: data.companyInformation.companyInformation,\r\n contactPerson: data.companyInformation.contactPerson,\r\n logisticsPostalAddress:\r\n data.companyInformation.logisticsPostalAddressCompany,\r\n\r\n respTypeContact: respTypeContact,\r\n };\r\n console.log(data);\r\n dispatch({\r\n type: VENDOR.VEND_UPD_COMPANY_INFO,\r\n payload: allVendInf,\r\n });\r\n }\r\n }\r\n };\r\n const getVendorBankInformation = async (currentContact) => {\r\n try {\r\n let listBankLocal = [];\r\n let listProvinceLocal = [];\r\n let guidPrimary;\r\n if (currentContact.guiD_PRIMARY_CONTACT !== \"\") {\r\n guidPrimary = currentContact.guiD_PRIMARY_CONTACT;\r\n } else {\r\n guidPrimary = currentContact.guid;\r\n }\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetByGuid?guidPrimaryContact=\" +\r\n guidPrimary;\r\n let response1 = await fetch(localUrl);\r\n if (response1.status === 200) {\r\n const dataVendor = await response1.json();\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetBankInfo?accountNum=\" +\r\n dataVendor.ruc +\r\n \"&guidPrimaryContact=\" +\r\n guidPrimary +\r\n \"&company=\" +\r\n dataVendor.company;\r\n response1 = await fetch(localUrl);\r\n if (response1.status === 200) {\r\n const data = await response1.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n if (dataVendor.country === \"ECU\") {\r\n //recuperamos los bancos\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/Bank?company=\" +\r\n dataVendor.company;\r\n let response = await fetch(localUrl);\r\n if (response.status === 200) {\r\n listBankLocal = await response.json();\r\n }\r\n //recuperamos las provincias\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/Province?countryId=\" +\r\n dataVendor.country +\r\n \"&company=\" +\r\n dataVendor.company;\r\n response = await fetch(localUrl);\r\n if (response.status === 200) {\r\n listProvinceLocal = await response.json();\r\n }\r\n //recuperamos las ciudades\r\n for (let i = 0; i < data.bankInformationList.length; i++) {\r\n if (data.bankInformationList[i].logisticsPostalAddress) {\r\n if (\r\n data.bankInformationList[i].logisticsPostalAddress\r\n .province !== \"\"\r\n ) {\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorEnrollment/City?provinceId=\" +\r\n data.bankInformationList[i].logisticsPostalAddress\r\n .province +\r\n \"&company=\" +\r\n dataVendor.company;\r\n response = await fetch(localUrl);\r\n if (response.status === 200) {\r\n data.bankInformationList[i][\"listCityLogistics\"] =\r\n await response.json();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n console.log(data);\r\n const allVendInf = {\r\n vendorInformation: dataVendor,\r\n vendBankAccount: data.bankInformation.vendBankAccount,\r\n bankInformationList: data.bankInformationList,\r\n logisticsPostalAddressBank:\r\n data.bankInformation.logisticsPostalAddress,\r\n contactPersonBank: data.bankInformation.contactPersonBAnk,\r\n respTypeContact: respTypeContact,\r\n listProvince: listProvinceLocal,\r\n listBank: listBankLocal,\r\n };\r\n dispatch({\r\n type: VENDOR.VEND_UPD_BANK_INFO,\r\n payload: allVendInf,\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n const getVendorUpdGeneralInformation = async (currentContact) => {\r\n let guidPrimary;\r\n if (currentContact.guiD_PRIMARY_CONTACT !== \"\") {\r\n guidPrimary = currentContact.guiD_PRIMARY_CONTACT;\r\n } else {\r\n guidPrimary = currentContact.guid;\r\n }\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetByGuid?guidPrimaryContact=\" +\r\n guidPrimary;\r\n let response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const dataVendor = await response1.json();\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetGeneralInfo?guidPrimaryContact=\" +\r\n guidPrimary;\r\n response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const data = await response1.json();\r\n const respTypeContact = await iFunctionGetListTypeContact();\r\n const allVendInf = {\r\n vendorInformation: dataVendor,\r\n vendGeneralInformation: data.vendGeneralInformation,\r\n companyOwner: data.companyOwner,\r\n contractor: data.contractor,\r\n respTypeContact: respTypeContact,\r\n };\r\n console.log(allVendInf);\r\n dispatch({\r\n type: VENDOR.VEND_UPD_GENERAL_INFO,\r\n payload: allVendInf,\r\n });\r\n }\r\n }\r\n };\r\n const sendVendorAXLogisticsAddress = async (postData) => {\r\n let resp = false;\r\n let localUrl = baseUrl + \"/api/VendorInformation/LogisticsPostalAddress\";\r\n let response1 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response1.status === 200) {\r\n resp = true;\r\n }\r\n return resp;\r\n };\r\n const sendContactPersonArr = async (data) => {\r\n const localUrl = baseUrl + \"/api/ContactPerson/Update\";\r\n for (let i = 0; i < data.length; i++) {\r\n const postData = data[i];\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n const resp = await iFunctionGetContactPerson(postData.entitY_ID);\r\n dispatch({\r\n type: VENDOR.CONTACT_PERSON,\r\n payload: resp,\r\n });\r\n }\r\n };\r\n const sendVendorAXContactPerson = async (postData, accountNum, company) => {\r\n let resp = false;\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/CreateOrUpdateVendContactInfo?accountNum=\" +\r\n accountNum +\r\n \"&company=\" +\r\n company;\r\n let response1 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response1.status === 200) {\r\n resp = true;\r\n }\r\n return resp;\r\n };\r\n const sendVendorAXContactPersonRepPurch = async (\r\n postData,\r\n accountNum,\r\n company\r\n ) => {\r\n let resp = false;\r\n let localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/CreateOrUpdateContactRepPurch?accountNum=\" +\r\n accountNum +\r\n \"&company=\" +\r\n company;\r\n let response1 = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response1.status === 200) {\r\n resp = true;\r\n }\r\n return resp;\r\n };\r\n const getVendorUpdDocumentation = async (currentContact) => {\r\n let guidPrimary;\r\n if (currentContact.guiD_PRIMARY_CONTACT !== \"\") {\r\n guidPrimary = currentContact.guiD_PRIMARY_CONTACT;\r\n } else {\r\n guidPrimary = currentContact.guid;\r\n }\r\n let localUrl =\r\n baseUrl +\r\n \"/api/CompanyInformation/GetByGuid?guidPrimaryContact=\" +\r\n guidPrimary;\r\n const response = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const datacompanyInformation = await response.json();\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetByGuid?guidPrimaryContact=\" +\r\n guidPrimary;\r\n let response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const dataVendor = await response1.json();\r\n localUrl =\r\n baseUrl +\r\n \"/api/VendorInformation/GetDocumentationInfo?guidPrimaryContact=\" +\r\n guidPrimary +\r\n \"&company=\" +\r\n dataVendor.company;\r\n response1 = await fetch(localUrl);\r\n //si no existe devuelve response.status === 204\r\n if (response1.status === 200) {\r\n const data = await response1.json();\r\n console.log(data);\r\n const allVendInf = {\r\n vendorInformation: dataVendor,\r\n vendDocumentation: data,\r\n companyInformation: datacompanyInformation,\r\n };\r\n\r\n dispatch({\r\n type: VENDOR.VEND_UPD_DOCUMENTATION,\r\n payload: allVendInf,\r\n });\r\n }\r\n }\r\n }\r\n };\r\n const createVendBank = async (data) => {\r\n try {\r\n const localUrl = baseUrl + \"/api/VendBankAccount/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(data),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n const createContactPerson = async (data) => {\r\n try {\r\n const localUrl = baseUrl + \"/api/ContactPerson/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(data),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n const createLogisticsPostalAddress = async (data) => {\r\n try {\r\n const localUrl = baseUrl + \"/api/LogisticsPostalAddress/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(data),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n const createVendDocumentation = async (data) => {\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendDocumentation/Create\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n };\r\n const createVendBankDocumentation = async (data) => {\r\n try {\r\n console.log(data);\r\n const postData = data;\r\n const localUrl = baseUrl + \"/api/VendDocumentation/Bank/CreateOrUpdate\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n });\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n } catch (error) {\r\n alert(error);\r\n }\r\n };\r\n const sendBankCertificateApproval = async (data) => {\r\n data[\"approvaL_STATUS\"] = false;\r\n let localUrl = baseUrl + \"/api/VendBankAccount/Approved\";\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(data),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n const resp = await response.json();\r\n return resp;\r\n }\r\n return null;\r\n };\r\n const sendBankInformationAX = async (data, company) => {\r\n const localUrl =\r\n baseUrl + \"/api/VendBankAccount/UpdateAX?company=\" + company;\r\n const response = await fetch(localUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(data),\r\n });\r\n //si no existe devuelve response.status === 204\r\n if (response.status === 200) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n const getBase64 = (file) => {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n });\r\n };\r\n\r\n return (\r\n