\r\n \r\n
\r\n \r\n
\r\n \r\n {users?.length != 0 && (\r\n \r\n )}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n {user?.nome}\r\n \r\n \r\n \r\n Minha Conta\r\n \r\n Sair \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 {props.children}
\r\n\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Private;\r\n","import React from 'react';\r\n\r\nconst Public: React.FC = (props) => {\r\n return (\r\n <>{props.children}\r\n );\r\n}\r\n\r\nexport default Public;","import React from 'react';\r\nimport {\r\n Route as ReactDOMRoute,\r\n RouteProps as ReactDOMRouteProps,\r\n Redirect\r\n} from 'react-router-dom';\r\nimport { useAuth } from '../hooks/auth';\r\nimport Private from '../layouts/Private';\r\nimport Public from '../layouts/Public';\r\n\r\ninterface RouteProps extends ReactDOMRouteProps {\r\n isPrivate?: boolean;\r\n component: React.ComponentType;\r\n}\r\n\r\nconst Route: React.FC{error}
}\r\n \r\n )\r\n}","import { ValidationError } from 'yup';\r\n\r\ninterface Errors {\r\n [key: string]: string;\r\n}\r\n\r\nexport default function getValidationErrors(err:any): Errors {\r\n const validationErrors: Errors = {}; \r\n err.inner?.forEach((error: ValidationError) => { \r\n if (error.path) {\r\n validationErrors[error?.path] = error?.message;\r\n }\r\n }); \r\n\r\n return validationErrors;\r\n}","export function getSingleErrorMessage(httpResponse) {\r\n\r\n if (httpResponse.request?.status === 404) {\r\n if (httpResponse.request.response) {\r\n const requestData = JSON.parse(httpResponse.request.response);\r\n const { message } = requestData;\r\n\r\n if (message) {\r\n return message;\r\n }\r\n }\r\n } else if (httpResponse.request?.status === 400) {\r\n if (httpResponse.request.response) {\r\n const request = JSON.parse(httpResponse.request.response);\r\n return request.length > 0 ? request[0].message : request.message;\r\n }\r\n } else if (httpResponse && httpResponse.message) {\r\n return httpResponse.message;\r\n }\r\n\r\n return 'Não foi possível realizar a operação';\r\n}","import React, { createContext } from \"react\";\r\nimport { toast, ToastContainer } from \"react-toastify\";\r\nimport \"./styles.css\"\r\n\r\ninterface Tipo {\r\n notification: any\r\n}\r\n\r\ninterface Notificacao {(\r\n message: any,\r\n type: any,\r\n):any}\r\n\r\nconst ToastContext = createContext({} as Tipo);\r\n\r\nconst ToastContent = ({ title, message, icon }:any) => {\r\n return (\r\n \r\n
\r\n\r\n );\r\n};\r\n\r\nconst ToastProvider: React.FC = ({ children }) => {\r\n const notification : Notificacao = (message, type) => {\r\n if (type === \"info\") {\r\n toast.info(\r\n \r\n {/* */}\r\n
\r\n \r\n {title}\r\n
\r\n {message}
\r\n \r\n {tableLoading ? (\r\n
\r\n );\r\n};\r\n\r\nexport default MeusProdutosOutrosChart;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport api from \"../../services/api\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { ApexOptions } from \"apexcharts\";\r\n\r\ninterface IChartData {\r\n series: number[];\r\n legendas: string[];\r\n}\r\ninterface MeusProdutosOutrosProps {\r\n selectedRegion: any;\r\n startDate: Date | null;\r\n endDate: Date | null;\r\n}\r\nconst MeusProdutosMaisUtilizadosChart: React.FCCarregando...
\r\n ) : (\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MeusProdutosMaisUtilizadosChart;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport api from \"../../services/api\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { ApexOptions } from \"apexcharts\";\r\n\r\ninterface IChartData {\r\n series: number[];\r\n legendas: string;\r\n categorias: string;\r\n}\r\ninterface MeusProdutosOutrosProps {\r\n selectedRegion: any;\r\n startDate: Date | null;\r\n endDate: Date | null;\r\n}\r\n\r\nconst QtdVidrosOrcObrasChart: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default QtdVidrosOrcObrasChart;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport api from \"../../services/api\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { ApexOptions } from \"apexcharts\";\r\n\r\ninterface MeusProdutosOutrosProps {\r\n selectedRegion: any;\r\n startDate: Date | null;\r\n endDate: Date | null;\r\n}\r\n\r\nconst ClientesComUltimaAtualizacaoChart: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ClientesComUltimaAtualizacaoChart;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport api from \"../../services/api\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { ApexOptions } from \"apexcharts\";\r\n\r\ninterface IChartData {\r\n series: number[];\r\n legendas: string[];\r\n}\r\ninterface MeusProdutosOutrosProps {\r\n selectedRegion: any;\r\n startDate: Date | null;\r\n endDate: Date | null;\r\n}\r\n\r\nconst EspessuraMaisUtilizadaChart: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EspessuraMaisUtilizadaChart;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport Select from \"react-select\";\r\nimport MeusProdutosOutros from \"../Graficos/MeusProdutosOutros\"\r\nimport { useAuth } from \"../../hooks/auth\";\r\n\r\nimport MeusProdutosMaisUtilizadosChart from \"../Graficos/MeusProdutosMaisUtilizados\";\r\nimport QtdVidrosOrcObrasChart from \"../Graficos/QtdVidrosOrcObras\";\r\nimport ClientesComUltimaAtualizacaoChart from \"../Graficos/ClientesComUltimaAtualizacao\";\r\nimport EspessuraMaisUtilizadaChart from \"../Graficos/EspessuraMaisUtilizadas\";\r\n\r\nconst Dashboard: React.FC = () => {\r\n const { havePermission } = useAuth();\r\n const [startDate, setStartDate] = useState\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 Dashboard
\r\n\r\n
\r\n \r\n setStartDate(date as Date)}\r\n selectsStart\r\n startDate={startDate}\r\n placeholderText=\"Data Inicial\"\r\n dateFormat=\"dd/MM/yyyy\" // Defina o formato desejado\r\n />\r\n \r\n setEndDate(date as Date)}\r\n selectsEnd\r\n endDate={endDate}\r\n placeholderText=\"Data Final\"\r\n minDate={startDate}\r\n dateFormat=\"dd/MM/yyyy\" // Defina o formato desejado\r\n />\r\n \r\n \r\n \r\n\r\n
\r\n \r\n ({\r\n ...provided,\r\n minWidth: 200, \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 Meus Produtos Outros
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Meus Produtos Mais Utilizados
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Quantidade de Vidros em Obras
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Espessura Mais Utilizada
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Clientes com Última Atualização
\r\n\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Dashboard;\r\n","import React from \"react\";\r\n\r\nconst TypeTableHeader = ({ headerGroups }) => {\r\n return (\r\n \r\n {headerGroups.map((headerGroup) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Home
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Seja bem-vindo ao MOF - Mídia Oficial do Fornecedor.
\r\n\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default DataNotFound;\r\n","import React, { createContext, useRef, useState } from \"react\";\r\nimport { Button, Spinner } from \"react-bootstrap\";\r\nimport SweetAlert from \"react-bootstrap-sweetalert\";\r\n\r\ninterface Tipos {\r\n warning: any,\r\n danger: any,\r\n info: any,\r\n custom: any,\r\n alert: any,\r\n close: () => void,\r\n}\r\n\r\ninterface Dados {(\r\n title: string, \r\n message: string, \r\n onConfirm: () => void,\r\n):any}\r\n\r\nconst SweetAlertContext = createContext({} as Tipos);\r\n\r\nconst initialState = {\r\n alert: null,\r\n};\r\n\r\nconst SweetAlertProvider:React.FC = ({ children }) => {\r\n const [state, setState] = useState\r\n
\r\n \r\n \r\n
\r\n \r\n Nenhum dado disponível!\r\n
\r\n {props.children}\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Usuarios;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useEffect, useState } from \"react\";\r\nimport {\r\n Col,\r\n Pagination,\r\n Row,\r\n} from \"react-bootstrap\";\r\nimport { \r\n useTable, \r\n useSortBy, \r\n usePagination, \r\n useRowSelect, \r\n useGlobalFilter, \r\n useAsyncDebounce,\r\n} from \"react-table\";\r\nimport TypeTable from \"./components/TypeTable\";\r\n\r\nfunction FilterTableApi({\r\n columns,\r\n data,\r\n filter,\r\n setSelectedRows,\r\n reload = false, \r\n fetchData,\r\n initialState = { pageIndex: 0, pageSize: 20, globalFilter: '' },\r\n paginate = true,\r\n tableRowUpdate = null,\r\n bordered = true,\r\n}) {\r\n const {\r\n getTableBodyProps,\r\n headerGroups,\r\n rows,\r\n prepareRow,\r\n page,\r\n canPreviousPage,\r\n canNextPage,\r\n pageOptions,\r\n pageCount,\r\n gotoPage,\r\n nextPage,\r\n previousPage,\r\n state: { pageIndex, selectedRowIds, globalFilter },\r\n setGlobalFilter,\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n initialState: initialState,\r\n tableRowUpdate,\r\n manualGlobalFilter: true,\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination,\r\n useRowSelect\r\n );\r\n\r\n useEffect(() => {\r\n if (setSelectedRows) {\r\n const selectedIds = Object.keys(selectedRowIds);\r\n var selectedRowsData = selectedIds\r\n .map((x) => data[x])\r\n .filter(function (x) {\r\n return x != null;\r\n });\r\n setSelectedRows(selectedRowsData); \r\n }\r\n\r\n setGlobalFilter(filter); \r\n }, [selectedRowIds, filter]);\r\n\r\n const onFetchDataDebounced = useAsyncDebounce(fetchData, 300);\r\n\r\n useEffect(() => { \r\n onFetchDataDebounced(globalFilter == undefined ? \"\": globalFilter);\r\n }, [globalFilter, reload]);\r\n\r\n return (\r\n <> \r\n \r\n {rows.length > 0 && (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Usuários Gerais
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Empresas;\r\n","import React from 'react';\r\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\r\n\r\nconst Breadcrumbs: React.FC\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Empresas
\r\n\r\n \r\n \r\n \r\n\r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {tableData && (\r\n \r\n
\r\n \r\n \r\n {pathnames.map((name: string, index: number) => {\r\n \r\n const routeTo = `/${pathnames.slice(0, index + 1).join(\"/\")}`;\r\n const formatName = name.replace(/([a-z])([A-Z])/g, '$1 $2');\r\n\r\n if(!isNumeric(formatName) || formatName.length >= 6) {\r\n var finalName;\r\n switch (formatName) {\r\n case 'catalogos':\r\n finalName = 'catálogos';\r\n break;\r\n case 'referencias':\r\n finalName = 'referências';\r\n break;\r\n default:\r\n finalName = formatName;\r\n }\r\n return (\r\n history.push(routeTo)}>{finalName}\r\n )\r\n } \r\n })} \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(Breadcrumbs)","import React, { createContext } from \"react\";\r\nimport { toast, ToastContainer } from \"react-toastify\";\r\nimport * as Yup from \"yup\";\r\nimport \"./styles.css\"\r\n\r\ninterface Tipo {\r\n notification: any\r\n}\r\ninterface Notificacao {\r\n (\r\n responseError: any\r\n ): any\r\n}\r\n\r\nconst ToastErrorContext = createContext({} as Tipo);\r\n\r\nconst ToastContent = ({ title, message, icon }: any) => {\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nconst ToastErrorProvider: React.FC = ({ children }) => {\r\n const notification: Notificacao = (responseError) => {\r\n\r\n if (!(responseError instanceof Yup.ValidationError)) { \r\n\r\n let critico: any = [];\r\n let alerta: any = [];\r\n let informacao: any = [];\r\n\r\n console.log(responseError?.request?.response);\r\n if (responseError?.request?.response) {\r\n const request = JSON.parse(responseError?.request?.response);\r\n\r\n request.forEach((res: any) => {\r\n const { message, notificationLevel } = res;\r\n\r\n if (notificationLevel?.description == 'Critical')\r\n critico.push(message);\r\n else if (notificationLevel?.description == 'Warning')\r\n alerta.push(message);\r\n else if (notificationLevel?.description == 'Information')\r\n informacao.push(message);\r\n else\r\n critico.push(message);\r\n });\r\n\r\n if (alerta != \"\") {\r\n toast.warn(\r\n \r\n {/* */}\r\n
\r\n \r\n {title}\r\n {message.map((msg: any, idx: number) => {\r\n return
\r\n {msg}
\r\n }\r\n )}\r\n {error}
}\r\n \r\n );\r\n}\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { useField } from \"@unform/core\";\r\nimport { NumericFormatProps } from \"react-number-format\";\r\nimport { NumericFormat } from \"react-number-format\";\r\ninterface IInputDecimalProps extends NumericFormatProps {\r\n name: string;\r\n prefix?: string;\r\n suffix?: string;\r\n}\r\n\r\nconst InputDecimal: React.FC{error}
}\r\n \r\n );\r\n};\r\nexport default InputDecimal;\r\n","import { FixedSizeList as List } from \"react-window\";\r\n\r\n\r\nexport function MenuList(props) {\r\n \r\n const itemHeight = 35;\r\n const { options, children, maxHeight, getValue } = props;\r\n const [value] = getValue();\r\n const initialOffset = options.indexOf(value) * itemHeight;\r\n\r\n return (\r\n {children[index]}
}\r\n \r\n );\r\n \r\n}","import React, { useRef, useEffect } from \"react\";\r\nimport ReactSelect, { createFilter } from \"react-select\";\r\nimport makeAnimated from 'react-select/animated';\r\nimport { MenuList } from \"../../MenuList\"\r\nimport { useField } from \"@unform/core\";\r\nimport \"./styles.css\"\r\n\r\ninterface OptionType {\r\n [key: string]: any;\r\n}\r\n\r\ninterface SelectProps {\r\n name: string;\r\n options: OptionType[];\r\n isMulti?: boolean;\r\n isClearable?: boolean;\r\n placeholder?: string;\r\n className?: string;\r\n defaultValue?: any;\r\n value?: any;\r\n onChange?: (e: React.ChangeEvent) => void;\r\n isDisabled?: any;\r\n fixDelay?: boolean;\r\n}\r\n\r\nconst Select: React.FC{error}
}\r\n\r\n \r\n );\r\n};\r\n\r\nexport default Select;\r\n","import React, { useRef, useEffect } from \"react\";\r\nimport AsyncSelect from \"react-select/async\";\r\nimport { useField } from \"@unform/core\";\r\nimport \"./styles.css\"\r\n\r\ninterface OptionType {\r\n [key: string]: any;\r\n}\r\n\r\ninterface SelectProps {\r\n name: string;\r\n options?: OptionType[];\r\n isClearable?: boolean;\r\n placeholder?: string;\r\n className?: string;\r\n defaultValue?: any;\r\n value?: any;\r\n onChange?: (e: React.ChangeEvent) => void;\r\n loadOptions: (inputValue: string) => Promise{error}
}\r\n\r\n \r\n );\r\n};\r\n\r\nexport default SelectAsync;\r\n","import React, {\r\n ChangeEvent,\r\n useRef,\r\n useEffect,\r\n useCallback,\r\n useState,\r\n} from 'react';\r\n\r\nimport { useField } from '@unform/core';\r\n\r\ninterface Props {\r\n name: string;\r\n placeholder: string;\r\n}\r\n\r\ntype InputProps = JSX.IntrinsicElements['input'] & Props;\r\n\r\nexport default function File({ name, placeholder, ...rest }: InputProps) {\r\n\r\n const inputRef = useRef\r\n \r\n \r\n
\r\n {error && {error}
} \r\n \r\n );\r\n};","import React, {\r\n ChangeEvent,\r\n useRef,\r\n useEffect,\r\n useCallback,\r\n useState,\r\n} from 'react';\r\n\r\nimport { useField } from '@unform/core';\r\n\r\ninterface Props {\r\n name: string;\r\n}\r\n\r\n\r\n\r\ntype InputProps = JSX.IntrinsicElements['input'] & Props;\r\n\r\nexport default function FileButton({ name, onBlur, ...rest }: InputProps) {\r\n\r\n const inputRef = useRef{error}
}\r\n \r\n );\r\n};","import { useRef, useEffect } from 'react'\r\n\r\nimport { useField } from '@unform/core'\r\n\r\ninterface Props {\r\n name: string\r\n label?: string\r\n }\r\n \r\ntype TextAreaProps = JSX.IntrinsicElements['textarea'] & Props;\r\n\r\n\r\nexport default function TextArea({ name, label, rows = 5, cols, ...rest } : TextAreaProps) {\r\n const textareaRef = useRef(null)\r\n const { fieldName, defaultValue = '', registerField, error } = useField(name)\r\n\r\n useEffect(() => {\r\n registerField({\r\n name: fieldName,\r\n ref: textareaRef,\r\n getValue: ref => {\r\n return ref.current.value\r\n },\r\n setValue: (ref, value) => {\r\n ref.current.value = value\r\n },\r\n clearValue: ref => {\r\n ref.current.value = ''\r\n },\r\n })\r\n }, [fieldName, registerField])\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n )\r\n}","import React, { useEffect, useRef, InputHTMLAttributes } from \"react\";\r\nimport { useField } from \"@unform/core\";\r\n\r\ninterface Props extends InputHTMLAttributes{error}
}\r\n \r\n
\r\n\r\n {/* Modal Usuário */}\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 setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n Perfil da Empresa \r\n
\r\n \r\n handleProfile()}\r\n >\r\n Perfis\r\n \r\n
\r\n \r\n
\r\n Recursos \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EmpresaDetalhes;\r\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\r\nimport { Button, Form } from \"react-bootstrap\";\r\nimport { useParams, Link } from \"react-router-dom\";\r\nimport Breadcrumbs from \"../../../../../components/Breadcrumbs\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\nimport FilterTable from \"../../../../../components/DataTable/filterTable\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport history from \"../../../../../helpers/history\";\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { IListPerfil } from \"../../../../../common/interfaces/empresa.interfaces\";\r\n\r\nconst PerfisEmpresas: React.FC = () => {\r\n\r\n // URL Params\r\n const { pId, pString }: any = useParams();\r\n\r\n //Fields Typed\r\n const DataTableTS: any = FilterTable;\r\n\r\n //Context\r\n const sweetAlertContext = useContext(SweetAlertContext);\r\n const toastContext = useContext(ToastContext);\r\n\r\n // States\r\n const [tableData, setTableData] = useState\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PerfisEmpresas;\r\n","import React, { useContext, useRef, useState, useEffect } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Input } from \"../../../../../../components/Form\";\r\nimport DualList from \"../../../../../../components/DualList\";\r\nimport Breadcrumbs from \"../../../../../../components/Breadcrumbs\";\r\nimport history from \"../../../../../../helpers/history\";\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { ToastContext } from \"../../../../../../contexts/toast/toastContext\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\";\r\nimport * as Yup from \"yup\";\r\n\r\nimport { IFormPerfil } from \"../../../../../../common/interfaces/empresa.interfaces\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst PerfilEmpresas: React.FC = () => {\r\n \r\n //URL Params\r\n const { perfilId, perfilString }: any = useParams();\r\n\r\n //Contexts\r\n const toastContext = useContext(ToastContext);\r\n\r\n // Refs\r\n const formRef = useRef\r\n
\r\n \r\n
\r\n\r\n \r\n setSearchTerm(e.target.value)}\r\n />\r\n \r\n
\r\n \r\n Empresas\r\n {pString}\r\n Perfis\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 {tableData && (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PerfilEmpresas;\r\n","import { FormHandles, SubmitHandler } from \"@unform/core\";\r\nimport React, { useContext, useRef, useState } from \"react\";\r\nimport Logo from \"../../../assets/imgs/LogoMof_Cor.svg\";\r\nimport api from \"../../../services/api\";\r\n\r\nimport { Input } from \"../../../components/Form\";\r\n\r\nimport { Form } from '@unform/web'\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../helpers/getValidateErrors\";\r\nimport { getSingleErrorMessage } from \"../../../helpers/getSingleErrorMessage\";\r\n\r\nimport { ToastContext } from \"../../../contexts/toast/toastContext\";\r\n\r\nconst EsqueceuSuaSenha: React.FC = () => {\r\n\r\n // Refs\r\n const formRef = useRef\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\nGlobalFilter.propTypes = {\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n placeholder: PropTypes.string,\r\n};\r\n\r\nexport default GlobalFilter;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useEffect, useState, useRef, forwardRef } from \"react\";\r\nimport {\r\n Col,\r\n Pagination,\r\n Row,\r\n} from \"react-bootstrap\";\r\nimport {\r\n useTable,\r\n useSortBy,\r\n usePagination,\r\n useGlobalFilter,\r\n useRowSelect,\r\n useAsyncDebounce\r\n} from \"react-table\";\r\nimport TypeTable from \"./components/TypeTable\";\r\n\r\n\r\nfunction PaginationTable({\r\n columns,\r\n data,\r\n filter,\r\n filterOptional1 = '',\r\n filterOptional2 = '',\r\n fetchData,\r\n pageCount: controlledPageCount,\r\n setSelectedRows,\r\n reload = false,\r\n paginate = true,\r\n tableRowUpdate = null,\r\n bordered = true,\r\n defaultPageSize = 10,\r\n className\r\n}) {\r\n const {\r\n getTableBodyProps,\r\n headerGroups,\r\n rows,\r\n prepareRow,\r\n page,\r\n canPreviousPage,\r\n canNextPage,\r\n pageOptions,\r\n pageCount,\r\n gotoPage,\r\n nextPage,\r\n previousPage,\r\n state: { sortBy, pageIndex, pageSize, globalFilter, selectedRowIds },\r\n setGlobalFilter,\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n initialState: { pageIndex: 0, sortBy: [], pageSize: defaultPageSize },\r\n tableRowUpdate,\r\n manualPagination: true,\r\n manualGlobalFilter: true,\r\n manualSortBy: true,\r\n pageCount: controlledPageCount,\r\n autoResetSelectedRows: false,\r\n getRowId: (row) => row.id\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination,\r\n useRowSelect, \r\n );\r\n\r\n const [globalFilterOptional1, setGlobalFilterOptional1] = useState('');\r\n const [globalFilterOptional2, setGlobalFilterOptional2] = useState('');\r\n const [row, setRow] = useState([]);\r\n\r\n useEffect(() => {\r\n if (setSelectedRows) {\r\n const selectedIds = Object.keys(selectedRowIds); \r\n setSelectedRows(selectedIds);\r\n } \r\n\r\n setGlobalFilter(filter);\r\n setGlobalFilterOptional1(filterOptional1);\r\n setGlobalFilterOptional2(filterOptional2); \r\n\r\n }, [selectedRowIds, filter, filterOptional1, filterOptional2]);\r\n\r\n const onFetchDataDebounced = useAsyncDebounce(fetchData, 300);\r\n\r\n useEffect(() => {\r\n\r\n let sort = '';\r\n let desc = false;\r\n\r\n if (sortBy.length > 0) {\r\n sort = sortBy[0].id;\r\n desc = sortBy[0].desc;\r\n }\r\n\r\n onFetchDataDebounced({\r\n pageIndex,\r\n pageSize,\r\n sort,\r\n desc,\r\n globalFilter,\r\n globalFilterOptional1,\r\n globalFilterOptional2,\r\n });\r\n }, [pageIndex, pageSize, sortBy, globalFilter, globalFilterOptional1, globalFilterOptional2, reload]);\r\n\r\n return (\r\n <>\r\n {page.length > 0 && (\r\n \r\n
\r\n \r\n \r\n {\r\n setGlobalFilter(e.target.value || \"\");\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Referencias;\r\n","export function base64toBlob(base64Data, contentType = 'application/octet-stream') {\r\n contentType = contentType || '';\r\n var sliceSize = 1024;\r\n var byteCharacters = atob(base64Data);\r\n var bytesLength = byteCharacters.length;\r\n var slicesCount = Math.ceil(bytesLength / sliceSize);\r\n var byteArrays = new Array(slicesCount);\r\n\r\n for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n var begin = sliceIndex * sliceSize;\r\n var end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n var bytes = new Array(end - begin);\r\n for (var offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n}","export const simOuNao = [\r\n { label: \"Sim\", value: 1 },\r\n { label: \"Não\", value: 0 },\r\n]\r\n\r\nexport const arredondamento = [\r\n { label: \"P/CIMA\", value: \"P/CIMA\" },\r\n { label: \"SIM\", value: \"SIM\" },\r\n { label: \"NÃO\", value: \"NAO\" },\r\n]\r\n\r\nexport const status = [\r\n { label: \"Ativo\", value: 1 },\r\n { label: \"Descontinuado\", value: 2 },\r\n { label: \"Arquivo Morto\", value: 5 },\r\n { label: \"Em homologação\", value: 6 },\r\n { label: \"Novo Portfólio\", value: 7 },\r\n]\r\n\r\nexport const situacao = [\r\n { label: \"Em Edição\", value: 1 },\r\n { label: \"Em Homologação\", value: 2 },\r\n { label: \"Disponível para Mercado\", value: 3 },\r\n { label: \"Indisponível para Mercado\", value: 4 },\r\n]\r\n\r\nexport const tipoMaterial = [\r\n { label: \"Componentes\", value: \"COMPONENTE\" },\r\n { label: \"Perfis\", value: \"PERFIL\" },\r\n { label: \"Vidros\", value: \"VIDRO\" },\r\n { label: \"Superficies\", value: \"SUPERFICIE\" },\r\n ];\r\n","import React, {\r\n useCallback,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n useState,\r\n useRef,\r\n} from \"react\";\r\nimport { Modal, Button, Row, Image } from \"react-bootstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from \"yup\";\r\n\r\nimport { ToastErrorContext } from \"../../../../contexts/toast/toastErrorContext\";\r\nimport { SweetAlertContext } from \"../../../../contexts/sweetAlert/alertContext\";\r\nimport { Input, Select, File } from \"../../../../components/Form\";\r\nimport getValidationErrors from \"../../../../helpers/getValidateErrors\";\r\nimport { base64toBlob } from \"../../../../helpers/utils\";\r\nimport FilterTableApi from \"../../../../components/DataTable/filterTableApi-BuscaExt\";\r\nimport DataNotFound from \"../../../../components/DataNotFound\";\r\nimport api from \"../../../../services/api\";\r\nimport { IListReferenciasClasseId } from \"../../../../common/interfaces/referencias.interfaces\";\r\nimport { simOuNao } from \"../../../../components/Form/Select/options\";\r\nimport Placeholder from \"../../../../assets/imgs/img-placeholder.png\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst TabDados: React.FC = () => {\r\n //Params\r\n const { pId, pString }: any = useParams();\r\n\r\n const tipo = [\r\n { label: \"Sistemista\", value: \"Sistemista\" },\r\n { label: \"Fabricante\", value: \"Fabricante\" },\r\n ];\r\n\r\n const tiposMaterial = [\r\n { label: \"Perfis\", value: \"PERFIL\" },\r\n { label: \"Componentes\", value: \"COMPONENTE\" },\r\n { label: \"Vidros\", value: \"VIDRO\" },\r\n { label: \"Superficies\", value: \"SUPERFICIE\" },\r\n { label: \"Kits\", value: \"KIT\" },\r\n ];\r\n\r\n const ocultarCadastro = [\r\n { label: \"NÃO\", value: 0 },\r\n { label: \"TIPOLOGIA\", value: 1 },\r\n { label: \"TIPOLOGIA MATERIAL\", value: 2 },\r\n ];\r\n\r\n const forcaAtualizacao = [\r\n { label: \"NÃO\", value: 0 },\r\n { label: \"SIM\", value: 1 },\r\n ];\r\n\r\n //Fields Typed\r\n const DataTableTS: any = FilterTableApi;\r\n\r\n // Refs\r\n const formRef = useRef\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 {tableData && (\r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n {/* Modal Adicionar ClassesID */}\r\n \r\n \r\n handleChangeImagem(e)}\r\n />\r\n
\r\n\r\n {linkLogo && (\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 (event.target.src = Placeholder)\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n Arquivo de Imagem
\r\n {pString}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n handleChangeArquivoComum(e)}\r\n />\r\n
\r\n\r\n {linkArquivoComum && (\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Arquivo comum
\r\n Anexado
\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 {!novo && (\r\n \r\n \r\n
\r\n \r\n handleNewClasseId()}\r\n variant=\"white\"\r\n >\r\n Nova Classe\r\n \r\n \r\n
\r\n )}\r\n\r\n {!novo && (\r\n Lista Classe ID
\r\n \r\n\r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n \r\n {tableData && (\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 {/* Modal Linha */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \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 {/* Modal Homologação */}\r\n \r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {tableData && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TabDisponivel;\r\n","import React, { useEffect, useState, } from \"react\";\r\nimport { Input, Select, File } from \"../../../../components/Form\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { simOuNao } from \"../../../../components/Form/Select/options\";\r\nimport api from \"../../../../services/api\";\r\nimport ReactSelect from \"react-select\";\r\n\r\nconst TabDados: React.FC\r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TabDados;\r\n","import React, { useContext, useEffect, useMemo, useState, useRef } from \"react\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\";\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\nimport api from \"../../../../../services/api\";\r\nimport { File } from \"../../../../../components/Form\";\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from \"yup\";\r\n\r\nimport {\r\n IListInformativo,\r\n} from \"../../../../../common/interfaces/referencias.interfaces\";\r\nimport { ToastErrorContext } from \"../../../../../contexts/toast/toastErrorContext\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { toast } from \"react-toastify\";\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nconst TabInformativo: React.FC = () => {\r\n\r\n // URL Params\r\n const { pId }: any = useParams();\r\n\r\n //Fields Typed\r\n const DataTableTS: any = DataTable;\r\n\r\n // Refs\r\n const formRef = useRef\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TabInformativo;\r\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { Tab, Button, Col, Nav, Row } from \"react-bootstrap\";\r\n\r\nimport TabDados from \"./TabDados\";\r\nimport TabLinhas from \"./TabLinhas\";\r\nimport TabHomologacao from \"./TabHomologacao\";\r\nimport TabDisponivel from \"./TabDisponivel\";\r\nimport TabPrefsuite from \"./TabPrefsuite\";\r\nimport TabBloqueios from \"./TabBloqueios\";\r\nimport TabInformativos from \"./TabPrefsuite/TabInformativos\";\r\n\r\nimport Breadcrumbs from \"../../../components/Breadcrumbs\";\r\nimport { ToastContext } from \"../../../contexts/toast/toastContext\";\r\nimport { ToastErrorContext } from \"../../../contexts/toast/toastErrorContext\";\r\nimport history from \"../../../helpers/history\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport getValidationErrors from \"../../../helpers/getValidateErrors\";\r\nimport * as Yup from \"yup\";\r\nimport { IFormReferencia } from \"../../../common/interfaces/referencias.interfaces\";\r\nimport { Form } from \"@unform/web\";\r\nimport api from \"../../../services/api\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport { toast } from \"react-toastify\";\r\nimport { getSingleErrorMessage } from \"../../../helpers/getSingleErrorMessage\";\r\n\r\nconst Referencia: React.FC = () => {\r\n\r\n // URL Params\r\n const { pId }: any = useParams();\r\n\r\n //Constants\r\n const novo = pId == 0; \r\n\r\n // Refs\r\n const formRef = useRef\r\n \r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Referencia;\r\n","import React from \"react\";\r\nimport { Form, Table } from \"react-bootstrap\";\r\n\r\nconst TabsDadosDaLinha: React.FC = () => {\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 Salvar\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TabsDadosDaLinha;\r\n","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\r\nimport {\r\n Form,\r\n FormControl,\r\n Image,\r\n Modal,\r\n Table,\r\n Spinner,\r\n Button,\r\n} from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport BlockUi from \"react-block-ui\";\r\nimport history from \"../../../../../../helpers/history\";\r\n\r\nimport DataTable from \"../../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../../components/DataNotFound\";\r\nimport api from \"../../../../../../services/api\";\r\n\r\nconst TabsDadosDaLinha: React.FC = () => {\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n //States\r\n //Fields Typed\r\n const DataTableTS: any = DataTable;\r\n\r\n //States\r\n const [tableData, setTableData] = useState<[]>([]);\r\n const [tableLoading, setTableLoading] = useState(false);\r\n\r\n //Effects\r\n useEffect(() => {\r\n (async () => {\r\n try {\r\n setTableLoading(true);\r\n\r\n const request = await api.get(\"usuario/geral\");\r\n setTableData(request.data);\r\n } catch (error) {\r\n } finally {\r\n setTableLoading(false);\r\n }\r\n })();\r\n }, []);\r\n\r\n //Handles\r\n const handleEdit = ({ id }: any) => {\r\n history.push(`/empresas/${id}`);\r\n };\r\n\r\n const columns = useMemo(\r\n () => [\r\n {\r\n Header: \"Código\",\r\n accessor: \"codigo\",\r\n display: \"align-middle\",\r\n },\r\n {\r\n Header: \"Descrição\",\r\n accessor: \"descricao\",\r\n display: \"align-middle\",\r\n },\r\n {\r\n Header: \"Unidade\",\r\n accessor: \"unidade\",\r\n display: \"align-middle\",\r\n },\r\n {\r\n Header: \"Tipo\",\r\n accessor: \"tipo\",\r\n display: \"align-middle\",\r\n },\r\n {\r\n Header: \"Ação\",\r\n accessor: \"acao\",\r\n display: \"align-middle\",\r\n Cell: ({ row: { original } }: { row: { original: any } }) => (\r\n \r\n \r\n \r\n Gerar Prenativos\r\n \r\n \r\n \r\n Novo Prenativo\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TabLinhasTabs;\r\n","import React, {\r\n useCallback,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n useState,\r\n useRef,\r\n} from \"react\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport { Input, Select } from \"../../components/Form\";\r\n\r\nimport FilterTableApi from \"../../components/DataTable/filterTableApi-BuscaExt\";\r\nimport DataNotFound from \"../../components/DataNotFound\";\r\nimport api from \"../../services/api\";\r\n\r\nimport { ToastContext } from \"../../contexts/toast/toastContext\";\r\nimport { ToastErrorContext } from \"../../contexts/toast/toastErrorContext\";\r\nimport { SweetAlertContext } from \"../../contexts/sweetAlert/alertContext\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport getValidationErrors from \"../../helpers/getValidateErrors\";\r\nimport { getSingleErrorMessage } from \"../../helpers/getSingleErrorMessage\";\r\nimport * as Yup from \"yup\";\r\n\r\nimport { IFormClassesId, IListClassesID } from \"../../common/interfaces/classesid.interfaces\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst ClassesID: React.FC = () => {\r\n\r\n //Constants\r\n const comum = [\r\n { label: \"Sim\", value: true },\r\n { label: \"Não\", value: false },\r\n ];\r\n\r\n // Refs\r\n const formRef = useRef\r\n
\r\n\r\n {/* Modal Adicionar ClassesID */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Classes ID
\r\n \r\n \r\n \r\n\r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Modal Adicionar Cor */}\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 {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Modal Beneficiamento */}\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 {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Modal Grupo */}\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 {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Modal Vidro */}\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 {tableData && (\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Modal Unidade */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setSearchTerm(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {tableData && (\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport { Loading, EndMessage };","import React, { createContext, useState } from 'react';\r\nimport { IFiltro } from '../../common/interfaces/produtos.interfaces';\r\n\r\ninterface IProdutoContext {\r\n filtro: IFiltro,\r\n setFiltro: (e: any) => void,\r\n entrouEmEdicao: boolean,\r\n setEntrouEmEdicao: (e: boolean) => void,\r\n}\r\n\r\nconst ProdutoContext = createContext({} as IProdutoContext);\r\n\r\nconst ProdutoProvider: React.FC = ({ children }) => {\r\n\r\n let initFiltro: IFiltro = {\r\n status: {\r\n value: \"1\",\r\n label: \"Ativos\",\r\n },\r\n }\r\n\r\n const [filtro, setFiltro] = useState\r\n
\r\n \r\n
\r\n \r\n
\r\n Você chegou ao fim da lista de produtos.
\r\n Filtros
\r\n {!havePermission(\"ConsultaProduto\") ? (\r\n <>\r\n\r\n Busca:\r\n {\r\n setSearchValue(e.target.value);\r\n handleChangeBusca(e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n Produtos:\r\n {\r\n handleChangeProdutos(e?.value);\r\n }}\r\n // onKeyDown={(e: any) => {\r\n // if (e.key === \"Enter\")\r\n // props.fetchData(produtoContext.filtro, props.emEdicao);\r\n // }}\r\n />\r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n Produtos:\r\n {\r\n handleChangeProdutos(e?.value);\r\n }}\r\n onKeyDown={(e: any) => {\r\n if (e.key === \"Enter\")\r\n props.fetchData(produtoContext.filtro, props.emEdicao);\r\n }}\r\n />\r\n
\r\n \r\n Busca:\r\n handleChangeBusca(e.target.value)}\r\n onKeyDown={(e: any) => {\r\n if (e.key === \"Enter\")\r\n props.fetchData(localFilters, props.emEdicao);\r\n }}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {user?.role.indexOf(\"ConsultaProduto\") === -1 && (\r\n \r\n Situação:\r\n {\r\n handleChangeSituacao(e?.value);\r\n console.log(\"e\", e);\r\n }}\r\n // onKeyDown={(e: any) => {\r\n // if (e.key === \"Enter\")\r\n // props.fetchData(produtoContext.filtro, props.emEdicao);\r\n // }}\r\n />\r\n
\r\n )}\r\n\r\n \r\n Status:\r\n handleChangeStatus(e?.value)}\r\n onKeyDown={(e: any) => {\r\n if (e.key === \"Enter\")\r\n props.fetchData(produtoContext.filtro, props.emEdicao);\r\n }}\r\n />\r\n
\r\n\r\n \r\n Referência:\r\n {\r\n handleChangeReferencia(e);\r\n }}\r\n noOptionsMessage={() => \"Sem dados\"}\r\n isMulti={true}\r\n onKeyDown={(e: any) => {\r\n if (e.key === \"Enter\")\r\n props.fetchData(produtoContext.filtro, props.emEdicao);\r\n }}\r\n />\r\n
\r\n\r\n \r\n Linha:\r\n {\r\n handleChangeLinha(e);\r\n }}\r\n noOptionsMessage={() => \"Sem dados\"}\r\n isMulti={true}\r\n onKeyDown={(e: any) => {\r\n if (e.key === \"Enter\")\r\n props.fetchData(produtoContext.filtro, props.emEdicao);\r\n }}\r\n />\r\n
\r\n \r\n );\r\n};\r\nexport default memo(FiltrosProdutos);\r\n","export enum SituacaoAplicabilidade {\r\n EM_EDICAO = 1,\r\n EM_HOMOLOGACAO = 2,\r\n DISPONIVEL = 3\r\n}\r\n\r\nexport enum SituacaoTabelaPreco {\r\n EM_EDICAO = 1,\r\n EM_HOMOLOGACAO = 2,\r\n DISPONIVEL = 3,\r\n DESCONSIDERADO = 4,\r\n}\r\n\r\nexport enum Sistema {\r\n CEM = 1,\r\n SMC = 2,\r\n CMN = 3,\r\n ONE = 4,\r\n PAR = 5,\r\n CL = 6,\r\n OP = 7\r\n}\r\n\r\nexport enum Sistema {\r\n \r\n}","export function isNullOrUndefined(value: any): boolean {\r\n return value === null || value === undefined\r\n}","import React, { useState, useEffect, memo, useMemo, useRef } from \"react\";\r\nimport { Button, Modal, Image, Fade } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { reject } from \"lodash\";\r\nimport fs from 'fs';\r\n\r\nimport Placeholder from \"../../../assets/imgs/img-placeholder.png\";\r\nimport DataTable from \"../../../components/DataTable\";\r\nimport DataNotFound from \"../../../components/DataNotFound\";\r\nimport api from \"../../../services/api\";\r\nimport { IProdutoItem } from \"../../../common/interfaces/produtos.interfaces\";\r\nimport { IAplicabilidade } from \"../../../common/interfaces/produtos.interfaces\";\r\nimport { useAuth } from \"../../../hooks/auth\";\r\nimport { SituacaoAplicabilidade } from '../../../common/interfaces/enums'\r\nimport { isNullOrUndefined } from \"../../../helpers/validation\";\r\n\r\ninterface PropsItens {\r\n podeEditar: boolean;\r\n aplicabilidadeEdicao: boolean;\r\n modoEdicao: boolean;\r\n produto: IProdutoItem;\r\n}\r\n\r\nconst Itens: React.FC\r\n \r\n \r\n { event.target.src = Placeholder }}\r\n className=\"card-img\"\r\n style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'cover' }}\r\n />\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n event.target.src = Placeholder}\r\n height=\"30px\"\r\n className=\"card-img-top-fabricante\"\r\n />\r\n
\r\n \r\n {props.produto.tipoProduto === \"COMPONENTE\" && (\r\n <>\r\n {props.produto?.temAplicabilidade && (\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n {(validaUrl(props.produto?.fichaTecnica) && props.produto.tipoProduto?.toUpperCase() != \"PERFIL\") && (\r\n {\r\n window.open(props.produto.fichaTecnica + `?v=${random}`, \"_blank\");\r\n }}\r\n className=\"text-muted mr-2\"\r\n title=\"Ficha Técnica\"\r\n style={{ cursor: 'pointer' }}\r\n >\r\n \r\n \r\n )}\r\n {(props.podeEditar && props.modoEdicao) &&\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n {(props.aplicabilidadeEdicao) &&\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 {/* Modal Aplicabilidade*/}\r\n Código:
\r\n {props.produto.codigo}
\r\n\r\n Descrição:
\r\n {props.produto.descricao}
\r\n\r\n \r\n \r\n {props.produto?.status}\r\n \r\n {props.podeEditar &&\r\n \r\n {obterSituacao(props.produto)}\r\n \r\n }\r\n {props.aplicabilidadeEdicao &&\r\n \r\n {obterSituacao(props.produto)}\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n {tableData && (\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 Nenhum dado disponível!\r\n
\r\n {props.children}\r\n\r\n
\r\n )\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default DataNotFoundProducts;\r\n","export interface IFormComponente {\r\n id: number;\r\n tipo: string;\r\n urlImagem: string;\r\n status: {\r\n label: string;\r\n value: number;\r\n };\r\n situacao: {\r\n label: string;\r\n value: number;\r\n };\r\n codigo: string;\r\n codigoInterno: string;\r\n referencia: {\r\n label: string;\r\n value: number;\r\n };\r\n linha: {\r\n label: string;\r\n value: number;\r\n };\r\n grupo: {\r\n label: string;\r\n value: number;\r\n };\r\n cor: {\r\n label: string;\r\n value: number;\r\n };\r\n descricao: string;\r\n unidadeItem: {\r\n label: string;\r\n value: number;\r\n };\r\n unidadeEmbalagem: {\r\n label: string;\r\n value: number;\r\n };\r\n quantidadeEmbalagem: number;\r\n otimizacaoBarra: number;\r\n ipi: number;\r\n}\r\n\r\nexport interface IFormPerfil {\r\n id: number;\r\n tipo: string;\r\n urlImagem: string;\r\n status: {\r\n label: string;\r\n value: number;\r\n };\r\n situacao: {\r\n label: string;\r\n value: number;\r\n };\r\n codigo: string;\r\n codigoInterno: string;\r\n referencia: {\r\n label: string;\r\n value: number;\r\n };\r\n linha: {\r\n label: string;\r\n value: number;\r\n };\r\n descricao: string;\r\n barra1: string;\r\n barra2: string;\r\n barra3: string;\r\n peso: number;\r\n ipi: number;\r\n classe: {\r\n label: string;\r\n value: number;\r\n };\r\n unidadeValorizacao: {\r\n label: string;\r\n value: number;\r\n };\r\n prenativo: {\r\n label: string;\r\n value: number;\r\n };\r\n perda: {\r\n label: string;\r\n value: number;\r\n };\r\n perfil: {\r\n label: string;\r\n value: number;\r\n };\r\n liga: {\r\n label: string;\r\n value: number;\r\n };\r\n tempera: {\r\n label: string;\r\n value: number;\r\n };\r\n wx: number;\r\n jx: number;\r\n wy: number;\r\n jy: number;\r\n perimetroTotal: number;\r\n perimetroTratamento: number;\r\n}\r\n\r\nexport interface IFormSuperficie {\r\n id: number;\r\n tipo: string;\r\n urlImagem: string;\r\n status: {\r\n label: string;\r\n value: number;\r\n };\r\n situacao: {\r\n label: string;\r\n value: number;\r\n };\r\n codigo: string;\r\n codigoInterno: string;\r\n referencia: {\r\n label: string;\r\n value: number;\r\n };\r\n linha: {\r\n label: string;\r\n value: number;\r\n };\r\n descricao: string;\r\n cor: {\r\n label: string;\r\n value: string;\r\n };\r\n unidadeValorizacao: {\r\n label: string;\r\n value: string;\r\n };\r\n ipi: string;\r\n grupo: {\r\n label: string;\r\n value: string;\r\n };\r\n passo: number;\r\n terminal: {\r\n label: string;\r\n value: string;\r\n };\r\n}\r\n\r\nexport interface IFormVidro {\r\n id: number;\r\n tipo: string;\r\n urlImagem: string;\r\n status: {\r\n label: string;\r\n value: number;\r\n };\r\n situacao: {\r\n label: string;\r\n value: number;\r\n };\r\n codigo: string;\r\n codigoInterno: string;\r\n referencia: {\r\n label: string;\r\n value: number;\r\n };\r\n linha: {\r\n label: string;\r\n value: number;\r\n };\r\n descricao: string;\r\n tipoVidro: {\r\n label: string;\r\n value: number;\r\n };\r\n espessura: number;\r\n peso: number;\r\n fatorLh: number;\r\n controleSolar: {\r\n label: string;\r\n value: number;\r\n };\r\n arredondamento: {\r\n label: string;\r\n value: number;\r\n };\r\n ipi: number;\r\n}\r\n\r\nexport interface IOutrasCaracteristicas {\r\n id: number;\r\n codigo: string;\r\n tipoMaterial: string;\r\n nome: string;\r\n descricao: string;\r\n}\r\n\r\nexport interface ILinhasAplicacao {\r\n id: number;\r\n idMaterial: number;\r\n linhaAplicacao: {\r\n label: string;\r\n value: number;\r\n };\r\n}\r\n\r\nexport interface IAplicabilidade {\r\n id: number;\r\n idAplicavel: number;\r\n aplicabilidade: string;\r\n codigo: string;\r\n descricao: string;\r\n fichaTecnica: string;\r\n linkLogoReferencia: string;\r\n situacao: string;\r\n excluida: boolean;\r\n filtroReferencia: {\r\n label: string;\r\n value: string;\r\n };\r\n}\r\n\r\nexport interface IFormComposicao {\r\n id: number;\r\n idPerfil: number;\r\n perfil: {\r\n label: string;\r\n value: string;\r\n };\r\n internoExterno: {\r\n label: string;\r\n value: string;\r\n };\r\n}\r\n\r\nexport enum ITipoPerfilComposto {\r\n INTERNO = 1,\r\n EXTERNO = 2,\r\n COR_UNICA = 0,\r\n}\r\n\r\nexport interface IListComposicaoPerfil {\r\n id: number;\r\n perfil: string;\r\n internoExterno: string;\r\n}\r\n\r\nexport interface IProdutoCor {\r\n id: number;\r\n linha: {\r\n label: string;\r\n value: string;\r\n };\r\n}\r\n\r\nexport interface IVidroCor {\r\n id: number;\r\n idVidro: number;\r\n cor: {\r\n label: string;\r\n value: string;\r\n };\r\n fatorSolar: number;\r\n transLumin: number;\r\n transTermica: number;\r\n bloqCalor: number;\r\n reflexaoInterna: number;\r\n reflexaoExterna: number;\r\n ativo: boolean;\r\n absorcaoEnergetica: number;\r\n}\r\n\r\nexport interface IListProduto {\r\n lastLimit: number;\r\n total: number;\r\n hasMore: boolean;\r\n threshold: number;\r\n items: IProdutoItem[];\r\n}\r\n\r\nexport interface IProdutoItem {\r\n idSequencial: number;\r\n id: number;\r\n idReferencia: number;\r\n tipoProduto: string;\r\n codigo: string;\r\n descricao: string;\r\n status: string;\r\n situacao: string;\r\n situacaoAplicabilidadeBase: string;\r\n nomeImagem: string;\r\n logoReferencia: string;\r\n fichaTecnica: string;\r\n temAplicabilidade: boolean;\r\n aplicabilidadeBaseEditavel: boolean;\r\n editavel: boolean;\r\n aplicabilidades?: IAplicabilidade[];\r\n}\r\n\r\nexport interface IFiltro {\r\n busca?: string;\r\n tipoProduto?: string;\r\n situacao?: ISelect;\r\n status: ISelect;\r\n referencia?: ISelect;\r\n linha?: ISelect;\r\n}\r\n\r\ninterface ISelect {\r\n label: string;\r\n value: string;\r\n}\r\n","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button, Fade } from \"react-bootstrap\";\r\nimport InfiniteScroll from \"react-infinite-scroll-component\";\r\n\r\nimport { EndMessage, Loading } from \"../../components/InfiniteScroll\";\r\nimport { SweetAlertContext } from \"../../contexts/sweetAlert/alertContext\";\r\nimport api from \"../../services/api\";\r\nimport history from \"../../helpers/history\";\r\nimport { ProdutoContext } from \"../../contexts/produtos/produtosContext\";\r\nimport FiltrosProdutos from \"./Filtros\";\r\nimport Itens from \"./Itens\";\r\nimport {\r\n IFiltro,\r\n IListProduto,\r\n IProdutoItem,\r\n} from \"../../common/interfaces/produtos.interfaces\";\r\nimport { useAuth } from \"../../hooks/auth\";\r\nimport { toast } from \"react-toastify\";\r\nimport { getSingleErrorMessage } from \"../../helpers/getSingleErrorMessage\";\r\nimport DataNotFoundProducts from \"../../components/DataNotFoundProducts\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst Produtos: React.FC = () => {\r\n // Fields\r\n const emEdicao = useRef(false);\r\n const queryString = require(\"querystring\");\r\n const limite = 12;\r\n const { user } = useAuth();\r\n const { replace } = useHistory();\r\n\r\n // Contexts\r\n const sweetAlertContext = useContext(SweetAlertContext);\r\n const produtoContext = useContext(ProdutoContext);\r\n\r\n const filtro = produtoContext.filtro;\r\n // States\r\n const [modoEdicao, setModoEdicao] = useState(false);\r\n const [loading, setLoading] = useState(true);\r\n const [produto, setProduto] = useState\r\n
\r\n \r\n \r\n
\r\n \r\n Selecione o tipo de produto que deseja pesquisar no filtro ao lado!\r\n
\r\n {props.children}\r\n\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n};\r\nexport default Produtos;\r\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport { Input, InputDecimal, Select } from \"../../../../../components/Form\";\r\nimport api from \"../../../../../services/api\";\r\nimport {\r\n situacao,\r\n status,\r\n} from \"../../../../../components/Form/Select/options\";\r\n\r\nimport { ProdutoContext } from \"../../../../../contexts/produtos/produtosContext\";\r\n\r\nconst ComponenteTabGeral: React.FC\r\n \r\n 0 && qtdSearch >= 0}\r\n />\r\n
\r\n )}\r\n \r\n {!havePermission(\"ConsultaProduto\") && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n Produtos
\r\n\r\n
\r\n {emEdicao.current && (\r\n \r\n \r\n \r\n
\r\n \r\n {modoEdicao && (\r\n <>\r\n \r\n Novo Produto\r\n \r\n \r\n Homologar\r\n \r\n {havePermission(\"Master\") && (\r\n \r\n Disponibilizar\r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {/*Filtros*/}\r\n
\r\n {produto.total === 0 && !loading && (\r\n \r\n {\r\n setQtdSearch(0);\r\n await fetchData(filtro, modoEdicao);\r\n }}\r\n >\r\n Buscar\r\n \r\n
\r\n\r\n {/*Itens*/}\r\n \r\n
\r\n \r\n \r\n \r\n {produto.total > 0 && (\r\n fetchMoreData()}\r\n hasMore={produto.hasMore}\r\n loader={\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Descrição * \r\n \r\n \r\n \r\n \r\n Quantidade Embalagem * \r\n \r\n \r\n Otimização Barra \r\n \r\n \r\n IPI \r\n { \r\n const { formattedValue, floatValue } = values; \r\n return formattedValue === \"\" || floatValue <= 99;\r\n }} \r\n />\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default ComponenteTabGeral;\r\n","import React, { useState, useEffect, useMemo, useRef, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Input, TextArea } from \"../../../../../components/Form\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\"\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\n\r\nimport { IOutrasCaracteristicas } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { ToastErrorContext } from \"../../../../../contexts/toast/toastErrorContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst ComponenteTabOutrasCaracteristicas: React.FC\r\n \r\n Código * \r\n \r\n \r\n Código Interno \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 handleReferenciaLinha(e);\r\n }}\r\n fixDelay\r\n placeholder=\"Selecione uma opção...\"\r\n />\r\n
\r\n \r\n \r\n {\r\n handleLinha(e);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ComponenteTabOutrasCaracteristicas;\r\n","import React, { useState, useEffect, useMemo, useRef, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Select } from \"../../../../../components/Form\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\"\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ToastErrorContext } from \"../../../../../contexts/toast/toastErrorContext\";\r\nimport { ProdutoContext } from \"../../../../../contexts/produtos/produtosContext\";\r\n\r\nimport { ILinhasAplicacao } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst ComponenteTabLinhasDeAplicacao: React.FC\r\n \r\n
\r\n \r\n {tableData && (\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ComponenteTabLinhasDeAplicacao;\r\n","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\n\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport { useParams } from \"react-router-dom\";\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\n\r\ninterface IUploadMiniatura {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadMiniatura: React.FC\r\n \r\n
\r\n \r\n {tableData && (\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadMiniatura;","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\ninterface IUploadImagem {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadImagem: React.FCMiniatura
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadImagem;","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from \"yup\";\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\";\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\nimport { isNullOrUndefined } from \"../../../../../../helpers/validation\";\r\n\r\ninterface IUploadFicha {\r\n dados: any;\r\n}\r\n\r\nconst UploadFichaTecnica: React.FCImagem
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default UploadFichaTecnica;\r\n","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\ninterface IUploadImagem {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadSVGX: React.FCFicha Técnica
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadSVGX;","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport UploadMiniatura from \"./UploadMiniatura\";\r\nimport UploadImagem from \"./UploadImagem\";\r\nimport UploadFichaTecnica from \"./UploadFichaTecnica\";\r\nimport UploadSVGX from \"./UploadSVGX\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nconst ComponenteTabImagensFichaTecnica: React.FCSVGX
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ComponenteTabImagensFichaTecnica;\r\n","import React from \"react\";\r\n\r\nconst DataTableColumnCheckBox = ({ selectProps }) => {\r\n const props = selectProps;\r\n delete props.indeterminate;\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\nexport default DataTableColumnCheckBox;","import { useEffect, useRef, useState } from \"react\";\r\nimport { Button, Tab, Tabs, Modal, Image } from \"react-bootstrap\";\r\nimport { base64toBlob } from \"../../../../../../helpers/utils\";\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport Placeholder from \"../../../../../../assets/imgs/img-placeholder.png\";\r\nimport { IOutrasCaracteristicas } from \"../../../../../../common/interfaces/produtos.interfaces\";\r\n\r\nconst ModalPrevisualizacao: React.FC\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default ModalPrevisualizacao;","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\r\nimport { Button, Modal, Row } from \"react-bootstrap\";\r\nimport ReactSelect from \"react-select\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\nimport api from \"../../../../../../services/api\";\r\nimport DataNotFound from \"../../../../../../components/DataNotFound\";\r\nimport { IAplicabilidade } from \"../../../../../../common/interfaces/produtos.interfaces\";\r\nimport FilterTableApi from \"../../../../../../components/DataTable/paginationTable-BuscaExt\";\r\nimport GlobalFilter from \"../../../../../../components/DataTable/GlobalFilter\";\r\nimport { IPaginacao } from \"../../../../../../common/interfaces/paginacao.interfaces\";\r\nimport DataTableColumnCheckBox from \"../../../../../../components/DataTable/DataTableCheckbox\";\r\nimport ModalPrevisualizacao from \"../ModalPrevisualizacao\";\r\nimport Placeholder from \"../../../../../../assets/imgs/img-placeholder.png\";\r\n\r\nconst ComponenteTabAplicabilidadeModalAdicionar: React.FC\r\n
\r\n {logoPreview.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 {material?.codigo}\r\n
\r\n {material?.descricao}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Unidade Item:\r\n \r\n \r\n {material?.unidadeItem?.label}\r\n \r\n
\r\n \r\n \r\n Unidade Embalagem:\r\n \r\n \r\n {material?.unidadeEmbalagem?.label}\r\n \r\n
\r\n \r\n \r\n Quantidade Embalagem:\r\n \r\n \r\n {material?.quantidadeEmbalagem}\r\n \r\n
\r\n \r\n Cor:\r\n \r\n {material?.cor?.label}\r\n \r\n
\r\n {material?.otimizacaoBarra != 0 && (\r\n \r\n \r\n Tamanho da Barra:\r\n \r\n \r\n {material?.otimizacaoBarra} (mm)\r\n \r\n
\r\n )}\r\n \r\n \r\n {material?.situacao?.label}\r\n \r\n \r\n {material?.status?.label}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {outrasCaracteristica.length != 0 && (\r\n \r\n
\r\n APLICÁVEL NAS LINHAS:
\r\n\r\n
\r\n \r\n
\r\n \r\n {logoPreview.map((logoReferencia, index) => (\r\n
\r\n \r\n {\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n \r\n
\r\n OUTRAS CARACTERÍSTICAS:
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {outrasCaracteristica.map(\r\n ({ nome, descricao }, index) => (\r\n
\r\n \r\n \r\n {nome}:\r\n {\" \"}\r\n {descricao}\r\n
\r\n )\r\n )}\r\n \r\n handleFiltroReferencia(e.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {/* Modal Apicável */}\r\n \r\n {tableData && (\r\n
\r\n \r\n
\r\n \r\n handleNew()}\r\n >\r\n Adicionar\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {/* Modal Aplicabilidade */}\r\n \r\n {tableData && (\r\n ({\r\n style: {\r\n background: original.excluida ? 'rgb(214 57 57 / 20%)' : '',\r\n },\r\n })}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n\r\n {/* Modal Pré-visualização */}\r\n \r\n
\r\n \r\n \r\n handlePreview()}\r\n variant=\"white\"\r\n disabled={novo}\r\n >\r\n Pré-visualização\r\n \r\n \r\n \r\n {loadingSave ? (\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 {logoPreview.length != 0 && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {logoLinha && (\r\n \r\n (event.target.src = Placeholder)\r\n }\r\n width=\"180px\"\r\n className=\"pb-4\"\r\n />\r\n )}\r\n
\r\n \r\n {material?.codigo}\r\n
\r\n {material?.descricao}
\r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n window.open(\r\n material?.linkDesenhoTecnico,\r\n \"_blank\"\r\n );\r\n }}\r\n >\r\n FICHA TÉCNICA\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Unidade Item:\r\n \r\n \r\n {material?.unidadeItem?.label}\r\n \r\n
\r\n \r\n \r\n Unidade Embalagem:\r\n \r\n \r\n {material?.unidadeEmbalagem?.label}\r\n \r\n
\r\n \r\n \r\n Quantidade Embalagem:\r\n \r\n \r\n {material?.quantidadeEmbalagem}\r\n \r\n
\r\n \r\n Cor:\r\n \r\n {material?.cor?.label}\r\n \r\n
\r\n {material?.otimizacaoBarra != 0 && (\r\n \r\n \r\n Tamanho da Barra:\r\n \r\n \r\n {material?.otimizacaoBarra} (mm)\r\n \r\n
\r\n )}\r\n \r\n \r\n {material?.situacao?.label}\r\n \r\n \r\n {material?.status?.label}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {outrasCaracteristica.length != 0 && (\r\n \r\n
\r\n APLICÁVEL NAS LINHAS:
\r\n\r\n
\r\n \r\n
\r\n \r\n {logoPreview.map((logoReferencia, index) => (\r\n
\r\n \r\n {\r\n \r\n (event.target.src = Placeholder)\r\n }\r\n width=\"80px\"\r\n />\r\n }\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n \r\n
\r\n OUTRAS CARACTERÍSTICAS:
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {outrasCaracteristica.map(\r\n ({ nome, descricao }, index) => (\r\n
\r\n \r\n \r\n {nome}:\r\n {\" \"}\r\n {descricao}\r\n
\r\n )\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Descrição * \r\n \r\n \r\n\r\n \r\n \r\n Tamanho da Barra 1 * \r\n \r\n \r\n Tamanho da Barra 2 \r\n \r\n \r\n Tamanho da Barra 3 \r\n \r\n \r\n\r\n \r\n \r\n Peso * \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n IPI \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 99;\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n \r\n Informações Adicionais\r\n \r\n \r\n \r\n \r\n \r\n WX \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n JX \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n WY \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n JY \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Perímetro Total \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n Perímetro de Tratamento \r\n {\r\n const { formattedValue, floatValue } = values;\r\n return formattedValue === \"\" || floatValue <= 999;\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default PerfilTabGeral;\r\n","import React, { useState, useEffect, useMemo, useRef, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Input, TextArea } from \"../../../../../components/Form\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\"\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\n\r\nimport { IOutrasCaracteristicas } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { ToastErrorContext } from \"../../../../../contexts/toast/toastErrorContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst PerfilTabOutrasCaracteristicas: React.FC\r\n \r\n Código * \r\n \r\n \r\n Código Interno \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 handleReferenciaLinha(e);\r\n\r\n }}\r\n placeholder=\"Selecione uma opção...\"\r\n />\r\n
\r\n \r\n \r\n {\r\n selectValues.formRef?.current?.clearField(\"prenativo\");\r\n handleLinha(e);\r\n }}\r\n placeholder=\"Selecione uma opção...\"\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n handleLinha(e);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default PerfilTabOutrasCaracteristicas;\r\n","import React, { useState, useEffect, useMemo, useRef, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Select } from \"../../../../../components/Form\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\"\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../contexts/produtos/produtosContext\";\r\n\r\nimport { ILinhasAplicacao } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst PerfilTabLinhasDeAplicacao: React.FC\r\n \r\n
\r\n \r\n {tableData && (\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default PerfilTabLinhasDeAplicacao;\r\n","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\n\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport { useParams } from \"react-router-dom\";\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\ninterface IUploadMiniatura {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadMiniatura: React.FC\r\n \r\n
\r\n \r\n {tableData && (\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadMiniatura;","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\ninterface IUploadImagem {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadImagem: React.FCMiniatura
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadImagem;","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { FileButton, Input } from \"../../../../../../components/Form\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from 'yup'\r\nimport getValidationErrors from \"../../../../../../helpers/getValidateErrors\"\r\nimport api from \"../../../../../../services/api\";\r\n\r\nimport { SweetAlertContext } from \"../../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../../contexts/produtos/produtosContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\ninterface IUploadImagem {\r\n dados: any,\r\n setFiguraIcone: any\r\n}\r\n\r\nconst UploadSVGX: React.FCImagem
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default UploadSVGX;","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport UploadMiniatura from \"./UploadMiniatura\";\r\nimport UploadImagem from \"./UploadImagem\";\r\nimport UploadFichaTecnica from \"./UploadFichaTecnica\";\r\nimport UploadSVGX from \"./UploadSVGX\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nconst PerfilTabImagens: React.FCSVGX
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n );\r\n};\r\nexport default PerfilTabImagens;\r\n","import React, { useState, useEffect, useMemo, useRef, useContext, useCallback } from \"react\";\r\nimport { Select, SelectAsync } from \"../../../../../components/Form\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport api from \"../../../../../services/api\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from \"yup\";\r\nimport getValidationErrors from \"../../../../../helpers/getValidateErrors\";\r\nimport { getSingleErrorMessage } from \"../../../../../helpers/getSingleErrorMessage\";\r\n\r\nimport DataTable from \"../../../../../components/DataTable\";\r\nimport DataNotFound from \"../../../../../components/DataNotFound\";\r\n\r\nimport { ToastContext } from \"../../../../../contexts/toast/toastContext\";\r\nimport { SweetAlertContext } from \"../../../../../contexts/sweetAlert/alertContext\";\r\nimport { ProdutoContext } from \"../../../../../contexts/produtos/produtosContext\";\r\n\r\nimport { IFormComposicao } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { IListComposicaoPerfil } from \"../../../../../common/interfaces/produtos.interfaces\";\r\nimport { ToastErrorContext } from \"../../../../../contexts/toast/toastErrorContext\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst PerfilTabComposicao: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default PerfilTabComposicao;\r\n","import React, { useState, useRef, useContext, useEffect } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Button, Tab, Tabs, Modal, Image, Spinner } from \"react-bootstrap\";\r\n\r\nimport { Form } from \"@unform/web\";\r\nimport { SubmitHandler, FormHandles } from \"@unform/core\";\r\nimport * as Yup from \"yup\";\r\nimport getValidationErrors from \"../../../../helpers/getValidateErrors\";\r\nimport { base64toBlob } from \"../../../../helpers/utils\";\r\n\r\nimport { ToastContext } from \"../../../../contexts/toast/toastContext\";\r\n\r\nimport TabGeral from \"./TabGeral\";\r\nimport TabOutrasCaracteristicas from \"./TabOutrasCaracteristicas\";\r\nimport TabLinhasDeAplicacao from \"./TabLinhasDeAplicacao\";\r\nimport TabImagens from \"./TabImagens\";\r\nimport TabComposicao from \"./TabComposicao\";\r\n\r\nimport {\r\n IFormPerfil,\r\n IOutrasCaracteristicas,\r\n} from \"../../../../common/interfaces/produtos.interfaces\";\r\n\r\nimport api from \"../../../../services/api\";\r\nimport history from \"../../../../helpers/history\";\r\nimport { ToastErrorContext } from \"../../../../contexts/toast/toastErrorContext\";\r\nimport Placeholder from \"../../../../assets/imgs/img-placeholder.png\";\r\nimport { toast } from \"react-toastify\";\r\nimport { getSingleErrorMessage } from \"../../../../helpers/getSingleErrorMessage\";\r\nimport BackButton from \"../../../../components/ButtonBack\";\r\n\r\ninterface IPerfil {\r\n tipoProduto: string;\r\n}\r\n\r\nconst Perfil: React.FC\r\n {tableData && (\r\n
\r\n \r\n
\r\n\r\n {/* Modal Pré-visualização */}\r\n \r\n
\r\n \r\n \r\n handleNew()}\r\n variant=\"white\"\r\n disabled={novo}\r\n >\r\n Pré-visualização\r\n \r\n \r\n \r\n {loadingSave ? (\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 {logoLinha && (\r\n \r\n (event.target.src = Placeholder)\r\n }\r\n className=\"pb-4\"\r\n />\r\n )}\r\n
\r\n {material?.codigo}\r\n
\r\n {material?.descricao}
\r\n \r\n
\r\n