\n
\n ) : (\n \n
\n );\n};\n\nexport default HomePage;\n","import axios from 'axios'\n\nexport const api = axios.create({\n baseURL: process.env.REACT_APP_API_URL,\n headers: {\n Accepted: 'appication/json',\n 'Content-Type': 'application/json'\n },\n timeout: 10000\n})\n\napi.interceptors.request.use(\n (config: any) => {\n const token = localStorage.getItem('token')\n if (token) {\n config.headers.authorization = `Bearer ${token}`\n }\n return config\n },\n (error) => Promise.reject(error)\n)\n\nexport default api\n","import axios from '../../services/axios';\nimport React, { useEffect, useState } from 'react';\nimport { useParams } from 'react-router';\nimport Monograma from '../../images/Monograma.png';\n\nconst PaylocityAnnouncement: React.FC = () => {\n type DataType = {\n info: string;\n subject: string;\n createdAt: string;\n url_image: string;\n };\n\n type ParamTypes = {\n id: string;\n userId: string;\n };\n\n const { id, userId } = useParamsOops!
\n\n You are not allowed to access this area of the system. Please login\n again or contact your system administrator.\n
\n Go To Login\n\n 
\n
\n );\n};\n\nexport default PaylocityAnnouncement;\n","import axios from '../../services/axios';\nimport React, { useEffect, useState } from 'react';\nimport { useParams } from 'react-router';\nimport Monograma from '../../images/Monograma.png';\n\nconst BenefitsAnnouncement: React.FC = () => {\n type DataType = {\n info: string;\n subject: string;\n createdAt: string;\n url_image: string;\n };\n\n type ParamTypes = {\n id: string;\n contactPhone: string;\n };\n\n const { id, contactPhone } = useParams\n
\n \n
\n \n {data.url_image.includes('1x1-00000000.png') ? null : (\n {data.createdAt}
\nAuthor: {author}
\n{data.subject}
\n\n \n
\n );\n};\n\nexport default BenefitsAnnouncement;\n","import React from 'react';\nimport { Switch, BrowserRouter, Route } from 'react-router-dom';\nimport * as ROUTES from './routerList';\nimport DefaultPage from '../../pages/DefaultPage';\nimport PaylocityAnnouncement from '../../pages/PaylocityAnnouncement';\nimport BenefitsAnnouncement from '../../pages/BenefitsAnnouncement';\n\nconst SignRoutes: React.FC = () => {\n return (\n \n
\n \n
\n \n {data.url_image.includes('1x1-00000000.png') ? null : (\n {data.createdAt}
\nAuthor: {author}
\n{data.subject}
\n\n
\n )\n\n return loaded ? (\n \n
\n \n \n Account Upgrade \n \n
\n\n\n \n \n\n \n \n\n \n
\n \n
\n {openModalUpdate && modalUpdate}\n {alertErrorMessage}\n {alertSuccessMessage}\n \n );\n};\n\nexport default Register;\n","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport User from '../../components/UserValidation';\n\nconst UserValidation: React.FC = () => {\n \n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n
\n FEG Employees
\n {requests.Employee ? (\n- \n {requests.Employee.map((request) => (\n
- \n
\n {request.email}\n \n
\n \n ))}\n
- \n {requests['Users With FEG Email'].map((request) => (\n
- \n
\n {request.email}\n \n
\n \n ))}\n
0 Employee to confirm
}\n\nFEG Partners
\n {requests.Partner ? (\n- \n {requests.Partner.map((request) => (\n
- \n
\n {request.email}\n \n
\n \n ))}\n
- \n {requests['Users Non-FEG Email'].map((request) => (\n
- \n
\n {request.email}\n \n
\n \n ))}\n
0 Partner to confirm
}\n\n\nAccount Upgrade
\n\n {accountsToBeUpgrade.length > 0 ? (\n- \n {accountsToBeUpgrade.map((user, index) => (\n
- \n
\n {user.user_email}\n \n
\n \n ))}\n
0 Account Upgrades to confirm
\n )}\n\n 
\n\n
\n \n ) : (\n \n
\n\n {modalLoading ? (\n \n Name: {requests.first_name}\n
\n\n Last Name: {requests.last_name}\n
\n\n Email: {requests.email}\n
\n\n Personal Address: {requests.addresses.full}\n
\n\n Phone Number: {requests.phone_number}\n
\n\n Main Location: {requests.location_name}\n
\nSelect which group the user will belong within the system.
\n\n \n \n
\n )}\n \n
\n :\n \n {\n announcements[0]! ?\n (\n announcements.map(request => (\n
\n )\n )\n}\n\nexport default Announcements;","export const Theme = {\n primary: 'rgb(8, 5, 117)',\n secondary: '#fff',\n grey: '#707070',\n purple: '#7f43f5',\n grey45: '#fff',\n light: '#f6f6f6',\n 'secondary-light': '#f5f5f6'\n};\n","import styled from 'styled-components';\nimport { Theme } from '../../styles/Theme';\n\nexport const DivContainer = styled.div`\n display: flex;\n gap: 10px;\n justify-content: space-between;\n margin: 10px;\n button {\n padding: 14px;\n border: none;\n background-color: ${Theme.secondary};\n color: ${Theme.grey};\n cursor: pointer;\n border-radius: 6px;\n }\n #active {\n background-color: ${Theme.primary};\n color: ${Theme.secondary};\n }\n`;\n","import { Theme } from 'src/styles/Theme';\nimport styled from 'styled-components';\n\nexport const ContainerTarget = styled.div`\n margin: 0 auto;\n background-color: ${Theme['secondary-light']};\n padding: 12px;\n width: 60%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n h1.text {\n color: #454545;\n text-align: center;\n }\n p.text {\n color: gray;\n text-align: center;\n }\n .full-legend{\n line-height: 10;\n color: red;\n }\n img {\n width: 300px;\n height: 300px;\n }\n gap: 8px;\n button {\n padding: 10px;\n background-color: ${Theme.primary};\n border: none;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n`;\n\nexport const Container = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n video{\n width: 100%;\n max-height: 300px;\n }\n &.t {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n margin-bottom: 20px;\n\n .demo-wrapper {\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n align-self: center;\n }\n div.edit-btn {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n gap: 10px;\n }\n }\n`;\n\nexport const Grid = styled.div`\n display: flex;\n background-color: #f9f9f9f9;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n\n .header {\n padding: 10px;\n background-color: #f1f1f1f1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 8px;\n button {\n padding: 6px;\n border: none;\n background-color: red;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n button.btn-edit {\n background-color: ${Theme.primary};\n color: white;\n margin-left: 8px;\n }\n button.active {\n background-color: green;\n }\n }\n .content {\n padding: 12px;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n h1.header-title{\n color: #303030;\n margin-bottom: 0 10px;\n }\n h1 {\n color: ${Theme.primary};\n text-align: center;\n }\n p.text {\n color: gray;\n text-align: center;\n }\n img {\n max-width: 100%;\n height: auto;\n max-height: 300px;\n object-fit: cover;\n border-radius: 12px;\n &.t {\n max-width: 100%;\n height: auto;\n max-height: 500px;\n }\n }\n .comments {\n textarea {\n width: 100%;\n height: 100px;\n background-color: #cfcfcf;\n padding: 10px;\n border-radius: 4px;\n border: none;\n font-family: sans-serif;\n }\n button.post{\n align-items: end;\n justify-self: end;\n align-self: flex-end;\n margin: 10px 0;\n }\n .comment-edit{\n display: flex;\n align-items: center;\n justify-content: center;\n small{\n margin: 0;\n padding: 0;\n }\n }\n width: 100%;\n .title-comments{\n margin-top: 4px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 8px;\n div{\n display: flex;\n gap: 10px;\n }\n p{\n font-weight: bold;\n }\n .active{\n font-weight: bold;\n color: #b100cd;\n }\n }\n .comment-area{\n margin: 18px 0;\n padding: 10px 0;\n \n div{\n display: flex;\n gap: 14px;\n justify-content: space-between;\n label{\n display: flex;\n \n align-items: center;\n }\n small{\n \n font-weight: bold;\n color: #454545;\n }\n .main-comment{\n display: flex;\n justify-content: space-between;\n .icon-area{\n display: flex;\n flex-direction: row;\n gap: 4px;\n justify-content: center;\n align-items: center;\n width: 40px;\n margin: 0;\n padding: 0;\n }\n .icon-red{\n color: red;\n }\n .icon-gray{\n color: gray;\n }\n div{\n display: flex;\n flex-direction: column;\n }\n img{\n width: 40px;\n height: 40px;\n border-radius: 50%;\n }\n display: flex;\n }\n \n }\n }\n }\n gap: 8px;\n button {\n padding: 10px;\n background-color: ${Theme.primary};\n border: none;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n }\n`;\n","// Se estiver usando Node.js\nconst moment = require('moment');\n\n// Se estiver usando no navegador, o moment já estará disponível globalmente\n\nexport function semanasOuDiasPassados(dataStr: string) {\n // Converte a string de data para um objeto Moment com timezone UTC\n const data = moment(dataStr).utc();\n \n // Obtém a data e hora atual com timezone UTC\n const agora = moment().utc();\n \n // Calcula a diferença em dias\n const diferencaDias = agora.diff(data, 'days');\n \n // Verifica se a diferença é menor que 7 dias\n if (diferencaDias === 0) {\n return `Today`;\n }else if (diferencaDias < 7) {\n return `(${diferencaDias} days ago)`;\n } else if(diferencaDias > 7 && diferencaDias < 14){\n // Calcula a diferença em semanas\n const semanas = agora.diff(data, 'weeks');\n return `(${semanas} week ago)`;\n }\n else {\n // Calcula a diferença em semanas\n const semanas = agora.diff(data, 'weeks');\n return `(${semanas} weeks ago)`;\n }\n}\n\n// Exemplo de uso\n\n","import React, { useEffect, useState } from 'react';\nimport { Container, Grid } from './styled';\nimport { useHistory, useParams, } from 'react-router-dom';\nimport axios, { api } from 'src/services/axios';\nimport { Avatar, Input } from '@material-ui/core';\nimport logoChat from '../../images/logoChat.jpeg'\nimport {\n AtomicBlockUtils,\n ContentState,\n EditorState,\n convertFromHTML,\n convertToRaw\n} from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport jwt from 'jsonwebtoken';\nimport { Theme } from 'src/styles/Theme';\nimport { FaHeart } from 'react-icons/fa';\nimport { semanasOuDiasPassados } from './weeks';\nimport { BiTrash } from 'react-icons/bi';\nimport LatestNews from '../LatestNews';\nimport { CiImageOn } from 'react-icons/ci';\n\n\ninterface CommentsLatestNews {\n id: string;\n id_remetente: string;\n latest_news_id: string;\n content: string;\n type: string;\n full_name_remetente: string;\n createdAt: string;\n like: string[];\n}\ninterface Item {\n id: string;\n active: boolean;\n createdAt: string;\n title: string;\n prev_legend: string;\n full_legend: string;\n image_url: string;\n}\nexport default function GridLatestNews(params?: any) {\n const [viewedOpen, setViewedOpen] = useState(false);\n const [latestNewsTarget, setLatestNewsTarget] = useState\n
\n ))\n )\n :\n \n \n
\n {request.subject}
\n \n \n{request.createdAt.split('').splice(0, 11).join('')} {Formatter(request.createdAt.split('').splice(12, 2).join(''), request.createdAt.split('').splice(14, 3).join(''))}
\nauthor: {request.full_name}
\nNo {content.description} results
\n }\n\n
\n \n
\n \n setConfirmation(false)} className=\"close\">×\n \n
\n
\n \n
\n Are you sure you would like to remove this announcement?
\n\n
\n The announcement will be deleted for all users and it cannot be recovered.\n
\n The automatic emails generated at the time of the\n announcement creation will still exist.\n
\n \n \n
\n \"));\n setFullLegend(\n EditorState.createWithContent(\n ContentState.createFromBlockArray(\n blocksFromHTML.contentBlocks,\n blocksFromHTML.entityMap\n )\n )\n );\n if (latestNew.publish_date) {\n setPublishDate(latestNew?.publish_date.split('T')[0])\n } else {\n setPublishDate('')\n }\n\n getComments(latestNew?.id)\n setTitleField(latestNew?.title);\n setLatestNewsTarget(latestNew);\n }\n\n function getImages() {\n const search = searchParams.get('id')\n axios\n .get('/api/v1/latest-news')\n .then((res) => {\n\n setImages(res.data.sort(compararAtivos))\n console.log(search, params)\n if (search) {\n\n const result = res.data.find((latestNews: { id: string; }) => {\n return latestNews.id === search\n })\n handleOpenLatestTarget(result)\n }\n if (params?.id) {\n\n const result = res.data.find((latestNews: { id: string; }) => {\n return latestNews.id === params.id\n })\n handleOpenLatestTarget(result)\n }\n });\n }\n\n useEffect(() => {\n getImages();\n\n handlePermissions()\n return () => {\n const videos = document.querySelectorAll('video');\n videos.forEach((video) => {\n video.play();\n });\n };\n }, []);\n useEffect(() => {\n getImages();\n }, [params.id]);\n\n function handleView({ id, active }: any) {\n axios\n .post('/api/v1/latest-news/active-status', {\n id: id,\n active: active === true ? false : true\n })\n .then((res) => {\n setViewedOpen(false);\n getImages();\n });\n }\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString); // Preserva o horário em UTC\n\n // Usa timeZone: \"UTC\" para formatar a data sempre em UTC\n return new Intl.DateTimeFormat(\"en-US\", {\n month: \"short\",\n day: \"2-digit\",\n year: \"numeric\",\n timeZone: \"UTC\", // Força o uso de UTC\n }).format(date);\n };\n\n\n function handlePermissions() {\n if (localStorage.getItem('token')) {\n jwt.verify(\n localStorage.getItem('token')!.toString(),\n '8Zz5tw0Ionm3XPZZfN0NOml3z9FMfmpgXwovR9fp6ryDIoGRM8EPHAB6iHsc0fb',\n async (err: any, decoded: any) => {\n if (err) {\n alert(err);\n } else {\n const customer_id = localStorage.getItem('id');\n const response = await axios\n .get(`api/v1/accounts/${customer_id}`)\n .then((response) => response.data.results);\n if (response.group_id === '128e5e58-3c0a-4e63-9be1-d0b6fc2f871e') {\n setSuperAdmin(true);\n }\n }\n }\n );\n return;\n }\n }\n\n function handleUpdate() {\n const htmlDescription = draftToHtml(\n convertToRaw(fullLegend.getCurrentContent())\n );\n\n const dataToSend: any = {\n id: latestNewsTarget.id,\n title: titleField,\n prev_legend: prevLegendField,\n full_legend: htmlDescription,\n };\n\n // Verifique se publishDate não está vazio antes de adicionar ao objeto\n if (publishDate !== '') {\n const publishDateFormated = new Date(publishDate);\n publishDateFormated.setUTCHours(0, 0, 0, 0); // Zera o horário em UTC\n\n dataToSend.publish_date = publishDateFormated;\n }\n\n api\n .post('/api/v1/latest-news/update', dataToSend)\n .then(() => {\n if (params.id) {\n alert('Latest News updated successfully');\n window.location.reload()\n }\n setEdit(false);\n setViewedOpen(false);\n getImages();\n\n });\n }\n function deleteLatest() {\n removerParametro()\n\n axios\n .delete(`/api/v1/latest-news/delete/${latestNewsTarget.id}`, {\n })\n .then(() => {\n setViewedOpen(false);\n getImages();\n });\n }\n function handleLike(id: string) {\n axios\n .post('/api/v1/comments-latest-news/like', {\n id,\n id_remetente: idAccount\n }).then(() => {\n getComments(latestNewsTarget.id)\n })\n }\n function deleteComment(id: string) {\n axios\n .delete(`/api/v1/comments-latest-news/delete/${id}`,).then(() => {\n getComments(latestNewsTarget.id)\n if (params.id) {\n window.location.reload()\n }\n })\n }\n const insertImage = (imgUrl: string) => {\n const contentState = fullLegend.getCurrentContent();\n\n // Cria uma entidade para a imagem\n const contentStateWithEntity = contentState.createEntity(\n 'IMAGE', // Tipo da entidade\n 'IMMUTABLE', // Tipo de mutabilidade\n { src: imgUrl, class: 'img-field' } // Dados associados\n );\n\n const entityKey = contentStateWithEntity.getLastCreatedEntityKey();\n\n // Usa o AtomicBlockUtils para inserir a entidade no editor\n const newEditorState = AtomicBlockUtils.insertAtomicBlock(\n fullLegend,\n entityKey,\n ' '\n );\n\n // Atualiza o estado do editor\n setFullLegend(\n EditorState.forceSelection(newEditorState, newEditorState.getSelection())\n );\n\n };\n\n const createImageUrl = async (file: any) => {\n const dataFile = new FormData();\n\n if (file) {\n dataFile.append('file', file);\n }\n await axios\n .post('/api/v1/latest-news/uploadFile', dataFile, { timeout: 0 })\n .then((res) => {\n console.log(res.data);\n insertImage(res.data.url);\n });\n };\n const handleFileImageUrl = (event: React.ChangeEvent
\n
\n {latestNewsTarget?.createdAt && formatDate(latestNewsTarget?.createdAt.slice(0, 10))}
\n {\n (superAdmin && latestNewsTarget.idea) && (\n \n )\n }\n\n {\n superAdmin && (\n \n handleView({\n id: latestNewsTarget.id,\n active: latestNewsTarget.active\n })\n }\n >\n {latestNewsTarget.active ? 'Public' : 'Private'}\n \n\n )\n\n }\n {\n !params.id && superAdmin && latestNewsTarget?.publish_date && (\n \n {latestNewsTarget.publish_date ? `Publish Date ${latestNewsTarget?.publish_date.split('T')[0]}` : ''}\n \n\n )\n }\n {\n superAdmin && (\n \n )\n }\n {\n superAdmin && (\n \n )\n }\n {!params.id &&\n \n }\n\n
\n \n {!edit ? (<>\n
\n \n )}\n \n\n ) : (\n <>\n setTitleField(e.target.value)}\n />\n \n )}\n {edit && publishDate !== '' && <>\n setPublishDate(e.target.value)}\n />\n }\n\n\n {latestNewsTarget?.image_url ? (
) : ()}\n {edit && (\n <>\n setPrevLegendField(e.target.value)}\n />\n \n )}\n\n {!edit ? (\n latestNewsTarget?.full_legend && (\n <>\n
\n\n \n )\n ) : (\n <>\n {latestNewsTarget?.title}
\n {latestNewsTarget?.idea && (<>\nThis latest news is an idea submission created by: {latestNewsTarget?.full_name} - location: {latestNewsTarget.store_id}
\n\nAdmins Only: Switch to Public to publish as a latest news to all users. You can Edit before or after if you’d like.
\n\n \n )}\n \n\n ) : (\n <>\n
Title:
\nPublish Date
\nPreview Article:
\n<\\/p>/g, \"
\") }\n }\n style={{ lineHeight: 1.3, color: \"#303030\", margin: 32, marginTop: 12 }}\n className='full-legend'>\n\n
\n Full Article:\n
\n\n\n {\n const blocksFromHTML = convertFromHTML(\n latestNewsTarget.full_legend\n );\n setFullLegend(\n EditorState.createWithContent(\n ContentState.createFromBlockArray(\n blocksFromHTML.contentBlocks,\n blocksFromHTML.entityMap\n )\n )\n );\n setEdit(false);\n }}\n >\n Cancel\n \n handleUpdate()}\n >\n Update\n \n
\n )}\n\n\n \n
\n {\n commentsLatestNews?.map(comment => {\n return (\n <>\n
\n \n )\n })\n }\n\n
\n Comment
\n \n \n\n
\n Responses
\n\n
\n setFilterComments('desc')} className={`${filterComments === 'desc' && 'active'}`}>Newest
\nsetFilterComments('most-liked')} className={`${filterComments === 'most-liked' && 'active'}`}>Most Liked
\nsetFilterComments('asc')} className={`${filterComments === 'asc' && 'active'}`}>Oldest
\n\n {\n commentsLatestNews?.map(comment => {\n return (\n <>\n
\n
\n \n
\n\n \n {\n (comment.id_remetente === idAccount && imageUrl) ?\n 
:\n {comment.full_name_remetente[0]} \n }\n
\n \n\n {\n idAccount && handleLike(comment?.id)} />\n }\n\n\n {comment.like.length >= 1 && comment.like.length}\n
\n\n \n
\n {comment.full_name_remetente}
\n{comment.content}
\n\n {semanasOuDiasPassados(comment.createdAt)}\n {\n (superAdmin || comment.id_remetente === idAccount) && (\n deleteComment(comment.id)} />\n )\n }\n
\n\n \n \n )\n })\n }\n\n
\n\n\n
\n \n \n \n {image.idea && 'Idea Submission'}\n \n )\n }\n
\n {formatDate(image.createdAt.slice(0, 10))}
\n {\n (superAdmin && image.idea) && (\n\n {\n superAdmin && image.publish_date && (\n \n {image?.publish_date ? `Publish Date ${image?.publish_date.split('T')[0]}` : ''}\n \n\n )\n }\n {\n superAdmin && (\n \n handleView({\n id: image.id,\n active: image.active\n })\n }\n >\n {image.active ? 'Public' : 'Private'}\n \n )\n }\n\n
\n\n {image.title}
\n{image.prev_legend}
\n \n \n\n {annoucements.map((annoucment: any) => {\n return (\n
\n );\n}\n","import { Theme } from 'src/styles/Theme';\nimport styled from 'styled-components';\n\nexport const ContainerTarget = styled.div`\n margin: 0 auto;\n background-color: ${Theme['secondary-light']};\n padding: 12px;\n width: 60%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n h1.text {\n color: #454545;\n text-align: center;\n }\n p.text {\n color: gray;\n text-align: center;\n }\n .full-legend {\n line-height: 10;\n color: red;\n }\n img {\n width: 300px;\n height: 300px;\n }\n gap: 8px;\n button {\n padding: 10px;\n background-color: ${Theme.primary};\n border: none;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n`;\n\nexport const Container = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n video {\n width: 100%;\n max-height: 300px;\n }\n &.t {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n margin-bottom: 20px;\n\n .demo-wrapper {\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n align-self: center;\n }\n div.edit-btn {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n gap: 10px;\n }\n }\n`;\n\nexport const Grid = styled.div`\n display: flex;\n background-color: #f9f9f9f9;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n\n .header {\n padding: 10px;\n background-color: #f1f1f1f1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 8px;\n button {\n padding: 6px;\n border: none;\n background-color: red;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n button.btn-edit {\n background-color: ${Theme.primary};\n color: white;\n margin-left: 8px;\n }\n button.active {\n background-color: green;\n }\n }\n .content {\n padding: 12px;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n h1.header-title {\n color: #303030;\n margin-bottom: 0 10px;\n }\n h1 {\n color: ${Theme.primary};\n text-align: center;\n }\n p.text {\n color: gray;\n text-align: center;\n }\n img {\n max-width: 100%;\n height: auto;\n max-height: 300px;\n object-fit: cover;\n border-radius: 12px;\n &.t {\n max-width: 100%;\n height: auto;\n max-height: 500px;\n }\n }\n .comments {\n textarea {\n width: 100%;\n height: 100px;\n background-color: #cfcfcf;\n padding: 10px;\n border-radius: 4px;\n border: none;\n font-family: sans-serif;\n }\n button.post {\n align-items: end;\n justify-self: end;\n align-self: flex-end;\n margin: 10px 0;\n }\n .comment-edit {\n display: flex;\n align-items: center;\n justify-content: center;\n small {\n margin: 0;\n padding: 0;\n }\n }\n width: 100%;\n .title-comments {\n margin-top: 4px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 8px;\n div {\n display: flex;\n gap: 10px;\n }\n p {\n font-weight: bold;\n }\n .active {\n font-weight: bold;\n color: #b100cd;\n }\n }\n .comment-area {\n margin: 18px 0;\n padding: 10px 0;\n\n div {\n display: flex;\n gap: 14px;\n justify-content: space-between;\n label {\n display: flex;\n\n align-items: center;\n }\n small {\n font-weight: bold;\n color: #454545;\n }\n .main-comment {\n display: flex;\n justify-content: space-between;\n .icon-area {\n display: flex;\n flex-direction: row;\n gap: 4px;\n justify-content: center;\n align-items: center;\n width: 40px;\n margin: 0;\n padding: 0;\n }\n .icon-red {\n color: red;\n }\n .icon-gray {\n color: gray;\n }\n div {\n display: flex;\n flex-direction: column;\n }\n img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n }\n display: flex;\n }\n }\n }\n }\n gap: 8px;\n button {\n padding: 10px;\n background-color: ${Theme.primary};\n border: none;\n border-radius: 3px;\n color: white;\n cursor: pointer;\n }\n }\n`;\n","import React, { useEffect, useState } from 'react';\nimport { Container, Grid } from './styled';\nimport api from 'src/services/axios';\n\nimport jwt from 'jsonwebtoken';\nimport { FiTrash } from 'react-icons/fi';\nimport { useCookies } from 'react-cookie';\nimport { Link } from 'react-router-dom';\n\n\nexport default function GridNewsletter() {\n\n const [permissions2, setPermissions2] = useState({\n view: false,\n add: false,\n edit: false,\n delete: false\n })\n const [announcements, setAnnouncements] = useState\n
\n );\n })}\n \n \n
\n {annoucment.subject}
\n \n \n\n {annoucment.createdAt.split('').splice(0, 11).join('')}{' '}\n {Formatter(\n annoucment.createdAt.split('').splice(12, 2).join(''),\n annoucment.createdAt.split('').splice(14, 3).join('')\n )}\n
\n\n
\n {data.createdAt}
\n \n\n\n\n{data.subject}
\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport default Announcements;\n","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport Announcement from '../../components/CompanyAnnouncements';\n\nconst Announcements: React.FC = () => {\n\n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n {\n changeContent()\n }\n
\n \n \n \n {children}\n \n
\n );\n}\n","import styled from 'styled-components';\n\nexport const MenuStyle = styled.div`\n display: flex;\n button {\n color: none;\n background: none;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n :hover {\n background-color: '#000';\n }\n }\n`;\n","import React, { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { FiEdit, FiTrash, FiToggleLeft, FiUser } from 'react-icons/fi';\nimport { MdSyncDisabled } from 'react-icons/md';\nimport axios from '../../services/axios';\nimport { saveAs } from 'file-saver';\nimport { Md5 } from 'md5-typescript';\nimport TextField from '@material-ui/core/TextField';\nimport Select from 'react-select';\nimport { useCookies } from 'react-cookie';\nimport { groupsData } from '../../data';\nimport jwt from 'jsonwebtoken';\nimport Loader from '../../components/Loader';\nimport {\n Button,\n Checkbox,\n CheckboxProps,\n Dialog,\n DialogTitle,\n FormControlLabel,\n IconButton,\n Tooltip,\n styled,\n withStyles,\n Menu,\n MenuItem,\n Divider\n} from '@material-ui/core';\nimport excel from 'exceljs';\nimport BasicMenu from './menu';\nimport { MenuStyle } from './styled';\nimport { Theme } from 'src/styles/Theme';\n\nconst MyComponentDialog = styled('div')({\n color: 'darkslategray',\n backgroundColor: 'aliceblue',\n padding: 22,\n margin: 14,\n display: 'flex',\n gap: 10,\n borderRadius: 4\n});\n\nconst GreenCheckbox = withStyles({\n root: {\n color: `${Theme.primary}`,\n '&$checked': {\n color: `${Theme.primary}`\n }\n },\n checked: {}\n})((props: CheckboxProps) => MANAGE
{' '}\n\n
\n {/* Modal Confirmations */}\n \n
\n\n \n
\n \n Users {pages.total} total\n
\n\n \n \n
\n \n
\n \n handleSearchUser(e.target.value)}\n />\n
\n\n User Management
\n\n \n {/* */}\n
\n\n \n {\n handleLocationsFilter(locations);\n }}\n placeholder='Location Filter'\n className='select-filter-user'\n isClearable\n isMulti\n />\n {\n handleProfilesFilter(profiles);\n }}\n placeholder='Profiles Filter'\n className='select-filter-user'\n isClearable\n isMulti\n />\n {\n handleGroupsFilter(groups);\n }}\n placeholder='Groups Filter'\n className='select-filter-user'\n isClearable\n isMulti\n />\n\n
\n | \n | FIRST NAME | \nLAST NAME | \nLOCATION | \nPROFILES | \nGROUP | \nSTATUS | \nACTIONS | \n|
|---|---|---|---|---|---|---|---|---|
| \n | \n \n FIRST NAME: {user.first_name}\n | \n \n LAST NAME: {user.last_name}\n | \n \n EMAIL: {user.email}\n | \n \n LOCATION: {user.location_name}\n | \n \n PROFILE: {user.profiles_name}\n | \n \n GROUP: {user.group_name}\n | \n \n STATUS: {' '}\n | \n
\n {\n handleSwitchPage(pages.prevPage);\n }}\n >\n Prev Page\n \n {\n handleSwitchPage(pages.nextPage);\n }}\n >\n Next Page\n \n
\n {/* Modal */}\n Page: {actualPage()}
\n\n handleUpdate(modalDate.id)}\n type='button'\n >\n Update\n \n )}\n \n )}\n
\n \n setModal(false)} className='close'>\n ×\n \n
\n Update User
\n\n {/*
\n \n \n \n
*/}\n {serviceRequest ? (\n \n ) : (\n \n {\n setModalDate({ ...modalDate, email: e.target.value });\n setEmail(e.target.value);\n }}\n style={{ marginRight: '8px' }}\n />\n setPassword(e.target.value)}\n />\n setPasswordConfirmation(e.target.value)}\n />\n
\n {modalLoading ? (\n \n
\n \n \n {/* setConfirmation(false)} className=\"close\">× */}\n
\n \n The user will be blocked from the system and their information\n will be deleted. Do you want to proceed?\n
\n\n \n
\n \n
\n \n \n \n );\n};\n\nexport default Management;\n","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport Management from '../../components/UsersManagement';\n\nconst UsersManagement: React.FC = () => {\n\n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n {/* setSwitchConfirmation(false)} className=\"close\">× */}\n
\n Are you sure you want to activate/disable the user?
\n\n \n
\n \n
\n );\n\n const locations = (\n \n
\n );\n\n const myModal = (\n \n
\n \n );\n\n const preview = (\n \n setConfirmation(false)} className='close'>\n ×\n \n
\n \n Your announcement is about to be published. When publishing an\n announcement all selected users will receive an email and will be\n able to read the announcement on their pages. Would you like to\n publish it now?\n
\n\n \n
\n \n setMyPreview(false)} className='close'>\n ×\n \n
\n \n );\n\n return loaded ? (\n {subject}
\n<\\/p>/g, '
')\n }}\n >
\n {\n setMyPreview(myPreview ? false : true);\n }}\n >\n Preview Content\n \n
\n );\n};\n\nexport default NewAnnouncement;\n","import React, { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { withStyles } from '@material-ui/core/styles';\nimport { green, grey } from '@material-ui/core/colors';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox, { CheckboxProps } from '@material-ui/core/Checkbox';\nimport { EditorState, convertToRaw, ContentState, AtomicBlockUtils } from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\nimport axios from '../../services/axios';\nimport jwt from 'jsonwebtoken';\nimport { useCookies } from 'react-cookie'\n\nimport Loader from '../Loader';\n\nimport Select from 'react-select';\nimport { EmailEditorContainer, UsersEmailTest } from '../Newsletter/styled';\nimport { BiTrash } from 'react-icons/bi';\nimport { CiImageOn } from 'react-icons/ci';\n\nconst GreenCheckbox = withStyles({\n root: {\n color: grey[400],\n '&$checked': {\n color: green[600],\n },\n },\n checked: {},\n})((props: CheckboxProps) => FEG Announcement
\n\n
\n \n
\n Notify
\n\n setSubject(e.target.value)}\n />\n\n docSelect(e.target.files)}\n />\n\n {\n setDescription(e);\n }}\n />\n\n \n \n
\n\n \n {myModal}\n {preview}\n Subject
\nAttachment
\nPicture
\n\n \n +\n \n = 1 && imageName !== undefined ? '' : 'none',\n padding: '7px 10px'\n }}\n htmlFor='inputFileImg'\n >\n {imageName}\n \n fileSelect(event.target.files)}\n />\n
\n images less than 4 mb only
\nAnnouncement
\n(Please make sure to include full links in the text to carry over correctly for SMS Announcements)
\n\n setInputValue(e.target.value)}\n placeholder=\"Email tester list\"\n style={{\n padding: '10px',\n marginRight: '10px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n }}\n />\n addString()}\n style={{\n padding: '10px 10px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n width: '150px',\n }}\n >\n Add test users\n \n \n
\n Email Test
\n- \n\n {strings.map((str, index) => (\n
\n\n
\n )\n\n const locations = (\n \n
\n )\n\n\n const myModal = (\n \n
)\n\n const preview = (\n \n
\n \n setConfirmation(false)} className=\"close\">×\n
\n \n Your announcement is about to be published.\n When publishing an announcement all selected users will receive an email and will be able\n to read the announcement on their pages.\n Would you like to publish it now?\n
\n\n \n
\n \n setMyPreview(false)} className=\"close\">×\n
\n )\n\n return (\n loaded ? {subject}
\n<\\/p>/g, '
')\n }}\n >
\n
\n );\n}\n\nexport default NewAnnouncement;","import React, { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { withStyles } from '@material-ui/core/styles';\nimport { green, grey } from '@material-ui/core/colors';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox, { CheckboxProps } from '@material-ui/core/Checkbox';\nimport { EditorState, convertToRaw } from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\nimport axios from '../../services/axios';\nimport jwt from 'jsonwebtoken';\nimport { useCookies } from 'react-cookie'\nimport Loader from '../Loader';\n\nconst GreenCheckbox = withStyles({\n root: {\n color: grey[400],\n '&$checked': {\n color: green[600],\n },\n },\n checked: {},\n})((props: CheckboxProps) => FEG Announcement
\n\n
\n Target
\n\n setEmailChecked(!emailChecked)}\n name=\"checkedG\"\n />}\n label=\"Email\"\n // style={{ display: checked ? \"none\" : \"block\" }}\n // checked={checked ? true : false}\n // disabled={optEveryone ? true : false}\n />\n {/* {\n (checked ? groups : <>)\n } */}\n setSmsChecked(!smsChecked)}\n name=\"checkedA\"\n />}\n label=\"SMS\"\n // style={{ display: locationChecked ? \"none\" : \"block\" }}\n // checked={locationChecked ? true : false}\n // disabled={optEveryone ? true : false}\n />\n {/* {\n (locationChecked ? locations : <>)\n } */}\n\n
\n Channels
\n\n setSubject(e.target.value)}\n />\n docSelect(e.target.files)}\n />\n setEditorType(e.target.value)}\n style={{\n padding: '10px',\n marginBottom: '20px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n }}\n >\n \n \n \n {editorType === 'default' ? (\n <>\n \n \n { {\n handleFileImageUrl(file);\n }}\n />\n \n ]}\n onEditorStateChange={e => { setDescription(e) }}\n />\n \n ) : (\n \n \n \n )}\n \n \n
\n {/* */}\n \n {\n myModal\n }\n {\n preview\n }\n {\n editorType === 'default' ? (\n Subject
\nAttachment
\nPicture
\n\n \n \n fileSelect(event.target.files)}\n />\n
\n images less than 4 mb only
\nEditor Type
\nAnnouncement
\n\n setInputValue(e.target.value)}\n placeholder=\"Email tester list\"\n style={{\n padding: '10px',\n marginRight: '10px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n }}\n />\n addString()}\n style={{\n padding: '10px 10px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n width: '150px',\n }}\n >\n Add test users\n \n \n
\n Email Test
\n- \n\n {strings.map((str, index) => (\n
\n\n \n
\n ) : (\n <>\n )\n }\n \n
)\n\n const preview = (\n \n
\n \n setConfirmation(false)} className=\"close\">×\n
\n \n Your announcement is about to be published.\n When you publish this announcement, all the contacts inside the Benefits\n eligible group will receive a notification about it via e-mail and sms.\n Would you like to publish it now?\n
\n\n \n
\n \n setMyPreview(false)} className=\"close\">×\n
)\n\n return (\n loaded ? {subject}
\n \n\n
\n );\n}\n\nexport default NewAnnouncement;","import { Theme } from 'src/styles/Theme';\nimport styled from 'styled-components';\nexport const MainContainer = styled.div`\n display: flex;\n gap: 20px;\n margin: 0 auto;\n width: 86%;\n @media (max-width: 768px) {\n gap: 0;\n }\n`;\nexport const PreviewContent = styled.div`\n margin: 20px;\n display: flex;\n flex-direction: column;\n padding: 0;\n h1 {\n margin: 0;\n padding: 0;\n color: ${Theme.primary};\n }\n h1.primary {\n color: ${Theme.grey};\n }\n\n img {\n max-width: 300px;\n object-fit: cover;\n }\n`;\nexport const LoadingContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n font-size: 1.5rem;\n color: ${Theme.primary};\n font-weight: bold;\n text-align: center;\n margin-top: 20px;\n p {\n margin-bottom: 20px;\n }\n`;\nexport const ContainerForm = styled.div`\n width: 40%;\n .new-announcement-latest {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n\n width: 100%;\n\n height: 100%;\n background: white;\n border-radius: 20px;\n\n h1 {\n font-weight: bold;\n color: ${Theme.primary};\n margin-left: 2rem;\n margin-top: 1rem;\n }\n\n .utils {\n margin-left: 2rem;\n\n input[type='file'] {\n display: none;\n }\n\n .imageInput label {\n cursor: pointer;\n align-items: center;\n border-radius: 10px;\n font-size: 20px;\n background-color: #efefef;\n color: #4c4c4c;\n padding: 7px 150px;\n }\n\n .imageInput p {\n color: $grey;\n margin: 0.7rem 0 0 0.2rem;\n }\n\n textarea {\n align-items: center;\n width: 100%;\n max-width: 450px;\n min-height: 20rem;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: 10px;\n font-size: 16px;\n background-color: #efefef;\n background-position: 10px 10px;\n background-repeat: no-repeat;\n padding: 5px 20px 12px 40px;\n }\n\n h4 {\n margin: 1rem 0;\n }\n }\n\n .utils input[type='text'],\n .typefile {\n align-items: center;\n width: 100%;\n max-width: 500px;\n height: 2.5rem;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: 10px;\n font-size: 16px;\n background-color: #efefef;\n background-position: 10px 10px;\n background-repeat: no-repeat;\n padding: 5px 20px 8px 10px;\n }\n\n button {\n border-radius: 10px !important;\n border: 0px;\n padding: 1rem;\n background: ${Theme.primary};\n color: #fff;\n font-size: 1.2rem;\n font-weight: bold;\n transition: 0.2s;\n margin: 0.7rem 0;\n margin-left: 2rem;\n }\n\n button:hover {\n cursor: pointer;\n opacity: 0.5;\n }\n }\n .create-announcement {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n height: 100%;\n margin-left: 2rem;\n }\n\n .create-announcement-everyone {\n align-self: flex-start;\n }\n\n .specific-groups {\n width: 22%;\n\n .MuiFormControl-root {\n width: 40%;\n }\n }\n\n .MuiFormControlLabel-root {\n margin-top: 16px;\n }\n\n .new-announcement-latest .modal {\n display: none;\n position: fixed;\n z-index: 2;\n padding-top: 150px;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n background-color: #0000001a;\n }\n\n .new-announcement-latest .modal-content {\n position: relative;\n background-color: #fefefe;\n border-radius: 20px;\n margin: auto;\n padding: 0;\n width: 50%;\n animation-name: animatetop;\n animation-duration: 0.5s;\n\n form .export {\n width: 100%;\n }\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 30%;\n height: 50%;\n border-radius: 15px !important;\n border: 0px;\n padding: 1rem !important;\n background: $bg-color;\n color: #fff;\n font-size: 1.2rem;\n font-weight: bold;\n transition: 0.2s;\n margin: 5rem 0;\n }\n\n button:hover {\n opacity: 0.5;\n }\n\n .deletebtn button {\n background-color: gray;\n cursor: pointer;\n }\n }\n\n .new-announcement-latest .modal-header {\n padding: 40px 50px;\n background-color: $bg-color;\n color: white;\n border-radius: 20px 20px 0 0;\n text-align: center;\n\n h2 {\n font-weight: 300;\n }\n }\n\n .new-announcement-latest .modal-confirmation form {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n flex-direction: row;\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .rdw-editor-wrapper {\n width: 100%;\n max-width: 500px;\n }\n\n .rdw-editor-main {\n background: #efefef;\n border-radius: 10px;\n border: 1px solid transparent;\n min-height: 150px;\n }\n\n .rdw-link-modal,\n .rdw-embedded-modal {\n min-height: 250px;\n }\n\n .rdw-image-modal-btn,\n .rdw-embedded-modal-btn,\n .rdw-link-modal-btn {\n margin: 0 5px;\n width: 100% !important;\n height: 30px;\n border: 1px solid #f1f1f1;\n margin-left: 0 !important;\n border-radius: 2px;\n padding: 0 !important;\n cursor: pointer;\n background: white;\n text-transform: capitalize;\n }\n\n @media (max-width: 700px) {\n .new-announcement-latest {\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 1rem;\n width: 100%;\n\n h1 {\n margin: 0;\n }\n\n button {\n margin: 0;\n width: 80%;\n }\n\n .utils {\n input[type='file'] {\n width: 30%;\n }\n textarea {\n width: 90%;\n }\n input[type='file'] {\n width: 90%;\n }\n }\n }\n\n .create-announcement {\n width: 90%;\n margin: 0;\n }\n\n .new-announcement-latest .utils input[type='text'],\n .typefile {\n width: 90%;\n }\n\n .specific-groups {\n margin-left: 1rem;\n margin-top: 0;\n width: 100%;\n }\n\n .rdw-editor-wrapper {\n width: 100%;\n }\n\n .rdw-editor-main {\n margin: 1rem 0;\n }\n\n .rdw-image-modal-btn,\n .rdw-embedded-modal-btn,\n .rdw-link-modal-btn {\n margin-left: 0 !important;\n width: 75px;\n height: 30px;\n border: 1px solid #f1f1f1;\n border-radius: 2px;\n padding: 0 !important;\n cursor: pointer;\n background: white;\n text-transform: capitalize;\n }\n }\n\n @media (max-width: 500px) {\n .new-announcement-latest .modal-content {\n width: 90%;\n }\n\n .new-announcement-latest .modal {\n padding-top: 60px;\n }\n\n .new-announcement-latest .utils {\n margin: 0;\n\n label {\n font-size: 15px;\n }\n }\n }\n`;\nexport const CallendarFull = styled.div`\n width: 60%;\n @media (max-width: 768px) {\n width: 100%;\n }\n .fc {\n width: 100%;\n height: 100%;\n max-height: 600px;\n }\n\n .task-question {\n width: 100%;\n background: #1260a7;\n font-weight: bold;\n border: none;\n padding: 5px;\n color: white;\n }\n .task-poll {\n width: 100%;\n background: #b400bd;\n border: none;\n font-weight: bold;\n padding: 5px;\n }\n .task-news {\n width: 100%;\n background: #e7262b;\n color: white;\n border: none;\n font-weight: bold;\n padding: 5px;\n }\n .fc-daygrid-event-dot {\n display: none;\n }\n`;\nexport const DivisorScoreboard = styled.div`\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 50%;\n @media (max-width: 768px) {\n width: 100%;\n }\n div.score {\n width: 50%;\n height: 100%;\n background-color: #f8f9fa;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n`;\nexport const ExportContainerImage = styled.div`\n img {\n max-width: 300px;\n height: auto;\n }\n .rdw-image-wrapper {\n display: none !important;\n }\n`;\n","import React, { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport {\n EditorState,\n Modifier,\n convertToRaw,\n AtomicBlockUtils\n} from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport axios, { api } from '../../services/axios';\nimport { CiImageOn } from 'react-icons/ci';\n\nimport {\n PreviewContent,\n LoadingContainer,\n CallendarFull,\n MainContainer,\n ContainerForm,\n ExportContainerImage\n} from './styled';\n\nimport { Theme } from 'src/styles/Theme';\n\nimport { FadeLoader } from 'react-spinners';\nimport 'react-calendar/dist/Calendar.css';\nimport FullCalendar from '@fullcalendar/react';\nimport listPlugin from '@fullcalendar/list';\nimport dayGridPlugin from '@fullcalendar/daygrid';\nimport timeGridPlugin from '@fullcalendar/timegrid';\nimport interactionPlugin from '@fullcalendar/interaction';\nimport GridLatestNews from '../GridLatestNews';\nimport { Checkbox, FormControlLabel } from '@material-ui/core';\n\ninterface Options {\n option: string;\n id: string;\n count?: number;\n percentage?: string;\n}\n\ninterface Question {\n id: string;\n question_answer: string;\n options: Options[];\n correct_option_id: string;\n date: string;\n active: boolean;\n}\ninterface Polls {\n id: string;\n polls_answer: string;\n options: Options[];\n date_start: string;\n date_end: string;\n totalUsers?: number;\n}\ninterface LatestNewsProps {\n view?: boolean;\n}\n\nconst LatestNews: React.FCFEG Announcement
\n\n setSubject(e.target.value)}\n />\n { \n setDescription(e) \n }}\n />\n
\n \n {\n myModal\n }\n {\n preview\n }\n \n Subject
\nPicture
\n\n \n \n fileSelect(event.target.files)}\n />\n
\n images less than 4 mb only
\nAnnouncement
\n(Please make sure to include full links in the text to carry over correctly for SMS Announcements)
\n\n \n \n )}\n\n
\n \n );\n\n const insertImage = (imgUrl: string) => {\n const contentState = fullLegend.getCurrentContent();\n\n // Cria uma entidade para a imagem\n const contentStateWithEntity = contentState.createEntity(\n 'IMAGE', // Tipo da entidade\n 'IMMUTABLE', // Tipo de mutabilidade\n { src: imgUrl, class: 'img-field' } // Dados associados\n );\n\n const entityKey = contentStateWithEntity.getLastCreatedEntityKey();\n\n // Usa o AtomicBlockUtils para inserir a entidade no editor\n const newEditorState = AtomicBlockUtils.insertAtomicBlock(\n fullLegend,\n entityKey,\n ' '\n );\n\n // Atualiza o estado do editor\n setFullLegend(\n EditorState.forceSelection(newEditorState, newEditorState.getSelection())\n );\n setImageUrl('');\n };\n\n const preview = (\n \n {\n if (loading) {\n return;\n }\n setConfirmation(false);\n }}\n className='close'\n >\n ×\n \n {publishDate ? (\n
\n {loading && (\n \n You are able to schedule a Latest News for {publishDate}. This\n will go to the Home Page and Latest News feed for all users to\n view. Please go to “Latest News” to make any edits or changes\n to your article.\n
\n ) : (\n\n You are about to publish a new Latest News. This will go to the\n Home Page and Latest News feed for all users to view.\n
\n )}\n\n Your photo/video is now uploading. Please do not close this window\n while it uploads.\n
\n\n \n
\n Title:
\n{title}
\n\n
Preview:
\n{prevLegend}
\n\n
Full Article:
\n {fullLegend && (\n <>\n<\\/p>/g, '
')\n }}\n style={{\n lineHeight: 1.3,\n marginTop: 12\n }}\n className='full-legend'\n >\n \n )}\n \n );\n const handleEventClick = (info: any) => {\n setSelectedEvent(info.event);\n\n if (info?.event.extendedProps?.type === 'news') {\n setIdLatestNews(info.event.id);\n }\n };\n const contentEvent = () => {\n if (!selectedEvent) return '';\n if (selectedEvent) {\n switch (selectedEvent.extendedProps.type) {\n case 'question':\n return (\n
\n
\n );\n case 'poll':\n return (\n Question
\n{selectedEvent.title}
\n\n
\n );\n case 'news':\n return Poll
\n\n
\n FEG Latest News
\n\n setTitle(e.target.value)}\n />\n setPrevLegend(e.target.value)}\n />\n setPublishDate(e.target.value)}\n />\n \n Choose a video or photo to upload:\n \n\n {file?.name}\n {\n handleFileChange(file);\n }}\n />\n \n Choose photo to upload:\n \n\n {thumbnail?.name}\n {\n handleThumbnail(file);\n }}\n />\n \n )}\n\n \n \n \n { {\n handleFileImageUrl(file);\n }}\n />\n \n ]}\n editorClassName='demo-editor'\n onEditorStateChange={(e) => {\n setFullLegend(e);\n }}\n />\n \n
\n Title
\nPreview Field
\nDate Publish
\nPicture or Video
\n\n The system does not accept files larger than 1TB.\n
\n {file?.type === 'video/mp4' && (\n <>\nThumbnail
\nFull Article
\n\n {\n setMyPreview(myPreview ? false : true);\n }}\n >\n Preview Content\n \n \n
\n {myModal}\n {preview}\n {contentEvent()}
\n \n\n
\n )\n\n const locations = (\n \n
\n )\n\n\n const preview = (\n \n setMyPreview(false)} className=\"close\">×\n
\n )\n\n const handleSaveDraft = async () => {\n let HtmlText\n try {\n HtmlText = await exportDesign() as object;\n console.log(\"HTML :\", HtmlText);\n } catch (error) {\n alert(\"Error HTML: \" + error);\n return;\n }\n\n api.post('/api/v1/newsletter-schedule/create', {\n draft: HtmlText,\n subject: subject,\n target_date: new Date(),\n }).then(() => {\n alert(\"Draft saved\")\n getAllNews()\n })\n }\n\n\n const handleUpdateDraft = async () => {\n let HtmlText\n try {\n HtmlText = await exportDesign() as object;\n console.log(\"HTML :\", HtmlText);\n } catch (error) {\n alert(\"Error HTML: \" + error);\n return;\n }\n\n api.put('/api/v1/newsletter-schedule/update', {\n draft: HtmlText,\n subject: subject,\n target_date: new Date(),\n id: draftId\n }).then(() => {\n alert(\"Draft updated\")\n //window.location.reload()\n })\n }\n const handleTestEmail = async () => {\n let HtmlText\n try {\n HtmlText = await exportHtmlAsync() as object;\n console.log(\"HTML :\", HtmlText);\n } catch (error) {\n alert(\"Error HTML: \" + error);\n return;\n }\n\n api.post('/api/v1/newsletter-schedule/send-email-test', {\n draft: HtmlText,\n subject: subject,\n users: strings,\n id: draftId\n }).then(() => {\n alert(\"Email sent\")\n //window.location.reload()\n })\n }\n return (\n loaded ? {subject}
\n<\\/p>/g, '
')\n }}\n >
\n \n\n\n \n\n \n \n \n {\n draftId === \"\" ? : \n }\n\n \n
\n );\n}\n\nexport default Newsletter;","import React, { useState } from 'react';\nimport Announcement from '../../components/NewAnnouncement/index';\nimport Paylocity from '../../components/NewAnnouncement/paylocity';\nimport Benefits from '../../components/NewAnnouncement/benefits';\nimport { Theme } from '../../styles/Theme';\nimport LatestNews from '../../components/LatestNews';\nimport Newsletter from 'src/components/Newsletter';\n\nconst Announcements: React.FC = () => {\n // const [options, setOptions] = useState(true)\n const [btn, setBtn] = useState({\n content: 4,\n btnCompany: '',\n btnLocal: '',\n btnBenefits: '',\n btnLatestNews: Theme.primary,\n btnNewsletter: ''\n });\n\n function changeContent() {\n if (btn.content === 1) {\n return Newsletter
\n\n\n
\n Target
\n\n setEmailChecked(!emailChecked)}\n name=\"checkedG\"\n />}\n\n label=\"Email\"\n checked={true}\n />\n setSmsChecked(!smsChecked)}\n name=\"checkedA\"\n />}\n label=\"SMS\"\n\n />\n
\n Channels
\n\n setSubject(e.target.value)}\n />\n docSelect(e.target.files)}\n />\n
\n Subject
\nAttachment
\nPicture
\n\n \n \n fileSelect(event.target.files)}\n />\n
\n images less than 4 mb only
\nAnnouncement
\n\n\n\n\n\n setInputValue(e.target.value)}\n placeholder=\"Email tester list\"\n style={{\n padding: '10px',\n marginRight: '10px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n }}\n />\n \n Add test users\n \n \n
\n Test settings
\n- \n\n {strings.map((str, index) => (\n
\n
\n\n \n\n \n\n\n\n
\n \n\n {\n preview\n }\n
\n \n
\n );\n};\n\nexport default Announcements;\n","import React, { useState, useEffect } from 'react';\nimport { useRouteMatch, useHistory } from 'react-router-dom';\nimport { Emoji } from 'emoji-mart';\nimport axios from '../../../../services/axios';\nimport Loader from '../../../Loader';\nimport Formatter from '../../Formatter';\nimport { Theme } from 'src/styles/Theme';\n\nconst Announcements: React.FC = () => {\n const [loaded, setLoaded] = useState\n \n setBtn({\n content: 4,\n btnCompany: '',\n btnLocal: '',\n btnLatestNews: Theme.primary,\n btnBenefits: '',\n btnNewsletter: ''\n })\n }\n >\n Latest News\n \n \n setBtn({\n content: 1,\n btnCompany: Theme.primary,\n btnLocal: '',\n btnBenefits: '',\n btnLatestNews: '',\n btnNewsletter: ''\n })\n }\n >\n FEG Home Users\n \n \n setBtn({\n content: 2,\n btnCompany: '',\n btnLocal: Theme.primary,\n btnBenefits: '',\n btnLatestNews: '',\n btnNewsletter: ''\n })\n }\n >\n All Paylocity Contacts\n \n \n setBtn({\n content: 3,\n btnCompany: '',\n btnLocal: '',\n btnBenefits: Theme.primary,\n btnLatestNews: '',\n btnNewsletter: ''\n })\n }\n >\n Benefits Eligible Group\n \n \n setBtn({\n content: 5,\n btnCompany: '',\n btnLocal: '',\n btnBenefits: '',\n btnLatestNews: '',\n btnNewsletter: Theme.primary\n })\n }\n >\n Newsletter\n \n
\n {changeContent()}
\n \n
\n \n );\n};\n\nexport default Announcements;\n","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport Announcement from '../../components/CompanyAnnouncements/AnnouncementList/SingleAnnouncement';\n\nconst Announcements: React.FC = () => {\n\n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n {announcements.createdAt.split('').splice(0, 11).join('')}{' '}\n {Formatter(\n announcements.createdAt.split('').splice(12, 2).join(''),\n announcements.createdAt.split('').splice(14, 3).join('')\n )}\n
\n\n setLoaded(false)}\n alt='Announcement'\n />\n {loaded ? (\n \n Author: {announcements.created_by.first_name}{' '}\n {announcements.created_by.last_name}\n \n handleDownload(announcements.url_doc)}\n className='download-button'\n style={{\n background: Theme.primary,\n color: Theme['secondary-light'],\n border: 'none',\n borderRadius: '5px',\n padding: '1rem',\n cursor: 'pointer',\n marginTop: '1rem'\n }}\n >\n Download Attachment\n \n )}\n\n {!opinionEmoji ? (\n
\n {announcements.subject}
\n\n
\n
\n
\n ) : (\n \n )}\n \n )}\n \n
Was this helpful?
\n\n sendInteraction('white_frowning_face')}\n >\n
\n \n
\n \n {' '}\n {(event.endStr ? 'End: ' : '') +\n event.endStr.split('').splice(0, 10).join('')}{' '}\n \n \n {' '}\n {Formatter(\n event.endStr.split('').splice(11, 2).join(''),\n event.endStr.split('').splice(13, 3).join('')\n )}\n \n \n
console.log(event)}>\n {(event.startStr ? \"Start: \" : \"\") + event.startStr.split('').splice(0, 10).join('')} \n {Formatter(event.startStr.split('').splice(11, 2).join(''), event.startStr.split('').splice(13, 3).join(''))}\n
\n {(event.endStr ? \"End: \" : \"\") + event.endStr.split('').splice(0, 10).join('')} \n {Formatter(event.endStr.split('').splice(11, 2).join(''), event.endStr.split('').splice(13, 3).join(''))}\n
*/}\n \n {(event.endStr ? \"End: \" : \"\") + event.endStr.split('').splice(0, 10).join('')} \n {Formatter(event.endStr.split('').splice(11, 2).join(''), event.endStr.split('').splice(13, 3).join(''))}\n
console.log(event)}>\n {(event.startStr ? \"Start: \" : \"\") + event.startStr.split('').splice(0, 10).join('')} \n {Formatter(event.startStr.split('').splice(11, 2).join(''), event.startStr.split('').splice(13, 3).join(''))}\n
\n {(event.endStr ? \"End: \" : \"\") + event.endStr.split('').splice(0, 10).join('')} \n {Formatter(event.endStr.split('').splice(11, 2).join(''), event.endStr.split('').splice(13, 3).join(''))}\n
*/}\n \n {(event.endStr ? \"End: \" : \"\") + event.endStr.split('').splice(0, 10).join('')} \n {Formatter(event.endStr.split('').splice(11, 2).join(''), event.endStr.split('').splice(13, 3).join(''))}\n
\n \n
\n\n \n {\n setModal(false);\n handlePermissions();\n }}\n className='close'\n >\n ×\n \n
\n New Event
\n\n
\n\n \n\n
\n\n
\n \n
\n\n \n setModalUpdate(false)} className='close'>\n ×\n \n
\n \n {(permission2.add ? 'true' : personal)\n ? 'Update Event'\n : 'Event information'}\n
\n\n
\n\n \n\n
\n\n
\n {modalCreateEvent}\n {modalEditEvent}\n
\n );\n};\n\nexport default Calendar;\n","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport Calendar from '../../components/CompanyCalendar';\n\nconst CompanyCalendar: React.FC = () => {\n\n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n
\n \n
\n\n
\n\n
\n\n \n
\n \n All Events (\n {\n currentEvents.filter(\n (result: any) =>\n result.type !== 'Location Opening' &&\n result.type !== 'Project'\n ).length\n }\n )\n
\n- \n {currentEvents\n .filter(\n (result: any) =>\n result.type !== 'Location Opening' &&\n result.type !== 'Project'\n )\n .map(renderSidebarEvent)}\n
\n\n
\n
\n Location Openings ({locationOpeningEvents.length})
\n- \n {locationOpeningEvents.map(renderSidebarLocationOpeningEvent)}\n
\n\n
\n
\n Projects ({projectEvents.length})
\n- {projectEvents.map(renderSidebarProjectEvent)}
\n
\n \n {}}\n timeZone='US/Central'\n eventsSet={handleEvents} // called after events are initialized/added/changed/removed\n handleWindowResize={true}\n />\n
\n \n
\n )\n\n // const graphs = (\n // <>\n // \n \n \n
\n {\n searchAnnouncement ?\n (
\n\n \n handleSearchAnnouncement(e.target.value)}\n />\n {/*
\n\n Announcement Report
\n\n exportCSV(e.target.value)} \n name=\"\">\n \n \n \n \n
*/}\n | TITLE | \nFEG HOME TOTAL OPEN | \nFEG HOME OPEN RATE | \nEMAIL SENT | \nEMAIL OPEN RATE | \nEMAIL STATUS | \nEXPORT | \n
|---|---|---|---|---|---|---|
TITLE: {data.title} | \n FEG HOME TOTAL OPEN: {data.total_opens} | \n FEG HOME OPEN RATE: {Number(data.open_rate).toFixed(1)}% | \n EMAIL SENT: {data.amount_emails_sent} | \n EMAIL OPEN RATE: {Number(data.open_rate_email).toFixed(1)}% | \n EMAIL STATUS: \n {(data.dateEmailSent !== \"\") ? \"Sent on\" : \"Error.\"}\n {\n (data.dateEmailSent !== \"\") ?\n `${data.dateEmailSent.split(\"T\")[0] + \" \" + Formatter(data.dateEmailSent.split('').splice(11, 2).join(''), data.dateEmailSent.toString().split('').splice(13, 3).join(''))}`\n :\n \"Email not triggered\"\n }\n | \n \n \n | \n
\n
)\n :\n (\n \n
)\n }\n Page: {actualPage(announcementPage.offset, announcementPage.limit)}
\n \n\n \n \n
\n {\n searchUser ?\n (
\n \n handleSearchUser(e.target.value)}\n />\n {/*
\n User Activity
\n\n exportCSV(e.target.value)} \n name=\"\">\n \n \n \n \n
*/}\n | USER | \nLOCATION | \nGROUP | \nDAILY LOGIN (LAST 7 DAYS) | \nLAST LOGIN | \n|
|---|---|---|---|---|---|
USER: {user.full_name} | \n LOCATION: {user.location_name} | \n EMAIL: {user.email} | \n GROUP: {user.group_name} | \n DAILY LOGIN: {Number(user.amount_login_in_week).toFixed(0)} | \n LAST LOGIN: {lastLoginConverter(user.daily_ago)} | \n
\n
)\n :\n (\n \n \n
\n )\n }\n Page: {actualPage(userPage.offset, userPage.limit)}
\n \n\n\n // {/* tmp.title)}\n // data={announcements.map((tmp: any) => Math.floor(tmp.open_rate))}\n // title={'Email Open Rating'}\n // colors={['#3B93AC', '#C191D9', '#9071CE', '#C2C5F0', '#D0E5FF']}\n // />\n\n //
\n // \n // )\n\n const handleSearchPaylocityAnnouncement = async (value: string) => {\n if (value.length < 1) {\n handleLoadPaylocityAnnouncements()\n } else {\n try {\n const response: any = await axios.get(`/api/v1/analytics/announcements?filter=${value}&has_paylocity=true`)\n setAnnouncements(response.data.results)\n setSearchAnnouncement(true)\n } catch (error) {\n console.log(error)\n setSearchAnnouncement(false)\n }\n }\n }\n\n const handleSearchBenefitsAnnouncement = async (value: string) => {\n if (value.length < 1) {\n handleLoadBenefitsAnnouncementsAnalytics()\n } else {\n try {\n const response: any = await axios.get(`/api/v1/analytics/announcements?filter=${value}&has_benefits=true`)\n setAnnouncements(response.data.results)\n setSearchAnnouncement(true)\n } catch (error) {\n console.log(error)\n setSearchAnnouncement(false)\n }\n }\n }\n\n const paylocityToolTable = (\n \n
\n )\n\n const benefitsToolTable = (\n \n \n \n
\n {/* {\n searchAnnouncement ?\n (
\n \n handleSearchPaylocityAnnouncement(e.target.value)}\n />\n
\n\n Paylocity Tool Announcement Report
\n| TITLE | \n {/*FEG HOME OPENS | */}\nEMAIL SENT | \nEMAIL OPEN RATE | \nSMS SENT | \nSMS SINGLE CLICKS | \nSMS CLICK RATE | \nSTATUS | \n|
|---|---|---|---|---|---|---|---|---|
TITLE: {data.title} | \n {/* FEG HOME OPENS: {data.total_opens} | */}\n EMAIL SENT: {data.amount_emails_sent} | \n EMAIL OPEN RATE: {Number(data.open_rate_email).toFixed(1)}% | \n SMS SENT: {data.amount_sms_sent} | \n SMS SINGLE CLICKS: {data.total_clicks_sms} | \n SMS CLICK RATE: {Number(data.open_rate_sms).toFixed(1)}% | \n STATUS: \n {(data.createdAt !== \"\") ? \"Sent on\" : \"Error.\"}\n {\n (data.createdAt !== \"\") ?\n `${data.createdAt.split(\"T\")[0] + \" \" + Formatter(data.createdAt.split('').splice(11, 2).join(''), data.createdAt.toString().split('').splice(13, 3).join(''))}`\n :\n \"Email not triggered\"\n }\n | \n \n \n | \n
\n
)\n :\n (\n \n
)\n } */}\n Page: {actualPage(announcementPage.offset, announcementPage.limit)}
\n \n\n
\n )\n\n const userReportTable = (\n \n \n \n
\n {/* {\n searchAnnouncement ?\n (
\n \n handleSearchBenefitsAnnouncement(e.target.value)}\n />\n
\n\n Benefits Eligible Group Announcement Report
\n| TITLE | \n {/*FEG HOME OPENS | */}\nEMAIL SENT | \nEMAIL OPEN RATE | \nSMS SENT | \nSMS SINGLE CLICKS | \nSMS CLICK RATE | \nSTATUS | \n|
|---|---|---|---|---|---|---|---|---|
TITLE: {data.title} | \n {/* FEG HOME OPENS: {data.total_opens} | */}\n EMAIL SENT: {data.amount_emails_sent} | \n EMAIL OPEN RATE: {Number(data.open_rate_email).toFixed(1)}% | \n SMS SENT: {data.amount_sms_sent} | \n SMS SINGLE CLICKS: {data.total_clicks_sms} | \n SMS CLICK RATE: {Number(data.open_rate_sms).toFixed(1)}% | \n STATUS: \n {(data.createdAt !== \"\") ? \"Sent on\" : \"Error.\"}\n {\n (data.createdAt !== \"\") ?\n `${data.createdAt.split(\"T\")[0] + \" \" + Formatter(data.createdAt.split('').splice(11, 2).join(''), data.createdAt.toString().split('').splice(13, 3).join(''))}`\n :\n \"Email not triggered\"\n }\n | \n \n \n | \n
\n
)\n :\n (\n \n
)\n } */}\n Page: {actualPage(announcementPage.offset, announcementPage.limit)}
\n \n\n
\n )\n\n const handleLoadPaylocityAnnouncements = async () => {\n setTargetButton(2)\n setLoading(true)\n try {\n await axios.get(`/api/v1/analytics/announcements?limit=5&offset=0&has_paylocity=true`).then(response => {\n setAnnouncements(response.data.results)\n setAnnouncementPage(response.data)\n setSearchAnnouncement(false)\n setDisplayBenefits(false)\n setDisplayPaylocity(true)\n setDisplayUserReport(false)\n })\n } catch (error) {\n console.log(error)\n }\n setLoading(false)\n }\n\n const handleLoadBenefitsAnnouncementsAnalytics = async () => {\n setTargetButton(3)\n setLoading(true)\n try {\n await axios.get(`/api/v1/analytics/announcements?limit=5&offset=0&has_benefits=true`).then(response => {\n setAnnouncements(response.data.results)\n setAnnouncementPage(response.data)\n setSearchAnnouncement(false)\n setDisplayPaylocity(false)\n setDisplayBenefits(true)\n setDisplayUserReport(false)\n })\n } catch (error) {\n console.log(error)\n }\n setLoading(false)\n }\n\n const handleLoadUserReportAnalytics = async () => {\n setTargetButton(4)\n setLoading(true)\n try {\n await axios.get(`api/v1/accounts/last/7days`).then(response => {\n setUser7(response.data)\n setSearchUser(false)\n setDisplayPaylocity(false)\n setDisplayBenefits(false)\n setDisplayUserReport(true)\n })\n await axios.get(`api/v1/accounts/last/1day`).then(response => {\n setUser1(response.data)\n setSearchUser(false)\n setDisplayPaylocity(false)\n setDisplayBenefits(false)\n setDisplayUserReport(true)\n })\n } catch (error) {\n console.log(error)\n }\n setLoading(false)\n }\n\n return (\n loading ?\n \n \n \n
\n\n {/*
\n \n
\n\n User Report Analytics
\n\n\n setUserTime('7')}\n >\n 7 days\n \n setUserTime('1')}\n >\n 24 hours\n \n
\n \n
\n\n \n \n {userTime === '7' ? (\n {user7?.filter((user) => user.status_name === 'Active').length}\n ) : (\n {user1?.filter((user) => user.status_name === 'Active').length}\n )}\n
\n\n \n \n {userTime === '7' ? (\n {user7?.filter((user) => user.status_name !== 'Active').length}\n ) : (\n {user1?.filter((user) => user.status_name !== 'Active').length}\n )}\n
\n | NAME | \nLOCATION | \nGROUP | \nSTATUS | \n {/*CREATED AT | */}\n|
|---|---|---|---|---|---|
{user.full_name} | \n {user.location_name} | \n {user.user_email} | \n {user.group_name} | \n {user.status_name} | \n {/* {user.createdAt} | */}\n
{user.full_name} | \n {user.location_name} | \n {user.user_email} | \n {user.group_name} | \n {user.status_name} | \n {/* {user.createdAt} | */}\n
\n {\n handleSwitchPage(userPage.prevPage, 'user-report');\n }}\n >\n Prev Page\n \n {\n handleSwitchPage(userPage.nextPage, 'user-report');\n }}\n >\n Next Page\n \n
*/}\n Page: {actualPage(userPage.offset, userPage.limit)}
\n\n {/*/
\n )\n}\nexport default Analytics;","import React, {useEffect} from 'react';\nimport ReactGA from 'react-ga';\nimport Analytics from '../../components/Analytics';\n\nconst FEGAnalytics: React.FC = () => {\n\n useEffect(() => {\n ReactGA.initialize('UA-189380132-1')\n ReactGA.pageview(window.location.pathname + window.location.search)\n })\n\n return (\n \n \n \n
/*/}\n \n \n \n \n \n
\n \n {\n (!displayPaylocity && !displayBenefits && !displayUserReport) && tables\n }\n {\n // !displayPaylocity ? tables : (paylocityToolTable)\n displayPaylocity && paylocityToolTable\n }\n {\n // !displayPaylocity ? tables : (paylocityToolTable)\n displayBenefits && benefitsToolTable\n }\n {\n displayUserReport && userReportTable\n }\n
\n \n {profile_names.map((value) => (\n
\n )\n }\n\n function renderSelectedGroup(selected: unknown) {\n let groups_names: string[] = []\n\n for (let id of selected as string[]) {\n groups.map((group) => {\n if (id === group.id) {\n groups_names.push(group.name)\n }\n })\n }\n\n return (\n \n {groups_names.map((value) => (\n
\n )\n }\n\n function handleGroupOptions(profiles_id: string[]) {\n let data: Group[] = []\n\n profiles_id.map((id) => {\n groups.filter((group) => group.profile_id === id).map((group) => {\n data.push(group)\n })\n })\n\n setGroupOptions(data)\n }\n\n function clearSelects() {\n setSelectProfile([])\n setSelectedGroup([])\n }\n\n const shortcutModal = (\n \n
\n );\n\n\n return !loaded ? (\n \n
\n \n {\n setTriggerModal(false);\n clearImages();\n clearGroup()\n clearSelects()\n }}\n className='close'\n >\n ×\n \n
\n FEG Home Shortcut Manager
\n\n {!loaded ? (\n
\n \n \n setShortcutTarget({\n ...shortcutTarget,\n name: e.target.value\n })\n }\n />\n\n
\n \n \n Profiles \n \n {profiles.map((profile) => (\n \n ))}\n \n \n\n \n Groups \n \n {groupOptions.map((group) => (\n \n ))}\n \n \n
\n\n {/* \n \n setShortcutTarget({\n ...shortcutTarget,\n display_name1: e.target.value\n })\n }\n />\n \n setShortcutTarget({\n ...shortcutTarget,\n display_name2: e.target.value\n })\n }\n />\n
\n \n \n setShortcutTarget({\n ...shortcutTarget,\n link_desktop: e.target.value\n })\n }\n />\n \n setShortcutTarget({\n ...shortcutTarget,\n link_mobile: e.target.value\n })\n }\n />\n
\n \n
\n \n fileSelectDesktop(event.target.files)}\n />\n \n
\n \n fileSelectMobile(event.target.files)}\n />\n \n
\n \n makeShortcutAction()}\n disabled={!allInputs}\n >\n SAVE\n \n
\n \n )}\n \n
\n );\n};\n\nexport default ShortcutManagement;\n","import React, { useState, useEffect } from 'react';\nimport {\n TextField,\n Table,\n TableContainer,\n TableHead,\n TableRow,\n TableCell,\n TableBody,\n Paper,\n IconButton\n} from '@material-ui/core';\nimport { ToggleOff } from '@material-ui/icons';\nimport jwt from 'jsonwebtoken';\nimport axios from '../../../services/axios';\nimport { useCookies } from 'react-cookie';\nimport { useHistory } from 'react-router-dom';\nimport Loader from 'src/components/Loader';\nimport { withStyles } from '@material-ui/core/styles';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport { FiImage } from 'react-icons/fi';\nimport {\n DragDropContext,\n Droppable,\n Draggable,\n DraggableProvided,\n DroppableProvided,\n DraggableStateSnapshot\n} from 'react-beautiful-dnd';\nimport { Theme } from 'src/styles/Theme';\n\nconst ShortcutManagement: React.FC = () => {\n const [permissions, setPermissions] = useState({\n view: false,\n add: false,\n edit: false,\n delete: false\n });\n const [loaded, setLoaded] = useState\n
\n {shortcutModal}\n FEG Apps Manager
\n\n handleSearchShortcut(e.target.value)}\n className='searchShortcut'\n />\n {\n setShortcutTarget({});\n clearImages();\n setTriggerModal('create');\n clearSelects()\n }}\n >\n Add Feg App\n \n
\n \n \n \n
\n \n
\n \n
\n );\n};\n\nexport default ShortcutManagement;\n","import React, { useEffect, useState } from 'react';\nimport { useCookies } from 'react-cookie';\nimport ActiveShortcuts from '../../components/Shortcuts';\nimport InactiveShortcuts from '../../components/Shortcuts/InactivesPage';\nimport jwt from 'jsonwebtoken';\nimport { useHistory } from 'react-router-dom';\nimport { Theme } from 'src/styles/Theme';\n\nconst Shortcuts: React.FC = () => {\n const [btn, setBtn] = useState({\n content: 1,\n btnActive: Theme.primary,\n btnInactive: ''\n });\n const [permissions, setPermissions] = useState({\n view: false,\n add: false,\n edit: false,\n delete: false\n });\n const [cookies, ,] = useCookies(['token']);\n const history = useHistory();\n const token = cookies.token;\n\n useEffect(() => {\n handlePermissions();\n }, []);\n\n const handlePermissions = () => {\n if (token) {\n jwt.verify(\n token.toString(),\n '8Zz5tw0Ionm3XPZZfN0NOml3z9FMfmpgXwovR9fp6ryDIoGRM8EPHAB6iHsc0fb',\n (err: any, decoded: any) => {\n if (err) {\n history.push('/');\n } else {\n if (decoded.roles.shortcuts.view !== true) {\n alert('Insufficient Permissions');\n history.push('/');\n } else {\n setPermissions(decoded.roles.shortcuts);\n }\n }\n }\n );\n }\n };\n\n function changeContent() {\n if (btn.content === 1) {\n return \n {/*
\n FEG Home Shortcut Manager
*/}\nInactive Shortcuts
\n\n handleSearchShortcut(e.target.value)}\n className='searchShortcut'\n />\n
\n \n \n \n
\n \n
\n \n
\n );\n};\n\nexport default Shortcuts;\n","import React, { FC, useEffect, useState } from 'react'\nimport { createStyles, FormControl, InputLabel, makeStyles, MenuItem, Select, Theme, Button, withStyles } from '@material-ui/core'\nimport { TableContainer, Table, TableBody, TableCell, TableHead, TableRow, Paper, Checkbox } from '@material-ui/core'\nimport { useHistory } from 'react-router-dom';\nimport { useCookies } from 'react-cookie'\nimport axios from '../../services/axios'\nimport jwt from 'jsonwebtoken'\n\nconst bgColor = '#7f43f5'\nconst hoverColor = '#6535e9'\nconst textColor = '#fff'\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n },\n selectEmpty: {\n marginTop: theme.spacing(2),\n },\n table: {\n minWidth: 650,\n },\n header: {\n display: 'flex',\n justifyContent: \"space-between\",\n alignItems: 'center'\n },\n tableHeader: {\n backgroundColor: bgColor\n }\n }),\n);\n\nconst TableHeaderCell = withStyles(() => ({\n root: {\n color: textColor\n }\n}))(TableCell)\n\nconst SaveButton = withStyles(() => ({\n root: {\n backgroundColor: bgColor,\n color: textColor,\n '&:hover': { backgroundColor: hoverColor }\n }\n}))(Button)\n\ntype Profile = {\n id: string\n name: string\n}\n\ntype Group = {\n id: string\n name: string\n profile_id: string\n}\n\ntype LevelAccess = {\n group_id: string\n namegroup: string\n modules: any\n roles: any\n}\n\ntype Roles = {\n name: string\n roles: {\n view: boolean,\n add: boolean,\n edit: boolean,\n delete: boolean\n }\n}\n\nconst Permission: FC = () => {\n const classes = useStyles()\n const [groups, setGroups] = useState\n \n setBtn({\n content: 1,\n btnActive: Theme.primary,\n btnInactive: ''\n })\n }\n >\n Active Apps\n \n \n setBtn({\n content: 2,\n btnActive: '',\n btnInactive: Theme.primary\n })\n }\n >\n Inactive Apps\n \n
\n {changeContent()}
\n \n
\n )\n}\nexport default Permission","/* eslint-disable react/prop-types */\nimport { Button, Input, TextField } from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport axios from '../../services/axios';\nimport { Md5 } from 'md5-typescript';\n\ninterface Props {\n setPasswordExpired: (value: boolean) => void;\n}\n\nconst PasswordExpired: React.FC\n \n \n
\n \n
\n Permission Management
\n\n\n
\n\n\n \n \n User Profile \n \n \n\n \n User Group \n \n \n
\n\n \n \n Save \n \n
\n \n setPassword(e.target.value)}\n type='password'\n />\n setRepetPassword(e.target.value)}\n variant='standard'\n type='password'\n />\n
\n );\n};\n\nexport default PasswordExpired;\n","import React, { useEffect, useState } from 'react';\n\nconst useWindowWith = (): number => {\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n\n useEffect(() => {\n // Update the window width when the component mounts\n setWindowWidth(window.innerWidth);\n\n // Create a listener function to update the window width on resize\n const handleResize = () => {\n setWindowWidth(window.innerWidth);\n };\n\n // Attach the listener function to the window's resize event\n window.addEventListener('resize', handleResize);\n\n // Clean up the listener when the component unmounts\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []); // Empty dependency array to run the effect only once\n\n return windowWidth;\n};\n\nexport default useWindowWith;\n","import React, { useState, useRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\n// Tipos para as props\ninterface PopoverProps {\n triggerContent: ReactNode;\n popoverContent: ReactNode;\n}\n\n// Estilização com styled-components\nconst PopoverContainer = styled.div`\n position: relative;\n display: inline-block;\n`;\n\nconst PopoverTrigger = styled.div`\n display: inline-block;\n cursor: pointer;\n`;\n\nconst PopoverContent = styled.div<{ isVisible: boolean }>`\n position: absolute;\n top: 120%; /* Ajuste conforme necessário */\n left: 50%;\n\n background-color: white;\n border: 1px solid #ccc;\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n padding: 10px;\n border-radius: 5px;\n z-index: 10;\n white-space: nowrap;\n opacity: ${(props) => (props.isVisible ? 1 : 0)};\n visibility: ${(props) => (props.isVisible ? 'visible' : 'hidden')};\n transition: opacity 0.2s ease, visibility 0.2s ease;\n\n &::before {\n content: '';\n position: absolute;\n top: -10px;\n left: 50%;\n\n border-style: solid;\n border-color: transparent transparent white transparent;\n }\n`;\n\n// Componente Popover\nconst Popover: React.FCUpdate Password
\n\n You must update your password to move forward\n
\n\n
\n\n {message}
\n\n \n
\n \n\n \n ![]()
nav.push('/new-home')} style={{ cursor: 'pointer' }} className={`${!props.sidebarOpen && 'actived'}`} src={props.sidebarOpen ? logo : miniLogo} alt='FEG LOGO' />\n\n {\n props.setSidebarOpen(!props.sidebarOpen)\n }}\n />\n \n\n handleNav('/list-shortcuts')}\n className={`short ${location.pathname === '/list-shortcuts' ? 'active opt' : 'opt'}`}\n > \n
\n\n\n FEG Apps
\nFEG Apps
} />\n Announcements
\nAnnouncements
} />\n \n\n\n\n\n\n Ask FEG
\nChat
} />\n \n\n\n Knowledge Base
\nKnowledge Base
} />\n \n\n\n Trivia
\nTrivia
} />\n \n\n\n\n {\n props.sidebarOpen && (\n Admin
\n\n {activedDownAdmin === '/admin' ?Knowledge Base Upload
\nKnowledge base Upload
} />\n \n\n Chat Analytics
\nChat Analytics
} />\n \n\n New Announcement
\nNew Announcement
} />\n \n\n\n Location Management
\nLocation Management
} />\n \n\n Company Calendar
\nCompany Calendar
} />\n \n\n Admin Trivia
\nAdmin Trivia
} />\n \n Analytics
\nAnalytics
} />\n \n Shortcuts config
\nShortcuts config
} />\n \n Job title
\nJob title
} />\n \n Permissions
\nPermissions
} />\n \n User Validations
\nUser Validations
} />\n \n Users Management
\nUsers Management
} />\n \n Notification Admin
\nUsers Management
} />\n \n \n )\n }\n\n\n {props.sidebarOpen && (\n \n \n
\n )}\n\n \n\n props.setSidebarOpen(!props.sidebarOpen)}>
\n \n\n\n {handleAccessPermissions()}
\n \n );\n};\n\nexport default SideBar;\n","import React, { useState } from 'react';\nimport { FiMail, FiFile } from 'react-icons/fi';\nimport axios from '../../../services/axios';\nimport Monograma from '../../../images/Monograma.png';\nimport Loader from '../../Loader';\n\nimport { useCookies } from 'react-cookie';\n\nconst ProfileInfo = () => {\n const image = localStorage.getItem('image_url');\n const [update, setUpdate] = useState(false);\n const [updateFirstName, setUpdateFirstName] = useState(false);\n const [updateLastName, setUpdateLastName] = useState(false);\n const [updatePicture, setPicture] = useState(false);\n const [name, setName] = useState('');\n const [nameLast, setNameLast] = useState('');\n const [imageFile, setImageFile] = useState({\n selectedFile: '',\n type: ''\n });\n const [imageName, setImageName] = useState('');\n const [loaded, setLoaded] = useState(false);\n const firstName = localStorage.getItem('firstName');\n const lastName = localStorage.getItem('lastName');\n const userID = localStorage.getItem('id');\n const email = localStorage.getItem('email');\n\n const [, setCookie] = useCookies(['token']);\n\n function fileSelect(props: any) {\n if (props[0] === undefined) {\n setImageName('');\n setImageFile({\n selectedFile: '',\n type: ''\n });\n return;\n }\n setImageName(props[0].name);\n const reader = new FileReader();\n reader.readAsDataURL(props[0]);\n\n reader.onload = (e: any) => {\n setImageFile({\n selectedFile: e?.target?.result,\n type: props[0].type\n });\n };\n }\n\n function updateBtn() {\n if (update === false) setUpdate(true);\n else {\n setUpdate(false);\n }\n }\n\n function showFirstName() {\n if (updateFirstName === false) setUpdateFirstName(true);\n else {\n setUpdateFirstName(false);\n }\n }\n\n function showLastName() {\n if (updateLastName === false) setUpdateLastName(true);\n else {\n setUpdateLastName(false);\n }\n }\n\n function showPicture() {\n if (updatePicture === false) setPicture(true);\n else {\n setPicture(false);\n }\n }\n\n function handleLogout() {\n // alert('Disconnected User')\n setTimeout(() => {\n localStorage.clear();\n if (process.env.REACT_APP_ACCOUNT_URL) {\n window.location.href = `${process.env.REACT_APP_ACCOUNT_URL}/logout`;\n } else {\n window.location.href = 'https://account.systemfeg.com/logout';\n }\n }, 1000);\n }\n\n async function handleUpdate(id: string) {\n if (name === '') {\n setName(firstName!);\n }\n\n if (nameLast === '') {\n setNameLast(lastName!);\n }\n\n if (name !== '' && nameLast !== '') {\n const data = {\n firstName: name,\n lastName: nameLast,\n image: imageFile\n };\n try {\n setLoaded(true);\n const response = await axios.put(`/api/v1/accounts/${id}`, data);\n // console.log(response.data)\n await setCookie('token', response.data.token);\n localStorage.clear();\n localStorage.setItem('token', response.data.token);\n window.location.reload();\n } catch (error) {\n alert('Error updating user');\n console.log(error);\n setLoaded(false);\n }\n }\n }\n\n const changeFirstName = (\n <>\n {/* Name
*/}\nName
*/}\nName
*/}\n\n
\n
\n \n );\n\n return (\n First Name
\n\n
\n\n {firstName}
\n \n {updateFirstName ? changeFirstName : <>}\nLast Name
\n\n
\n\n {lastName}
\n \n {updateLastName ? changeLastName : <>}\nPicture
\n\n 
\n \n {updatePicture ? changePicture : <>}\n
\n {loaded ? (\n \n \n
\n\n
\n );\n};\n\nexport default ProfileInfo;\n\nfunction state(state: any) {\n throw new Error('Function not implemented.');\n}\n","import React, { useState } from 'react';\nimport { FiSettings } from 'react-icons/fi';\nimport ProfileInfo from './ProfileInfo';\n\nconst LoginButton = (props: any) => {\n const [extended, setExtended] = useState(false);\n\n function openNav() {\n setExtended(true);\n }\n\n function closeNav() {\n setExtended(false);\n }\n\n return (\n <>\n \n
\n\n \n {firstName} {lastName}\n
\n\n
\n \n\n\n {email}
\n\n\n
\n
\n {update ? updateOn : <>}\n \n
\n \n {firstName} {lastName}\n
\n\n
\n Update your settings
\n \nUser Profile
\n\n
\n {notify.length > 0 ? (\n \n ) : (\n <>\n \n {notify.map((notify) => (\n clearOne(notify)}\n key={notify.id}\n className={`notification ${notify.is_open ? 'notification-open' : ''\n }`}\n >\n
\n
\n ))}\n {notify.content}
\n\n {formatDate(notify.createdAt)}\n
\n\n
No Notification
\n \n \n )}\n \n );\n\n return (\n \n {\n if (screen < 700) {\n props.handleClickCloseSidebar();\n }\n if (modal) {\n clearAll();\n }\n\n setModal(!modal);\n }}\n title='Notifications'\n className={`${notify.length > 0 ? 'image' : ''}`}\n >\n
\n );\n};\nexport default Notifications;\n","import React, { useEffect, useState } from 'react';\nimport jwt from 'jsonwebtoken';\nimport LoginButton from '../LoginButton';\nimport Notifications from '../Notifications';\nimport { useCookies } from 'react-cookie';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { FiMenu } from 'react-icons/fi';\nimport { Theme } from 'src/styles/Theme';\nimport { FaSearch } from \"react-icons/fa\";\nimport { FaAngleDown } from \"react-icons/fa\";\nimport Search from './Search';\nimport { Avatar } from '@material-ui/core';\n\n\nconst Header = (props: any | 0) => {\n const [loaded, setLoaded] = useStateWelcome
\n ) : (\n\n {!props.sidebarOpen && (\n props.setSidebarOpen(!props.sidebarOpen)}\n />\n )}\n {/*\n \n Exit to my user\n \n
\n )}\n\n \n
\n */}\n\n\n \n {\n image ? {firstName[0]} \n }\n\n
\n \n \n );\n};\n\nexport default Header;\n","import React, { useEffect, useState } from 'react';\nimport { FiImage, FiPaperclip, FiEdit, FiTrash } from 'react-icons/fi';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { useCookies } from 'react-cookie'\nimport Select from 'react-select';\nimport Formatter from 'src/components/CompanyAnnouncements/Formatter';\nimport Loader from 'src/components/Loader';\nimport axios from '../../services/axios';\nimport jwt from 'jsonwebtoken'\n\nconst SpecialEvent: React.FC = () => {\n type ParamTypes = {\n id: string;\n };\n interface imageFormat {\n selectedFile: '';\n type: '';\n }\n interface imageArray extends Array\n
\n\n {info}
\n\n
\n \n );\n\n useEffect(() => {\n handleLoaded();\n handlePermissions()\n }, []);\n\n\n function handlePermissions() {\n if (localStorage.getItem('token')) {\n jwt.verify(\n localStorage.getItem('token')!.toString(),\n '8Zz5tw0Ionm3XPZZfN0NOml3z9FMfmpgXwovR9fp6ryDIoGRM8EPHAB6iHsc0fb',\n (err: any, decoded: any) => {\n if (err) {\n alert(err)\n } else {\n if (decoded.roles.events.view === false) {\n alert('Permission denied')\n if (process.env.REACT_APP_URL) {\n window.location.href = `${process.env.REACT_APP_URL}`\n }\n } else {\n setPermissions(decoded.roles.events)\n }\n }\n }\n )\n } else {\n jwt.verify(\n token!.toString(),\n '8Zz5tw0Ionm3XPZZfN0NOml3z9FMfmpgXwovR9fp6ryDIoGRM8EPHAB6iHsc0fb',\n (err: any, decoded: any) => {\n if (err) {\n alert(err)\n } else {\n if (decoded.roles.events.view === false) {\n alert('Permission denied');\n if (process.env.REACT_APP_URL) {\n window.location.href = `${process.env.REACT_APP_URL}`\n }\n } else {\n setPermissions(decoded.roles.events)\n }\n }\n }\n )\n }\n }\n\n\n function saveAdditionalFollowers() {\n let customerIds = []\n\n if (additionalFollowersIds.length > 0) {\n for (let x of additionalFollowersIds) {\n customerIds.push(x.value)\n }\n }\n\n const updateFollowersData = {\n event_id: id,\n customer_ids: customerIds\n }\n\n axios.post('/api/v1/events/special/additional_users', updateFollowersData).then(() => {\n setAdditionalFollowers(additionalFollowersIds)\n })\n }\n\n return loaded ? (\n \n setConfirmation(false)} className='close'>\n ×\n \n
\n \n This event will be deleted for all users, not just on your calendar.\n This exclusion is irreversible. Do you wish to continue?\n
\n\n \n
\n \n \n
\n
\n {deleteConfirmationModal}\n \n );\n};\n\nexport default SpecialEvent;\n","import React, { useState, useEffect } from 'react';\nimport {\n TextField,\n Button,\n Table,\n TableContainer,\n TableHead,\n TableRow,\n TableCell,\n TableBody,\n Paper,\n IconButton\n} from '@material-ui/core';\nimport {\n Delete,\n Edit,\n ArrowRight,\n ArrowRightSharp,\n ArrowLeft,\n ArrowLeftSharp,\n ToggleOff\n} from '@material-ui/icons';\nimport jwt from 'jsonwebtoken';\nimport axios from '../../services/axios';\nimport { useCookies } from 'react-cookie';\nimport { useHistory } from 'react-router-dom';\nimport Loader from 'src/components/Loader';\nimport GooglePlacesAutocomplete from 'react-google-places-autocomplete';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from 'src/styles/Theme';\n\nconst LocationManagement: React.FC = () => {\n const [value, ,] = useState();\n const [loaded, setLoaded] = useState\n changeEditModeOfInputs('title')}\n />\n \n {/* {specialEvent?.event_title} */}\n setTitle(e.target.value)}\n className='specialEventTitle'\n />\n
\n \n
\n\n \n updateEvent()}\n className='specialEventUpdateButton'\n style={{ display: editMode.length >= 1 ? '' : 'none' }}\n >\n Save changes\n \n
\n\n \n \n Event type:\n \n
\n {specialEvent?.event_type}
\n\n \n Creator:\n \n
\n {specialEvent?.created_by.full_name}
\n\n \n changeEditModeOfInputs('description')}\n />\n \n Description:\n \n setDescription(e.target.value)}\n />\n
\n \n \n changeEditModeOfInputs('address')}\n />\n \n Address, meeting link, or file link:\n \n setAddress(e.target.value)}\n />\n
\n \n
\n\n \n Created at:\n
\n \n {specialEvent?.createdAt.split('').splice(0, 10).join('')} \n {Formatter(\n specialEvent?.createdAt.split('').splice(11, 2).join(''),\n specialEvent?.createdAt.split('').splice(13, 3).join('')\n )}\n
\n\n Last updated at:\n
\n \n {specialEvent?.updatedAt\n ? specialEvent?.updatedAt.split('').splice(0, 10).join('')\n : specialEvent?.createdAt.split('').splice(0, 10).join('')}\n \n {specialEvent?.updatedAt\n ? Formatter(\n specialEvent?.updatedAt.split('').splice(11, 2).join(''),\n specialEvent?.updatedAt.split('').splice(13, 3).join('')\n )\n : Formatter(\n specialEvent?.createdAt.split('').splice(11, 2).join(''),\n specialEvent?.createdAt.split('').splice(13, 3).join('')\n )}\n
\n\n changeEditModeOfInputs('start_time')}\n />\n \n Start time:\n
\n setEventStart(e.target.value)}\n />\n
\n \n
\n changeEditModeOfInputs('end_time')}\n />\n \n End time:\n
\n setEventEnd(e.target.value)}\n />\n
\n \n
\n
\n \n Followers (groups):\n
\n Additional followers:\n
\n saveAdditionalFollowers()}\n disabled={additionalFollowers === additionalFollowersIds}\n >\n Save\n \n setConfirmation(true)}\n className='specialEventDeleteButton'\n >\n Delete event\n \n
\n Comments
\n\n
\n \n setNewComment(e.target.value)}\n />\n
\n\n \n \n fileSelect(e.target.files)}\n className='form-control mb-3'\n accept='.jpg,.png'\n multiple\n />\n createComment()}\n className='btn btn-custom'\n >\n Reply\n \n
\n \n {specialEvent.comments &&\n specialEvent?.comments.map((singleComment: any, key: any) => (\n
\n \n
\n ))}\n \n \n #{key + 1}\n \n \n setUpdatedComment(e.target.value)}\n />\n {/*
\n {singleComment.message}
*/}\n {singleComment.files.map((link: any) => (\n <>\n \n\n {\n try {\n setLoaded(true);\n await axios.put(\n `/api/v1/events/special/comments/${singleComment.id}`,\n {\n message: updatedComment\n }\n );\n window.location.reload();\n } catch (error) {\n alert(\n 'Error while deleting this comment, please reload the page and try again.'\n );\n setLoaded(false);\n }\n }}\n >\n Confirm Updates\n \n {\n setEditComment(singleComment.id);\n setUpdatedComment(singleComment.message);\n }}\n />\n {\n const confirmation = window.confirm(\n 'Please confirm your decision. This action is permanent.'\n );\n if (confirmation == true) {\n try {\n setLoaded(true);\n await axios.delete(\n `/api/v1/events/special/comments/${singleComment.id}`\n );\n window.location.reload();\n } catch (error) {\n alert(\n 'Error while deleting this comment, please reload the page and try again.'\n );\n setLoaded(false);\n }\n }\n }}\n />\n
\n \n {singleComment.created_by.full_name}\n \n {new Date(singleComment.createdAt).toLocaleString(\n 'en-US',\n {\n timeZone: 'US/Central'\n }\n )}\n \n
\n\n
\n );\n\n const deleteLocationModal = (\n \n
\n \n setTriggerModal(false)} className='close'>\n ×\n \n
\n \n FEG Home Locations\n
\n\n {!loaded ? (\n
\n \n {\n setLocationTarget({\n ...locationTarget,\n name: e.target.value\n });\n }}\n placeholder='Enter the name:'\n inputProps={{ maxLength: 80 }}\n />\n {\n setLocationTarget({\n ...locationTarget,\n display_name: e.target.value\n });\n }}\n placeholder='Enter the display name:'\n inputProps={{ maxLength: 80 }}\n />\n
\n \n
\n \n {\n setLocationTarget({\n ...locationTarget,\n store_id: e.target.value.replace(/\\D/g, '')\n });\n }}\n placeholder='Enter the store ID:'\n inputProps={{ maxLength: 4 }}\n />\n
\n \n {\n setLocationTarget({\n ...locationTarget,\n address: e.label\n });\n }\n }}\n />\n
\n \n {\n setLocationTarget({\n ...locationTarget,\n phone: e.target.value\n .replace(/\\D+/g, '')\n .replace(/(\\d{3})(\\d)/, '($1) $2')\n .replace(/(\\d{3})(\\d)/, '$1-$2')\n .replace(/(\\d{4})-(\\d)(\\d{4})/, '$1$2-$3')\n .replace(/(-\\d{4})\\d+?$/, '$1')\n });\n }}\n placeholder='Enter the phone:'\n inputProps={{ maxLength: 20 }}\n />\n
\n \n makeLocationAction()}\n >\n SAVE\n \n
\n \n )}\n \n
\n \n \n );\n\n return !loaded ? (\n \n setTriggerDeleteModal(false)} className='close'>\n ×\n \n
\n \n FEG Home Locations\n
\n\n {!loaded ? (\n \n handleDeleteLocation(locationTarget.id)}\n >\n YES\n \n setTriggerDeleteModal(false)}\n >\n NO\n \n
\n \n )}\n \n
\n \n You are deleting a location from the system. This action\n cannot be reversed. Do you want to proceed?\n
\n\n
\n );\n};\n\nexport default LocationManagement;\n","import React, { useEffect, useRef, useState } from 'react';\nimport axios from '../../services/axios';\nimport Monograma from '../../images/Monograma.png';\nimport Loader from 'src/components/Loader';\nimport Formatter from 'src/components/CompanyAnnouncements/Formatter';\nimport { useCookies } from 'react-cookie';\n\nconst MyProfile: React.FC = () => {\n const owner_id = localStorage.getItem('owner_id');\n const [userData, setUserData] = useState\n
\n {locationModal}\n {deleteLocationModal}\n FEG Home Locations
\n\n handleSearchLocation(e.target.value)}\n className='searchLocation'\n />\n {\n setLocationTarget({});\n setTriggerModal('create');\n }}\n >\n Add New\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n {limit} to{' '}\n {limit < locations.length - 10 ? limit + 10 : locations.length},\n total of {locations.length} locations\n
\n\n handleLimit(0)}\n disabled={limit === 0}\n >\n handleLimit(limit - 10)}\n disabled={limit === 0}\n >\n handleLimit(limit + 10)}\n disabled={limit >= locations.length - 10}\n >\n handleLimit(locations.length - 10)}\n disabled={limit >= locations.length - 10}\n >\n
\n \n \n fileSelect(event.target.files)}\n />\n
\n );\n};\n\nexport default MyProfile;\n","import styled from 'styled-components';\nimport { Theme } from '../../styles/Theme';\n\nexport const MapJobtitle = styled.div`\n width: 80%;\n align-items: center;\n margin: 30px auto;\n div.content-groups {\n display: flex;\n }\n button {\n margin: 10px;\n }\n div.div-content {\n margin: 0 auto;\n max-width: 900px;\n width: 100%;\n background-color: white;\n min-height: 800px;\n border-radius: 16px;\n @media (max-width: 1200px) {\n width: auto;\n }\n .title {\n display: flex;\n margin: 10px;\n justify-content: space-between;\n align-items: center;\n }\n\n h1 {\n color: ${Theme.primary};\n margin: 12px;\n }\n hr {\n color: ${Theme.primary};\n margin-top: 6px;\n }\n .groups-content {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n justify-content: space-between;\n align-items: center;\n margin: 10px 60px;\n @media (max-width: 1200px) {\n grid-template-columns: 1fr 1fr;\n }\n .MuiFormControl-root {\n width: 100%;\n max-width: 200px;\n }\n select {\n width: 400px;\n }\n }\n }\n`;\n","import React, { ChangeEvent, useEffect, useState } from 'react';\nimport useWindowWith from 'src/utils/width';\nimport axios from '../../services/axios';\nimport * as S from './styled';\nimport {\n Button,\n FormControl,\n InputLabel,\n MenuItem,\n Select\n} from '@material-ui/core';\n\ninterface jobsTitleProps {\n group_title: string | unknown;\n paylocity_jobtitle: string;\n}\n\ninterface Group {\n id: string;\n name: string;\n profile_id: string;\n}\ninterface SubmitProps {\n newJobtitle: boolean;\n index: number;\n}\n\nconst MapJobtitle: React.FC = () => {\n const [jobTitles, setJobTitles] = useStateMy profile
\n\n
\n \n \n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n
\n Your last activities
\n\n
\n \n
\n filterActivities('months')}>\n Three months\n
\nfilterActivities('month')}>\n One month\n
\nfilterActivities('week')}>\n A week\n
\nFilter by:
\n\n {activities.length >= 1 ? (\n activities.map((activity: any, key: any) => {\n if (activity.announcement_created) {\n return (\n
\n \n
\n );\n }\n if (activity.announcement_benefits_created) {\n return (\n \n {activity.createdAt} You created an{' '}\n announcement.\n
\n\n
\n );\n }\n if (activity.event_created) {\n return (\n \n {activity.createdAt} You created a{' '}\n benefits target announcement.\n
\n\n
\n );\n }\n if (activity.event_commented) {\n return (\n \n \n {new Date(activity.createdAt)\n .toString()\n .split('')\n .splice(4, 17)\n .join('')}\n {' '}\n You created an event.\n
\n\n
\n );\n }\n })\n ) : (\n \n \n {new Date(activity.createdAt)\n .toString()\n .split('')\n .splice(4, 17)\n .join('')}\n {' '}\n You made a comment on a special event.\n
\n\n You haven't done any activities so far.\n
\n )}\n\n {nav ? (\n
\n \n
\n\n
\n ) : (\n \n setNav(false)}\n >\n New Paylocity JobTitles\n \n
\n All Paylocity JobTitles
\n\n\n
\n {jobTitles.map((job, index) => (\n
\n \n {width > 1200 && \n \n {job.paylocity_jobtitle}\n \n ) => {\n const updatedGroups = [...selectedGroups];\n updatedGroups[index] = e.target.value as Group;\n setSelectedGroups(updatedGroups);\n }}\n >\n {groups?.map((item) => (\n \n ))}\n \n \n \n submitPutGroup({ index, newJobtitle: false })\n }\n >\n Update\n \n
\n ))}\n {job.paylocity_jobtitle}
}\n\n
\n\n
\n )}\n \n setNav(true)}\n >\n Paylocity JobTitles\n \n
\n New Paylocity JobTitles
\n\n\n
\n {newJobtitles.map((job, index) => (\n
\n \n {width > 1200 && \n \n {job.paylocity_jobtitle}\n \n ) => {\n const updatedGroups = [...selectedGroups];\n updatedGroups[index] = e.target.value as Group;\n setSelectedGroups(updatedGroups);\n }}\n >\n {groups?.map((item) => (\n \n ))}\n \n \n submitPutGroup({ index, newJobtitle: true })}\n >\n Update\n \n
\n ))}\n {job.paylocity_jobtitle}
}\n