\r\n \r\n \r\n \r\n {options.map((option, index) => (\r\n \r\n {option.link ? (\r\n \r\n {option.text}\r\n \r\n ))}\r\n \r\n
\r\n )\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Icon, Dialog as DialogMUI, List, ListItem, styled, Tooltip } from '@mui/material';\r\nimport Button from '../atoms/Button';\r\nimport Link from '../atoms/Link';\r\nimport Text from '../atoms/Text';\r\n\r\nconst StyledMenuItem = (props) => {\r\n return (\r\n {option.onClick()}}>\r\n \r\n {option.text}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport { List, ListItem, styled } from '@mui/material';\r\nimport Link from '../atoms/Link';\r\nimport Menu from './Menu';\r\nimport Dialog from './Dialog';\r\n\r\nconst StyledListItem = styled(ListItem)(() => ({\r\n padding: '0px',\r\n width: 'fit-content',\r\n '&:first-of-type': {\r\n paddingLeft: 0\r\n }\r\n}))\r\n\r\nconst StyledMobileNav = styled('div')(() => ({\r\n border: 'none'\r\n}))\r\n\r\nexport default function NavMenum({mobile, guide, notification}) {\r\n\r\n if (mobile) {\r\n return (\r\n - \r\n {options.map((option, index) => (\r\n
{option.onClick()}}>\r\n \r\n {option.text}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n A.I. SEARCH\r\n */}\r\n
\r\n \r\n 
\r\n
\r\n\r\n \r\n \r\n
\r\n {rangestart}
-\r\n {rangeend}
\r\n USD Millions\r\n \r\n {layout[page].map((section, index) => {\r\n return (\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Autocomplete, Chip, Icon } from '@mui/material';\r\n\r\nimport Input from '../atoms/Input';\r\nimport Text from '../atoms/Text';\r\nimport { label, clickableKey, clickableId } from \"../../../data/searchComponent.json\";\r\n\r\nexport default function MultipleSearch({ fetch, autocomplete, inputValue, handleInput, page, clearOptions, search }) {\r\n const [ value, setValue ] = useState([]);\r\n const [open, setOpen ] = useState(false);\r\n const [ inputHasValue, setInputHasValue ] = useState(false);\r\n\r\n const optionId = clickableId[page];\r\n const optionName = clickableKey[page];\r\n\r\n const handleValue = (newValue) => {\r\n setValue(newValue);\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n }\r\n\r\n const handleInputChange = (value) => {\r\n setInputHasValue(Boolean(value));\r\n \r\n const charLimit = 3;\r\n if (value.length >= charLimit) {\r\n fetch(value);\r\n setOpen(true);\r\n }\r\n else {\r\n handleClose();\r\n clearOptions();\r\n }\r\n }\r\n\r\n const handleNameState = () => {\r\n const stringValue = value.map( val => val[optionName]);\r\n handleInput(value, stringValue);\r\n }\r\n\r\n useEffect(() => {\r\n setValue(inputValue);\r\n }, [inputValue]);\r\n\r\n return (\r\n \r\n {section.map(input => {\r\n const id = input.split('_')[0];\r\n const type = input.split('_')[1];\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n Filter by Characteristics \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import { Grid } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function ResponsiveLayout({container, item, xs, sm, md, lg, contained, children, className}) {\r\n if (container) {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {elementFolder.folderName} \r\n {elementFolder.folderId === 0 ? \"\" : handleFolderDelete(elementFolder.folderId)}\r\n />}\r\n
\r\n \r\n Person \r\n {/*
\r\n \r\n Property \r\n {/*
\r\n \r\n Position \r\n {/*
\r\n \r\n Country \r\n {/*
\r\n \r\n Contact \r\n
\r\n \r\n {element.data.linkedin &&\r\n \r\n
\r\n \r\n {header.value} \r\n {/* {searchType && headerSort && (\r\n
\r\n \r\n \r\n {(header.value.trim().toUpperCase() === 'PROPERTY' && type === 'prop-child') ? 'Asset': header.value } \r\n {/* {searchType && headerSort && (\r\n
\r\n \r\n No results \r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","export const emptyObject = obj => {\r\n return Object.keys(obj).length === 0\r\n}\r\n","import React, { useEffect } from 'react';\r\n\r\nimport { useApp } from '../AppContext';\r\nimport { useCompany } from '../components/features/company/context';\r\nimport useDocumentTitle from '../components/features/hooks/useDocumentTitle';\r\n\r\nimport CompanyFilter from '../components/UI/features/filters/CompanyFilter';\r\n\r\nimport Loading from '../components/UI/atoms/Loading';\r\nimport AuthWrapper from '../components/UI/organisms/AuthWrapper';\r\nimport Listings from '../components/UI/organisms/Listings';\r\n\r\nimport { emptyObject } from '../lib/emptyObject';\r\n\r\nexport default function CompanyListing() {\r\n const {\r\n query,\r\n filters,\r\n results,\r\n resultsFolder,\r\n searchType,\r\n handleSearch,\r\n totalResults,\r\n selectedFilters,\r\n setFilters,\r\n removeFilter,\r\n handlePageSize,\r\n handlePageNumber,\r\n handleSelectCompany,\r\n handleSearchSorted,\r\n handlePortfolioOnSearch,\r\n setFolders\r\n } = useCompany();\r\n const { isLoading } = useApp();\r\n\r\n useDocumentTitle('Company Search | TNM Marco Polo');\r\n\r\n useEffect(() => {\r\n if (Object.keys(filters).length === 0) {\r\n (async () => {\r\n setFilters();\r\n setFolders();\r\n })();\r\n }\r\n // eslint-disable-next-line\r\n }, [filters]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n handleSearch();\r\n })();\r\n // eslint-disable-next-line\r\n }, [searchType]);\r\n \r\n return (\r\n \r\n \r\n Total Results: {props.totalResults.toLocaleString(\"en-US\")}\r\n \r\n
\r\n {!props.results.length ? (\r\n \r\n
\r\n \r\n \r\n
}\r\n\r\n {!isLoading && commodityLabel && showResultsChart == \"chart_commodity\" && \r\n
}\r\n\r\n {!isLoading && countryLabel && showResultsChart == \"chart_country\" && \r\n
}\r\n\r\n \r\n \r\n \r\n- \r\n {list.map((item, index) => (\r\n
\r\n {item.title}\r\n {item.description} \r\n
\r\n \r\n \r\n ))}\r\n \r\n {emptyObject(profile) || isLoading ? (\r\n \r\n \r\n \r\n {profile.generalProfile.displayName}\r\n \r\n \r\n \r\n \r\n \r\n Location / Mailing \r\n \r\n \r\n \r\n \r\n \r\n Web \r\n \r\n {generalProfile.website}\r\n \r\n \r\n \r\n {generalProfile.email && (\r\n \r\n Email \r\n \r\n {generalProfile.email}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n Phone \r\n {generalProfile.phone} \r\n \r\n \r\n Fax \r\n {generalProfile.fax} \r\n \r\n \r\n {/* \r\n Toll-free \r\n {generalProfile.tollFree} \r\n */}\r\n \r\n \r\n\r\n \r\n {profile.stockList.length ? (\r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n STOCK INFO\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n OWNED PROPERTY SUMMARY\r\n \r\n \r\n \r\n \r\n \r\n \r\n {!!profile.ownedPropertySummaryList.length && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {!!profile.ownedPropertySummaryList.length && ( \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n OPTIONED PROPERTY SUMMARY\r\n \r\n \r\n \r\n \r\n {!!profile.optionedPropertySummaryList.length && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n\r\n \r\n \r\n FINANCIAL\r\n \r\n \r\n \r\n \r\n {!!profile.financial.length && (\r\n \r\n \r\n \r\n\r\n \r\n \r\n EXECUTIVES AND DIRECTORS\r\n \r\n \r\n \r\n \r\n {!!profile.executiveAndDirectorList.length && (\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {/* \r\n \r\n NEWS RELEASES\r\n \r\n \r\n \r\n \r\n {profile.latestInformation && (\r\n \r\n \r\n )}\r\n \r\n \r\n */}\r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { Paper, styled, Table as MUITable, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material';\r\nimport React from 'react';\r\nimport Link from '../../atoms/Link';\r\nimport Text from '../../atoms/Text';\r\n\r\nconst StyledTable = styled(TableContainer)(() => ({\r\n '& thead th': {\r\n backgroundColor: '#E6E7E8',\r\n textTransform: 'uppercase',\r\n }\r\n }))\r\n\r\nconst HeaderText = ({children}) => {\r\n return (\r\n \r\n \r\n \r\n Print\r\n \r\n handleReportChange(\"/contactus\")}\r\n type=\"iconText\"\r\n iconProps={{\r\n baseClassName: \"fa-solid\",\r\n className: \"fa-pencil\",\r\n }}\r\n >\r\n Suggest an Edit\r\n \r\n
\r\n \r\n\r\n {\r\n resultsFolder &&\r\n \r\n }\r\n \r\n
\r\n \r\n {row.linkedIn &&\r\n \r\n
\r\n \r\n {(emptyObject(profile) || isLoading) ? (\r\n \r\n \r\n {profile.displayName} \r\n \r\n\r\n {\r\n resultsFolder &&\r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n Asset type \r\n {profile.keyFacts.assetType} \r\n \r\n \r\n Work type \r\n {profile.operations.workType} \r\n \r\n \r\n Development status \r\n {profile.keyFacts.developmentStatus} \r\n \r\n \r\n \r\n \r\n Location \r\n {profile.keyFacts.location} \r\n \r\n \r\n Lat / Long \r\n {profile.keyFacts.latLong} \r\n \r\n \r\n Nearest Landmark \r\n {profile.keyFacts.nearestLandmark} \r\n \r\n \r\n \r\n Commodities \r\n \r\n {profile.keyFacts.commodities \r\n ? profile.keyFacts.commodities.replace(/,/g, ', ') \r\n : 'No commodities available'}\r\n \r\n \r\n\r\n \r\n Primary commodities \r\n {profile.keyFacts.primaryCommodity} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Mine technology \r\n {!!profile.operations.mineTechnology && (\r\n profile.operations.mineTechnology.map(item => (\r\n {item} \r\n ))\r\n )}\r\n \r\n \r\n Processing technology \r\n {!!profile.operations.processingTechnology && (\r\n profile.operations.processingTechnology.map(item => (\r\n {item} \r\n ))\r\n )}\r\n \r\n \r\n \r\n \r\n\r\n {profile.propertyTypeId === 1 &&\r\n \r\n \r\n }\r\n\r\n {profile.propertyTypeId === 2 &&\r\n \r\n \r\n }\r\n \r\n OWNERSHIP AND OPTIONS \r\n \r\n \r\n \r\n {(profile.ownershipAndOptionList.length !== 0 && profile.propertyId !== 2) &&\r\n \r\n \r\n }\r\n \r\n \r\n \r\n\r\n\r\n \r\n {!!profile.reservesResources.length && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n CONTACT INFORMATION \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mine office \r\n {profile.contactInformation.mineOffice} \r\n \r\n \r\n Phone \r\n {profile.contactInformation.mineOfficePhone}\r\n\r\n \r\n \r\n Mine office location \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Owner or Operator \r\n {profile.contactInformation.ownerOrOperator} \r\n \r\n \r\n Web \r\n {profile.contactInformation.website && (\r\n {profile.contactInformation.website}\r\n )}\r\n \r\n \r\n HQ Location / Mailing \r\n \r\n \r\n \r\n \r\n Phone \r\n {profile.contactInformation.phone && (\r\n {profile.contactInformation.phone}\r\n )}\r\n \r\n \r\n Email \r\n {profile.contactInformation.email && (\r\n {profile.contactInformation.email}\r\n )}\r\n \r\n \r\n Fax \r\n {profile.contactInformation.fax && (\r\n {profile.contactInformation.fax} \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* \r\n NEWS RELEASES \r\n \r\n \r\n \r\n {profile.latestInformation &&\r\n \r\n \r\n }\r\n \r\n \r\n */}\r\n {!!profile.personnel.length &&\r\n \r\n \r\n }\r\n\r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n","import React from 'react';\r\n\r\nimport { useProperty } from '../../../features/property/context';\r\n\r\nimport Button from '../../atoms/Button';\r\nimport Text from '../../atoms/Text';\r\nimport Card from '../../molecules/Card';\r\nimport Form from '../../molecules/Form';\r\nimport MultipleSearch from '../../molecules/MultipleSearch';\r\n\r\nexport default function PropertyFilter() {\r\n const {\r\n handleAutoComplete,\r\n filters,\r\n emptyFilters,\r\n autocomplete,\r\n propertySearchValues,\r\n handleFilters,\r\n handleSearchMultipleInput,\r\n handlePropertyName,\r\n handleSearchFilter,\r\n handleClearFilters,\r\n handleClearAutoComplete,\r\n query } = useProperty();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Filter by Characteristics \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect } from 'react';\r\n\r\nimport { useApp } from '../AppContext';\r\nimport useDocumentTitle from '../components/features/hooks/useDocumentTitle';\r\nimport { useProperty } from '../components/features/property/context';\r\n\r\nimport PropertyFilter from '../components/UI/features/filters/PropertyFilter';\r\n\r\nimport Loading from '../components/UI/atoms/Loading';\r\nimport Listings from '../components/UI/organisms/Listings';\r\n\r\nimport { emptyObject } from '../lib/emptyObject';\r\n\r\nexport default function PropertyListing() {\r\n const {\r\n query,\r\n filters,\r\n results,\r\n resultsFolder,\r\n setFilters,\r\n searchType,\r\n handleSearch,\r\n totalResults,\r\n selectedFilters,\r\n removeFilter,\r\n handlePageSize,\r\n handlePageNumber,\r\n handleSelectProperty,\r\n handleSearchSorted,\r\n handlePortfolioOnSearch,\r\n setFolders\r\n } = useProperty();\r\n const { isLoading } = useApp();\r\n\r\n useDocumentTitle('Property Search | TNM Marco Polo');\r\n\r\n useEffect(() => {\r\n if (Object.keys(filters).length === 0) {\r\n (async () => {\r\n setFilters();\r\n setFolders();\r\n })();\r\n }\r\n // eslint-disable-next-line\r\n }, [filters]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n handleSearch();\r\n })();\r\n\r\n // eslint-disable-next-line\r\n }, [searchType]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!emptyObject(filters) && (\r\n
\r\n )\r\n}\r\n","import { authGet } from './authMiddleware';\r\n\r\nexport const getPeopleAutocomplete = async (query) => {\r\n return authGet(`api/People/AutoComplete?PeopleName=${query}`);\r\n}","import { authGet } from './authMiddleware';\r\n\r\nexport const getPeopleFilters = async () => {\r\n return authGet('/api/People/start')\r\n}","import { getPeopleAutocomplete } from '../../../services/getPeopleAutocomplete';\r\nimport { getPeopleFilters } from '../../../services/getPeopleFilters';\r\nimport { postPeopleList } from '../../../services/postPeopleList';\r\nimport { getCompanyFolders } from \"../../../services/getCompanyFolders\"\r\n\r\nexport const serviceGetFilters = () => {\r\n return getPeopleFilters();\r\n}\r\n\r\nexport const servicePostList = query => {\r\n return postPeopleList(query);\r\n}\r\n\r\nexport const servicePeopleAutocomplete = name => {\r\n return getPeopleAutocomplete(name);\r\n}\r\n\r\nexport const serviceGetFolders = (EntityId) => {\r\n return getCompanyFolders(EntityId);\r\n}","import { authPost } from './authMiddleware';\r\n\r\nexport const postPeopleList = (data) => {\r\n return authPost('/api/People', data);\r\n}","export const peopleReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"SET_FILTER\": \r\n return {\r\n ...state, filters: action.payload}\r\n case \"EDIT_FILTER\": \r\n return {...state, filters: action.payload}\r\n case \"SET_QUERY\": \r\n return {...state, query: action.payload}\r\n case \"SET_PAGE_NUMBER\": \r\n return {\r\n ...state,\r\n query: {\r\n ...state.query,\r\n pageNumber: action.payload\r\n },\r\n searchType: state.searchType + 1\r\n }\r\n case \"SET_PAGE_SIZE\": \r\n return {\r\n ...state,\r\n query: {\r\n ...state.query,\r\n pageSize: action.payload,\r\n },\r\n searchType: state.searchType + 1\r\n }\r\n case \"SET_OPTION\": \r\n return {\r\n ...state,\r\n query: {\r\n ...state.query,\r\n option: action.payload,\r\n },\r\n searchType: state.searchType + 1\r\n }\r\n case \"SET_PEOPLE_NAME\": \r\n return {\r\n ...state, \r\n peopleName: action.payload, \r\n query: {\r\n ...state.query, \r\n peopleName: action.payload\r\n }\r\n }\r\n case \"SET_RESULTS\": \r\n return {\r\n ...state,\r\n results: action.payload\r\n }\r\n case \"SET_RESULTS_Folder\":\r\n return {\r\n ...state,\r\n resultsFolder: action.payload\r\n }\r\n case \"SET_TOTAL_RESULTS\": \r\n return {\r\n ...state,\r\n totalResults: action.payload\r\n }\r\n case \"SET_AUTOCOMPLETE\": \r\n return {\r\n ...state,\r\n autocomplete: action.payload\r\n }\r\n case \"SET_SELECTED_FILTERS\": \r\n return {\r\n ...state,\r\n selectedFilters: action.payload\r\n }\r\n case \"SET_DEFAULT_VIEW\": \r\n return {\r\n ...state,\r\n query: {\r\n ...state.query,\r\n isDefaultView: action.payload\r\n }\r\n }\r\n case \"SET_EMPTY_FILTERS_FLAG\":\r\n return {\r\n ...state,\r\n emptyFilters: action.payload\r\n }\r\n case \"SET_SORTING\":\r\n return {\r\n ...state,\r\n query: {\r\n ...state.query,\r\n sorting: action.payload,\r\n },\r\n searchType: state.searchType + 1\r\n }\r\n default:\r\n return state;\r\n }\r\n}","import React, { createContext, useContext, useReducer } from 'react';\r\nimport { useApp } from '../../../AppContext';\r\nimport { checkboxSelect } from '../../../lib/checkbokSelect';\r\nimport { clearFilters } from '../../../lib/clearFilters';\r\nimport { defineQueryFilters } from '../../../lib/defineQueryFilters';\r\nimport { dropdownSelect } from '../../../lib/dropdownSelect';\r\nimport { handleFiltersList } from '../../../lib/handleFiltersApplied';\r\nimport { handleNameInput } from '../../../lib/handleNameInput';\r\nimport { serviceGetFilters, servicePeopleAutocomplete, servicePostList, serviceGetFolders } from './middleware';\r\nimport { deletePortfolioItem, postPortfolioItem } from '../middleware/middleware';\r\nimport { managePortfolioSearch } from '../../../lib/managePortfolioSearch';\r\nimport {peopleReducer} from './reducer';\r\n\r\nconst PeopleContext = createContext();\r\n\r\nexport const PeopleProvider = ({children}) => {\r\n const defaultSort = {fieldName: 'PersonFullName ', direction: 0};\r\n\r\n const initialState = {\r\n filters: {},\r\n selectedFilters: [],\r\n peopleName: '',\r\n query: {\r\n peopleName: '',\r\n filter: {},\r\n option: 1,\r\n pageSize: 50,\r\n pageNumber: 1,\r\n isDefaultView: true,\r\n sorting: defaultSort\r\n },\r\n results: [],\r\n resultsFolder: [],\r\n totalResults: 0,\r\n searchType: 0,\r\n autocomplete: [],\r\n emtyFilters: true\r\n }\r\n\r\n const { handleLoading, handleError } = useApp();\r\n const [ state, dispatch ] = useReducer(peopleReducer, initialState);\r\n\r\n const handleQuery = data => {\r\n const query = defineQueryFilters(state.query, data);\r\n dispatch({type: 'SET_QUERY', payload: query});\r\n dispatch({type: 'SET_EMPTY_FILTERS_FLAG', payload: query.isDefaultView});\r\n }\r\n const setFilters = () => { \r\n serviceGetFilters().then(data => {\r\n const filters = data.data;\r\n handleQuery(filters);\r\n dispatch({type: 'SET_FILTER', payload: filters});\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n }\r\n\r\n const setFolders = () => {\r\n const EntityId = 3;\r\n serviceGetFolders(EntityId).then(data => {\r\n setTimeout(() => {\r\n const resultsFolder = data.data;\r\n dispatch({ type: 'SET_RESULTS_Folder', payload: resultsFolder });\r\n }, 100);\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n\r\n const handleFilters = e => {\r\n const id = e.target.name || e.target.id;\r\n let payload;\r\n if (id.includes(\"position\")) {\r\n payload = dropdownSelect(state.filters, e.target);\r\n }\r\n else {\r\n payload = checkboxSelect(state.filters, e.target);\r\n }\r\n dispatch({type: 'EDIT_FILTER', payload: payload});\r\n handleQuery(payload);\r\n return payload;\r\n }\r\n const handlePeopleName = e => {\r\n dispatch({type: 'SET_PEOPLE_NAME', payload: e});\r\n }\r\n const removeFilter = filter => {\r\n const id = filter.id;\r\n\r\n if (id.includes(\"Name\")) {\r\n handlePeopleName('');\r\n dispatch({type: 'SET_OPTION', payload: 2});\r\n dispatch({type: 'SET_DEFAULT_VIEW', payload: handleNameInput(false)});\r\n const selectedFilters = handleFiltersList({peopleName: ''});\r\n dispatch({type: \"SET_SELECTED_FILTERS\", payload: selectedFilters});\r\n }\r\n else {\r\n const payload = handleFilters({target: {...filter}});\r\n const selectedFilters = handleFiltersList(payload);\r\n dispatch({type: \"SET_SELECTED_FILTERS\", payload: selectedFilters});\r\n dispatch({type: 'SET_OPTION', payload: 1});\r\n }\r\n dispatch({type: 'SET_PAGE_NUMBER', payload: 1});\r\n dispatch({type: 'SET_SORTING', payload: defaultSort});\r\n }\r\n const handleClearFilters = () => {\r\n const payload = clearFilters(state.filters);\r\n \r\n handlePeopleName('');\r\n dispatch({type: 'EDIT_FILTER', payload: payload});\r\n handleQuery(payload);\r\n dispatch({type: 'SET_OPTION', payload: 1});\r\n dispatch({type: \"SET_SELECTED_FILTERS\", payload: []});\r\n dispatch({type: 'SET_PAGE_NUMBER', payload: 1});\r\n dispatch({type: 'SET_SORTING', payload: defaultSort});\r\n }\r\n const handlePageNumber = (e, value) => {\r\n dispatch({type: 'SET_PAGE_NUMBER', payload: value});\r\n }\r\n const handleSearch = () => {\r\n handleLoading(true);\r\n\r\n const body = state.query;\r\n servicePostList(body).then(data => {\r\n setTimeout(() => {\r\n const results = data.data.peopleSearchResultList;\r\n dispatch({type: 'SET_RESULTS', payload: results});\r\n dispatch({type: 'SET_TOTAL_RESULTS', payload: data.data.totalResults});\r\n handleLoading(false);\r\n }, 100);\r\n }).catch(err => {\r\n handleLoading(false);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n }\r\n const handleSearchFilter = () => {\r\n handlePeopleName('');\r\n dispatch({type: 'SET_OPTION', payload: 1 });\r\n const selectedFilters = handleFiltersList(state.filters);\r\n dispatch({type: 'SET_SELECTED_FILTERS', payload: selectedFilters});\r\n dispatch({type: \"SET_PAGE_NUMBER\", payload: 1});\r\n dispatch({type: 'SET_SORTING', payload: defaultSort});\r\n }\r\n const handleSearchInput = () => {\r\n dispatch({type: 'SET_OPTION', payload: 0 });\r\n dispatch({type: 'SET_DEFAULT_VIEW', payload: handleNameInput(state.peopleName)});\r\n const selectedFilters = handleFiltersList({peopleName: state.peopleName});\r\n dispatch({type: 'SET_SELECTED_FILTERS', payload: selectedFilters});\r\n dispatch({type: \"SET_PAGE_NUMBER\", payload: 1});\r\n dispatch({type: 'SET_SORTING', payload: defaultSort});\r\n }\r\n const handleSearchSorted = (e) => {\r\n dispatch({type: \"SET_PAGE_NUMBER\", payload: 1});\r\n dispatch({type: 'SET_SORTING', payload: e});\r\n }\r\n const handlePageSize = e => {\r\n dispatch({type: 'SET_PAGE_SIZE', payload: parseInt(e.target.id) });\r\n }\r\n const handleAutoComplete = (name) => {\r\n handleLoading(true);\r\n\r\n servicePeopleAutocomplete(name).then(data => {\r\n const list = data.data.peopleSearchResultList;\r\n dispatch({type: 'SET_AUTOCOMPLETE', payload: list});\r\n handleLoading(false);\r\n }).catch(err => {\r\n handleLoading(false);\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n }\r\n\r\n const handleClearAutoComplete = () => {\r\n dispatch({type: 'SET_AUTOCOMPLETE', payload: []})\r\n }\r\n\r\n const handlePortfolioOnSearch = (folderid, id, action) => {\r\n const entity = 3;\r\n const body = { entityId: id.toString(), entityTypeId: entity, folderId: folderid }\r\n if (!action) {\r\n postPortfolioItem(body).then(() => {\r\n const updatedResults = managePortfolioSearch(state.results, id);\r\n dispatch({ type: 'SET_RESULTS', payload: updatedResults });\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n } else {\r\n deletePortfolioItem(body).then(() => {\r\n const updatedResults = managePortfolioSearch(state.results, id);\r\n dispatch({ type: 'SET_RESULTS', payload: updatedResults });\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n }\r\n }\r\n\r\n const providerValue = {\r\n ...state,\r\n setFilters,\r\n handleFilters,\r\n handlePeopleName,\r\n handlePageNumber,\r\n handlePageSize,\r\n handleSearch,\r\n handleSearchInput,\r\n handleSearchFilter,\r\n handleAutoComplete,\r\n handleClearFilters,\r\n handleClearAutoComplete,\r\n removeFilter,\r\n handleSearchSorted,\r\n handlePortfolioOnSearch,\r\n setFolders\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect } from 'react';\r\n\r\nimport { useApp } from '../AppContext';\r\nimport { useCompany } from '../components/features/company/context';\r\nimport useDocumentTitle from '../components/features/hooks/useDocumentTitle';\r\nimport { usePeople } from '../components/features/people/context';\r\n\r\nimport Loading from '../components/UI/atoms/Loading';\r\nimport Listings from '../components/UI/organisms/Listings';\r\n\r\nimport PeopleFilter from '../components/UI/features/filters/PeopleFilter';\r\nimport { emptyObject } from '../lib/emptyObject';\r\n\r\nexport default function PeopleListing() {\r\n const {\r\n query,\r\n filters,\r\n results,\r\n resultsFolder,\r\n setFilters,\r\n searchType,\r\n handleSearch,\r\n totalResults,\r\n removeFilter,\r\n handlePageSize,\r\n selectedFilters,\r\n handlePageNumber,\r\n handleSearchSorted,\r\n handlePortfolioOnSearch,\r\n setFolders\r\n } = usePeople();\r\n const { handleSelectCompany } = useCompany();\r\n const { isLoading } = useApp();\r\n\r\n useDocumentTitle('Executives Search | TNM Marco Polo');\r\n\r\n useEffect(() => {\r\n if (Object.keys(filters).length === 0) {\r\n (async () => {\r\n setFilters();\r\n setFolders();\r\n })();\r\n }\r\n // eslint-disable-next-line\r\n }, [filters]);\r\n \r\n useEffect(() => {\r\n (async () => {\r\n handleSearch();\r\n })();\r\n // eslint-disable-next-line\r\n }, [searchType]);\r\n\r\n return (\r\n \r\n {!emptyObject(filters) && (\r\n
\r\n )\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { authPost } from '../services/authMiddleware';\r\nimport Text from \"../components/UI/atoms/Text\";\r\nimport Card from \"../components/UI/molecules/Card\";\r\nimport Grid from \"@mui/material/Grid\";\r\nimport Button from \"@mui/material/Button\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport Select from \"@mui/material/Select\";\r\nfunction SuggestanEdit() {\r\n\r\n const [firstname, setCFirstName] = useState(\"\");\r\n const [lastname, setCLastName] = useState(\"\");\r\n const [email, setCEmail] = useState(\"\");\r\n const [suggestion, setCSuggestion] = useState(\"SUGGESTION OR EDIT FOR\");\r\n const [message, setCMessage] = useState(\"\");\r\n const [errorCMessage, setCErrorMessage] = useState(\"\");\r\n const [successCMessage, setCSuccessMessage] = useState(\"\");\r\n\r\n const isValidEmail = (email) => {\r\n return /\\S+@\\S+\\.\\S+/.test(email);\r\n }\r\n\r\n const handleSubmitContactForm = async (event) => {\r\n event.preventDefault();\r\n setCErrorMessage(\"\");\r\n setCSuccessMessage(\"\");\r\n\r\n var subject = \"Suggection or Edit - Marcopolo\";\r\n\r\n if (firstname == \"\") {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"All fields are required with '*'.\");\r\n }\r\n else if (lastname == \"\") {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"All fields are required with '*'.\");\r\n }\r\n else if (email == \"\") {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"All fields are required with '*'.\");\r\n }\r\n else if (!isValidEmail(email)) {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"Invalid email address\");\r\n }\r\n else if (suggestion == \"\" || suggestion == \"SUGGESTION OR EDIT FOR\") {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"All fields are required with '*'.\");\r\n }\r\n else if (message == \"\") {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(\"All fields are required with '*'.\");\r\n }\r\n else {\r\n const response = await authPost('/api/company/contact-form', {\r\n subject,\r\n firstname,\r\n lastname,\r\n email,\r\n suggestion,\r\n message\r\n });\r\n\r\n if (response.status === 200) {\r\n setCErrorMessage(\"\");\r\n setCSuccessMessage(response.message);\r\n setCFirstName(\"\");\r\n setCLastName(\"\");\r\n setCEmail(\"\");\r\n setCSuggestion(\"SUGGESTION OR EDIT FOR\");\r\n setCMessage(\"\");\r\n setCSuccessMessage(\"Thank you for your feedback.\");\r\n }\r\n else {\r\n setCSuccessMessage(\"\");\r\n setCErrorMessage(response.message);\r\n }\r\n \r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Have questions about our products? We’re here to help you. Let’s talk.\r\n
\r\n\r\n
\r\n )\r\n}\r\n","import React, { useEffect } from 'react';\r\n\r\nimport { useApp } from '../AppContext';\r\nimport useDocumentTitle from '../components/features/hooks/useDocumentTitle';\r\nimport { useMinePersonnel } from '../components/features/mine-personnel/context';\r\n\r\nimport Loading from '../components/UI/atoms/Loading';\r\nimport Listings from '../components/UI/organisms/Listings';\r\n\r\nimport MinePersonnelFilter from '../components/UI/features/filters/MinePersonnelFilter';\r\n// import { emptyObject } from '../lib/emptyObject';\r\n\r\nexport default function MinePersonnelListing() {\r\n const {\r\n query,\r\n results,\r\n resultsFolder,\r\n searchType,\r\n handleSearch,\r\n totalResults,\r\n removeFilter,\r\n handlePageSize,\r\n selectedFilters,\r\n handlePageNumber,\r\n handleSelectProperty,\r\n handleSearchSorted,\r\n handlePortfolioOnSearch,\r\n setFolders\r\n } = useMinePersonnel();\r\n const { isLoading } = useApp();\r\n\r\n useDocumentTitle('Mine Personnel Search | TNM Marco Polo');\r\n\r\n useEffect(() => {\r\n (async () => {\r\n handleSearch();\r\n setFolders();\r\n })();\r\n // eslint-disable-next-line\r\n }, [searchType]);\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","export const definePortfolioCheckbox = data => {\r\n let defined = {...data};\r\n Object.entries(data).map(([key, value]) => {\r\n let definedList = value.map(list => {\r\n let obj = {isSelected: false, ...list};\r\n delete obj.note;\r\n return obj;\r\n });\r\n return defined[key] = definedList;\r\n })\r\n return defined;\r\n}","export const gatherIds = list => {\r\n const idsArray = list\r\n .filter(item => item.isSelected)\r\n .map(item => item.portfolioId);\r\n \r\n return idsArray;\r\n}","import { authGet } from './authMiddleware';\r\n\r\nexport const getPortfolio = async () => {\r\n return authGet('/api/Portfolio');\r\n}","import { getPortfolio } from \"../../../services/getPortfolio\"\r\nimport { putCompanyPortfolio } from \"../../../services/putCompanyPortfolio\";\r\nimport { putPropertyPortfolio } from \"../../../services/putPropertyPortfolio\";\r\nimport { getCompanyFolders } from \"../../../services/getCompanyFolders\"\r\nimport { postFolderDelete } from \"../../../services/deletePortfolioFolder\";\r\nimport { postMovePortfolio } from \"../../../services/postMovePortfolio\";\r\nimport { deleteFolderIteam } from \"../../../services/deleteFolderIteam\";\r\n\r\n\r\n\r\nexport const serviceGetPortfolio = () => {\r\n return getPortfolio();\r\n}\r\n\r\nexport const deletePortfolioFolder = (dataid) => {\r\n return postFolderDelete(dataid);\r\n}\r\n\r\nexport const postPortfolioItemMove = (data) => {\r\n return postMovePortfolio(data);\r\n}\r\n\r\nexport const deletePortfolioFolderItem = (dataid) => {\r\n return deleteFolderIteam(dataid);\r\n}\r\n\r\nexport const serviceUpdateCompanyList = (id) => {\r\n return putCompanyPortfolio(id);\r\n}\r\n\r\nexport const serviceGetFolders = (EntityId) => {\r\n return getCompanyFolders(EntityId);\r\n}\r\n\r\nexport const serviceUpdatePropertyList = (id) => {\r\n return putPropertyPortfolio(id);\r\n}","import { authPost } from './authMiddleware';\r\n\r\nexport const postFolderDelete = (data) => {\r\n return authPost('/api/portfolio/folder/delete', data);\r\n}","import { authPost } from './authMiddleware';\r\n\r\nexport const postMovePortfolio = (data) => {\r\n return authPost('/api/portfolio/folder-item', data);\r\n}","import { authDelete } from './authMiddleware';\r\n\r\nexport const deleteFolderIteam = (data) => {\r\n return authDelete('/api/portfolioitem', data);\r\n}","import { authPut } from './authMiddleware';\r\n\r\nexport const putCompanyPortfolio = (portfolioId) => {\r\n return authPut('/api/portfolio', portfolioId)\r\n}","import { authPut } from './authMiddleware';\r\n\r\nexport const putPropertyPortfolio = (portfolioId) => {\r\n return authPut('/api/portfolio', portfolioId)\r\n}","export const portfolioReducer = (state, action) => {\r\n switch(action.type) {\r\n case \"SET_PORTFOLIO\": \r\n return {\r\n ...state,\r\n portfolio: action.payload\r\n }\r\n case \"SET_COMPANY_LIST\": \r\n return {\r\n ...state,\r\n portfolio: {\r\n ...state.portfolio,\r\n savedCompanyList: action.payload\r\n }\r\n }\r\n case \"SET_RESULTS_Folder\":\r\n return {\r\n ...state,\r\n resultsFolder: action.payload\r\n }\r\n case \"SET_RESULTS_Folder_Property\":\r\n return {\r\n ...state,\r\n resultsFolderProperty: action.payload\r\n }\r\n case \"SET_RESULTS_Folder_contact\":\r\n return {\r\n ...state,\r\n resultsFolderContact: action.payload\r\n }\r\n case \"SET_PROPERTY_LIST\":\r\n return {\r\n ...state,\r\n portfolio: {\r\n ...state.portfolio,\r\n savedPropertyList: action.payload\r\n }\r\n }\r\n default:\r\n return state;\r\n }\r\n}","import React, { createContext, useContext, useReducer } from 'react';\r\nimport { useApp } from '../../../AppContext';\r\nimport { checkboxSelect } from '../../../lib/checkbokSelect';\r\nimport { definePortfolioCheckbox } from '../../../lib/definePortfolioCheckbox';\r\nimport { gatherIds } from '../../../lib/gatherIds';\r\nimport { serviceGetPortfolio, serviceUpdateCompanyList, serviceUpdatePropertyList, serviceGetFolders, deletePortfolioFolder, deletePortfolioFolderItem, postPortfolioItemMove } from './middleware';\r\nimport { portfolioReducer } from './reducer';\r\n\r\nconst PortfolioContext = createContext();\r\n\r\nexport const PortfolioProvider = ({ children }) => {\r\n const initialState = {\r\n resultsFolder: [],\r\n resultsFolderProperty: [],\r\n resultsFolderContact: [],\r\n portfolio: {\r\n savedCompanyList: [],\r\n savedPropertyList: []\r\n }\r\n }\r\n\r\n const { handleLoading, handleError } = useApp();\r\n const [state, dispatch] = useReducer(portfolioReducer, initialState);\r\n\r\n const setPortfolio = () => {\r\n handleLoading(true);\r\n serviceGetPortfolio().then(data => {\r\n const portfolio = definePortfolioCheckbox(data.data);\r\n dispatch({ type: \"SET_PORTFOLIO\", payload: portfolio });\r\n handleLoading(false);\r\n }).catch(err => {\r\n handleLoading(false);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n\r\n const setFolders = (EntityId) => {\r\n serviceGetFolders(EntityId).then(data => {\r\n if (EntityId === 1) {\r\n const resultsFolder = data.data;\r\n dispatch({ type: 'SET_RESULTS_Folder', payload: resultsFolder });\r\n }\r\n if (EntityId === 2) {\r\n const resultsFolder = data.data;\r\n dispatch({ type: 'SET_RESULTS_Folder_Property', payload: resultsFolder });\r\n }\r\n if (EntityId === 3) {\r\n const resultsFolder = data.data;\r\n dispatch({ type: 'SET_RESULTS_Folder_contact', payload: resultsFolder });\r\n }\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n\r\n const handlePortfolioFolder = (data) => {\r\n deletePortfolioFolder(data).then(data => {\r\n setTimeout(() => {\r\n setFolders(1);\r\n setFolders(2);\r\n setFolders(3);\r\n setPortfolio();\r\n }, 100);\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n\r\n const handlePortfolioFolderItem = (data) => {\r\n deletePortfolioFolderItem(data).then(data => {\r\n setTimeout(() => {\r\n setFolders(1);\r\n setFolders(2);\r\n setFolders(3);\r\n setPortfolio();\r\n }, 100);\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n const handleSelected = e => {\r\n const payload = checkboxSelect(state.portfolio, e.target);\r\n dispatch({ type: \"SET_PORTFOLIO\", payload: payload });\r\n }\r\n const updateCompanyList = () => {\r\n const portfolioIds = gatherIds(state.portfolio.savedCompanyList);\r\n serviceUpdateCompanyList(portfolioIds).then(data => {\r\n const portfolio = definePortfolioCheckbox(data.data);\r\n dispatch({ type: \"SET_PORTFOLIO\", payload: portfolio });\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n const updatePropertyList = () => {\r\n const portfolioIds = gatherIds(state.portfolio.savedPropertyList);\r\n serviceUpdatePropertyList(portfolioIds).then(data => {\r\n const portfolio = definePortfolioCheckbox(data.data);\r\n dispatch({ type: \"SET_PORTFOLIO\", payload: portfolio });\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n });\r\n }\r\n\r\n const addToPortfolioMove = (mPortfolioId, mFolderId) => {\r\n const body = { PortfolioId: parseInt(mPortfolioId), FolderId: parseInt(mFolderId) }\r\n postPortfolioItemMove(body).then(() => {\r\n setPortfolio();\r\n }).catch(err => {\r\n console.error(err);\r\n handleError(err.response.headers.errormessage);\r\n })\r\n\r\n }\r\n\r\n const providerValue = {\r\n ...state,\r\n setPortfolio,\r\n handleSelected,\r\n updateCompanyList,\r\n updatePropertyList,\r\n setFolders,\r\n handlePortfolioFolder,\r\n handlePortfolioFolderItem,\r\n addToPortfolioMove\r\n }\r\n\r\n return (\r\n \r\n {elementFolder.folderName} \r\n {elementFolder.folderId === 0 ? \"\" : handleFolderDelete(elementFolder.folderId)}\r\n />}\r\n
\r\n */}\r\n {/* No contacts saved! Add them to your portfolio */}\r\n {/*
*/}\r\n {/* ) : (*/}\r\n {/* */}\r\n {/* No contacts saved! Add them to your portfolio */}\r\n {/*
*/}\r\n {/* ) : (*/}\r\n {/* \r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { Route } from 'react-router';\r\nimport { BrowserRouter as Router } from 'react-router-dom';\r\nimport TagManager from 'react-gtm-module';\r\nimport Layout from './components/Layout';\r\nimport CompanyListing from './pages/CompanyListing';\r\nimport CompanyProfile from './pages/CompanyProfile';\r\nimport PropertyProfile from './pages/PropertyProfile';\r\nimport PropertyListing from './pages/PropertyListing';\r\nimport PeopleListing from './pages/PeopleListing';\r\nimport ContactUs from './pages/ContactUs';\r\nimport MinePersonnelListing from './pages/MinePersonnelListing';\r\nimport Portfolio from './pages/Portfolio';\r\nimport Login from './pages/Login';\r\n\r\nimport './custom.css'\r\nimport { CompanyProvider } from './components/features/company/context';\r\nimport { PropertyProvider } from './components/features/property/context';\r\nimport { PeopleProvider } from './components/features/people/context';\r\nimport { MinePersonnelProvider } from './components/features/mine-personnel/context';\r\nimport { PortfolioProvider } from './components/features/portfolio/context';\r\n\r\nimport { AppProvider } from './AppContext';\r\n// import ChatBot from './pages/ChatBot';\r\n\r\n\r\nexport default () => {\r\n TagManager.initialize({ gtmId: 'GTM-PL9CMB2' });\r\n \r\n return (\r\n \r\n
\r\n Welcome!
\r\nClick on the button below to continue to login:
\r\n \r\n\r\n
\r\n © TNM Group
\r\n