\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport i18n from 'i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { MenuComponent } from '@syncfusion/ej2-react-navigations';\r\nimport { menu } from '../../services/MenuSVC';\r\nimport './menu.css';\r\n\r\n\r\nexport const MainMenu = () => {\r\n \r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [itemsMain, setItemsMain] = React.useState([]);\r\n const [subItemsMain, setSubItemsMain] = React.useState([]);\r\n\r\n let animation = { duration: 800 };\r\n\r\n React.useEffect(() => {\r\n menu(globalState.accessToken, false)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n .then(result => {\r\n setSubItemsMain(result);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n setItemsMain(\r\n subItemsMain && subItemsMain.map((firstItem, firstIndex) => (\r\n {\r\n iconCss: `mdl2 mdl2-${firstItem.classeIcone}`,\r\n items:\r\n firstItem.childs.map((secondItem, secondIndex) => (\r\n {\r\n items:\r\n secondItem.childs.map((thirdItem, thirdIndex) => (\r\n {\r\n text: i18n.language ===\"pt\" ? thirdItem.nomePT : thirdItem.nomeEN,\r\n url: thirdItem.url\r\n }\r\n )),\r\n text: i18n.language ===\"pt\" ? secondItem.nomePT : secondItem.nomeEN,\r\n url: secondItem.url\r\n }\r\n )),\r\n text: i18n.language ===\"pt\" ? firstItem.nomePT : firstItem.nomeEN,\r\n }\r\n ))\r\n );\r\n }, [i18n.language, subItemsMain]);\r\n\r\n return (\r\n \r\n {userName}\r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n {globalState.accessToken &&\r\n {t('Generic:title')} \r\n {t('Generic:initials')} \r\n \r\n :\r\n <>\r\n {t('Generic:title')} \r\n {t('Generic:initials')} \r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('UserHome:edit')}\r\n
\r\n )\r\n\r\n }\r\n\r\n const debounce = (func, wait, immediate) => {\r\n var timeout;\r\n\r\n return (...args) => {\r\n var context = this;\r\n\r\n var later = () => {\r\n timeout = null;\r\n if (!immediate) func.apply(context, args);\r\n };\r\n\r\n var callNow = immediate && !timeout;\r\n\r\n clearTimeout(timeout);\r\n\r\n timeout = setTimeout(later, wait);\r\n\r\n if (callNow) func.apply(context, args);\r\n };\r\n }\r\n\r\n const getNewUsers = useCallback(\r\n debounce(async (name) => {\r\n const newUsers = await getFilteredUsers(globalState.accessToken, name).then(res => {\r\n if (res.ok)\r\n return res.json();\r\n });\r\n if (tab && tab.current) {\r\n\r\n const items = [\r\n {\r\n header: headerText[0],\r\n content: {\r\n template: renderTabProfile\r\n }\r\n },\r\n {\r\n header: headerText[1],\r\n content: {\r\n template: renderTabWhoisWho,\r\n data: { users: newUsers }\r\n }\r\n }\r\n ]\r\n\r\n tab.current.addTab([items[1]], 1);\r\n tab.current.removeTab(2);\r\n tab.current.refresh();\r\n inputRef.current.value = name;\r\n inputRef.current.focus();\r\n }\r\n }, 500),\r\n []\r\n );\r\n\r\n const renderTabWhoisWho = ({ users }) => {\r\n return (\r\n \r\n \r\n
\r\n {profile.dataNascimento &&\r\n {profile.email}
\r\n\r\n \r\n
\r\n }\r\n {profile.idPais &&\r\n {birth.toLocaleDateString(i18n.language)}
\r\n\r\n \r\n
\r\n }\r\n {profile.idPais && profile.idPais ===6 && reg &&\r\n {pais ? (i18n.language) ===\"pt\" ? pais[0].nomePt : pais[0].nomeEn : \"\"}
\r\n\r\n \r\n
\r\n }\r\n {profile.usuarioTelefone.length > 0 &&\r\n {(i18n.language) ===\"pt\" ? reg[0].nomePt : reg[0].nomeEn}
\r\n\r\n \r\n
\r\n }\r\n \r\n {profile.usuarioTelefone.map((item, index) => (\r\n \r\n
\r\n ))}\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {t('UserHome:edit')}\r\n
\r\n
\r\n )\r\n };\r\n\r\n const whoRedirect = () => {\r\n setRedirect(true);\r\n }\r\n\r\n useEffect(() => {\r\n let version = new Date().toISOString();\r\n setPhotoUser(`${globalState.userPhoto}&sizeType=62&v=${version}`);\r\n\r\n setNameUser(globalState.userName);\r\n }, [globalState]);\r\n\r\n return (\r\n loadingUser ? :\r\n redirect ? \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n getNewUsers(args.target.value)}\r\n className=\"e-input\"\r\n ref={inputRef}\r\n name=\"input\"\r\n type=\"text\"\r\n placeholder={i18n.language ===\"pt\" ? \"Busque no Who is who...\" : \"Search Who's who ...\"} />\r\n
\r\n \r\n {users && users.length > 0 &&\r\n users.map((i, index) => {\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 {profile && country && region &&\r\n <>\r\n
\r\n );\r\n}\r\n","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function getBanners(token, idioma) {\r\n const qstring = idioma ? `?$filter=IdIdioma eq ${idioma}&$orderby=ativo desc, id desc` : '?$orderby=ativo desc, id desc';\r\n return requestAPI(\"_api/BannerHome/GetBannersHome\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function updateBanners(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/BannerHome/UpdateBannerHome\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function addBanners(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/BannerHome/AddBannerHome\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteBanners(token, id) {\r\n const qstring = `?bannerId=${id}`;\r\n return requestAPI(\"_api/BannerHome/DeleteBannerHome\", \"DELETE\", qstring, null, token, false);\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Carousel, CarouselItem, CarouselIndicators, CarouselCaption } from 'reactstrap';\r\nimport { getBanners } from \"../../services/BannerHomeSVC\";\r\nimport './home.css';\r\n\r\nexport const BannerHome = (props) => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [banner, setBanner] = React.useState([]);\r\n\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n\r\n async function load() {\r\n let _banner = await getBanners(globalState.accessToken, i18n.language ===\"pt\" ? 1 : 2)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n\r\n let _findBanners;\r\n let _arrayBanners = [];\r\n\r\n if (_banner) {\r\n _findBanners = _banner.filter(item => item.ativo === true);\r\n }\r\n\r\n let version = new Date().toISOString();\r\n\r\n _findBanners.map((item) => {\r\n _arrayBanners.push(\r\n {\r\n src: `${process.env.REACT_APP_API_URL}/_api/BannerHome/GetBannerHome?token=${globalState.tokenLightWeight}&IdBannerHome=${item.id}&version=${version}`,\r\n titulo: item.titulo,\r\n chamada: item.chamada,\r\n link: item.link,\r\n id: item.id,\r\n status: item.ativo,\r\n language: item.idIdioma\r\n }\r\n )\r\n });\r\n\r\n setBanner(_arrayBanners);\r\n\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n const [activeIndex, setActiveIndex] = React.useState(0);\r\n const [animating, setAnimating] = React.useState(false);\r\n\r\n const next = () => {\r\n if (animating) return;\r\n const nextIndex = activeIndex === banner.length - 1 ? 0 : activeIndex + 1;\r\n setActiveIndex(nextIndex);\r\n }\r\n\r\n const previous = () => {\r\n if (animating) return;\r\n const nextIndex = activeIndex === 0 ? banner.length - 1 : activeIndex - 1;\r\n setActiveIndex(nextIndex);\r\n }\r\n\r\n const goToIndex = (newIndex) => {\r\n if (animating) return;\r\n setActiveIndex(newIndex);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {t('UserHome:message')}
\r\n{profile.nome}
\r\n\r\n {profile && country && region &&\r\n {\r\n const items = [\r\n {\r\n header: headerText[0],\r\n content: {\r\n template: renderTabProfile\r\n }\r\n },\r\n {\r\n header: headerText[1],\r\n content: {\r\n template: renderTabWhoisWho,\r\n data: { users: users }\r\n }\r\n }\r\n ]\r\n\r\n tab && tab.current && tab.current.addTab(items);\r\n tab && tab.current && tab.current.refresh();\r\n }} ref={tab} className=\"mainTab\">\r\n \r\n }\r\n
\r\n \r\n }\r\n \r\n
\r\n );\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport './home.css';\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\n\r\n\r\nexport const MessageHouse = () => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext)\r\n const [redirect, setRedirect] = React.useState(false);\r\n\r\n const { t } = useTranslation();\r\n\r\n const messageRedirect = () => {\r\n setRedirect(true);\r\n }\r\n\r\n return (\r\n redirect ? \r\n \r\n
\r\n {i18n.language ===\"pt\" ? \"Explore o Quem é Quem\" : \"Explore Who is Who\"}
\r\n\r\n {scrollingLeft &&\r\n prevSlide()} />\r\n }\r\n\r\n
\r\n \r\n
\r\n {users && scrollingRight && nextSlide()} />}\r\n \r\n
\r\n {\r\n users && users.length > 0 && users.map((i, index) => {\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}","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function grantTemporaryAcess(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/SharedDocuments/SharedDocumentsGrantTemporaryAcess\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function sharePublicAccess(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/SharedDocuments/SharedDocumentsCopyToPublicFolder\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function downloadFile(isPublic, token, qstring, body) {\r\n const endPointURL = isPublic\r\n ?\r\n body.token \r\n ? \"_api/SharedDocuments/PublicSharedDocumentsDownload\"\r\n : \"_api/SharedDocuments/PublicSharedDocumentsDownloadTokenless\"\r\n : \"_api/SharedDocuments/SharedDocumentsDownload\";\r\n var form_data = new FormData();\r\n form_data.append('downloadInput', JSON.stringify(body));\r\n return requestAPI(endPointURL, \"POST\", qstring, form_data, token, true);\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { FileManagerComponent, Inject, NavigationPane, DetailsView, Toolbar } from '@syncfusion/ej2-react-filemanager';\r\nimport { ToastComponent } from '@syncfusion/ej2-react-notifications';\r\nimport { downloadFile } from \"../../services/SharedDocumentsSVC\";\r\nimport { sharePublicAccess } from \"../../services/SharedDocumentsSVC\";\r\n\r\nlet fileManagerObj;\r\nfunction FileManager({ parentProps, data, modal, setLoading, setUrl, setShowCopyPaste }) {\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const toastInstance = React.useRef(null);\r\n\r\n const { t } = useTranslation();\r\n\r\n const qstring = parentProps.path !=='/' ? `?path=/${parentProps.path}` : '';\r\n\r\n const beforeSend = (args) => {\r\n if (fileManagerObj)\r\n console.log('path', fileManagerObj.path);\r\n // if (parentProps.path !== \"/\") {\r\n // let data = JSON.parse(args.ajaxSettings.data);\r\n // if(Array.isArray(data)){\r\n\r\n // if(data.length){\r\n // let dataObj = data[0];\r\n // if (!dataObj.path.includes(parentProps.path)) {\r\n // dataObj.path = dataObj.path.replace('/', `/${parentProps.path}/`);\r\n // }\r\n // args.ajaxSettings.data = JSON.stringify(data);\r\n // }\r\n // }\r\n // else{\r\n // if (!data.path.includes(parentProps.path)) {\r\n // data.path = data.path.replace('/', `/${parentProps.path}/`);\r\n // }\r\n // args.ajaxSettings.data = JSON.stringify({\r\n // ...data,\r\n // path: data.path\r\n // })\r\n // }\r\n\r\n // }\r\n\r\n args.ajaxSettings.beforeSend = function (args) {\r\n args.httpRequest.setRequestHeader(\"Authorization\", \"Bearer \" + globalState.accessToken);\r\n args.httpRequest.setRequestHeader(\"lang\", i18n.language);\r\n }\r\n };\r\n\r\n function getParameterByName(name, url = window.location.href) {\r\n name = name.replace(/[\\[\\]]/g, '\\\\$&');\r\n var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\r\n results = regex.exec(url);\r\n if (!results) return null;\r\n if (!results[2]) return '';\r\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\r\n }\r\n\r\n const beforeLoadImage = (args) => {\r\n const token = parentProps.token || globalState.tokenLightWeight;\r\n args.imageUrl = `${args.imageUrl}'&token=${token}`;\r\n\r\n const pathQString = getParameterByName('path', args.imageUrl);\r\n if (pathQString.indexOf(`/${parentProps.path}`) !== 0) {\r\n const imgUrl = args.imageUrl.replace(pathQString, `/${parentProps.path}${pathQString}`);\r\n args.imageUrl = `${imgUrl}&token=${token}`;\r\n }\r\n };\r\n\r\n const beforeDownload = (args) => {\r\n console.log({...args})\r\n args.cancel = true;\r\n const token = parentProps.token ? null : globalState.accessToken;\r\n const filename = args.data.data.length ===1 && args.data.data[0].isFile ? args.data.data[0].name : \"Files.zip\";\r\n args.data.token = parentProps.token;\r\n\r\n downloadFile(parentProps.public, token, qstring, args.data)\r\n .then((response) => {\r\n if (response.ok) {\r\n toastInstance.current.show(toasts[0]);\r\n response.blob().then((blob) => {\r\n toastInstance.current.show(toasts[1]);\r\n const url = window.URL.createObjectURL(new Blob([blob]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n });\r\n }\r\n });\r\n };\r\n\r\n const failed = (args) => {\r\n if (args.error !== undefined && args.error.code === \"401\") {\r\n args.error.message = \"Você não tem permissão para executar esta ação.\";\r\n }\r\n\r\n }\r\n\r\n const menuOpen = (args) => {\r\n if (fileManagerObj.selectedItems.length > 1 || (args.fileDetails.length === 1 && args.fileDetails[0].name === 'CGC')) {\r\n fileManagerObj.disableMenuItems([\"Share\"]);\r\n }\r\n\r\n for (const i in args.items) {\r\n if (args.items[i].id === fileManagerObj.element.id + '_cm_share') {\r\n args.items[i].iconCss = 'e-icons e-fe-share';\r\n }\r\n\r\n if (args.items[i].id === fileManagerObj.element.id + '_cm_generate') {\r\n args.items[i].iconCss = 'e-icons e-create-link';\r\n }\r\n }\r\n }\r\n\r\n const menuClick = (args) => {\r\n if (args.item.id === 'azure-file_cm_share') {\r\n const fileDetails = args.fileDetails[0];\r\n const filePath = fileDetails.filterPath + fileDetails.name;\r\n const isFolder = fileDetails.type === \"Directory\";\r\n data({ caminho: filePath, pasta: isFolder });\r\n modal(true);\r\n }\r\n\r\n if (args.item.id === 'azure-file_cm_generate') {\r\n const fileDetails = args.fileDetails[0];\r\n const filePath = fileDetails.filterPath\r\n const isFolder = fileDetails.type === \"Directory\";\r\n\r\n setLoading(true);\r\n\r\n sharePublicAccess(globalState.accessToken, { caminho: filePath, fileName: fileDetails.name, pasta: isFolder }).then(async response => {\r\n if (response.ok) {\r\n const url = await response.text();\r\n setUrl(url);\r\n setLoading(false);\r\n setShowCopyPaste(true);\r\n }\r\n });\r\n }\r\n }\r\n\r\n const toasts = [\r\n { title: i18n.language ==='pt' ? 'Download iniciado !' : 'Download started !', content: i18n.language ==='pt' ? 'Esta operação pode durar alguns minutos dependendo do tamanho do arquivo selecionado.': 'This operation may take a few minutes depending on the size of the selected file.', cssClass: 'e-toast-warning', icon: 'e-warning toast-icons' },\r\n { title: i18n.language ==='pt' ? 'Download concluído !' : 'Download completed !', content: i18n.language ==='pt' ? 'Download concluído com sucesso.' : 'Download completed successfully.' , cssClass: 'e-toast-success' }\r\n ];\r\n\r\n const publicContextMenuSettings = {\r\n file: ['Open', '|', 'Download'],\r\n folder: ['Open', '|', 'Download'],\r\n layout: ['SortBy', 'View', 'Refresh', '|', 'Details', '|', 'SelectAll']\r\n };\r\n\r\n const contextMenuSettings = {\r\n file: ['Open', '|', 'Cut', 'Copy', '|', 'Delete', 'Rename', '|', 'Details', '|', 'Share', 'Generate'],\r\n folder: ['Open', '|', 'Cut', 'Copy', 'Paste', '|', 'Delete', 'Rename', '|', 'Details', '|', 'Share'],\r\n layout: ['SortBy', 'View', 'Refresh', '|', 'Paste', '|', 'NewFolder', 'Upload', '|', 'Details', '|', 'SelectAll'],\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {t('MessageHouse:title')}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n ) : null;\r\n}\r\n\r\nexport default MessageModal;\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { grantTemporaryAcess } from \"../../services/SharedDocumentsSVC\";\r\nimport { FormValidator } from '@syncfusion/ej2-react-inputs';\r\nimport { Redirect } from \"react-router-dom\";\r\nimport FileManager from \"../utilities/SharedDocument\"\r\nimport { createSpinner, showSpinner, setSpinner, hideSpinner } from \"@syncfusion/ej2-react-popups\";\r\n\r\nimport './home.css';\r\nimport { useModal } from \"../../hooks/Modal\";\r\n\r\nlet formObject;\r\nexport const FolderManager = (props) => {\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const { buildDialogMessage } = useModal();\r\n const { t } = useTranslation();\r\n\r\n const [showModal, setShowModal] = React.useState(false);\r\n const [showCopyPaste, setShowCopyPaste] = React.useState(false);\r\n const [url, setUrl] = React.useState(\"\");\r\n const [data, setData] = React.useState(null);\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [isLoadingFile, setIsLoadingFile] = React.useState(false);\r\n const [response, setResponse] = React.useState(\"\");\r\n\r\n React.useEffect(() => {\r\n if (isLoadingFile) {\r\n createSpinner({ target: document.getElementById('loadingFile') })\r\n showSpinner(document.getElementById('loadingFile'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [isLoadingFile]);\r\n\r\n const modalButtons = [\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: t(\"MyDocuments:share\"),\r\n enableProgress: true\r\n },\r\n click: () => {\r\n if (formObject.validate()) {\r\n if (data && data.emails && data.emails.length) {\r\n setIsLoading(true);\r\n grantTemporaryAcess(globalState.accessToken, data)\r\n .then(response => {\r\n setShowModal(false);\r\n // setIsLoading(false);\r\n buildDialogMessage({\r\n messagePt: \"Compartilhamento feito com sucesso\",\r\n messageEn: \"Sharing done sucessfully\",\r\n titlePt: \"Sucesso\",\r\n titleEn: \"Success\"\r\n })\r\n })\r\n .catch(e => {\r\n setResponse(\"Ocorreu um erro no compartilhamento\");\r\n });\r\n } else {\r\n setResponse(\"Email(s) não encontrado(s)\");\r\n }\r\n }\r\n }\r\n }\r\n ];\r\n\r\n React.useEffect(() => {\r\n setIsLoading(false);\r\n setResponse(\"\");\r\n }, [showModal]);\r\n\r\n const modalClose = () => {\r\n document.getElementById('emails').value = '';\r\n setShowModal(false);\r\n }\r\n const emailsOnChange = (e) => {\r\n if (e.target.value) {\r\n const emails = e.target.value.split(';')\r\n let emailsList = [];\r\n emails.map(email => {\r\n const mail = email.trim();\r\n if (validateEmail(mail))\r\n emailsList.push(mail);\r\n });\r\n if (emailsList.length)\r\n setData(obj => ({ ...obj, emails: emailsList }));\r\n }\r\n }\r\n\r\n function validateEmail(email) {\r\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(email);\r\n }\r\n\r\n React.useEffect(() => {\r\n const options = {\r\n rules: {\r\n 'emails': {\r\n required: [true, t('Validation:required')]\r\n }\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n }\r\n };\r\n formObject = new FormValidator('#formSharedDocument', options);\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loading') })\r\n showSpinner(document.getElementById('loading'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [isLoading]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n {i18n.language ===\"pt\" ? modalMessageParams && modalMessageParams.title.titlePt : modalMessageParams && modalMessageParams.title.titleEn}\r\n \r\n
\r\n \r\n
\r\n {\r\n setshow(false);\r\n setModalMessageParams({ ...modalMessageParams, show: false });\r\n }}\r\n >\r\n {i18n.language ==='pt' ? 'Sair' : 'Exit'}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {isLoadingFile && \r\n \r\n setShowCopyPaste(false)}\r\n locale={i18n.language}\r\n >\r\n
\r\n \r\n \r\n {props.title || t('MyDocuments:title')}\r\n
\r\n \r\n
\r\n \r\n {!isLoading && }\r\n\r\n {response && !isLoading &&
\r\n \r\n \r\n {response}\r\n
}\r\n\r\n {isLoading && }\r\n \r\n URL para compartilhamento\r\n
\r\n \r\n \r\n
{url}
\r\n \r\n \r\n
\r\n \r\n \r\n
}\r\n \r\n );\r\n};\r\n","import React, { useContext, createContext, useState } from 'react';\r\nimport MessageModal from '../components/utilities/MessageModal/MessageModal';\r\n\r\nconst ModalContext = createContext(null);\r\n\r\nconst ModalProvider = ({ children }) => {\r\n const [modalMessageParams, setModalMessageParams] = useState({});\r\n\r\n const buildDialogMessage = ({\r\n error,\r\n titlePt,\r\n titleEn,\r\n messagePt,\r\n icon,\r\n type,\r\n messageEn\r\n }) => {\r\n\r\n if (modalMessageParams && !modalMessageParams.show) {\r\n if (error) {\r\n switch (error) {\r\n case 401: {\r\n messagePt = \"Você não tem permissão para essa requisição\";\r\n messageEn = \"You do not have permission to this request\";\r\n titlePt = \"Um erro ocorreu\";\r\n titleEn = \"An error has ocurred\";\r\n break;\r\n }\r\n case 403: {\r\n messagePt = \"Você não tem permissão para essa requisição\";\r\n messageEn = \"You do not have permission to this request\";\r\n titlePt = \"Um erro ocorreu\";\r\n titleEn = \"An error has ocurred\";\r\n break;\r\n }\r\n case 500: {\r\n messagePt = \"Um erro ocorreu ao fazer a requisição\";\r\n messageEn = \"An error has ocurred while making the request\";\r\n titlePt = \"Um erro ocorreu\";\r\n titleEn = \"An error has ocurred\";\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (!icon && error) {\r\n icon = 'e-icon-dlg-close e-icons';\r\n } else if (!icon && !error) {\r\n icon = 'mdl2-confirm';\r\n }\r\n\r\n setModalMessageParams({\r\n title: {\r\n titlePt,\r\n titleEn,\r\n },\r\n message: {\r\n messagePt,\r\n messageEn\r\n },\r\n icon,\r\n show: true,\r\n error: error ? error : null\r\n });\r\n }\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}","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function getSuppliers(token) {\r\n return requestAPI(\"_api/Supplier/GetSuppliers\", \"GET\", \"?$orderby=nome\", null, token, false);\r\n}\r\n\r\nexport async function addSupplier(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/Supplier/AddSupplier\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function addOrUpdateSupplier(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/Supplier/UpdateSupplier\" : \"_api/Supplier/AddSupplier\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteSupplier(token, id) {\r\n const qstring = `?supplierId=${id}`;\r\n return requestAPI(\"_api/Supplier/DeleteSupplier\", \"DELETE\", qstring, null, token, false);\r\n}\r\n","import * as React from 'react';\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ProfilePhotoContext } from \"./ProfilePhotoContext\"\r\nimport { createSpinner, DialogComponent, setSpinner, showSpinner } from \"@syncfusion/ej2-react-popups\";\r\nimport { UploaderComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport './profilePhoto.css';\r\n\r\nconst uploadIcon = '';\r\n\r\nlet dialogRef;\r\nexport const ProfilePhotoComponent = ({ journalist, idContact, showAvatar, hasPermissionToEdit, status, toggle }) => {\r\n let uploaderRef;\r\n let dropAreaRef;\r\n\r\n const [photo, setPhoto] = React.useContext(ProfilePhotoContext);\r\n const [openDialog, setOpenDialog] = React.useState(false);\r\n const [cachePhoto, setCachePhoto] = React.useState(null);\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const { t } = useTranslation();\r\n const modalButtons = [{\r\n 'click': () => {\r\n updatePhoto();\r\n removeFiles();\r\n setOpenDialog(false);\r\n },\r\n buttonModel: {\r\n isPrimary: true,\r\n content: t('Actions:save')\r\n }\r\n }];\r\n\r\n const target = document.getElementById(\"uploadPhoto\");\r\n\r\n React.useEffect(() => {\r\n setOpenDialog(status);\r\n }, [status]);\r\n\r\n React.useEffect(() => {\r\n if (photo) {\r\n if (uploaderRef) {\r\n uploaderRef.dropArea = dropAreaRef;\r\n uploaderRef.dataBind();\r\n }\r\n }\r\n }, [photo]);\r\n\r\n React.useEffect(() => {\r\n if (openDialog)\r\n dialogRef.buttons = modalButtons;\r\n }, [openDialog]);\r\n\r\n const uploadPhoto = () => {\r\n document.getElementsByClassName(\"e-file-select-wrap\")[0].querySelector(\"button\").click();\r\n return false;\r\n }\r\n\r\n const onClose = () => {\r\n removeFiles();\r\n if (photo.remove || !photo.b64) {\r\n setPhoto(photo => ({\r\n name: photo.name,\r\n size: photo.size,\r\n type: photo.type,\r\n url: photo.url\r\n }));\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadingPhoto') });\r\n showSpinner(document.getElementById('loadingPhoto'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [loading]);\r\n\r\n const removeFiles = () => {\r\n const clearThumb = document.getElementById(\"uploadPhoto\") && document.getElementById(\"uploadPhoto\").ej2_instances[0];\r\n if (clearThumb !== null && clearThumb.clearAll !== null && typeof (clearThumb.clearAll) !== \"undefined\") {\r\n return clearThumb.clearAll();\r\n }\r\n }\r\n\r\n const uploaderCreated = () => {\r\n if (photo) {\r\n uploaderRef.files = photo.b64 || photo.url ? [photo] : null;\r\n }\r\n if (uploaderRef) {\r\n uploaderRef.dropArea = dropAreaRef;\r\n uploaderRef.dataBind();\r\n }\r\n }\r\n\r\n const updatePhoto = () => {\r\n setPhoto(photo => {\r\n if (photo.remove) {\r\n if (photo.url)\r\n return { ...photo, b64: null, url: null, delete: true, changed: true };\r\n else\r\n return { ...photo, b64: null, url: null, changed: true };\r\n }\r\n return { ...photo, changed: true }\r\n });\r\n }\r\n\r\n // const onCreated = () => {\r\n // if (uploaderRef) {\r\n // uploaderRef.dropArea = dropAreaRef;\r\n // uploaderRef.dataBind();\r\n // }\r\n // }\r\n\r\n const onRemovingAttachsFiles = (args) => {\r\n setPhoto(photo => {\r\n return { ...photo, remove: true }\r\n });\r\n removeFiles();\r\n };\r\n\r\n const onSetAttachmentsFiles = event => {\r\n if (event.filesData[0].statusCode ===\"1\") {\r\n setLoading(true);\r\n event.filesData.map((file) => {\r\n const reader = new FileReader();\r\n const firstFile = document.getElementById(\"uploadPhoto\").files[0];\r\n reader.addEventListener(\"load\", function () {\r\n const name = firstFile.name;\r\n const i = name.lastIndexOf('.');\r\n const fileName = name.substring(0, i);\r\n const ext = name.substring(i + 1);\r\n\r\n setPhoto(photo => ({ ...photo, name: fileName, remove: false, size: firstFile.size, type: ext, b64: reader.result }));\r\n setLoading(false);\r\n }, false);\r\n reader.readAsDataURL(file.rawFile);\r\n });\r\n } else {\r\n document.getElementById(\"validateImage\").innerHTML = \"O tamanho do arquivo é muito grande\";\r\n }\r\n\r\n document.getElementById(\"validateImage\").innerHTML = \"\";\r\n }\r\n\r\n const downloadAttachment = ({ fileName, url }) => {\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n };\r\n\r\n const removeAttachment = () => {\r\n setPhoto(photo => {\r\n if (photo.b64 && photo.url)\r\n return { ...photo, b64: null };\r\n else\r\n return { ...photo, remove: true }\r\n });\r\n removeFiles();\r\n };\r\n\r\n var getBriefName = journalist && journalist.match(/(^\\S\\S?|\\b\\S)?/g).join(\"\").match(/(^\\S|\\S$)?/g).join(\"\").toUpperCase();\r\n\r\n const beforeClose = () => {\r\n setOpenDialog(false);\r\n toggle && toggle.close();\r\n };\r\n\r\n return (\r\n \r\n setRedirect(true)} />\r\n
\r\n \r\n {checkBanners &&\r\n
\r\n \r\n {showAvatar && idContact && !photo ?\r\n dialogRef = dialog}\r\n // className={photo && !photo.b64 ? \"preload\": null}\r\n width=\"662px\"\r\n isModal={true}\r\n // buttons={modalButtons}\r\n visible={openDialog}\r\n showCloseIcon={true}\r\n beforeClose={beforeClose}\r\n close={onClose}\r\n locale={i18n.language}\r\n >\r\n\r\n
\r\n );\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation, getInitialProps } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { CheckBoxSelection, Inject, MultiSelectComponent, DropDownTreeComponent, DropDownListComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Sort, ContextMenu, Page, Resize, Edit, Toolbar, ExcelExport } from \"@syncfusion/ej2-react-grids\";\r\nimport { CheckBoxComponent, ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { getPermissions } from '../../services/SystemSVC';\r\nimport { getAccessAreas } from '../../services/SystemSVC';\r\nimport { getProfileTemplate } from '../../services/ProfileTemplateSVC';\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\n\r\nlet gridInstance;\r\nlet modalDelete;\r\n\r\nexport const Permissions = (props) => {\r\n\r\n const { info, changeUser } = props;\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n const [gridItems, setGridItems] = React.useState([]);\r\n const [loadingPermissions, setLoadingPermissions] = React.useState(true);\r\n const [changePermission, setChangePermission] = React.useState(info && info.adminGlobal);\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [profileTemplates, setProfileTemplates] = React.useState([]);\r\n const [rawAreas, setRawAreas] = React.useState([]);\r\n const [comboPermission, setComboPermission] = React.useState([]);\r\n const [areaData, setAreaData] = React.useState([]);\r\n const [admin, setAdmin] = React.useState(info.adminGlobal);\r\n const [areaObj, setAreaObj] = React.useState({});\r\n const [permissionObj, setPermissionObj] = React.useState({});\r\n const [openModalDelete, setOpenModalDelete] = React.useState(false);\r\n const [grid, setGrid] = React.useState([]);\r\n\r\n const [accessArea, setAccessArea] = React.useState(null);\r\n\r\n let valuesArea;\r\n let valuesPermissions;\r\n\r\n\r\n modalDelete = [\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Cancelar\" : \"Cancel\",\r\n cssClass: \"pemissionDelete\"\r\n },\r\n click: () => {\r\n setOpenModalDelete(false);\r\n }\r\n },\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Sim\" : \"Yes\",\r\n cssClass: \"pemissionSave\"\r\n },\r\n click: () => {\r\n deleteRow();\r\n }\r\n }\r\n ]\r\n\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n if (loadingPermissions) {\r\n createSpinner({ target: document.getElementById('loadPermissions') })\r\n showSpinner(document.getElementById('loadPermissions'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loadingPermissions]);\r\n\r\n React.useEffect(() => {\r\n if (info) {\r\n setGridItems(info.permissions);\r\n }\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (gridItems) {\r\n info.permissions = gridItems;\r\n // gridInstance.refresh();\r\n }\r\n }, [gridItems]);\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n setLoadingPermissions(true);\r\n async function load() {\r\n let _profileTemplates = await getProfileTemplate(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n let _areas = await getAccessAreas(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n let _permission = await getPermissions(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n if (_profileTemplates && _areas) {\r\n _profileTemplates.map((pt) => {\r\n pt.permissions.map((pe) => {\r\n let area = _areas.filter(i => i.id ===pe.idAccessArea);\r\n if (area.length > 0) {\r\n pe.area = area[0];\r\n }\r\n })\r\n })\r\n }\r\n\r\n setProfileTemplates(_profileTemplates);\r\n setRawAreas(_areas);\r\n setComboPermission(_permission);\r\n\r\n if (_areas) {\r\n setAreaData(fillAreas(_areas));\r\n }\r\n\r\n hideSpinner(document.getElementById('loadPermissions'));\r\n setLoadingPermissions(false);\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n const fillAreas = (items, currentItem = null, child = false) => {\r\n let arr = [];\r\n items.map((item) => {\r\n if (!child) {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: true });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n } else {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, parentValue: item.idPai, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: false });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n }\r\n });\r\n return arr;\r\n }\r\n\r\n const accessAreaChange = (item) => {\r\n debugger;\r\n valuesArea = item.value;\r\n }\r\n\r\n const onInsert = async (e) => {\r\n e.preventDefault();\r\n if (valuesArea && valuesPermissions) {\r\n\r\n let items = [...gridItems];\r\n let areaObj;\r\n let ptPermissionObj = [];\r\n let enPermissionObj = [];\r\n let areaBreadCrumb = [];\r\n\r\n valuesArea.map(area => {\r\n areaObj = areaData.filter(breadValue => breadValue.value ===parseInt(area))[0];\r\n if (!areaObj.hasChildren) {\r\n areaBreadCrumb.push(areaObj)\r\n }\r\n });\r\n\r\n valuesPermissions.map(permission => {\r\n\r\n ptPermissionObj.push(comboPermission.filter(idPermission => idPermission.id ===permission)[0].nomePt);\r\n enPermissionObj.push(comboPermission.filter(idPermission => idPermission.id ===permission)[0].nomeEn);\r\n });\r\n\r\n areaBreadCrumb.map(async breadText => {\r\n let catchIdAccessArea = gridItems.filter(grid => grid.idAccessArea ===breadText.value && grid.status !== 1);\r\n let catchParentValue = gridItems.filter(parent => parent.idAccessArea ===breadText.parentValue);\r\n\r\n if (catchIdAccessArea.length ===0) {\r\n\r\n let obj = { idAccessArea: breadText.value, permissionsPt: ptPermissionObj, permissionsEn: enPermissionObj, breadCrumbAccessAreaPt: breadText.breadCrumbAccessAreaPt, status: 0, IdsPermissions: valuesPermissions };\r\n console.log(obj);\r\n\r\n i18n.language === \"pt\" ? obj.breadCrumbAccessAreaPt = breadText.breadCrumbAccessAreaPt : obj.breadCrumbAccessAreaEn = breadText.breadCrumbAccessAreaEn;\r\n\r\n items.push(obj)\r\n\r\n } else {\r\n let newItemObj = {\r\n idAccessArea: breadText.value,\r\n permissionsPt: ptPermissionObj,\r\n permissionsEn: enPermissionObj,\r\n breadCrumbAccessAreaPt: breadText.breadCrumbAccessAreaPt,\r\n status: 0,\r\n IdsPermissions: valuesPermissions\r\n };\r\n\r\n i18n.language === \"pt\" ? newItemObj.breadCrumbAccessAreaPt = breadText.breadCrumbAccessAreaPt : newItemObj.breadCrumbAccessAreaEn = breadText.breadCrumbAccessAreaEn;\r\n\r\n const oldItemIndex = items.findIndex(grid => grid.idAccessArea ===breadText.value && grid.status !== 1);\r\n\r\n if (items[oldItemIndex].status ===2) {\r\n items[oldItemIndex].status = 1;\r\n } else {\r\n items.splice(oldItemIndex, 1);\r\n }\r\n\r\n items.push(newItemObj);\r\n }\r\n })\r\n\r\n await setLoadingPermissions(true);\r\n setGridItems(items)\r\n hideSpinner(document.getElementById('loadPermissions'));\r\n setLoadingPermissions(false);\r\n\r\n gridInstance.dataSource = items.filter(grid => grid.status !== 1);\r\n\r\n }\r\n };\r\n\r\n const columnArea = (args) => {\r\n return {args && (i18n.language ===\"pt\" ? args.breadCrumbAccessAreaPt.join(' > ') : args.breadCrumbAccessAreaEn.join(' > '))}\r\n };\r\n\r\n const columnPermission = (args) => {\r\n return {args && (i18n.language ===\"pt\" ? args.permissionsPt.join(', ') : args.permissionsEn.join(', '))}\r\n };\r\n\r\n async function deleteRow() {\r\n setLoadingPermissions(true);\r\n\r\n let gridItem = gridItems.find(x => x.idAccessArea === grid.idAccessArea && x.status !== 1);\r\n if (gridItem.ids) {\r\n gridItem.status = 1;\r\n } else {\r\n let index = gridItems.findIndex(x => x.idAccessArea === gridItem.idAccessArea && x.status !== 1);\r\n gridItems.splice(index, 1);\r\n }\r\n\r\n setOpenModalDelete(false);\r\n\r\n hideSpinner(document.getElementById('loadPermissions'));\r\n setLoadingPermissions(false);\r\n\r\n gridInstance.dataSource = gridItems.filter(x => x.status !==1);\r\n\r\n }\r\n\r\n const columnButton = (args) => {\r\n return (\r\n setOpenDialog(true)}>\r\n
\r\n :\r\n showAvatar &&\r\n \r\n {getBriefName &&\r\n {getBriefName}\r\n }\r\n
\r\n \r\n \r\n
\r\n setOpenDialog(true)}>\r\n
\r\n }\r\n\r\n \r\n {\r\n photo && ((photo.changed && photo.b64) || !photo.changed && photo.url) ? 
: \r\n }\r\n
\r\n \r\n uploaderRef = uploader}\r\n allowedExtensions=\".jpg, .png, .jpeg\"\r\n dropArea={target}\r\n maxFileSize={3000000}\r\n locale={i18n.language}\r\n selected={onSetAttachmentsFiles}\r\n removing={onRemovingAttachsFiles}\r\n multiple={false}\r\n created={uploaderCreated}\r\n >\r\n \r\n\r\n \r\n
\r\n \r\n dropAreaRef = dropArea}>\r\n {(photo && ((photo.b64 && !photo.remove) || (photo.changed ===null && photo.url && !photo.remove))) ?\r\n
\r\n\r\n \r\n uploadPhoto()}>\r\n 
\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n }\r\n\r\n {t('Photo:uploadMessage')} uploadPhoto()}>{t('Photo:uploadMessageLastPart')}
\r\n\r\n {loading &&\r\n }\r\n
\r\n\r\n \r\n {photo && photo.name && !photo.remove &&\r\n
\r\n\r\n \r\n
\r\n }\r\n - \r\n
- \r\n downloadAttachment(photo.name, photo.url)}>\r\n {photo.name}.png\r\n \r\n onRemovingAttachsFiles()} />\r\n \r\n
\r\n gridInstance.dataSource = info.permissions}\r\n contextMenuItems={contextMenuItems}\r\n filterSettings={{ type: 'Menu' }}\r\n locale={i18n.language}\r\n ref={x => gridInstance = x}\r\n >\r\n \r\n \r\n columnPermission(args)}\r\n headerText={t('TablePermissions:permission')} width=\"240\">\r\n columnButton(args)}\r\n headerText={t('TablePermissions:action')} width=\"125\">\r\n \r\n \r\n
\r\n }\r\n \r\n )\r\n}","import * as React from 'react';\r\n\r\nconst ProfilePhotoContext = React.createContext();\r\n\r\nconst ProfilePhotoProvider = ({ children }) => {\r\n \r\n const [photo, setPhoto] = React.useState(null);\r\n \r\n return (\r\n \r\n \r\n
\r\n {!changePermission && (\r\n <>\r\n {t('Permissions:title')}
\r\n\r\n changedPermission(e)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n info.idModeloPerfil = e.itemData && e.itemData.id ? e.itemData.id : null}\r\n showClearButton\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n valuesArea = args.value}\r\n showDropDownIcon={false}\r\n // change={(args) => console.log(\"args:\", args.value)}\r\n />\r\n
\r\n \r\n \r\n valuesPermissions = args.value}\r\n value={valuesPermissions}\r\n //change={(args) => console.log(\"args permission\", args.value)}\r\n >\r\n
\r\n \r\n {t(\"InsertButton:title\")} \r\n
\r\n {gridItems &&\r\n \r\n
\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \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(\"Users:loading\")} */}\r\n \r\n \r\n )\r\n }\r\n \r\n\r\n );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport {\r\n GridComponent, ColumnsDirective, ColumnDirective, ForeignKey,\r\n Filter, Inject, Sort, ContextMenu, Page, Resize, Edit\r\n} from '@syncfusion/ej2-react-grids';\r\nimport { ExcelExport, Toolbar } from '@syncfusion/ej2-react-grids';\r\nimport { DropDownTreeComponent, DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { Query } from '@syncfusion/ej2-data';\r\nimport { getSuppliers } from '../../services/SuppliersSVC';\r\nimport \"./users.css\"\r\n\r\nimport { users, usersFull } from \"../../services/UsersSVC\";\r\nimport {\r\n getCountries, getAccessAreas, getProfileAreas, getProfileDepartments,\r\n getProfileManagement, getUserTypes, getRegional\r\n} from \"../../services/SystemSVC\";\r\n\r\nexport const UsersList = (props) => {\r\n\r\n const { gridExport, gridExportChange, gridInstance } = props;\r\n\r\n const superiorDiretoRef = useRef(null);\r\n const cargoRef = useRef(null);\r\n const areaRef = useRef(null);\r\n const paisRef = useRef(null);\r\n const emailRef = useRef(null);\r\n const regionalRef = useRef(null);\r\n const areaNegocioRef = useRef(null);\r\n const tipoUsuarioRef = useRef(null);\r\n const departamentoRef = useRef(null);\r\n const fornecedorRef = useRef(null);\r\n const gerenciaRef = useRef(null);\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n\r\n const [fillUsersData, setFillUsersData] = React.useState(null);\r\n const [fillData, setFillData] = React.useState([]);\r\n const [fillUsersDataFull, setFillUsersDataFull] = React.useState([]);\r\n const [fillCountriesData, setFillCountriesData] = React.useState([]);\r\n const [fillAccessAreasData, setFillAccessAreasData] = React.useState([]);\r\n const [fillBusinessAreaData, setFillBusinessAreaData] = React.useState([]);\r\n const [fillDepartamentData, setFillDepartamentData] = React.useState([]);\r\n const [fillManagementData, setFillManagementData] = React.useState([]);\r\n const [fillUserTypesData, setFillUserTypesData] = React.useState([]);\r\n const [fillSupplierDescriptionsData, setSupplierDescriptionsData] = React.useState([]);\r\n const [fillRegionalData, setFillRegionalData] = React.useState([]);\r\n const [isLoading, setLoading] = React.useState(true);\r\n\r\n const [persistence, setPersistence] = useState(false);\r\n\r\n const [filters, setFilters] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n if (isLoading && document.getElementById('loadUsersList')) {\r\n createSpinner({ target: document.getElementById('loadUsersList') })\r\n showSpinner(document.getElementById('loadUsersList'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [isLoading]);\r\n\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n const { t } = useTranslation();\r\n let onChange = (args, text) => {\r\n const columnId = args.element.id;\r\n const item = args.itemData;\r\n if (item && typeof item.id !== \"number\" && !text) {\r\n args.element.value = \"\";\r\n return;\r\n };\r\n const items = args.value && args.value.length > 0 ? args.value.map(x => parseInt(x)) : args.value;\r\n\r\n let newFilters = [...filters];\r\n let newIndex = newFilters.findIndex(x => x.key === columnId);\r\n if (newIndex !== -1)\r\n newFilters.splice(newIndex, 1);\r\n\r\n const filtersSelected = [...newFilters];\r\n\r\n if (item) {\r\n let index = filtersSelected.findIndex(_item => _item.key === columnId && _item.value === item.id);\r\n if (index > -1)\r\n filtersSelected[index].value.push(item.id);\r\n else\r\n filtersSelected.push({ key: columnId, value: [item.id], nomePt: item.nomePt, nomeEn: item.nomeEn });\r\n }\r\n else if (items && items.length > 0) {\r\n let index = filtersSelected.findIndex(_item => _item.key === columnId);\r\n\r\n if (index > -1)\r\n filtersSelected[index].value = items;\r\n else\r\n filtersSelected.push({ key: columnId, value: items });\r\n }\r\n else {\r\n let index = filtersSelected.findIndex(_item => _item.key === columnId);\r\n if (index !== -1)\r\n filtersSelected.splice(index, 1);\r\n }\r\n setFilters(filtersSelected);\r\n };\r\n\r\n const onTextBlur = (e, columnId) => {\r\n let hasFilter = !!filters.filter((f) => f.key === columnId).length;\r\n if (!hasFilter) {\r\n const args = {\r\n element: {\r\n id: columnId\r\n },\r\n itemData: {\r\n id: e && e.value ? e.value : e && e.target ? e.target.value : \"\"\r\n }\r\n };\r\n if (args.itemData.id) {\r\n onChange(args, true);\r\n }\r\n } else {\r\n const newFilter = [...filters];\r\n const item = newFilter.find(f => f.key === columnId);\r\n item.value[0] = e && e.value ? e.value : e && e.target ? e.target.value : \"\";\r\n setFilters(newFilter);\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n setLoading(true);\r\n\r\n function load() {\r\n let promises = [\r\n new Promise((resolve, reject) => {\r\n users(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_users => {\r\n setFillUsersData(_users);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillUsersData([]);\r\n }\r\n })\r\n }),\r\n new Promise((resolve, reject) => {\r\n usersFull(globalState.accessToken).then(_usersFull => {\r\n const _users = _usersFull.filter(user => {\r\n user.ultimoLogin = user.ultimoLogin && new Date(user.ultimoLogin);\r\n return user;\r\n });\r\n setFillUsersDataFull(_users);\r\n setFillData(_users);\r\n resolve();\r\n })\r\n .catch(e => {\r\n hideSpinner(document.getElementById('loadUsersList'));\r\n setLoading(false);\r\n setFillUsersDataFull([]);\r\n setFillData([]);\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_countries => {\r\n setFillCountriesData(_countries);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillCountriesData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getAccessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_accessAreas => {\r\n setFillAccessAreasData(fillAreas(_accessAreas));\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillAccessAreasData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getProfileAreas(globalState.accessToken, i18n.language)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_profileAreas => {\r\n setFillBusinessAreaData(_profileAreas);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillBusinessAreaData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getProfileDepartments(globalState.accessToken, i18n.language)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_departments => {\r\n setFillDepartamentData(_departments);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillDepartamentData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getProfileManagement(globalState.accessToken, i18n.language)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_management => {\r\n setFillManagementData(_management);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillManagementData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getUserTypes(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_userTypes => {\r\n setFillUserTypesData(_userTypes);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillUserTypesData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getSuppliers(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_supplierDescriptions => {\r\n setSupplierDescriptionsData(_supplierDescriptions);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setSupplierDescriptionsData([]);\r\n }\r\n });\r\n }),\r\n new Promise((resolve, reject) => {\r\n getRegional(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(_regional => {\r\n setFillRegionalData(_regional);\r\n resolve();\r\n });\r\n }\r\n else {\r\n setFillRegionalData([]);\r\n }\r\n });\r\n })\r\n ];\r\n\r\n Promise.all(promises).then(() => {\r\n if (document.getElementById('loadUsersList')) {\r\n hideSpinner(document.getElementById('loadUsersList'));\r\n setLoading(false);\r\n }\r\n }).catch((e) => {\r\n console.log('teste error');\r\n })\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n const usersName = (args) => {\r\n return (\r\n props.edit(args.userId)} className=\"nomeUsuarios\"> {args.nome} \r\n )\r\n };\r\n\r\n const fillAreas = (items, child = false) => {\r\n let arr = [];\r\n items.map((item) => {\r\n if (!child) {\r\n arr.push({ value: item.id, text: i18n.language === \"pt\" ? item.nomePt : item.nomeEn, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: true });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n } else {\r\n arr.push({ value: item.id, text: i18n.language === \"pt\" ? item.nomePt : item.nomeEn, parentValue: item.idPai, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: false });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n }\r\n });\r\n return arr;\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridExport === true) {\r\n gridInstance.current.excelExport();\r\n gridExportChange(false);\r\n }\r\n\r\n }, [gridExport]);\r\n\r\n const [filterUserName, setFilterUserName] = React.useState(null);\r\n\r\n function _onChange(e) {\r\n if (e && e.target && e.target.value) {\r\n setFilterUserName(e.target.value);\r\n }\r\n else {\r\n setFilterUserName('');\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (filterUserName === '') {\r\n setFillUsersDataFull(fillData);\r\n gridInstance.current.dataSource = fillData;\r\n }\r\n }, [filterUserName]);\r\n\r\n function onSearchClick() {\r\n\r\n if (filterUserName || (filters && !!filters.length)) {\r\n let filtered = !filterUserName ? fillData : fillData.filter((item) => item.nome.toLowerCase().indexOf(filterUserName.toLowerCase()) > -1);\r\n\r\n if (filters && !!filters.length) {\r\n filters.map((f) => {\r\n if (f.value && !!f.value.length) {\r\n if (f.key === \"idAccessArea\") {\r\n let currentFiltered = [];\r\n f.value.map((v) => {\r\n currentFiltered = currentFiltered.concat(filtered.filter((i) => i.permissions && i.permissions.filter((p) => p[f.key] === v).length > 0));\r\n });\r\n filtered = [...new Set(currentFiltered)];\r\n }\r\n else {\r\n f.value.map((v) => {\r\n filtered = typeof v === \"number\" ? filtered.filter((i) => i[f.key] === v) : filtered.filter((i) => i[f.key] && i[f.key].toLowerCase().indexOf(v ? v.toLowerCase() : \"\") > -1);\r\n });\r\n\r\n if (!f.value[0] && f.key === \"cargo\") {\r\n filtered = fillData;\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n filtered = [...new Set(filtered)];\r\n const users = filtered.filter(user => {\r\n user.ultimoLogin = user.ultimoLogin && new Date(user.ultimoLogin);\r\n return user;\r\n })\r\n setFillUsersDataFull(users);\r\n gridInstance.current.dataSource = users;\r\n setIsVisible(false);\r\n }\r\n else {\r\n if (fillData.length > 0) {\r\n setFillUsersDataFull(fillData);\r\n setIsVisible(false);\r\n }\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance && gridInstance.current && fillUsersDataFull && !isLoading) {\r\n gridInstance.current.refresh();\r\n }\r\n }, [fillUsersDataFull]);\r\n\r\n const onFiltering = (e) => {\r\n let query = new Query();\r\n query = (e.text !== '') ? query.where('nome', 'contains', e.text, true) : query;\r\n e.updateData(this.searchData, query);\r\n };\r\n\r\n React.useEffect(() => {\r\n if (gridInstance && gridInstance.current)\r\n gridInstance.current.refresh();\r\n }, [i18n.language]);\r\n\r\n const getValue = () => {\r\n const item = filters.find(item => item.key === \"idAccessArea\");\r\n\r\n if (item) {\r\n return item.value;\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n let userStatus = () => {\r\n return ({i18n.language ==='pt' ? 'Ativo' : 'Active'})\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}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { fullReset } from '../../services/UsersSVC';\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { LoginStateContext } from '../login/LoginState';\r\n\r\nexport const NewPassword = (props) => {\r\n\r\n const { info } = props;\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [showSucessText, setShowSucessText] = React.useState(false);\r\n\r\n const onSubmit = () => {\r\n fullReset(globalState.accessToken, info.userId)\r\n .then(response => {\r\n if (response.ok) {\r\n setShowSucessText(true);\r\n }\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n {/* {t(\"Users:loading\")} */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n );\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport '../templates/templates.css';\r\nimport { TextBoxComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { ComboBoxComponent, MultiSelectComponent, CheckBoxSelection, Inject, DropDownTreeComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Page } from \"@syncfusion/ej2-react-grids\";\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { getProfileTemplate, addProfileTemplate, updateProfileTemplate, deleteProfileTemplate } from \"../../services/ProfileTemplateSVC\";\r\nimport { getAccessAreas, getPermissions } from \"../../services/SystemSVC\";\r\nimport { FormValidator } from '@syncfusion/ej2-react-inputs';\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\nimport { useModal } from '../../hooks/Modal';\r\n\r\nexport const TemplateItem = (props) => {\r\n\r\n let gridInstance;\r\n let idTemplate = props.match.params.id;\r\n let formObject;\r\n let dropdownTreeAreasRef;\r\n let multiSelectPermissionsRef;\r\n\r\n let auxProfileTemplateName = null;\r\n let auxAccessArea = [];\r\n let auxPermission = [];\r\n let auxIdsPermissions = [];\r\n let auxPermissionsPt = [];\r\n let auxPermissionsEn = [];\r\n let auxGridPermission = [];\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [comboPermissions, setComboPermissions] = React.useState([]);\r\n const [comboAccessAreas, setComboAccessAreas] = React.useState([]);\r\n const [profileTemplate, setProfileTemplate] = React.useState({});\r\n const [gridDataSource, setGridDataSource] = React.useState(null);\r\n const [fillAccessAreas, setFillAccessAreas] = React.useState(null);\r\n\r\n const [placeholderName, setPlaceholderName] = React.useState(\"\");\r\n const [placeholderTitle, setPlaceholderTitle] = React.useState(\"\");\r\n\r\n const [isLoading, setLoading] = React.useState(true);\r\n const [dialogDelete, setDialogDelete] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const { t } = useTranslation();\r\n\r\n const { buildDialogMessage } = useModal();\r\n\r\n const _controls = {\r\n class: \"templates\",\r\n savePrimary: false,\r\n excludePrimary: true,\r\n urlView: \"\",\r\n urlPreview: \"\",\r\n urlDuplicate: \"\",\r\n urlSave: (e) => saveTemplate(e),\r\n urlSend: \"\",\r\n urlCancel: () => setRedirect(true),\r\n urlDelete: idTemplate ? (e) => {\r\n e.preventDefault();\r\n setDialogDelete(true);\r\n } : \"\"\r\n };\r\n\r\n React.useEffect(() => {\r\n async function load() {\r\n let _permissions = await getPermissions(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n let _accessAreas = await getAccessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n let _profileTemplate = await getProfileTemplate(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n\r\n if (_profileTemplate && _accessAreas) {\r\n _profileTemplate = _profileTemplate.filter(i => i.id ===idTemplate)[0];\r\n if (_profileTemplate) {\r\n if (_profileTemplate.permissions) {\r\n _profileTemplate.permissions.map((pe) => {\r\n let area = _accessAreas.filter(i => i.id ===pe.idAccessArea);\r\n if (area.length > 0) {\r\n pe.area = area[0];\r\n }\r\n })\r\n\r\n auxGridPermission = _profileTemplate.permissions;\r\n setProfileTemplate(_profileTemplate)\r\n }\r\n }\r\n }\r\n\r\n setComboPermissions(_permissions);\r\n if (_accessAreas) {\r\n\r\n setFillAccessAreas(fillAreas(_accessAreas));\r\n setComboAccessAreas(fillAreas(_accessAreas));\r\n }\r\n\r\n setPlaceholderName(t('ProfileTemplates:modelName_placeholder'));\r\n\r\n if (idTemplate) {\r\n setPlaceholderTitle(t('ProfileTemplates:header_edit'));\r\n } else {\r\n setPlaceholderTitle(t('ProfileTemplates:header_new'));\r\n }\r\n }\r\n\r\n load();\r\n\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n const formValidator = {\r\n rules: {\r\n 'nome': {\r\n required: [true, t('Validation:required')]\r\n }\r\n //'dropdownAcessArea': {\r\n // required: [true, t('Validation:required')]\r\n //},\r\n //'dropdownPermission': {\r\n // required: [true, t('Validation:required')]\r\n //}\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n setTimeout(() => {\r\n errorElement.style.display = \"none\";\r\n }, 3000)\r\n }\r\n };\r\n formObject = new FormValidator('#formProfileTemplate', formValidator);\r\n });\r\n\r\n React.useEffect(() => {\r\n if (typeof (profileTemplate.permissions) !==\"undefined\") {\r\n let auxGridDataSource = profileTemplate.permissions.filter(p => { return p.status !==1 });\r\n setGridDataSource(auxGridDataSource);\r\n }\r\n }, [profileTemplate]);\r\n\r\n React.useEffect(() => {\r\n if (gridDataSource && gridInstance)\r\n gridInstance.dataSource = gridDataSource;\r\n dropdownTreeAreasRef.value = [];\r\n multiSelectPermissionsRef.value = [];\r\n }, [gridDataSource]);\r\n\r\n React.useEffect(() => {\r\n setLoading(true);\r\n }, [gridDataSource]);\r\n\r\n const columnArea = (args) => {\r\n return {args && (i18n.language ===\"pt\" ? args.breadCrumbAccessAreaPt.join(' > ') : args.breadCrumbAccessAreaEn.join(' > '))}\r\n };\r\n\r\n const columnPermission = (args) => {\r\n return {args && (i18n.language ===\"pt\" ? args.permissionsPt.join(', ') : args.permissionsEn.join(', '))}\r\n };\r\n\r\n function deleteRow(e, args) {\r\n e.preventDefault();\r\n let index = -1;\r\n gridDataSource.map((p, i) => {\r\n if (p.idAccessArea === args.idAccessArea) {\r\n if (p.status === 2)\r\n p.status = 1;\r\n else\r\n index = i;\r\n }\r\n });\r\n if (index > -1)\r\n gridDataSource.splice(index, 1);\r\n\r\n setProfileTemplate(profileTemplate => (\r\n {\r\n ...profileTemplate,\r\n permissions: gridDataSource\r\n }\r\n ))\r\n }\r\n\r\n const columnButton = (args) => {\r\n return (\r\n deleteRow(e, args)}\r\n >{t(\"Actions:delete\")}\r\n )\r\n }\r\n\r\n const fillAreas = (items, currentItem = null, child = false) => {\r\n let arr = [];\r\n items.map((item) => {\r\n if (!child) {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: true });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n } else {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, parentValue: item.idPai, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: false });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n }\r\n });\r\n return arr;\r\n }\r\n\r\n const profileTemplateNameChange = (e) => {\r\n\r\n if (e.value !==null && e.value.length !==0) {\r\n auxProfileTemplateName = e.value;\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n const accessAreaChange = (e) => {\r\n auxAccessArea = [];\r\n if (e.value !==null && e.value.length !==0) {\r\n e.value.map(ac => {\r\n comboAccessAreas.map(a => {\r\n if (a.value.toString() ===ac) {\r\n if (!a.hasChildren) {\r\n auxAccessArea.push(a);\r\n }\r\n }\r\n })\r\n })\r\n }\r\n }\r\n\r\n const permissionChange = (e) => {\r\n auxPermission = [];\r\n auxIdsPermissions = [];\r\n auxPermissionsPt = [];\r\n auxPermissionsEn = [];\r\n\r\n if (e.value !==null && e.value !==0) {\r\n e.value.map(p => {\r\n comboPermissions.map(pe => {\r\n if (pe[(i18n.language) ===\"pt\" ? \"nomePt\" : \"nomeEn\"] ===p) {\r\n auxPermission.push(pe);\r\n }\r\n });\r\n });\r\n auxPermission.map(aux => {\r\n auxIdsPermissions.push(aux.id);\r\n auxPermissionsPt.push(aux.nomePt);\r\n auxPermissionsEn.push(aux.nomeEn);\r\n });\r\n }\r\n }\r\n\r\n const includeTemplate = (e) => {\r\n e.preventDefault();\r\n // setLoading(false);\r\n let profileTemplatePermission = [];\r\n\r\n if (profileTemplate.permissions) {\r\n profileTemplate.permissions.map((p) => {\r\n profileTemplatePermission.push(p);\r\n });\r\n }\r\n\r\n if (profileTemplate.nome) {\r\n auxProfileTemplateName = profileTemplate.nome;\r\n }\r\n\r\n if (auxAccessArea.length && auxIdsPermissions.length) {\r\n auxAccessArea.map(ac => {\r\n let obj = {\r\n idAccessArea: ac.value,\r\n idsPermissions: auxIdsPermissions,\r\n permissionsPt: auxPermissionsPt,\r\n permissionsEn: auxPermissionsEn,\r\n breadCrumbAccessAreaEn: ac.breadCrumbAccessAreaEn,\r\n breadCrumbAccessAreaPt: ac.breadCrumbAccessAreaPt,\r\n status: 0\r\n }\r\n\r\n if (profileTemplatePermission.length) {\r\n profileTemplatePermission.map(ptp => {\r\n if (ptp.idAccessArea === ac.value) {\r\n if (ptp.status === 2)\r\n ptp.status = 1;\r\n else {\r\n let index = profileTemplatePermission.findIndex(element => element.idAccessArea === ptp.idAccessArea && element.status === 0);\r\n if (index > -1)\r\n profileTemplatePermission.splice(index, 1);\r\n }\r\n }\r\n })\r\n }\r\n\r\n profileTemplatePermission.push(obj);\r\n })\r\n\r\n\r\n setProfileTemplate(profileTemplate => (\r\n {\r\n ...profileTemplate,\r\n nome: auxProfileTemplateName,\r\n permissions: profileTemplatePermission\r\n }\r\n ));\r\n document.getElementById(\"dropdownAcessAreaMessage\").innerHTML = \"\";\r\n document.getElementById(\"dropdownPermissionMessage\").innerHTML = \"\";\r\n\r\n }\r\n else {\r\n if (!auxAccessArea.length) {\r\n document.getElementById(\"dropdownAcessAreaMessage\").innerHTML = \"Campo obrigatório\";\r\n } else {\r\n document.getElementById(\"dropdownAcessAreaMessage\").innerHTML = \"\";\r\n }\r\n\r\n if (!auxIdsPermissions.length) {\r\n document.getElementById(\"dropdownPermissionMessage\").innerHTML = \"Campo obrigatório\";\r\n } else {\r\n document.getElementById(\"dropdownPermissionMessage\").innerHTML = \"\";\r\n }\r\n }\r\n\r\n }\r\n\r\n const saveTemplate = (e) => {\r\n\r\n e.preventDefault();\r\n\r\n try {\r\n if (formObject.validate()) {\r\n setDisabledBtn(true);\r\n if (typeof (profileTemplate.id) ===\"undefined\") {\r\n if (auxProfileTemplateName !==null) {\r\n profileTemplate.nome = auxProfileTemplateName;\r\n }\r\n if (profileTemplate.permissions) {\r\n addProfileTemplate(globalState.accessToken, profileTemplate)\r\n .then(response => {\r\n if (response.ok) {\r\n setRedirect(true);\r\n }\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n console.error(error)\r\n setDisabledBtn(false);\r\n });\r\n } else {\r\n alert(\"Os campos Área de acesso e Permissão devem estar preenchidos\");\r\n setDisabledBtn(false);\r\n }\r\n }\r\n else {\r\n if (auxProfileTemplateName !==null) {\r\n profileTemplate.nome = auxProfileTemplateName;\r\n }\r\n\r\n updateProfileTemplate(globalState.accessToken, profileTemplate)\r\n .then(response => {\r\n if (response.ok) {\r\n setRedirect(true);\r\n }\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n console.error(error)\r\n setDisabledBtn(false);\r\n });\r\n }\r\n }\r\n } catch (e) {\r\n console.log(\"saveTemplate - TemplateItem.js >>> \", e);\r\n }\r\n }\r\n\r\n let confirmDelete = (e) => {\r\n e.preventDefault();\r\n\r\n deleteProfileTemplate(globalState.accessToken, idTemplate).then(response => {\r\n setRedirect(response.ok);\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n 
\r\n \r\n )\r\n }\r\n\r\n const bannerTitle = (args) => {\r\n return (\r\n props.edit(args)}>{args.titulo}\r\n )\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {showDialog &&\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n )}\r\n \r\n );\r\n}","import React from 'react';\r\nimport './MessageModal.css';\r\nimport i18n from 'i18next';\r\nimport { DialogComponent } from '@syncfusion/ej2-react-popups';\r\n\r\nfunction GenericModal({ params }) {\r\n const [show, setshow] = React.useState();\r\n React.useEffect(() => {\r\n setshow(params.show);\r\n }, [params]);\r\n return show ? (\r\n { setshow(false) }}\r\n showCloseIcon={params.actionType ===\"approval\"}\r\n visible={show}\r\n style={{ maxHeight: '231px !important', zIndex: '2000' }}\r\n locale={i18n.language}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Sort, ContextMenu, Page, Resize, Inject } from \"@syncfusion/ej2-react-grids\";\r\nimport './releases.css';\r\nimport { getMailingReportItems } from \"../../services/PressSVC\";\r\nimport { getReportMailingStatus } from \"../../services/SystemSVC\";\r\n\r\nlet grid;\r\nexport const ModalReleases = (props) => {\r\n\r\n const { mailingStatusSelected, setMailingStatusSelected } = props;\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [gridSource, setGridSource] = React.useState([]);\r\n const [reportMailingStatus, setReportMailingStatus] = React.useState(null);\r\n const { t } = useTranslation();\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n React.useEffect(() => {\r\n if (reportMailingStatus) {\r\n grid.showSpinner();\r\n getMailingReportItems(globalState.accessToken, mailingStatusSelected).then(response => {\r\n if (response.ok) {\r\n response.json().then(result => {\r\n result.map(item => {\r\n const reportmailingStatusFiltered = reportMailingStatus.filter(rms => rms.id === item.idReportMailingStatus);\r\n if (reportmailingStatusFiltered.length) {\r\n item.statusPt = reportmailingStatusFiltered[0].nomePt;\r\n item.statusEn = reportmailingStatusFiltered[0].nomeEn;\r\n }\r\n })\r\n setGridSource(result);\r\n });\r\n }\r\n else\r\n grid.hideSpinner();\r\n })\r\n }\r\n }, [reportMailingStatus])\r\n\r\n React.useEffect(() => {\r\n if (grid) {\r\n grid.dataSource = gridSource;\r\n }\r\n }, [gridSource])\r\n\r\n const onGridCreated = () => {\r\n getReportMailingStatus(globalState.accessToken).then(response => {\r\n if (response.ok) {\r\n response.json().then(result => setReportMailingStatus(result));\r\n }\r\n else\r\n grid.hideSpinner();\r\n });\r\n }\r\n\r\n const statusTemplate = (args) => {\r\n return (\r\n \r\n {i18n.language === \"pt\" ? args.statusPt : args.statusEn}\r\n \r\n );\r\n }\r\n\r\n React.useEffect(() => {\r\n if (grid)\r\n grid.refresh();\r\n }, [i18n.language]);\r\n\r\n return (\r\n 0}\r\n showCloseIcon={true}\r\n beforeClose={() => setMailingStatusSelected(0)}\r\n locale={i18n.language}\r\n >\r\n {t(\"Press:reportMailing\")} {mailingStatusSelected}\r\n grid = gridComponent}\r\n dataSource={[]}\r\n contextMenuItems={contextMenuItems}\r\n locale={i18n.language}\r\n filterSettings={{ type: 'CheckBox' }}\r\n allowFiltering={true}\r\n allowPaging={true}\r\n pageSettings={{ pageSize: 7 }}\r\n allowSorting={true}\r\n locale={i18n.language}\r\n created={onGridCreated}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ), [i18n.language]);\r\n\r\n return (\r\n <>\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport { ReleaseStateContext, ReleaseStateProvider };","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { ComboBoxComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport './utilities.css';\r\n\r\nexport const Export = (props) => {\r\n\r\n const { controls } = props;\r\n const { t } = useTranslation();\r\n\r\n return (\r\n (controls.pdf || controls.doc || controls.excel ) &&\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport { MailingContactsContext, MailingContactsProvider };","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function getMailingContactItems(token, qstring) {\r\n return requestAPI(\"_api/MailingContact/GetMailingContactItems\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function getMailingContactItem(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContact/GetMailingContactItem\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function getImportMailingContactsTemplate(token) {\r\n const qstring = `?token=${token}`;\r\n return requestAPI(\"_api/MailingContact/GetImportMailingContactsTemplate\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function addOrUpdateContactItem(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/MailingContact/UpdateMailingContactItem\" : \"_api/MailingContact/AddMailingContactItem\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteMailingContact(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContact/DeleteMailingContactItem\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function deleteMailingContactPhoto(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContact/DeleteMailingContactPhoto\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function importMailingContacts(token, file) {\r\n var formData = new FormData();\r\n formData.append(\"importMailingContactsFile\", file);\r\n return requestAPI(\"_api/MailingContact/ImportMailingContacts\", \"POST\", \"\", formData, token, true);\r\n}\r\n\r\nexport function getMailingContactPhoto(url, callback) {\r\n var xhr = new XMLHttpRequest();\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState ===4) {\r\n callback(this.response)\r\n }\r\n }\r\n xhr.open('GET', url);\r\n xhr.responseType = 'blob';\r\n xhr.send();\r\n}\r\n\r\nexport async function getMailingGroupItems(token, qstring = \"\") {\r\n return requestAPI(\"_api/MailingGroup/GetMailingGroupItems\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function getMailingGroupItem(token, id) {\r\n const qstring = `?mailingGroupId=${id}`;\r\n return requestAPI(\"_api/MailingGroup/GetMailingGroupItem\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function addOrUpdateGroupItem(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/MailingGroup/UpdateMailingGroupItem\" : \"_api/MailingGroup/AddMailingGroupItem\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteMailingGroupItem(token, id) {\r\n const qstring = `?mailingGroupId=${id}`;\r\n return requestAPI(\"_api/MailingGroup/DeleteMailingGroupItem\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function exportMailingGroupContacts(token, id, language) {\r\n const qstring = `?mailingGroupId=${id}&language=${language}`;\r\n return requestAPI(\"_api/MailingGroup/ExportMailingGroupContacts\", \"GET\", qstring, null, token, false);\r\n}\r\n","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function getMailingContactItems(token, qString) {\r\n return requestAPI(\"_api/MailingContactGeneral/GetMailingContactItems\", \"GET\", qString, null, token, false);\r\n}\r\n\r\nexport async function getMailingContactItem(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContactGeneral/GetMailingContactItem\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function getImportMailingContactsTemplate(token) {\r\n const qstring = `?token=${token}`;\r\n return requestAPI(\"_api/MailingContactGeneral/GetImportMailingContactsTemplate\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function addOrUpdateContactItem(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/MailingContactGeneral/UpdateMailingContactItem\" : \"_api/MailingContactGeneral/AddMailingContactItem\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteMailingContact(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContactGeneral/DeleteMailingContactItem\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function deleteMailingContactPhoto(token, id) {\r\n const qstring = `?mailingContactId=${id}`;\r\n return requestAPI(\"_api/MailingContactGeneral/DeleteMailingContactPhoto\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function importMailingContacts(token, file) {\r\n var formData = new FormData();\r\n formData.append(\"importMailingContactsFile\", file);\r\n return requestAPI(\"_api/MailingContactGeneral/ImportMailingContacts\", \"POST\", \"\", formData, token, true);\r\n}\r\n\r\nexport function getMailingContactPhoto(url, callback) {\r\n var xhr = new XMLHttpRequest();\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState ===4) {\r\n callback(this.response)\r\n }\r\n }\r\n xhr.open('GET', url);\r\n xhr.responseType = 'blob';\r\n xhr.send();\r\n}\r\n\r\nexport async function getMailingGroupItemsGeneral(token, qstring = \"\") {\r\n return requestAPI(\"_api/MailingGroupGeneral/GetMailingGroupItems\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function getMailingGroupItem(token, id) {\r\n const qstring = `?mailingGroupId=${id}`;\r\n return requestAPI(\"_api/MailingGroupGeneral/GetMailingGroupItem\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function addOrUpdateGroupItem(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/MailingGroupGeneral/UpdateMailingGroupItem\" : \"_api/MailingGroupGeneral/AddMailingGroupItem\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteMailingGroupItem(token, id) {\r\n const qstring = `?mailingGroupId=${id}`;\r\n return requestAPI(\"_api/MailingGroupGeneral/DeleteMailingGroupItem\", \"POST\", qstring, null, token, false);\r\n}\r\n\r\nexport async function exportMailingGroupContacts(token, id, language) {\r\n const qstring = `?mailingGroupId=${id}&language=${language}`;\r\n return requestAPI(\"_api/MailingGroupGeneral/ExportMailingGroupContacts\", \"GET\", qstring, null, token, false);\r\n}","//#region IMPORTS\r\nimport * as React from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useForm } from \"react-hook-form\";\r\n\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\n\r\nimport { L10n } from \"@syncfusion/ej2-base\";\r\nimport { UploaderComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { createSpinner, showSpinner, setSpinner, hideSpinner, DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { ButtonComponent, CheckBoxComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { DropDownListComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { TextBoxComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { DropDownButtonComponent } from \"@syncfusion/ej2-react-splitbuttons\";\r\nimport { SidebarComponent } from \"@syncfusion/ej2-react-navigations\";\r\nimport {\r\n RichTextEditorComponent,\r\n HtmlEditor,\r\n Inject,\r\n Image,\r\n Link,\r\n Toolbar,\r\n QuickToolbar,\r\n} from \"@syncfusion/ej2-react-richtexteditor\";\r\nimport {\r\n GridComponent,\r\n ColumnsDirective,\r\n ColumnDirective,\r\n Filter,\r\n Sort,\r\n ContextMenu,\r\n Page,\r\n Resize,\r\n} from \"@syncfusion/ej2-react-grids\";\r\n\r\nimport {\r\n getReleaseDefault,\r\n richTextDefault,\r\n getReleaseAttachmentsHeader,\r\n getImagesTitle,\r\n getImagesTitleString,\r\n} from \"../releases/Default\";\r\nimport { ReleaseStateContext } from \"../releases/ReleaseState\";\r\nimport \"../releases/releases.css\";\r\n\r\nimport { getCountries, getBusinessAreas, getRegional } from \"../../services/SystemSVC\";\r\nimport { users, getMyProfile } from \"../../services/UsersSVC\";\r\nimport { getSignatureItemByRegion } from \"../../services/SignatureSVC\";\r\nimport { uploadPressMedia, removeMedia, addPressItem, updatePressItem } from \"../../services/PressSVC\";\r\n\r\nimport {\r\n PressBoilerPlatePT,\r\n PressBoilerPlateEN,\r\n PressFooterPT,\r\n PressFooterEN,\r\n UploadIcon\r\n} from \"../utilities/Constants\";\r\n\r\nimport { clearAttachmentsArea, getPressMediaTemplate, getPressVideoTemplate, getYoutubeVideoTemplate, mountSignature, youtube_parser } from '../../helpers/EmailCreator'\r\nimport { convertDateToUTC, elementContainsSelection, getRelativeFilePath, isOrContainsNode, langName, restoreSelectionDocument } from '../../helpers/Functions'\r\n\r\n//#endregion\r\n\r\nlet userPermission;\r\n\r\nexport const PressForm = (props) => {\r\n //#region GLOBAL FORM STATE AND HELPERS\r\n\r\n const {\r\n content,\r\n idType,\r\n idAccessArea,\r\n itemExists,\r\n endPointUrl,\r\n storageUrl,\r\n listItemsUrl,\r\n } = props;\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { releaseState, setReleaseState, setRedirectId, redirectId } = React.useContext(ReleaseStateContext);\r\n\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [editFirstLoad, setEditFirstLoad] = React.useState(true);\r\n const [loading, setLoading] = React.useState(true);\r\n const [activeUsers, setActiveUsers] = React.useState([]);\r\n const [currentUser, setCurrentUser] = React.useState({});\r\n\r\n //#endregion\r\n\r\n //#region FILE UPLOAD STATE\r\n const [videoSrc, setVideoSrc] = React.useState();\r\n const [showThumb, setShowThumb] = React.useState(false);\r\n const [percentSize, setPercentSize] = React.useState(1);\r\n const [fileParams, setFileParams] = React.useState(\"\");\r\n const [filePath, setFilePath] = React.useState(\"\");\r\n //#endregion\r\n\r\n //#region FORM FIELD STATE AND DATA\r\n const [blocked, setBlocked] = React.useState(false);\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [openModalConfirm, setOpenModalConfirm] = React.useState(false);\r\n const [areaNegocio, setAreaNegocio] = React.useState(0);\r\n const [idPais, setPais] = React.useState(0);\r\n const [idRegional, setRegional] = React.useState(0);\r\n const [language, setLanguage] = React.useState(1);\r\n const [title, setTitle] = React.useState(\"\");\r\n const [subTitle, setSubTitle] = React.useState(\"\");\r\n const [approver, setApprover] = React.useState(\"\");\r\n const [authors, setAuthors] = React.useState(\"\");\r\n const [mediaGuid, setMediaGuid] = React.useState(\"\");\r\n const [attachmentTitleCount, setAttachmentTitleCount] = React.useState('');\r\n const [attachmentSubTitleCount, setAttachmentSubTitleCount] = React.useState('');\r\n const [attachmentAudioCount, setAttachmentAudioCount] = React.useState('');\r\n const [fillBusinessAreaData, setFillBusinessAreaData] = React.useState([]);\r\n const [fillCountriesData, setFillCountriesData] = React.useState([]);\r\n const [fillRegionalData, setFillRegionalData] = React.useState([]);\r\n const [itemId, setItemId] = React.useState(null);\r\n const [signature, setSignature] = React.useState(null);\r\n const [rteContent, setRteContent] = React.useState(null);\r\n const [tableSelection, setTableSelection] = React.useState(null);\r\n const [date, setDate] = React.useState(new Date());\r\n const [isArgs, setIsArgs] = React.useState('');\r\n const [typeFileVideo, setTypeFileVideo] = React.useState('');\r\n\r\n const obj = {\r\n mode: \"onSubmit\",\r\n reValidateMode: \"onChange\",\r\n defaultValues: {},\r\n resolver: undefined,\r\n context: undefined,\r\n criteriaMode: \"firstError\",\r\n shouldFocusError: true,\r\n shouldUnregister: true,\r\n };\r\n const { register, errors, handleSubmit } = useForm(obj);\r\n //#endregion\r\n\r\n //#region VARIABLES AND OBJECTS\r\n\r\n let txtAttachmentTitleRef = React.useRef(null);\r\n let filePathUploaded = React.useRef(null);\r\n let dialogObjYtb = React.useRef(null);\r\n let txtSubtitleRef = React.useRef(null);\r\n let txtApproverRef = React.useRef(null);\r\n let datePickerRef = React.useRef(null);\r\n let txtAuthorRef = React.useRef(null);\r\n let txtAudioRef = React.useRef(null);\r\n let gridMediaRef = React.useRef(null);\r\n let formEditable = React.useRef((idType ===1 || idType ===3) || releaseState.mailingStatus.length === 0);\r\n let txtTitleRef = React.useRef(null);\r\n let sidebarRef = React.useRef(null);\r\n let dialogObj = React.useRef(null);\r\n let uploadObj = React.useRef(null);\r\n let rteObj = React.useRef(null);\r\n let action = React.useRef(null);\r\n\r\n const releaseIdioma = [\r\n {\r\n text: t(\"Generic:pt\"),\r\n value: 1,\r\n },\r\n {\r\n text: t(\"Generic:en\"),\r\n value: 2,\r\n },\r\n ];\r\n\r\n const format = {\r\n types: [\r\n {\r\n text: t(\"Press:format_p\"),\r\n value: \"p\",\r\n cssClass: \"e-paragraph\",\r\n },\r\n {\r\n text: t(\"Press:format_pre\"),\r\n value: \"pre\",\r\n cssClass: \"e-code\",\r\n },\r\n {\r\n text: t(\"Press:format_blockquote\"),\r\n value: \"blockquote\",\r\n cssClass: \"e-quote\",\r\n },\r\n {\r\n text: t(\"Press:format_h1\"),\r\n value: \"h1\",\r\n cssClass: \"e-h1\",\r\n },\r\n {\r\n text: t(\"Press:format_h2\"),\r\n value: \"h2\",\r\n cssClass: \"e-h2\",\r\n },\r\n {\r\n text: t(\"Press:format_h3\"),\r\n value: \"h3\",\r\n cssClass: \"e-h3\",\r\n },\r\n {\r\n text: t(\"Press:format_h4\"),\r\n value: \"h4\",\r\n cssClass: \"e-h4\",\r\n },\r\n {\r\n text: t(\"Press:format_h5\"),\r\n value: \"h5\",\r\n cssClass: \"e-h5\",\r\n },\r\n {\r\n text: t(\"Press:format_h6\"),\r\n value: \"h6\",\r\n cssClass: \"e-h6\",\r\n },\r\n ],\r\n };\r\n\r\n const itemsVale = [\r\n { key: \"BoPla\", text: \"Boiler Plate\" },\r\n { key: \"Vid\", text: t(\"Release:video\") },\r\n { key: \"Aud\", text: t(\"Release:audio\") },\r\n { key: \"Img\", text: t(\"Release:image\") },\r\n { key: \"Anx\", text: t(\"Release:attachment\") },\r\n { key: \"Ger\", text: t(\"Release:manageMedia\") },\r\n { key: \"Ytb\", text: t(\"Press:youtube_video\") },\r\n ];\r\n\r\n const formatOptions = {\r\n default: \"Paragraph\",\r\n width: \"65px\",\r\n types: [\r\n {\r\n text: \"Paragraph\",\r\n value: \"P\",\r\n cssClass: \"e-paragraph\",\r\n command: \"Formats\",\r\n subCommand: \"P\",\r\n },\r\n {\r\n text: \"Code\",\r\n value: \"Pre\",\r\n cssClass: \"e-code\",\r\n command: \"Formats\",\r\n subCommand: \"Pre\",\r\n },\r\n {\r\n text: \"Heading 1\",\r\n value: \"H1\",\r\n cssClass: \"e-h1\",\r\n command: \"Formats\",\r\n subCommand: \"H1\",\r\n },\r\n {\r\n text: \"Heading 2\",\r\n value: \"H2\",\r\n cssClass: \"e-h2\",\r\n command: \"Formats\",\r\n subCommand: \"H2\",\r\n },\r\n {\r\n text: \"Heading 3\",\r\n value: \"H3\",\r\n cssClass: \"e-h3\",\r\n command: \"Formats\",\r\n subCommand: \"H3\",\r\n },\r\n {\r\n text: \"Heading 4\",\r\n value: \"H4\",\r\n cssClass: \"e-h4\",\r\n command: \"Formats\",\r\n subCommand: \"H4\",\r\n },\r\n ],\r\n };\r\n\r\n const options = [\r\n \"Formats\",\r\n \"FontColor\",\r\n \"Bold\",\r\n \"Italic\",\r\n \"Underline\",\r\n \"CreateLink\",\r\n \"|\",\r\n \"ClearFormat\",\r\n \"SuperScript\",\r\n \"SubScript\",\r\n \"LowerCase\",\r\n \"UpperCase\",\r\n \"|\",\r\n \"OrderedList\",\r\n \"UnorderedList\",\r\n \"Outdent\",\r\n \"Indent\",\r\n \"|\",\r\n {\r\n tooltipText: t(\"Release:insertMedia\"),\r\n template: \"#btnVale\",\r\n },\r\n \"|\",\r\n {\r\n tooltipText: t(\"Release:resetTemplate\"),\r\n template: \"#btnReset\",\r\n },\r\n \"|\",\r\n \"FullScreen\",\r\n ];\r\n\r\n const toolbarSettings = {\r\n items: options,\r\n enableFloating: true,\r\n };\r\n\r\n const rteEnableHtmlSanitizer = {\r\n enableHtmlSanitizer: false\r\n }\r\n\r\n let asyncSettings = {\r\n saveUrl: `${endPointUrl}?${fileParams}`,\r\n };\r\n\r\n let rteFileUploadEleYtb = null;\r\n const rteFileUploadRefYtb = (element) => {\r\n\r\n rteFileUploadEleYtb = element;\r\n };\r\n\r\n let rteFileUploadEle = null;\r\n const rteFileUploadRef = (element) => {\r\n\r\n rteFileUploadEle = element;\r\n };\r\n\r\n let rteSectionEle = null;\r\n const rteSectionRef = (element) => {\r\n\r\n rteSectionEle = element;\r\n };\r\n\r\n let videoDropContainerEle = null;\r\n const videoDropContainerRef = (element) => {\r\n\r\n videoDropContainerEle = element;\r\n };\r\n\r\n const insertImageSettings = {\r\n allowedTypes: [\".jpeg\", \".jpg\", \".png\"],\r\n display: \"inline\",\r\n width: \"auto\",\r\n height: \"auto\",\r\n saveFormat: \"Blob\",\r\n saveUrl: `${endPointUrl}?${fileParams}`,\r\n path: filePath,\r\n };\r\n\r\n const contextMenuItems = [\r\n \"SortAscending\",\r\n \"SortDescending\",\r\n \"FirstPage\",\r\n \"PrevPage\",\r\n \"LastPage\",\r\n \"NextPage\",\r\n ];\r\n const target = document.getElementById(\"uploadVideo\");\r\n\r\n const uploadImage = () => {\r\n\r\n document\r\n .getElementsByClassName(\"e-file-select-wrap\")[0]\r\n .querySelector(\"button\")\r\n .click();\r\n return false;\r\n };\r\n\r\n //#endregion\r\n\r\n //#region EFFECTS\r\n\r\n React.useEffect(() => {\r\n\r\n\r\n L10n.load({\r\n pt: {\r\n richtexteditor: {\r\n browse: \"Carregar\",\r\n },\r\n },\r\n });\r\n\r\n //SET LOADING SPINNER\r\n if (loading) {\r\n createSpinner({ target: document.getElementById(\"loadTextBox\") });\r\n showSpinner(document.getElementById(\"loadTextBox\"));\r\n setSpinner({ type: \"Bootstrap\" });\r\n }\r\n async function load() {\r\n\r\n let getInfo = async (getReq) => await getReq(globalState.accessToken)\r\n .then((response) => {\r\n\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n\r\n const _businessAreas = await getInfo(getBusinessAreas);\r\n const _countries = await getInfo(getCountries);\r\n const _regional = await getInfo(getRegional);\r\n const _users = await getInfo(users);\r\n const _currentUser = await getInfo(getMyProfile);\r\n\r\n setCurrentUser(_currentUser);\r\n setFillBusinessAreaData(_businessAreas);\r\n setFillCountriesData(_countries);\r\n setFillRegionalData(_regional);\r\n setActiveUsers(_users);\r\n\r\n let fileItemIdParam;\r\n\r\n if (!itemExists) {\r\n setPais(_currentUser.idPais);\r\n setRegional(_currentUser.idRegional);\r\n setAuthors(_currentUser.nome);\r\n\r\n if (_currentUser.idRegional) {\r\n let signature = await getSignatureItemByRegion(\r\n globalState.accessToken,\r\n _currentUser.idRegional\r\n ).then((response) => {\r\n\r\n if (response && response.ok && response.status !== 204) {\r\n return response.json();\r\n }\r\n });\r\n\r\n setSignature(signature);\r\n }\r\n\r\n } else {\r\n fileItemIdParam = \"&id=\" + itemExists;\r\n setItemId(itemExists);\r\n }\r\n\r\n //MELHORAR O GUID (METODO)\r\n let guid = (\r\n generateGUID() +\r\n generateGUID() +\r\n \"-\" +\r\n generateGUID() +\r\n \"-4\" +\r\n generateGUID().substr(0, 3) +\r\n \"-\" +\r\n generateGUID() +\r\n \"-\" +\r\n generateGUID() +\r\n generateGUID() +\r\n generateGUID()\r\n ).toLowerCase();\r\n\r\n setFileParams(`pressTypeId=${idType}&mediaGuid=${guid}${fileItemIdParam ? fileItemIdParam : \"\"}`);\r\n setFilePath(`${storageUrl}${itemExists ? itemExists : guid}/`);\r\n setMediaGuid(guid);\r\n\r\n if (document.getElementById(\"loadTextBox\"))\r\n hideSpinner(document.getElementById(\"loadTextBox\"));\r\n\r\n setEditFirstLoad(false);\r\n setLoading(false);\r\n }\r\n load();\r\n }, []);\r\n\r\n //IF ITEM EXISTS/EDITFORM\r\n React.useEffect(() => {\r\n\r\n if (releaseState.releaseItem) {\r\n let releaseItem = releaseState.releaseItem;\r\n setBlocked(releaseItem.bloqueado);\r\n setLanguage(releaseItem.idIdioma);\r\n setTitle(releaseItem.titulo);\r\n setSubTitle(releaseItem.subtitulo);\r\n setAuthors(releaseItem.autores);\r\n setAreaNegocio(releaseItem.idAreaNegocio);\r\n setPais(releaseItem.idPais);\r\n setDate(new Date(releaseItem.data));\r\n setRegional(releaseItem.idRegional);\r\n setApprover(releaseItem.aprovadoPor);\r\n\r\n setRteContent(releaseItem.conteudo);\r\n setEditFirstLoad(false);\r\n formEditable.current =\r\n idType ===1 || idType ===3\r\n ? true\r\n : releaseState.mailingStatus.length === 0;\r\n }\r\n return function cleanup() {\r\n setEditFirstLoad(false);\r\n };\r\n }, [releaseState.releaseItem]);\r\n\r\n React.useEffect(() => {\r\n\r\n const load = async () => {\r\n\r\n const tdSig = document.querySelector(\"td#signature\");\r\n\r\n if(tdSig) {\r\n const response = await getSignatureItemByRegion(globalState.accessToken, idRegional)\r\n\r\n if(response && response.ok && response.status !== 204) {\r\n const newSig = await response.json();\r\n tdSig.innerHTML = mountSignature(newSig, langName(language) || i18n.language, globalState.tokenLightWeight)\r\n setSignature(newSig);\r\n }\r\n else {\r\n tdSig.innerHTML = '';\r\n setSignature(null);\r\n }\r\n }\r\n }\r\n load();\r\n }, [idRegional])\r\n\r\n React.useEffect(() => {\r\n\r\n const load = async () => {\r\n\r\n const tdSig = document.querySelector(\"td#signature\");\r\n\r\n if(tdSig) {\r\n const response = await getSignatureItemByRegion(globalState.accessToken, idRegional)\r\n\r\n if(response && response.ok && response.status !== 204) {\r\n const newSig = await response.json();\r\n setSignature(newSig);\r\n if (language && rteObj.current)\r\n updateRteHeaderTemplate(rteObj.current.value, newSig);\r\n }\r\n else {\r\n setSignature(null);\r\n if (language && rteObj.current)\r\n updateRteHeaderTemplate(rteObj.current.value, null);\r\n }\r\n\r\n }\r\n }\r\n load();\r\n\r\n }, [language]);\r\n\r\n //TRIGGERS WHEN HEADER FIELDS ARE CHANGED (title, date, subtitle)\r\n React.useEffect(() => {\r\n\r\n execUpdateRteHeaderTemplate();\r\n }, [date, title, subTitle]);\r\n\r\n const execUpdateRteHeaderTemplate = () => {\r\n\r\n if (rteObj.current && (date !== \"Invalid Date\" || title || subTitle)) {\r\n updateRteHeaderTemplate(rteObj.current.value, signature);\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n\r\n if (itemId) {\r\n setReleaseState((releaseState) => ({\r\n ...releaseState,\r\n changeInfo: {\r\n ...releaseState.changeInfo,\r\n Id: parseInt(itemId),\r\n },\r\n }));\r\n }\r\n }, [itemId]);\r\n\r\n React.useEffect(() => {\r\n\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions\r\n .filter((i) => i.idAreaAcesso === idAccessArea)\r\n .map((i) => i.permission);\r\n }, [globalState]);\r\n\r\n React.useEffect(() => {\r\n\r\n if (txtTitleRef.current)\r\n txtTitleRef.current.placeholder = t(\"Press:title_placeholder\");\r\n if (txtSubtitleRef.current)\r\n txtSubtitleRef.current.placeholder = t(\r\n \"Press:subtitle_placeholder\"\r\n );\r\n if (txtApproverRef.current)\r\n txtApproverRef.current.placeholder = t(\r\n \"Press:approverBy_placeholder\"\r\n );\r\n if (txtAuthorRef.current)\r\n txtAuthorRef.current.placeholder = t(\"Press:authors_placeholder\");\r\n if (datePickerRef.current)\r\n datePickerRef.current.placeholder = t(\"Press:date_placeholder\");\r\n\r\n if (document.getElementById(\"release_rte-edit-view\"))\r\n document\r\n .getElementById(\"release_rte-edit-view\")\r\n .setAttribute(\"contenteditable\", false);\r\n }, [i18n.language]);\r\n\r\n //#endregion\r\n\r\n //#region FUNCTIONS\r\n\r\n var savedSelection;\r\n\r\n const saveSelection = (containerEl) => {\r\n\r\n let selection = window.getSelection();\r\n if (\r\n elementContainsSelection(\r\n document.getElementById(\"rteDefaultTBodyContent\"),\r\n selection\r\n )\r\n ) {\r\n var range = window.getSelection().getRangeAt(0);\r\n var preSelectionRange = range.cloneRange();\r\n preSelectionRange.selectNodeContents(containerEl);\r\n preSelectionRange.setEnd(range.startContainer, range.startOffset);\r\n var start = preSelectionRange.toString().length;\r\n savedSelection = {\r\n start: start,\r\n end: start + range.toString().length,\r\n };\r\n setTableSelection(savedSelection);\r\n }\r\n };\r\n\r\n const restoreSelection = (containerEl, savedSel) => {\r\n\r\n savedSel = tableSelection;\r\n if (!savedSel) {\r\n savedSel = {\r\n start: 276,\r\n end: 276,\r\n };\r\n }\r\n\r\n var charIndex = 0,\r\n range = document.createRange();\r\n range.setStart(containerEl, 0);\r\n range.collapse(true);\r\n var nodeStack = [containerEl],\r\n node,\r\n foundStart = false,\r\n stop = false;\r\n\r\n while (!stop && (node = nodeStack.pop())) {\r\n if (node.nodeType ===3) {\r\n var nextCharIndex = charIndex + node.length;\r\n if (\r\n !foundStart &&\r\n savedSel.start >= charIndex &&\r\n savedSel.start <= nextCharIndex\r\n ) {\r\n range.setStart(node, savedSel.start - charIndex);\r\n foundStart = true;\r\n }\r\n if (\r\n foundStart &&\r\n savedSel.end >= charIndex &&\r\n savedSel.end <= nextCharIndex\r\n ) {\r\n range.setEnd(node, savedSel.end - charIndex);\r\n stop = true;\r\n }\r\n charIndex = nextCharIndex;\r\n } else {\r\n var i = node.childNodes.length;\r\n while (i--) {\r\n nodeStack.push(node.childNodes[i]);\r\n }\r\n }\r\n }\r\n\r\n var sel = window.getSelection();\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n return sel;\r\n };\r\n\r\n const saveSelectionDocument = (containerEl) => {\r\n\r\n var selection = document.selection;\r\n if (\r\n elementContainsSelection(\r\n document.getElementById(\"rteDefaultTBodyContent\"),\r\n selection\r\n )\r\n ) {\r\n var selectedTextRange = document.selection.createRange();\r\n var preSelectionTextRange = document.body.createTextRange();\r\n preSelectionTextRange.moveToElementText(containerEl);\r\n preSelectionTextRange.setEndPoint(\"EndToStart\", selectedTextRange);\r\n var start = preSelectionTextRange.text.length;\r\n\r\n savedSelection = {\r\n start: start,\r\n end: start + selectedTextRange.text.length,\r\n };\r\n }\r\n };\r\n\r\n const saveCaret = () => {\r\n\r\n if (window.getSelection && document.createRange) {\r\n //release_rte-edit-view\r\n saveSelection(document.getElementById(\"rteDefaultTBodyContent\"));\r\n } else if (document.selection) {\r\n saveSelectionDocument(\r\n document.getElementById(\"rteDefaultTBodyContent\")\r\n );\r\n }\r\n };\r\n\r\n const restoreCaret = () => {\r\n\r\n if (window.getSelection && document.createRange) {\r\n return restoreSelection(\r\n document.getElementById(\"rteDefaultTBodyContent\"),\r\n savedSelection\r\n );\r\n } else if (document.selection) {\r\n return restoreSelectionDocument(\r\n document.getElementById(\"rteDefaultTBodyContent\"),\r\n savedSelection\r\n );\r\n }\r\n };\r\n\r\n let updateRteHeaderTemplate = (html, sig) => {\r\n\r\n const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n const contentObj = getReleaseDefault(idType, language);\r\n const contentOtherLangObj = getReleaseDefault(idType, language === 1 ? 2 : 1);\r\n const lang = language ? (language === 1 ? \"pt\" : \"en\") : \"pt\";\r\n\r\n const tdSig = doc.getElementById(\"signature\")\r\n if (tdSig && sig && contentObj.signature !== sig )\r\n doc.getElementById(\"signature\").innerHTML = mountSignature(sig, langName(language) || i18n.language, globalState.tokenLightWeight);\r\n\r\n doc.getElementById(\"rteTitle\").innerHTML = title || contentObj.title;\r\n doc.getElementById(\"rteSubtitle\").innerHTML = subTitle || contentObj.subtitle;\r\n doc.getElementById(\"rteDate\").innerHTML = date.toLocaleDateString(lang);\r\n\r\n let currentContent = doc.getElementById(\"rteDefaultTBodyContent\").innerHTML;\r\n\r\n if (currentContent === contentOtherLangObj.content || currentContent === contentObj.content) {\r\n doc.getElementById(\"rteDefaultTBodyContent\").innerHTML =\r\n currentContent.replace(contentOtherLangObj.content, contentObj.content);\r\n }\r\n\r\n const headerEl = doc.querySelector(\"#tdSecondHeader td\");\r\n if (headerEl) headerEl.innerHTML = contentObj.header;\r\n\r\n const boilerPlateEl = doc.getElementById(\"boilerPlateVale\");\r\n if (boilerPlateEl) {\r\n boilerPlateEl.parentNode.removeChild(boilerPlateEl);\r\n doc.getElementById(\"boiler\").innerHTML =\r\n language === 1 ? PressBoilerPlatePT : PressBoilerPlateEN;\r\n }\r\n\r\n const attachmentItem = doc.getElementById(\"attachmentItem\");\r\n if (attachmentItem) {\r\n attachmentItem.innerHTML = language === 1 ? \"Anexos\" : \"Attachments\";\r\n }\r\n\r\n const footerEl = doc.querySelector('[id=footerVale] td');\r\n if (footerEl) footerEl.innerHTML = language === 1 ? PressFooterPT : PressFooterEN;\r\n\r\n rteObj.current.value = doc.documentElement.innerHTML;\r\n setRteContent(doc.documentElement.innerHTML);\r\n };\r\n\r\n let changeRichTextByTemplate = (html) => {\r\n\r\n if (!html) {\r\n saveCaret();\r\n html = rteObj.current.contentModule\r\n .getEditPanel()\r\n .getElementsByTagName(\"table\")[0].outerHTML;\r\n }\r\n\r\n rteObj.current.value = html;\r\n restoreCaret();\r\n };\r\n\r\n let defaultRteTemplate = (e) => {\r\n\r\n let defaultRteContent = getReleaseDefault(idType);\r\n\r\n if (defaultRteContent.date !== new Date())\r\n defaultRteContent.date = date;\r\n if (defaultRteContent.title !== title && title)\r\n defaultRteContent.title = title;\r\n if (defaultRteContent.subtitle !== subTitle && subTitle)\r\n defaultRteContent.subtitle = subTitle;\r\n\r\n if (defaultRteContent.signature !== signature && signature)\r\n defaultRteContent.signature = mountSignature(signature, langName(language) || i18n.language, globalState.tokenLightWeight);\r\n\r\n rteObj.current.value = richTextDefault(\r\n defaultRteContent,\r\n i18n.language,\r\n idType\r\n );\r\n\r\n if (e) {\r\n e.preventDefault();\r\n setOpenModalConfirm(true);\r\n }\r\n };\r\n\r\n let selectedTemplate = (args) => {\r\n\r\n action.current = null;\r\n const lang = language ? language : i18n.language;\r\n const releaseDefaultObj = getReleaseDefault(idType, language);\r\n\r\n switch (args.item.key) {\r\n case \"BoPla\":\r\n var boilerPlateEl = document.getElementById(\"boilerPlateVale\");\r\n if (boilerPlateEl)\r\n boilerPlateEl.parentNode.removeChild(boilerPlateEl);\r\n else {\r\n const boilerPlate =\r\n lang === 1\r\n ? PressBoilerPlatePT\r\n : lang === \"pt\"\r\n ? PressBoilerPlatePT\r\n : PressBoilerPlateEN;\r\n rteObj.current.contentModule\r\n .getDocument()\r\n .getElementById(\"boiler\").innerHTML = boilerPlate;\r\n }\r\n changeRichTextByTemplate(\r\n rteObj.current.contentModule\r\n .getEditPanel()\r\n .getElementsByTagName(\"table\")[0].outerHTML\r\n );\r\n break;\r\n case \"Vid\":\r\n document.getElementById(\"messageFileSize\").innerHTML = `${t(\r\n \"Release:uploadFileSizeMsg\"\r\n )\r\n } `;\r\n document.getElementById(\"messageFileExt\").innerHTML = `${t(\r\n \"Release:extension\"\r\n )\r\n }: .mp4`;\r\n uploadObj.current.allowedExtensions = \".mp4\";\r\n uploadObj.current.maxFileSize = 1e9;\r\n action.current = args.item.key;\r\n insertFile(args.item.key);\r\n break;\r\n case \"Ytb\":\r\n var youtubeVideo = document.getElementById(\"youtube_video\");\r\n action.current = args.item.key;\r\n insertYtb(args.item.key);\r\n break;\r\n case \"Aud\":\r\n document.getElementById(\"messageFileSize\").innerHTML = `${t(\r\n \"Release:uploadFileSizeMsg\"\r\n )\r\n } `;\r\n document.getElementById(\"messageFileExt\").innerHTML = `${t(\r\n \"Release:extension\"\r\n )\r\n }: .mp3`;\r\n uploadObj.current.allowedExtensions = \".mp3\";\r\n uploadObj.current.maxFileSize = 1e9;\r\n action.current = args.item.key;\r\n insertFile(args.item.key);\r\n break;\r\n case \"Img\":\r\n document.getElementById(\"messageFileSize\").innerHTML = `${t(\r\n \"Release:uploadImageSizeMsg\"\r\n )\r\n } `;\r\n document.getElementById(\"messageFileExt\").innerHTML = `${t(\r\n \"Release:extension\"\r\n )\r\n }: .jpg /.png /.jpeg`;\r\n uploadObj.current.allowedExtensions = \".jpg,.png,.jpeg\";\r\n uploadObj.current.maxFileSize = 20e6;\r\n action.current = args.item.key;\r\n insertFile(args.item.key);\r\n break;\r\n case \"Ger\":\r\n sidebarRef.current.toggle();\r\n break;\r\n default:\r\n document.getElementById(\"messageFileSize\").innerHTML = `${t(\r\n \"Release:uploadFileSizeMsg\"\r\n )\r\n } `;\r\n document.getElementById(\"messageFileExt\").innerHTML = ``;\r\n uploadObj.current.allowedExtensions = \"\";\r\n uploadObj.current.maxFileSize = 1e9;\r\n action.current = args.item.key;\r\n insertFile(args.item.key);\r\n break;\r\n }\r\n };\r\n\r\n let insertFile = (args) => {\r\n\r\n rteObj.current.contentModule.getEditPanel().focus();\r\n const dlgButtons = [\r\n {\r\n buttonModel: {\r\n content: t(\"Release:buttonInsert\"),\r\n isPrimary: true,\r\n disabled: true,\r\n },\r\n click: () => onInsert(args),\r\n },\r\n ];\r\n dialogObj.current.buttons = dlgButtons;\r\n dialogObj.current.element.style.display = \"\";\r\n dialogObj.current.content = rteFileUploadEle;\r\n document\r\n .getElementById(\"videoTag\")\r\n .setAttribute(\"style\", \"display:none;\");\r\n dialogObj.current.show();\r\n\r\n document\r\n .getElementById(\"attachmentLabelWrapper\")\r\n .setAttribute(\"style\", \"display:none\");\r\n\r\n document\r\n .getElementById(\"audioLabelWrapper\")\r\n .setAttribute(\"style\", \"display:none\");\r\n\r\n if (args === \"Anx\") {\r\n document\r\n .getElementById(\"attachmentLabelWrapper\")\r\n .setAttribute(\"style\", \"display:block\");\r\n }\r\n\r\n if (args === \"Aud\") {\r\n document\r\n .getElementById(\"audioLabelWrapper\")\r\n .setAttribute(\"style\", \"display:block\");\r\n }\r\n };\r\n\r\n let insertYtb = (args) => {\r\n (rteObj.current.contentModule.getEditPanel()).focus();\r\n const dlgButtons = [{ buttonModel: { content: t('Release:buttonInsert'), isPrimary: true }, click: () => onInsert(args) },\r\n ];\r\n dialogObjYtb.current.buttons = dlgButtons;\r\n dialogObjYtb.current.element.style.display = '';\r\n dialogObjYtb.current.content = rteFileUploadEleYtb;\r\n dialogObjYtb.current.show();\r\n }\r\n\r\n let onInsert = (action) => {\r\n\r\n const fileInfo = uploadObj.current.getFileInfo(0, null);\r\n let fileFullPath = filePathUploaded.current;\r\n const sel = restoreCaret();\r\n let range = rteObj.current.getRange();\r\n\r\n switch (action) {\r\n case \"Vid\":\r\n let canvas = document.querySelector(\"#canvas\"),\r\n video = document.querySelector(\"#video\");\r\n let serverUrl = video.getAttribute(\"serverurl\");\r\n let currentSrc = video.currentSrc;\r\n let splitSrc = currentSrc.split(\"/\");\r\n let vidFileName = splitSrc.pop();\r\n let mountThumbName = vidFileName.split(\".\")[0];\r\n let fileName = mountThumbName + \"_thumb.png\";\r\n canvas.toBlob((blob) => {\r\n var file = new File([blob], fileName);\r\n async function saveThumb() {\r\n await uploadPressMedia(\r\n globalState.accessToken,\r\n fileParams,\r\n file\r\n )\r\n .then((response) => response.text())\r\n .then((response) => {\r\n if (response) {\r\n range.collapse(true);\r\n var thumbWrapperDiv =\r\n document.createElement(\"div\");\r\n thumbWrapperDiv.id = \"thumbWrapper\";\r\n thumbWrapperDiv.setAttribute(\r\n \"contenteditable\",\r\n \"false\"\r\n );\r\n const videoTemplate = getPressVideoTemplate(\r\n serverUrl,\r\n response\r\n );\r\n thumbWrapperDiv.insertAdjacentHTML(\r\n \"beforeend\",\r\n videoTemplate\r\n );\r\n range.insertNode(thumbWrapperDiv);\r\n // Move the caret immediately after the inserted element\r\n range.setStartAfter(thumbWrapperDiv);\r\n range.collapse(true);\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n }\r\n });\r\n }\r\n saveThumb();\r\n });\r\n break;\r\n case \"Aud\":\r\n var audiosWrapper = rteObj.current.contentModule\r\n .getDocument()\r\n .getElementById(\"rteAudios\");\r\n\r\n const audioTemplate = getPressMediaTemplate(\r\n `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-audio2.png`,\r\n fileInfo.name,\r\n fileFullPath,\r\n \"mp3\",\r\n txtAudioRef.current.value || ''\r\n );\r\n audiosWrapper.insertAdjacentHTML(\"beforeend\", `${audioTemplate}`);\r\n\r\n // Move the caret immediately after the inserted span\r\n range.setStartAfter(audiosWrapper);\r\n range.collapse(true);\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n break;\r\n case \"Img\":\r\n range.collapse(true);\r\n var imgWrapperDiv = document.createElement(\"div\");\r\n imgWrapperDiv.id = \"imgWrapper\";\r\n imgWrapperDiv.setAttribute(\r\n \"style\",\r\n \"display: inline-block; padding: 15px 0px 15px 0px;\"\r\n );\r\n imgWrapperDiv.setAttribute(\"contenteditable\", false);\r\n const imageTemplate = getPressMediaTemplate(\r\n fileFullPath,\r\n \"\",\r\n \"\",\r\n \"img\"\r\n );\r\n imgWrapperDiv.insertAdjacentHTML(\"beforeend\", imageTemplate);\r\n range.insertNode(imgWrapperDiv);\r\n\r\n // Move the caret immediately after the inserted span\r\n range.setStartAfter(imgWrapperDiv);\r\n range.collapse(true);\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n break;\r\n case \"Ytb\":\r\n range.collapse(true);\r\n var youtubeWrapperDiv = document.createElement(\"div\");\r\n youtubeWrapperDiv.id = \"youtubeVideoWrapper\";\r\n youtubeWrapperDiv.setAttribute('contenteditable', false);\r\n const urlLabel = document.getElementById('youtubeLabel').value;\r\n const url = youtube_parser(urlLabel);\r\n if (!url) {\r\n document.getElementById(\"erroYtb\").innerHTML = t('Press:erroYtb');\r\n return;\r\n } else {\r\n document.getElementById(\"erroYtb\").innerHTML = \"\";\r\n }\r\n const youtubeTemplate = getYoutubeVideoTemplate(url);\r\n youtubeWrapperDiv.insertAdjacentHTML('beforeend', youtubeTemplate);\r\n range.insertNode(youtubeWrapperDiv);\r\n // Move the caret immediately after the inserted span\r\n range.setStartAfter(youtubeWrapperDiv);\r\n range.collapse(true);\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n document.getElementById('youtubeLabel').value = \"\";\r\n break;\r\n default:\r\n var attachmentsWrapper = rteObj.current.contentModule\r\n .getDocument()\r\n .getElementById(\"rteAttachments\");\r\n range.setStart(attachmentsWrapper, 0);\r\n range.collapse(true);\r\n var attachmentsHeaderTr = rteObj.current.contentModule\r\n .getDocument()\r\n .getElementById(\"attachmentsHeader\");\r\n if (!attachmentsHeaderTr) {\r\n const attachmentTemplate = getReleaseAttachmentsHeader(\r\n language === 1 ? \"Anexos\" : \"Attachments\"\r\n );\r\n attachmentsWrapper.innerHTML = ` ${attachmentTemplate} `;\r\n range.setStartAfter(attachmentsWrapper);\r\n }\r\n\r\n var attachmentsArea = rteObj.current.contentModule\r\n .getDocument()\r\n .querySelectorAll(\"[id=attachmentWrapper]\");\r\n var index = -1;\r\n for (var i = 0; i < attachmentsArea.length; i++) {\r\n if (attachmentsArea[i].childElementCount === 0) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n if (index > -1) {\r\n const mediaTemplate = getPressMediaTemplate(\r\n `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-attach.png`,\r\n txtAttachmentTitleRef.current.value || '',\r\n fileFullPath,\r\n \"attachment\"\r\n );\r\n attachmentsArea[index].innerHTML = mediaTemplate;\r\n // Move the caret immediately after the inserted span\r\n range.setStartAfter(attachmentsArea[index]);\r\n } else {\r\n\r\n var attachmentWrapperTd = document.createElement(\"td\");\r\n attachmentWrapperTd.id = \"attachmentWrapper\";\r\n\r\n attachmentWrapperTd.setAttribute(\"valign\", \"center\");\r\n attachmentWrapperTd.setAttribute(\"bgcolor\", \"#ffffff\");\r\n attachmentWrapperTd.setAttribute(\"contenteditable\", false);\r\n attachmentWrapperTd.setAttribute(\r\n \"style\",\r\n \"color:#FFFFFF;text-align:center;border:5px solid #FFFFFF;vertical-align:top;\"\r\n );\r\n\r\n const attachmentFilename = txtAttachmentTitleRef.current.value ||\r\n (language === 1 ? \"Anexo\" : \"Attachment\");\r\n const mediaTemplate = getPressMediaTemplate(\r\n `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-attach.png`,\r\n attachmentFilename,\r\n fileFullPath,\r\n \"attachment\"\r\n );\r\n attachmentWrapperTd.innerHTML = mediaTemplate;\r\n var attachmentsTr = rteObj.current.contentModule\r\n .getDocument()\r\n .getElementById(\"rowAttachments\");\r\n attachmentsTr.appendChild(attachmentWrapperTd);\r\n range.setStartAfter(attachmentWrapperTd);\r\n }\r\n\r\n range.collapse(true);\r\n sel.removeAllRanges();\r\n sel.addRange(range);\r\n break;\r\n }\r\n uploadObj.current.clearAll();\r\n dialogOverlay();\r\n setIsArgs('');\r\n setTypeFileVideo('');\r\n setAttachmentTitleCount('');\r\n setAttachmentSubTitleCount('');\r\n setAttachmentAudioCount('');\r\n txtAttachmentTitleRef.current.value = \"\";\r\n txtAudioRef.current.value = \"\";\r\n };\r\n\r\n let dialogOverlay = () => {\r\n\r\n let activeEle = dialogObj.current.element.querySelector(\r\n \".char_block.e-active\"\r\n );\r\n\r\n let activeEleYtb = dialogObjYtb.current.element.querySelector(\r\n \".char_block.e-active\"\r\n );\r\n\r\n if (activeEle || activeEleYtb) {\r\n activeEle.classList.remove(\"e-active\");\r\n }\r\n uploadObj.current.clearAll();\r\n dialogObj.current.hide();\r\n dialogObjYtb.current.hide();\r\n if (document.getElementById(\"uploadVideo\")) {\r\n document\r\n .getElementById(\"uploadVideo\")\r\n .setAttribute(\"style\", \"display:block;\");\r\n document.querySelector(\"#uploadVideo .e-error\").innerHTML = \"\";\r\n }\r\n setTypeFileVideo('');\r\n setIsArgs('');\r\n setAttachmentTitleCount('');\r\n setAttachmentSubTitleCount('');\r\n setAttachmentAudioCount('');\r\n txtAttachmentTitleRef.current.value = \"\";\r\n txtAudioRef.current.value = \"\";\r\n };\r\n\r\n function RenderVideoTag({ videoSrc, showThumb }) {\r\n return (\r\n ',\r\n ` ${getImagesTitle(idType, i18n.language)} `\r\n );\r\n }\r\n\r\n if (newTag.indexOf(' `,\r\n ` \r\n \r\n ${signature && mountSignature(signature, langName(language) || i18n.language, globalState.tokenLightWeight)}\r\n \r\n \r\n \r\n `\r\n );\r\n }\r\n\r\n if (\r\n newTag.indexOf(\"- Vale | Todos os direitos reservados\") ===\r\n -1 &&\r\n newTag.indexOf(\"- Vale | All rights reserved\") === -1\r\n ) {\r\n newTag = newTag.replace(\r\n \" \",\r\n `\r\n \r\n \r\n ${language === 1 ? PressFooterPT\r\n : language === \"pt\" ? PressFooterPT\r\n : PressFooterEN\r\n }\r\n \r\n `\r\n );\r\n }\r\n\r\n rteObj.current.value = newTag;\r\n } else {\r\n defaultRteTemplate();\r\n }\r\n };\r\n\r\n const rteBeforeQuickToolbarOpen = (e) => {\r\n\r\n e.cancel = true;\r\n };\r\n\r\n const rteBeforeDialogClose = (e) => {\r\n\r\n restoreCaret();\r\n };\r\n\r\n const rteActionBegin = (e) => {\r\n\r\n let range = rteObj.current.getRange();\r\n e.cancel = !isOrContainsNode(\r\n range.commonAncestorContainer,\r\n document.getElementById(\"rteDefaultTBodyContent\")\r\n );\r\n };\r\n\r\n const clearUnusedMedias = () => {\r\n\r\n var urlRegex = /(https?:\\/\\/[^\\s]+)/g;\r\n let mediasUrls = [\r\n ...new Set(releaseState.releaseItem.conteudo.match(urlRegex)),\r\n ];\r\n const systemIconPath = \"/press/System\";\r\n if (mediasUrls) {\r\n let serverUrls = mediasUrls.filter(\r\n (item) =>\r\n item.indexOf(`${process.env.REACT_APP_AZURE_STORAGE}`) >\r\n -1 && item.indexOf(systemIconPath) === -1\r\n );\r\n let newMediasUrls = rteObj.current.value.match(urlRegex);\r\n if (serverUrls && newMediasUrls && newMediasUrls.length) {\r\n const urls = newMediasUrls.filter(\r\n (item) =>\r\n item.indexOf(`${process.env.REACT_APP_AZURE_STORAGE}`) >\r\n -1 && item.indexOf(systemIconPath) === -1\r\n );\r\n let mediasDeleted = serverUrls.filter((x) => !urls.includes(x));\r\n mediasDeleted.map((item) => {\r\n\r\n let qstring = `mediaPath=${getRelativeFilePath(\r\n item.slice(0, -1)\r\n )}`;\r\n removeMedia(globalState.accessToken, qstring, idType);\r\n });\r\n } else {\r\n serverUrls.map((item) => {\r\n\r\n let qstring = `mediaPath=${getRelativeFilePath(\r\n item.slice(0, -1)\r\n )}`;\r\n removeMedia(globalState.accessToken, qstring, idType);\r\n });\r\n }\r\n }\r\n };\r\n\r\n const onSubmitClick = (data) => {\r\n props.setDisabledBtn(true);\r\n\r\n if (itemId) clearUnusedMedias();\r\n\r\n const addOrUpdate = itemId ? updatePressItem : addPressItem;\r\n const dataAPI = {\r\n id: itemId,\r\n bloqueado: blocked,\r\n idIdioma: language || 1,\r\n titulo: title,\r\n subtitulo: subTitle,\r\n autores: authors,\r\n idAreaNegocio: areaNegocio || null,\r\n idPais: idPais,\r\n data: convertDateToUTC(date).toISOString(),\r\n idRegional: idRegional || null,\r\n aprovadoPor: approver || \"\",\r\n conteudo: document.getElementById(\"rteDefaultTable\").outerHTML,\r\n idTipo: idType,\r\n mediaGuid: mediaGuid,\r\n };\r\n\r\n addOrUpdate(globalState.accessToken, dataAPI, idType)\r\n .then((response) => {\r\n\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then((result) => {\r\n\r\n if (idType ===1 || idType ===3) {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null,\r\n });\r\n setRedirectId(result.id);\r\n } else {\r\n setRedirect(true);\r\n }\r\n props.setDisabledBtn(false);\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n setLoading(false);\r\n props.setDisabledBtn(false);\r\n });\r\n };\r\n\r\n const sidebarCreated = () => {\r\n\r\n sidebarRef.current.element.style.visibility = \"\";\r\n };\r\n\r\n const sidebarOpen = (e) => {\r\n\r\n if (gridMediaRef) gridCreated();\r\n };\r\n\r\n const renderMediaTemplate = (args) => {\r\n\r\n switch (args.type) {\r\n case \"Video\":\r\n return (\r\n \r\n 
;\r\n default:\r\n return {args.title};\r\n }\r\n };\r\n\r\n const removeMediaTemplate = (args) => {\r\n\r\n return (\r\n \r\n \r\n { dialogObjYtb.current = scope }}\r\n overlayClick={dialogOverlay}\r\n close={dialogOverlay}\r\n visible={false}\r\n showCloseIcon={true}\r\n width='45%'\r\n target={'#rteSection'}\r\n isModal={true}\r\n style={{ minHeight: 150 }}>\r\n \r\n {/* YOUTUBE TXT END */}\r\n (sidebarRef.current = sidebar)}\r\n style={{ visibility: \"hidden\" }}\r\n created={sidebarCreated}\r\n type=\"Push\"\r\n position=\"Right\"\r\n open={sidebarOpen}\r\n closeOnDocumentClick={true}\r\n >\r\n \r\n multiSelectGroups = multiSelect}\r\n cssClass=\"e-filled\"\r\n dataSource={groups}\r\n fields={{ value: \"id\", text: \"nome\" }}\r\n placeholder={t(\"Contact:groups_placeholder\")}\r\n mode=\"Box\"\r\n change={multiSelectChange}\r\n value={context.groupsSelected}\r\n >\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport { MailingContactsContext, MailingContactsProviderGeneral };","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { MailingContactsContext } from \"../generalMailing/contacts/MailingContactsContext\";\r\nimport { getMailingGroupItemsGeneral } from \"../../services/MailingGeneralSVC\";\r\nimport { ReleaseStateContext } from \"../releases/ReleaseState\";\r\nimport { MultiSelectComponent, CheckBoxSelection, Inject } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport '../mailing/contacts/contacts.css';\r\n\r\nexport const GroupsBoxGeneral = (props) => {\r\n let multiSelectGroups;\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const context = React.useContext(props.type ? ReleaseStateContext : MailingContactsContext);\r\n const [groups, setGroups] = React.useState(null);\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n let qString = '';\r\n if (props.type) {\r\n context.setGroupsSelected([]);\r\n qString = '?$filter=quantidadeMembros gt 0'\r\n }\r\n getMailingGroupItemsGeneral(globalState.accessToken, qString).then(response => {\r\n if (response.ok) {\r\n response.json().then(result => {\r\n setGroups(result);\r\n });\r\n }\r\n });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (context.generalGroupsFilter && groups) {\r\n const groupsFiltered = groups.filter(item => (!context.generalGroupsFilter.idpais || item.idpais === context.generalGroupsFilter.idpais) &&\r\n (!context.generalGroupsFilter.idregional || item.idregional === context.generalGroupsFilter.idregional));\r\n multiSelectGroups.dataSource = groupsFiltered;\r\n\r\n }\r\n }, [context.generalGroupsFilter]);\r\n\r\n // React.useEffect(() => {\r\n // console.log(context);\r\n // }, [context]);\r\n\r\n const multiSelectChange = e => {\r\n context.setGeneralGroupsSelected(e.value);\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n setOpenDialog(false)}\r\n >\r\n E-mails\r\n gridInstance = grid}\r\n dataSource={gridDataSource}\r\n filterSettings={{ type: 'CheckBox' }}\r\n allowFiltering={true}\r\n allowPaging={true}\r\n allowSorting={true}\r\n allowExcelExport={true}\r\n allowResizing={true}\r\n pageSettings={{ pageSize: 9 }}\r\n actionBegin={gridActionBegin}\r\n queryCellInfo={renderCellGroup}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n filterTemplate(i18n.language ===\"pt\" ? item.nomePaisPT : item.nomePaisEN)}\r\n width='240'>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
`\r\n );\r\n}\r\n\r\n{/* \r\n \r\n ${args.footer}\r\n \r\n */}\r\n\r\n\r\nexport function getReleaseAttachmentsHeader(attachmentTitle, rows) {\r\n return (\r\n `\r\n
`\r\n );\r\n}\r\n\r\nexport function getReleaseDefault(type, lang) {\r\n let language = lang ? lang === 1 ? 'pt' : 'en' : i18n.language;\r\n switch (type) {\r\n case 1:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título do release...\" : \"Release title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para o release...\" : \"Type the release content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n case 2:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título da nota...\" : \"Statement title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para a nota...\" : \"Type the statement content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n case 3:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título do posicionamento...\" : \"Position paper title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para o posicionamento...\" : \"Type the position paper content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n case 4:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título do Q&A...\" : \"Q&A title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para o Q & A...\" : \"Type the Q&A content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n case 6:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título do aviso de webcast...\" : \"Webcast notice title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para o aviso de webcast...\" : \"Type the webcast notice content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n case 7:\r\n return {\r\n header: getImagesTitle(type, language),\r\n date: new Date(),\r\n title: language === \"pt\" ? \"Título do aviso de pauta...\" : \"Assignment notice title...\",\r\n subtitle: \"\",\r\n content: language === \"pt\" ? \"Digite aqui um conteúdo para o aviso de pauta...\" : \"Type the assignment notice content in here...\",\r\n boiler: '',\r\n footer: ''\r\n };\r\n }\r\n}\r\n\r\nexport function getReleaseByProps(props) {\r\n return {\r\n header: '',\r\n date: new Date(props.data),\r\n title: props.titulo,\r\n subtitle: props.subtitulo,\r\n content: props.conteudo,\r\n boiler: '',\r\n footer: ''\r\n }\r\n}\r\n\r\nexport function emailSnippets(type, lang) {\r\n switch (type) {\r\n case \"Cab\": {\r\n switch (lang) {\r\n case 'pt':\r\n return (\r\n PressHeaderPT\r\n )\r\n case 'en':\r\n return (\r\n PressHeaderEN\r\n )\r\n }\r\n }\r\n case \"Rod\":\r\n switch (lang) {\r\n case 'pt':\r\n return (\r\n PressFooterPT\r\n )\r\n case 'en':\r\n return (\r\n PressFooterEN\r\n )\r\n }\r\n case \"BoPla\":\r\n switch (lang) {\r\n case 'pt':\r\n return (\r\n PressBoilerPlatePT\r\n )\r\n case 'en':\r\n return (\r\n PressBoilerPlateEN\r\n )\r\n }\r\n //case \"Img\":\r\n // return {\r\n // insertImage();\r\n // };\r\n }\r\n}\r\n\r\nexport function getImagesTitleString(id, lang) {\r\n let language;\r\n if (lang === \"pt\" || lang === \"en\") {\r\n language = lang;\r\n } else {\r\n language = lang ? lang === '1' ? 'pt' : 'en' : i18n.language;\r\n }\r\n\r\n switch (id) {\r\n case 1:\r\n return \"header.jpg\"\r\n case 2:\r\n return language === \"pt\"\r\n ? \"Cabeçalho_Nota_PT.png\"\r\n : \"Cabeçalho_Nota_EN.png\"\r\n case 3:\r\n return language === \"pt\"\r\n ? \"Cabeçalho_Posicionamento_PT.png\"\r\n : \"Cabeçalho_Posicionamento_EN.png\"\r\n case 4:\r\n return language === \"pt\"\r\n ? \"Cabeçalho_QA_PT.png\"\r\n : \"Cabeçalho_QA_EN.png\"\r\n case 6:\r\n return language === \"pt\"\r\n ? \"Cabeçalho_Webcast_PT.png\"\r\n : \"Cabeçalho_Webcast_EN.png\"\r\n case 7:\r\n return language === \"pt\"\r\n ? \"Cabeçalho_Aviso_PT.png\"\r\n : \"Cabeçalho_Aviso_EN.png\"\r\n }\r\n}\r\n\r\nexport function getImagesTitle(id, lang) {\r\n let language;\r\n if (lang === \"pt\" || lang === \"en\") {\r\n language = lang;\r\n } else {\r\n language = lang ? lang === '1' ? 'pt' : 'en' : i18n.language;\r\n }\r\n\r\n switch (id) {\r\n case 1:\r\n return `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/header.jpg\")
`\r\n case 2:\r\n return language === \"pt\"\r\n ? `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Nota_PT.png\")
`\r\n : `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Nota_EN.png\")
`\r\n case 3:\r\n return language === \"pt\"\r\n ? `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Posicionamento_PT.png\")
`\r\n : `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Posicionamento_EN.png\")
`\r\n case 4:\r\n return language === \"pt\"\r\n ? `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_QA_PT.png\")
`\r\n : `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_QA_EN.png\")
`\r\n case 6:\r\n return language === \"pt\"\r\n ? `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Webcast_PT.png\")
`\r\n : `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Webcast_EN.png\")
`\r\n case 7:\r\n return language === \"pt\"\r\n ? `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Aviso_PT.png\")
`\r\n : `![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/Cabeçalho_Aviso_EN.png\")
`\r\n }\r\n}\r\n","export function getFileExtension(fileName) {\r\n\r\n if (!fileName) return '';\r\n const arrName = fileName.trim().split('.');\r\n if (arrName.length > 1) {\r\n let ext = arrName.slice(-1)[0].split('&');\r\n return getFileExtensionName(ext[0].toLowerCase(), fileName);\r\n }\r\n else return '';\r\n}\r\n\r\nexport function getFileExtensionName(extension, url) {\r\n\r\n const urlEdited = url.includes('https://cdn.valecgc.com')\r\n ? url.replace('https://cdn.valecgc.com', `${process.env.REACT_APP_AZURE_STORAGE}`)\r\n : url.replace('https://filescdncgc.inparlabs.com.br', `${process.env.REACT_APP_AZURE_STORAGE}`);\r\n\r\n switch (extension) {\r\n case 'pdf':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-pdf.png`;\r\n case 'doc':\r\n case 'docx':\r\n case 'docm':\r\n case 'docb':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-doc.png`;\r\n case 'ppt':\r\n case 'pps':\r\n case 'pptx':\r\n case 'pptm':\r\n case 'ppsx':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-ppt.png`;\r\n case 'xls':\r\n case 'csv':\r\n case 'xlm':\r\n case 'xlsx':\r\n case 'xlsm':\r\n case 'xlsb':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-excel.png`;\r\n case 'txt':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-text.png`;\r\n case 'jpg':\r\n case 'png':\r\n case 'jpeg':\r\n case 'svg':\r\n case 'jif':\r\n case 'jfif':\r\n case 'jpe':\r\n case 'jfi':\r\n case 'gif':\r\n case 'webp':\r\n case 'tiff':\r\n case 'bmp':\r\n return urlEdited;\r\n case 'one':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-onenote.png`;\r\n case 'mp4':\r\n case 'mov':\r\n case 'wmv':\r\n case 'avi':\r\n case 'mkv':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-video.png`;\r\n case 'zip':\r\n case 'rar':\r\n case '7z':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-compacted.png`;\r\n case 'psd':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-psd.png`;\r\n case 'mp3':\r\n case 'wma':\r\n case 'wav':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-music.png`;\r\n default:\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-attach-black.png`;\r\n }\r\n}\r\n\r\nexport function isOrContainsNode(node, container) {\r\n\r\n while (node) {\r\n if (node === container) {\r\n return true;\r\n }\r\n node = node.parentNode;\r\n }\r\n return false;\r\n};\r\n\r\nexport function langName(langId) {\r\n switch(langId) {\r\n case 1: return 'pt'\r\n case 2: return 'en'\r\n default: return undefined\r\n }\r\n}\r\n\r\nexport function convertDateToUTC(date) {\r\n\r\n return new Date(\r\n date.getUTCFullYear(),\r\n date.getUTCMonth(),\r\n date.getUTCDate(),\r\n date.getUTCHours(),\r\n date.getUTCMinutes(),\r\n date.getUTCSeconds()\r\n );\r\n}\r\n\r\nexport function elementContainsSelection(el, sel) {\r\n if (sel) {\r\n if (sel.rangeCount > 0) {\r\n for (var i = 0; i < sel.rangeCount; ++i) {\r\n if (\r\n !isOrContainsNode(\r\n sel.getRangeAt(i).commonAncestorContainer,\r\n el\r\n )\r\n ) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n } else if ((sel = document.selection) && sel.type !==\"Control\") {\r\n return isOrContainsNode(sel.createRange().parentElement(), el);\r\n }\r\n return false;\r\n}\r\n\r\nexport function restoreSelectionDocument(containerEl, savedSel) {\r\n\r\n var textRange = document.body.createTextRange();\r\n textRange.moveToElementText(containerEl);\r\n textRange.collapse(true);\r\n textRange.moveEnd(\"character\", savedSel.end);\r\n textRange.moveStart(\"character\", savedSel.start);\r\n return textRange.select();\r\n}\r\n\r\nexport function getRelativeFilePath(absolutePath) {\r\n\r\n const filePathSplited = absolutePath.split(\"/\");\r\n const guidOrId = filePathSplited[filePathSplited.length - 2];\r\n const filename = filePathSplited[filePathSplited.length - 1];\r\n return `${guidOrId}/${filename}`;\r\n}\r\n","import { getFileExtension } from './Functions'\r\n\r\nexport function clearAttachmentsArea(html) {\r\n\r\n const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n const attachmentContainer = doc.getElementById(\"attachmentWrapper\");\r\n if (!attachmentContainer) {\r\n const attachmentsContainer = doc.getElementById(\"rteAttachments\");\r\n attachmentsContainer.innerHTML = \"\";\r\n }\r\n return doc.documentElement.innerHTML;\r\n}\r\n\r\nexport function youtube_parser(url) {\r\n var regExp = /^.*((youtu.be\\/)|(v\\/)|(\\/u\\/\\w\\/)|(embed\\/)|(watch\\?))\\??v?=?([^#&?]*).*/;\r\n var match = url.match(regExp);\r\n return (match && match[7].length ===11) ? match[7] : false;\r\n}\r\n\r\nexport function getPressMediaTemplate(iconPath, filename, mediaUrl, type, description) {\r\n\r\n const newExt = getFileExtension(mediaUrl)\r\n\r\n switch(type) {\r\n case 'mp3':\r\n return `\r\n
`\r\n case 'attachment':\r\n return `\r\n
`\r\n default:\r\n return `![](\"${iconPath}\")
`\r\n }\r\n\r\n}\r\n\r\nexport function mountSignature({id, idregional, tituloPT, tituloEN, urlpt, urlen, colaboradores, redesSociais}, lang, token) {\r\n\r\n const title = lang === \"pt\" ? tituloPT : tituloEN;\r\n const getUrlFromSocialMedia = (sm) => lang === \"pt\" ? sm.url : sm.urlen;\r\n\r\n return title ? `\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { PositionPaperList } from \"../../position/PositionList\";\r\nimport PermissionRedirect from '../../utilities/PermissionRedirect/PermissionRedirect';\r\n\r\nlet userPermission;\r\n\r\nexport const PositionPaper = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idPositionPaper, setIdPositionPaper] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.accessArea === \"Posicionamentos\").map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportPositionPaper(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editPositionPaper = (info) => {\r\n setIdPositionPaper(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportPositionPaper = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.bloqueado = x.bloqueado ? lang === 'pt' ? 'Bloqueado' : 'Blocked' : lang === 'pt' ? 'Terminado' : 'Finished';\r\n x.data = new Date(x.data).toLocaleDateString(lang);\r\n return x;\r\n });\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport { MailingStatus } from \"../releases/MailingStatus\";\r\nimport { Export } from \"../utilities/Export\";\r\nimport { ChangeHistory } from \"../releases/ChangeHistory\";\r\nimport { SendItem } from \"../mailing/SendItem\"\r\nimport { getPressItem, addPressItem, deletePressItem, duplicatePressItem, getMailingShippingStatusItems, duplicateForwardPressItem } from \"../../services/PressSVC\";\r\nimport { getRegional } from \"../../services/SystemSVC\";\r\nimport { PressForm } from \"../Shared/PressForm\";\r\nimport { ReleaseStateContext } from \"../releases/ReleaseState\";\r\nimport { storageAccUrl } from \"../utilities/Constants\";\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\nimport { getAndMountSignature } from \"../../services/SignatureSVC\";\r\n\r\n// let richTextValue;\r\n//let releaseItem;\r\n\r\nexport const ReleasesItem = (props) => {\r\n let itemId = props.match.params.id;\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { releaseState, setReleaseState, showSendContent, setShowSendContent, redirectId, setRedirectId } = React.useContext(ReleaseStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [showDialog, setShowDialog] = React.useState(false);\r\n const [dialogDelete, setDialogDelete] = React.useState(false);\r\n const [regionalId, setRegionalId] = React.useState(null);\r\n const [openModalRegional, setOpenModalRegional] = React.useState(false);\r\n const [regionalList, setRegionalList] = React.useState([]);\r\n const [fwdConfirmationModal, setFwdConfirmationModal] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const modalRef = React.useRef();\r\n\r\n const handleRef = (ref) => {\r\n if (modalRef?.current?.contains(ref?.target)) {\r\n return;\r\n }\r\n setOpenModalRegional(false);\r\n }\r\n\r\n let _controls = React.useRef({\r\n area: \"Releases\",\r\n class: \"release\",\r\n customPermissions: !itemId,\r\n savePrimary: !!itemId,\r\n excludePrimary: true,\r\n urlView: () => setShowDialog(true),\r\n urlPreview: false,\r\n urlDuplicate: itemId ? () => duplicateRelease() : false,\r\n urlForward: itemId ? () => setOpenModalRegional(true) : false,\r\n urlSave: undefined,\r\n form: \"formReleaseItem\",\r\n urlSend: itemId ? () => setShowSendContent(true) : false,\r\n urlCancel: () => {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n });\r\n setRedirect(true);\r\n },\r\n urlDelete: itemId ? () => setDialogDelete(true) : false\r\n });\r\n\r\n const initialValue = {\r\n id: null,\r\n titulo: \"\",\r\n subtitulo: \"\",\r\n autores: \"\",\r\n idAreaNegocio: 0,\r\n idPais: 0,\r\n idRegional: \"\",\r\n data: new Date(),\r\n aprovadoPor: \"\",\r\n conteudo: null,\r\n bloqueado: false,\r\n language: 1,\r\n historico: []\r\n };\r\n\r\n React.useEffect(() => {\r\n _controls.current = {\r\n area: \"Releases\",\r\n class: \"release\",\r\n customPermissions: !itemId,\r\n savePrimary: !!itemId,\r\n excludePrimary: true,\r\n urlView: () => setShowDialog(true),\r\n urlPreview: false,\r\n urlDuplicate: itemId ? () => duplicateRelease() : false,\r\n urlForward: itemId ? () => setOpenModalRegional(true) : false,\r\n urlSave: undefined,\r\n form: \"formReleaseItem\",\r\n urlSend: itemId ? () => setShowSendContent(true) : false,\r\n urlCancel: () => {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n });\r\n setRedirect(true);\r\n },\r\n urlDelete: itemId ? () => setDialogDelete(true) : false\r\n }\r\n }, [redirectId]);\r\n\r\n React.useEffect(() => {\r\n setShowSendContent(false);\r\n setReleaseState({\r\n releaseItem: initialValue,\r\n urlItemId: null,\r\n changeInfo: null,\r\n mailingStatus: []\r\n });\r\n setRedirectId(null);\r\n\r\n if (itemId) {\r\n async function load() {\r\n let _releaseItem = await getPressItem(globalState.accessToken, itemId, 1)\r\n .then(response => {\r\n if (response.ok)\r\n return response.json()\r\n });\r\n\r\n let mailingSent = await getMailingShippingStatusItems(globalState.accessToken, itemId)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n // _controls.current.customPermissions = itemId ? mailingSent && mailingSent.length === 0 && hasPermissions(2, \"Edit\", globalState) : hasPermissions(2, \"Create\", globalState)\r\n _controls.current.customPermissions = itemId ? hasPermissions(2, \"Edit\", globalState) : hasPermissions(2, \"Create\", globalState)\r\n setReleaseState(releaseState => ({\r\n ...releaseState,\r\n releaseItem: _releaseItem,\r\n urlItemId: itemId,\r\n mailingStatus: mailingSent\r\n }));\r\n }\r\n load();\r\n }\r\n else {\r\n setReleaseState({\r\n releaseItem: initialValue,\r\n urlItemId: null,\r\n changeInfo: null,\r\n mailingStatus: []\r\n });\r\n }\r\n }, [itemId, redirectId]);\r\n\r\n React.useEffect(() => {\r\n const getRegionalList = async () => {\r\n\r\n let _regional = await getRegional(globalState.accessToken).then(\r\n (response) => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n }\r\n );\r\n setRegionalList(_regional);\r\n }\r\n getRegionalList();\r\n\r\n const getRef = () => {\r\n document.addEventListener(\"mousedown\", handleRef);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleRef);\r\n };\r\n };\r\n getRef();\r\n\r\n }, []);\r\n\r\n const _export = {\r\n pdf: true,\r\n doc: true,\r\n excel: \"\"\r\n }\r\n\r\n const _info = {\r\n close: () => setShowDialog(false)\r\n }\r\n\r\n let duplicateRelease = () => {\r\n duplicatePressItem(globalState.accessToken, itemId, 1)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n const handleDuplicateRegional = () => {\r\n duplicateRegionalRelease()\r\n }\r\n\r\n let duplicateRegionalRelease = async () => {\r\n\r\n const lang = releaseState.releaseItem.idIdioma ? releaseState.releaseItem.idIdioma === 1 ? 'pt' : 'en' : i18n.language;\r\n const {newSig, newSigContent} = await getAndMountSignature(globalState, regionalId, lang);\r\n const regex = /()([^]+)( )/;\r\n const contentReplaced = `${newSigContent} `;\r\n const conteudo = releaseState.releaseItem.conteudo.replace(regex, contentReplaced)\r\n\r\n duplicateForwardPressItem(globalState.accessToken, itemId, 1, regionalId, conteudo)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setFwdConfirmationModal(result)\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n let deleteRelease = () => {\r\n deletePressItem(globalState.accessToken, itemId, 1)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n return (\r\n /g, ` ${newSigContent} `)\r\n\r\n duplicateForwardPressItem(globalState.accessToken, itemId, 2, regionalId, conteudo)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setFwdConfirmationModal(result)\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n let deleteStatement = () => {\r\n deletePressItem(globalState.accessToken, itemId, 2)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n \r\n \r\n /g, ` ${newSigContent} `)\r\n\r\n duplicateForwardPressItem(globalState.accessToken, itemId, 3, regionalId, conteudo)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setFwdConfirmationModal(result)\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n let deletePositionPaper = () => {\r\n deletePressItem(globalState.accessToken, itemId, 3)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { MailingContactsContext } from \"./MailingContactsContext\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, ForeignKey, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit, ExcelExport } from '@syncfusion/ej2-react-grids';\r\nimport { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { createSpinner, hideSpinner, setSpinner, showSpinner } from '@syncfusion/ej2-react-popups';\r\nimport { hasPermissions } from \"../../utilities/Utils\";\r\nimport { useModal } from \"../../../hooks/Modal\";\r\nimport { countriesJSON } from '../../../resources/countries.js';\r\n\r\nlet gridInstance;\r\nexport const ContactsList = (props) => {\r\n\r\n let textBoxSearch;\r\n const { gridRef } = props;\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { mediaTypes, countries, states, cities, setItem, contactListItems } = React.useContext(MailingContactsContext);\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n const [loading, setLoading] = React.useState(true);\r\n const [itemSelected, setItemSelected] = React.useState(null);\r\n const [filter, setFilter] = React.useState({});\r\n\r\n const { buildDialogMessage } = useModal();\r\n\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n setIsVisible(false);\r\n if (textBoxSearch)\r\n textBoxSearch.placeholder = t('Contacts:search_placeholder');\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (loading) {\r\n createSpinner({ target: document.getElementById('loadContactsList') });\r\n showSpinner(document.getElementById('loadContactsList'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loading]);\r\n\r\n React.useEffect(() => {\r\n const elemSpinner = document.getElementById('loadContactsList');\r\n if (contactListItems && elemSpinner) {\r\n hideSpinner(elemSpinner);\r\n setLoading(false);\r\n }\r\n }, [contactListItems]);\r\n\r\n const inputChange = e => {\r\n setFilter({ ...filter, [e.event.currentTarget.id]: e.value });\r\n }\r\n const dropdownlistChange = e => {\r\n setFilter({ ...filter, [e.element.id]: e.value });\r\n }\r\n\r\n const filterGrid = e => {\r\n setIsVisible(false);\r\n if (gridInstance) {\r\n let dataFiltered = [...contactListItems];\r\n const filterValue = filter.tbSearch.trim().toLowerCase();\r\n\r\n if (filterValue)\r\n dataFiltered = dataFiltered.filter(item => {\r\n\r\n console.log(item)\r\n return item.jornalista && item.jornalista.toLowerCase().includes(filterValue)\r\n || item.nomeVeiculo && item.nomeVeiculo.toLowerCase().includes(filterValue)\r\n || item.telefone && item.telefone.some(tel => tel.telefone && tel.telefone.toLowerCase().includes(filterValue))\r\n });\r\n if (filter.mediaTypes)\r\n dataFiltered = dataFiltered.filter(item => item.idtipoMidia ===filter.mediaTypes);\r\n if (filter.countries)\r\n dataFiltered = dataFiltered.filter(item => item.idpais ===filter.countries);\r\n if (filter.states)\r\n dataFiltered = dataFiltered.filter(item => item.idestado ===filter.states);\r\n if (filter.cities)\r\n dataFiltered = dataFiltered.filter(item => item.idcidade ===filter.cities);\r\n\r\n gridInstance.dataSource = dataFiltered;\r\n }\r\n }\r\n\r\n const titleTemplate = (e) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n sidebarRef = sidebar}\r\n style={{ visibility: \"hidden\" }}\r\n created={sidebarCreated}\r\n type=\"Push\"\r\n position=\"Right\"\r\n closeOnDocumentClick={true}\r\n >\r\n \r\n \r\n
\r\n \r\n sidebarRef = sidebar}\r\n style={{ visibility: \"hidden\" }}\r\n created={sidebarCreated}\r\n type=\"Push\"\r\n position=\"Right\"\r\n closeOnDocumentClick={true}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { GroupsList } from \"./GroupsList\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\n\r\nexport const GeneralGroups = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [loading, setLoading] = React.useState(false);\r\n const [idRelease, setIdRelease] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 63).map((i) => (i.permission));\r\n setLoading(true);\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: false,\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { QAList } from \"../../qa/QAList\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\n\r\nexport const QA = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idQA, setIdQA] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 12).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportQA(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editQA = (info) => {\r\n setIdQA(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportQA = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.bloqueado = x.bloqueado ? lang === 'pt' ? 'Bloqueado' : 'Blocked' : lang === 'pt' ? 'Terminado' : 'Finished';\r\n x.data = new Date(x.data).toLocaleDateString(lang);\r\n return x;\r\n });\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { WebcastList } from \"../../webcast/WebcastList\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\n\r\nexport const WebcastNotices = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idWebcastNotice, setIdWebcastNotice] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAccessArea === 13).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportWebcastNotice(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editWebcastNotice = (info) => {\r\n setIdWebcastNotice(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportWebcastNotice = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.bloqueado = x.bloqueado ? lang === 'pt' ? 'Bloqueado' : 'Blocked' : lang === 'pt' ? 'Terminado' : 'Finished';\r\n x.data = new Date(x.data).toLocaleDateString(lang);\r\n return x;\r\n });\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { AssignmentList } from \"../../assignment/AssignmentList\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\n\r\nexport const AssignmentNotices = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idAssignmentNotice, setIdAssignmentNotice] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 14).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportAssignmentNotice(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editAssignmentNotice = (info) => {\r\n setIdAssignmentNotice(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportAssignmentNotice = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.bloqueado = x.bloqueado ? lang === 'pt' ? 'Bloqueado' : 'Blocked' : lang === 'pt' ? 'Terminado' : 'Finished';\r\n x.data = new Date(x.data).toLocaleDateString(lang);\r\n return x;\r\n });\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}","export const countriesJSON = [\r\n {\r\n \"nameEn\": \"Afghanistan\",\r\n \"namePt\": \"Afeganistão\",\r\n \"dialCode\": \"+93\",\r\n \"isoCode\": \"AF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/af.svg`\r\n },\r\n {\r\n \"nameEn\": \"Aland Islands\",\r\n \"namePt\": \"Ilhas Aland\",\r\n \"dialCode\": \"+358\",\r\n \"isoCode\": \"AX\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ax.svg`\r\n },\r\n {\r\n \"nameEn\": \"Albania\",\r\n \"namePt\": \"Albânia\",\r\n \"dialCode\": \"+355\",\r\n \"isoCode\": \"AL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/al.svg`\r\n },\r\n {\r\n \"nameEn\": \"Algeria\",\r\n \"namePt\": \"Argélia\",\r\n \"dialCode\": \"+213\",\r\n \"isoCode\": \"DZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/dz.svg`\r\n },\r\n {\r\n \"nameEn\": \"AmericanSamoa\",\r\n \"namePt\": \"Samoa Americana\",\r\n \"dialCode\": \"+1684\",\r\n \"isoCode\": \"AS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/as.svg`\r\n },\r\n {\r\n \"nameEn\": \"Andorra\",\r\n \"namePt\": \"Andorra\",\r\n \"dialCode\": \"+376\",\r\n \"isoCode\": \"AD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ad.svg`\r\n },\r\n {\r\n \"nameEn\": \"Angola\",\r\n \"namePt\": \"Angola\",\r\n \"dialCode\": \"+244\",\r\n \"isoCode\": \"AO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ao.svg`\r\n },\r\n {\r\n \"nameEn\": \"Anguilla\",\r\n \"namePt\": \"Anguilla\",\r\n \"dialCode\": \"+1264\",\r\n \"isoCode\": \"AI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ai.svg`\r\n },\r\n {\r\n \"nameEn\": \"Antarctica\",\r\n \"namePt\": \"Antártica\",\r\n \"dialCode\": \"+672\",\r\n \"isoCode\": \"AQ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/aq.svg`\r\n },\r\n {\r\n \"nameEn\": \"Antigua and Barbuda\",\r\n \"namePt\": \"Antigua e Barbuda\",\r\n \"dialCode\": \"+1268\",\r\n \"isoCode\": \"AG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ag.svg`\r\n },\r\n {\r\n \"nameEn\": \"Argentina\",\r\n \"namePt\": \"Argentina\",\r\n \"dialCode\": \"+54\",\r\n \"isoCode\": \"AR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ar.svg`\r\n },\r\n {\r\n \"nameEn\": \"Armenia\",\r\n \"namePt\": \"Armênia\",\r\n \"dialCode\": \"+374\",\r\n \"isoCode\": \"AM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/am.svg`\r\n },\r\n {\r\n \"nameEn\": \"Aruba\",\r\n \"namePt\": \"Aruba\",\r\n \"dialCode\": \"+297\",\r\n \"isoCode\": \"AW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/aw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ascension Island\",\r\n \"namePt\": \"Ilha Ascensão\",\r\n \"dialCode\": \"+247\",\r\n \"isoCode\": \"AC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ac.svg`\r\n },\r\n {\r\n \"nameEn\": \"Australia\",\r\n \"namePt\": \"Austrália\",\r\n \"dialCode\": \"+61\",\r\n \"isoCode\": \"AU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/au.svg`\r\n },\r\n {\r\n \"nameEn\": \"Austria\",\r\n \"namePt\": \"Áustria\",\r\n \"dialCode\": \"+43\",\r\n \"isoCode\": \"AT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/at.svg`\r\n },\r\n {\r\n \"nameEn\": \"Azerbaijan\",\r\n \"namePt\": \"Azerbaijão\",\r\n \"dialCode\": \"+994\",\r\n \"isoCode\": \"AZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/az.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bahamas\",\r\n \"namePt\": \"Bahamas\",\r\n \"dialCode\": \"+1242\",\r\n \"isoCode\": \"BS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bs.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bahrain\",\r\n \"namePt\": \"Bahrein\",\r\n \"dialCode\": \"+973\",\r\n \"isoCode\": \"BH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bh.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bangladesh\",\r\n \"namePt\": \"Bangladesh\",\r\n \"dialCode\": \"+880\",\r\n \"isoCode\": \"BD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bd.svg`\r\n },\r\n {\r\n \"nameEn\": \"Barbados\",\r\n \"namePt\": \"Barbados\",\r\n \"dialCode\": \"+1246\",\r\n \"isoCode\": \"BB\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bb.svg`\r\n },\r\n {\r\n \"nameEn\": \"Belarus\",\r\n \"namePt\": \"Bielo-Rússia\",\r\n \"dialCode\": \"+375\",\r\n \"isoCode\": \"BY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/by.svg`\r\n },\r\n {\r\n \"nameEn\": \"Belgium\",\r\n \"namePt\": \"Bélgica\",\r\n \"dialCode\": \"+32\",\r\n \"isoCode\": \"BE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/be.svg`\r\n },\r\n {\r\n \"nameEn\": \"Belize\",\r\n \"namePt\": \"Belize\",\r\n \"dialCode\": \"+501\",\r\n \"isoCode\": \"BZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Benin\",\r\n \"namePt\": \"Benin\",\r\n \"dialCode\": \"+229\",\r\n \"isoCode\": \"BJ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bj.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bermuda\",\r\n \"namePt\": \"Bermudas\",\r\n \"dialCode\": \"+1441\",\r\n \"isoCode\": \"BM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bhutan\",\r\n \"namePt\": \"Butão\",\r\n \"dialCode\": \"+975\",\r\n \"isoCode\": \"BT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bolivia\",\r\n \"namePt\": \"Bolívia\",\r\n \"dialCode\": \"+591\",\r\n \"isoCode\": \"BO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bo.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bosnia and Herzegovina\",\r\n \"namePt\": \"Bósnia e Herzegovina\",\r\n \"dialCode\": \"+387\",\r\n \"isoCode\": \"BA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ba.svg`\r\n },\r\n {\r\n \"nameEn\": \"Botswana\",\r\n \"namePt\": \"Botswana\",\r\n \"dialCode\": \"+267\",\r\n \"isoCode\": \"BW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Brazil\",\r\n \"namePt\": \"Brasil\",\r\n \"dialCode\": \"+55\",\r\n \"isoCode\": \"BR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/br.svg`\r\n },\r\n {\r\n \"nameEn\": \"British Indian Ocean Territory\",\r\n \"namePt\": \"Território Britânico do Oceano Índico\",\r\n \"dialCode\": \"+246\",\r\n \"isoCode\": \"IO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/io.svg`\r\n },\r\n {\r\n \"nameEn\": \"Brunei Darussalam\",\r\n \"namePt\": \"Brunei Darussalam\",\r\n \"dialCode\": \"+673\",\r\n \"isoCode\": \"BN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Bulgaria\",\r\n \"namePt\": \"Bulgária\",\r\n \"dialCode\": \"+359\",\r\n \"isoCode\": \"BG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Burkina Faso\",\r\n \"namePt\": \"Burkina Faso\",\r\n \"dialCode\": \"+226\",\r\n \"isoCode\": \"BF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bf.svg`\r\n },\r\n {\r\n \"nameEn\": \"Burundi\",\r\n \"namePt\": \"Burundi\",\r\n \"dialCode\": \"+257\",\r\n \"isoCode\": \"BI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bi.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cambodia\",\r\n \"namePt\": \"Camboja\",\r\n \"dialCode\": \"+855\",\r\n \"isoCode\": \"KH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kh.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cameroon\",\r\n \"namePt\": \"Camarões\",\r\n \"dialCode\": \"+237\",\r\n \"isoCode\": \"CM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Canada\",\r\n \"namePt\": \"Canadá\",\r\n \"dialCode\": \"+1\",\r\n \"isoCode\": \"CA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ca.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cape Verde\",\r\n \"namePt\": \"Cabo Verde\",\r\n \"dialCode\": \"+238\",\r\n \"isoCode\": \"CV\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cv.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cayman Islands\",\r\n \"namePt\": \"Ilhas Cayman\",\r\n \"dialCode\": \"+1345\",\r\n \"isoCode\": \"KY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ky.svg`\r\n },\r\n {\r\n \"nameEn\": \"Central African Republic\",\r\n \"namePt\": \"República Centro-Africana\",\r\n \"dialCode\": \"+236\",\r\n \"isoCode\": \"CF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cf.svg`\r\n },\r\n {\r\n \"nameEn\": \"Chad\",\r\n \"namePt\": \"Chade\",\r\n \"dialCode\": \"+235\",\r\n \"isoCode\": \"TD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/td.svg`\r\n },\r\n {\r\n \"nameEn\": \"Chile\",\r\n \"namePt\": \"Chile\",\r\n \"dialCode\": \"+56\",\r\n \"isoCode\": \"CL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cl.svg`\r\n },\r\n {\r\n \"nameEn\": \"China\",\r\n \"namePt\": \"China\",\r\n \"dialCode\": \"+86\",\r\n \"isoCode\": \"CN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Christmas Island\",\r\n \"namePt\": \"Ilha do Natal\",\r\n \"dialCode\": \"+61\",\r\n \"isoCode\": \"CX\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cx.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cocos (Keeling) Islands\",\r\n \"namePt\": \"Ilhas Cocos (Keeling)\",\r\n \"dialCode\": \"+61\",\r\n \"isoCode\": \"CC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Colombia\",\r\n \"namePt\": \"Colômbia\",\r\n \"dialCode\": \"+57\",\r\n \"isoCode\": \"CO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/co.svg`\r\n },\r\n {\r\n \"nameEn\": \"Comoros\",\r\n \"namePt\": \"Comores\",\r\n \"dialCode\": \"+269\",\r\n \"isoCode\": \"KM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/km.svg`\r\n },\r\n {\r\n \"nameEn\": \"Congo\",\r\n \"namePt\": \"Congo\",\r\n \"dialCode\": \"+242\",\r\n \"isoCode\": \"CG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cook Islands\",\r\n \"namePt\": \"Ilhas Cook\",\r\n \"dialCode\": \"+682\",\r\n \"isoCode\": \"CK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ck.svg`\r\n },\r\n {\r\n \"nameEn\": \"Costa Rica\",\r\n \"namePt\": \"Costa Rica\",\r\n \"dialCode\": \"+506\",\r\n \"isoCode\": \"CR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Croatia\",\r\n \"namePt\": \"Croácia\",\r\n \"dialCode\": \"+385\",\r\n \"isoCode\": \"HR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/hr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cuba\",\r\n \"namePt\": \"Cuba\",\r\n \"dialCode\": \"+53\",\r\n \"isoCode\": \"CU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Cyprus\",\r\n \"namePt\": \"Chipre\",\r\n \"dialCode\": \"+357\",\r\n \"isoCode\": \"CY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cy.svg`\r\n },\r\n {\r\n \"nameEn\": \"Czech Republic\",\r\n \"namePt\": \"República Checa\",\r\n \"dialCode\": \"+420\",\r\n \"isoCode\": \"CZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Democratic Republic of the Congo\",\r\n \"namePt\": \"República Democrática do Congo\",\r\n \"dialCode\": \"+243\",\r\n \"isoCode\": \"CD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/cd.svg`\r\n },\r\n {\r\n \"nameEn\": \"Denmark\",\r\n \"namePt\": \"Dinamarca\",\r\n \"dialCode\": \"+45\",\r\n \"isoCode\": \"DK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/dk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Djibouti\",\r\n \"namePt\": \"Djibouti\",\r\n \"dialCode\": \"+253\",\r\n \"isoCode\": \"DJ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/dj.svg`\r\n },\r\n {\r\n \"nameEn\": \"Dominica\",\r\n \"namePt\": \"Dominica\",\r\n \"dialCode\": \"+1767\",\r\n \"isoCode\": \"DM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/dm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Dominican Republic\",\r\n \"namePt\": \"República Dominicana\",\r\n \"dialCode\": \"+1849\",\r\n \"isoCode\": \"DO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/do.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ecuador\",\r\n \"namePt\": \"Equador\",\r\n \"dialCode\": \"+593\",\r\n \"isoCode\": \"EC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ec.svg`\r\n },\r\n {\r\n \"nameEn\": \"Egypt\",\r\n \"namePt\": \"Egito\",\r\n \"dialCode\": \"+20\",\r\n \"isoCode\": \"EG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/eg.svg`\r\n },\r\n {\r\n \"nameEn\": \"El Salvador\",\r\n \"namePt\": \"El Salvador\",\r\n \"dialCode\": \"+503\",\r\n \"isoCode\": \"SV\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sv.svg`\r\n },\r\n {\r\n \"nameEn\": \"Equatorial Guinea\",\r\n \"namePt\": \"Guiné Equatorial\",\r\n \"dialCode\": \"+240\",\r\n \"isoCode\": \"GQ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gq.svg`\r\n },\r\n {\r\n \"nameEn\": \"Eritrea\",\r\n \"namePt\": \"Eritreia\",\r\n \"dialCode\": \"+291\",\r\n \"isoCode\": \"ER\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/er.svg`\r\n },\r\n {\r\n \"nameEn\": \"Estonia\",\r\n \"namePt\": \"Estônia\",\r\n \"dialCode\": \"+372\",\r\n \"isoCode\": \"EE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ee.svg`\r\n },\r\n {\r\n \"nameEn\": \"Eswatini\",\r\n \"namePt\": \"Eswatini\",\r\n \"dialCode\": \"+268\",\r\n \"isoCode\": \"SZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ethiopia\",\r\n \"namePt\": \"Etiópia\",\r\n \"dialCode\": \"+251\",\r\n \"isoCode\": \"ET\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/et.svg`\r\n },\r\n {\r\n \"nameEn\": \"Falkland Islands (Malvinas)\",\r\n \"namePt\": \"Ilhas Falkland (Malvinas)\",\r\n \"dialCode\": \"+500\",\r\n \"isoCode\": \"FK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Faroe Islands\",\r\n \"namePt\": \"Ilhas Faroe\",\r\n \"dialCode\": \"+298\",\r\n \"isoCode\": \"FO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fo.svg`\r\n },\r\n {\r\n \"nameEn\": \"Fiji\",\r\n \"namePt\": \"Fiji\",\r\n \"dialCode\": \"+679\",\r\n \"isoCode\": \"FJ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fj.svg`\r\n },\r\n {\r\n \"nameEn\": \"Finland\",\r\n \"namePt\": \"Finlândia\",\r\n \"dialCode\": \"+358\",\r\n \"isoCode\": \"FI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fi.svg`\r\n },\r\n {\r\n \"nameEn\": \"France\",\r\n \"namePt\": \"França\",\r\n \"dialCode\": \"+33\",\r\n \"isoCode\": \"FR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fr.svg`\r\n },\r\n {\r\n \"nameEn\": \"French Guiana\",\r\n \"namePt\": \"Guiana Francesa\",\r\n \"dialCode\": \"+594\",\r\n \"isoCode\": \"GF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gf.svg`\r\n },\r\n {\r\n \"nameEn\": \"French Polynesia\",\r\n \"namePt\": \"Polinésia Francesa\",\r\n \"dialCode\": \"+689\",\r\n \"isoCode\": \"PF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pf.svg`\r\n },\r\n {\r\n \"nameEn\": \"Gabon\",\r\n \"namePt\": \"Gabão\",\r\n \"dialCode\": \"+241\",\r\n \"isoCode\": \"GA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ga.svg`\r\n },\r\n {\r\n \"nameEn\": \"Gambia\",\r\n \"namePt\": \"Gâmbia\",\r\n \"dialCode\": \"+220\",\r\n \"isoCode\": \"GM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Georgia\",\r\n \"namePt\": \"Georgia\",\r\n \"dialCode\": \"+995\",\r\n \"isoCode\": \"GE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ge.svg`\r\n },\r\n {\r\n \"nameEn\": \"Germany\",\r\n \"namePt\": \"Alemanha\",\r\n \"dialCode\": \"+49\",\r\n \"isoCode\": \"DE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/de.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ghana\",\r\n \"namePt\": \"Gana\",\r\n \"dialCode\": \"+233\",\r\n \"isoCode\": \"GH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gh.svg`\r\n },\r\n {\r\n \"nameEn\": \"Gibraltar\",\r\n \"namePt\": \"Gibraltar\",\r\n \"dialCode\": \"+350\",\r\n \"isoCode\": \"GI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gi.svg`\r\n },\r\n {\r\n \"nameEn\": \"Greece\",\r\n \"namePt\": \"Grécia\",\r\n \"dialCode\": \"+30\",\r\n \"isoCode\": \"GR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Greenland\",\r\n \"namePt\": \"Groenlândia\",\r\n \"dialCode\": \"+299\",\r\n \"isoCode\": \"GL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Grenada\",\r\n \"namePt\": \"Grenada\",\r\n \"dialCode\": \"+1473\",\r\n \"isoCode\": \"GD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gd.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guadeloupe\",\r\n \"namePt\": \"Guadalupe\",\r\n \"dialCode\": \"+590\",\r\n \"isoCode\": \"GP\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gp.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guam\",\r\n \"namePt\": \"Guam\",\r\n \"dialCode\": \"+1671\",\r\n \"isoCode\": \"GU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guatemala\",\r\n \"namePt\": \"Guatemala\",\r\n \"dialCode\": \"+502\",\r\n \"isoCode\": \"GT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guernsey\",\r\n \"namePt\": \"Guernsey\",\r\n \"dialCode\": \"+44\",\r\n \"isoCode\": \"GG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guinea\",\r\n \"namePt\": \"Guiné\",\r\n \"dialCode\": \"+224\",\r\n \"isoCode\": \"GN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guinea-Bissau\",\r\n \"namePt\": \"Guiné-Bissau\",\r\n \"dialCode\": \"+245\",\r\n \"isoCode\": \"GW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Guyana\",\r\n \"namePt\": \"Guiana\",\r\n \"dialCode\": \"+592\",\r\n \"isoCode\": \"GY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gy.svg`\r\n },\r\n {\r\n \"nameEn\": \"Haiti\",\r\n \"namePt\": \"Haiti\",\r\n \"dialCode\": \"+509\",\r\n \"isoCode\": \"HT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ht.svg`\r\n },\r\n {\r\n \"nameEn\": \"Holy See (Vatican City State)\",\r\n \"namePt\": \"Santa Sé (Estado da Cidade do Vaticano)\",\r\n \"dialCode\": \"+379\",\r\n \"isoCode\": \"VA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/va.svg`\r\n },\r\n {\r\n \"nameEn\": \"Honduras\",\r\n \"namePt\": \"Honduras\",\r\n \"dialCode\": \"+504\",\r\n \"isoCode\": \"HN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/hn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Hong Kong\",\r\n \"namePt\": \"Hong Kong\",\r\n \"dialCode\": \"+852\",\r\n \"isoCode\": \"HK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/hk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Hungary\",\r\n \"namePt\": \"Hungria\",\r\n \"dialCode\": \"+36\",\r\n \"isoCode\": \"HU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/hu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Iceland\",\r\n \"namePt\": \"Islândia\",\r\n \"dialCode\": \"+354\",\r\n \"isoCode\": \"IS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/is.svg`\r\n },\r\n {\r\n \"nameEn\": \"India\",\r\n \"namePt\": \"Índia\",\r\n \"dialCode\": \"+91\",\r\n \"isoCode\": \"IN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/in.svg`\r\n },\r\n {\r\n \"nameEn\": \"Indonesia\",\r\n \"namePt\": \"Indonésia\",\r\n \"dialCode\": \"+62\",\r\n \"isoCode\": \"ID\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/id.svg`\r\n },\r\n {\r\n \"nameEn\": \"Iran\",\r\n \"namePt\": \"Irã\",\r\n \"dialCode\": \"+98\",\r\n \"isoCode\": \"IR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ir.svg`\r\n },\r\n {\r\n \"nameEn\": \"Iraq\",\r\n \"namePt\": \"Iraque\",\r\n \"dialCode\": \"+964\",\r\n \"isoCode\": \"IQ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/iq.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ireland\",\r\n \"namePt\": \"Irlanda\",\r\n \"dialCode\": \"+353\",\r\n \"isoCode\": \"IE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ie.svg`\r\n },\r\n {\r\n \"nameEn\": \"Isle of Man\",\r\n \"namePt\": \"Ilha de Man\",\r\n \"dialCode\": \"+44\",\r\n \"isoCode\": \"IM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/im.svg`\r\n },\r\n {\r\n \"nameEn\": \"Israel\",\r\n \"namePt\": \"Israel\",\r\n \"dialCode\": \"+972\",\r\n \"isoCode\": \"IL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/il.svg`\r\n },\r\n {\r\n \"nameEn\": \"Italy\",\r\n \"namePt\": \"Itália\",\r\n \"dialCode\": \"+39\",\r\n \"isoCode\": \"IT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/it.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ivory Coast / Cote d'Ivoire\",\r\n \"namePt\": \"Costa do Marfim\",\r\n \"dialCode\": \"+225\",\r\n \"isoCode\": \"CI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ci.svg`\r\n },\r\n {\r\n \"nameEn\": \"Jamaica\",\r\n \"namePt\": \"Jamaica\",\r\n \"dialCode\": \"+1876\",\r\n \"isoCode\": \"JM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/jm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Japan\",\r\n \"namePt\": \"Japão\",\r\n \"dialCode\": \"+81\",\r\n \"isoCode\": \"JP\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/jp.svg`\r\n },\r\n {\r\n \"nameEn\": \"Jersey\",\r\n \"namePt\": \"Jersey\",\r\n \"dialCode\": \"+44\",\r\n \"isoCode\": \"JE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/je.svg`\r\n },\r\n {\r\n \"nameEn\": \"Jordan\",\r\n \"namePt\": \"Jordânia\",\r\n \"dialCode\": \"+962\",\r\n \"isoCode\": \"JO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/jo.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kazakhstan\",\r\n \"namePt\": \"Cazaquistão\",\r\n \"dialCode\": \"+77\",\r\n \"isoCode\": \"KZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kenya\",\r\n \"namePt\": \"Quênia\",\r\n \"dialCode\": \"+254\",\r\n \"isoCode\": \"KE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ke.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kiribati\",\r\n \"namePt\": \"Kiribati\",\r\n \"dialCode\": \"+686\",\r\n \"isoCode\": \"KI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ki.svg`\r\n },\r\n {\r\n \"nameEn\": \"Democratic People's Republic of Korea\",\r\n \"namePt\": \"República Popular Democrática da Coreia\",\r\n \"dialCode\": \"+850\",\r\n \"isoCode\": \"KP\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kp.svg`\r\n },\r\n {\r\n \"nameEn\": \"Republic of South Korea\",\r\n \"namePt\": \"República da Coreia do Sul\",\r\n \"dialCode\": \"+82\",\r\n \"isoCode\": \"KR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kosovo\",\r\n \"namePt\": \"Kosovo\",\r\n \"dialCode\": \"+383\",\r\n \"isoCode\": \"XK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/xk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kuwait\",\r\n \"namePt\": \"Kuwait\",\r\n \"dialCode\": \"+965\",\r\n \"isoCode\": \"KW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Kyrgyzstan\",\r\n \"namePt\": \"Quirguistão\",\r\n \"dialCode\": \"+996\",\r\n \"isoCode\": \"KG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Laos\",\r\n \"namePt\": \"Laos\",\r\n \"dialCode\": \"+856\",\r\n \"isoCode\": \"LA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/la.svg`\r\n },\r\n {\r\n \"nameEn\": \"Latvia\",\r\n \"namePt\": \"Letônia\",\r\n \"dialCode\": \"+371\",\r\n \"isoCode\": \"LV\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lv.svg`\r\n },\r\n {\r\n \"nameEn\": \"Lebanon\",\r\n \"namePt\": \"Líbano\",\r\n \"dialCode\": \"+961\",\r\n \"isoCode\": \"LB\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lb.svg`\r\n },\r\n {\r\n \"nameEn\": \"Lesotho\",\r\n \"namePt\": \"Lesoto\",\r\n \"dialCode\": \"+266\",\r\n \"isoCode\": \"LS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ls.svg`\r\n },\r\n {\r\n \"nameEn\": \"Liberia\",\r\n \"namePt\": \"Libéria\",\r\n \"dialCode\": \"+231\",\r\n \"isoCode\": \"LR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Libya\",\r\n \"namePt\": \"Líbia\",\r\n \"dialCode\": \"+218\",\r\n \"isoCode\": \"LY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ly.svg`\r\n },\r\n {\r\n \"nameEn\": \"Liechtenstein\",\r\n \"namePt\": \"Liechtenstein\",\r\n \"dialCode\": \"+423\",\r\n \"isoCode\": \"LI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/li.svg`\r\n },\r\n {\r\n \"nameEn\": \"Lithuania\",\r\n \"namePt\": \"Lituânia\",\r\n \"dialCode\": \"+370\",\r\n \"isoCode\": \"LT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Luxembourg\",\r\n \"namePt\": \"Luxemburgo\",\r\n \"dialCode\": \"+352\",\r\n \"isoCode\": \"LU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Macau\",\r\n \"namePt\": \"Macau\",\r\n \"dialCode\": \"+853\",\r\n \"isoCode\": \"MO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mo.svg`\r\n },\r\n {\r\n \"nameEn\": \"Madagascar\",\r\n \"namePt\": \"Madagáscar\",\r\n \"dialCode\": \"+261\",\r\n \"isoCode\": \"MG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Malawi\",\r\n \"namePt\": \"Malawi\",\r\n \"dialCode\": \"+265\",\r\n \"isoCode\": \"MW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Malaysia\",\r\n \"namePt\": \"Malásia\",\r\n \"dialCode\": \"+60\",\r\n \"isoCode\": \"MY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/my.svg`\r\n },\r\n {\r\n \"nameEn\": \"Maldives\",\r\n \"namePt\": \"Maldivas\",\r\n \"dialCode\": \"+960\",\r\n \"isoCode\": \"MV\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mv.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mali\",\r\n \"namePt\": \"Mali\",\r\n \"dialCode\": \"+223\",\r\n \"isoCode\": \"ML\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ml.svg`\r\n },\r\n {\r\n \"nameEn\": \"Malta\",\r\n \"namePt\": \"Malta\",\r\n \"dialCode\": \"+356\",\r\n \"isoCode\": \"MT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Marshall Islands\",\r\n \"namePt\": \"Ilhas Marshall\",\r\n \"dialCode\": \"+692\",\r\n \"isoCode\": \"MH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mh.svg`\r\n },\r\n {\r\n \"nameEn\": \"Martinique\",\r\n \"namePt\": \"Martinica\",\r\n \"dialCode\": \"+596\",\r\n \"isoCode\": \"MQ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mq.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mauritania\",\r\n \"namePt\": \"Mauritânia\",\r\n \"dialCode\": \"+222\",\r\n \"isoCode\": \"MR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mauritius\",\r\n \"namePt\": \"Maurício\",\r\n \"dialCode\": \"+230\",\r\n \"isoCode\": \"MU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mayotte\",\r\n \"namePt\": \"Mayotte\",\r\n \"dialCode\": \"+262\",\r\n \"isoCode\": \"YT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/yt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mexico\",\r\n \"namePt\": \"México\",\r\n \"dialCode\": \"+52\",\r\n \"isoCode\": \"MX\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mx.svg`\r\n },\r\n {\r\n \"nameEn\": \"Micronesia, Federated States of Micronesia\",\r\n \"namePt\": \"Micronésia, Estados Federados da Micronésia\",\r\n \"dialCode\": \"+691\",\r\n \"isoCode\": \"FM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/fm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Moldova\",\r\n \"namePt\": \"Moldova\",\r\n \"dialCode\": \"+373\",\r\n \"isoCode\": \"MD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/md.svg`\r\n },\r\n {\r\n \"nameEn\": \"Monaco\",\r\n \"namePt\": \"Mônaco\",\r\n \"dialCode\": \"+377\",\r\n \"isoCode\": \"MC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mongolia\",\r\n \"namePt\": \"Mongólia\",\r\n \"dialCode\": \"+976\",\r\n \"isoCode\": \"MN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Montenegro\",\r\n \"namePt\": \"Montenegro\",\r\n \"dialCode\": \"+382\",\r\n \"isoCode\": \"ME\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/me.svg`\r\n },\r\n {\r\n \"nameEn\": \"Montserrat\",\r\n \"namePt\": \"Montserrat\",\r\n \"dialCode\": \"+1664\",\r\n \"isoCode\": \"MS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ms.svg`\r\n },\r\n {\r\n \"nameEn\": \"Morocco\",\r\n \"namePt\": \"Marrocos\",\r\n \"dialCode\": \"+212\",\r\n \"isoCode\": \"MA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ma.svg`\r\n },\r\n {\r\n \"nameEn\": \"Mozambique\",\r\n \"namePt\": \"Moçambique\",\r\n \"dialCode\": \"+258\",\r\n \"isoCode\": \"MZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Myanmar\",\r\n \"namePt\": \"Mianmar\",\r\n \"dialCode\": \"+95\",\r\n \"isoCode\": \"MM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Namibia\",\r\n \"namePt\": \"Namibia\",\r\n \"dialCode\": \"+264\",\r\n \"isoCode\": \"NA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/na.svg`\r\n },\r\n {\r\n \"nameEn\": \"Nauru\",\r\n \"namePt\": \"Nauru\",\r\n \"dialCode\": \"+674\",\r\n \"isoCode\": \"NR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Nepal\",\r\n \"namePt\": \"Nepal\",\r\n \"dialCode\": \"+977\",\r\n \"isoCode\": \"NP\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/np.svg`\r\n },\r\n {\r\n \"nameEn\": \"Netherlands\",\r\n \"namePt\": \"Países Baixos\",\r\n \"dialCode\": \"+31\",\r\n \"isoCode\": \"NL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Netherlands Antilles\",\r\n \"namePt\": \"Antilhas Holandesas\",\r\n \"dialCode\": \"+599\",\r\n \"isoCode\": \"AN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/an.svg`\r\n },\r\n {\r\n \"nameEn\": \"New Caledonia\",\r\n \"namePt\": \"Nova Caledônia\",\r\n \"dialCode\": \"+687\",\r\n \"isoCode\": \"NC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nc.svg`\r\n },\r\n {\r\n \"nameEn\": \"New Zealand\",\r\n \"namePt\": \"Nova Zelândia\",\r\n \"dialCode\": \"+64\",\r\n \"isoCode\": \"NZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Nicaragua\",\r\n \"namePt\": \"Nicarágua\",\r\n \"dialCode\": \"+505\",\r\n \"isoCode\": \"NI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ni.svg`\r\n },\r\n {\r\n \"nameEn\": \"Niger\",\r\n \"namePt\": \"Níger\",\r\n \"dialCode\": \"+227\",\r\n \"isoCode\": \"NE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ne.svg`\r\n },\r\n {\r\n \"nameEn\": \"Nigeria\",\r\n \"namePt\": \"Nigéria\",\r\n \"dialCode\": \"+234\",\r\n \"isoCode\": \"NG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ng.svg`\r\n },\r\n {\r\n \"nameEn\": \"Niue\",\r\n \"namePt\": \"Niue\",\r\n \"dialCode\": \"+683\",\r\n \"isoCode\": \"NU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Norfolk Island\",\r\n \"namePt\": \"Ilha Norfolk\",\r\n \"dialCode\": \"+672\",\r\n \"isoCode\": \"NF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/nf.svg`\r\n },\r\n {\r\n \"nameEn\": \"North Macedonia\",\r\n \"namePt\": \"Macedônia do Norte\",\r\n \"dialCode\": \"+389\",\r\n \"isoCode\": \"MK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Northern Mariana Islands\",\r\n \"namePt\": \"Ilhas Marianas do Norte\",\r\n \"dialCode\": \"+1670\",\r\n \"isoCode\": \"MP\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mp.svg`\r\n },\r\n {\r\n \"nameEn\": \"Norway\",\r\n \"namePt\": \"Noruega\",\r\n \"dialCode\": \"+47\",\r\n \"isoCode\": \"NO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/no.svg`\r\n },\r\n {\r\n \"nameEn\": \"Oman\",\r\n \"namePt\": \"Omã\",\r\n \"dialCode\": \"+968\",\r\n \"isoCode\": \"OM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/om.svg`\r\n },\r\n {\r\n \"nameEn\": \"Pakistan\",\r\n \"namePt\": \"Paquistão\",\r\n \"dialCode\": \"+92\",\r\n \"isoCode\": \"PK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Palau\",\r\n \"namePt\": \"Palau\",\r\n \"dialCode\": \"+680\",\r\n \"isoCode\": \"PW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Palestine\",\r\n \"namePt\": \"Palestina\",\r\n \"dialCode\": \"+970\",\r\n \"isoCode\": \"PS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ps.svg`\r\n },\r\n {\r\n \"nameEn\": \"Panama\",\r\n \"namePt\": \"Panamá\",\r\n \"dialCode\": \"+507\",\r\n \"isoCode\": \"PA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pa.svg`\r\n },\r\n {\r\n \"nameEn\": \"Papua New Guinea\",\r\n \"namePt\": \"Papua Nova Guiné\",\r\n \"dialCode\": \"+675\",\r\n \"isoCode\": \"PG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Paraguay\",\r\n \"namePt\": \"Paraguai\",\r\n \"dialCode\": \"+595\",\r\n \"isoCode\": \"PY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/py.svg`\r\n },\r\n {\r\n \"nameEn\": \"Peru\",\r\n \"namePt\": \"Peru\",\r\n \"dialCode\": \"+51\",\r\n \"isoCode\": \"PE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pe.svg`\r\n },\r\n {\r\n \"nameEn\": \"Philippines\",\r\n \"namePt\": \"Filipinas\",\r\n \"dialCode\": \"+63\",\r\n \"isoCode\": \"PH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ph.svg`\r\n },\r\n {\r\n \"nameEn\": \"Pitcairn\",\r\n \"namePt\": \"Pitcairn\",\r\n \"dialCode\": \"+872\",\r\n \"isoCode\": \"PN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Poland\",\r\n \"namePt\": \"Polônia\",\r\n \"dialCode\": \"+48\",\r\n \"isoCode\": \"PL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Portugal\",\r\n \"namePt\": \"Portugal\",\r\n \"dialCode\": \"+351\",\r\n \"isoCode\": \"PT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Puerto Rico\",\r\n \"namePt\": \"Porto Rico\",\r\n \"dialCode\": \"+1939\",\r\n \"isoCode\": \"PR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Qatar\",\r\n \"namePt\": \"Catar\",\r\n \"dialCode\": \"+974\",\r\n \"isoCode\": \"QA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/qa.svg`\r\n },\r\n {\r\n \"nameEn\": \"Reunion\",\r\n \"namePt\": \"Reunião\",\r\n \"dialCode\": \"+262\",\r\n \"isoCode\": \"RE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/re.svg`\r\n },\r\n {\r\n \"nameEn\": \"Romania\",\r\n \"namePt\": \"Romênia\",\r\n \"dialCode\": \"+40\",\r\n \"isoCode\": \"RO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ro.svg`\r\n },\r\n {\r\n \"nameEn\": \"Russia\",\r\n \"namePt\": \"Rússia\",\r\n \"dialCode\": \"+7\",\r\n \"isoCode\": \"RU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ru.svg`\r\n },\r\n {\r\n \"nameEn\": \"Rwanda\",\r\n \"namePt\": \"Ruanda\",\r\n \"dialCode\": \"+250\",\r\n \"isoCode\": \"RW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/rw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Barthelemy\",\r\n \"namePt\": \"São Bartolomeu\",\r\n \"dialCode\": \"+590\",\r\n \"isoCode\": \"BL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/bl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Helena, Ascension and Tristan Da Cunha\",\r\n \"namePt\": \"Santa Helena, Ascensão e Tristão da Cunha\",\r\n \"dialCode\": \"+290\",\r\n \"isoCode\": \"SH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sh.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Kitts and Nevis\",\r\n \"namePt\": \"São Cristóvão e Nevis\",\r\n \"dialCode\": \"+1869\",\r\n \"isoCode\": \"KN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/kn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Lucia\",\r\n \"namePt\": \"Santa Lúcia\",\r\n \"dialCode\": \"+1758\",\r\n \"isoCode\": \"LC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Martin\",\r\n \"namePt\": \"São Martinho\",\r\n \"dialCode\": \"+590\",\r\n \"isoCode\": \"MF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/mf.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Pierre and Miquelon\",\r\n \"namePt\": \"São Pedro e Miquelão\",\r\n \"dialCode\": \"+508\",\r\n \"isoCode\": \"PM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/pm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saint Vincent and the Grenadines\",\r\n \"namePt\": \"São Vicente e Granadinas\",\r\n \"dialCode\": \"+1784\",\r\n \"isoCode\": \"VC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/vc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Samoa\",\r\n \"namePt\": \"Samoa\",\r\n \"dialCode\": \"+685\",\r\n \"isoCode\": \"WS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ws.svg`\r\n },\r\n {\r\n \"nameEn\": \"San Marino\",\r\n \"namePt\": \"San Marino\",\r\n \"dialCode\": \"+378\",\r\n \"isoCode\": \"SM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sao Tome and Principe\",\r\n \"namePt\": \"São Tomé e Príncipe\",\r\n \"dialCode\": \"+239\",\r\n \"isoCode\": \"ST\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/st.svg`\r\n },\r\n {\r\n \"nameEn\": \"Saudi Arabia\",\r\n \"namePt\": \"Arábia Saudita\",\r\n \"dialCode\": \"+966\",\r\n \"isoCode\": \"SA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sa.svg`\r\n },\r\n {\r\n \"nameEn\": \"Senegal\",\r\n \"namePt\": \"Senegal\",\r\n \"dialCode\": \"+221\",\r\n \"isoCode\": \"SN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Serbia\",\r\n \"namePt\": \"Sérvia\",\r\n \"dialCode\": \"+381\",\r\n \"isoCode\": \"RS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/rs.svg`\r\n },\r\n {\r\n \"nameEn\": \"Seychelles\",\r\n \"namePt\": \"Seychelles\",\r\n \"dialCode\": \"+248\",\r\n \"isoCode\": \"SC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sierra Leone\",\r\n \"namePt\": \"Serra Leoa\",\r\n \"dialCode\": \"+232\",\r\n \"isoCode\": \"SL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Singapore\",\r\n \"namePt\": \"Cingapura\",\r\n \"dialCode\": \"+65\",\r\n \"isoCode\": \"SG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sint Maarten\",\r\n \"namePt\": \"Sint Maarten\",\r\n \"dialCode\": \"+1721\",\r\n \"isoCode\": \"SX\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sx.svg`\r\n },\r\n {\r\n \"nameEn\": \"Slovakia\",\r\n \"namePt\": \"Eslováquia\",\r\n \"dialCode\": \"+421\",\r\n \"isoCode\": \"SK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Slovenia\",\r\n \"namePt\": \"Eslovênia\",\r\n \"dialCode\": \"+386\",\r\n \"isoCode\": \"SI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/si.svg`\r\n },\r\n {\r\n \"nameEn\": \"Solomon Islands\",\r\n \"namePt\": \"Ilhas Salomão\",\r\n \"dialCode\": \"+677\",\r\n \"isoCode\": \"SB\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sb.svg`\r\n },\r\n {\r\n \"nameEn\": \"Somalia\",\r\n \"namePt\": \"Somália\",\r\n \"dialCode\": \"+252\",\r\n \"isoCode\": \"SO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/so.svg`\r\n },\r\n {\r\n \"nameEn\": \"South Africa\",\r\n \"namePt\": \"África do Sul\",\r\n \"dialCode\": \"+27\",\r\n \"isoCode\": \"ZA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/za.svg`\r\n },\r\n {\r\n \"nameEn\": \"South Georgia and the South Sandwich Islands\",\r\n \"namePt\": \"Geórgia do Sul e Ilhas Sandwich do Sul\",\r\n \"dialCode\": \"+500\",\r\n \"isoCode\": \"GS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gs.svg`\r\n },\r\n {\r\n \"nameEn\": \"South Sudan\",\r\n \"namePt\": \"Sudão do Sul\",\r\n \"dialCode\": \"+211\",\r\n \"isoCode\": \"SS\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ss.svg`\r\n },\r\n {\r\n \"nameEn\": \"Spain\",\r\n \"namePt\": \"Espanha\",\r\n \"dialCode\": \"+34\",\r\n \"isoCode\": \"ES\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/es.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sri Lanka\",\r\n \"namePt\": \"Sri Lanka\",\r\n \"dialCode\": \"+94\",\r\n \"isoCode\": \"LK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/lk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sudan\",\r\n \"namePt\": \"Sudão\",\r\n \"dialCode\": \"+249\",\r\n \"isoCode\": \"SD\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sd.svg`\r\n },\r\n {\r\n \"nameEn\": \"Suriname\",\r\n \"namePt\": \"Suriname\",\r\n \"dialCode\": \"+597\",\r\n \"isoCode\": \"SR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Svalbard and Jan Mayen\",\r\n \"namePt\": \"Svalbard e Jan Mayen\",\r\n \"dialCode\": \"+47\",\r\n \"isoCode\": \"SJ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sj.svg`\r\n },\r\n {\r\n \"nameEn\": \"Sweden\",\r\n \"namePt\": \"Suécia\",\r\n \"dialCode\": \"+46\",\r\n \"isoCode\": \"SE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/se.svg`\r\n },\r\n {\r\n \"nameEn\": \"Switzerland\",\r\n \"namePt\": \"Suíça\",\r\n \"dialCode\": \"+41\",\r\n \"isoCode\": \"CH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ch.svg`\r\n },\r\n {\r\n \"nameEn\": \"Syrian Arab Republic\",\r\n \"namePt\": \"República Árabe da Síria\",\r\n \"dialCode\": \"+963\",\r\n \"isoCode\": \"SY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/sy.svg`\r\n },\r\n {\r\n \"nameEn\": \"Taiwan\",\r\n \"namePt\": \"Taiwan\",\r\n \"dialCode\": \"+886\",\r\n \"isoCode\": \"TW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tw.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tajikistan\",\r\n \"namePt\": \"Tajiquistão\",\r\n \"dialCode\": \"+992\",\r\n \"isoCode\": \"TJ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tj.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tanzania, United Republic of Tanzania\",\r\n \"namePt\": \"Tanzânia, República Unida da Tanzânia\",\r\n \"dialCode\": \"+255\",\r\n \"isoCode\": \"TZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Thailand\",\r\n \"namePt\": \"Tailândia\",\r\n \"dialCode\": \"+66\",\r\n \"isoCode\": \"TH\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/th.svg`\r\n },\r\n {\r\n \"nameEn\": \"Timor-Leste\",\r\n \"namePt\": \"Timor-Leste\",\r\n \"dialCode\": \"+670\",\r\n \"isoCode\": \"TL\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tl.svg`\r\n },\r\n {\r\n \"nameEn\": \"Togo\",\r\n \"namePt\": \"Ir\",\r\n \"dialCode\": \"+228\",\r\n \"isoCode\": \"TG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tokelau\",\r\n \"namePt\": \"Toquelau\",\r\n \"dialCode\": \"+690\",\r\n \"isoCode\": \"TK\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tk.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tonga\",\r\n \"namePt\": \"Tonga\",\r\n \"dialCode\": \"+676\",\r\n \"isoCode\": \"TO\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/to.svg`\r\n },\r\n {\r\n \"nameEn\": \"Trinidad and Tobago\",\r\n \"namePt\": \"Trinidad e Tobago\",\r\n \"dialCode\": \"+1868\",\r\n \"isoCode\": \"TT\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tt.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tunisia\",\r\n \"namePt\": \"Tunísia\",\r\n \"dialCode\": \"+216\",\r\n \"isoCode\": \"TN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Turkey\",\r\n \"namePt\": \"Turquia\",\r\n \"dialCode\": \"+90\",\r\n \"isoCode\": \"TR\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tr.svg`\r\n },\r\n {\r\n \"nameEn\": \"Turkmenistan\",\r\n \"namePt\": \"Turcomenistão\",\r\n \"dialCode\": \"+993\",\r\n \"isoCode\": \"TM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Turks and Caicos Islands\",\r\n \"namePt\": \"Ilhas Turcas e Caicos\",\r\n \"dialCode\": \"+1649\",\r\n \"isoCode\": \"TC\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tc.svg`\r\n },\r\n {\r\n \"nameEn\": \"Tuvalu\",\r\n \"namePt\": \"Tuvalu\",\r\n \"dialCode\": \"+688\",\r\n \"isoCode\": \"TV\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/tv.svg`\r\n },\r\n {\r\n \"nameEn\": \"Uganda\",\r\n \"namePt\": \"Uganda\",\r\n \"dialCode\": \"+256\",\r\n \"isoCode\": \"UG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ug.svg`\r\n },\r\n {\r\n \"nameEn\": \"Ukraine\",\r\n \"namePt\": \"Ucrânia\",\r\n \"dialCode\": \"+380\",\r\n \"isoCode\": \"UA\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ua.svg`\r\n },\r\n {\r\n \"nameEn\": \"United Arab Emirates\",\r\n \"namePt\": \"Emirados Árabes Unidos\",\r\n \"dialCode\": \"+971\",\r\n \"isoCode\": \"AE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ae.svg`\r\n },\r\n {\r\n \"nameEn\": \"United Kingdom\",\r\n \"namePt\": \"Reino Unido\",\r\n \"dialCode\": \"+44\",\r\n \"isoCode\": \"GB\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/gb.svg`\r\n },\r\n {\r\n \"nameEn\": \"United States\",\r\n \"namePt\": \"Estados Unidos\",\r\n \"dialCode\": \"+1\",\r\n \"isoCode\": \"US\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/us.svg`\r\n },\r\n {\r\n \"nameEn\": \"Uruguay\",\r\n \"namePt\": \"Uruguai\",\r\n \"dialCode\": \"+598\",\r\n \"isoCode\": \"UY\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/uy.svg`\r\n },\r\n {\r\n \"nameEn\": \"Uzbekistan\",\r\n \"namePt\": \"Uzbequistão\",\r\n \"dialCode\": \"+998\",\r\n \"isoCode\": \"UZ\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/uz.svg`\r\n },\r\n {\r\n \"nameEn\": \"Vanuatu\",\r\n \"namePt\": \"Vanuatu\",\r\n \"dialCode\": \"+678\",\r\n \"isoCode\": \"VU\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/vu.svg`\r\n },\r\n {\r\n \"nameEn\": \"Venezuela, Bolivarian Republic of Venezuela\",\r\n \"namePt\": \"Venezuela, República Bolivariana da Venezuela\",\r\n \"dialCode\": \"+58\",\r\n \"isoCode\": \"VE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ve.svg`\r\n },\r\n {\r\n \"nameEn\": \"Vietnam\",\r\n \"namePt\": \"Vietnã\",\r\n \"dialCode\": \"+84\",\r\n \"isoCode\": \"VN\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/vn.svg`\r\n },\r\n {\r\n \"nameEn\": \"Virgin Islands, British\",\r\n \"namePt\": \"Ilhas Virgens Britânicas\",\r\n \"dialCode\": \"+1284\",\r\n \"isoCode\": \"VG\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/vg.svg`\r\n },\r\n {\r\n \"nameEn\": \"Virgin Islands, U.S.\",\r\n \"namePt\": \"Ilhas Virgens, EUA\",\r\n \"dialCode\": \"+1340\",\r\n \"isoCode\": \"VI\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/vi.svg`\r\n },\r\n {\r\n \"nameEn\": \"Wallis and Futuna\",\r\n \"namePt\": \"Wallis e Futuna\",\r\n \"dialCode\": \"+681\",\r\n \"isoCode\": \"WF\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/wf.svg`\r\n },\r\n {\r\n \"nameEn\": \"Yemen\",\r\n \"namePt\": \"Iémen\",\r\n \"dialCode\": \"+967\",\r\n \"isoCode\": \"YE\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/ye.svg`\r\n },\r\n {\r\n \"nameEn\": \"Zambia\",\r\n \"namePt\": \"Zâmbia\",\r\n \"dialCode\": \"+260\",\r\n \"isoCode\": \"ZM\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/zm.svg`\r\n },\r\n {\r\n \"nameEn\": \"Zimbabwe\",\r\n \"namePt\": \"Zimbábue\",\r\n \"dialCode\": \"+263\",\r\n \"isoCode\": \"ZW\",\r\n \"flag\": `${process.env.REACT_APP_AZURE_STORAGE}/shareddocumentspublic/flags/zw.svg`\r\n }\r\n]\r\n\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { DataManager, Query, ODataV4Adaptor } from '@syncfusion/ej2-data';\r\nimport { createSpinner, showSpinner, setSpinner, hideSpinner, DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { TextBoxComponent, MaskedTextBoxComponent, UploaderComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { AutoCompleteComponent, DropDownListComponent, MultiSelectComponent, CheckBoxSelection, Inject } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { CheckBoxComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport {\r\n getPressMediaTypes,\r\n getCountries,\r\n getStates,\r\n getCities,\r\n getLiaisonStatus,\r\n getLiaisonActionTypes,\r\n getBusinessAreas,\r\n getRegional\r\n} from \"../../services/SystemSVC\";\r\nimport {\r\n LiaisonTO,\r\n MailingContactTO,\r\n LiaisonAttachment,\r\n LiaisonHistory,\r\n addLiaisonItem,\r\n updateLiaisonItem,\r\n getLiaisonItem,\r\n downloadLiaisonAttachment,\r\n deleteLiaisonItem,\r\n duplicateLiaisonItem\r\n} from \"../../services/LiaisonSVC\";\r\nimport { getMailingContactItems, getMailingGroupItems } from \"../../services/MailingSVC\";\r\nimport { getProfile } from \"../../services/UsersSVC\";\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport { formatBytes, hasPermissions } from \"../utilities/Utils\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport moment from 'moment';\r\nimport './liaison.css';\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\nimport { countriesJSON } from '../../resources/countries.js';\r\n\r\nexport const LiaisonItem = (props) => {\r\n\r\n const countryDefault = countriesJSON.find(i => i.namePt === 'Brasil');\r\n\r\n const { t } = useTranslation();\r\n const { register, unregister, triggerValidation, errors, clearError } = useForm();\r\n let itemId = props.match.params.id;\r\n let uploaderRef;\r\n let dropAreaRef;\r\n let ddlStatesRef;\r\n let ddlCitiesRef;\r\n let txtEmailRef;\r\n let txtEditorialRef;\r\n let txtOccupationRef;\r\n let txtAddressRef;\r\n let txtDescriptionRef;\r\n let txtResponsaveisRef;\r\n let ddlMailingContactGroupRef;\r\n let dtConclusionRef;\r\n\r\n const target = document.getElementById(\"attachsDropAreaEle\");\r\n const placeholderIcon = '';\r\n\r\n const initialMailingContactTO = {\r\n email: [],\r\n telefone: []\r\n }\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [loading, setLoading] = React.useState(true);\r\n const [loadedCount, setLoadedCount] = React.useState(0);\r\n const [loaded, setLoaded] = React.useState(false);\r\n const [hideMailingState, setHideMailingState] = React.useState('hide');\r\n const [hideMailingCity, setHideMailingCity] = React.useState('hide');\r\n const [jornalistSelected, setJornalistSelected] = React.useState(false);\r\n\r\n const [liaisonTO, setLiaisonTO] = React.useState(new LiaisonTO());\r\n const [mailingContatoTO, setMailingContatoTO] = React.useState(initialMailingContactTO);\r\n const [liaisonAttachments, setLiaisonAttachments] = React.useState([]);\r\n const [insertMailing, setInsertMailing] = React.useState(false);\r\n\r\n const [fillMediaTypesDataPt, setFillMediaTypesDataPt] = React.useState([]);\r\n const [fillMediaTypesDataEn, setFillMediaTypesDataEn] = React.useState([]);\r\n\r\n const [isLoadingItem, setIsLoadingItem] = React.useState(false);\r\n\r\n const [fillVehicleData, setFillVehicleData] = React.useState([]);\r\n\r\n const [fillBusinessAreaDataPt, setFillBusinessAreaDataPt] = React.useState([]);\r\n const [fillBusinessAreaDataEn, setFillBusinessAreaDataEn] = React.useState([]);\r\n\r\n const [fillCountryDataPt, setFillCountryDataPt] = React.useState([]);\r\n const [fillCountryDataEn, setFillCountryDataEn] = React.useState([]);\r\n\r\n const [fillStateDataPt, setFillStateDataPt] = React.useState([]);\r\n const [fillStateDataEn, setFillStateDataEn] = React.useState([]);\r\n\r\n const [fillCityDataPt, setFillCityDataPt] = React.useState([]);\r\n const [fillCityDataEn, setFillCityDataEn] = React.useState([]);\r\n\r\n const [fillLiaisonStatusDataPt, setFillLiaisonStatusDataPt] = React.useState([]);\r\n const [fillLiaisonStatusDataEn, setFillLiaisonStatusDataEn] = React.useState([]);\r\n\r\n const [fillLiaisonActionTypesDataPt, setFillLiaisonActionTypesDataPt] = React.useState([]);\r\n const [fillLiaisonActionTypesDataEn, setFillLiaisonActionTypesDataEn] = React.useState([]);\r\n\r\n const [fillRegionalDataPt, setFillRegionalDataPt] = React.useState([]);\r\n const [fillRegionalDataEn, setFillRegionalDataEn] = React.useState([]);\r\n\r\n const [fillMailingContactGroupData, setFillMailingContactGroupData] = React.useState([]);\r\n const [dialogDelete, setDialogDelete] = React.useState(false);\r\n const [openCountries, setOpenCountries] = React.useState(null);\r\n const [dataCountries, setDataCountries] = React.useState([]);\r\n const [profile, setProfile] = React.useState(null);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n const [dataFlags, setDataFlags] = React.useState([]);\r\n\r\n const [newPhone, setNewPhone] = React.useState(\r\n () => {\r\n if (mailingContatoTO.telefone.length > 0) {\r\n return mailingContatoTO.telefone;\r\n }\r\n return [{\r\n telefone: \"\",\r\n status: 0,\r\n country: countryDefault\r\n }]\r\n }\r\n );\r\n\r\n const [newEmail, setNewEmail] = React.useState(\r\n () => {\r\n return [{\r\n email: \"\",\r\n status: 0\r\n }]\r\n }\r\n );\r\n\r\n const phoneRef = React.useRef();\r\n\r\n const handlePhoneRef = (ref) => {\r\n if (phoneRef?.current?.contains(ref.target)) {\r\n return;\r\n }\r\n setOpenCountries(null);\r\n }\r\n\r\n const jornalistDataManager = new DataManager({\r\n url: process.env.REACT_APP_API_URL + '/_api/MailingContact/GetMailingContactItems',\r\n adaptor: new ODataV4Adaptor,\r\n crossDomain: true,\r\n headers: [{ 'Authorization': `Bearer ${globalState.accessToken}` }]\r\n });\r\n\r\n const _controls = {\r\n class: \"liaison\",\r\n savePrimary: false,\r\n customPermissions: itemId ? hasPermissions(7, \"Edit\", globalState) : hasPermissions(7, \"Create\", globalState),\r\n urlDuplicateLiaison: itemId ? (e) => duplicateLiaison(e) : null,\r\n urlSave: (e) => addOrUpdateRelease(e),\r\n urlCancel: () => setRedirect(true),\r\n urlDelete: itemId ? (e) => {\r\n e.preventDefault();\r\n setDialogDelete(true);\r\n } : null\r\n };\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadingItem') })\r\n showSpinner(document.getElementById('loadingItem'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [isLoadingItem]);\r\n\r\n const deleteItem = (e) => {\r\n e.preventDefault();\r\n deleteLiaisonItem(globalState.accessToken, itemId)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n };\r\n\r\n const initialLoad = () => {\r\n getPressMediaTypes(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configMediaTypes(data));\r\n }\r\n });\r\n\r\n getMailingContactItems(globalState.accessToken, \"?$apply=groupby((nomeVeiculo))&$orderby=NomeVeiculo\")\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n setFillVehicleData(data);\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n });\r\n }\r\n });\r\n\r\n getMailingGroupItems(globalState.accessToken, \"?$filter=not(conjunto)&$select=id,nome\")\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n setFillMailingContactGroupData(data);\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n });\r\n }\r\n });\r\n\r\n getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configCountries(data));\r\n }\r\n });\r\n\r\n getStates(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configStates(data));\r\n }\r\n });\r\n\r\n getCities(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configCities(data));\r\n }\r\n });\r\n\r\n getLiaisonStatus(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configLiaisonStatus(data));\r\n }\r\n });\r\n\r\n getLiaisonActionTypes(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configLiaisonActionTypes(data));\r\n }\r\n });\r\n\r\n getBusinessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configBusinessArea(data));\r\n }\r\n });\r\n\r\n getRegional(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => configRegionals(data));\r\n }\r\n });\r\n };\r\n\r\n const configMediaTypes = (_mediaTypes) => {\r\n setFillMediaTypesDataPt(_mediaTypes.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillMediaTypesDataEn(_mediaTypes.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configCountries = (_contries) => {\r\n setFillCountryDataPt(_contries.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillCountryDataEn(_contries.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configStates = (_states) => {\r\n setFillStateDataPt(_states.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt,\r\n idPais: x.idPais\r\n };\r\n }));\r\n setFillStateDataEn(_states.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn,\r\n idPais: x.idPais\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configCities = (_cities) => {\r\n setFillCityDataPt(_cities.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt,\r\n idEstado: x.idEstado\r\n };\r\n }));\r\n setFillCityDataEn(_cities.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn,\r\n idEstado: x.idEstado\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configLiaisonStatus = (_liaisonStatus) => {\r\n setFillLiaisonStatusDataPt(_liaisonStatus.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillLiaisonStatusDataEn(_liaisonStatus.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configLiaisonActionTypes = (_liaisonActionTypes) => {\r\n setFillLiaisonActionTypesDataPt(_liaisonActionTypes.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillLiaisonActionTypesDataEn(_liaisonActionTypes.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configBusinessArea = (_businessAreas) => {\r\n setFillBusinessAreaDataPt(_businessAreas.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillBusinessAreaDataEn(_businessAreas.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configRegionals = (_regionals) => {\r\n setFillRegionalDataPt(_regionals.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillRegionalDataEn(_regionals.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const addOrUpdateRelease = async (e) => {\r\n e.preventDefault();\r\n setDisabledBtn(true);\r\n triggerValidation().then((validation) => {\r\n if (validation) {\r\n setIsLoadingItem(true);\r\n liaisonTO.anexos = liaisonAttachments ? liaisonAttachments : null;\r\n liaisonTO.mailingContato = mailingContatoTO ? mailingContatoTO : null;\r\n liaisonTO.jornalista = mailingContatoTO.jornalista ? mailingContatoTO.jornalista : null;\r\n liaisonTO.idTipoMidia = mailingContatoTO.idtipoMidia ? mailingContatoTO.idtipoMidia : null;\r\n liaisonTO.nomeVeiculo = mailingContatoTO.nomeVeiculo ? mailingContatoTO.nomeVeiculo : null;\r\n liaisonTO.email = mailingContatoTO.email ? mailingContatoTO.email : null;\r\n\r\n if (mailingContatoTO?.id) {\r\n liaisonTO.mailingContato.telefone = mailingContatoTO && mailingContatoTO.telefone.length > 0 ? mailingContatoTO.telefone.map(phone => ({\r\n ...phone,\r\n country: phone.country.nameEn\r\n })) : [];\r\n liaisonTO.telefone = [];\r\n } else {\r\n liaisonTO.telefone = newPhone && newPhone.length > 0 ? newPhone.map(phone => ({\r\n ...phone,\r\n country: phone.country.nameEn\r\n })) : [];\r\n liaisonTO.mailingContato.telefone = []\r\n }\r\n\r\n liaisonTO.dataConclusao = liaisonTO.dataConclusao ? moment(liaisonTO.dataConclusao).format('YYYY-MM-DDTHH:mm:ss') : null;\r\n liaisonTO.dataRecebimento = liaisonTO.dataRecebimento ? moment(liaisonTO.dataRecebimento).format('YYYY-MM-DDTHH:mm:ss') : null;\r\n\r\n liaisonTO.inserirMailing = insertMailing;\r\n\r\n const addOrUpdate = itemId ? updateLiaisonItem : addLiaisonItem;\r\n\r\n addOrUpdate(globalState.accessToken, JSON.stringify(liaisonTO))\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n setIsLoadingItem(false);\r\n console.error(error);\r\n setDisabledBtn(false);\r\n })\r\n }\r\n setDisabledBtn(false);\r\n }).catch((error) => {\r\n console.log(error);\r\n setDisabledBtn(false);\r\n });\r\n }\r\n\r\n const triggerDuplicate = () => {\r\n duplicateLiaisonItem(globalState.accessToken, JSON.stringify(liaisonTO))\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(() => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n setIsLoadingItem(false);\r\n console.error(error);\r\n })\r\n }\r\n\r\n const duplicateLiaison = async (e) => {\r\n e.preventDefault();\r\n\r\n triggerValidation().then((validation) => {\r\n if (validation) {\r\n setIsLoadingItem(true);\r\n liaisonTO.anexos = liaisonAttachments ? liaisonAttachments : null;\r\n liaisonTO.mailingContato = mailingContatoTO ? mailingContatoTO : null;\r\n liaisonTO.jornalista = mailingContatoTO.jornalista ? mailingContatoTO.jornalista : null;\r\n liaisonTO.idTipoMidia = mailingContatoTO.idtipoMidia ? mailingContatoTO.idtipoMidia : null;\r\n liaisonTO.nomeVeiculo = mailingContatoTO.nomeVeiculo ? mailingContatoTO.nomeVeiculo : null;\r\n liaisonTO.email = mailingContatoTO.email ? mailingContatoTO.email : null;\r\n\r\n liaisonTO.mailingContato.telefone = mailingContatoTO && mailingContatoTO.telefone.length > 0 ? mailingContatoTO.telefone.map(phone => ({\r\n ...phone,\r\n country: phone.country.nameEn\r\n })) : [];\r\n liaisonTO.telefone = [];\r\n\r\n liaisonTO.dataConclusao = liaisonTO.dataConclusao ? moment(liaisonTO.dataConclusao).format('YYYY-MM-DDTHH:mm:ss') : null;\r\n liaisonTO.dataRecebimento = liaisonTO.dataRecebimento ? moment(liaisonTO.dataRecebimento).format('YYYY-MM-DDTHH:mm:ss') : null;\r\n liaisonTO.deadLine = liaisonTO.deadLine ? moment(liaisonTO.deadLine).format('YYYY-MM-DDTHH:mm:ss') : null;\r\n\r\n liaisonTO.inserirMailing = insertMailing;\r\n\r\n triggerDuplicate();\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n });\r\n\r\n }\r\n\r\n const uploadAttachment = () => {\r\n document.getElementsByClassName(\"e-file-select-wrap\")[0].querySelector(\"button\").click();\r\n return false;\r\n }\r\n\r\n const uploaderCreated = () => {\r\n if (uploaderRef) {\r\n uploaderRef.dropArea = dropAreaRef;\r\n uploaderRef.dataBind();\r\n }\r\n }\r\n\r\n const onSetAttachmentsFiles = event => {\r\n event.filesData.map((file) => {\r\n const reader = new FileReader();\r\n reader.addEventListener(\"load\", function () {\r\n let filePartsB64 = reader.result.split(',');\r\n let attach = new LiaisonAttachment(file.id, file.rawFile.type, file.rawFile.name);\r\n attach.fileB64 = filePartsB64[1];\r\n attach.status = 0;\r\n setLiaisonAttachments(liaisonAttachments => [...liaisonAttachments, attach]);\r\n }, false);\r\n reader.readAsDataURL(file.rawFile);\r\n });\r\n }\r\n\r\n const onRemovingAttachsFiles = (args) => {\r\n args.filesData.map((file) => {\r\n setLiaisonAttachments(liaisonAttachments => liaisonAttachments.filter((x) => (x.id !== file.id)));\r\n });\r\n };\r\n\r\n const jornalistNameSelected = (args) => {\r\n if (args.itemData) {\r\n let mailingContatoTO = new MailingContactTO(args.itemData.id,\r\n args.itemData.jornalista,\r\n args.itemData.idtipoMidia,\r\n args.itemData.nomeVeiculo,\r\n args.itemData.email,\r\n args.itemData.telefone,\r\n args.itemData.idpais,\r\n args.itemData.idestado,\r\n args.itemData.idcidade,\r\n args.itemData.editoria,\r\n args.itemData.cargo,\r\n args.itemData.endereco);\r\n\r\n setJornalistSelected(true);\r\n setMailingContatoTO(mct => mailingContatoTO);\r\n setNewEmail(mailingContatoTO.email);\r\n const newTelefone = mailingContatoTO.telefone.map(phone => ({\r\n ...phone,\r\n country: countriesJSON.find(country => country.nameEn === phone.country)\r\n }))\r\n setNewPhone(newTelefone);\r\n setLiaisonTO(lto => ({\r\n ...liaisonTO,\r\n mailingContato: mailingContatoTO,\r\n jornalista: null,\r\n idTipoMidia: null,\r\n nomeVeiculo: null,\r\n email: [],\r\n telefone: []\r\n }));\r\n }\r\n }\r\n\r\n const jornalistNameChanged = (args) => {\r\n if (!args.itemData) {\r\n setJornalistSelected(false);\r\n setInsertMailing(false);\r\n\r\n if (jornalistSelected) {\r\n setMailingContatoTO(mct => initialMailingContactTO);\r\n } else {\r\n setMailingContatoTO(mct => ({ ...mailingContatoTO, jornalista: null }));\r\n }\r\n } else {\r\n setMailingContatoTO(mct => ({ ...mailingContatoTO, jornalista: args.itemData.jornalista ? args.itemData.jornalista : null }));\r\n }\r\n }\r\n\r\n const setPropertyLiaisonTOState = (fieldName, fieldValue) => {\r\n setLiaisonTO(lto => ({ ...liaisonTO, [fieldName]: fieldValue }));\r\n };\r\n\r\n const addNewPhone = () => {\r\n const phones = newPhone.filter(phone => phone.status !== 2);\r\n\r\n if (phones) {\r\n setNewPhone(newPhone => [...newPhone, { telefone: \"\", status: 0, country: countryDefault, }])\r\n }\r\n }\r\n\r\n const addNewEmail = () => {\r\n const emails = newEmail.filter(email => email.status !== 2);\r\n\r\n if (emails) {\r\n setNewEmail(newEmail => [...newEmail, { email: \"\", status: 0 }])\r\n }\r\n }\r\n\r\n const removePhone = (index) => {\r\n let temp = [...newPhone];\r\n if (temp[index] !==null) {\r\n if (temp[index].telefone !==\"\") {\r\n let pos = mailingContatoTO.telefone.map(function (e) { return e.telefone; }).indexOf(temp[index].telefone);\r\n let phoneFilter = mailingContatoTO.telefone.filter(findPhone => findPhone.telefone ===temp[index].telefone)[0];\r\n if (phoneFilter.status !==0) {\r\n if (mailingContatoTO?.id) {\r\n mailingContatoTO.telefone[pos].status = 2;\r\n } else {\r\n temp[index].status = 2;\r\n }\r\n } else {\r\n mailingContatoTO.telefone.splice(pos, 1);\r\n }\r\n } if (temp[index].status ===0) {\r\n temp.splice(index, 1);\r\n }\r\n }\r\n setNewPhone(\r\n newPhone => [...temp]\r\n );\r\n\r\n }\r\n\r\n const handleChangePhone = (index, e) => {\r\n let value = e.value\r\n\r\n if (value) {\r\n if (newPhone[index].status ===3 || newPhone[index].status ===2) {\r\n newPhone[index].status = 1;\r\n }\r\n\r\n newPhone[index].telefone = e.value\r\n } else if (newPhone[index].status !== 0) {\r\n newPhone[index].status = 2;\r\n }\r\n if (newPhone[index].telefone !==\"\") {\r\n let phoneFilter = mailingContatoTO.telefone && mailingContatoTO.telefone.length > 0 && mailingContatoTO.telefone.filter(findPhone => findPhone.telefone ===newPhone[index].telefone);\r\n if (phoneFilter.length ===0) {\r\n mailingContatoTO.telefone.push(newPhone[index]);\r\n }\r\n }\r\n setMailingContatoTO(mailingTO => ({ ...mailingTO, telefone: newPhone }))\r\n }\r\n\r\n const removeEmail = (index) => {\r\n if (newEmail[index] !==null) {\r\n if (newEmail[index].email !==\"\") {\r\n let pos = mailingContatoTO.email.map(function (e) { return e.email; }).indexOf(newEmail[index].email);\r\n let phoneFilter = mailingContatoTO.email.filter(findEmail => findEmail.email ===newEmail[index].email)[0];\r\n if (phoneFilter.status !==0) {\r\n mailingContatoTO.email[pos].status = 2;\r\n } else {\r\n mailingContatoTO.email.splice(pos, 1);\r\n }\r\n } else if (newEmail[index].status ===0) {\r\n newEmail.splice(index, 1);\r\n }\r\n }\r\n setNewEmail(\r\n newEmail => [...newEmail]\r\n );\r\n\r\n setMailingContatoTO(mailingTO => ({ ...mailingTO, email: [...newEmail] }))\r\n }\r\n\r\n const handleChangeEmail = (index, e) => {\r\n let value = e.value\r\n\r\n if (value) {\r\n if (newEmail[index].status ===3 || newEmail[index].status ===2) {\r\n newEmail[index].status = 1;\r\n }\r\n\r\n newEmail[index].email = e.value\r\n } else if (newEmail[index].status !== 0) {\r\n newEmail[index].status = 2;\r\n }\r\n if (newEmail[index].email !==\"\") {\r\n let emailFilter = mailingContatoTO.email.filter(findEmail => findEmail.email ===newEmail[index].email);\r\n if (emailFilter.length ===0) {\r\n mailingContatoTO.email.push(newEmail[index]);\r\n }\r\n }\r\n setMailingContatoTO(mailingTO => ({ ...mailingTO, email: newEmail }))\r\n }\r\n\r\n const setPropertyMailingContactTOState = (fieldName, fieldValue) => {\r\n setMailingContatoTO(mto => ({ ...mailingContatoTO, [fieldName]: fieldValue }));\r\n };\r\n\r\n const countryMailingContactOnChange = (e) => {\r\n if (e.itemData) {\r\n ddlStatesRef.dataSource = i18n.language === 'en' ? fillStateDataEn : fillStateDataPt;\r\n ddlStatesRef.query = new Query().where('idPais', 'equal', e.itemData.id);\r\n ddlStatesRef.enabled = true;\r\n ddlStatesRef.text = null;\r\n ddlStatesRef.dataBind();\r\n\r\n setMailingContatoTO(mto => ({ ...mailingContatoTO, idpais: e.itemData.id }));\r\n e.itemData.id === 6 ? setHideMailingState(hms => '') : setHideMailingState(hms => 'hide');\r\n } else {\r\n if (ddlStatesRef) {\r\n ddlStatesRef.dataSource = null;\r\n ddlStatesRef.query = null;\r\n ddlStatesRef.enabled = false;\r\n ddlStatesRef.text = null;\r\n ddlStatesRef.dataBind();\r\n }\r\n\r\n if (ddlCitiesRef) {\r\n ddlCitiesRef.dataSource = null;\r\n ddlCitiesRef.query = null;\r\n ddlCitiesRef.enabled = false;\r\n ddlCitiesRef.text = null;\r\n ddlCitiesRef.dataBind();\r\n }\r\n\r\n setMailingContatoTO(mto => ({ ...mailingContatoTO, idpais: null, idestado: null, idcidade: null }));\r\n setHideMailingState(hms => 'hide');\r\n setHideMailingCity(hms => 'hide');\r\n }\r\n };\r\n\r\n const stateMailingContactOnChange = (e) => {\r\n if (e.itemData) {\r\n ddlCitiesRef.dataSource = i18n.language === 'en' ? fillCityDataEn : fillCityDataPt;\r\n ddlCitiesRef.query = new Query().where('idEstado', 'equal', e.itemData.id);\r\n ddlCitiesRef.enabled = true;\r\n ddlCitiesRef.text = null;\r\n ddlCitiesRef.dataBind();\r\n\r\n setMailingContatoTO(mto => ({ ...mailingContatoTO, idestado: e.itemData.id }));\r\n setHideMailingCity(hms => '');\r\n } else {\r\n if (ddlCitiesRef) {\r\n ddlCitiesRef.dataSource = null;\r\n ddlCitiesRef.query = null;\r\n ddlCitiesRef.enabled = false;\r\n ddlCitiesRef.text = null;\r\n ddlCitiesRef.dataBind();\r\n }\r\n\r\n setMailingContatoTO(mto => ({ ...mailingContatoTO, idestado: null, idcidade: null }));\r\n setHideMailingCity(hms => 'hide');\r\n }\r\n };\r\n\r\n const manageInsertMailingTO = () => {\r\n if (!jornalistSelected) {\r\n setInsertMailing(im => !insertMailing);\r\n }\r\n };\r\n\r\n const refEmail = (emailRef) => {\r\n register({ required: true, pattern: /^\\S+@\\S+$/ });\r\n txtEmailRef = emailRef;\r\n };\r\n\r\n const stateMailingContactGroupOnChange = (e) => {\r\n if (e.isInteracted) {\r\n let mailingContactGroups = e.value.map((value) => {\r\n return { id: value };\r\n });\r\n setMailingContatoTO({ ...mailingContatoTO, grupos: mailingContactGroups });\r\n }\r\n };\r\n\r\n const groupCheckboxSelectionCreated = (e) => {\r\n if (ddlMailingContactGroupRef) {\r\n ddlMailingContactGroupRef.showSelectAll = true;\r\n ddlMailingContactGroupRef.selectAllText = t('Generic:multiSelect_selectAll');\r\n ddlMailingContactGroupRef.unSelectAllText = t('Generic:multiSelect_unselectAll');\r\n }\r\n };\r\n\r\n const downloadAttachment = (fileName) => {\r\n downloadLiaisonAttachment(globalState.accessToken, itemId, fileName)\r\n .then((response) => response.blob())\r\n .then((blob) => {\r\n const url = window.URL.createObjectURL(new Blob([blob]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n });\r\n };\r\n\r\n const removeAttachment = (fileName) => {\r\n let itemsArray = liaisonAttachments.filter(x => x.fileName !== fileName);\r\n let item = liaisonAttachments.filter(x => x.fileName === fileName);\r\n item[0].status = 2;\r\n setLiaisonAttachments(itemsArray.concat(item));\r\n };\r\n\r\n React.useEffect(() => {\r\n if (loading) {\r\n createSpinner({ target: document.getElementById('loadLiaison') });\r\n showSpinner(document.getElementById('loadLiaison'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n uploaderCreated();\r\n }, [loading]);\r\n\r\n const now = new Date;\r\n\r\n React.useEffect(() => {\r\n setLiaisonTO({\r\n ...liaisonTO,\r\n responsaveis: globalState.userName,\r\n idRegional: globalState?.regional?.id,\r\n dataRecebimento: new Date(),\r\n })\r\n\r\n\r\n\r\n async function getItems() {\r\n let _countries = await getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n const currentCountries = countriesJSON.filter(country => {\r\n return _countries.filter(item => item.nomeEn === country.nameEn).length > 0\r\n })\r\n setDataCountries(currentCountries);\r\n setDataFlags(currentCountries)\r\n\r\n const newProfile = await getProfile(globalState.accessToken, globalState.userId)\r\n .then(res => {\r\n if (res.ok) {\r\n return res.json();\r\n }\r\n })\r\n setProfile(newProfile)\r\n }\r\n getItems();\r\n\r\n function getRefPhone() {\r\n document.addEventListener(\"mousedown\", handlePhoneRef);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handlePhoneRef);\r\n };\r\n };\r\n getRefPhone();\r\n\r\n initialLoad();\r\n document.addEventListener('keydown', (event) => {\r\n if (event.key === 'Enter') {\r\n event.preventDefault();\r\n return false;\r\n }\r\n });\r\n uploaderCreated();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (!openCountries) {\r\n setDataFlags(dataCountries);\r\n }\r\n }, [openCountries]);\r\n\r\n React.useEffect(() => {\r\n setMailingContatoTO({\r\n ...mailingContatoTO,\r\n idPais: profile?.idPais,\r\n cargo: profile?.cargo,\r\n endereco: profile?.enderecoTrabalho\r\n })\r\n }, [profile]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (txtEmailRef) txtEmailRef.placeholder = t('Liaison:email_placeholder');\r\n if (txtEditorialRef) txtEditorialRef.placeholder = t('Liaison:editorial_placeholder');\r\n if (txtOccupationRef) txtOccupationRef.placeholder = t('Liaison:occupation_placeholder');\r\n if (txtAddressRef) txtAddressRef.placeholder = t('Liaison:address_placeholder');\r\n if (txtDescriptionRef) txtDescriptionRef.placeholder = t('Liaison:staffDescription_placeholder');\r\n if (txtResponsaveisRef) txtResponsaveisRef.placeholder = t('Liaison:responsibles_placeholder');\r\n if (ddlMailingContactGroupRef) {\r\n ddlMailingContactGroupRef.selectAllText = t('Generic:multiSelect_selectAll');\r\n ddlMailingContactGroupRef.unSelectAllText = t('Generic:multiSelect_unselectAll');\r\n }\r\n if (dtConclusionRef) dtConclusionRef.placeholder = t('Liaison:conclusionDate_placeholder');\r\n uploaderCreated();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (loadedCount === 10) {\r\n if (itemId) {\r\n getLiaisonItem(globalState.accessToken, itemId)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n let liaisonTO = new LiaisonTO(\r\n data.id,\r\n null,\r\n null,\r\n null,\r\n null,\r\n null,\r\n null,\r\n data.idStatus,\r\n data.dataConclusao,\r\n data.descricao,\r\n data.tipoAcao,\r\n data.idAreaNegocio,\r\n data.responsaveis,\r\n data.idPais,\r\n data.idRegional,\r\n data.dataRecebimento,\r\n null,\r\n false,\r\n data.autorRegistro);\r\n\r\n\r\n if (data.mailingContato) {\r\n\r\n const newTelefone = data.mailingContato.telefone.map(phone => ({\r\n ...phone,\r\n country: countriesJSON.find(country => country.nameEn === phone.country)\r\n }))\r\n\r\n let mailingTO = new MailingContactTO(\r\n data.mailingContato.id,\r\n data.mailingContato.jornalista,\r\n data.mailingContato.idtipoMidia,\r\n data.mailingContato.nomeVeiculo,\r\n data.mailingContato.email,\r\n newTelefone,\r\n data.mailingContato.idpais,\r\n data.mailingContato.idestado,\r\n data.mailingContato.idcidade,\r\n data.mailingContato.editoria,\r\n data.mailingContato.cargo,\r\n data.mailingContato.endereco,\r\n data.mailingContato.grupos);\r\n\r\n liaisonTO.mailingContato = mailingTO;\r\n setNewPhone(newTelefone)\r\n setJornalistSelected(true);\r\n } else {\r\n let mailingTO = new MailingContactTO(\r\n null,\r\n data.jornalista,\r\n data.idTipoMidia,\r\n data.nomeVeiculo,\r\n data.email,\r\n data.telefone);\r\n\r\n const newTelefone = data.telefone.map(phone => ({\r\n ...phone,\r\n country: countriesJSON.find(country => country.nameEn === phone.country)\r\n }))\r\n\r\n setNewPhone(newTelefone)\r\n liaisonTO.mailingContato = mailingTO;\r\n setJornalistSelected(false);\r\n }\r\n\r\n if (data.historico && data.historico.length > 0) {\r\n let histList = data.historico.map(item => {\r\n let actionType = {\r\n id: item.tipoAcao.id,\r\n namePt: item.tipoAcao.nomePt,\r\n nameEn: item.tipoAcao.nomeEn\r\n };\r\n return new LiaisonHistory(\r\n item.IdAtendimento,\r\n item.usuario,\r\n actionType,\r\n item.data\r\n );\r\n });\r\n\r\n liaisonTO.historico = histList;\r\n }\r\n\r\n if (data.anexos) {\r\n let attachments = data.anexos.map((item) => {\r\n return new LiaisonAttachment(data.id, item.contentType, item.fileName, null, item.fileExtension, item.fileLength);\r\n });\r\n setLiaisonAttachments(x => attachments);\r\n }\r\n\r\n setLiaisonTO(lto => liaisonTO);\r\n setMailingContatoTO(mto => liaisonTO.mailingContato);\r\n setNewEmail(liaisonTO.mailingContato.email);\r\n setLoaded(true);\r\n uploaderCreated();\r\n });\r\n }\r\n });\r\n } else {\r\n setLoaded(true);\r\n uploaderCreated();\r\n }\r\n }\r\n\r\n }, [loadedCount]);\r\n\r\n React.useEffect(() => {\r\n if (loaded) {\r\n hideSpinner(document.getElementById('loadLiaison'));\r\n setLoading(false);\r\n }\r\n uploaderCreated();\r\n }, [loaded]);\r\n\r\n React.useEffect(() => {\r\n if (!insertMailing) unregister(\"country\");\r\n uploaderCreated();\r\n }, [insertMailing]);\r\n\r\n React.useEffect(() => {\r\n if (mailingContatoTO && mailingContatoTO.id) {\r\n clearError([\"name\", \"mediaType\", \"vehicle\", \"email\", \"country\"]);\r\n }\r\n uploaderCreated();\r\n }, [mailingContatoTO]);\r\n\r\n React.useEffect(() => {\r\n uploaderCreated();\r\n }, [liaisonAttachments]);\r\n\r\n const handleChangeCountry = (country, index) => {\r\n const newSelectedPhone = [...newPhone];\r\n\r\n newSelectedPhone[index] = {\r\n ...newSelectedPhone[index],\r\n country: country,\r\n status: itemId && newSelectedPhone[index].id ? 1 : 0\r\n }\r\n\r\n setNewPhone(newSelectedPhone);\r\n setOpenCountries(null);\r\n }\r\n\r\n const newCountries = (item) => {\r\n const country = dataCountries.filter(i => i.nameEn === item);\r\n\r\n return country.map(i => i.flag);\r\n }\r\n\r\n const handleCountries = (index) => {\r\n if (!jornalistSelected) {\r\n setOpenCountries(index)\r\n }\r\n }\r\n\r\n const handleChangeFlags = (ev) => {\r\n const newDataFlags = dataCountries.filter(\r\n flags => ev.target.value !== \"\"\r\n ? i18n.language === \"pt\"\r\n ? flags?.namePt.toLowerCase().includes(ev.target.value.toLowerCase())\r\n : flags?.nameEn.toLowerCase().includes(ev.target.value.toLowerCase())\r\n : true\r\n );\r\n\r\n setDataFlags(newDataFlags);\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n
\r\n
\r\n {(admin && (!info.funcionarioVale || !employeeChecked)) &&\r\n setShowImageModal(hasPermission)}>\r\n {photo && ((photo.changed && photo.b64) || !photo.changed && photo.url) && }\r\n
\r\n \r\n info.nome = e.value}\r\n disabled={!hasPermission}\r\n />\r\n
\r\n {admin &&\r\n <>\r\n \r\n changedEmployee(e)}\r\n disabled={!hasPermission}\r\n\r\n />\r\n info.incluirWhoIsWho = e.checked}\r\n disabled={!hasPermission}\r\n\r\n />\r\n
\r\n \r\n }\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n changedSupplier(e)}\r\n disabled={!hasPermission}\r\n readonly={!hasPermission}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n info.email = e.value}\r\n disabled={!hasPermission}\r\n\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n info.dataNascimento = e.value ? e.value.toISOString().split('.')[0] : ''}\r\n locale={i18n.language}\r\n disabled={!hasPermission}\r\n\r\n />\r\n
\r\n \r\n \r\n
\r\n {(countrySelected === 6 || info.idPais === 6) &&\r\n \r\n \r\n dropdownListCountry.current = ref}\r\n dataSource={countriesList}\r\n fields={{ text: i18n.language ===\"pt\" ? \"nomePt\" : \"nomeEn\", value: \"id\", htmlattributes: \"tooltip\" }}\r\n placeholder={t('UserVale:country')}\r\n value={info.idPais}\r\n change={(e) => changedCountry(e)}\r\n created={dropdownListCreated}\r\n allowFiltering={true}\r\n />\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n dropdownListRegional.current = ref}\r\n dataSource={regionalSelect}\r\n fields={{ text: i18n.language ===\"pt\" ? \"nomePt\" : \"nomeEn\", value: \"id\", htmlattributes: \"tooltip\" }}\r\n placeholder={t('UserVale:regional')}\r\n value={info && info.idRegional}\r\n change={onChangeRegional}\r\n created={dropdownListCreated}\r\n showClearButton\r\n\r\n />\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useTranslation, getInitialProps } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { DropDownListComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { CheckBoxComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { Tooltip } from \"@syncfusion/ej2-react-popups\";\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { getProfileAreas, getProfileManagement, getProfileDepartments } from '../../services/SystemSVC';\r\nimport { users } from \"../../services/UsersSVC\";\r\n\r\nexport const ProfData = (props) => {\r\n\r\n\r\n const departmenRef = React.useRef(null);\r\n const managementRef = React.useRef(null);\r\n const businessAreaRef = React.useRef(null);\r\n const superiorRef = React.useRef(null);\r\n\r\n const { setInfo, info, admin, hasPermissionToEdit } = props;\r\n\r\n const [loadingProf, setLoadingProf] = React.useState(true);\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [hasPermission, setHasPermission] = React.useState(true);\r\n const [areaSelect, setAreaSelect] = React.useState([]);\r\n const [departamentSelect, setDepartamentSelect] = React.useState([]);\r\n const [managementSelect, setManagementSelect] = React.useState([]);\r\n const [immediateLeader, setImmediateLeader] = React.useState([]);\r\n\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n if (loadingProf) {\r\n createSpinner({ target: document.getElementById('loadProf') })\r\n showSpinner(document.getElementById('loadProf'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loadingProf]);\r\n\r\n React.useEffect(() => {\r\n if (typeof hasPermissionToEdit !== \"undefined\") {\r\n setHasPermission(hasPermissionToEdit);\r\n } else {\r\n setHasPermission(true);\r\n }\r\n }, [hasPermissionToEdit]);\r\n\r\n React.useEffect(() => {\r\n setLoadingProf(true);\r\n\r\n async function load() {\r\n let _management = await getProfileManagement(globalState.accessToken, i18n.language)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n let _areas = await getProfileAreas(globalState.accessToken, i18n.language)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n let _departments = await getProfileDepartments(globalState.accessToken, i18n.language)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n let _immediate = await users(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json(); } });\r\n\r\n addTooltip(_management, i18n.language ===\"pt\" ? \"nomePt\" : \"nomeEn\");\r\n setManagementSelect(_management);\r\n addTooltip(_areas, i18n.language ===\"pt\" ? \"nomePt\" : \"nomeEn\");\r\n setAreaSelect(_areas);\r\n addTooltip(_departments, i18n.language ===\"pt\" ? \"nomePt\" : \"nomeEn\");\r\n setDepartamentSelect(_departments);\r\n addTooltip(_immediate, \"nome\");\r\n setImmediateLeader(_immediate);\r\n\r\n hideSpinner(document.getElementById('loadProf'));\r\n setLoadingProf(false);\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n const addTooltip = (items, prop) => {\r\n items && items.length > 0 && items.map(item => item.tooltip = { title: item[prop] });\r\n }\r\n\r\n const dropdownListCreated = () => {\r\n if (hasPermission) {\r\n businessAreaRef.current.enabled = true;\r\n departmenRef.current.enabled = true;\r\n managementRef.current.enabled = true;\r\n superiorRef.current.enabled = true;\r\n } else {\r\n businessAreaRef.current.enabled = false;\r\n departmenRef.current.enabled = false;\r\n managementRef.current.enabled = false;\r\n superiorRef.current.enabled = false;\r\n }\r\n };\r\n\r\n const dateValeChanged = e =>{\r\n setInfo(info => ({ ...info, dataInicioVale: e.value }));\r\n }\r\n\r\n return (\r\n loadingProf ? :\r\n \r\n \r\n {newPhone.filter(phone => phone.status !== 2).length < 3 &&\r\n
\r\n {showImageModal &&\r\n \r\n
\r\n addNewPhone()} />\r\n
}\r\n {newPhone && newPhone.length > 0 &&\r\n newPhone.map((item, index) => item.status !== 2 && (\r\n \r\n \r\n updatePhone(index, e)}\r\n />\r\n \r\n {hasPermission &&\r\n
\r\n \r\n
\r\n ))}\r\n removePhone(index)} />\r\n
\r\n }\r\n \r\n
\r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { ComboBoxComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\n\r\nimport './utilities.css';\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nlet userPermission = [];\r\n\r\nexport const Actions = (props) => {\r\n\r\n //Opções:\r\n //Boolean: savePrimary / excludePrimary\r\n //String: class/ urlView / urlPreview / urlDuplicate / urlSave / urlSend / urlCancel / urlDelete\r\n const { controls } = props;\r\n const { t } = useTranslation();\r\n const [loading, setLoading] = React.useState(true);\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n\r\n React.useEffect(() => {\r\n if (controls.area) {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.accessArea === controls.area).map((i) => (i.permission));\r\n }\r\n }, [globalState]);\r\n\r\n const customPermissionToDelete = () => {\r\n if (typeof controls.customPermissionsDelete ===\"undefined\") {\r\n return (controls.urlDelete && globalState.userAdmin ||\r\n (controls.area &&\r\n userPermission.indexOf(\"Admin\") !==-1 || userPermission.indexOf(\"Exclusão\") !==-1\r\n ));\r\n } else {\r\n return controls.customPermissionsDelete;\r\n }\r\n }\r\n\r\n const customPermission = () => {\r\n if (typeof controls.customPermissions ===\"undefined\") {\r\n return (controls.urlSave && globalState.userAdmin ||\r\n (controls.area &&\r\n userPermission.indexOf(\"Admin\") !==-1 || userPermission.indexOf(\"Inclusão\") !==-1 || userPermission.indexOf(\"Alteração\") !==-1 || controls.hasPermissionToEdit\r\n ));\r\n } else {\r\n return controls.customPermissions;\r\n }\r\n }\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n \r\n
\r\n {t('ProfData:title')}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, cargo: e.value }))}\r\n />\r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, matricula: e.value }))}\r\n disabled={!hasPermission}\r\n />\r\n
\r\n \r\n {admin &&\r\n
\r\n \r\n setInfo(info => ({ ...info, cargoGerencia: e.checked }))}\r\n disabled={!hasPermission}\r\n />\r\n
\r\n }\r\n \r\n \r\n setInfo(info => ({ ...info, atividadePrincipal: e.value }))}\r\n disabled={!hasPermission}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, idPerfilDepartamento: e.itemData ? e.itemData.id : null }))}\r\n created={dropdownListCreated}\r\n showClearButton\r\n />\r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, idPerfilGerencia: e.itemData ? e.itemData.id : null }))}\r\n created={dropdownListCreated}\r\n showClearButton\r\n\r\n />\r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, idPerfilArea: e.itemData ? e.itemData.id : null }))}\r\n created={dropdownListCreated}\r\n showClearButton\r\n\r\n />\r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, idSuperiorDireto: e.itemData ? e.itemData.id : null }))}\r\n created={dropdownListCreated}\r\n showClearButton\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n setInfo(info => ({ ...info, enderecoTrabalho: e.value }))}\r\n disabled={!hasPermission}\r\n />\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { update_password } from '../../services/UsersSVC';\r\nimport { createSpinner, showSpinner, hideSpinner, setSpinner } from '@syncfusion/ej2-popups';\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { LoginStateContext } from '../login/LoginState';\r\n\r\nexport const ChangePassword = () => {\r\n\r\n const [loginState, setLoginState] = React.useContext(LoginStateContext);\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [validateReset, setValidateReset] = React.useState(true);\r\n const [validateConfirm, setValidateConfirm] = React.useState(true);\r\n const [similarPassword, setSimilarPassword] = React.useState(true);\r\n const [showSucessText, setShowSucessText] = React.useState(false);\r\n const [loadingChangePass, setLoadingChangePass] = React.useState(true);\r\n\r\n const { t } = useTranslation();\r\n\r\n const { handleSubmit, register, triggerValidation, watch } = useForm({ nativeValidation: true });\r\n const htmlPasswordAttributes = { name: \"password\", type: \"password\", maxlength: \"100\" };\r\n\r\n React.useEffect(() => {\r\n if (i18n.language) {\r\n setLoadingChangePass(true);\r\n createSpinner({ target: document.getElementById('loadingChangePass') })\r\n showSpinner(document.getElementById('loadingChangePass'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (!loadingChangePass)\r\n hideSpinner(document.getElementById('loadingChangePass'));\r\n setLoadingChangePass(false);\r\n }, [loadingChangePass]);\r\n\r\n\r\n const onSubmit = async (data) => {\r\n\r\n update_password(globalState.accessToken, data.NewPassword)\r\n .then(response => {\r\n if (response.ok) {\r\n setShowSucessText(true);\r\n document.getElementById(\"new_password\").value= ''\r\n document.getElementById(\"change_password\").value= ''\r\n }\r\n }) \r\n .catch(error => {\r\n console.error(error);\r\n setValidateReset(false);\r\n setValidateConfirm(false);\r\n });\r\n };\r\n\r\n let changePassword = async () => {\r\n const triggerReset = await triggerValidation(\"NewPassword\");\r\n const triggerConfirm = await triggerValidation(\"ConfirmPassword\");\r\n const watchReset = watch(\"NewPassword\");\r\n const watchConfirm = watch(\"ConfirmPassword\");\r\n\r\n setValidateReset(triggerReset);\r\n setValidateConfirm(triggerConfirm);\r\n\r\n if (!validateReset || !validateConfirm) {\r\n setValidateReset(false);\r\n setValidateConfirm(false);\r\n }\r\n\r\n if (watchConfirm !==watchReset) {\r\n setSimilarPassword(false);\r\n }\r\n\r\n if ((watchConfirm ===watchReset) && validateReset && validateConfirm) {\r\n handleSubmit(onSubmit)();\r\n }\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n {!loadingChangePass &&\r\n \r\n \r\n {t('Actions:view')}\r\n } */}\r\n
\r\n {controls.urlPreview &&\r\n {t('Actions:title')}
\r\n {/* {controls.urlView &&\r\n\r\n {t('Actions:preview')}\r\n
\r\n }\r\n \r\n {controls.urlReturn &&\r\n {t('Actions:return')}\r\n }\r\n {controls.urlDuplicateLiaison &&\r\n {t('Actions:duplicateLiaison')}\r\n }\r\n {controls.urlForward &&\r\n {t('Actions:forward')}\r\n }\r\n {controls.urlDuplicate &&\r\n {t('Actions:duplicate')}\r\n }\r\n {controls.previewSignature &&\r\n {t('Actions:previewSignature')}\r\n }\r\n {customPermission() &&\r\n {t('Actions:save')}\r\n }\r\n {controls.urlSend &&\r\n {t('Actions:send')}\r\n }\r\n {controls.urlCancel &&\r\n {t('Actions:cancel')}\r\n }\r\n {customPermissionToDelete() &&\r\n {t('Actions:delete')}\r\n }\r\n
\r\n \r\n
\r\n }\r\n \r\n )\r\n}","import React, { useEffect, useContext, useState } from \"react\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport { getChartObj } from '../../services/UsersSVC';\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\n\r\nexport const WhoIsWho = ({ idUser }) => {\r\n\r\n const [globalState] = useContext(GlobalStateContext);\r\n const [listSubordinates, setListSubordinates] = useState([]);\r\n const [listChart, setListChart] = useState(null);\r\n\r\n useEffect(() => {\r\n async function getChart() {\r\n const chartObj = await getChartObj(globalState.accessToken, idUser).then(res => {\r\n if (res.ok)\r\n return res.json();\r\n });\r\n\r\n const [chartTree] = list_to_tree(chartObj);\r\n\r\n setListChart(chartTree);\r\n\r\n\r\n }\r\n getChart();\r\n }, []);\r\n\r\n const list_to_tree = (list) => {\r\n var map = {}, node, roots = [], i;\r\n\r\n for (i = 0; i < list.length; i += 1) {\r\n map[list[i].id] = i; // initialize the map\r\n list[i].children = []; // initialize the children\r\n }\r\n\r\n for (i = 0; i < list.length; i += 1) {\r\n node = list[i];\r\n if (node.manager) {\r\n // if you have dangling branches check that map[node.parentId] exists\r\n list[map[node.manager]].children.push(node);\r\n } else {\r\n roots.push(node);\r\n }\r\n }\r\n return roots;\r\n }\r\n\r\n const TopWho = ({ item }) => {\r\n if (item && item.children.length > 0) {\r\n setListSubordinates(item.children);\r\n }\r\n return (\r\n <>\r\n { listChart && item && (item.children.length > 0 || listChart.children.length ===0) && <>\r\n \r\n \r\n
\r\n \r\n {t('ChangePassword:title')}
\r\n\r\n
\r\n { item.children && item.children.length > 0 && \r\n {item.isManager && }\r\n \r\n 
\r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { UserData } from '../profile/UserData';\r\nimport { ProfData } from '../profile/ProfData';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport { ChangePassword } from \"../profile/ChangePassword\";\r\nimport { WhoIsWho } from \"../profile/WhoIsWho\";\r\nimport { usersFull, getProfile, updateMyProfile } from \"../../services/UsersSVC\";\r\nimport { getRegional } from \"../../services/SystemSVC\";\r\nimport '../profile/profile.css';\r\nimport { ProfilePhotoContext } from \"../utilities/ProfilePhoto/ProfilePhotoContext\";\r\nimport { createSpinner, DialogComponent, setSpinner, showSpinner } from \"@syncfusion/ej2-react-popups\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport const Profile = (props) => {\r\n\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [dataUser, setDataUser] = React.useState([]);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [hasPermissionToEdit, setHasPermissionToEdit] = React.useState(false);\r\n const [photo, setPhoto] = React.useContext(ProfilePhotoContext);\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const { t } = useTranslation();\r\n\r\n let idUser = props && props.match.params && props.match.params.id ? props.match.params.id : globalState.userId;\r\n\r\n const _controls = {\r\n class: \"profile\",\r\n savePrimary: false,\r\n customPermissions: idUser ===globalState.userId,\r\n excludePrimary: false,\r\n urlView: \"\",\r\n urlPreview: \"\",\r\n urlDuplicate: \"\",\r\n urlSave: () => changeInfoUser(),\r\n urlSend: \"\",\r\n urlCancel: () => setRedirect(true),\r\n urlDelete: \"\",\r\n area: true,\r\n hasPermissionToEdit\r\n };\r\n\r\n React.useEffect(() => {\r\n async function getItems() {\r\n const profile = await getProfile(globalState.accessToken, idUser).then(res => {\r\n if (res.ok)\r\n return res.json();\r\n })\r\n\r\n if (profile) {\r\n profile.userId = idUser;\r\n\r\n setHasPermissionToEdit(globalState.userId == profile.userId);\r\n setDataUser(profile);\r\n }\r\n }\r\n getItems();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadingProfile') });\r\n showSpinner(document.getElementById('loadingProfile'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [openModal]);\r\n\r\n React.useEffect(() => {\r\n async function load() {\r\n let _usersFull = await usersFull(globalState.accessToken);\r\n\r\n if (_usersFull && idUser) {\r\n _usersFull = _usersFull.filter(i => i.userId ===idUser)[0];\r\n setDataUser(dataUser => ({\r\n ...dataUser,\r\n idUser: dataUser.idUser\r\n }));\r\n }\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n let changeInfoUser = async () => {\r\n setDisabledBtn(true);\r\n setOpenModal(true);\r\n let data = dataUser;\r\n data.fotoB64 = photo && photo.b64 ? photo.b64.split(',')[1] : null;\r\n\r\n let newRegional = globalState.regional;\r\n\r\n if (dataUser.idRegional !== globalState.regional?.id) {\r\n const regPromise = await getRegional(globalState.accessToken);\r\n\r\n if (regPromise.ok) {\r\n const reg = await regPromise.json();\r\n\r\n newRegional = reg.filter(regional => regional.id ===dataUser.idRegional);\r\n\r\n if (newRegional.length > 0) {\r\n newRegional = newRegional[0]\r\n }\r\n }\r\n\r\n }\r\n\r\n updateMyProfile(globalState.accessToken, data)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n .then(result => {\r\n setGlobalState(globalState => ({\r\n ...globalState,\r\n userName: dataUser.nome,\r\n userPhoto: globalState.userPhoto,\r\n regional: newRegional,\r\n }));\r\n setRedirect(true);\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n setDisabledBtn(false);\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n Who is Who
\r\n\r\n
\r\n \r\n {listChart &&
\r\n \r\n {listSubordinates &&\r\n listSubordinates.map((i, index) => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n \r\n {i.isManager && }\r\n \r\n 
\r\n
\r\n \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('UserData:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n {dataUser.nome}\r\n {(new Date(dataUser.trocaSenha)).toLocaleDateString(i18n.language)} {(new Date(dataUser.trocaSenha)).toLocaleTimeString(i18n.language, { hour12: false })}\r\n
\r\n \r\n {i18n.language ===\"pt\" ? 'Alteração' : 'Change'}\r\n
\r\n \r\n {!isLoading &&\r\n
\r\n {\r\n isLoading ? \r\n :\r\n \r\n
}\r\n {(isVisible && !isLoading) &&\r\n \r\n \r\n
\r\n {t('Search:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>{t('FilterButtons:filter')} \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>{t('FilterButtons:filter')} \r\n
\r\n }\r\n \r\n {t('FilterButtons:search')} \r\n
\r\n \r\n setPersistence(true)}\r\n enablePersistence={persistence}\r\n fields={{ text: \"nome\", value: \"id\" }}\r\n change={onChange}\r\n filtering={onFiltering}\r\n showClearButton\r\n />\r\n onTextBlur(e, \"email\")}\r\n />\r\n onTextBlur(e, \"cargo\")}\r\n />\r\n setPersistence(true)}\r\n enablePersistence={persistence}\r\n showClearButton={true}\r\n dataSource={fillRegionalData}\r\n fields={{ text: (i18n.language === \"pt\") ? 'nomePt' : 'nomeEn', value: 'id' }}\r\n change={onChange}\r\n />\r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\n\r\nimport './utilities.css';\r\n\r\nexport const Buttons = (props) => {\r\n\r\n const { controls } = props;\r\n const { t } = useTranslation();\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n\r\n return (\r\n \r\n {controls.export &&\r\n
\r\n );\r\n}\r\n","import React, { useContext } from 'react';\r\nimport { useModal } from '../../../hooks/Modal';\r\nimport { hasPermissions } from '../Utils';\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from '../../general/GlobalState';\r\n\r\nconst PermissionRedirect = ({ id, type }) => {\r\n const [globalState] = useContext(GlobalStateContext)\r\n const { buildDialogMessage } = useModal();\r\n\r\n if (id) {\r\n\r\n if (!hasPermissions(parseInt(id), type || \"\", globalState)) {\r\n\r\n buildDialogMessage({\r\n error: true,\r\n titlePt: \"Você não tem acesso a esse conteúdo\",\r\n titleEn: \"You dont have access to this content\",\r\n messagePt: \"Se você precisa acessar essa página, fale com o administrador do site\",\r\n messageEn: \"If you need to access this page, talk to the site administrator\",\r\n icon: \"e-icon-dlg-close e-icons\"\r\n })\r\n\r\n return (\r\n \r\n {t('Buttons:export')}\r\n
\r\n }\r\n {\r\n controls.exportPdf &&\r\n \r\n {t('Buttons:exportPdf')}\r\n
\r\n }\r\n {controls.import &&\r\n \r\n {t('Buttons:import')}\r\n
\r\n }\r\n {controls.new && (globalState.userAdmin ||\r\n (controls.permit !==null ?\r\n controls.permit.indexOf(\"Admin\") !==-1 || controls.permit.indexOf(\"Inclusão\") !==-1\r\n :\r\n false\r\n )) &&\r\n \r\n {t('Buttons:new')}\r\n
\r\n }\r\n {controls.back &&\r\n \r\n {t('Buttons:back')}\r\n
\r\n }\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Users:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport async function getProfileTemplate(token) {\r\n return requestAPI(\"_api/ProfileTemplate/GetProfileTemplates\", \"GET\", \"\", null, token, false);\r\n}\r\n\r\nexport async function addProfileTemplate(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/ProfileTemplate/AddProfileTemplate\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function updateProfileTemplate(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/ProfileTemplate/UpdateProfileTemplate\", \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport async function deleteProfileTemplate(token, id) {\r\n const qstring = `?profileId=${id}`;\r\n return requestAPI(\"_api/ProfileTemplate/DeleteProfileTemplate\", \"DELETE\", qstring, null, token, false);\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit } from '@syncfusion/ej2-react-grids';\r\nimport { DropDownListComponent, ChangeEventArgs, MultiSelectComponent, DropDownTreeComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\n//import { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\n\r\nimport \"../users/users.css\"\r\n\r\nimport { users } from \"../../services/UsersSVC\";\r\nimport { getProfileTemplate } from \"../../services/ProfileTemplateSVC\";\r\nimport { getPermissions, getAccessAreas } from \"../../services/SystemSVC\";\r\nimport { createSpinner, hideSpinner, setSpinner, showSpinner } from \"@syncfusion/ej2-popups\";\r\n\r\nlet refresh;\r\nlet gridInstance;\r\nlet fullAcessArea = [];\r\n\r\nexport const TemplatesLists = (props) => {\r\n\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n const [profileTemplates, setProfileTemplates] = React.useState([]);\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n\r\n const [fillUsersData, setFillUsersData] = React.useState([]);\r\n const [fillAccessAreasData, setFillAccessAreasData] = React.useState([]);\r\n const [fillPermissionsData, setFillPermissionsData] = React.useState([]);\r\n const [allTemplates, setAllTemplates] = React.useState([]);\r\n const [isLoading, setLoading] = React.useState(true);\r\n\r\n const [placeHolderNome, setPlaceHolderNome] = React.useState();\r\n const [placeHolderAreaAcesso, setPlaceHolderAreaAcesso] = React.useState();\r\n const [placeHolderPermissao, setPlaceHolderPermissao] = React.useState();\r\n const [filter, setFilter] = React.useState({});\r\n\r\n const { t } = useTranslation();\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n React.useEffect(() => {\r\n async function load() {\r\n // let _users = await users(globalState.accessToken)\r\n // .then(response => {\r\n // if (response.ok) {\r\n // return response.json();\r\n // }\r\n // })\r\n let _accessAreas = await getAccessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n let _permissions = await getPermissions(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n let _profileTemplates = await getProfileTemplate(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n\r\n if (_profileTemplates && _accessAreas) {\r\n _profileTemplates.map((pt) => {\r\n pt.permissions.map((pe) => {\r\n let area = _accessAreas.filter(i => i.id ===pe.idAccessArea);\r\n if (area.length > 0) {\r\n pe.area = area[0];\r\n }\r\n })\r\n })\r\n }\r\n\r\n // setFillUsersData(_users);\r\n setFillAccessAreasData(fillAreas(_accessAreas));\r\n //setFillAccessAreasData(_accessAreas);\r\n setFillPermissionsData(_permissions);\r\n setProfileTemplates(_profileTemplates);\r\n setAllTemplates(_profileTemplates);\r\n\r\n fullAcessArea = fillAreas(_accessAreas);\r\n hideSpinner(document.getElementById('loading'));\r\n setLoading(false);\r\n\r\n }\r\n load();\r\n setPlaceHolderNome(t(\"Search:place_holder\"));\r\n setPlaceHolderAreaAcesso(t(\"Permissions:access_title\"));\r\n setPlaceHolderPermissao(t(\"Permissions:permission_title\"));\r\n\r\n }, [i18n.language]);\r\n\r\n const fillAreas = (items, currentItem = null, child = false) => {\r\n let arr = [];\r\n items.map((item) => {\r\n if (!child) {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: true });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n } else {\r\n arr.push({ value: item.id, text: i18n.language ===\"pt\" ? item.nomePt : item.nomeEn, parentValue: item.idPai, hasChildren: item.filhos.length > 0 ? true : false, breadCrumbAccessAreaEn: item.breadCrumbEn, breadCrumbAccessAreaPt: item.breadCrumbPt, isFather: false });\r\n if (item.filhos.length > 0) {\r\n let children = fillAreas(item.filhos, item, true);\r\n arr = arr.concat(children);\r\n }\r\n }\r\n });\r\n return arr;\r\n }\r\n\r\n const accessColumn = (args) => {\r\n\r\n let auxAccess = [];\r\n\r\n if (args.permissions.length) {\r\n args.permissions.map(item => {\r\n\r\n let cAcessArea = fullAcessArea.filter(aa => {\r\n return aa.value === item.idAccessArea;\r\n });\r\n\r\n auxAccess.push({cAcessArea[0].text});\r\n }\r\n )\r\n }\r\n\r\n return auxAccess;\r\n };\r\n\r\n const columnName = (args) => {\r\n return (\r\n props.edit(args.id)}>{args.nome}\r\n );\r\n };\r\n\r\n const inputChange = e => {\r\n setFilter({ ...filter, [e.event.currentTarget.id]: e.value });\r\n }\r\n\r\n const dropdownTreeChange = e => {\r\n let arr = [];\r\n e.value.map(item => {\r\n const acessAreas = fillAccessAreasData.filter(_item => _item.value ===item && !_item.hasChildren).map(acessArea => String(acessArea.value));\r\n if (acessAreas.length)\r\n arr = arr.concat(acessAreas);\r\n });\r\n\r\n setFilter({ ...filter, [e.element.id]: arr })\r\n }\r\n\r\n const multiSelectChange = e => {\r\n setFilter({ ...filter, [e.element.id]: e.value })\r\n }\r\n\r\n //Search\r\n\r\n const filterTemplate = () => {\r\n\r\n let listTemplate = allTemplates;\r\n //Por nome\r\n if (filter.name)\r\n listTemplate = listTemplate.filter(item => item.nome.toLowerCase().includes(filter.name.toLowerCase()));\r\n\r\n if (filter.permissions && filter.permissions.length) {\r\n let arrPermissionsPt = [];\r\n filter.permissions.map(permissionId => {\r\n const itemPermission = fillPermissionsData.find(item => item.id === permissionId);\r\n if (itemPermission)\r\n arrPermissionsPt.push(itemPermission.nomePt);\r\n });\r\n\r\n listTemplate = listTemplate.filter(templateItem => {\r\n\r\n let permissionsResult = arrPermissionsPt.every(item => {\r\n return templateItem.permissions.filter(_item => _item.permissionsPt.includes(item)).length > 0;\r\n });\r\n let areasResult = filter && filter.areas && filter.areas.length > 0 && filter.areas.every(item => {\r\n return templateItem.permissions.filter(_item => _item.idAccessArea ===item).length > 0;\r\n });\r\n\r\n return permissionsResult || areasResult;\r\n });\r\n }\r\n else {\r\n if (filter.areas && filter.areas.length) {\r\n listTemplate = listTemplate.filter(templateItem => {\r\n const items = templateItem.permissions.filter(_item => filter.areas.indexOf(_item.idAccessArea.toString()) > -1);\r\n return items.length === filter.areas.length;\r\n });\r\n }\r\n }\r\n gridInstance.dataSource = listTemplate;\r\n setIsVisible(false);\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (isLoading && document.getElementById('loading')) {\r\n createSpinner({ target: document.getElementById('loading') })\r\n showSpinner(document.getElementById('loading'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [isLoading]);\r\n\r\n //End Search\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n {t('ChangePassword:title')}
\r\n\r\n
\r\n { isLoading ? :\r\n \r\n
\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t(\"Search:title\")}
\r\n\r\n
\r\n \r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>{t(\"FilterButtons:filter\")} \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>{t(\"FilterButtons:filter\")} \r\n
\r\n }\r\n \r\n {t(\"FilterButtons:search\")}\r\n
\r\n \r\n
\r\n }\r\n \r\n gridInstance = grid}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n );\r\n}\r\n\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { UploaderComponent, TextBoxComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { updateBanners, addBanners, deleteBanners } from \"../../services/BannerHomeSVC\";\r\nimport { FormValidator, FormValidatorModel } from '@syncfusion/ej2-inputs';\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { useModal } from \"../../hooks/Modal\";\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\n\r\nconst uploadIcon = '';\r\n\r\nlet formObject;\r\n\r\nexport const ModalBanners = (props) => {\r\n\r\n const { setBannersList, bannersList, setRefresh, data, toggle } = props;\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [bannerItem, setBannerItem] = React.useState(data);\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [openModalDelete, setOpenModalDelete] = React.useState(false);\r\n const [openModalConfirm, setOpenModalConfirm] = React.useState(false);\r\n const [showBannerInfo, setShowBannerInfo] = React.useState(false);\r\n const idiomaRef = React.useRef(null);\r\n const ativoRef = React.useRef(null);\r\n\r\n const { buildDialogMessage } = useModal();\r\n\r\n const [loadingModal, setLoadingModal] = React.useState(false);\r\n\r\n const { t } = useTranslation();\r\n\r\n let modalButtons;\r\n let modalDelete;\r\n let modalConfirmDelete;\r\n\r\n if (data !==\"\") {\r\n modalButtons = [\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Deletar\" : \"Delete\",\r\n cssClass: `${!hasPermissions(54, \"Delete\", globalState) && \"hidden\"} bannerDelete`\r\n },\r\n click: () => {\r\n setOpenModalDelete(true);\r\n }\r\n },\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Salvar\" : \"Save\",\r\n cssClass: `${!hasPermissions(54, \"Edit\", globalState) && 'hidden'} bannerSave`\r\n },\r\n click: () => {\r\n onSubmitClick();\r\n }\r\n }\r\n ]\r\n } else {\r\n modalButtons = [\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n cssClass: `${!hasPermissions(54, \"Create\", globalState) && 'hidden'} bannerSave`,\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Salvar\" : \"Save\"\r\n },\r\n click: () => {\r\n onSubmitClick();\r\n }\r\n }]\r\n }\r\n\r\n modalDelete = [\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: false,\r\n content: i18n.language ===\"pt\" ? \"Cancelar\" : \"Cancel\",\r\n cssClass: \"bannerDelete\"\r\n },\r\n click: () => {\r\n setOpenModalDelete(false);\r\n }\r\n },\r\n {\r\n type: \"submit\",\r\n buttonModel: {\r\n isPrimary: true,\r\n content: i18n.language ===\"pt\" ? \"Sim\" : \"Yes\",\r\n cssClass: \"bannerSave\"\r\n },\r\n click: () => {\r\n deleteBanner();\r\n }\r\n }\r\n ]\r\n\r\n React.useEffect(() => {\r\n const options = {\r\n rules: {\r\n 'titulo': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'chamada': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'idioma': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'ativo': {\r\n required: [true, t('Validation:required')]\r\n }\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n }\r\n }\r\n formObject = new FormValidator('#idModalBanner', options);\r\n });\r\n\r\n const onSubmitClick = () => {\r\n if (formObject.validate() && bannerItem.imagemB64) {\r\n updateBanner();\r\n removeFiles();\r\n toggle.close();\r\n } else {\r\n if (!bannerItem.imagemB64) {\r\n document.getElementById(\"validateImage\").innerHTML = i18n.language ===\"pt\" ? \"Imagem obrigatória\" : \"Required image\";\r\n } else {\r\n document.getElementById(\"validateImage\").innerHTML = \"\";\r\n }\r\n }\r\n }\r\n\r\n const isDefaultDisabled = () => {\r\n if (data !==\"\" && hasPermissions(54, \"Edit\", globalState)) {\r\n return false;\r\n } else if (!data && hasPermissions(54, \"Create\", globalState)) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n const target = document.getElementById(\"uploadBanner\");\r\n\r\n let uploadImage = () => {\r\n document.getElementsByClassName(\"e-file-select-wrap\")[0].querySelector(\"button\").click();\r\n return false;\r\n }\r\n\r\n let removeFiles = () => {\r\n const clearThumb = document.getElementById(\"UploadFiles\") && document.getElementById(\"UploadFiles\").ej2_instances[0];\r\n if (clearThumb !== null && clearThumb.clearAll !== null && typeof (clearThumb.clearAll) !== \"undefined\") {\r\n return clearThumb.clearAll();\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadingBanner') });\r\n showSpinner(document.getElementById('loadingBanner'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [loadingModal]);\r\n\r\n const onFileUploadSucceeded = (event) => {\r\n if (event.operation ===\"upload\") {\r\n const reader = new FileReader();\r\n const file = document.getElementById(\"UploadFiles\").files[0];\r\n reader.addEventListener(\"load\", function () {\r\n let bannerObj = { ...bannerItem };\r\n bannerObj.imagemB64 = reader.result;\r\n setBannerItem(bannerObj);\r\n }, false);\r\n reader.readAsDataURL(file);\r\n }\r\n if (event.operation ===\"remove\") {\r\n let bannerObj = { ...bannerItem };\r\n bannerObj.imagemB64 = \"\";\r\n setBannerItem(bannerObj);\r\n removeFiles();\r\n }\r\n document.getElementById(\"validateImage\").innerHTML = \"\";\r\n }\r\n\r\n const textBoxOnChange = (args) => {\r\n let bannerObj = { ...bannerItem };\r\n bannerObj[args.target.id] = args.target.value;\r\n setBannerItem(bannerObj);\r\n }\r\n\r\n const comboBoxOnChange = (args) => {\r\n let bannerObj = { ...bannerItem };\r\n bannerObj[args.element.id] = args.value;\r\n setBannerItem(bannerObj);\r\n }\r\n\r\n const bannerIdioma = [{\r\n text: i18n.language ===\"pt\" ? \"Português\" : \"Portuguese\",\r\n value: 1\r\n }, {\r\n text: i18n.language ===\"pt\" ? \"Inglês\" : \"English\",\r\n value: 2\r\n }]\r\n\r\n const bannerStatus = [{\r\n text: i18n.language ===\"pt\" ? \"Sim\" : \"Yes\",\r\n value: true\r\n }, {\r\n text: i18n.language ===\"pt\" ? \"Não\" : \"No\",\r\n value: false\r\n }];\r\n\r\n React.useEffect(() => {\r\n if (data.id) {\r\n let version = new Date().toISOString();\r\n let bannerObj = { ...bannerItem };\r\n\r\n if (bannerObj.id) {\r\n setShowBannerInfo(true);\r\n }\r\n\r\n bannerObj.imagemB64 = `${process.env.REACT_APP_API_URL}/_api/BannerHome/GetBannerHome?token=${globalState.tokenLightWeight}&IdBannerHome=${data.id}&v=${version}`;\r\n setBannerItem(bannerObj);\r\n console.log(\"bannerObj\", bannerObj);\r\n }\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n setOpenModal(true);\r\n }, [props.status])\r\n\r\n let deleteBanner = () => {\r\n\r\n let version = new Date().toISOString();\r\n\r\n deleteBanners(globalState.accessToken, data.id);\r\n let findIdBanner = bannersList.filter(item => item.id !==data.id);\r\n setBannersList(findIdBanner);\r\n\r\n setRefresh(version);\r\n }\r\n\r\n let updateBanner = () => {\r\n\r\n if (bannerItem.imagemB64) {\r\n if (data) {\r\n let dataApi = {\r\n id: bannerItem.id,\r\n ativo: bannerItem.ativo,\r\n chamada: bannerItem.chamada,\r\n idIdioma: bannerItem.idIdioma,\r\n imagemB64: bannerItem.imagemB64 ? bannerItem.imagemB64.split(',')[1] : null,\r\n titulo: bannerItem.titulo,\r\n link: bannerItem.link\r\n };\r\n\r\n updateBanners(globalState.accessToken, dataApi)\r\n .then((response) => {\r\n if (response.ok) { return response.json(); }\r\n })\r\n .then((result) => {\r\n changeDataBanner(result);\r\n })\r\n .catch(error => {\r\n buildDialogMessage({\r\n titlePt: \"Erro\",\r\n titleEn: \"Error\",\r\n messagePt: \"Erro ao atualizar o banner\",\r\n messageEn: \"Error while updating the banner\",\r\n error: 500\r\n });\r\n });\r\n\r\n buildDialogMessage({\r\n titlePt: \"Sucesso\",\r\n titleEn: \"Sucesso\",\r\n messagePt: \"Banner atualizado com sucesso\",\r\n messageEn: \"Banner successfully updated\"\r\n });\r\n\r\n } else {\r\n let bannerObj = bannerItem;\r\n bannerObj.imagemB64 = bannerItem.imagemB64 ? bannerItem.imagemB64.split(',')[1] : null;\r\n\r\n addBanners(globalState.accessToken, bannerObj)\r\n .then((response) => {\r\n if (response.ok) { return response.json(); }\r\n })\r\n .then((result) => {\r\n createNewBanner(result);\r\n })\r\n .catch(error => {\r\n buildDialogMessage({\r\n titlePt: \"Erro\",\r\n titleEn: \"Error\",\r\n messagePt: \"Erro ao adicionar o banner\",\r\n messageEn: \"Error while adding the banner\",\r\n error: 500\r\n });\r\n });\r\n\r\n\r\n buildDialogMessage({\r\n titlePt: \"Sucesso\",\r\n titleEn: \"Sucesso\",\r\n messagePt: \"Banner adicionado com sucesso\",\r\n messageEn: \"Banner successfully added\"\r\n });\r\n }\r\n }\r\n }\r\n\r\n const changeDataBanner = (id) => {\r\n\r\n let version = new Date().toISOString();\r\n\r\n bannersList.map(i => {\r\n if (i.id ===id) {\r\n i.ativo = bannerItem.ativo;\r\n i.chamada = bannerItem.chamada;\r\n i.idIdioma = bannerItem.idIdioma;\r\n i.src = `${process.env.REACT_APP_API_URL}/_api/BannerHome/GetBannerHome?token=${globalState.tokenLightWeight}&IdBannerHome=${data.id}&version=${version}`;\r\n i.titulo = bannerItem.titulo;\r\n i.link = bannerItem.link;\r\n }\r\n })\r\n\r\n setBannersList(bannersList);\r\n\r\n setRefresh(version);\r\n }\r\n\r\n const createNewBanner = (id) => {\r\n let version = new Date().toISOString();\r\n\r\n bannerItem.id = id;\r\n bannerItem.imagemB64 = \"data:image/jpeg;base64,\" + bannerItem.imagemB64;\r\n bannerItem.src = `${process.env.REACT_APP_API_URL}/_api/BannerHome/GetBannerHome?token=${globalState.tokenLightWeight}&IdBannerHome=${id}&version=${version}`;\r\n bannersList.push(bannerItem);\r\n setBannersList(bannersList);\r\n\r\n setRefresh(version);\r\n }\r\n\r\n const confirmDelete = () => {\r\n deleteBanner();\r\n setOpenModalConfirm(true);\r\n }\r\n\r\n const closeModal = () => {\r\n removeFiles();\r\n toggle.close();\r\n }\r\n\r\n let dropAreaRef;\r\n let uploadObj;\r\n\r\n const onCreated = () => {\r\n if (uploadObj) {\r\n uploadObj.dropArea = dropAreaRef;\r\n uploadObj.dataBind();\r\n }\r\n }\r\n\r\n const onSetAttachmentsFiles = event => {\r\n if (event.filesData[0].statusCode ===\"1\") {\r\n setLoadingModal(true);\r\n event.filesData.map((file) => {\r\n const reader = new FileReader();\r\n reader.addEventListener(\"load\", function () {\r\n let bannerObj = { ...bannerItem };\r\n bannerObj.imagemB64 = reader.result;\r\n setBannerItem(bannerObj);\r\n setShowBannerInfo(true);\r\n setLoadingModal(false);\r\n }, false);\r\n reader.readAsDataURL(file.rawFile);\r\n });\r\n document.getElementById(\"validateImage\").innerHTML = \"\";\r\n\r\n } else {\r\n document.getElementById(\"validateImage\").innerHTML = \"O tamanho do arquivo é muito grande\";\r\n }\r\n\r\n }\r\n\r\n return (\r\n \r\n {(bannerItem.imagemB64 || !data) && (props.status) && openModal &&\r\n
\r\n );\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { UserData } from '../profile/UserData';\r\nimport { ProfData } from '../profile/ProfData';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport { NewPassword } from '../users/NewPassword';\r\nimport { Permissions } from '../users/Permissions';\r\nimport { usersFull, addOrUpdateUsersFull, deleteUser } from \"../../services/UsersSVC\";\r\nimport { EventEmitter } from '../utilities/Events'\r\nimport { FormValidator } from '@syncfusion/ej2-react-inputs';\r\nimport '../profile/profile.css';\r\nimport { ProfilePhotoContext } from \"../utilities/ProfilePhoto/ProfilePhotoContext\";\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\nimport PermissionRedirect from '../utilities/PermissionRedirect/PermissionRedirect';\r\nimport { createSpinner, DialogComponent, setSpinner, showSpinner } from \"@syncfusion/ej2-react-popups\";\r\n\r\nexport const UsersItem = (props) => {\r\n const emptyUser = {\r\n ultimoLogin: \"\",\r\n adminGlobal: false,\r\n idTipoUsuario: 2,\r\n dataNascimento: null,\r\n nomePaisPT: \"\",\r\n nomePaisEN: \"\",\r\n nomeRegionalPT: \"\",\r\n nomeRegionalEN: \"\",\r\n tipoUsuarioPT: \"\",\r\n tipoUsuarioEN: \"\",\r\n permissions: [],\r\n nome: \"\",\r\n email: \"\",\r\n fotoB64: \"\",\r\n dataInicioVale: null,\r\n cargo: \"\",\r\n matricula: \"\",\r\n enderecoTrabalho: \"\",\r\n atividadePrincipal: \"\",\r\n cargoGerencia: false,\r\n funcionarioVale: true,\r\n idFornecedor: null,\r\n incluirWhoIsWho: false,\r\n usuarioTelefone: [],\r\n idModeloPerfil: null\r\n };\r\n\r\n let idUser = props.match.params.id;\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [dataUser, setDataUser] = React.useState(null);\r\n const [updated, setUpdated] = React.useState(false);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [photo, setPhoto] = React.useContext(ProfilePhotoContext);\r\n const [hasPermissionToEdit, setHasPermissionToEdit] = React.useState(false);\r\n const [openModal, setOpenModal] = React.useState(false);\r\n\r\n const [openModalDelete, setOpenModalDelete] = React.useState(false);\r\n const [openModalConfirm, setOpenModalConfirm] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const [formObject, setFormObject] = React.useState(null);\r\n\r\n const { t } = useTranslation();\r\n\r\n const _controls = {\r\n area: \"Usuarios\",\r\n class: \"profile\",\r\n savePrimary: false,\r\n area: \"Usuários\",\r\n excludePrimary: true,\r\n urlView: \"\",\r\n urlPreview: \"\",\r\n urlDuplicate: \"\",\r\n urlSave: (e) => changeUser(e),\r\n urlSend: \"\",\r\n customPermissions: idUser ? hasPermissions(51, \"Edit\", globalState) : hasPermissions(51, \"Create\", globalState),\r\n urlCancel: () => setRedirect(true),\r\n // urlDelete: dataUser && dataUser.userId ? (e) => excludeUser(e, idUser) : null\r\n urlDelete: dataUser && dataUser.userId ? (e) => {\r\n e.preventDefault();\r\n setOpenModalDelete(true)\r\n } : null\r\n };\r\n\r\n React.useEffect(() => {\r\n setHasPermissionToEdit(hasPermissions(51, \"Create\", globalState) || hasPermissions(51, \"Edit\", globalState));\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n let formValidator = {\r\n rules: {\r\n 'name': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'email': {\r\n required: [true, t('Validation:required')],\r\n email: [true, t('Validation:invalidMail')]\r\n },\r\n 'country': {\r\n required: [true, t('Validation:required')]\r\n }\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n }\r\n };\r\n\r\n const formObj = new FormValidator('#formUserItem', formValidator);\r\n\r\n if (dataUser && dataUser.funcionarioVale) {\r\n formObj.addRules(\"area\", { required: [true, t('Validation:required')] });\r\n formObj.addRules(\"gerencia\", { required: [true, t('Validation:required')] });\r\n formObj.addRules(\"departamento\", { required: [true, t('Validation:required')] });\r\n }\r\n\r\n if (dataUser && !dataUser.funcionarioVale) {\r\n formObj.addRules(\"supplier\", { required: [true, t('Validation:required')] });\r\n }\r\n setFormObject(formObj);\r\n }, [dataUser]);\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadingProfile') });\r\n showSpinner(document.getElementById('loadingProfile'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, [openModal]);\r\n\r\n React.useEffect(() => {\r\n async function load() {\r\n let _usersFull = await usersFull(globalState.accessToken);\r\n\r\n if (_usersFull && idUser) {\r\n _usersFull = _usersFull.filter(i => i.userId == idUser)[0];\r\n\r\n setDataUser(_usersFull);\r\n }\r\n else\r\n setDataUser(emptyUser);\r\n }\r\n load();\r\n\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (updated) {\r\n setUpdated(false);\r\n setRedirect(true);\r\n }\r\n }, [updated])\r\n\r\n let changeUser = (e) => {\r\n setOpenModal(true);\r\n e.preventDefault();\r\n if (formObject.validate()) {\r\n setDisabledBtn(true);\r\n let data = dataUser;\r\n data.fotoB64 = photo && photo.b64 ? photo.b64.split(',')[1] : null;\r\n addOrUpdateUsersFull(globalState.accessToken, data)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n setDisabledBtn(false);\r\n })\r\n .then(result => {\r\n if (dataUser.fotoB64 && dataUser.email.toLowerCase() ===globalState.userEmail)\r\n EventEmitter.dispatch('updateMyPhoto');\r\n\r\n setDataUser(emptyUser);\r\n setUpdated(true);\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n setOpenModal(false);\r\n setDisabledBtn(false);\r\n })\r\n }\r\n else {\r\n setOpenModal(false);\r\n setDisabledBtn(false);\r\n }\r\n }\r\n\r\n const onChangeUser = (user) => {\r\n console.log(\"onChange userData\", user);\r\n setDataUser(user);\r\n };\r\n\r\n const setFormValidationRules = (action, name, obj) => {\r\n if (action ===\"add\") {\r\n formObject.addRules(name, obj);\r\n formObject.customPlacement = (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n }\r\n }\r\n else\r\n formObject.removeRules(name);\r\n }\r\n\r\n const excludeUser = async (e) => {\r\n e.preventDefault();\r\n await deleteUser(globalState.accessToken, idUser);\r\n setRedirect(true);\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n {openModal ?\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n }\r\n \r\n {!openModalConfirm && <>\r\n
\r\n \r\n }\r\n {!openModalConfirm ?\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n }\r\n {!openModalConfirm ?\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {!openModalConfirm ?\r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n\r\n );\r\n}\r\n","import * as React from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport '../profile/profile.css';\r\nimport { getMyProfile, updateMyProfile } from \"../../services/UsersSVC\";\r\nimport { TemplatesLists } from \"../templates/TemplateLists\";\r\nimport { Buttons } from \"../utilities/Buttons\";\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nexport const Templates = () => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [dataUser, setDataUser] = React.useState('');\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idTemplate, setIdTemplate] = React.useState(null);\r\n\r\n const { t } = useTranslation();\r\n\r\n const _controls = {\r\n export: \"\",\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n let editTemplates = (id) => {\r\n setIdTemplate(id);\r\n };\r\n\r\n React.useEffect(() => {\r\n if (idTemplate) {\r\n setRedirect(true);\r\n }\r\n }, [idTemplate]);\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!openModalConfirm ?\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n \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('ProfileTemplates:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit } from \"@syncfusion/ej2-react-grids\";\r\nimport { getBanners } from \"../../services/BannerHomeSVC\";\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\n\r\nexport const BannersList = (props) => {\r\n\r\n const { setBannersList, bannersList, catchRefresh } = props;\r\n\r\n const [globalState, setGlobalState] = React.useContext(GlobalStateContext);\r\n\r\n const [loadingBanner, setLoadingBanner] = React.useState(true);\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n const { t } = useTranslation();\r\n\r\n let gridInstance;\r\n\r\n React.useEffect(() => {\r\n setLoadingBanner(true);\r\n let version = new Date().toISOString();\r\n\r\n async function load() {\r\n getBanners(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n })\r\n .then(result => {\r\n setBannersList(result && result.map((i) => ({\r\n ...i,\r\n src: `${process.env.REACT_APP_API_URL}/_api/BannerHome/GetBannerHome?token=${globalState.tokenLightWeight}&IdBannerHome=${i.id}&version=${version}`\r\n })))\r\n\r\n hideSpinner(document.getElementById('loadBanner'));\r\n setLoadingBanner(false);\r\n });\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (gridInstance) {\r\n gridInstance.refresh();\r\n }\r\n }, [catchRefresh]);\r\n\r\n React.useEffect(() => {\r\n if (loadingBanner && document.getElementById('loadBanner')) {\r\n createSpinner({ target: document.getElementById('loadBanner') })\r\n showSpinner(document.getElementById('loadBanner'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loadingBanner]);\r\n\r\n const bannerStatus = (props) => {\r\n if (props.ativo ===true) {\r\n return ({i18n.language ==='pt' ? 'Sim' : 'Yes'});\r\n } else {\r\n return ({i18n.language ==='pt' ? 'Não' : 'No'});\r\n }\r\n };\r\n\r\n function bannerImage(args) {\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 {loadingBanner ? :\r\n
\r\n )\r\n};","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState'\r\nimport { ModalBanners } from \"../banners/ModalBanners\";\r\nimport { BannersList } from \"../banners/BannersList\";\r\nimport { Buttons } from \"../utilities/Buttons\";\r\nimport { getBanners } from \"../../services/BannerHomeSVC\";\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport '../banners/banners.css';\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\n\r\nexport const Banners = () => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [dataUser, setDataUser] = React.useState('');\r\n const [gridRefresh, setGridRefresh] = React.useState(false);\r\n const [showDialog, setShowDialog] = React.useState(false);\r\n const [dataBanner, setDataBanner] = React.useState(null);\r\n const [catchRefresh, setCatchRefresh] = React.useState(null);\r\n\r\n const [bannersList, setBannersList] = React.useState([]);\r\n\r\n const { t } = useTranslation();\r\n\r\n const _controls = {\r\n export: \"\",\r\n import: \"\",\r\n new: () => editBanner(''),\r\n back: \"\",\r\n };\r\n\r\n const _info = {\r\n close: () => setShowDialog(false),\r\n refresh: () => setGridRefresh(true)\r\n }\r\n\r\n let editBanner = (info) => {\r\n console.log(\"info\", info);\r\n setDataBanner(info);\r\n setShowDialog(true);\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n {bannersList && bannersList.length > 0 &&\r\n gridInstance = grid}\r\n >\r\n \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('Banners:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {loadingSuppliers ? :\r\n
\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t('Suppliers:search')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Suppliers:filter_button')}\r\n \r\n
\r\n \r\n \r\n {t('Suppliers:search_button')}\r\n\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n {(suppliers) && loadingSuppliers ? :\r\n gridComponentRef = gridComponent}\r\n dataSource={!loadingSuppliers && suppliers}\r\n allowPaging={true}\r\n pageSettings={{ pageSize: 10 }}\r\n filterSettings={{ type: 'Menu' }}\r\n allowSorting={true}\r\n contextMenuItems={contextMenuItems}\r\n locale={i18n.language}>\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import * as React from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport '../profile/profile.css';\r\nimport { getMyProfile, updateMyProfile } from \"../../services/UsersSVC\";\r\nimport { SuppliersLists } from \"../suppliers/SuppliersLists\";\r\nimport { Buttons } from \"../utilities/Buttons\";\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nexport const Suppliers = () => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idItem, setIdItem] = React.useState(null);\r\n const { t } = useTranslation();\r\n\r\n const _controls = {\r\n export: \"\",\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n\r\n let editSuppliers = (id) => {\r\n setIdItem(id);\r\n }\r\n\r\n React.useEffect(() => {\r\n if (idItem) {\r\n setRedirect(true);\r\n }\r\n }, [idItem]);\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Suppliers:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* MODAL HEADER */}\r\n
\r\n\r\n {/* MODAL BODY */}\r\n
\r\n \r\n ) : null\r\n}\r\nexport default GenericModal;","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport '../suppliers/suppliers.css';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { ComboBoxComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { FormValidator } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective } from \"@syncfusion/ej2-react-grids\";\r\n//import { ModalSuppliers } from \"../suppliers/ModalSuppliers\";\r\nimport { getSuppliers, addOrUpdateSupplier, deleteSupplier } from \"../../services/SuppliersSVC\";\r\nimport { getCountries, getRegional, getSupplierDescriptions, getSupplierTypes, getDICIAreas } from \"../../services/SystemSVC\";\r\nimport { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport GenericModal from '../utilities/MessageModal/GenericModal';\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\n\r\nexport const SuppliersItem = (props) => {\r\n\r\n let formObject;\r\n\r\n const [loading, setLoading] = React.useState(true);\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [comboCountries, setComboCountries] = React.useState([]);\r\n const [comboRegional, setComboRegional] = React.useState([]);\r\n const [comboDescription, setComboDescription] = React.useState([]);\r\n const [comboSupplierTypes, setComboSupplierTypes] = React.useState([]);\r\n const [comboDICIAreas, setComboDICIAreas] = React.useState([]);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [selectedItem, setSelectedItem] = React.useState({});\r\n const [regionalVisible, setRegionalVisible] = React.useState(false)\r\n const [modalMessageParams, setmodalMessageParams] = React.useState({ show: false, });\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n const { t } = useTranslation();\r\n\r\n let idSupplier = props.match.params.id;\r\n\r\n const _controls = {\r\n className: \"suppliers\",\r\n savePrimary: false,\r\n excludePrimary: true,\r\n urlView: \"\",\r\n urlPreview: \"\",\r\n urlDuplicate: \"\",\r\n urlSave: (e) => saveSupplier(e),\r\n urlSend: \"\",\r\n urlCancel: () => setRedirect(true),\r\n urlDelete: idSupplier ? (e) => excludeSupplier(e, idSupplier) : \"\"\r\n };\r\n\r\n React.useEffect(() => {\r\n createSpinner({ target: document.getElementById('loadSup') })\r\n showSpinner(document.getElementById('loadSup'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }, []);\r\n\r\n\r\n React.useEffect(() => {\r\n setLoading(true);\r\n async function load() {\r\n let _suppliers = await getSuppliers(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n let _country = await getCountries(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n let _region = await getRegional(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n let _description = await getSupplierDescriptions(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n let _supplierTypes = await getSupplierTypes(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n let _DICIAreas = await getDICIAreas(globalState.accessToken)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n\r\n let idCountry = null;\r\n\r\n if (_suppliers) {\r\n _suppliers = _suppliers.filter(i => i.id ===idSupplier);\r\n if (_suppliers.length) {\r\n idCountry = _suppliers[0].idPais;\r\n setSelectedItem(_suppliers[0]);\r\n }\r\n }\r\n\r\n setComboCountries(_country);\r\n setComboRegional(_region);\r\n setComboDescription(_description);\r\n setComboSupplierTypes(_supplierTypes);\r\n setComboDICIAreas(_DICIAreas);\r\n\r\n //hideSpinner(document.getElementById('loadSup'));\r\n if (idSupplier && idCountry === 6) {\r\n setRegionalVisible(true)\r\n }\r\n setLoading(false);\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n const formValidator = {\r\n rules: {\r\n 'nome': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'tipo': {\r\n required: [true, t('Validation:required')]\r\n },\r\n //'cnpj': {\r\n // required: [true, t('Validation:required')]\r\n //},\r\n 'descricao': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'area': {\r\n required: [true, t('Validation:required')]\r\n },\r\n 'pais': {\r\n required: [true, t('Validation:required')]\r\n },\r\n //'regional': {\r\n // required: [true, t('Validation:required')]\r\n //},\r\n //'estadual': {\r\n // required: [true, t('Validation:required')]\r\n //},\r\n //'municipal': {\r\n // required: [true, t('Validation:required')]\r\n //},\r\n 'endereco': {\r\n required: [true, t('Validation:required')]\r\n }\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n setTimeout(() => {\r\n errorElement.style.display = \"none\";\r\n }, 3000)\r\n }\r\n };\r\n formObject = new FormValidator('#formSupplierItem', formValidator);\r\n });\r\n\r\n\r\n const buildDialogMessage = (type, msg, callBack, okCallback, notOkCallback, confirmType) => {\r\n if (type ==='success') {\r\n setmodalMessageParams({\r\n title: t('ModalMessages:title'),\r\n message: t('ModalMessages:created'),\r\n type: 'success',\r\n icon: 'mdl2-confirm',\r\n show: true,\r\n exitCallback: callBack\r\n });\r\n } else if (type ==='updated') {\r\n setmodalMessageParams({\r\n title: t('ModalMessages:title'),\r\n message: t('ModalMessages:updated'),\r\n type: 'success',\r\n icon: 'mdl2-confirm',\r\n show: true,\r\n exitCallback: callBack\r\n });\r\n } else if (type ==='confirm') {\r\n setmodalMessageParams({\r\n title: confirmType ===\"create\" ? t('ModalMessages:title_create_item') : t('ModalMessages:title_update_item'),\r\n type: \"success\",\r\n actionType: 'confirm',\r\n confirmOkCallback: okCallback,\r\n confirmNotOkCallback: notOkCallback,\r\n icon: 'mdl2 mdl2-approve',\r\n show: true,\r\n });\r\n }\r\n else if (type ==='error') {\r\n setmodalMessageParams({\r\n title: t('ManageInternalAreas:error_title'),\r\n message: t('ManageInternalAreas:error'),\r\n type: 'error',\r\n icon: 'e-icon-dlg-close e-icons',\r\n show: true,\r\n });\r\n } else if (type ==='custom-error') {\r\n setmodalMessageParams({\r\n title: t('ManageInternalAreas:error_title'),\r\n message: msg,\r\n type: 'error',\r\n icon: 'e-icon-dlg-close e-icons',\r\n show: true,\r\n exitCallback: callBack\r\n });\r\n } else if (type ==='confirmDelete') {\r\n setmodalMessageParams({\r\n title: i18n.language ===\"pt\" ? 'Deletar item' : 'Delete item',\r\n type: \"error\",\r\n message: i18n.language ===\"pt\" ? 'Tem certeza que deseja excluir esse item?' : 'Are you sure you want to delete this item?',\r\n actionType: 'confirm',\r\n confirmOkCallback: okCallback,\r\n confirmNotOkCallback: notOkCallback,\r\n icon: 'mdl2 mdl2-trash',\r\n show: true,\r\n });\r\n } else if (type ==='close') {\r\n setmodalMessageParams({\r\n show: false,\r\n });\r\n }\r\n };\r\n\r\n let saveSupplier = (e) => {\r\n e.preventDefault();\r\n if (formObject.validate()) {\r\n setDisabledBtn(true);\r\n\r\n const handleConfirmOK = () => {\r\n const newItem = selectedItem\r\n if (!newItem.inscricaoEstadual)\r\n newItem.inscricaoEstadual = ''\r\n if (!newItem.inscricaoMunicipal)\r\n newItem.inscricaoMunicipal = ''\r\n if (!newItem.cnpj)\r\n newItem.cnpj = ''\r\n addOrUpdateSupplier(globalState.accessToken, selectedItem)\r\n .then(async response => {\r\n if (response.ok) {\r\n idSupplier ? buildDialogMessage('updated', '', () => { setRedirect(true) }) : buildDialogMessage('success', '', () => { setRedirect(true) });\r\n\r\n } else {\r\n const erroMSg = await response.json()\r\n console.log(erroMSg);\r\n buildDialogMessage('custom-error',\r\n JSON.stringify(erroMSg.errors ? erroMSg.errors :\r\n `Ocorreu um erro no sistema. Favor entrar em contato com o administrador - OperationId: ${erroMSg.OperationId}`),\r\n () => { buildDialogMessage('close') }\r\n );\r\n }\r\n setDisabledBtn(false);\r\n })\r\n .catch(error => {\r\n console.error(error)\r\n setDisabledBtn(false);\r\n });\r\n }\r\n const handleNotOK = () => {\r\n buildDialogMessage('close')\r\n setDisabledBtn(false);\r\n }\r\n buildDialogMessage('confirm', null, null, () => { handleConfirmOK() }, handleNotOK, idSupplier ? \"updated\" : 'create')\r\n }\r\n }\r\n\r\n let excludeSupplier = async (e, itemID) => {\r\n e.preventDefault();\r\n const handleNotOK = () => {\r\n buildDialogMessage('close')\r\n }\r\n const handleOK = async (itemID) => {\r\n await deleteSupplier(globalState.accessToken, itemID).then((response) => {\r\n if (response.ok) {\r\n setRedirect(true);\r\n }\r\n });\r\n buildDialogMessage('close')\r\n }\r\n buildDialogMessage('confirmDelete', null, null, () => { handleOK(itemID) }, handleNotOK, '')\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n \r\n \r\n {\r\n params.actionType ===\"approval\" &&\r\n \r\n }\r\n {\r\n params.actionType ===\"confirm\" &&\r\n \r\n }\r\n
\r\n \r\n\r\n {/* MODAL BODY */}\r\n
\r\n {/* BODY INFORMATIVO */}\r\n {!params.actionType &&\r\n <>\r\n {\r\n setshow(false);\r\n if (params.exitCallback) {\r\n params.exitCallback()\r\n }\r\n }}\r\n >\r\n {i18n.language ==='pt' ? 'Sair' : 'Exit'}\r\n \r\n \r\n }\r\n {/* BODY APROVAÇÃO */}\r\n {params.actionType ===\"approval\" &&\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n {/* BODY CONFIRMAÇÃO */}\r\n {params.actionType ===\"confirm\" &&\r\n \r\n \r\n \r\n {i18n.language ===\"pt\" ? \"Aprovar\" : \"Approve\"}\r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n \r\n {i18n.language ===\"pt\" ? \"Não\" : \"No\"}\r\n \r\n \r\n {i18n.language ===\"pt\" ? \"Sim\" : \"Yes\"}\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Releases:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n // \r\n //
`,\r\n // content: contentStatus\r\n // });\r\n // accordionRef.current.removeItem(0)\r\n // accordionRef.current.select(0);\r\n\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (mailingStatus) {\r\n loadMailingShippingStatus();\r\n }\r\n }, [mailingStatus])\r\n\r\n React.useEffect(() => {\r\n if (gridSource) {\r\n grid.dataSource = gridSource;\r\n // const connection = new signalR.HubConnectionBuilder()\r\n // .withUrl(`${process.env.REACT_APP_AZFUNCTION_URL}/api/MailingStatus`)\r\n // .configureLogging(signalR.LogLevel.Information)\r\n // .withAutomaticReconnect()\r\n // .build();\r\n\r\n // connection.on('mailingStatus', mailingStatusReceiver);\r\n // connection.onclose(() => console.log('disconnected'));\r\n // connection.start().then(() => console.log('connected')).catch(console.error);\r\n\r\n // accordionRef.current.addItem({\r\n // expanded: true,\r\n // header: `${t(\"Press:shippingStatus\")}
\r\n //\r\n // \r\n //
`,\r\n // content: contentStatus\r\n // });\r\n // accordionRef.current.removeItem(0)\r\n // accordionRef.current.select(0);\r\n }\r\n }, [gridSource]);\r\n\r\n const mailingStatusReceiver = mailingShippingStatusItem => {\r\n if (grid && grid.dataSource && grid.dataSource.length > 0) {\r\n grid.dataSource.map((item, index) => {\r\n if (item.id === mailingShippingStatusItem.IdMailingStatusEnvio && itemId ===mailingShippingStatusItem.IdImprensa) {\r\n const mailingStatusFiltered = mailingStatusRef.current.find(ms => ms.id === mailingShippingStatusItem.IdMailingStatus);\r\n const data = [...grid.dataSource];\r\n\r\n if (mailingShippingStatusItem.Sucesso)\r\n data[index].sucesso = mailingShippingStatusItem.Sucesso;\r\n if (mailingShippingStatusItem.Erro)\r\n data[index].erro = mailingShippingStatusItem.Erro;\r\n\r\n data[index].statusPt = mailingStatusFiltered.nomePt;\r\n data[index].statusEn = mailingStatusFiltered.nomeEn;\r\n setGridSource(data);\r\n } else if (itemId ===mailingShippingStatusItem.IdImprensa) {\r\n loadMailingShippingStatus();\r\n }\r\n })\r\n }\r\n }\r\n\r\n const loadMailingShippingStatus = () => {\r\n getMailingShippingStatusItems(globalState.accessToken, itemId).then(response => {\r\n if (response.ok && mailingStatusRef.current) {\r\n response.json().then(result => {\r\n result.map(item => {\r\n const mailingStatusFiltered = mailingStatusRef.current.find(ms => ms.id === item.idMailingStatus);\r\n if (mailingStatusFiltered) {\r\n item.statusPt = mailingStatusFiltered.nomePt;\r\n item.statusEn = mailingStatusFiltered.nomeEn;\r\n }\r\n })\r\n setGridSource(result);\r\n });\r\n }\r\n });\r\n }\r\n\r\n const onGridRowSelected = (e) => {\r\n setMailingStatusSelected(e.data.id);\r\n setTimeout(() => grid.clearSelection())\r\n }\r\n\r\n const getGroups = () => {\r\n var data = [];\r\n var flag = true;\r\n var lookup = {};\r\n const groups = grid.dataSource.map(value => value.grupos);\r\n\r\n groups.forEach((arr) => {\r\n arr.forEach((item) => {\r\n if (!(item.nome in lookup)) {\r\n data.push({ grupos: item.nome });\r\n lookup[item.nome] = true\r\n }\r\n })\r\n if (!arr.length && flag) {\r\n data.push({ \"\": true })\r\n }\r\n });\r\n return data;\r\n }\r\n\r\n const gridCreated = () => {\r\n grid.dataSource = gridSource;\r\n }\r\n\r\n const gridActionBegin = (args) => {\r\n if (args.requestType === 'filterbeforeopen' && args.columnName === 'grupos') {\r\n args.filterModel.options.dataSource = getGroups();\r\n }\r\n }\r\n\r\n DataUtil.fnOperators.equal = function (rowValues, filterValue, ignoreCase, ignoreAccent) {\r\n if (Array.isArray(rowValues)) {\r\n if (!filterValue) {\r\n return !rowValues.length;\r\n }\r\n return JSON.stringify(rowValues).includes(filterValue)\r\n } else {\r\n if (ignoreAccent) {\r\n rowValues = DataUtil.ignoreDiacritics(rowValues);\r\n filterValue = DataUtil.ignoreDiacritics(filterValue);\r\n }\r\n if (ignoreCase) {\r\n return DataUtil.toLowerCase(rowValues) === DataUtil.toLowerCase(filterValue);\r\n }\r\n return rowValues === filterValue;\r\n }\r\n };\r\n\r\n DataUtil.fnOperators.notequal = function (rowValues, filterValue, ignoreCase, ignoreAccent) {\r\n if (Array.isArray(rowValues)) {\r\n if (!filterValue)\r\n return rowValues.length;\r\n else if (JSON.stringify(rowValues).includes(filterValue))\r\n return rowValues.length > 1;\r\n\r\n return !rowValues.length || !JSON.stringify(rowValues).includes(filterValue);\r\n\r\n } else {\r\n if (ignoreAccent) {\r\n rowValues = DataUtil.ignoreDiacritics(rowValues);\r\n filterValue = DataUtil.ignoreDiacritics(filterValue);\r\n }\r\n return !DataUtil.fnOperators.equal(rowValues, filterValue, ignoreCase);\r\n }\r\n };\r\n\r\n const renderCellGroup = (args) => {\r\n if (args.column.id === \"grupos\") {\r\n let content = \"\";\r\n\r\n args.data[\"grupos\"].map((item, i) => {\r\n content += item.nome;\r\n if (i !== args.data[\"grupos\"].length - 1)\r\n content += \", \";\r\n });\r\n\r\n if (content) {\r\n tooltip = new Tooltip({\r\n content: content\r\n }, args.cell);\r\n }\r\n return args.cell;\r\n }\r\n }\r\n\r\n const groupTemplate = (e) => {\r\n return (\r\n e.grupos.map(item => (\r\n {item.nome}\r\n ))\r\n );\r\n }\r\n\r\n const successTemplate = (e) => {\r\n return (\r\n {e.sucesso}\r\n );\r\n }\r\n\r\n const erroTemplate = (e) => {\r\n return (\r\n {e.erro}\r\n );\r\n }\r\n React.useEffect(() => {\r\n if (grid) {\r\n grid.refresh();\r\n }\r\n\r\n if (accordionRef) {\r\n accordionRef.current.addItem({\r\n expanded: true,\r\n header: `${t(\"Press:shippingStatus\")}
\r\n //\r\n \r\n
`,\r\n content: contentStatus\r\n });\r\n }\r\n\r\n }, [i18n.language]);\r\n\r\n const contentStatus = React.useCallback(() => {\r\n return (\r\n <>\r\n ${t(\"Press:shippingStatus\")}
\r\n\r\n grid = gridComponent}\r\n contextMenuItems={contextMenuItems}\r\n dataSource={gridSource}\r\n filterSettings={{ type: 'CheckBox' }}\r\n allowPaging={true}\r\n allowSorting={true}\r\n locale={i18n.language}\r\n allowFiltering={true}\r\n allowResizing={true}\r\n pageSettings={{ pageSize: 4 }}\r\n actionBegin={gridActionBegin}\r\n queryCellInfo={renderCellGroup}\r\n rowSelected={onGridRowSelected}\r\n created={gridCreated}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n }, [gridSource]);\r\n\r\n const CustomAccordion = React.useCallback(() => (\r\n \r\n
\r\n {loadingReleases ? :\r\n \r\n
\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t('Releases:search_text')}
\r\n\r\n
\r\n \r\n setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n conteudo: e.value\r\n })\r\n )}\r\n />\r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Releases:filters')}\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Releases:filters')}\r\n \r\n
\r\n }\r\n \r\n filteredReleases()}\r\n >\r\n {t('Releases:search')}\r\n \r\n
\r\n \r\n setPersistence(true)}\r\n change={(e) => setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n dataInicio: e.startDate && e.startDate.toISOString().split('.')[0],\r\n dataFim: e.endDate && e.endDate.toISOString().split('.')[0]\r\n })\r\n )}\r\n />\r\n setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n autor: e.value\r\n })\r\n )}\r\n />\r\n setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n idAreaNegocio: e.value\r\n })\r\n )}\r\n />\r\n setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n idPais: e.value\r\n })\r\n )}\r\n />\r\n {fillRegionalData.length &&\r\n ddlRegionalRef.current = ddlComponent}\r\n cssClass=\"e-filled\"\r\n placeholder={t('Releases:regional')}\r\n dataSource={fillRegionalData}\r\n showClearButton\r\n fields={{ text: (i18n.language ===\"pt\") ? 'nomePt' : 'nomeEn', value: 'id' }}\r\n value={filteredReleasesItems ? filteredReleasesItems.idRegional : globalState.regional ? globalState.regional.id : ''}\r\n locale={i18n.language}\r\n change={handleChangeRegional}\r\n />\r\n }\r\n {/* {console.log('statusValue', statusValue)} */}\r\n setFilteredReleasesItems(\r\n filteredReleasesItems => ({\r\n ...filteredReleasesItems,\r\n bloqueado: e.value\r\n })\r\n )}\r\n />\r\n
\r\n }\r\n \r\n {releasesItems &&\r\n refRelease(grid)}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n )\r\n}\r\n","import * as React from 'react';\r\n\r\nconst initialState = {\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n};\r\n\r\nconst ReleaseStateContext = React.createContext(initialState);\r\n\r\nconst ReleaseStateProvider = ({ children }) => {\r\n const [releaseState, setReleaseState] = React.useState(initialState);\r\n const [groupsSelected, setGroupsSelected] = React.useState([]);\r\n const [groupsFilter, setGroupsFilter] = React.useState(null);\r\n const [generalGroupsSelected, setGeneralGroupsSelected] = React.useState([]);\r\n const [generalGroupsFilter, setGeneralGroupsFilter] = React.useState(null);\r\n const [showSendContent, setShowSendContent] = React.useState(false);\r\n const [redirectId, setRedirectId] = React.useState(false);\r\n\r\n return (\r\n \r\n
\r\n\r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { GlobalStateContext } from '../general/GlobalState';\r\nimport { TextBoxComponent, MaskedTextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { DatePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { ComboBoxComponent } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport { ButtonComponent } from \"@syncfusion/ej2-react-buttons\";\r\nimport './releases.css';\r\n\r\nexport const ChangeHistory = (props) => {\r\n\r\n const { content } = props;\r\n\r\n return (\r\n \r\n \r\n
\r\n {t('Export:title')}
\r\n\r\n {controls.pdf &&\r\n \r\n \r\n {t('Export:generate_PDF')}\r\n }\r\n {controls.doc &&\r\n \r\n \r\n {t('Export:generate_Doc')}\r\n }\r\n {controls.excel &&\r\n \r\n \r\n {t('Export:generate_Excel')}\r\n }\r\n
\r\n \r\n
\r\n )\r\n}","import * as React from 'react';\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\n\r\n\r\nconst MailingContactsContext = React.createContext();\r\n\r\nconst MailingContactsProvider = ({ children }) => {\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [mediaTypes, setMediaTypes] = React.useState(null);\r\n const [countries, setCountries] = React.useState(null);\r\n const [states, setStates] = React.useState(null);\r\n const [cities, setCities] = React.useState(null);\r\n const [item, setItem] = React.useState(null);\r\n const [groupsSelected, setGroupsSelected] = React.useState([]);\r\n const [contactListItems, setContactListItems] = React.useState(null);\r\n\r\n return (\r\n \r\n \r\n
\r\n Histórico de Alterações
\r\n\r\n
\r\n \r\n {content && content.map((item, index) => (\r\n
\r\n \r\n
\r\n )).reverse()}\r\n \r\n {item.usuario}\r\n {(new Date(item.data)).toLocaleDateString(i18n.language)} {(new Date(item.data)).toLocaleTimeString(i18n.language, { hour12: false })}\r\n
\r\n \r\n {i18n.language ===\"pt\" ? item.tipoAcao.nomePt : item.tipoAcao.nomeEn}\r\n
\r\n \r\n \r\n {t(\"Release:thumbnail_generated\")}\r\n \r\n
\r\n );\r\n }\r\n\r\n let onRemoveFile = (args) => {\r\n\r\n if (document.getElementById(\"uploadVideo\"))\r\n document\r\n .getElementById(\"uploadVideo\")\r\n .setAttribute(\"style\", \"display:block;\");\r\n\r\n if (document.getElementById(\"videoTag\"))\r\n document\r\n .getElementById(\"videoTag\")\r\n .setAttribute(\"style\", \"display:none;\");\r\n\r\n document\r\n .querySelector(\"#customTbarDlg button.e-primary\")\r\n .setAttribute(\"disabled\", \"disabled\");\r\n args.postRawFile = false;\r\n const fileInfo = uploadObj.current.getFileInfo(0, null);\r\n let qstring = `mediaPath = ${mediaGuid} /${fileInfo.name}`;\r\n removeMedia(globalState.accessToken, qstring, idType);\r\n setTypeFileVideo('');\r\n setIsArgs('');\r\n setAttachmentTitleCount('');\r\n setAttachmentSubTitleCount('');\r\n setAttachmentAudioCount('');\r\n };\r\n\r\n let videoOnload = () => {\r\n\r\n let canvas = document.querySelector(\"#canvas\"),\r\n video = document.querySelector(\"#video\");\r\n canvas.width = video?.videoWidth * percentSize;\r\n canvas.height = video?.videoHeight * percentSize;\r\n };\r\n\r\n const uploaderCreated = () => {\r\n\r\n if (uploadObj.current) {\r\n uploadObj.current.dropArea = document.getElementById(\"uploadVideo\");\r\n uploadObj.current.dataBind();\r\n }\r\n };\r\n\r\n const uploaderSelected = (e) => {\r\n\r\n document.querySelector(\"#uploadVideo .e-error\").innerHTML = \"\";\r\n if (e.filesData[0].statusCode === \"0\") {\r\n e.cancel = true;\r\n document.querySelector(\"#uploadVideo .e-error\").innerHTML =\r\n e.filesData[0].status;\r\n }\r\n };\r\n\r\n let onFileUploadSuccess = (e) => {\r\n\r\n setTypeFileVideo(e.file.type)\r\n filePathUploaded.current = e.e.srcElement.response;\r\n document\r\n .getElementById(\"uploadVideo\")\r\n .setAttribute(\"style\", \"display:none;\");\r\n let gridDataSource = [...gridMediaRef.current.dataSource];\r\n if (e.operation === \"upload\") {\r\n document\r\n .querySelector(\"#customTbarDlg button.e-primary\")\r\n .removeAttribute(\"disabled\");\r\n switch (action.current) {\r\n case \"Vid\":\r\n if (e.file.type === \"mp4\") {\r\n document\r\n .getElementById(\"videoTag\")\r\n .setAttribute(\"style\", \"display:block;\");\r\n gridDataSource.push({\r\n url: e.e.srcElement.response,\r\n type: \"Video\",\r\n });\r\n gridMediaRef.current.dataSource = gridDataSource;\r\n\r\n var file =\r\n document.getElementById(\"fileUpload\").files[0];\r\n var url = URL.createObjectURL(file);\r\n setVideoSrc((videoSrc) => ({\r\n ...videoSrc,\r\n blob: url,\r\n url: e.e.srcElement.response,\r\n }));\r\n }\r\n break;\r\n case \"Aud\":\r\n gridDataSource.push({\r\n url: e.e.srcElement.response,\r\n type: \"Audio\",\r\n title: txtAudioRef.current.value || '',\r\n });\r\n gridMediaRef.current.dataSource = gridDataSource;\r\n break;\r\n case \"Img\":\r\n gridDataSource.push({\r\n url: e.e.srcElement.response,\r\n type: \"Image\",\r\n });\r\n gridMediaRef.current.dataSource = gridDataSource;\r\n break;\r\n default:\r\n gridDataSource.push({\r\n url: e.e.srcElement.response,\r\n type: \"Attachment\",\r\n title: txtAttachmentTitleRef.current.value || '',\r\n });\r\n gridMediaRef.current.dataSource = gridDataSource;\r\n break;\r\n }\r\n }\r\n };\r\n\r\n let generateThumbOnClick = () => {\r\n\r\n let canvas = document.querySelector(\"#canvas\"),\r\n video = document.querySelector(\"#video\"),\r\n canvasCtx = canvas.getContext(\"2d\");\r\n canvas.setAttribute(\r\n \"style\",\r\n \"display:none; width:100%; margin-bottom:1em\"\r\n );\r\n canvasCtx.drawImage(\r\n video,\r\n 0,\r\n 0,\r\n video.videoWidth * percentSize,\r\n video.videoHeight * percentSize\r\n );\r\n document\r\n .getElementById(\"thumbMsg\")\r\n .setAttribute(\"style\", \"display:block;\");\r\n };\r\n\r\n const fileUploading = (e) => {\r\n\r\n e.currentRequest.setRequestHeader(\r\n \"Authorization\",\r\n \"Bearer \" + globalState.accessToken\r\n );\r\n };\r\n\r\n const generateGUID = () => {\r\n\r\n return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n };\r\n\r\n const imageUploadingHandler = (e) => {\r\n\r\n e.currentRequest.setRequestHeader(\r\n \"Authorization\",\r\n \"Bearer \" + globalState.accessToken\r\n );\r\n };\r\n\r\n const selectionBeforeDropdownClick = () => {\r\n\r\n let selec = window.getSelection();\r\n if (elementContainsSelection(document.getElementById(\"rteDefaultTable\"), selec) ) {\r\n saveCaret();\r\n }\r\n };\r\n\r\n const rteCreated = () => {\r\n\r\n document\r\n .getElementById(\"release_rte-edit-view\")\r\n .setAttribute(\"contenteditable\", false);\r\n document\r\n .querySelector(\"[contenteditable]\")\r\n .addEventListener(\"paste\", (e) => {\r\n\r\n e.preventDefault();\r\n const text = (e.originalEvent || e).clipboardData.getData(\r\n \"text/plain\"\r\n );\r\n window.document.execCommand(\"insertText\", false, text);\r\n });\r\n\r\n if (releaseState.releaseItem.id) {\r\n const imageTitle = getImagesTitleString(idType, language);\r\n\r\n const imageTitlePT = getImagesTitleString(idType, \"1\");\r\n const imageTitleEN = getImagesTitleString(idType, \"2\");\r\n let newTag = releaseState.releaseItem.conteudo;\r\n\r\n if (\r\n newTag.indexOf(\r\n `${process.env.REACT_APP_AZURE_STORAGE}/press/System/${imageTitlePT}`\r\n ) === -1 &&\r\n newTag.indexOf(\r\n `${process.env.REACT_APP_AZURE_STORAGE}/press/System/${imageTitleEN}`\r\n ) === -1\r\n ) {\r\n newTag = releaseState.releaseItem.conteudo.replace(\r\n '\r\n videoOnload()}\r\n >\r\n
\r\n \r\n generateThumbOnClick(e)}\r\n >\r\n {t(\"Press:video_thumb_button\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n\r\n const doc = new DOMParser().parseFromString(\r\n rteObj.current.value,\r\n \"text/html\"\r\n );\r\n let el = doc.querySelector(`a[href=\"${args.url}\"]`);\r\n\r\n let containerId;\r\n\r\n switch (args.type) {\r\n case \"Video\":\r\n containerId = \"#thumbWrapper\";\r\n break;\r\n case \"Image\":\r\n el = doc.querySelector(\r\n `img[src=\"${args.url}\"]`\r\n );\r\n containerId = \"#imgWrapper\";\r\n break;\r\n case \"Audio\":\r\n containerId = \"#audioWrapper\";\r\n break;\r\n default:\r\n containerId = \"#attachmentWrapper\";\r\n break;\r\n }\r\n var html = \"\";\r\n\r\n if (el) {\r\n el.closest(containerId).parentNode.removeChild(\r\n el.closest(containerId)\r\n );\r\n html = doc.documentElement.innerHTML;\r\n if (args.type === \"Attachment\") {\r\n html = clearAttachmentsArea(html);\r\n }\r\n }\r\n\r\n let gridDataSource = gridMediaRef.current.dataSource;\r\n gridMediaRef.current.dataSource = gridDataSource.filter(\r\n (x) => x.url !==args.url\r\n );\r\n\r\n rteObj.current.value = html;\r\n }}\r\n className=\"mdl2 mdl2-trash\"\r\n />\r\n
\r\n );\r\n };\r\n\r\n const gridCreated = () => {\r\n\r\n const doc = new DOMParser().parseFromString(\r\n rteObj.current.value,\r\n \"text/html\"\r\n );\r\n const videoContainers = doc.querySelectorAll(\"#thumbWrapper a\");\r\n const audioContainers = doc.querySelectorAll(\"#audioWrapper a\");\r\n const attachmentContainers = doc.querySelectorAll(\r\n \"#attachmentWrapper a\"\r\n );\r\n const imgContainers = doc.querySelectorAll(\"#imgWrapper img\");\r\n let arr = [];\r\n for (var i = 0; i < videoContainers.length; i++) {\r\n arr.push({ url: videoContainers[i].href, type: \"Video\" });\r\n }\r\n for (var i = 0; i < audioContainers.length; i++) {\r\n arr.push({\r\n url: audioContainers[i].href,\r\n type: \"Audio\",\r\n title: audioContainers[i].lastElementChild?.innerHTML,\r\n });\r\n }\r\n for (var i = 0; i < attachmentContainers.length; i++) {\r\n arr.push({\r\n url: attachmentContainers[i].href,\r\n type: \"Attachment\",\r\n title: attachmentContainers[i].lastElementChild?.innerHTML,\r\n });\r\n }\r\n for (var i = 0; i < imgContainers.length; i++) {\r\n arr.push({ url: imgContainers[i].src, type: \"Image\" });\r\n }\r\n\r\n gridMediaRef.current.dataSource = arr;\r\n };\r\n\r\n //#endregion\r\n const resetButtonEvent = (e) => {\r\n\r\n e.preventDefault();\r\n setOpenModal(true);\r\n };\r\n\r\n const editPlaceholder = () => {\r\n const rteDefaultTBodyContent = document.getElementById('rteDefaultTBodyContent').innerText;\r\n\r\n const placeholder = {\r\n value: /^Digite aqui um conteúdo para o release\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the release content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Digite aqui um conteúdo para a nota\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the statement content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Digite aqui um conteúdo para o posicionamento.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the position paper content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Digite aqui um conteúdo para o Q \\& A\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the Q&A content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Digite aqui um conteúdo para o aviso de webcast\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the webcast notice content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Digite aqui um conteúdo para o aviso de pauta\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n || /^Type the assignment notice content in here\\.\\.\\.$/.test(rteDefaultTBodyContent)\r\n };\r\n\r\n if (placeholder.value) {\r\n document.getElementById('rteDefaultTBodyContent').innerText = '';\r\n\r\n setTimeout(() => {\r\n\r\n document.getElementById('rteDefaultTBodyContent').focus()\r\n }, 100);\r\n };\r\n };\r\n\r\n const AttachmentTitleRef = (ev) => {\r\n\r\n setAttachmentTitleCount(ev.value.length)\r\n }\r\n\r\n const AttachmentAudioRef = (ev) => {\r\n\r\n setAttachmentAudioCount(ev.value.length)\r\n }\r\n\r\n return (\r\n \r\n {loading ? (\r\n \r\n ) : redirect ? (\r\n
\r\n \r\n\r\n {/* ATTACHMENT SUBTITLE */}\r\n \r\n \r\n \r\n {/* EDITOR RT */}\r\n {\r\n\r\n rteObj.current = scope;\r\n }}\r\n toolbarSettings={toolbarSettings}\r\n format={formatOptions}\r\n beforeQuickToolbarOpen={\r\n rteBeforeQuickToolbarOpen\r\n }\r\n beforeDialogClose={rteBeforeDialogClose}\r\n beforeQuickToolbarOpen={\r\n rteBeforeQuickToolbarOpen\r\n }\r\n actionBegin={rteActionBegin}\r\n locale={i18n.language}\r\n insertImageSettings={insertImageSettings}\r\n imageUploading={imageUploadingHandler}\r\n created={rteCreated}\r\n format={format}\r\n enabled={formEditable.current}\r\n enableHtmlSanitizer={rteEnableHtmlSanitizer}\r\n focus={editPlaceholder}\r\n >\r\n selectedTemplate(args)}\r\n beforeOpen={(args) =>\r\n selectionBeforeDropdownClick()\r\n }\r\n >\r\n {t(\"Release:insert\")}\r\n \r\n {/* BTN DDL VALE END */}\r\n\r\n {/* BTN RESET */}\r\n \r\n \r\n \r\n {/* BTN RESET */}\r\n\r\n {/* VIDEO DIALOG */}\r\n {\r\n\r\n dialogObj.current = scope;\r\n }}\r\n overlayClick={dialogOverlay}\r\n close={dialogOverlay}\r\n visible={false}\r\n showCloseIcon={true}\r\n width=\"45%\"\r\n target={\"#rteSection\"}\r\n isModal={true}\r\n style={{ minHeight: 350 }}\r\n >\r\n {/* VIDEO DIALOG END */}\r\n\r\n \r\n \r\n {/* THUMBNAIL SELECTION */}\r\n \r\n
\r\n \r\n {/* IDIOMA */}\r\n setBlocked(e.checked)}\r\n disabled={!formEditable.current}\r\n />\r\n )}\r\n {/* BLOQUEIO ADMIN END */}\r\n
\r\n\r\n {/* TÍTULO */}\r\n \r\n setLanguage(e.value)}\r\n enabled={formEditable.current}\r\n />\r\n
\r\n {/* IDIOMA END */}\r\n\r\n {/* BLOQUEIO ADMIN */}\r\n {((globalState && globalState.userAdmin) ||\r\n //ou se o criador é o mesmo que o usuário logado\r\n (idAccessArea &&\r\n userPermission.indexOf(\"Admin\") !==-1) ||\r\n (idAccessArea &&\r\n userPermission.indexOf(\"Inclusão\") !=\r\n -1)) && (\r\n \r\n \r\n {\r\n\r\n register(textBox, { required: true });\r\n txtTitleRef.current = textBox;\r\n }}\r\n placeholder={t(\"Press:title_placeholder\")}\r\n htmlAttributes={{ maxlength: 255 }}\r\n onChange={(e) => setTitle(e.target.value)}\r\n value={title}\r\n enabled={formEditable.current}\r\n />\r\n {errors.titulo &&\r\n errors.titulo.type === \"required\" && (\r\n \r\n {t(\"Validation:required\")}\r\n \r\n )}\r\n
\r\n {/* TÍTULO END */}\r\n\r\n {/* SUBTITULO */}\r\n \r\n \r\n \r\n (txtSubtitleRef.current = textBox)\r\n }\r\n name=\"subtitulo\"\r\n value={subTitle}\r\n placeholder={t(\"Press:subtitle_placeholder\")}\r\n multiline={true}\r\n onChange={(e) => setSubTitle(e.target.value)}\r\n htmlAttributes={{ maxlength: 255 }}\r\n enabled={formEditable.current}\r\n />\r\n
\r\n {/* SUBTITULO END */}\r\n\r\n \r\n
\r\n\r\n {/* WYSIWYG EDITOR */}\r\n \r\n {/* AREA DE NEGOCIO DDL */}\r\n
\r\n \r\n \r\n setAreaNegocio(e.value)}\r\n enabled={formEditable.current}\r\n />\r\n {errors.areaNegocio &&\r\n errors.areaNegocio.type === \"min\" && (\r\n \r\n {t(\"Validation:required\")}\r\n \r\n )}\r\n
\r\n {/* AREA DE NEGOCIO DDL END */}\r\n\r\n {/* PAIS DDL */}\r\n \r\n \r\n setPais(e.value)}\r\n enabled={formEditable.current}\r\n />\r\n {errors.pais &&\r\n errors.pais.type === \"required\" && (\r\n \r\n {t(\"Validation:required\")}\r\n \r\n )}\r\n
\r\n {/* PAIS DDL END */}\r\n\r\n {/* REGIONAL DDL */}\r\n \r\n \r\n {\r\n\r\n setRegional(e.value)\r\n getSignatureItemByRegion(\r\n globalState.accessToken,\r\n e.value\r\n ).then((response) => {\r\n\r\n if (response && response.ok && response.status !== 204) {\r\n return response.json();\r\n }\r\n }).then(signature => {\r\n\r\n setSignature(signature);\r\n })\r\n }}\r\n enabled={formEditable.current}\r\n />\r\n
\r\n {/* REGIONAL DDL END */}\r\n\r\n {/* DATE PICKER */}\r\n \r\n \r\n {\r\n\r\n register(datepicker, {\r\n required: true,\r\n });\r\n datePickerRef.current = datepicker;\r\n }}\r\n placeholder={t(\r\n \"Press:date_placeholder\"\r\n )}\r\n value={date.toLocaleDateString(\r\n i18n.language\r\n )}\r\n locale={i18n.language}\r\n change={(e) =>\r\n setDate(\r\n e.value\r\n ? new Date(e.value)\r\n : new Date()\r\n )\r\n }\r\n enabled={formEditable.current}\r\n />\r\n {errors.data &&\r\n errors.data.type === \"required\" && (\r\n \r\n {t(\"Validation:required\")}\r\n \r\n )}\r\n
\r\n {/* DATE PICKER END */}\r\n \r\n {/* APROVADOR TXT */}\r\n
\r\n \r\n \r\n \r\n (txtApproverRef.current = textBox)\r\n }\r\n placeholder={t(\r\n \"Press:approverBy_placeholder\"\r\n )}\r\n name=\"aprovadoPor\"\r\n value={approver}\r\n onChange={(e) =>\r\n setApprover(e.target.value)\r\n }\r\n enabled={formEditable.current}\r\n />\r\n
\r\n {/* APROVADOR TXT END */}\r\n\r\n {/* AUTORES TXT */}\r\n \r\n \r\n {\r\n\r\n register(textBox, {\r\n required: true,\r\n });\r\n txtAuthorRef.current = textBox;\r\n }}\r\n cssClass=\"e-filled\"\r\n placeholder={t(\r\n \"Press:authors_placeholder\"\r\n )}\r\n value={\r\n authors ? authors : currentUser.nome\r\n }\r\n onChange={(e) =>\r\n setAuthors(e.target.value)\r\n }\r\n enabled={formEditable.current}\r\n />\r\n {errors.autores &&\r\n errors.autores.type === \"required\" && (\r\n \r\n {t(\"Validation:required\")}\r\n \r\n )}\r\n
\r\n {/* AUTORES TXT END */}\r\n \r\n
\r\n {/* THUMBNAIL SELECTION END */}\r\n\r\n \r\n {\r\n\r\n uploadObj.current =\r\n scope;\r\n }}\r\n asyncSettings={\r\n asyncSettings\r\n }\r\n created={\r\n uploaderCreated\r\n }\r\n selected={\r\n uploaderSelected\r\n }\r\n uploading={\r\n fileUploading\r\n }\r\n success={(e) =>\r\n onFileUploadSuccess(\r\n e\r\n )\r\n }\r\n removing={(e) =>\r\n onRemoveFile(e)\r\n }\r\n >\r\n
\r\n \r\n \r\n {/* Render Uploader */}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {t(\"Press:drag_here_or\")}\r\n
\r\n \r\n \r\n (txtAttachmentTitleRef.current = textBox)\r\n }\r\n input={(ev) => AttachmentTitleRef(ev)}\r\n name=\"attachmentLabel\"\r\n placeholder={t(\r\n \"Press:attachment_subtitle_placeholder\"\r\n )}\r\n htmlAttributes={{ maxlength: 17 }}\r\n />\r\n
\r\n \r\n {/* ATTACHMENT SUBTITLE END */}\r\n {/* AUDIO SUBTITLE */}\r\n \r\n {((attachmentTitleCount\r\n ? 0 + attachmentTitleCount: txtAttachmentTitleRef?.current?.length\r\n ? 0 + txtAttachmentTitleRef.current.length : 0) + '/17')\r\n }\r\n
\r\n \r\n \r\n {t(\"Press:audio_subtitle\")}\r\n \r\n \r\n (txtAudioRef.current =\r\n textBox)\r\n }\r\n input={(ev) => AttachmentAudioRef(ev)}\r\n name=\"audioLabel\"\r\n placeholder={t(\r\n \"Press:audio_subtitle_placeholder\"\r\n )}\r\n htmlAttributes={{ maxlength: 17 }}\r\n />\r\n
\r\n \r\n {/* AUDIO SUBTITLE END */}\r\n {/* YOUTUBE VIDEO */}\r\n \r\n {((attachmentAudioCount\r\n ? 0 + attachmentAudioCount : txtAudioRef?.current?.length\r\n ? 0 + txtAudioRef.current.length : 0) + '/17')\r\n }\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {/* WYSIWYG EDITOR END */}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n (gridMediaRef.current = gridComponent)\r\n }\r\n contextMenuItems={contextMenuItems}\r\n dataSource={[]}\r\n filterSettings={{ type: \"CheckBox\" }}\r\n allowPaging={true}\r\n allowSorting={true}\r\n locale={i18n.language}\r\n allowFiltering={true}\r\n allowResizing={true}\r\n pageSettings={{ pageSize: 6 }}\r\n created={gridCreated}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n {!openModalConfirm ? (\r\n
\r\n \r\n \r\n );\r\n};\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { MailingContactsContext } from \"../mailing/contacts/MailingContactsContext\";\r\nimport { ReleaseStateContext } from \"../releases/ReleaseState\";\r\nimport { getMailingGroupItems } from \"../../services/MailingSVC\";\r\nimport { getMailingGroupItemsGeneral } from \"../../services/MailingGeneralSVC\";\r\nimport { DropDownTreeComponent, MultiSelectComponent, CheckBoxSelection, Inject } from \"@syncfusion/ej2-react-dropdowns\";\r\nimport '../mailing/contacts/contacts.css';\r\n\r\nexport const GroupsBox = (props) => {\r\n let multiSelectGroups;\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const context = React.useContext(props.type ? ReleaseStateContext : MailingContactsContext);\r\n const [groups, setGroups] = React.useState(null);\r\n const [groupsGeneral, setGroupsGeneral] = React.useState(null);\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n let qString = '';\r\n if (props.type) {\r\n context.setGroupsSelected([]);\r\n qString = '?$filter=quantidadeMembros gt 0'\r\n }\r\n getMailingGroupItems(globalState.accessToken, qString).then(response => {\r\n if (response.ok) {\r\n response.json().then(result => {\r\n setGroups(result);\r\n });\r\n }\r\n });\r\n\r\n getMailingGroupItemsGeneral(globalState.accessToken, qString).then(response => {\r\n if (response.ok) {\r\n response.json().then(result => {\r\n setGroupsGeneral(result);\r\n });\r\n }\r\n });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (context.groupsFilter && groups) {\r\n const groupsFiltered = groups.filter(item => (!context.groupsFilter.idpais || item.idpais === context.groupsFilter.idpais) &&\r\n (!context.groupsFilter.idregional || item.idregional === context.groupsFilter.idregional));\r\n multiSelectGroups.dataSource = groupsFiltered;\r\n\r\n }\r\n }, [context.groupsFilter]);\r\n\r\n const multiSelectChange = e => {\r\n context.setGroupsSelected(e.value);\r\n }\r\n\r\n const multiSelectChangeGeneral = e => {\r\n context.setGeneralGroupsSelected(e.value);\r\n }\r\n\r\n return (\r\n <>\r\n {props.type ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!openModalConfirm ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n {\r\n\r\n execUpdateRteHeaderTemplate();\r\n setOpenModal(false);\r\n setOpenModalConfirm(false);\r\n }}\r\n >\r\n {t(\"Actions:exit\")}\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
: groups && \r\n {groups &&\r\n multiSelectGroups = multiSelect}\r\n cssClass=\"e-filled\"\r\n dataSource={groups}\r\n fields={{ value: \"id\", text: \"nome\" }}\r\n placeholder={t(\"Contact:groups_placeholder\")}\r\n mode=\"Box\"\r\n change={multiSelectChange}\r\n value={context.groupsSelected}\r\n >\r\n
\r\n \r\n \r\n
}\r\n \r\n\r\n )\r\n}","import * as React from 'react';\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\n\r\n\r\nconst MailingContactsContext = React.createContext();\r\n\r\nconst MailingContactsProviderGeneral = ({ children }) => {\r\n\r\n const [item, setItem] = React.useState(null);\r\n const [groupsSelected, setGroupsSelected] = React.useState([]);\r\n const [generalGroupsSelected, setGeneralGroupsSelected] = React.useState([]);\r\n const [contactListItems, setContactListItems] = React.useState(null);\r\n\r\n return (\r\n \r\n {groupsGeneral &&\r\n \r\n
\r\n \r\n {groups &&\r\n multiSelectGroups = multiSelect}\r\n cssClass=\"e-filled\"\r\n dataSource={groups}\r\n fields={{ value: \"id\", text: \"nome\" }}\r\n placeholder={t(\"Contact:groups_placeholder\")}\r\n mode=\"Box\"\r\n change={multiSelectChange}\r\n value={context.groupsSelected}\r\n >\r\n
\r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { TextBoxComponent, FormValidator } from \"@syncfusion/ej2-react-inputs\";\r\nimport { CheckBoxComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { DialogComponent, Tooltip } from \"@syncfusion/ej2-react-popups\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Sort, ContextMenu, Page, Resize, Inject } from \"@syncfusion/ej2-react-grids\";\r\nimport { DataUtil } from \"@syncfusion/ej2-data\";\r\nimport { ReleaseStateContext } from \"../releases/ReleaseState\";\r\nimport { SendContent } from \"./SendContent\";\r\nimport { GroupsBox } from \"../Shared/GroupsBox\";\r\nimport { Actions } from \"../utilities/Actions\";\r\nimport { getCountries, getRegional } from \"../../services/SystemSVC\";\r\nimport { getMailingContactItems } from \"../../services/MailingSVC\";\r\nimport { addShippingStatusItem } from \"../../services/PressSVC\";\r\nimport './mailing.css';\r\nimport { GroupsBoxGeneral } from \"../Shared/GroupsBoxGeneral\";\r\n\r\nexport const SendItem = (props) => {\r\n let formObject;\r\n let gridInstance;\r\n let tooltip;\r\n let txtSubject;\r\n let txtMailList;\r\n\r\n const { t } = useTranslation();\r\n const initialValues = {\r\n assunto: \"\",\r\n receberCopia: false,\r\n listaEmails: \"\",\r\n idImprensa: props.idPress,\r\n grupos: []\r\n }\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { releaseState, groupsSelected, groupsFilter, setGroupsFilter, setShowSendContent, generalGroupsSelected, generalGroupsFilter } = React.useContext(ReleaseStateContext);\r\n const [countriesPt, setCountriesPt] = React.useState([]);\r\n const [countriesEn, setCountriesEn] = React.useState([]);\r\n const [regionsPt, setRegionsPt] = React.useState([]);\r\n const [regionsEn, setRegionsEn] = React.useState([]);\r\n const [content, setContent] = React.useState(initialValues);\r\n const [openDialog, setOpenDialog] = React.useState(false);\r\n const [gridDataSource, setGridDataSource] = React.useState([]);\r\n const [sendBtnDisabled, setSendBtnDisabled] = React.useState(true);\r\n\r\n const _controls = {\r\n area: \"Releases\",\r\n class: \"release\",\r\n savePrimary: false,\r\n excludePrimary: \"\",\r\n urlView: \"\",\r\n urlPreview: \"\",\r\n urlDuplicate: \"\",\r\n urlSave: \"\",\r\n urlSend: () => sendContent(),\r\n sendDisabled: sendBtnDisabled,\r\n urlCancel: \"\",\r\n urlDelete: \"\",\r\n urlReturn: () => setShowSendContent(false)\r\n };\r\n\r\n const getGroups = () => {\r\n var data = [];\r\n var flag = true;\r\n var lookup = {};\r\n const groups = gridInstance.dataSource.map(value => value.grupos);\r\n\r\n groups.forEach((arr) => {\r\n arr.forEach((item) => {\r\n if (!(item.nome in lookup)) {\r\n data.push({ grupos: item.nome });\r\n lookup[item.nome] = true\r\n }\r\n })\r\n if (!arr.length && flag) {\r\n data.push({ \"\": true })\r\n }\r\n });\r\n return data;\r\n }\r\n\r\n const gridActionBegin = (args) => {\r\n if (args.requestType === 'filterbeforeopen' && args.columnName === 'grupos') {\r\n args.filterModel.options.dataSource = getGroups();\r\n }\r\n }\r\n\r\n DataUtil.fnOperators.equal = function (rowValues, filterValue, ignoreCase, ignoreAccent) {\r\n if (Array.isArray(rowValues)) {\r\n if (!filterValue) {\r\n return !rowValues.length;\r\n }\r\n return JSON.stringify(rowValues).includes(filterValue)\r\n } else {\r\n if (ignoreAccent) {\r\n rowValues = DataUtil.ignoreDiacritics(rowValues);\r\n filterValue = DataUtil.ignoreDiacritics(filterValue);\r\n }\r\n if (ignoreCase) {\r\n return DataUtil.toLowerCase(rowValues) === DataUtil.toLowerCase(filterValue);\r\n }\r\n return rowValues === filterValue;\r\n }\r\n };\r\n\r\n DataUtil.fnOperators.notequal = function (rowValues, filterValue, ignoreCase, ignoreAccent) {\r\n if (Array.isArray(rowValues)) {\r\n if (!filterValue)\r\n return rowValues.length;\r\n else if (JSON.stringify(rowValues).includes(filterValue))\r\n return rowValues.length > 1;\r\n\r\n return !rowValues.length || !JSON.stringify(rowValues).includes(filterValue);\r\n\r\n } else {\r\n if (ignoreAccent) {\r\n rowValues = DataUtil.ignoreDiacritics(rowValues);\r\n filterValue = DataUtil.ignoreDiacritics(filterValue);\r\n }\r\n return !DataUtil.fnOperators.equal(rowValues, filterValue, ignoreCase);\r\n }\r\n };\r\n\r\n const renderCellGroup = (args) => {\r\n if (args.column.id === \"grupos\") {\r\n let content = \"\";\r\n\r\n args.data[\"grupos\"].map((item, i) => {\r\n content += item.nome;\r\n if (i !== args.data[\"grupos\"].length - 1)\r\n content += \", \";\r\n });\r\n\r\n if (content) {\r\n tooltip = new Tooltip({\r\n content: content\r\n }, args.cell);\r\n }\r\n return args.cell;\r\n }\r\n }\r\n\r\n const groupTemplate = (e) => {\r\n return (\r\n e.grupos.map(item => (\r\n {item.nome}\r\n ))\r\n );\r\n }\r\n\r\n React.useEffect(() => {\r\n const formValidator = {\r\n rules: {\r\n 'subjectMail': {\r\n required: [true, t('Validation:required')]\r\n }\r\n },\r\n customPlacement: (inputElement, errorElement) => {\r\n inputElement.parentElement.parentElement.appendChild(errorElement);\r\n }\r\n };\r\n formObject = new FormValidator('#formSendItem', formValidator);\r\n });\r\n\r\n React.useEffect(() => {\r\n getCountries(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(items => {\r\n let arrPt = [];\r\n let arrEn = [];\r\n items.map(item => {\r\n arrPt.push({ id: item.id, nome: item.nomePt });\r\n arrEn.push({ id: item.id, nome: item.nomeEn });\r\n });\r\n setCountriesPt(arrPt);\r\n setCountriesEn(arrEn);\r\n });\r\n });\r\n\r\n getRegional(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(items => {\r\n let arrPt = [];\r\n let arrEn = [];\r\n items.map(item => {\r\n arrPt.push({ id: item.id, nome: item.nomePt });\r\n arrEn.push({ id: item.id, nome: item.nomeEn });\r\n });\r\n setRegionsPt(arrPt);\r\n setRegionsEn(arrEn);\r\n });\r\n });\r\n txtSubject.value = releaseState.releaseItem.titulo;\r\n setContent(content => ({ ...content, assunto: releaseState.releaseItem.titulo }));\r\n\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n txtSubject.placeholder = t('SendContent:subject_mail_placeholder');\r\n txtMailList.placeholder = t('SendContent:list_sending_placeholder');\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (openDialog) {\r\n if (groupsSelected.length) {\r\n // const qString = `?$select=jornalista,email,grupos&$expand=grupos&$filter=grupos/any(d:d/id in (${groupsSelected.join()}))`;\r\n getMailingContactItems(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(setGridDataSource);\r\n });\r\n }\r\n else\r\n setGridDataSource([]);\r\n }\r\n }, [openDialog]);\r\n\r\n const emailTemplate = (e) => {\r\n console.log(e);\r\n return (\r\n \r\n {e.email.length > 0 && e.email.map(email => (\r\n {email.email} \r\n )\r\n )}\r\n
\r\n )\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n setSendBtnDisabled(!content.receberCopia && !content.listaEmails && !groupsSelected.length && !generalGroupsSelected.length)\r\n }, [content, groupsSelected, generalGroupsSelected]);\r\n\r\n const inputChange = e => {\r\n if (e.event)\r\n setContent(content => ({ ...content, [e.event.target.id]: e.value }));\r\n }\r\n\r\n const checkBoxChange = e => {\r\n if (e.event)\r\n setContent(content => ({ ...content, [e.event.target.id]: e.checked }));\r\n }\r\n\r\n const dropdownlistChange = e => {\r\n if (e.element)\r\n setGroupsFilter(groupsFilter => ({ ...groupsFilter, [e.element.id]: e.value }));\r\n }\r\n\r\n function validateEmail(email) {\r\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(email);\r\n }\r\n\r\n const emailsOnChange = (e) => {\r\n if (e.event) {\r\n if (e.value) {\r\n const emails = e.value.split(';')\r\n let emailsList = [];\r\n emails.map(email => {\r\n const mail = email.trim();\r\n if (validateEmail(mail))\r\n emailsList.push(mail);\r\n });\r\n if (emailsList.length)\r\n setContent(content => ({ ...content, listaEmails: emailsList.join(';') }));\r\n }\r\n else\r\n setContent(content => ({ ...content, listaEmails: \"\" }));\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n console.log(generalGroupsFilter);\r\n }, [generalGroupsFilter]);\r\n\r\n const sendContent = () => {\r\n if (formObject.validate()) {\r\n const groups = [];\r\n groupsSelected.map(id => {\r\n groups.push({ id });\r\n });\r\n\r\n generalGroupsSelected.map(id => {\r\n groups.push({ id, grupoGeral: true });\r\n });\r\n\r\n content.grupos = groups;\r\n addShippingStatusItem(globalState.accessToken, content, props.idType).then(setShowSendContent(false));\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('SendContent:sending_content')}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Sobre a Vale\r\n
\r\n
\r\n A Vale é uma mineradora global que existe para melhorar a vida e transformar o futuro juntos. Uma das maiores produtoras mundiais de minério de ferro e níquel e importante produtora de cobre, a Vale tem sede no Brasil e atuação ao redor do mundo. Suas operações compreendem sistemas logísticos integrados, incluindo aproximadamente 2.000 quilômetros de ferrovias, terminais marítimos e 10 portos distribuídos pelo mundo. A Vale tem as ambições de ser reconhecida pela sociedade como referência em segurança, a melhor operadora e a mais confiável, uma organização orientada aos talentos, líder em mineração sustentável, e referência em criação e compartilhamento de valor.\r\n
\r\n About Vale\r\n
\r\n
\r\n Vale is a global mining company that exists to improve lives and transform the future together. One of the world's largest producers of iron ore and nickel and a major copper producer, Vale is headquartered in Brazil and operates around the world. Its operations comprise integrated logistics systems, including approximately 2,000 kilometres of railways, marine terminals and 10 ports distributed around the globe. Vale has the ambition to be recognized by society as a benchmark in safety, the best-in-class reliable operator, a talent-driven organization, a leader in sustainable mining, and a benchmark in creating and sharing value.\r\n
\r\n © `+ new Date().getFullYear() +` - Vale | Todos os direitos reservados\r\n
`;\r\n\r\nexport const PressFooterEN = `\r\n © `+ new Date().getFullYear() +` - Vale | All rights reserved\r\n
`;\r\n \r\nexport const PressHeaderPT = `\r\n Media Release\r\n `; \r\n \r\nexport const PressHeaderEN = `\r\n Media Release\r\n `; \r\n//#endregion","import i18n from \"i18next\";\r\nimport { PressBoilerPlatePT, PressBoilerPlateEN, PressHeaderPT, PressHeaderEN, PressFooterPT, PressFooterEN } from '../utilities/Constants';\r\n\r\nexport function richTextDefault(args, lang, id) {\r\n let language;\r\n if (lang === \"pt\" || lang === \"en\") {\r\n language = lang;\r\n } else {\r\n language = lang ? lang === '1' ? 'pt' : 'en' : i18n.language;\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 ${args.date.toLocaleDateString(lang === 2 ? \"en\" : \"pt\") || ''}\r\n \r\n \r\n\r\n \r\n ${args.title || ''}\r\n \r\n\r\n\r\n | \r\n |
\r\n \r\n \r\n \r\n ${args.subtitle || ''} \r\n \r\n | \r\n |
| \r\n | |
| \r\n | |
| \r\n ${args.content || ''}\r\n | \r\n|
| \r\n | \r\n|
| \r\n \r\n | \r\n |
| \r\n ${args.boiler || ''}\r\n | \r\n|
| \r\n ${args.signature || ''}\r\n | \r\n|
| \r\n | |
| \r\n ${language === \"pt\" ? PressFooterPT || '' : PressFooterEN || ''}\r\n | \r\n
| \r\n \r\n ${attachmentTitle || ''}\r\n \r\n | \r\n
`\r\n case 2:\r\n return language === \"pt\"\r\n ? ``\r\n : ``\r\n case 3:\r\n return language === \"pt\"\r\n ? ``\r\n : ``\r\n case 4:\r\n return language === \"pt\"\r\n ? ``\r\n : ``\r\n case 6:\r\n return language === \"pt\"\r\n ? ``\r\n : ``\r\n case 7:\r\n return language === \"pt\"\r\n ? ``\r\n : ``\r\n }\r\n}\r\n","export function getFileExtension(fileName) {\r\n\r\n if (!fileName) return '';\r\n const arrName = fileName.trim().split('.');\r\n if (arrName.length > 1) {\r\n let ext = arrName.slice(-1)[0].split('&');\r\n return getFileExtensionName(ext[0].toLowerCase(), fileName);\r\n }\r\n else return '';\r\n}\r\n\r\nexport function getFileExtensionName(extension, url) {\r\n\r\n const urlEdited = url.includes('https://cdn.valecgc.com')\r\n ? url.replace('https://cdn.valecgc.com', `${process.env.REACT_APP_AZURE_STORAGE}`)\r\n : url.replace('https://filescdncgc.inparlabs.com.br', `${process.env.REACT_APP_AZURE_STORAGE}`);\r\n\r\n switch (extension) {\r\n case 'pdf':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-pdf.png`;\r\n case 'doc':\r\n case 'docx':\r\n case 'docm':\r\n case 'docb':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-doc.png`;\r\n case 'ppt':\r\n case 'pps':\r\n case 'pptx':\r\n case 'pptm':\r\n case 'ppsx':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-ppt.png`;\r\n case 'xls':\r\n case 'csv':\r\n case 'xlm':\r\n case 'xlsx':\r\n case 'xlsm':\r\n case 'xlsb':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-excel.png`;\r\n case 'txt':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-text.png`;\r\n case 'jpg':\r\n case 'png':\r\n case 'jpeg':\r\n case 'svg':\r\n case 'jif':\r\n case 'jfif':\r\n case 'jpe':\r\n case 'jfi':\r\n case 'gif':\r\n case 'webp':\r\n case 'tiff':\r\n case 'bmp':\r\n return urlEdited;\r\n case 'one':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-onenote.png`;\r\n case 'mp4':\r\n case 'mov':\r\n case 'wmv':\r\n case 'avi':\r\n case 'mkv':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-video.png`;\r\n case 'zip':\r\n case 'rar':\r\n case '7z':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-compacted.png`;\r\n case 'psd':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-psd.png`;\r\n case 'mp3':\r\n case 'wma':\r\n case 'wav':\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-music.png`;\r\n default:\r\n return `${process.env.REACT_APP_AZURE_STORAGE}/press/System/icon-attach-black.png`;\r\n }\r\n}\r\n\r\nexport function isOrContainsNode(node, container) {\r\n\r\n while (node) {\r\n if (node === container) {\r\n return true;\r\n }\r\n node = node.parentNode;\r\n }\r\n return false;\r\n};\r\n\r\nexport function langName(langId) {\r\n switch(langId) {\r\n case 1: return 'pt'\r\n case 2: return 'en'\r\n default: return undefined\r\n }\r\n}\r\n\r\nexport function convertDateToUTC(date) {\r\n\r\n return new Date(\r\n date.getUTCFullYear(),\r\n date.getUTCMonth(),\r\n date.getUTCDate(),\r\n date.getUTCHours(),\r\n date.getUTCMinutes(),\r\n date.getUTCSeconds()\r\n );\r\n}\r\n\r\nexport function elementContainsSelection(el, sel) {\r\n if (sel) {\r\n if (sel.rangeCount > 0) {\r\n for (var i = 0; i < sel.rangeCount; ++i) {\r\n if (\r\n !isOrContainsNode(\r\n sel.getRangeAt(i).commonAncestorContainer,\r\n el\r\n )\r\n ) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n } else if ((sel = document.selection) && sel.type !==\"Control\") {\r\n return isOrContainsNode(sel.createRange().parentElement(), el);\r\n }\r\n return false;\r\n}\r\n\r\nexport function restoreSelectionDocument(containerEl, savedSel) {\r\n\r\n var textRange = document.body.createTextRange();\r\n textRange.moveToElementText(containerEl);\r\n textRange.collapse(true);\r\n textRange.moveEnd(\"character\", savedSel.end);\r\n textRange.moveStart(\"character\", savedSel.start);\r\n return textRange.select();\r\n}\r\n\r\nexport function getRelativeFilePath(absolutePath) {\r\n\r\n const filePathSplited = absolutePath.split(\"/\");\r\n const guidOrId = filePathSplited[filePathSplited.length - 2];\r\n const filename = filePathSplited[filePathSplited.length - 1];\r\n return `${guidOrId}/${filename}`;\r\n}\r\n","import { getFileExtension } from './Functions'\r\n\r\nexport function clearAttachmentsArea(html) {\r\n\r\n const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n const attachmentContainer = doc.getElementById(\"attachmentWrapper\");\r\n if (!attachmentContainer) {\r\n const attachmentsContainer = doc.getElementById(\"rteAttachments\");\r\n attachmentsContainer.innerHTML = \"\";\r\n }\r\n return doc.documentElement.innerHTML;\r\n}\r\n\r\nexport function youtube_parser(url) {\r\n var regExp = /^.*((youtu.be\\/)|(v\\/)|(\\/u\\/\\w\\/)|(embed\\/)|(watch\\?))\\??v?=?([^#&?]*).*/;\r\n var match = url.match(regExp);\r\n return (match && match[7].length ===11) ? match[7] : false;\r\n}\r\n\r\nexport function getPressMediaTemplate(iconPath, filename, mediaUrl, type, description) {\r\n\r\n const newExt = getFileExtension(mediaUrl)\r\n\r\n switch(type) {\r\n case 'mp3':\r\n return `| \r\n \r\n \r\n | \r\n \r\n \r\n ${filename || ''}\r\n \r\n \r\n ${description ? ' ' + description : ''}\r\n \r\n | \r\n
| \r\n \r\n \r\n | \r\n
| \r\n ${filename || ''}\r\n | \r\n
\r\n \r\n ${title}
\r\n ${colaboradores.filter(i => i.nome || i.telefone || i.email || i.celular)\r\n .map((colaborador) => `\r\n ${colaborador.nome && colaborador.nome}\r\n ${colaborador.telefone && (colaborador.nome && \"- Tel: \") + colaborador.telefone}\r\n ${colaborador.celular && ((colaborador.telefone && \"/ Cel: \") || (colaborador.nome && \"- Cel: \")) + colaborador.celular}\r\n ${(colaborador.nome || colaborador.telefone || colaborador.celular) && colaborador.email && `
`}\r\n \r\n ${colaborador.email && colaborador.email}\r\n `\r\n )\r\n .join(\"
\")\r\n }\r\n \r\n
${lang === \"pt\" ? urlpt : urlen}\r\n \r\n
\r\n
\r\n \r\n ${redesSociais.filter(getUrlFromSocialMedia)\r\n .map(SM => `\r\n \r\n ${SM.id ?\r\n `![](\"${process.env.REACT_APP_AZURE_STORAGE}/press/socialmedias/${SM.id}/socialMedia.png\"\r\n)
`\r\n : `${SM.iconeB64 && `\r\n
\")\r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n `\r\n return youtubeVideo;\r\n}\r\n\r\nexport function getPressVideoTemplate(videoUrl, thumbUrl) {\r\n return `\r\n \r\n\r\n \r\n ![\"\"](\"${process.env.REACT_APP_AZURE_STORAGE}/press/System/placehold_150x337.gif\") \r\n | \r\n \r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n `\r\n};\r\n","import { requestAPI } from '../components/utilities/Utils';\r\nimport { mountSignature } from '../helpers/EmailCreator';\r\n\r\nexport async function getSignatureItems(token) {\r\n const reqUrl = \"_api/Signature/GetSignaturesItems\";\r\n return requestAPI(reqUrl, \"GET\", \"\", null, token, false);\r\n}\r\n\r\nexport async function getSignatureItemByRegion(token, regionalId) {\r\n const qstring = regionalId ? `?regionalId=${regionalId}` : '';\r\n return requestAPI(\"_api/Signature/GetSignaturesItemByRegional\", \"GET\", qstring, null, token, false);\r\n};\r\n\r\nexport async function getAndMountSignature(globalState, regionalId, lang) {\r\n\t\r\n\tconst response = await getSignatureItemByRegion(globalState.accessToken, regionalId);\r\n\tif(response && response.ok && response.status !== 204) {\r\n\r\n\t\tconst newSig = await response.json();\r\n\r\n\t\treturn {\r\n\t\t\tnewSig, \r\n\t\t\tnewSigContent: mountSignature(newSig, lang, globalState.tokenLightWeight)\r\n\t\t};\r\n\t} else {\r\n\t\treturn {newSig: null, newSigContent: \"\"}\r\n\t}\r\n}\r\n\r\nexport async function getSignatureItem(token, id) {\r\n const qstring = id ? `?signatureId=${id}` : '';\r\n return requestAPI(\"_api/Signature/GetSignaturesItem\", \"GET\", qstring, null, token, false);\r\n}\r\n\r\nexport async function addOrUpdateSignatureItem(token, body) {\r\n const raw = JSON.stringify(body);\r\n const endPointURL = body.id ? \"_api/Signature/UpdateSignatureItem\" : \"_api/Signature/AddSignatureItem\"\r\n return requestAPI(endPointURL, \"POST\", \"\", raw, token, false);\r\n}\r\n\r\nexport function getSignaturePhoto(url, callback) {\r\n var xhr = new XMLHttpRequest();\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState ===4) {\r\n callback(this.response)\r\n }\r\n }\r\n xhr.open('GET', url);\r\n xhr.responseType = 'blob';\r\n xhr.send();\r\n}\r\n\r\nexport async function deleteSignature(token, id) {\r\n const qstring = `?signatureId=${id}`;\r\n return requestAPI(\"_api/Signature/DeleteSignatureItem\", \"POST\", qstring, null, token, false);\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { StatementsList } from \"../../statements/StatementsList\";\r\nimport PermissionRedirect from '../../utilities/PermissionRedirect/PermissionRedirect';\r\n\r\nlet userPermission;\r\n\r\nexport const Statements = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idStatement, setIdStatement] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.accessArea === \"Notas\").map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportStatement(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editStatement = (info) => {\r\n setIdStatement(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportStatement = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.bloqueado = x.bloqueado ? lang === 'pt' ? 'Bloqueado' : 'Blocked' : lang === 'pt' ? 'Terminado' : 'Finished';\r\n x.data = new Date(x.data).toLocaleDateString(lang);\r\n return x;\r\n });\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? | \r\n \r\n | \r\n \r\n \r\n | \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('Statements:title')}
\r\n\r\n
\r\n \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('PositionPaper:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {globalState.accessToken === null ?
\r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { createSpinner, showSpinner, setSpinner, hideSpinner } from \"@syncfusion/ej2-react-popups\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, ForeignKey, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit, Toolbar, ExcelExport } from '@syncfusion/ej2-react-grids';\r\nimport { ComboBoxComponent, AutoCompleteComponent, DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { DatePickerComponent, DateRangePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { getCountries, getAllBusinessAreas, getRegional } from \"../../services/SystemSVC\";\r\nimport { getPressItems, getPressItemsFiltered } from \"../../services/PressSVC\";\r\nimport { users } from \"../../services/UsersSVC\";\r\nimport '../releases/releases.css';\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\nimport { useModal } from \"../../hooks/Modal\";\r\n\r\nexport const StatementsList = (props) => {\r\n\r\n const { t } = useTranslation();\r\n const { refStatement, gridInstance } = props;\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [isVisible, setIsVisible] = React.useState(true);\r\n const [loading, setLoading] = React.useState(true);\r\n const [fillUsersData, setFillUsersData] = React.useState([]);\r\n const [fillBusinessAreaData, setFillBusinessAreaData] = React.useState([]);\r\n const [fillCountriesData, setFillCountriesData] = React.useState([]);\r\n const [fillRegionalData, setFillRegionalData] = React.useState([]);\r\n const [statementItems, setStatementItems] = React.useState(null);\r\n const [allStatements, setAllStatements] = React.useState(null);\r\n const [filteredStatementItems, setFilteredStatementItems] = React.useState({ idTipo: 2, idPais: 6 });\r\n const ddlRegionalRef = React.useRef();\r\n const { buildDialogMessage } = useModal()\r\n\r\n React.useEffect(() => {\r\n if (loading) {\r\n createSpinner({ target: document.getElementById('loadStatements') });\r\n showSpinner(document.getElementById('loadStatements'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loading]);\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n setLoading(true);\r\n async function load() {\r\n let _users = await users(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _businessAreas = await getAllBusinessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _countries = await getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _regional = await getRegional(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n const filterQstring = globalState.regional ? `?$filter=idRegional eq ${globalState.regional.id}` : \"\";\r\n let _pressItems = await getPressItems(globalState.accessToken, 2, filterQstring)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n\r\n if (_pressItems) {\r\n _pressItems = _pressItems.filter(item => {\r\n item.bloqueado = item.bloqueado ? i18n.language ===\"pt\" ? \"Bloqueado\" : \"Blocked\" : i18n.language ===\"pt\" ? \"Terminado\" : \"Finished\";\r\n return item;\r\n });\r\n setStatementItems(_pressItems);\r\n setAllStatements(_pressItems);\r\n }\r\n\r\n let oldUsers = _pressItems?.map(item => {\r\n return { nome: item.autores }\r\n });\r\n\r\n const set = new Set();\r\n const newUsers = oldUsers.filter(item => {\r\n const duplicate = set.has(item?.nome);\r\n set.add(item?.nome);\r\n\r\n return !duplicate;\r\n })\r\n\r\n const newBusinessAreas = [..._businessAreas, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n const countries = [..._countries, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n const newRegional = [..._regional, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n\r\n setFillUsersData(newUsers);\r\n setFillBusinessAreaData(newBusinessAreas);\r\n setFillCountriesData(countries);\r\n setFillRegionalData(newRegional);\r\n\r\n hideSpinner(document.getElementById('loadStatements'));\r\n setLoading(false);\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(()=>{\r\n if(fillRegionalData.length && !loading){\r\n if(globalState.regional)\r\n ddlRegionalRef.current.value = globalState.regional.id;\r\n else\r\n setIsVisible(false);\r\n }\r\n },[fillRegionalData, loading]);\r\n\r\n const statusStatement = [\r\n {\r\n text: i18n.language ==='pt' ? 'Bloqueado' : 'Blocked',\r\n value: true\r\n }, {\r\n text: i18n.language ==='pt' ? 'Terminado' : 'Finished',\r\n value: false\r\n }, {\r\n text: i18n.language ==='pt' ? 'Todos' : 'All',\r\n value: null\r\n }\r\n ]\r\n\r\n const filteredStatements = async () => {\r\n if (filteredStatementItems) {\r\n let _filteredStatements = await getPressItemsFiltered(globalState.accessToken, filteredStatementItems, 2)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n\r\n _filteredStatements = _filteredStatements.filter(item => {\r\n item.bloqueado = item.bloqueado ? i18n.language ===\"pt\" ? \"Bloqueado\" : \"Blocked\" : i18n.language ===\"pt\" ? \"Terminado\" : \"Finished\";\r\n return item;\r\n });\r\n\r\n setStatementItems(_filteredStatements);\r\n setIsVisible(false);\r\n } else {\r\n setStatementItems(allStatements);\r\n }\r\n }\r\n\r\n let statementDate = (args) => {\r\n const dateStatement = new Date(args.data);\r\n return (\r\n {dateStatement.toLocaleDateString(i18n.language)}\r\n )\r\n }\r\n\r\n let statementTitle = (args) => {\r\n return (\r\n props.edit(args)}>{args.titulo}\r\n );\r\n }\r\n\r\n let statementStatus = (args) => {\r\n if (args.bloqueado === 'Bloqueado') {\r\n return ({i18n.language ==='pt' ? 'Bloqueado' : 'Blocked'})\r\n } else {\r\n return ({i18n.language ==='pt' ? 'Terminado' : 'Finished'})\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {loading ? :\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {itemId ? t('Release:edit_title') : t('Release:create_title')}
\r\n\r\n {releaseState.releaseItem && releaseState.releaseItem.id &&\r\n
\r\n \r\n {releaseState.releaseItem &&\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {regionalList.map((regional, index) => (\r\n
\r\n {\r\n setRegionalId(regional.id);\r\n }}\r\n >\r\n
\r\n ))}\r\n {i18n.language ===\"pt\" ? regional.nomePt : regional.nomeEn}
\r\n\r\n
\r\n {\r\n setRegionalId(null);\r\n setOpenModalRegional(false);\r\n }}>{t('Actions:cancel')}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t('Statements:search_text')}
\r\n\r\n
\r\n \r\n setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n conteudo: e.value\r\n })\r\n )}\r\n />\r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Statements:filters')}\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Statements:filters')}\r\n \r\n
\r\n }\r\n \r\n filterStatements()}\r\n onClick={() => filteredStatements()}\r\n >\r\n {t('Statements:search')}\r\n \r\n
\r\n \r\n setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n dataInicio: e.value && e.value[0].toISOString().split('.')[0],\r\n dataFim: e.value && e.value[1].toISOString().split('.')[0]\r\n })\r\n )}\r\n />\r\n setFilterStatementAuthor(e.value)}\r\n change={(e) => setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n autor: e.value\r\n })\r\n )}\r\n />\r\n setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n idAreaNegocio: e.value\r\n })\r\n )}\r\n\r\n />\r\n setFilterStatementCountry(e.value)}\r\n value={filteredStatementItems ? filteredStatementItems.idPais : \"\"}\r\n change={(e) => setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n idPais: e.value\r\n })\r\n )}\r\n />\r\n ddlRegionalRef.current = ddlComponent}\r\n cssClass=\"e-filled\"\r\n placeholder={t('Statements:regional')}\r\n showClearButton\r\n dataSource={fillRegionalData}\r\n fields={{ text: (i18n.language ===\"pt\") ? 'nomePt' : 'nomeEn', value: 'id' }}\r\n value={filteredStatementItems ? filteredStatementItems.idRegional : globalState.regional? globalState.regional.id : ''}\r\n locale={i18n.language}\r\n change={(e) => setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n idRegional: e.value\r\n })\r\n )}\r\n />\r\n setFilteredStatementItems(\r\n filteredStatementItems => ({\r\n ...filteredStatementItems,\r\n bloqueado: e.value\r\n })\r\n )}\r\n />\r\n
\r\n }\r\n \r\n refStatement(grid)}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n \r\n \r\n filterTemplate(i18n.language ===\"pt\" ? item.nomePaisPT : item.nomePaisEN)}\r\n width='350'>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { Actions } from \"../../utilities/Actions\";\r\nimport { MailingStatus } from \"../../releases/MailingStatus\";\r\nimport { Export } from \"../../utilities/Export\";\r\nimport { ChangeHistory } from \"../../releases/ChangeHistory\";\r\nimport { SendItem } from \"../../mailing/SendItem\"\r\nimport { PressForm } from \"../../Shared/PressForm\";\r\nimport { ReleaseStateContext } from \"../../releases/ReleaseState\";\r\nimport { getPressItem, updatePressItem, addPressItem, deletePressItem, duplicatePressItem, getMailingShippingStatusItems, duplicateForwardPressItem } from \"../../../services/PressSVC\";\r\nimport { getRegional } from \"../../../services/SystemSVC\";\r\nimport { storageAccUrl } from \"../../utilities/Constants\";\r\nimport PermissionRedirect from '../../utilities/PermissionRedirect/PermissionRedirect';\r\nimport { useModal } from \"../../../hooks/Modal\";\r\nimport { hasPermissions } from \"../../utilities/Utils\";\r\nimport { getAndMountSignature } from \"../../../services/SignatureSVC\";\r\n\r\n\r\nexport const StatementsItem = (props) => {\r\n\r\n let itemId = props.match.params.id;\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { releaseState, setReleaseState, showSendContent, setShowSendContent, setRedirectId, redirectId } = React.useContext(ReleaseStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [showDialog, setShowDialog] = React.useState(false);\r\n const [dialogDelete, setDialogDelete] = React.useState(false);\r\n const [regionalId, setRegionalId] = React.useState(null);\r\n const [openModalRegional, setOpenModalRegional] = React.useState(false);\r\n const [regionalList, setRegionalList] = React.useState([]);\r\n const [fwdConfirmationModal, setFwdConfirmationModal] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const modalRef = React.useRef();\r\n\r\n const handleRef = (ref) => {\r\n if (modalRef?.current?.contains(ref?.target)) {\r\n return;\r\n }\r\n setOpenModalRegional(false);\r\n }\r\n\r\n React.useEffect(() => {\r\n if (redirectId) window.location.reload();\r\n }, [redirectId]);\r\n\r\n let _controls = React.useRef({\r\n area: \"Notas\",\r\n class: \"statement\",\r\n savePrimary: !!itemId,\r\n customPermissions: !itemId,\r\n excludePrimary: true,\r\n urlView: () => setShowDialog(true),\r\n urlPreview: false,\r\n urlDuplicate: itemId ? () => duplicateStatement() : false,\r\n urlForward: itemId ? () => setOpenModalRegional(true) : false,\r\n urlSave: undefined,\r\n form: \"formReleaseItem\",\r\n urlSend: itemId ? () => setShowSendContent(true) : false,\r\n urlCancel: () => {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n });\r\n setRedirect(true);\r\n },\r\n urlDelete: itemId ? () => setDialogDelete(true) : false\r\n });\r\n\r\n const initialValue = {\r\n id: null,\r\n titulo: \"\",\r\n subtitulo: \"\",\r\n autores: \"\",\r\n idAreaNegocio: 0,\r\n idPais: 0,\r\n idRegional: \"\",\r\n data: new Date(),\r\n aprovadoPor: \"\",\r\n conteudo: null,\r\n bloqueado: false,\r\n language: 1,\r\n historico: []\r\n };\r\n\r\n\r\n React.useEffect(() => {\r\n if (itemId) {\r\n async function load() {\r\n let _releaseItem = await getPressItem(globalState.accessToken, itemId, 2)\r\n .then(response => {\r\n if (response.ok)\r\n return response.json()\r\n });\r\n\r\n let mailingSent = await getMailingShippingStatusItems(globalState.accessToken, itemId).then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n _controls.current.customPermissions = itemId ? mailingSent.length === 0 && hasPermissions(3, \"Edit\", globalState) : hasPermissions(3, \"Create\", globalState);\r\n\r\n setReleaseState(releaseState => ({\r\n ...releaseState,\r\n releaseItem: _releaseItem,\r\n urlItemId: itemId,\r\n mailingStatus: mailingSent\r\n }));\r\n }\r\n load();\r\n }\r\n else {\r\n\r\n setReleaseState({\r\n releaseItem: initialValue,\r\n urlItemId: null,\r\n changeInfo: null,\r\n mailingStatus: []\r\n });\r\n }\r\n }, [itemId]);\r\n\r\n React.useEffect(() => {\r\n _controls.current = {\r\n area: \"Notas\",\r\n class: \"statement\",\r\n savePrimary: !!itemId,\r\n customPermissions: !itemId,\r\n excludePrimary: true,\r\n urlView: () => setShowDialog(true),\r\n urlPreview: false,\r\n urlDuplicate: itemId ? () => duplicateStatement() : false,\r\n urlForward: itemId ? () => setOpenModalRegional(true) : false,\r\n urlSave: undefined,\r\n form: \"formReleaseItem\",\r\n urlSend: itemId ? () => setShowSendContent(true) : false,\r\n urlCancel: () => {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n });\r\n setRedirect(true);\r\n },\r\n urlDelete: itemId ? () => setDialogDelete(true) : false\r\n }\r\n }, [redirectId]);\r\n\r\n React.useEffect(() => {\r\n const getRegionalList = async () => {\r\n\r\n let _regional = await getRegional(globalState.accessToken).then(\r\n (response) => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n }\r\n );\r\n setRegionalList(_regional);\r\n }\r\n getRegionalList();\r\n\r\n const getRef = () => {\r\n document.addEventListener(\"mousedown\", handleRef);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleRef);\r\n };\r\n };\r\n getRef();\r\n }, []);\r\n\r\n\r\n const _export = {\r\n pdf: true,\r\n doc: true,\r\n excel: \"\"\r\n }\r\n\r\n let duplicateStatement = () => {\r\n duplicatePressItem(globalState.accessToken, itemId, 2)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n const handleDuplicateRegional = () => {\r\n duplicateRegionalRelease()\r\n }\r\n\r\n let duplicateRegionalRelease = async () => {\r\n\r\n const lang = releaseState.releaseItem.idIdioma ? releaseState.releaseItem.idIdioma === 1 ? 'pt' : 'en' : i18n.language;\r\n const {newSig, newSigContent} = await getAndMountSignature(globalState, regionalId, lang);\r\n const conteudo = releaseState.releaseItem.conteudo.replace(/\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {itemId ? t('Statement:edit_title') : t('Statement:create_title')}
\r\n\r\n {releaseState.releaseItem && releaseState.releaseItem.id &&\r\n
\r\n \r\n {releaseState.releaseItem &&\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {regionalList.map((regional, index) => (\r\n
\r\n {\r\n setRegionalId(regional.id);\r\n }}\r\n >\r\n
\r\n ))}\r\n {i18n.language ===\"pt\" ? regional.nomePt : regional.nomeEn}
\r\n\r\n
\r\n {\r\n setRegionalId(null);\r\n setOpenModalRegional(false);\r\n }}>{t('Actions:cancel')}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { createSpinner, showSpinner, setSpinner, hideSpinner } from \"@syncfusion/ej2-react-popups\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, ForeignKey, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit, Toolbar, ExcelExport } from '@syncfusion/ej2-react-grids';\r\nimport { ComboBoxComponent, AutoCompleteComponent, DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { DatePickerComponent, DateRangePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { getCountries, getAllBusinessAreas, getRegional } from \"../../services/SystemSVC\";\r\nimport { getPressItems, getPressItemsFiltered } from \"../../services/PressSVC\";\r\nimport { users } from \"../../services/UsersSVC\";\r\nimport '../releases/releases.css';\r\nimport { useModal } from \"../../hooks/Modal\";\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\n\r\nexport const PositionPaperList = (props) => {\r\n\r\n const { t } = useTranslation();\r\n const { refPositionPaper, gridInstance } = props;\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [isVisible, setIsVisible] = React.useState(true);\r\n const [loading, setLoading] = React.useState(true);\r\n const [fillUsersData, setFillUsersData] = React.useState([]);\r\n const [fillBusinessAreaData, setFillBusinessAreaData] = React.useState([]);\r\n const [fillCountriesData, setFillCountriesData] = React.useState([]);\r\n const [fillRegionalData, setFillRegionalData] = React.useState([]);\r\n const [positionPaperItems, setPositionPaperItems] = React.useState(null);\r\n const [allPositionPaper, setAllPositionPaper] = React.useState(null);\r\n const [filteredPositionPaperItems, setFilteredPositionPaperItems] = React.useState({ idTipo: 3, idPais: 6 });\r\n const ddlRegionalRef = React.useRef();\r\n const { buildDialogMessage } = useModal();\r\n\r\n React.useEffect(() => {\r\n if (loading) {\r\n createSpinner({ target: document.getElementById('loadPositionPaper') });\r\n showSpinner(document.getElementById('loadPositionPaper'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loading]);\r\n\r\n React.useEffect(() => {\r\n setLoading(true);\r\n async function load() {\r\n let _users = await users(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _businessAreas = await getAllBusinessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _countries = await getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n let _regional = await getRegional(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n const filterQstring = globalState.regional ? `?$filter=idRegional eq ${globalState.regional.id}` : \"\";\r\n let _pressItems = await getPressItems(globalState.accessToken, 3, filterQstring)\r\n .then(response => { if (response.ok) { return response.json() } });\r\n\r\n if (_pressItems) {\r\n _pressItems = _pressItems.filter(item => {\r\n item.bloqueado = item.bloqueado ? i18n.language ===\"pt\" ? \"Bloqueado\" : \"Blocked\" : i18n.language ===\"pt\" ? \"Terminado\" : \"Finished\";\r\n return item;\r\n });\r\n setPositionPaperItems(_pressItems);\r\n setAllPositionPaper(_pressItems);\r\n }\r\n\r\n let oldUsers = _pressItems?.map(item => {\r\n return { nome: item.autores }\r\n });\r\n\r\n const set = new Set();\r\n const newUsers = oldUsers.filter(item => {\r\n const duplicate = set.has(item?.nome);\r\n set.add(item?.nome);\r\n\r\n return !duplicate;\r\n })\r\n\r\n const newBusinessAreas = [..._businessAreas, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n const countries = [..._countries, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n const newRegional = [..._regional, { id: - 1, nomeEn: \"All\", nomePt: \"Todos\" }]\r\n\r\n setFillUsersData(newUsers);\r\n setFillBusinessAreaData(newBusinessAreas);\r\n setFillCountriesData(countries);\r\n setFillRegionalData(newRegional);\r\n\r\n hideSpinner(document.getElementById('loadPositionPaper'));\r\n setLoading(false);\r\n }\r\n load();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(()=>{\r\n if(fillRegionalData.length && !loading){\r\n if(globalState.regional)\r\n ddlRegionalRef.current.value = globalState.regional.id;\r\n else\r\n setIsVisible(false);\r\n }\r\n },[fillRegionalData, loading]);\r\n\r\n const statusPositionPaper = [{\r\n text: i18n.language ==='pt' ? 'Bloqueado' : 'Blocked',\r\n value: true\r\n }, {\r\n text: i18n.language ==='pt' ? 'Terminado' : 'Finished',\r\n value: false\r\n }, {\r\n text: i18n.language ==='pt' ? 'Todos' : 'All',\r\n value: null\r\n }\r\n ]\r\n\r\n const filteredPositionPaper = async () => {\r\n if (filteredPositionPaperItems) {\r\n let _filteredPositionPaper = await getPressItemsFiltered(globalState.accessToken, filteredPositionPaperItems, 3)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n\r\n _filteredPositionPaper = _filteredPositionPaper.filter(item => {\r\n item.bloqueado = item.bloqueado ? i18n.language ===\"pt\" ? \"Bloqueado\" : \"Blocked\" : i18n.language ===\"pt\" ? \"Terminado\" : \"Finished\";\r\n return item;\r\n });\r\n\r\n setPositionPaperItems(_filteredPositionPaper);\r\n\r\n setIsVisible(false);\r\n } else {\r\n setPositionPaperItems(allPositionPaper);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n let positionPaperDate = (args) => {\r\n const datePositionPaper = new Date(args.data);\r\n return (\r\n {datePositionPaper.toLocaleDateString(i18n.language)}\r\n )\r\n }\r\n\r\n let positionPaperTitle = (args) => {\r\n return (\r\n props.edit(args)}>{args.titulo}\r\n );\r\n }\r\n\r\n let positionPaperStatus = (args) => {\r\n if (args.bloqueado === 'Bloqueado') {\r\n return ({i18n.language ==='pt' ? 'Bloqueado' : 'Blocked'})\r\n } else {\r\n return ({i18n.language ==='pt' ? 'Terminado' : 'Finished'})\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {loading ? :\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t('PositionPaper:search_text')}
\r\n\r\n
\r\n \r\n setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n conteudo: e.value\r\n })\r\n )}\r\n />\r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('PositionPaper:filters')}\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('PositionPaper:filters')}\r\n \r\n
\r\n }\r\n \r\n filterPositionPaper()}\r\n onClick={() => filteredPositionPaper()}\r\n >\r\n {t('PositionPaper:search')}\r\n \r\n
\r\n \r\n setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n dataInicio: e.value && e.value[0].toISOString().split('.')[0],\r\n dataFim: e.value && e.value[1].toISOString().split('.')[0]\r\n })\r\n )}\r\n />\r\n setFilterPositionPaperAuthor(e.value)}\r\n change={(e) => setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n autor: e.value\r\n })\r\n )}\r\n />\r\n setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n idAreaNegocio: e.value\r\n })\r\n )}\r\n\r\n />\r\n setFilterPositionPaperCountry(e.value)}\r\n value={filteredPositionPaperItems ? filteredPositionPaperItems.idPais : ''}\r\n change={(e) => setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n idPais: e.value\r\n })\r\n )}\r\n />\r\n ddlRegionalRef.current = ddlComponent}\r\n cssClass=\"e-filled\"\r\n placeholder={t('PositionPaper:regional')}\r\n showClearButton\r\n dataSource={fillRegionalData}\r\n fields={{ text: (i18n.language ===\"pt\") ? 'nomePt' : 'nomeEn', value: 'id' }}\r\n value={filteredPositionPaperItems ? filteredPositionPaperItems.idRegional : globalState.regional? globalState.regional.id : ''}\r\n locale={i18n.language}\r\n change={(e) => setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n idRegional: e.value\r\n })\r\n )}\r\n />\r\n setFilteredPositionPaperItems(\r\n filteredPositionPaperItems => ({\r\n ...filteredPositionPaperItems,\r\n bloqueado: e.value\r\n })\r\n )}\r\n />\r\n
\r\n }\r\n \r\n refPositionPaper(grid)}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n \r\n \r\n filterTemplate(i18n.language ===\"pt\" ? item.nomePaisPT : item.nomePaisEN)}\r\n width='350'>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { DialogComponent } from \"@syncfusion/ej2-react-popups\";\r\nimport { Actions } from \"../../utilities/Actions\";\r\nimport { MailingStatus } from \"../../releases/MailingStatus\";\r\nimport { Export } from \"../../utilities/Export\";\r\nimport { ChangeHistory } from \"../../releases/ChangeHistory\";\r\nimport { SendItem } from \"../../mailing/SendItem\"\r\nimport { PressForm } from \"../../Shared/PressForm\";\r\nimport { ReleaseStateContext } from \"../../releases/ReleaseState\";\r\nimport { getPressItem, updatePressItem, addPressItem, deletePressItem, duplicatePressItem, getMailingShippingStatusItems, duplicateForwardPressItem } from \"../../../services/PressSVC\";\r\nimport { getRegional } from \"../../../services/SystemSVC\";\r\nimport { storageAccUrl } from \"../../utilities/Constants\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\nimport { hasPermissions } from \"../../utilities/Utils\";\r\nimport { getAndMountSignature } from \"../../../services/SignatureSVC\";\r\n\r\nexport const PositionPaperItem = (props) => {\r\n\r\n let itemId = props.match.params.id;\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { releaseState, setReleaseState, showSendContent, setShowSendContent, redirectId, setRedirectId } = React.useContext(ReleaseStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [showDialog, setShowDialog] = React.useState(false);\r\n const [dialogDelete, setDialogDelete] = React.useState(false);\r\n const [regionalId, setRegionalId] = React.useState(null);\r\n const [openModalRegional, setOpenModalRegional] = React.useState(false);\r\n const [regionalList, setRegionalList] = React.useState([]);\r\n const [fwdConfirmationModal, setFwdConfirmationModal] = React.useState(false);\r\n const [disabledBtn, setDisabledBtn] = React.useState(false);\r\n\r\n const modalRef = React.useRef();\r\n\r\n const handleRef = (ref) => {\r\n if (modalRef?.current?.contains(ref?.target)) {\r\n return;\r\n }\r\n setOpenModalRegional(false);\r\n }\r\n\r\n React.useEffect(() => {\r\n if (redirectId) window.location.reload();\r\n }, [redirectId]);\r\n\r\n let _controls = React.useRef({\r\n area: \"Posicionamentos\",\r\n class: \"PositionPaper\",\r\n savePrimary: !!itemId,\r\n customPermissions: !itemId,\r\n excludePrimary: true,\r\n urlView: () => setShowDialog(true),\r\n urlPreview: false,\r\n urlDuplicate: itemId ? () => duplicatePositionPaper() : false,\r\n urlForward: itemId ? () => setOpenModalRegional(true) : false,\r\n urlSave: undefined,\r\n form: \"formReleaseItem\",\r\n urlSend: itemId ? () => setShowSendContent(true) : false,\r\n urlCancel: () => {\r\n setReleaseState({\r\n releaseItem: null,\r\n urlItemId: null,\r\n changeInfo: null\r\n });\r\n setRedirect(true);\r\n },\r\n urlDelete: itemId ? () => setDialogDelete(true) : false\r\n });\r\n\r\n const initialValue = {\r\n id: null,\r\n titulo: \"\",\r\n subtitulo: \"\",\r\n autores: \"\",\r\n idAreaNegocio: 0,\r\n idPais: 0,\r\n idRegional: \"\",\r\n data: new Date(),\r\n aprovadoPor: \"\",\r\n conteudo: null,\r\n bloqueado: false,\r\n language: 1,\r\n historico: []\r\n };\r\n\r\n React.useEffect(() => {\r\n if (itemId) {\r\n async function load() {\r\n let _releaseItem = await getPressItem(globalState.accessToken, itemId, 3)\r\n .then(response => {\r\n if (response.ok)\r\n return response.json()\r\n });\r\n\r\n let mailingSent = await getMailingShippingStatusItems(globalState.accessToken, itemId).then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n });\r\n // _controls.current.customPermissions = itemId ? mailingSent.length === 0 && hasPermissions(4, \"Edit\", globalState) : hasPermissions(4, \"Create\", globalState);\r\n _controls.current.customPermissions = itemId ? hasPermissions(4, \"Edit\", globalState) : hasPermissions(4, \"Create\", globalState)\r\n\r\n setReleaseState(releaseState => ({\r\n ...releaseState,\r\n releaseItem: _releaseItem,\r\n urlItemId: itemId,\r\n mailingStatus: mailingSent\r\n }));\r\n }\r\n load();\r\n }\r\n else {\r\n\r\n setReleaseState({\r\n releaseItem: initialValue,\r\n urlItemId: null,\r\n changeInfo: null,\r\n mailingStatus: []\r\n });\r\n }\r\n }, [itemId]);\r\n\r\n React.useEffect(() => {\r\n const getRegionalList = async () => {\r\n\r\n let _regional = await getRegional(globalState.accessToken).then(\r\n (response) => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n }\r\n );\r\n setRegionalList(_regional);\r\n }\r\n getRegionalList();\r\n\r\n const getRef = () => {\r\n document.addEventListener(\"mousedown\", handleRef);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleRef);\r\n };\r\n };\r\n getRef();\r\n }, []);\r\n\r\n const _export = {\r\n pdf: true,\r\n doc: true,\r\n excel: \"\"\r\n }\r\n\r\n let duplicatePositionPaper = () => {\r\n duplicatePressItem(globalState.accessToken, itemId, 3)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .then(result => {\r\n setRedirect(true);\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n\r\n const handleDuplicateRegional = () => {\r\n duplicateRegionalRelease()\r\n }\r\n\r\n let duplicateRegionalRelease = async () => {\r\n\r\n\t\t\tconst lang = releaseState.releaseItem.idIdioma ? releaseState.releaseItem.idIdioma === 1 ? 'pt' : 'en' : i18n.language;\r\n\t\t\tconst {newSig, newSigContent} = await getAndMountSignature(globalState, regionalId, lang);\r\n\t\t\tconst conteudo = releaseState.releaseItem.conteudo.replace(/\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {itemId ? t('PositionPaperItem:edit_title') : t('PositionPaperItem:create_title')}
\r\n\r\n {releaseState.releaseItem && releaseState.releaseItem.id &&\r\n
\r\n \r\n {releaseState.releaseItem &&\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {regionalList.map((regional, index) => (\r\n
\r\n {\r\n setRegionalId(regional.id);\r\n }}\r\n >\r\n
\r\n ))}\r\n {i18n.language ===\"pt\" ? regional.nomePt : regional.nomeEn}
\r\n\r\n
\r\n {\r\n setRegionalId(null);\r\n setOpenModalRegional(false);\r\n }}>{t('Actions:cancel')}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n","import { requestAPI } from '../components/utilities/Utils';\r\n\r\nexport class LiaisonReportFilter {\r\n constructor(vehicle, responsibles, businessArea, startPeriod, endPeriod, status, country, regional) {\r\n this.vehicle = vehicle;\r\n this.responsibles = responsibles;\r\n this.businessArea = businessArea;\r\n this.startPeriod = startPeriod;\r\n this.endPeriod = endPeriod;\r\n this.status = status;\r\n this.country = country;\r\n this.regional = regional;\r\n }\r\n}\r\n\r\nexport class LiaisonTO {\r\n constructor(id,\r\n jornalista,\r\n idTipoMidia,\r\n nomeVeiculo,\r\n email,\r\n telefone,\r\n mailingContato,\r\n idStatus,\r\n dataConclusao,\r\n descricao,\r\n tipoAcao,\r\n idAreaNegocio,\r\n responsaveis,\r\n idPais,\r\n idRegional,\r\n dataRecebimento,\r\n deadLine,\r\n anexos,\r\n inserirMailing,\r\n autorRegistro,\r\n historico) {\r\n this.id = id ? id : null;\r\n this.jornalista = jornalista ? jornalista : null;\r\n this.idTipoMidia = idTipoMidia ? idTipoMidia : null;\r\n this.nomeVeiculo = nomeVeiculo ? nomeVeiculo : null;\r\n this.email = email ? email : null;\r\n this.telefone = telefone ? telefone : null;\r\n this.mailingContato = mailingContato ? mailingContato : null;\r\n this.idStatus = idStatus ? idStatus : null;\r\n this.dataConclusao = dataConclusao ? dataConclusao : null;\r\n this.descricao = descricao ? descricao : null;\r\n this.tipoAcao = tipoAcao ? tipoAcao : null;\r\n this.idAreaNegocio = idAreaNegocio ? idAreaNegocio : null;\r\n this.responsaveis = responsaveis ? responsaveis : null;\r\n this.idPais = idPais ? idPais : null;\r\n this.idRegional = idRegional ? idRegional : null;\r\n this.dataRecebimento = dataRecebimento ? dataRecebimento : null;\r\n this.deadLine = deadLine ? deadLine : null;\r\n this.anexos = anexos ? anexos : null;\r\n this.inserirMailing = inserirMailing ? inserirMailing : null;\r\n this.autorRegistro = autorRegistro ? autorRegistro : null;\r\n this.historico = historico ? historico : null;\r\n }\r\n}\r\n\r\nexport class MailingContactTO {\r\n constructor(id, jornalista, idtipoMidia, nomeVeiculo, email, telefone, idpais, idestado, idcidade, editoria, cargo, endereco, grupos) {\r\n this.id = id ? id : null;\r\n this.jornalista = jornalista ? jornalista : null;\r\n this.idtipoMidia = idtipoMidia ? idtipoMidia : null;\r\n this.nomeVeiculo = nomeVeiculo ? nomeVeiculo : null;\r\n this.email = email ? email : null;\r\n this.telefone = telefone ? telefone : null;\r\n this.idpais = idpais ? idpais : null;\r\n this.idestado = idestado ? idestado : null;\r\n this.idcidade = idcidade ? idcidade : null;\r\n this.editoria = editoria ? editoria : null;\r\n this.cargo = cargo ? cargo : null;\r\n this.endereco = endereco ? endereco : null;\r\n this.grupos = grupos ? grupos : null;\r\n }\r\n}\r\n\r\nexport class LiaisonAttachment {\r\n constructor(id, contentType, fileName, fileB64, fileExtension, fileLength, status) {\r\n this.id = id ? id : null;\r\n this.contentType = contentType ? contentType : null;\r\n this.fileName = fileName ? fileName : null;\r\n this.fileB64 = fileB64 ? fileB64 : null;\r\n this.fileExtension = fileExtension ? fileExtension : null;\r\n this.fileLength = fileLength ? fileLength : null;\r\n this.status = status ? status : 3;\r\n }\r\n}\r\n\r\nexport class LiaisonHistory {\r\n constructor(liaisonId, userName, actionType, date) {\r\n this.liaisonId = liaisonId ? liaisonId : null;\r\n this.userName = userName ? userName : null;\r\n this.actionType = actionType ? actionType : null;\r\n this.date = date ? date : null;\r\n }\r\n}\r\n\r\nexport async function getLiaisonReportItems(token, filters) {\r\n let fullFilterArray = [];\r\n let fullFilter = '';\r\n\r\n if(filters.vehicle) fullFilterArray.push(`contains(nomeVeiculo,'${filters.vehicle.trim()}')`);\r\n if(filters.responsibles) fullFilterArray.push(`contains(responsaveis,'${filters.responsibles.trim()}')`);\r\n if(filters.businessArea) fullFilterArray.push(`AreaNegocio/Id eq ${filters.businessArea}`);\r\n if(filters.startPeriod) {\r\n let startDay = (\"0\" + filters.startPeriod.getDate()).slice(-2);\r\n let startMonth = (\"0\" + (filters.startPeriod.getMonth() + 1)).slice(-2);\r\n let startPeriodDtStr = `${filters.startPeriod.getFullYear()}-${startMonth}-${startDay}T00:00:00.000Z`;\r\n fullFilterArray.push(`dataRecebimento gt ${startPeriodDtStr}`);\r\n }\r\n if(filters.endPeriod) {\r\n let endDay = (\"0\" + filters.endPeriod.getDate()).slice(-2);\r\n let endMonth = (\"0\" + (filters.endPeriod.getMonth() + 1)).slice(-2);\r\n let endPeriodDtStr = `${filters.endPeriod.getFullYear()}-${endMonth}-${endDay}T23:59:59.999Z`;\r\n fullFilterArray.push(`dataRecebimento lt ${endPeriodDtStr}`);\r\n }\r\n if(filters.status) fullFilterArray.push(`idStatus eq ${filters.status}`);\r\n if(filters.country) fullFilterArray.push(`idPais eq ${filters.country}`);\r\n if(filters.regional) fullFilterArray.push(`idRegional eq ${filters.regional}`);\r\n\r\n if(fullFilterArray.length > 0) {\r\n fullFilter = `filter(${fullFilterArray.join(' and ')})/`;\r\n }\r\n\r\n var withFilters = `?$apply=${fullFilter}groupby((AreaNegocio/Id,AreaNegocio/NomePt,AreaNegocio/NomeEn), aggregate($count as QuantidadeAtendimentos))`;\r\n\r\n return requestAPI(\"_api/Liaison/GetLiaisonItems\", \"GET\", withFilters, null, token, null);\r\n}\r\n\r\nexport async function exportLiaisonReport(token, body) {\r\n const raw = JSON.stringify(body);\r\n return requestAPI(\"_api/Liaison/ExportLiaisonReport\", \"POST\", '', raw, token, null);\r\n}\r\n\r\nexport async function getLiaisonItems(token) {\r\n const qString = \"?$orderby=id desc\"\r\n return requestAPI(\"_api/Liaison/GetLiaisonItems\", \"GET\", qString, null, token, null);\r\n}\r\n\r\nexport async function addLiaisonItem(token, body) {\r\n return requestAPI(\"_api/Liaison/AddLiaisonItem\", \"POST\", '', body, token, null);\r\n}\r\n\r\nexport async function updateLiaisonItem(token, body) {\r\n return requestAPI(\"_api/Liaison/UpdateLiaisonItem\", \"POST\", '', body, token, null);\r\n}\r\n\r\nexport async function duplicateLiaisonItem(token, body) {\r\n return requestAPI(\"_api/Liaison/DuplicateLiaisonItem\", \"POST\", '', body, token, null);\r\n}\r\n\r\nexport async function getLiaisonItem(token, IdLiaison) {\r\n return requestAPI(\"_api/Liaison/GetLiaisonItem\", \"GET\", `?IdLiaison=${IdLiaison}`, null, token, null);\r\n}\r\n\r\nexport async function downloadLiaisonAttachment(token, IdLiaison, fileName) {\r\n return requestAPI(\"_api/Liaison/DownloadLiaisonAttachment\", \"GET\", `?IdLiaison=${IdLiaison}&fileName=${fileName}`, null, token, null, true);\r\n}\r\n\r\nexport async function deleteLiaisonItem(token, IdLiaison) {\r\n return requestAPI(\"_api/Liaison/DeleteLiaisonItem\", \"POST\", `?IdLiaison=${IdLiaison}`, null, token, null);\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, ForeignKey, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit, ExcelExport } from '@syncfusion/ej2-react-grids';\r\nimport { DropDownListComponent, AutoCompleteComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { DatePickerComponent, DateRangePickerComponent } from \"@syncfusion/ej2-react-calendars\";\r\nimport { getCountries, getAllBusinessAreas, getRegional, getLiaisonStatus } from \"../../services/SystemSVC\";\r\nimport { getLiaisonItems } from \"../../services/LiaisonSVC\";\r\nimport '../releases/releases.css';\r\nimport { hasPermissions } from \"../utilities/Utils\";\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\nimport { useModal } from \"../../hooks/Modal\";\r\n\r\nexport const LiaisonList = (props) => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n const { refLiaison, gridInstance } = props;\r\n\r\n const [fillBusinessAreaDataPt, setFillBusinessAreaDataPt] = React.useState([]);\r\n const [fillCountryDataPt, setFillCountryDataPt] = React.useState([]);\r\n const [fillRegionalDataPt, setFillRegionalDataPt] = React.useState([]);\r\n const [fillStatusDataPt, setFillStatusDataPt] = React.useState([]);\r\n\r\n const [fillBusinessAreaDataEn, setFillBusinessAreaDataEn] = React.useState([]);\r\n const [fillCountryDataEn, setFillCountryDataEn] = React.useState([]);\r\n const [fillRegionalDataEn, setFillRegionalDataEn] = React.useState([]);\r\n const [fillStatusDataEn, setFillStatusDataEn] = React.useState([]);\r\n\r\n const [allLiaisonItems, setAllLiaisonItems] = React.useState([]);\r\n\r\n const [liaisonItemsPt, setLiaisonItemsPt] = React.useState([]);\r\n const [liaisonItemsEn, setLiaisonItemsEn] = React.useState([]);\r\n\r\n const [loadedCount, setLoadedCount] = React.useState(0);\r\n const [loaded, setLoaded] = React.useState(false);\r\n\r\n const [liaisonFilter, setLiaisonFilter] = React.useState(null);\r\n\r\n const [dateFilter, setDateFilter] = React.useState(null);\r\n const [responsibleFilter, setResponsibleFilter] = React.useState(null);\r\n const [businessAreaFilter, setBusinessAreaFilter] = React.useState(null);\r\n // const [jornalistaFilter, setJornalistaFilter] = React.useState(null);\r\n const [countryFilter, setCountryFilter] = React.useState(null);\r\n const [regionalFilter, setRegionalFilter] = React.useState(null);\r\n const [statusFilter, setStatusFilter] = React.useState(null);\r\n\r\n const { buildDialogMessage } = useModal();\r\n\r\n const initialLoad = () => {\r\n var promises = [];\r\n\r\n getAllBusinessAreas(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n let p = response.json();\r\n promises.push(p);\r\n p.then(data => configBusinessArea(data));\r\n }\r\n });\r\n getCountries(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n let p = response.json();\r\n promises.push(p);\r\n p.then(data => configCountries(data));\r\n }\r\n });\r\n getRegional(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n let p = response.json();\r\n promises.push(p);\r\n p.then(data => configRegionals(data));\r\n }\r\n });\r\n\r\n getLiaisonStatus(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n let p = response.json();\r\n promises.push(p);\r\n p.then(data => configStatus(data));\r\n }\r\n });\r\n }\r\n\r\n const configBusinessArea = (_businessAreas) => {\r\n setFillBusinessAreaDataPt(_businessAreas.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillBusinessAreaDataEn(_businessAreas.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configStatus = (_status) => {\r\n setFillStatusDataPt(_status.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillStatusDataEn(_status.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configCountries = (_contries) => {\r\n setFillCountryDataPt(_contries.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillCountryDataEn(_contries.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n const configRegionals = (_regionals) => {\r\n setFillRegionalDataPt(_regionals.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomePt\r\n };\r\n }));\r\n setFillRegionalDataEn(_regionals.map(x => {\r\n return {\r\n id: x.id,\r\n nome: x.nomeEn\r\n };\r\n }));\r\n setLoadedCount(loadedCount => loadedCount + 1);\r\n };\r\n\r\n let liaisonName = (args) => {\r\n return (\r\n props.edit(args)}>{args.jornalista}\r\n );\r\n }\r\n\r\n let formatDataRecebimento = (args) => {\r\n return dateFormat(args.dataRecebimento);\r\n };\r\n\r\n let formatDeadline = (args) => {\r\n return args.deadLine ? dateFormat(args.deadLine) : '';\r\n };\r\n\r\n let dateFormat = (date) => {\r\n return {new Date(date).toLocaleDateString(i18n.language)};\r\n };\r\n\r\n let liaisonStatus = (args) => {\r\n if (args.idStatus === 1) {\r\n return ({args.status})\r\n } else if (args.idStatus === 3 || args.idStatus === 4) {\r\n return ({args.status})\r\n } else {\r\n return ({args.status})\r\n }\r\n }\r\n\r\n const filterDate = (obj) => {\r\n setDateFilter(obj.value);\r\n let sDate = obj.startDate ? `${obj.startDate.toISOString().split('T')[0]}T00:00:00` : null;\r\n let eDate = obj.endDate ? `${obj.endDate.toISOString().split('T')[0]}T23:59:59` : null;\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n dataInicio: sDate,\r\n dataFim: eDate\r\n })\r\n );\r\n }\r\n\r\n // const filterJornalista = (obj) => {\r\n // setJornalistaFilter(jornalistaFilter => obj.value);\r\n // setLiaisonFilter(\r\n // liaisonFilter => ({\r\n // ...liaisonFilter,\r\n // responsaveis: obj.value\r\n // })\r\n // );\r\n // }\r\n\r\n\r\n const filterResponsible = (obj) => {\r\n setResponsibleFilter(responsibleFilter => obj.value);\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n responsaveis: obj.value\r\n })\r\n );\r\n }\r\n\r\n const filterBusinessArea = (obj) => {\r\n setBusinessAreaFilter(businessAreaFilter => obj.value);\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n areaNegocio: obj.value\r\n })\r\n );\r\n }\r\n\r\n const filterCountry = (obj) => {\r\n setCountryFilter(countryFilter => obj.value);\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n pais: obj.value\r\n })\r\n );\r\n }\r\n\r\n const filterRegional = (obj) => {\r\n setRegionalFilter(regionalFilter => obj.value);\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n regional: obj.value\r\n })\r\n );\r\n }\r\n\r\n const filterStatus = (obj) => {\r\n setStatusFilter(statusFilter => obj.value);\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n status: obj.value\r\n })\r\n );\r\n }\r\n\r\n const filterVehicle = (obj) => {\r\n setLiaisonFilter(\r\n liaisonFilter => ({\r\n ...liaisonFilter,\r\n veiculo: obj.value\r\n })\r\n );\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n const filteredLiaisons = () => {\r\n if (liaisonFilter) {\r\n let filteredItems = null;\r\n\r\n // if(liaisonFilter.jornalista) {\r\n // let items = filteredItems ? filteredItems : allLiaisonItems;\r\n // let id = parseInt(liaisonFilter.jornalista);\r\n // filteredItems = items.filter(x => {\r\n // return x.jornalista.id === id;\r\n // });\r\n // }\r\n\r\n if (liaisonFilter.veiculo) {\r\n let decomposedText = liaisonFilter.veiculo.trim().normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n filteredItems = allLiaisonItems.filter(x => {\r\n return x.nomeVeiculo.trim().normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').includes(decomposedText);\r\n });\r\n }\r\n\r\n if (liaisonFilter.dataInicio) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let sDate = new Date(liaisonFilter.dataInicio.trim());\r\n filteredItems = items.filter(x => {\r\n return sDate.getTime() <= new Date(x.dataRecebimento).getTime();\r\n });\r\n }\r\n\r\n if (liaisonFilter.dataFim) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let eDate = new Date(liaisonFilter.dataFim.trim());\r\n filteredItems = items.filter(x => {\r\n return eDate.getTime() >= new Date(x.dataRecebimento).getTime();\r\n });\r\n }\r\n\r\n if (liaisonFilter.responsaveis) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let decomposedText = liaisonFilter.responsaveis.trim().normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n filteredItems = items.filter(x => {\r\n return x.responsaveis && x.responsaveis.trim().normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').includes(decomposedText);\r\n });\r\n }\r\n\r\n if (liaisonFilter.areaNegocio) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let id = parseInt(liaisonFilter.areaNegocio);\r\n filteredItems = items.filter(x => {\r\n return x.areaNegocio.id === id;\r\n });\r\n }\r\n\r\n if (liaisonFilter.pais) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let id = parseInt(liaisonFilter.pais);\r\n filteredItems = items.filter(x => {\r\n return x.idPais === id;\r\n });\r\n }\r\n\r\n if (liaisonFilter.regional) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let id = parseInt(liaisonFilter.regional);\r\n filteredItems = items.filter(x => {\r\n return x.idRegional === id;\r\n });\r\n }\r\n\r\n if (liaisonFilter.status) {\r\n let items = filteredItems ? filteredItems : allLiaisonItems;\r\n let id = parseInt(liaisonFilter.status);\r\n filteredItems = items.filter(x => {\r\n return x.idStatus === id;\r\n });\r\n }\r\n\r\n if (filteredItems) {\r\n splitDataSource(filteredItems);\r\n } else {\r\n splitDataSource(allLiaisonItems);\r\n }\r\n\r\n setIsVisible(false);\r\n } else {\r\n splitDataSource(allLiaisonItems);\r\n }\r\n }\r\n\r\n const splitDataSource = (data) => {\r\n let resultReduce = data.reduce((output, item, idx) => {\r\n output[0].push({ ...item });\r\n let itemPt = output[0][idx];\r\n\r\n let statusPt = fillStatusDataPt.find(st => st.id === itemPt.idStatus);\r\n if (statusPt) itemPt.status = statusPt.nome;\r\n\r\n itemPt.businessArea = itemPt.areaNegocio.nomePt;\r\n\r\n let countryPt = fillCountryDataPt.find(ct => ct.id === itemPt.idPais);\r\n if (countryPt) itemPt.country = countryPt.nome;\r\n\r\n let regionalPt = fillRegionalDataPt.find(rg => rg.id === itemPt.idRegional);\r\n if (regionalPt) itemPt.regional = regionalPt.nome;\r\n\r\n output[1].push({ ...item });\r\n let itemEn = output[1][idx];\r\n\r\n let statusEn = fillStatusDataEn.find(st => st.id === itemEn.idStatus);\r\n if (statusEn) itemEn.status = statusEn.nome;\r\n\r\n itemEn.businessArea = itemEn.areaNegocio.nomeEn;\r\n\r\n let countryEn = fillCountryDataEn.find(ct => ct.id === itemEn.idPais);\r\n if (countryEn) itemEn.country = countryEn.nome;\r\n\r\n let regionalEn = fillRegionalDataEn.find(rg => rg.id === itemEn.idRegional);\r\n if (regionalEn) itemEn.regional = regionalEn.nome;\r\n return output;\r\n }, [[], []]);\r\n\r\n setLiaisonItemsPt(liaisonItemsPt => resultReduce[0]);\r\n setLiaisonItemsEn(liaisonItemsEn => resultReduce[1]);\r\n }\r\n\r\n React.useEffect(() => {\r\n if (refLiaison && refLiaison.element) {\r\n refLiaison.showSpinner();\r\n initialLoad();\r\n }\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n initialLoad();\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (loadedCount === 4) setLoaded(true);\r\n }, [loadedCount]);\r\n\r\n React.useEffect(() => {\r\n if (loaded) {\r\n getLiaisonItems(globalState.accessToken)\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n setAllLiaisonItems(data);\r\n splitDataSource(data);\r\n });\r\n }\r\n });\r\n }\r\n }, [loaded]);\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 {isVisible &&\r\n \r\n \r\n
\r\n {t('Liaison:search_text')}
\r\n\r\n
\r\n \r\n filterVehicle(e)}\r\n />\r\n
\r\n \r\n {/* {!isVisible && */}\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Liaison:filters')}\r\n \r\n
\r\n {/* }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Liaison:filters')}\r\n \r\n
\r\n } */}\r\n \r\n \r\n {t('Liaison:search')}\r\n \r\n
\r\n \r\n filterResponsible(e)}\r\n value={responsibleFilter}\r\n />\r\n filterBusinessArea(e)}\r\n value={businessAreaFilter}\r\n />\r\n filterCountry(e)}\r\n value={countryFilter}\r\n />\r\n filterRegional(e)}\r\n value={regionalFilter}\r\n />\r\n filterStatus(e)}\r\n value={statusFilter}\r\n />\r\n
\r\n }\r\n \r\n refLiaison(grid)}\r\n pageSettings={{ pageSize: 20 }}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../utilities/Buttons\";\r\nimport { ReleasesList } from \"../releases/ReleasesList\";\r\nimport { LiaisonList } from \"./LiaisonList\";\r\nimport PermissionRedirect from \"../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\nexport const Liaison = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [idLiaison, setIdLiaison] = React.useState(null);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 7).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: () => exportLiaison(),\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n const editLiaison = (info) => {\r\n setIdLiaison(info.id);\r\n setRedirect(true);\r\n }\r\n\r\n const exportLiaison = () => {\r\n if (gridInstance) {\r\n let lang = i18n.language;\r\n let gridInstanceExport = gridInstance;\r\n gridInstanceExport.dataSource.map(function (x) {\r\n x.dataRecebimento = new Date(x.dataRecebimento).toLocaleDateString(lang);\r\n if (x.deadLine) x.deadLine = new Date(x.deadLine).toLocaleDateString(lang);\r\n return x;\r\n });\r\n console.log('gridInstanceExport', gridInstanceExport);\r\n gridInstanceExport.excelExport();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Liaison:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setItemSelected(e.id)} className=\"jornalistaTemplate\"> {e.jornalista} \r\n
\r\n )\r\n }\r\n\r\n const emailTemplate = (e) => {\r\n return (\r\n \r\n {e.email.length > 0 && e.email.map((email, index) => (\r\n {email.email} \r\n ))}\r\n
\r\n )\r\n }\r\n\r\n const phoneTemplate = (e) => {\r\n return (\r\n \r\n {e.telefone.length > 0 && e.telefone.map((phone, index) => {\r\n const currentCountry = countriesJSON.find(country => country.nameEn === phone.country);\r\n return (\r\n setItemSelected(e.id)} className=\"phoneTemplate\"> {currentCountry && currentCountry.dialCode + phone.telefone} \r\n )\r\n }\r\n )}\r\n
\r\n )\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n return (\r\n itemSelected ? \r\n
\r\n \r\n
\r\n {isVisible &&\r\n \r\n \r\n
\r\n {t('Contacts:search_text')}
\r\n\r\n
\r\n \r\n textBoxSearch = textBox}\r\n className=\"e-input\"\r\n change={inputChange}\r\n />\r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Contacts:filters')}\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Contacts:filters')}\r\n \r\n
\r\n }\r\n \r\n \r\n\r\n {t('Contacts:search')}\r\n\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n {contactListItems &&\r\n gridInstance = grid}\r\n dataSource={contactListItems}\r\n filterSettings={{ type: 'Menu' }}\r\n allowFiltering={false}\r\n allowPaging={true}\r\n allowSorting={true}\r\n allowExcelExport={true}\r\n allowResizing={true}\r\n locale={i18n.language}>\r\n \r\n \r\n \r\n emailTemplate(e)}\r\n width='100'>\r\n \r\n \r\n \r\n \r\n \r\n phoneTemplate(e)}\r\n width='100'>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { MailingContactsContext } from \"./MailingContactsContext\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { SidebarComponent } from '@syncfusion/ej2-react-navigations';\r\nimport { UploaderComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Sort, ContextMenu, Page, Resize, Inject } from \"@syncfusion/ej2-react-grids\";\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { ContactsList } from \"./ContactsList\";\r\nimport { getImportMailingContactsTemplate, importMailingContacts, getMailingContactItems } from \"../../../services/MailingSVC\";\r\nimport { getPressMediaTypes, getCountries, getStates, getCities } from \"../../../services/SystemSVC\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport '../../mailing/mailing.css'\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nconst uploadIcon = '';\r\nlet gridFeedbackRef;\r\n\r\nlet userPermission;\r\n\r\nexport const Contacts = (props) => {\r\n let sidebarRef;\r\n let uploaderContactsRef;\r\n let buttonImportRef;\r\n\r\n const { t } = useTranslation();\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const mailingState = React.useContext(MailingContactsContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n const [importResults, setImportResults] = React.useState([]);\r\n const [buttonDisabled, setButtonDisabled] = React.useState(true);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 10).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: \"\",\r\n import: () => sidebarRef.toggle(),\r\n new: () => {\r\n mailingState.setItem(null);\r\n setRedirect(true);\r\n },\r\n back: \"\",\r\n };\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n React.useEffect(() => {\r\n let loadingEl = document.getElementById('loading');\r\n if (loadingEl)\r\n createSpinner({ target: loadingEl });\r\n\r\n getPressMediaTypes(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(mailingState.setMediaTypes);\r\n });\r\n getCountries(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(mailingState.setCountries);\r\n });\r\n getStates(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(mailingState.setStates);\r\n });\r\n getCities(globalState.accessToken).then(response => {\r\n if (response.ok)\r\n response.json().then(mailingState.setCities);\r\n });\r\n\r\n\r\n if (gridFeedbackRef) {\r\n const connection = new signalR.HubConnectionBuilder()\r\n .withUrl(`${process.env.REACT_APP_AZFUNCTION_URL}/api/ImportMailingContacts`)\r\n .configureLogging(signalR.LogLevel.Information)\r\n .withAutomaticReconnect()\r\n .build();\r\n\r\n connection.on('importMailingContacts', importFeedbackReceiver);\r\n connection.onclose(() => console.log('disconnected'));\r\n connection.start().then(() => console.log('connected')).catch(console.error);\r\n }\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (mailingState.mediaTypes) {\r\n if (mailingState.gridContactsList && mailingState.gridContactsList.element)\r\n mailingState.gridContactsList.showSpinner();\r\n loadContactsItems();\r\n }\r\n }, [mailingState.mediaTypes]);\r\n\r\n const loadContactsItems = () => {\r\n // const qString = \"?$select=id,jornalista,idTipoMidia,nomeVeiculo,email,telefone,idpais,idestado,idcidade,importado\";\r\n const qString = \"?$orderby=jornalista%20asc\"\r\n getMailingContactItems(globalState.accessToken, qString).then(response => {\r\n if (response.ok)\r\n response.json().then(result => {\r\n result.map(item => {\r\n const mediaType = mailingState.mediaTypes.find(mt => mt.id === item.idtipoMidia);\r\n if (mediaType) {\r\n item.tipoMidiaPt = mediaType.nomePt;\r\n item.tipoMidiaEn = mediaType.nomeEn;\r\n }\r\n item.importadoPt = item.importado ? \"Sim\" : \"Não\";\r\n item.importadoEn = item.importado ? \"Yes\" : \"No\";\r\n });\r\n mailingState.setContactListItems(result);\r\n });\r\n });\r\n }\r\n\r\n const importFeedbackReceiver = feedbackItem => {\r\n if (feedbackItem.IsError)\r\n setImportResults(importResults => ([...importResults, feedbackItem]));\r\n else {\r\n if (feedbackItem.Progress === 100) {\r\n document.getElementById(\"btnImportContact\").style.display = \"inline-block\";\r\n hideSpinner(document.getElementById('loading'));\r\n document.getElementById('percentage').innerHTML = \"\";\r\n loadContactsItems();\r\n }\r\n else {\r\n document.getElementById(\"btnImportContact\").style.display = \"none\";\r\n showSpinner(document.getElementById('loading'));\r\n document.getElementById('percentage').innerHTML = feedbackItem.Progress + \"%\";\r\n }\r\n }\r\n }\r\n\r\n const uploadTemplate = () => {\r\n document.getElementsByClassName(\"e-file-select-wrap\")[0].querySelector(\"button\").click();\r\n return false;\r\n }\r\n\r\n const onFileUploadSucceeded = (e) => {\r\n setButtonDisabled(e.operation ===\"remove\");\r\n }\r\n\r\n const onFileRemove = () => {\r\n setButtonDisabled(true);\r\n };\r\n\r\n const sidebarCreated = () => {\r\n sidebarRef.element.style.visibility = '';\r\n }\r\n\r\n const downloadTemplate = () => {\r\n getImportMailingContactsTemplate(globalState.tokenLightWeight)\r\n .then(response => response.blob()).then(blob => {\r\n var url = window.URL.createObjectURL(blob);\r\n var a = document.createElement('a');\r\n a.href = url;\r\n a.download = \"template.xlsx\";\r\n document.body.appendChild(a);\r\n a.click();\r\n a.remove();\r\n });\r\n }\r\n\r\n const importContacts = () => {\r\n gridFeedbackRef.dataSource = [];\r\n if (uploaderContactsRef.filesData.length)\r\n importMailingContacts(globalState.accessToken, uploaderContactsRef.filesData[0].rawFile)\r\n .then().catch(console.error);\r\n }\r\n\r\n\r\n React.useEffect(() => {\r\n if (gridFeedbackRef)\r\n gridFeedbackRef.refresh();\r\n }, [i18n.language]);\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Contacts:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n uploaderContactsRef = uploader}\r\n allowedExtensions=\".xls, .xlsx\"\r\n dropArea={document.getElementById(\"dropArea\")}\r\n locale={i18n.language}\r\n multiple={false}\r\n removing={onFileRemove}\r\n selected={onFileUploadSucceeded}\r\n >\r\n \r\n gridFeedbackRef = gridComponent}\r\n contextMenuItems={contextMenuItems}\r\n dataSource={importResults}\r\n filterSettings={{ type: 'Menu' }}\r\n allowPaging={true}\r\n allowSorting={true}\r\n locale={i18n.language}\r\n allowFiltering={true}\r\n allowResizing={true}\r\n pageSettings={{ pageSize: 10 }}\r\n // queryCellInfo={renderCellGroup}\r\n // rowSelected={onGridRowSelected}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n }\r\n \r\n )\r\n}","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { MailingContactsContext } from \"./MailingContactsContext\";\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, ForeignKey, Filter, Inject, VirtualScroll, Sort, ContextMenu, Page, Resize, Edit, ExcelExport } from '@syncfusion/ej2-react-grids';\r\nimport { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';\r\nimport { TextBoxComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { createSpinner, hideSpinner, setSpinner, showSpinner } from '@syncfusion/ej2-react-popups';\r\nimport { hasPermissions } from \"../../utilities/Utils\";\r\nimport { useModal } from \"../../../hooks/Modal\";\r\n\r\nlet gridInstance;\r\nexport const ContactsList = (props) => {\r\n\r\n let textBoxSearch;\r\n const { gridRef } = props;\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const { setItem, contactListItems } = React.useContext(MailingContactsContext);\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n const [loading, setLoading] = React.useState(true);\r\n const [itemSelected, setItemSelected] = React.useState(null);\r\n const [filter, setFilter] = React.useState({});\r\n\r\n const { buildDialogMessage } = useModal();\r\n\r\n const { t } = useTranslation();\r\n\r\n React.useEffect(() => {\r\n setIsVisible(false);\r\n if (textBoxSearch)\r\n textBoxSearch.placeholder = t('Contacts:search_placeholder');\r\n }, [i18n.language]);\r\n\r\n React.useEffect(() => {\r\n if (loading) {\r\n createSpinner({ target: document.getElementById('loadContactsList') });\r\n showSpinner(document.getElementById('loadContactsList'));\r\n setSpinner({ type: 'Bootstrap' });\r\n }\r\n }, [loading]);\r\n\r\n React.useEffect(() => {\r\n const elemSpinner = document.getElementById('loadContactsList');\r\n if (contactListItems && elemSpinner) {\r\n hideSpinner(elemSpinner);\r\n setLoading(false);\r\n }\r\n }, [contactListItems]);\r\n\r\n const inputChange = e => {\r\n setFilter({ ...filter, [e.event.currentTarget.id]: e.value });\r\n }\r\n const dropdownlistChange = e => {\r\n setFilter({ ...filter, [e.element.id]: e.value });\r\n }\r\n\r\n const filterGrid = e => {\r\n setIsVisible(false);\r\n if (gridInstance) {\r\n let dataFiltered = [...contactListItems];\r\n const filterValue = filter.tbSearch.trim().toLowerCase();\r\n if (filterValue)\r\n dataFiltered = dataFiltered.filter(item => item.nome && item.nome.toLowerCase().includes(filterValue)\r\n || item.nomeVeiculo && item.nomeVeiculo.toLowerCase().includes(filterValue)\r\n );\r\n\r\n gridInstance.dataSource = dataFiltered;\r\n }\r\n }\r\n\r\n const nomeTemplate = (e) => {\r\n return (\r\n setItemSelected(e.id)} className=\"emailTemplate\"> {e.nome} \r\n )\r\n }\r\n\r\n React.useEffect(() => {\r\n if (gridInstance)\r\n gridInstance.refresh();\r\n }, [i18n.language]);\r\n\r\n return (\r\n itemSelected ? \r\n
\r\n \r\n \r\n
\r\n {t('Photo:uploadMessage')} {t('Photo:uploadMessageLastPart')}
\r\n\r\n \r\n {t('Contacts:msg_download_template')}\r\n \r\n
\r\n \r\n buttonImportRef = buttonComponent} id=\"btnImportContact\" disabled={buttonDisabled} cssClass='e-primary new' onClick={importContacts}>\r\n {t('Contacts:import_contacts')}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {isVisible &&\r\n \r\n \r\n
\r\n {t('Contacts:search_text')}
\r\n\r\n
\r\n \r\n textBoxSearch = textBox}\r\n className=\"e-input\"\r\n change={inputChange}\r\n />\r\n
\r\n \r\n {!isVisible &&\r\n
\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Contacts:filters')}\r\n \r\n
\r\n }\r\n {isVisible &&\r\n \r\n setIsVisible(!isVisible)}>\r\n \r\n {t('Contacts:filters')}\r\n \r\n
\r\n }\r\n \r\n \r\n\r\n {t('Contacts:search')}\r\n\r\n \r\n
\r\n \r\n
\r\n } */}\r\n \r\n {contactListItems &&\r\n gridInstance = grid}\r\n dataSource={contactListItems}\r\n filterSettings={{ type: 'Menu' }}\r\n allowFiltering={false}\r\n allowPaging={true}\r\n allowSorting={true}\r\n allowExcelExport={true}\r\n allowResizing={true}\r\n locale={i18n.language}>\r\n \r\n nomeTemplate(e)}\r\n width='100'>\r\n \r\n {/* emailTemplate(e)}\r\n width='100'>\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n
\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { MailingContactsContext } from \"./MailingContactsContext\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { SidebarComponent } from '@syncfusion/ej2-react-navigations';\r\nimport { UploaderComponent } from \"@syncfusion/ej2-react-inputs\";\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { GridComponent, ColumnsDirective, ColumnDirective, Filter, Sort, ContextMenu, Page, Resize, Inject } from \"@syncfusion/ej2-react-grids\";\r\nimport { createSpinner, setSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { ContactsList } from \"./ContactsList\";\r\nimport { getImportMailingContactsTemplate, importMailingContacts, getMailingContactItems } from \"../../../services/MailingGeneralSVC\";\r\nimport { getPressMediaTypes, getCountries, getStates, getCities } from \"../../../services/SystemSVC\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport '../../mailing/mailing.css'\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nconst uploadIcon = '';\r\nlet gridFeedbackRef;\r\n\r\nlet userPermission;\r\n\r\nexport const GeneralContacts = (props) => {\r\n let sidebarRef;\r\n let uploaderContactsRef;\r\n let buttonImportRef;\r\n\r\n const { t } = useTranslation();\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const mailingState = React.useContext(MailingContactsContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [gridInstance, setGridInstance] = React.useState(null);\r\n const [importResults, setImportResults] = React.useState([]);\r\n const [buttonDisabled, setButtonDisabled] = React.useState(true);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 62).map((i) => (i.permission));\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: \"\",\r\n // import: () => sidebarRef.toggle(),\r\n new: () => {\r\n mailingState.setItem(null);\r\n setRedirect(true);\r\n },\r\n back: \"\",\r\n };\r\n\r\n const contextMenuItems = ['SortAscending', 'SortDescending', 'FirstPage', 'PrevPage', 'LastPage', 'NextPage'];\r\n\r\n React.useEffect(() => {\r\n let loadingEl = document.getElementById('loading');\r\n if (loadingEl)\r\n createSpinner({ target: loadingEl });\r\n\r\n // if (gridFeedbackRef) {\r\n // const connection = new signalR.HubConnectionBuilder()\r\n // .withUrl(`${process.env.REACT_APP_AZFUNCTION_URL}/api/ImportMailingContacts`)\r\n // .configureLogging(signalR.LogLevel.Information)\r\n // .withAutomaticReconnect()\r\n // .build();\r\n\r\n // connection.on('importMailingContacts', importFeedbackReceiver);\r\n // connection.onclose(() => console.log('disconnected'));\r\n // connection.start().then(() => console.log('connected')).catch(console.error);\r\n // }\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (mailingState.gridContactsList && mailingState.gridContactsList.element)\r\n mailingState.gridContactsList.showSpinner();\r\n loadContactsItems();\r\n }, []);\r\n\r\n const loadContactsItems = () => {\r\n // const qString = \"?$select=id, nome, nomeEmpresa, cargo, tipoPublico\";\r\n const qString = \"?$orderby=nome%20asc\"\r\n getMailingContactItems(globalState.accessToken, qString).then(response => {\r\n if (response.ok)\r\n response.json().then(result => {\r\n mailingState.setContactListItems(result);\r\n });\r\n });\r\n }\r\n\r\n // const importFeedbackReceiver = feedbackItem => {\r\n // if (feedbackItem.IsError)\r\n // setImportResults(importResults => ([...importResults, feedbackItem]));\r\n // else {\r\n // if (feedbackItem.Progress === 100) {\r\n // document.getElementById(\"btnImportContact\").style.display = \"inline-block\";\r\n // hideSpinner(document.getElementById('loading'));\r\n // document.getElementById('percentage').innerHTML = \"\";\r\n // loadContactsItems();\r\n // }\r\n // else {\r\n // document.getElementById(\"btnImportContact\").style.display = \"none\";\r\n // showSpinner(document.getElementById('loading'));\r\n // document.getElementById('percentage').innerHTML = feedbackItem.Progress + \"%\";\r\n // }\r\n // }\r\n // }\r\n\r\n // const uploadTemplate = () => {\r\n // document.getElementsByClassName(\"e-file-select-wrap\")[0].querySelector(\"button\").click();\r\n // return false;\r\n // }'\r\n\r\n const onFileUploadSucceeded = (e) => {\r\n setButtonDisabled(e.operation ===\"remove\");\r\n }\r\n\r\n const onFileRemove = () => {\r\n setButtonDisabled(true);\r\n };\r\n\r\n const sidebarCreated = () => {\r\n sidebarRef.element.style.visibility = '';\r\n }\r\n\r\n const downloadTemplate = () => {\r\n getImportMailingContactsTemplate(globalState.tokenLightWeight)\r\n .then(response => response.blob()).then(blob => {\r\n var url = window.URL.createObjectURL(blob);\r\n var a = document.createElement('a');\r\n a.href = url;\r\n a.download = \"template.xlsx\";\r\n document.body.appendChild(a);\r\n a.click();\r\n a.remove();\r\n });\r\n }\r\n\r\n const importContacts = () => {\r\n gridFeedbackRef.dataSource = [];\r\n if (uploaderContactsRef.filesData.length)\r\n importMailingContacts(globalState.accessToken, uploaderContactsRef.filesData[0].rawFile)\r\n .then().catch(console.error);\r\n }\r\n\r\n\r\n React.useEffect(() => {\r\n if (gridFeedbackRef)\r\n gridFeedbackRef.refresh();\r\n }, [i18n.language]);\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('GeneralContacts:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n uploaderContactsRef = uploader}\r\n allowedExtensions=\".xls, .xlsx\"\r\n dropArea={document.getElementById(\"dropArea\")}\r\n locale={i18n.language}\r\n multiple={false}\r\n removing={onFileRemove}\r\n selected={onFileUploadSucceeded}\r\n >\r\n \r\n gridFeedbackRef = gridComponent}\r\n contextMenuItems={contextMenuItems}\r\n dataSource={importResults}\r\n filterSettings={{ type: 'Menu' }}\r\n allowPaging={true}\r\n allowSorting={true}\r\n locale={i18n.language}\r\n allowFiltering={true}\r\n allowResizing={true}\r\n pageSettings={{ pageSize: 10 }}\r\n // queryCellInfo={renderCellGroup}\r\n // rowSelected={onGridRowSelected}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n }\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport i18n from \"i18next\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { GlobalStateContext } from \"../../general/GlobalState\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport { Buttons } from \"../../utilities/Buttons\";\r\nimport { GroupsList } from \"./GroupsList\";\r\nimport PermissionRedirect from \"../../utilities/PermissionRedirect/PermissionRedirect\";\r\n\r\nlet userPermission;\r\n\r\nexport const Groups = () => {\r\n\r\n const { t } = useTranslation();\r\n\r\n const [globalState] = React.useContext(GlobalStateContext);\r\n const [redirect, setRedirect] = React.useState(false);\r\n const [loading, setLoading] = React.useState(false);\r\n const [idRelease, setIdRelease] = React.useState(null);\r\n\r\n React.useEffect(() => {\r\n let globalPermissions = globalState.permissions;\r\n userPermission = globalPermissions.filter((i) => i.idAreaAcesso === 11).map((i) => (i.permission));\r\n setLoading(true);\r\n }, [globalState]);\r\n\r\n const _controls = {\r\n permit: userPermission ? userPermission : null,\r\n export: false,\r\n import: \"\",\r\n new: () => setRedirect(true),\r\n back: \"\",\r\n };\r\n\r\n return (\r\n <>\r\n {globalState.accessToken === null ? \r\n
\r\n \r\n \r\n
\r\n {t('Photo:uploadMessage')} console.log('teste')}>{t('Photo:uploadMessageLastPart')}
\r\n\r\n \r\n {t('Contacts:msg_download_template')}\r\n \r\n
\r\n {/* \r\n buttonImportRef = buttonComponent} id=\"btnImportContact\" disabled={buttonDisabled} cssClass='e-primary new' onClick={importContacts}>\r\n {t('Contacts:import_contacts')}\r\n \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('Groups:title')}
\r\n\r\n
\r\n \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('GeneralGroups:title')}
\r\n\r\n
\r\n \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('QA:title')}
\r\n\r\n
\r\n \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('WebcastNotices:title')}
\r\n\r\n
\r\n \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('AssignmentNotices:title')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {isLoadingItem && }\r\n {loading ? :\r\n \r\n
\r\n \r\n
\r\n