\n Delete\n \n ) : null}\n \n \n \n );\n }\n}\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Form, { Item } from \"devextreme-react/form\";\r\nimport Utils from \"Utils\";\r\nimport {\r\n ticket_size_range,\r\n countryList,\r\n cityList,\r\n investorType,\r\n whoseContactList,\r\n investorStatus,\r\n priority,\r\n} from \"formFields\";\r\nfunction mapStateToProps(state) {\r\n return {\r\n formFields: state.formFields,\r\n };\r\n}\r\nclass ReportsFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showFilter: false,\r\n investorFilters: {\r\n city: null,\r\n country: null,\r\n ticket_size_gt: null,\r\n ticket_size_lt: null,\r\n industries: null,\r\n client_segments: null,\r\n sector: null,\r\n preferred_stages: null,\r\n type: null,\r\n contact_person: null,\r\n status: null,\r\n text: null,\r\n },\r\n };\r\n this.toggleFilter = () => {\r\n this.setState({\r\n showFilter: !this.state.showFilter,\r\n });\r\n };\r\n this.applyFilter = (e) => {\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n var formData = { ...this.state.investorFilters };\r\n // removing the null object keys\r\n Object.keys(formData).forEach(\r\n (key) => formData[key] == null && delete formData[key]\r\n );\r\n if (Object.keys(formData).length) {\r\n this.props.applyFilter(formData);\r\n } else {\r\n Utils.notify(\"Please fill some values in filters\", \"warning\");\r\n }\r\n // this.toggleFilter();\r\n };\r\n this.clearFilter = () => {\r\n let formData = { ...this.state.investorFilters };\r\n // clearing the form value\r\n Object.keys(formData).forEach((key) => {\r\n formData[key] = null;\r\n });\r\n this.setState({ investorFilters: formData }, () => {\r\n this.props.applyFilter({});\r\n });\r\n };\r\n this.formFieldDataChange = (e) => {\r\n var formData = { ...this.state.investorFilters };\r\n // removing the null object keys\r\n Object.keys(formData).forEach(\r\n (key) => formData[key] == null && delete formData[key]\r\n );\r\n this.props.applyFilter(formData);\r\n };\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n return {\r\n disabled: props.disabled,\r\n type: props.type,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n Utils.getFormFields();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nexport default connect(mapStateToProps)(ReportsFilter);\r\n","import React, { Component } from \"react\";\nimport Api from \"Api/Api\";\nimport Store from \"redux/store\";\nimport Form, { Item, GroupItem } from \"devextreme-react/form\";\nimport Copy from \"components/common/Copy\";\nimport DataGrid from \"devextreme-react/data-grid\";\nimport Utils from \"Utils\";\nimport ReportsFilter from \"components/common/ReportsFilter\";\nimport { isAllowed } from \"permissions\";\nimport { Permissions } from \"permissions/constants\";\nimport { startupStatusMap } from \"formFields\";\n\nexport default class ReportForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n disableFilter: true,\n type: \"investor\",\n investors_choice: [],\n startup_choice: [],\n report: null,\n store: this.props.store,\n link: null,\n filters: {},\n disableForm: false,\n formData: {\n investors: [],\n startups: [],\n from_date: null,\n to_date: null,\n type: null,\n store: this.props.store,\n },\n };\n this.reportType = [\n \"All Startups\",\n \"All Investors\",\n \"Investor\",\n \"Startup\",\n \"Investor startup chats\",\n \"Investor startup data\",\n \"Investment details\",\n ];\n this.limitedTypes = [\n \"Investor startup chats\",\n \"Investor startup data\",\n \"Investment details\",\n ];\n this.generateReport = (e) => {\n e.preventDefault();\n if (this.state.formData.type) {\n Store.dispatch({ type: \"toggleLoad\" });\n Api.generateReport(this.state.formData, this.state.filters).then(\n (response) => {\n Store.dispatch({ type: \"toggleLoad\" });\n if (response.status === 200) {\n if (this.state.store) {\n this.setState({ link: response.data });\n } else {\n this.setState({\n report: response.data.data,\n link: response.data.link,\n });\n }\n }\n }\n );\n } else {\n Utils.notify(\"Please select a type\", \"warning\", 1500);\n }\n };\n this.selectboxChanged = (e) => {\n this.setState({ [e.element.id]: e.value });\n };\n this.loadInvestors = (text = \"\") => {\n let filter = { text };\n Api.getAllInvestor(1, filter).then((response) => {\n if (response.status === 200) {\n this.setState({\n investors_choice: response.data.results,\n });\n }\n });\n };\n this.loadStartups = (text = \"\") => {\n let filter = { text };\n Api.getAllStartups(1, filter).then((response) => {\n if (response.status === 200) {\n this.setState({\n startup_choice: response.data.results,\n });\n }\n });\n };\n this.tagBoxSearchValueChanged = (e, type) => {\n const inpValue = e.element.getElementsByTagName(\"input\")[0].value;\n if (inpValue.length > 2) {\n if (type === \"investor\") {\n Utils.debounce(this.loadInvestors(inpValue), 300);\n } else {\n Utils.debounce(this.loadStartups(inpValue), 300);\n }\n }\n };\n this.tagBoxValueChanged = (e, type) => {\n if (e.value.length) {\n const startupLen = this.state.formData.startups.length;\n const investorLen = this.state.formData.investors.length;\n let disableValue = true;\n let filterType = \"investor\";\n if (!investorLen && startupLen) {\n filterType = \"startup\";\n disableValue = false;\n } else if (investorLen && !startupLen) {\n disableValue = false;\n } else if (\n (investorLen && startupLen) ||\n (!investorLen && !startupLen)\n ) {\n disableValue = true;\n }\n this.setState({\n disableFilter: disableValue,\n type: filterType,\n });\n }\n };\n this.getFilters = (filters) => {\n this.setState({\n filters,\n });\n };\n\n this.selectionChanged = (e) => {\n this.setState({\n formData: {\n ...this.state.formData,\n type: e.value,\n },\n });\n let disableFilter = [\n \"Investor startup chats\",\n \"Investor startup data\",\n ].includes(e.value);\n this.setState({ disableFilter });\n let disableForm = [\"All Investors\", \"All Startups\"].includes(e.value);\n this.setState({\n disableForm,\n });\n };\n }\n\n componentDidMount() {\n this.loadInvestors();\n this.loadStartups();\n }\n\n render() {\n return (\n <>\n \n Note \n Choose future date to get data of a current/required date.
\n \n \n {this.state.store ? (\n this.state.link ? (\n <>\n
Report Generated \n {this.props.download ? (\n
{this.state.link} \n ) : (\n
\n )}\n \n ) : null\n ) : this.state.report ? (\n <>\n
Report Generated \n
{this.state.link} \n\n
\n \n ) : null}\n
/g, \"\");\n editorData = editorData.replace(/\"/g, \"'\");\n getContent(editorData);\n };\n const saveEditorInstance = (e) => {\n setEditorInstance(e.component);\n };\n const renderPopupContent = () => {\n switch (type) {\n case \"image\":\n return (\n \n \n \n \n \n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport Api from \"Api/Api\";\nimport Utils from \"Utils\";\nimport { custom } from \"devextreme/ui/dialog\";\nimport MailForm from \"components/AdminComponents/MailForm\";\nimport Paginator from \"components/common/Paginator\";\nimport { useLocation } from \"@reach/router\";\nimport { useUrlFilter } from \"../../Hooks/utils\";\nimport { investorType } from \"formFields\";\nimport { Checkbox } from \"@mantine/core\";\nimport { Select, Input } from \"antd\";\nimport { CSVLink } from \"react-csv\";\nimport { AntTable } from \"components/AntComponents\";\n\nfunction Match(props) {\n const { selectedInvestor, dispatch, formFields } = props;\n\n const location = useLocation();\n const [filters, setFilters] = useUrlFilter();\n\n const [count, setCount] = useState(0);\n const [startupId, setStartupId] = useState(null);\n const [matchedInvestors, setMatchedInvestors] = useState(null);\n const [investorIds, setInvestorIds] = useState([]);\n const [showPopup, setShowPopup] = useState(false);\n const [businessDescription, setBusinessDescription] = useState(\"\");\n const [processing, setProcessing] = useState(false);\n const [startupName, setStartupName] = useState(null);\n\n useEffect(() => {\n const investorIds = selectedInvestor.map(\n (selected) => selected.investor_id\n );\n setInvestorIds(investorIds);\n }, [selectedInvestor]);\n\n useEffect(() => {\n if (!formFields.length) {\n Utils.getFormFields()\n }\n }, [formFields])\n\n useEffect(() => {\n var startupId = location.pathname.split(\"/\").splice(-1)[0];\n dispatch({ type: \"toggleLoad\" });\n Api.getStartupDetail(startupId).then((response) => {\n dispatch({ type: \"toggleLoad\" });\n if (response.status === 200) {\n setStartupId(startupId);\n setBusinessDescription(response.data.business_description);\n setStartupName(response.data.name);\n dispatch({\n type: \"SectionSelected\",\n payload: `Send To Investor (${response.data.name})`,\n });\n }\n });\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n if (filters) {\n getMatchedInvestors(\n filters?.page,\n filters?.search,\n filters?.sort,\n filters?.type,\n filters?.relationship_manager,\n filters?.tags,\n filters?.sector,\n );\n }\n }, [filters]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const assignStartup = () => {\n Api.assignStartup(investorIds, startupId).then((response) => {\n if (response.status === 200) {\n Utils.notify(\"Record saved!\", \"success\");\n dispatch({\n type: \"clearSelectedInvestor\",\n });\n }\n });\n };\n\n const sortingParams = [\n {\n name: \"Name in ascending order\",\n value: \"name|asc\",\n },\n {\n name: \"Name in descending order\",\n value: \"name|desc\",\n },\n {\n name: \"Fund name in ascending order\",\n value: \"fund_name|asc\",\n },\n {\n name: \"Fund name in descending order\",\n value: \"fund_name|desc\",\n },\n {\n name: \"Match percentage in ascending order\",\n value: \"percentage|asc\",\n },\n {\n name: \"Match percentage in descending order\",\n value: \"percentage|desc\",\n },\n {\n name: \"Priority in ascending order\",\n value: \"priority|asc\",\n },\n {\n name: \"Priority in descending order\",\n value: \"priority|desc\",\n },\n {\n name: \"Min ticket size in ascending order\",\n value: \"min_ticket_size|asc\",\n },\n {\n name: \"Min ticket size in descending order\",\n value: \"min_ticket_size|desc\",\n },\n {\n name: \"Max ticket size in ascending order\",\n value: \"max_ticket_size|asc\",\n },\n {\n name: \"Max ticket size in descending order\",\n value: \"max_ticket_size|desc\",\n },\n ];\n\n const addInvestor = () => {\n let myDialog = custom({\n title: \"Send email notification\",\n messageHtml: \"Do you want to send them email? \",\n buttons: [\n {\n text: \"Send\",\n onClick: (e) => {\n return true;\n },\n },\n {\n text: \"Record\",\n onClick: (e) => {\n return false;\n },\n },\n ],\n });\n myDialog.show().then((dialogResult) => {\n if (dialogResult) {\n setShowPopup(true);\n } else {\n assignStartup();\n }\n });\n };\n const getMatchedInvestors = (page = 1, search = \"\", sort = \"\", type = \"\", relationship_manager = \"\", tags = \"\", sector = \"\") => {\n setMatchedInvestors(null);\n let startupId = location.pathname.split(\"/\").splice(-1)[0];\n dispatch({ type: \"toggleLoad\" });\n Api.getMatches(startupId, page, search, sort, type, relationship_manager, tags, sector).then((response) => {\n if (response.status === 200) {\n dispatch({ type: \"toggleLoad\" });\n if (response.data === \"Processing\") {\n setProcessing(true);\n } else {\n setMatchedInvestors(response.data.results);\n setCount(response.data.count);\n setProcessing(false);\n }\n }\n });\n };\n const rowSelected = (investor, selected) => {\n if (selected) {\n dispatch({\n type: \"addSelectedInvestor\",\n payload: investor,\n });\n } else {\n dispatch({\n type: \"removeSelectedInvestor\",\n payload: investor.investor_id,\n });\n }\n };\n const changeInvestor = async (investors_list) => {\n if (investors_list.length) {\n const response = await Api.getInvestorIdsFromEmail(investors_list);\n if (response.status === 200) {\n if (\n JSON.stringify(response.data) !== JSON.stringify(selectedInvestor)\n ) {\n dispatch({\n type: \"replaceSelectedInvestor\",\n payload: response.data.map((ids) => `${ids}`),\n });\n }\n }\n }\n };\n\n const removeSelectedUser = (investorId) => {\n dispatch({\n type: \"removeSelectedInvestor\",\n payload: investorId,\n });\n };\n\n const csvHeaders = [\n {\n label: 'Name',\n key: 'name'\n },\n {\n label: 'Fund name',\n key: 'fund_name'\n },\n {\n label: 'Stages',\n key: 'preferred_stages'\n },\n {\n label: 'Minimum ticket size',\n key: 'min_ticket_size'\n },\n {\n label: 'Maximum ticket size',\n key: 'max_ticket_size'\n },\n {\n label: 'Sectors',\n key: 'sectors'\n },\n {\n label: 'Segments',\n key: 'client_segments'\n },\n {\n label: 'Invested in countries',\n key: 'invest_in_countries'\n },\n {\n label: 'Investor type',\n key: 'investor_type'\n },\n {\n label: 'Priority',\n key: 'priority'\n },\n {\n label: 'Comment',\n key: 'comment_box'\n },\n {\n label: 'Match Percentage',\n key: 'match_percentage'\n },\n ]\n\n const headers = [\n {\n title: \"\",\n dataIndex: \"id\",\n render: (_, data) => {\n return (\n \n rowSelected(data, event.currentTarget.checked)\n }\n checked={investorIds.includes(data.investor_id)}\n />\n );\n },\n },\n {\n title: \"Name\",\n dataIndex: \"name\",\n },\n {\n title: \"Fund name\",\n dataIndex: \"fund_name\",\n },\n {\n title: \"Stages\",\n dataIndex: \"preferred_stages\",\n },\n {\n title: \"Minimum ticket size\",\n dataIndex: \"min_ticket_size\",\n },\n {\n title: \"Maximum ticket size\",\n dataIndex: \"max_ticket_size\",\n },\n {\n title: \"Sectors\",\n dataIndex: \"sectors\",\n width: \"10%\",\n ellipsis: true,\n },\n {\n title: \"Segments\",\n dataIndex: \"client_segments\",\n },\n {\n title: \"Invested in countries\",\n dataIndex: \"invest_in_countries\",\n },\n {\n title: \"Investor type\",\n dataIndex: \"investor_type\",\n },\n {\n title: \"Priority\",\n dataIndex: \"priority\",\n },\n {\n title: \"Comment\",\n dataIndex: \"comment_box\",\n width: \"10%\",\n ellipsis: true,\n },\n {\n title: \"Match Percentage\",\n dataIndex: \"match_percentage\",\n render: (data) => {\n return (\n \n {data} %\n
\n );\n },\n },\n ]\n\n return (\n \n
\n
window.history.back()}\n >\n Back\n \n \n {matchedInvestors === \"\" ? (\n \"Loading...\"\n ) : (\n <>\n {processing ? (\n
\n
Please wait! Script is running in the background! \n \n Please refresh the page in sometime!{\" \"}\n window.location.reload()}\n >\n Refresh\n \n \n \n ) : (\n <>\n
\n
{\n setFilters({\n page: 1,\n search: e.target.value,\n });\n }}\n onChange={(e) => {\n if (e.target.value === \"\") {\n setFilters({\n page: 1,\n search: \"\"\n });\n }\n }}\n />\n setFilters({ sort: value })}\n />\n setFilters({ type: value })}\n />\n setFilters({ relationship_manager: value })}\n />\n setFilters({ sector: value })}\n />\n setFilters({ tags: value })}\n />\n \n {matchedInvestors && \n Export to CSV\n }\n
\n \n {!!selectedInvestor.length && (\n
\n
Selected Investors
\n
\n {selectedInvestor.map((investor) => {\n return (\n
\n {investor.name} \n {\n removeSelectedUser(investor.investor_id);\n }}\n >\n close\n \n
\n );\n })}\n
\n\n
\n Add\n \n \n )}\n
\n\n
\n \n )}\n \n )}\n {showPopup && (\n
setShowPopup(false)}\n instantMailSent={assignStartup}\n investors={investorIds}\n startupId={startupId}\n changeInvestor={changeInvestor}\n businessDescription={businessDescription}\n />\n )}\n \n
\n
\n
window.history.back()}\n >\n Back\n \n \n filterHandler({ sector: e.value })}\n />\n filterHandler({ industry: e.value })}\n />\n filterHandler({ segment: e.value })}\n />\n filterHandler({ stage: e.value })}\n />\n \n filterHandler({ action: reverseStartupStatusMap[e.value] })\n }\n />\n \n {startups && \n Export to CSV\n }\n
\n \n
\n {\n return (\n \n startupStatusChanged(e, row.data.startup)\n }\n />\n );\n }}\n />\n {\n return {moment(row.data.created).format(\"LLL\")} ;\n }}\n />\n {\n return (\n setSelectedStartup(row.data.startup.id)}\n >\n Investment details\n \n );\n }}\n />\n \n setSelectedStartup(null)}\n investorId={id}\n />\n {/* setSelectedStartup(null)}\n /> */}\n \n );\n}\n\nfunction mapStateToProps(state) {\n return {\n formFields: state.formFields,\n };\n}\nexport default connect(mapStateToProps)(InvestorStartupsArrange);\n","import * as Yup from 'yup';\n\nexport const investorCrudFormSchema = Yup.object().shape({\n username: Yup.string().required('Required'),\n primary_email: Yup.string().required('Required'),\n country: Yup.string().required('Required'),\n status: Yup.string().required('Required'),\n fund_name: Yup.string().required('Required'),\n designation: Yup.string().required('Required'),\n min_ticket_size: Yup.string().required('Required'),\n max_ticket_size: Yup.string().required('Required'),\n\n industries: Yup.array().min(1, \"at least 1 industry is required\").required(\"required\"),\n preferred_stages: Yup.array().min(1, \"at least 1 stage is required\").required(\"required\"),\n client_segments: Yup.array().min(1, \"at least 1 segment is required\").required(\"required\"),\n sectors: Yup.array().min(1, \"at least 1 sector is required\").required(\"required\"),\n type: Yup.array().min(1, \"at least 1 type is required\").required(\"required\"),\n contact_person: Yup.string().required('Required'),\n priority: Yup.string().required('Required'),\n relationship_manager: Yup.string().required('Required'),\n});","import React, { useState, useEffect } from 'react'\nimport { AntModal, AntInput, AntSelect, AntDate, AntCheckbox } from \"components/AntComponents\";\nimport { Button } from \"antd\";\nimport { Formik } from 'formik';\nimport {\n investorType,\n cityList,\n countryList,\n investorStatus,\n priority,\n ticket_size_range,\n whoseContactList,\n} from \"formFields\";\nimport { investorCrudFormSchema } from \"./validations\";\nimport Api from \"Api/Api\";\nimport Utils from \"Utils\";\n\nexport function InvestorCrud({ visible, onClose, dynamicFields, data, onSubmit }) {\n const INITIAL_FORM_DATA = {\n username: null,\n primary_email: null,\n secondary_email: null,\n contact_number: null,\n dob: undefined,\n password: null,\n country: null,\n invest_in_countries: [],\n city: null,\n address: null,\n linkedin: null,\n facebook: null,\n twitter: null,\n status: null,\n fund_name: null,\n designation: null,\n primary_contact: false,\n min_ticket_size: null,\n max_ticket_size: null,\n industries: [],\n preferred_stages: [],\n client_segments: [],\n sectors: [],\n no_sectors: [],\n type: [],\n contact_person: null,\n comment_box: null,\n reminder: null,\n reminder_date: undefined,\n startup_invested_text: null,\n priority: null,\n relationship_manager: null,\n tags: []\n }\n const [isOpen, setIsOpen] = useState(false);\n const [formData, setFormData] = useState(INITIAL_FORM_DATA);\n\n useEffect(() => {\n if (data) {\n setFormData(data);\n }\n }, [data]);\n\n useEffect(() => {\n setIsOpen(visible)\n }, [visible]);\n\n const closeModal = () => {\n setFormData(INITIAL_FORM_DATA);\n onClose();\n setIsOpen(false);\n }\n\n const processCountries = (data, operation) => {\n if (\"invest_in_countries\" in data) {\n if (data.invest_in_countries) {\n if (operation === \"compress\") {\n data.invest_in_countries = data.invest_in_countries.join(\",\");\n } else if (operation === \"decompress\") {\n data.invest_in_countries = data.invest_in_countries.split(\",\");\n }\n }\n }\n return data;\n };\n\n const formatType = (data, operation = \"decompress\") => {\n if (operation === \"decompress\") {\n return data.map((record) => {\n return {\n ...record,\n type: record.type.split(\",\"),\n };\n });\n } else {\n if (\"type\" in data) {\n data.type = data.type.join(\",\");\n }\n return data;\n }\n };\n\n const investorUpdated = async (payload) => {\n delete payload.user;\n let investorData = payload;\n investorData = processCountries(investorData, \"compress\");\n investorData = formatType(investorData, \"compress\");\n const response = await Api.editInvestor(data.id, investorData)\n if (response.status !== 200) {\n Utils.notify(\n Utils.errorMessageGenerator(response.data),\n \"warning\",\n 4000\n );\n } else {\n Utils.notify(\"Investor updated successfully!\", \"success\", 4000);\n }\n };\n const investorAdded = async (payload) => {\n let investorData = payload;\n investorData = processCountries(investorData, \"compress\");\n investorData = formatType(investorData, \"compress\");\n const response = await Api.createInvestor(investorData)\n if (response.status !== 200) {\n Utils.notify(\n Utils.errorMessageGenerator(response.data),\n \"warning\",\n 4000\n );\n\n } else {\n Utils.notify(\"Investor created successfully!\", \"success\", 4000);\n return response.data;\n }\n };\n\n const handleSubmit = async (payload, { setSubmitting }) => {\n let newData = payload;\n setSubmitting(true);\n let created = false;\n if (data) {\n await investorUpdated(payload);\n } else {\n created = true;\n newData = await investorAdded(payload);\n }\n onSubmit(newData, created);\n setSubmitting(false);\n closeModal();\n }\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleSubmit,\n setFieldValue,\n }) => (\n \n )}\n \n \n )\n}\n","import React, { useState, useEffect } from \"react\";\nimport Utils from \"Utils\";\nimport DataGrid, { Column } from \"devextreme-react/data-grid\";\nimport { connect } from \"react-redux\";\nimport Api from \"Api/Api\";\nimport { Popup } from \"devextreme-react\";\nimport InvestorView from \"components/AdminComponents/InvestorView\";\nimport moment from \"moment\";\nimport Filter from \"components/common/Filters\";\nimport Paginator from \"components/common/Paginator\";\nimport { navigate } from \"@reach/router\";\nimport Reminders from \"components/AdminComponents/Reminders\";\nimport { useUrlFilter } from \"Hooks/utils\";\nimport { isAllowed } from \"permissions\";\nimport { Permissions } from \"permissions/constants\";\nimport { InvestorCrud } from \"components/forms/InvestorCrud\";\nimport { DeleteModal } from \"components/common/DeleteModal\";\n\nfunction InvestorsPage(props) {\n const { dispatch, formFields } = props;\n\n const [investors, setInvestors] = useState([]);\n const [showPopup, setShowPopup] = useState(false);\n const [selectedInvestor, setSelectedInvestor] = useState(null);\n const [popupType, setPopupType] = useState(null);\n const [count, setCount] = useState(0);\n const [filters, setFilters] = useUrlFilter();\n const [openInvestorForm, setOpenInvestorForm] = useState(false);\n const [dataOfInvestorToEdit, setDataOfInvestorToEdit] = useState(null);\n const [deleteModalVisible, setDeleteModalVisible] = useState(false);\n const [investorToBeDeleted, setInvestorToBeDeleted] = useState(null);\n\n useEffect(() => {\n Utils.getFormFields();\n dispatch({\n type: \"SectionSelected\",\n payload: \"Investors\",\n });\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n if (filters) {\n const page = filters?.page;\n delete filters?.page;\n loadData(page, filters);\n }\n }, [filters]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const togglePopup = () => {\n setShowPopup(!showPopup);\n };\n const popupData = (data, type) => {\n setSelectedInvestor(data);\n setPopupType(type);\n togglePopup();\n };\n const investorRemoved = async (record) => {\n // record.data will consist of the row data to be deleted\n const response = await Api.deleteInvestor(record.id);\n if (response.status !== 200) {\n Utils.notify(\n Utils.errorMessageGenerator(response.data),\n \"warning\",\n 4000\n );\n } else {\n const updatedListOfInvestors = [...investors].filter(investor => {\n return investor.id !== record.id;\n });\n setInvestors(updatedListOfInvestors);\n Utils.notify(\"Investor deleted successfully!\", \"success\", 4000);\n }\n };\n\n const processCountries = (data, operation) => {\n if (\"invest_in_countries\" in data) {\n if (data.invest_in_countries) {\n if (operation === \"compress\") {\n data.invest_in_countries = data.invest_in_countries.join(\",\");\n } else if (operation === \"decompress\") {\n data.invest_in_countries = data.invest_in_countries.split(\",\");\n }\n }\n }\n return data;\n };\n const changeInvestmentCountriesData = (data) => {\n data.forEach((record) => {\n if (record.invest_in_countries) {\n record = processCountries(record, \"decompress\");\n }\n });\n return data;\n };\n const prepareEditor = (data) => {\n try {\n if (data.row.values[0] && data.dataField === \"password\") {\n data.cancel = true;\n }\n } catch (error) { }\n };\n const renderComponent = () => {\n switch (popupType) {\n case \"view\":\n return \n
\n
\n
\n
\n
\n
\n {\n setOpenInvestorForm(false)\n setDataOfInvestorToEdit(null);\n }}\n visible={openInvestorForm}\n dynamicFields={formFields}\n data={dataOfInvestorToEdit}\n onSubmit={submitHandler}\n />\n {\n return (\n <>\n {e?.row?.data?.username?.split(\" \")[0]}{\" \"}\n \n popupData(e.row.data.id, \"reminder\")}\n >\n add_alert\n \n \n \n );\n }}\n />\n {\n return (\n <>{e?.row?.data?.username?.split(\" \").slice(1).join(\" \")}\n );\n }}\n />\n {\n return (\n {row.data.primary_contact ? \"Pri\" : \"Sec\"} \n );\n }}\n />\n {\n return (\n navigate(`/arrange/${row.data.id}`)}\n >\n Arrange\n \n );\n }}\n />\n {\n return (\n popupData(row.data, \"view\")}\n >\n View\n \n );\n }}\n />\n {\n return (\n \n \n
{\n setDeleteModalVisible(false);\n setInvestorToBeDeleted(null);\n }}\n onOk={async () => {\n await investorRemoved(investorToBeDeleted);\n setDeleteModalVisible(false);\n }}\n />\n \n
\n
{\r\n this.clicked(noti);\r\n }}\r\n >\r\n \r\n {noti.seen ? null :
\r\n \r\n {moment(noti.created).fromNow()}\r\n
\r\n {noti.seen ? null : (\r\n \r\n {\r\n this.markAsRead(noti.id);\r\n }}\r\n > \r\n \r\n )}\r\n \r\n );\r\n })}\r\n {\r\n this.markAsRead();\r\n }}\r\n >\r\n Mark All as read\r\n \r\n \r\n ) : (\r\n No notifications here
\r\n );\r\n }\r\n}\r\nexport default connect(mapStateToProps)(Notifications);\r\n","import React, { Component } from \"react\";\r\nimport Api from \"Api/Api\";\r\nimport { Popup } from \"devextreme-react\";\r\nimport MailForm from \"components/AdminComponents/MailForm\";\r\nimport { connect } from \"react-redux\";\r\nimport DataGrid, { Column } from \"devextreme-react/data-grid\";\r\nimport { confirm } from \"devextreme/ui/dialog\";\r\nimport Paginator from \"components/common/Paginator\";\r\n\r\nclass MailingList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mails: [],\r\n visible: false,\r\n count: 0,\r\n };\r\n this.togglePopup = () => {\r\n this.setState({\r\n visible: !this.state.visible,\r\n });\r\n };\r\n this.mailCreated = (data) => {\r\n this.setState({ mails: [...this.state.mails, data], visible: false });\r\n };\r\n this.deleteMail = (mailID) => {\r\n let result = confirm(\r\n \"Do you want to delete this mail, it can't be reverted ?\",\r\n \"Confirm\"\r\n );\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n Api.deleteMails(mailID).then((response) => {\r\n this.setState({\r\n mails: this.state.mails.filter((mail) => {\r\n return mail.id !== mailID;\r\n }),\r\n });\r\n });\r\n }\r\n });\r\n };\r\n this.loadData = (page = 1) => {\r\n this.props.dispatch({ type: \"toggleLoad\" });\r\n Api.getMails(page).then((response) => {\r\n if (response.status === 200) {\r\n this.props.dispatch({\r\n type: \"toggleLoad\",\r\n });\r\n this.setState({\r\n mails: response.data.results,\r\n count: response.data.count,\r\n });\r\n }\r\n });\r\n };\r\n }\r\n componentDidMount() {\r\n this.loadData();\r\n this.props.dispatch({\r\n type: \"SectionSelected\",\r\n payload: \"Compose\",\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {/* \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n add_box\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n return (\r\n this.deleteMail(row.key)}\r\n >\r\n Delete\r\n \r\n );\r\n }}\r\n />\r\n \r\n
{\r\n this.loadData(page);\r\n }}\r\n />\r\n \r\n
\r\n
\r\n
\n
\n
\n
\n
\n
\n {\n return moment(e.row.data.created).format(\"LLL\");\n }}\n />\n \n
\n
\n
\n
\n
\n $ {this.props.stakeData.selling_share}\n \n );\n case \"committed\":\n return (\n {this.props.data.equity_percent} % \n );\n default:\n return (\n $ {this.props.data.ask_amount} \n );\n }\n };\n }\n\n render() {\n return (\n \n
\n
\n
\n \n {this.props.data.client_segment.name}\n \n \n {this.props.data.stage.name}\n \n
\n
\n {this.renderHeaderPrice()}\n
\n
\n
\n
\n group_add\n \n \n );\n // case \"sellPipeline\":\n case \"adminBid\":\n return (\n <>\n \n attach_money\n \n \n );\n case \"bid\":\n return (\n <>\n \n check\n \n \n );\n case \"sellPipeline\":\n case \"bid_pipeline\":\n return (\n <>\n \n group\n \n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n \n );\n case \"new\":\n return (\n <>\n {\n this.performAction(\"open\");\n }}\n title=\"Interested\"\n >\n check\n \n {\n this.performAction(\"not_interested\");\n }}\n title=\"Not Interested\"\n >\n close\n \n \n );\n case \"open\":\n return (\n <>\n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n {\n this.performAction(\"not_interested\");\n }}\n title=\"Not Interested\"\n >\n close\n \n \n );\n case \"sellOpen\":\n return (\n <>\n \n close\n \n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n \n );\n case \"committed\":\n return (\n <>\n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n \n attach_money\n \n \n );\n case \"sold\":\n case \"pipeline\":\n return (\n <>\n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n \n );\n case \"not_interested\":\n return (\n <>\n \n \n {moment(this.props.data.modified).fromNow()}\n \n \n \n );\n default:\n return null;\n }\n };\n }\n render() {\n return (\n \n
{this.renderFooter()}
\n
\n
\n
\n \n \n {this.props.data.name}\n \n \n \n {this.props.data.industry.name}\n \n
\n \n
\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n Total investment raise till date\n \n $ {this.props.data.total_investment_raise_till_date}\n
\n\n {this.props.data.last_amount_raised ? (\n \n \n Last amount raised\n \n $ {this.props.data.last_amount_raised}\n
\n ) : null}\n \n \n {this.props.hideFooter ? null : (\n <>\n
\n Your Shares */}\n {/* Number of shares:- {this.props.startup.share_number}
\n Share price:-{this.props.share_price}
\n Equity price:-{this.props.equity_percent}
*/}\n \n \n );\n }\n}\n","import React, { Component } from \"react\";\r\nimport StartupCard from \"components/common/StartupCard/StartupCard\";\r\nimport Api from \"Api/Api\";\r\nimport moment from \"moment\";\r\nimport { connect } from \"react-redux\";\r\nimport { Popup } from \"devextreme-react\";\r\nimport ContractForm from \"components/common/ContractForm\";\r\nimport Utils from \"Utils\";\r\nimport AddBidForm from \"components/InvestorComponents/AddBidForm\";\r\nfunction mapStateToProps(state) {\r\n return {\r\n section: state.section\r\n };\r\n}\r\nclass Contracts extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n contracts: [],\r\n moderator: props.moderator,\r\n showPopup: false,\r\n showSellForm: false,\r\n popupData: {}\r\n };\r\n this.togglePopup = data => {\r\n if (data && \"id\" in data) {\r\n this.setState({ showSellForm: true, popupData: data });\r\n }\r\n this.setState({\r\n showPopup: !this.state.showPopup\r\n });\r\n };\r\n this.createContract = data => {\r\n Api.createContract(data).then(response => {\r\n if (response.status === 201) {\r\n this.setState({\r\n contracts: [...this.state.contracts, response.data]\r\n });\r\n this.togglePopup();\r\n } else {\r\n Utils.notify(response.data[0], \"warning\");\r\n }\r\n });\r\n };\r\n this.renderComponent = () => {\r\n if (this.state.showSellForm) {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Contracts \r\n \r\n
\r\n {this.state.moderator ? (\r\n
\r\n add_box\r\n \r\n ) : null}\r\n
\r\n
\r\n {this.state.contracts.length ? (\r\n this.state.contracts.map(contract => {\r\n return (\r\n //
\r\n
\r\n
\r\n
{contract.name} \r\n
Created: \r\n
{moment(contract.created).format(\"LLL\")}
\r\n
Timeline: \r\n
{moment(contract.timeline).format(\"LLL\")}
\r\n
Contract Type: \r\n
{contract.contract_type}
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n })\r\n ) : (\r\n
No data \r\n )}\r\n
\r\n
\r\n
Enter details to generate report \n \n
\n
DANGER ZONE! \n \n WARNING:- Run this task only when servers are less busy! This\n will take long time to run and server may get busy. If you try to\n access the server during this time, it may{\" \"}\n CRASH! \n \n \n
\n
\n
Match creator \n {\n runTask();\n }}\n >\n Run Task\n \n {\n checkStatus();\n }}\n >\n Check Status\n \n \n {canRun\n ? \"You can run the task! But beware of the warning above!\"\n : \"Task Running! Please Wait!\"}\n \n \n
\n
\n
Bulk Investor Uploader \n
\n \n You can download the template file to upload bulk investors and\n startup.\n \n \n Please follow all the standards as mentioned in the file template\n itself!\n \n \n Avoiding the standard can cause, problems while storing the data in\n the backend\n \n \n Upload the data using the uploader and you can check the status of\n the task using the button.\n \n \n
\n
\n
{\n checkStatus();\n }}\n >\n Check Status\n \n \n
\n
\n
Run match script for startup \n
You can run match-making script for any specific startup!
\n
setSelectedStartup(e.value)}\n />\n \n Run script\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n star_border Open\n
\n \n \n \n \n wb_cloudy Pipeline\n
\n \n \n \n \n close Sold\n
\n \n \n \n
\n
\n
\n
\n
\n
\n
\n {this.state.open.length ? (\n this.state.open.map((data) => {\n return (\n
\n
\n );\n })\n ) : (\n
No Data \n )}\n
\n
\n
\n
\n {this.state.open.length ? (\n this.state.open.map((data) => {\n return (\n
\n
\n );\n })\n ) : (\n
No Data \n )}\n
\n
\n
\n
\n {this.state.sold.length ? (\n this.state.sold.map((data) => {\n return (\n
\n
\n );\n })\n ) : (\n
No data \n )}\n
\n
\n
\n
\n
\n
\n
\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.renderContent()} ;\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Api from \"Api/Api\";\r\nimport Auth from \"Api/Auth\";\r\nimport Utils from \"Utils\";\r\nimport { navigate } from \"@reach/router\";\r\nimport { Popup } from \"devextreme-react\";\r\nexport default class Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showPassword: false,\r\n showPopup: false,\r\n showEmailForm: true,\r\n };\r\n this.checkEmail = (e) => {\r\n e.preventDefault();\r\n Api.changePswdRequest(e.target.request_email.value).then((response) => {\r\n if (response.status === 200) {\r\n this.setState({ showEmailForm: false });\r\n Utils.notify(\r\n \"An email is sent out to you containg the token for changing the value\"\r\n );\r\n } else {\r\n Utils.notify(\"Something wrong happened\", \"warning\");\r\n }\r\n });\r\n };\r\n this.changeToTokenForm = () => {\r\n this.setState({ showEmailForm: false });\r\n };\r\n this.changePswd = (e) => {\r\n e.preventDefault();\r\n if (e.target.pswd.value === e.target.cnf_pswd.value) {\r\n Api.changePswd(e.target.token.value, e.target.pswd.value).then(\r\n (response) => {\r\n if (response.status === 200) {\r\n this.togglePopup();\r\n this.setState({ showEmailForm: true });\r\n }\r\n }\r\n );\r\n } else {\r\n Utils.notify(\"Password and confirm password doesn't match\", \"error\");\r\n }\r\n };\r\n this.showHidePassword = () => {\r\n this.setState({ showPassword: !this.state.showPassword });\r\n };\r\n this.togglePopup = () => {\r\n this.setState({ showPopup: !this.state.showPopup });\r\n };\r\n this.submitHandler = (e) => {\r\n e.preventDefault();\r\n var form = document.forms[\"login-form\"];\r\n Api.loginUser(form.email.value, form.password.value).then((response) => {\r\n if (response.status === 200) {\r\n Auth.LoginUser(response.data.token);\r\n\r\n navigate(\"/\");\r\n } else {\r\n Utils.notify(\"Email or password not exist !\", \"error\", 2000);\r\n }\r\n });\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n {this.state.showEmailForm ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n person Login\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {\r\n clicked(\"/login\");\r\n }}\r\n style={{ marginLeft: 10 }}\r\n >\r\n Login\r\n \r\n \r\n
\r\n {\r\n clicked(\"/register\");\r\n }}\r\n style={{ marginLeft: 10 }}\r\n >\r\n Register\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {window.location.href.match(/login|register/) ? (\r\n
\r\n \r\n ) : (\r\n <>\r\n
WE LOVE ENTREPRENEURS \r\n
\r\n At Venture Garage , we handhold early stage startups\r\n to raise capital from our network of 2500+ Investors.\r\n
\r\n
\r\n Our Investor Network Includes: VCs, HNIs, Family\r\n Offices, Strategic Investors, Corporates, Angel & Seed\r\n Investors who invest between $50K to 15Mil in Seed to\r\n Series A/B rounds.\r\n
\r\n
\r\n VG-Angels is the angel network of Venture Garage\r\n
\r\n
\r\n VG-Corporate partners with large enterprises to\r\n acquire startups\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isAuthenticated ? (\r\n \r\n \r\n ) : (\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(mapStateToProps)(Landing);\r\n","import React, { Component } from \"react\";\r\nimport Store from \"redux/store\";\r\nimport { Provider } from \"react-redux\";\r\nimport { Router } from \"@reach/router\";\r\nimport Landing from \"components/Landing\";\r\n\r\nexport default class App extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n// for debugging purpose of getting the value of the store in the redux\r\nwindow.store = Store;\r\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"css/material-dashboard.css\";\n// import \"jquery\";\n// import \"popper.js\";\nimport \"bootstrap/dist/js/bootstrap.bundle.min\";\nimport \"devextreme/dist/css/dx.common.css\";\nimport \"devextreme/dist/css/dx.light.css\";\nimport \"css/index.css\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"App\";\nimport * as serviceWorker from \"serviceWorker\";\n\nReactDOM.render(
![\"edit\"](\"/logos/edit.png\")
\r\n ![\"delete\"](\"/logos/delete.png\")
\r\n \r\n );\r\n }\r\n },\r\n ]\r\n\r\n return (\r\n ![\"\"](\"/logos/logo-main-transparent.png\"){kind=spacer}
\r\n \r\n ![\"\"](\"/logos/logo-with-plane.png\"){kind=logo}
\r\n \r\n ![\"\"](\"/logos/vg-corporate.png\")
\r\n \r\n