\n \n Profile\n
\n \n \n \n Documents\n
\n \n \n \n Transactions\n
\n \n \n ![\"users\"](\"https://d1swyfveypj49y.cloudfront.net/users.svg\")
\n Referrals\n
\n \n \n Referrals\n \n \n Contact Us\n
\n \n \n \n \n \n \n\n */}\n
\n {/* \n
\n \n \n \n
\n \n \n
\n \n \n \n
\n )}\n \n \n Capital Calls\n \n
\n \n {!isMobile && (\n \n \n
\n \n */}\n {/* \n
\n )}\n \n \n
\n {!isMobile && (\n \n \n Messages\n \n
\n \n \n \n
\n \n */}\n {/* \n
\n )}\n \n \n
\n {!isMobile && (\n \n \n Learn\n \n
\n \n \n \n
\n \n */}\n \n \n \n \n \n \n
\n )}\n \n \n FAQs\n \n
\n \n {!isMobile && (\n \n \n {user\n ? user.investorSummaryData.first_name +\n \" \" +\n user.investorSummaryData.last_name\n : \"\"}\n \n
\n ) : null\n }\n \n \n \n logoutUser()}\n >\n \n Logout\n
\n */}\n \n {/* */}\n \n \n \n \n \n );\n}\nexport default Header;\n","// export const HOST = \"https://yee78zfatm.us-east-1.awsapprunner.com\";\n//export const HOST = \"https://api.staging.investwithaqua.com\";\n// run local server\n//export const HOST = \"http://127.0.0.1:8000\";\nexport const HOST = process.env.REACT_APP_API_ENDPOINT;\n","import { Auth } from \"aws-amplify\";\n\n/**\n *\n */\nexport const getRequestHeaders = async () => {\n const config = {\n headers: {},\n };\n\n const accessToken = await Auth.currentSession().then(\n (response) => response.accessToken.jwtToken\n );\n if (accessToken !== undefined && accessToken !== null) {\n config.headers[\"Authorization\"] = `Bearer ${accessToken}`;\n }\n\n return config;\n};\n","import axios from \"axios\";\nimport { HOST } from \"../host-config.js\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\n\n//Dev environment endpoint\nexport const getUserInvestments = async (active, accountId) => {\n const config = await getRequestHeaders();\n\n const requestParams = {\n params: {\n active_funds_only: active,\n account_id: accountId,\n },\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n return axios.get(HOST + \"/investor-fund-investments-by-date/\", requestParams);\n};\n\n//Dev environment endpoint\nexport const getUserDistributions = async (active, accountId) => {\n const config = await getRequestHeaders();\n\n const requestParams = {\n params: {\n active_funds_only: active,\n account_id: accountId,\n },\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n\n return axios.get(\n HOST + \"/investor-fund-distributions-by-date/\",\n requestParams\n );\n};\n","import React from \"react\";\n\nfunction DownArrowCircleButton({selected, setSelected}) {\n const rotateIcon = () => {\n setSelected(!selected);\n }\n return (\n \n {/* */}\n setShowDropdown(!showDropdown)}\n >\n ![\"ellipse\"](\"https://d1swyfveypj49y.cloudfront.net/Ellipse.svg\")
\n
*/}\n {/* \n
\n {/* \n \n ![\"user\"](\"https://d1swyfveypj49y.cloudfront.net/user.svg\")
\n Profile\n
\n \n \n \n \n Profile\n \n ![\"File\"](\"https://d1swyfveypj49y.cloudfront.net/File.svg\")
\n Documents\n
\n \n \n \n Documents\n \n \n Transactions\n
\n \n \n \n \n Referrals\n
\n \n \n \n \n Contact Us\n
\n \n \n \n ![\"Down](\"https://d1swyfveypj49y.cloudfront.net/DownArrowCircleBorderSelected.svg\")
rotateIcon()}>\n
) : ( rotateIcon()}>\n \n ![\"Down](\"https://d1swyfveypj49y.cloudfront.net/DownArrowCircleBorder.svg\")
rotateIcon()}>\n
)}\n {/* rotateIcon()}>\n \n rotateIcon()}>\n
*/}\n {/* {selected ? (\n rotateIcon()}>\n \n rotateIcon()}>\n
) : (\n rotateIcon()}>\n \n onClick={() => rotateIcon()}\n
\n ) } */}\n {/* Something to show here. */}\n onClick={() => rotateIcon()}\n \n
\n \n
\n \n ![\"logo\"](\"./ThamesvilleLogo.svg\")
\n
\n \n \n
\n \n {investment ? investment.fundName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n \n Investment:\n
\n \n {investment ? moneyFormatter(investment.investmentAmount) : \"\"}\n
\n \n
\n \n Distributed:\n
\n \n {\"$0\"}\n
\n \n
\n \n Opportunity Stage:\n
\n \n {investment ? investment.opportunityStatus : \"\"}\n
\n \n
\n \n Investment Stage:\n
\n \n {investment ? investmentStatusFormatter(investment.investmentStage) : \"\"}\n
\n \n
\n \n Returns:\n
\n \n {\"N/A%\"}\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n \n \n Firm Name:{\" \"}\n \n
\n \n \n {investment ? investment.firmName : \"\"}\n \n
\n \n
\n \n \n Strategy:{\" \"}\n \n
\n \n \n {investment\n ? fundStrategyFormatter(investment.strategy)\n : \"\"}\n \n
\n \n
\n \n \n Closing Date:{\" \"}\n \n
\n \n \n {investment\n ? dayjs\n .unix(investment.fundClosingDate)\n .format(\"MMM D, YYYY\")\n : \"N/A\"}\n \n
\n \n
\n \n \n Target Fund Length:{\" \"}\n \n
\n \n \n {\"8 years\"}\n \n
\n \n
\n \n \n Investment Date:{\" \"}\n \n
\n \n \n {investment\n ? dayjs\n .unix(investment.investmentDate)\n .format(\"MMM D, YYYY\")\n : \"N/A\"}\n \n
\n \n
\n \n \n Last Distribution Date:{\" \"}\n \n
\n \n \n {investment.lastDistributionDate === \"N/A\" || investment.lastDistributionDate === undefined\n ? \"N/A\"\n : dayjs\n .unix(investment.lastDistributionDate)\n .format(\"MMM D, YYYY\")}\n \n
\n \n
\n \n \n Last Distribution Amount:{\" \"}\n \n
\n \n \n {\"$ 0\"}\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n {fundInvestments.length !== 0 && (fundInvestments !== null || fundInvestments !== undefined) && (\n fundInvestments.map((investment, index) => {\n return
\n \n {buttonText}\n
\n );\n}\nexport default Button;\n","import React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport Media from \"react-media\";\nimport PhoneInvestmentGrid from \"./PhoneInvestmentGrid/PhoneInvestmentGrid\";\nimport \"./InvestmentTableStyles/InvestmentTableStyles.css\";\nimport Button from \"../../../GlobalComponents/Button/Button.js\";\nimport { useHistory } from \"react-router-dom\";\nimport * as dayjs from \"dayjs\";\nvar utc = require(\"dayjs/plugin/utc\");\n\nfunction InvestmentTable({ investments, distributions }) {\n const [fundInvestments, setFundInvestments] = useState([]);\n\n useEffect(() => {\n if (\n investments !== null &&\n investments !== undefined &&\n investments.length !== 0\n ) {\n const sortedInvestments = investments.sort((a, b) =>\n a.investment_date.localeCompare(b.investment_date)\n );\n let hashedFundInvestment = new Map();\n\n sortedInvestments.forEach(\n ({\n investment_date,\n investment_amount,\n status,\n fund,\n account_name,\n capital_call,\n marked_value\n }) => {\n let unixInvestmentDateNoTime = dayjs(\n dayjs(investment_date).format(\"MMM D, YYYY\")\n );\n let unixInvestmentDate = dayjs(unixInvestmentDateNoTime).unix();\n let unixInvestmentDateISO = dayjs\n .unix(unixInvestmentDate)\n .toISOString();\n let fundClosingDate = \"N/A\";\n\n if (\n fund.fund_closing_date !== null &&\n fund.fund_closing_date !== undefined &&\n fund.fund_closing_date !== \"\"\n ) {\n let unixFundClosingDateNoTime = dayjs(\n dayjs(fund.fund_closing_date).format(\"MMM D, YYYY\")\n );\n let unixFundClosingDate = dayjs(unixFundClosingDateNoTime).unix();\n fundClosingDate = unixFundClosingDate;\n }\n\n if (!hashedFundInvestment.has(fund.name)) {\n let hashedAccountFundInvestment = new Map();\n hashedAccountFundInvestment.set(account_name, {\n investmentAmount: investment_amount,\n investmentDate: unixInvestmentDate,\n markedValue: marked_value,\n capitalCall: capital_call,\n opportunityStatus: fund.investment_status,\n accountName: account_name,\n investmentStage: status,\n firmName: fund.originator_firm.name,\n link: fund.link,\n logoLink: fund.originator_firm.logo_link,\n strategy: fund.strategy_type.type,\n fundClosingDate:\n fundClosingDate !== \"N/A\" ? fundClosingDate : \"N/A\",\n targetFundLength: \"N/A\",\n lastDistributionAmount: 0,\n totalDistributed: 0,\n });\n\n hashedFundInvestment.set(fund.name, hashedAccountFundInvestment);\n } else if (\n hashedFundInvestment.has(fund.name) &&\n !hashedFundInvestment.get(fund.name).has(account_name)\n ) {\n hashedFundInvestment.get(fund.name).set(account_name, {\n investmentAmount: investment_amount,\n investmentDate: unixInvestmentDate,\n opportunityStatus: fund.investment_status,\n accountName: account_name,\n investmentStage: status,\n markedValue: marked_value,\n capitalCall: capital_call,\n firmName: fund.originator_firm.name,\n link: fund.link,\n logoLink: fund.originator_firm.logo_link,\n strategy: fund.strategy_type.type,\n fundClosingDate:\n fundClosingDate !== \"N/A\" ? fundClosingDate : \"N/A\",\n targetFundLength: \"N/A\",\n lastDistributionAmount: 0,\n totalDistributed: 0,\n });\n } else {\n var currentAccountFundInvestment = hashedFundInvestment\n .get(fund.name)\n .get(account_name).investmentAmount;\n var newInvestment =\n currentAccountFundInvestment + investment_amount;\n hashedFundInvestment\n .get(fund.name)\n .get(account_name).investmentAmount = newInvestment;\n }\n\n // if (\n // hashedFundInvestment[fund.name][account_name] === null ||\n // hashedFundInvestment[fund.name][account_name] === undefined\n // ) {\n // hashedFundInvestment[fund.name][account_name] = {\n // investmentAmount: 0,\n // investmentDate: \"\",\n // lastDistributionDate: \"N/A\",\n // lastDistributionAmount: 0,\n // opportunityStatus: \"N/A\",\n // accountName: account_name,\n // investmentStage: \"N/A\",\n // fundClosingDate: \"N/A\",\n // firmName: \"\",\n // link: \"\",\n // logoLink: \"\",\n // strategy: \"\",\n // targetFundLength: \"N/A\",\n // };\n // }\n // hashedFundInvestment[fund.name][account_name].investmentAmount +=\n // investment_amount;\n // hashedFundInvestment[fund.name][account_name].investmentDate =\n // unixInvestmentDate;\n // hashedFundInvestment[fund.name][account_name].opportunityStatus =\n // fund.investment_status;\n // hashedFundInvestment[fund.name][account_name].investmentStage =\n // status;\n // hashedFundInvestment[fund.name][account_name].firmName =\n // fund.originator_firm.name;\n // hashedFundInvestment[fund.name][account_name].logoLink =\n // fund.originator_firm.logo_link;\n // hashedFundInvestment[fund.name][account_name].strategy =\n // fund.strategy_type.type;\n // hashedFundInvestment[fund.name][account_name].fundClosingDate =\n // fundClosingDate !== \"N/A\" ? fundClosingDate : \"N/A\";\n // hashedFundInvestment[fund.name][account_name].link = fund.link;\n }\n );\n\n if (\n distributions !== null &&\n distributions !== undefined &&\n distributions.length !== 0\n ) {\n const sortedDistributions = distributions.sort((a, b) =>\n a.distribution_date.localeCompare(b.distribution_date)\n );\n\n sortedDistributions.forEach(\n ({ distribution_date, distribution_amount, fund, account_name }) => {\n let unixDistributionDateNoTime = dayjs(\n dayjs(distribution_date).format(\"MMM D, YYYY\")\n );\n let unixDistributionDate = dayjs(unixDistributionDateNoTime).unix();\n let unixDistributionDateISO = dayjs\n .unix(unixDistributionDate)\n .toISOString();\n let fundClosingDate = null;\n\n if (\n fund.fund_closing_date !== null &&\n fund.fund_closing_date !== undefined &&\n fund.fund_closing_date !== \"\"\n ) {\n let unixFundClosingDateNoTime = dayjs(\n dayjs(fund.fund_closing_date).format(\"MMM D, YYYY\")\n );\n let unixFundClosingDate = dayjs(unixFundClosingDateNoTime).unix();\n fundClosingDate = unixFundClosingDate;\n }\n\n //Replicate the logic that was used for the investment array\n\n if (!hashedFundInvestment.has(fund.name)) {\n let hashedAccountFundDistribution = new Map();\n hashedAccountFundDistribution.set(account_name, {\n investmentAmount: 0,\n investmentDate: \"\",\n accountName: account_name,\n lastDistributionDate: unixDistributionDate,\n lastDistributionAmount: distribution_amount,\n opportunityStatus: fund.investment_status,\n investmentStage: \"N/A\",\n fundClosingDate:\n fundClosingDate !== null ? fundClosingDate : \"N/A\",\n firmName: fund.originator_firm.name,\n link: fund.link,\n logoLink: fund.originator_firm.logo_link,\n strategy: fund.strategy_type.type,\n targetFundLength: \"N/A\",\n totalDistributed: distribution_amount,\n });\n } else if (\n hashedFundInvestment.has(fund.name) &&\n !hashedFundInvestment.get(fund.name).has(account_name)\n ) {\n hashedFundInvestment.get(fund.name).set(account_name, {\n investmentAmount: 0,\n investmentDate: \"\",\n accountName: account_name,\n lastDistributionDate: unixDistributionDate,\n lastDistributionAmount: distribution_amount,\n opportunityStatus: fund.investment_status,\n investmentStage: \"N/A\",\n fundClosingDate:\n fundClosingDate !== null ? fundClosingDate : \"N/A\",\n firmName: fund.originator_firm.name,\n link: fund.link,\n logoLink: fund.originator_firm.logo_link,\n strategy: fund.strategy_type.type,\n targetFundLength: \"N/A\",\n totalDistributed: distribution_amount,\n });\n } else {\n var currentAccountFundDistribution = hashedFundInvestment\n .get(fund.name)\n .get(account_name).totalDistributed;\n var newDistributed =\n currentAccountFundDistribution + distribution_amount;\n hashedFundInvestment\n .get(fund.name)\n .get(account_name).totalDistributed = newDistributed;\n hashedFundInvestment\n .get(fund.name)\n .get(account_name).lastDistributionAmount = distribution_amount;\n hashedFundInvestment\n .get(fund.name)\n .get(account_name).lastDistributionDate = unixDistributionDate;\n }\n\n // if (\n // hashedFundInvestment[fund.name][account_name] === null ||\n // hashedFundInvestment[fund.name][account_name] === undefined\n // ) {\n // hashedFundInvestment[fund.name][account_name] = {\n // investmentAmount: 0,\n // investmentDate: \"\",\n // accountName: account_name,\n // lastDistributionDate: \"N/A\",\n // lastDistributionAmount: 0,\n // opportunityStatus: \"N/A\",\n // investmentStage: \"N/A\",\n // fundClosingDate: \"N/A\",\n // firmName: \"\",\n // link: \"\",\n // logoLink: \"\",\n // strategy: \"\",\n // targetFundLength: \"N/A\",\n // };\n // }\n // hashedFundInvestment[fund.name][account_name].totalDistributed +=\n // distribution_amount;\n // hashedFundInvestment[fund.name][\n // account_name\n // ].lastDistributionAmount = distribution_amount;\n // hashedFundInvestment[fund.name][account_name].lastDistributionDate =\n // unixDistributionDate;\n // hashedFundInvestment[fund.name][account_name].opportunityStatus =\n // fund.investment_status;\n // hashedFundInvestment[fund.name][account_name].firmName =\n // fund.originator_firm.name;\n // hashedFundInvestment[fund.name][account_name].link = fund.link;\n // hashedFundInvestment[fund.name][account_name].logoLink =\n // fund.originator_firm.logo_link;\n // hashedFundInvestment[fund.name][account_name].strategy =\n // fund.strategy_type.type;\n // hashedFundInvestment[fund.name][account_name].fundClosingDate =\n // fundClosingDate !== null ? fundClosingDate : \"\";\n }\n );\n }\n\n let keyArray = Array.from(hashedFundInvestment.keys());\n\n const valueArr = keyArray.map((keyElement) => {\n let valuesArray = Array.from(\n hashedFundInvestment.get(keyElement).values()\n );\n\n let resultantArray = valuesArray.map((value, idx) => {\n return {\n id: idx,\n fundName: keyElement,\n ...value,\n };\n });\n\n return resultantArray;\n });\n\n let flattenedArray = valueArr.reduce((acc, val) => acc.concat(val), []);\n\n // const userInvestments = Object.entries(hashedFundInvestment).map(\n // (\n // [\n // key,\n // {\n // investmentAmount,\n // investmentDate,\n // lastDistributionDate,\n // lastDistributionAmount,\n // totalDistributed,\n // accountName,\n // opportunityStatus,\n // investmentStage,\n // fundClosingDate,\n // firmName,\n // link,\n // logoLink,\n // strategy,\n // targetFundLength,\n // },\n // ],\n // index\n // ) => {\n // return {\n // id: index,\n // fundName: key,\n // investmentAmount: investmentAmount,\n // investmentDate: investmentDate,\n // lastDistributionDate: lastDistributionDate,\n // accountName: accountName,\n // lastDistributionAmount: lastDistributionAmount,\n // totalDistributed: totalDistributed,\n // opportunityStatus: opportunityStatus,\n // investmentStage: investmentStage,\n // fundClosingDate: fundClosingDate,\n // firmName: firmName,\n // link: link,\n // logoLink: logoLink,\n // strategy: strategy,\n // targetFundLength: targetFundLength,\n // };\n // }\n // );\n\n setFundInvestments(\n flattenedArray.map((elem, idx) => ({ ...elem, id: idx }))\n );\n }\n }, [investments, distributions]);\n\n let history = useHistory();\n\n function moneyFormatter(cell) {\n if (cell === undefined || cell === null) {\n return \"$ 0\";\n }\n var integer = parseInt(cell.toString(), 10);\n return \"$ \" + integer.toLocaleString(\"en-US\");\n }\n\n function fundStrategyFormatter(cell) {\n let fundStrategies = {\n \"Private Equity\": \"PRIVATE_EQUITY\",\n \"Direct Landing\": \"DIRECT_LANDING\",\n \"CLO Management\": \"CLO_MANAGEMENT\",\n \"Structured Credit\": \"STRUCTURED_CREDIT\",\n \"Co-Investment\": \"CO_INVESTMENT\",\n \"Fund of Funds\": \"FUND_OF_FUNDS\",\n \"Buyout\": \"BUYOUT\",\n \"Credit\": \"CREDIT\",\n \"Growth\": \"GROWTH\",\n\n };\n return fundStrategies[cell];\n }\n\n function investmentStatusFormatter(cell) {\n if (cell !== undefined && cell !== null) {\n let investmentStatusMap = {\n P: \"Pending Approval\",\n PD: \"Pending Sub Docs\",\n PF: \"Pending Funding\",\n F: \"Funded\",\n A: \"Approved\",\n R: \"Rejected\",\n };\n return investmentStatusMap[cell.toString()];\n }\n return \"\";\n }\n\n const newColumns = [\n {\n dataField: \"fundName\",\n text: \"Opportunity Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"investmentAmount\",\n text: \"Investment Amount\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: moneyFormatter,\n },\n {\n dataField: \"totalDistributed\",\n text: \"Total Distributed\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: moneyFormatter,\n },\n {\n dataField: \"opportunityStatus\",\n text: \"Opportunity Status\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"investmentStage\",\n text: \"Investment Stage\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: investmentStatusFormatter,\n },\n {\n dataField: \"accountName\",\n text: \"Account\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"markedValue\",\n text: \"Marked Value\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: moneyFormatter,\n },\n {\n dataField: \"capitalCall\",\n text: \"Capital Called\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: moneyFormatter\n },\n ];\n\n const expandRow = {\n parentClassName: (isExpanded, row, rowIndex) => {\n if (isExpanded) return \"table-row-style-focus\";\n return \"table-row-style\";\n },\n onExpand: (row, isExpand, rowIndex, e) => {\n if (isExpand) {\n // setExpanded([row.id]);\n // expanded: [...expanded, row.id];\n //setFundName(row.fundName);\n } else if (!isExpand) {\n // this.setState(() => ({\n // expanded: [],\n // }));\n //setExpanded([]);\n //setFundName(\"All\");\n }\n },\n onlyOneExpanding: true,\n renderer: (row, isExpanded, expanded) => (\n \n
\n \n \n ),\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Firm Name\n \n
\n \n \n {row.firmName}\n \n
\n \n
\n \n \n Fund Close Date\n \n
\n \n \n {row.fundClosingDate === \"N/A\"\n ? \"N/A\"\n : dayjs\n .unix(row.fundClosingDate)\n .format(\"MMM D, YYYY\")}\n \n
\n \n
\n \n \n Target Fund Length\n \n
\n \n \n 10 years\n \n
\n \n
\n \n \n Fund Strategy\n \n
\n \n \n {fundStrategyFormatter(row.strategy)}\n \n
\n \n
\n \n
\n \n \n Investment Date\n \n
\n \n \n {dayjs.unix(row.investmentDate).format(\"MMM D, YYYY\")}\n \n
\n \n
\n \n \n Last Distribution Date\n \n
\n \n \n {row.lastDistributionDate === \"N/A\" ||\n row.lastDistributionDate === undefined\n ? \"N/A\"\n : dayjs\n .unix(row.lastDistributionDate)\n .format(\"MMM D, YYYY\")}\n \n
\n \n
\n \n \n Last Distribution Amount\n \n
\n \n \n {\"$ \" +\n row.lastDistributionAmount.toLocaleString(\"en-US\")}\n \n
\n \n
\n \n
*/}\n \n history.push(\"/invest/\" + row.link)}\n >\n \n
\n {/* \n \n Close\n
\n \n
\n );\n}\nexport default InvestmentTable;\n","import React from \"react\";\nimport \"@hassanmojab/react-modern-calendar-datepicker/lib/DatePicker.css\";\nimport DatePicker, {\n utils,\n} from \"@hassanmojab/react-modern-calendar-datepicker\";\nimport \"./FromFilterStyles/FromFilterStyles.css\";\n\nfunction FromFilter({ selectedDay, setSelectedDay }) {\n const renderCustomInput = ({ ref }) => (\n \n
\n \n
\n \n \n {(matches) =>\n matches.medium ? (\n
\n \n
\n \n Investments\n
\n \n
\n )\n }\n \n \n
\n \n
\n \n \n You don't have any investments to show.\n \n
\n )}\n \n
\n \n );\n\n const clearDateSelection = () => {\n return (\n \n \n
\n \n \n
\n \n
\n );\n };\n\n return (\n \n
\n \n
\n \n setSelectedDay(null)}\n >\n Clear Selection\n \n
\n \n
\n \n );\n\n const clearDateSelection = () => {\n return (\n \n \n
\n \n \n
\n \n
\n );\n };\n\n return (\n \n
\n \n
\n \n setSelectedDay(null)}\n >\n Clear Selection\n \n
\n \n
\n \n \n \n {\"Performance: \" + text}\n \n
\n \n ![\"portfolio-arrow\"](\"https://d1swyfveypj49y.cloudfront.net/PortfolioArrow.svg\")
\n {/* \n I\n */}\n
\n \n {/* \n I\n */}\n \n
\n );\n}\nexport default PortfolioFilterRow;\n","// import React from \"react\";\n\nexport const numFormatter = (num) => {\n if (num > 999 && num < 1000000) {\n return (num / 1000).toFixed(1) + \"K\"; // convert to K for number from > 1000 < 1 million\n } else if (num >= 1000000 && num < 1000000000) {\n return (num / 1000000).toFixed(1) + \"M\"; // convert to M for number from > 1 million\n } else if (num >= 1000000000) {\n return (num / 1000000000).toFixed(1) + \"B\";\n } else if (num < 900) {\n return num; // if value < 1000, nothing to do\n }\n};\n","import React, { useState, useEffect, useContext } from \"react\";\nimport {\n // AreaChart,\n // Area,\n LineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n // Legend,\n} from \"recharts\";\nimport \"./PortfolioGraphSectionStyles/PortfolioGraphSectionStyles.css\";\nimport { numFormatter } from \"../../../Adapters/GlobalAdapters/FormatData.js\";\nimport * as dayjs from \"dayjs\";\nimport { UserContext } from \"../../../GlobalContexts/UserContext\";\n\n// var utc = require(\"dayjs/plugin/utc\");\n\nfunction PortfolioGraphSection({\n fundName,\n investments,\n distributions,\n fromDate,\n toDate,\n accountCreationDate,\n}) {\n const [filterInvestments, setFilterInvestments] = useState([]);\n const [filterDistributions, setFilterDistributions] = useState([]);\n const [cumulativePortfolio, setCumulativePortfolio] = useState([]);\n const [createdAccountDate, setCreatedAccountDate] = useState(\"\");\n\n const { user } = useContext(UserContext);\n\n useEffect(() => {\n if (user && user.investorSummaryData) {\n setCreatedAccountDate(\n user.investorSummaryData.created_at.substring(0, 10)\n );\n }\n }, [user]);\n\n useEffect(() => {\n var dated = dayjs(createdAccountDate).format(\"MMM D, YYYY\");\n }, [createdAccountDate]);\n\n useEffect(() => {\n if (investments !== undefined && investments !== null) {\n let filteredArray = [];\n investments.forEach((investment) => {\n if (investment.status === \"F\") {\n filteredArray.push(investment);\n }\n });\n setFilterInvestments(filteredArray);\n }\n }, [investments]);\n\n useEffect(() => {\n if (distributions !== undefined && distributions !== null) {\n let filteredArray = [];\n distributions.forEach((distribution) => {\n if (distribution.status === \"C\") {\n filteredArray.push(distribution);\n }\n });\n setFilterDistributions(filteredArray);\n }\n }, [distributions]);\n\n useEffect(() => {\n const hashedPortfolio = {};\n if (\n filterInvestments.length === 0 &&\n filterDistributions.length === 0 &&\n accountCreationDate !== \"\"\n ) {\n var defaultPortfolio = [];\n var inputAccountCreationDate = accountCreationDate.substring(0, 10);\n\n var unixAccountCreationDate = dayjs(createdAccountDate).unix();\n\n var currentDate = new Date();\n var currentDateNoTime = dayjs(dayjs(currentDate).format(\"MMM D, YYYY\"));\n var unixCurrentDate = dayjs(currentDateNoTime).unix();\n\n let priorDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000);\n\n defaultPortfolio.push({\n investmentAmount: 0,\n capitalCallAmount: 0,\n markedValueAmount: 0, \n distributionAmount: 0,\n investmentDate:\n unixCurrentDate === unixAccountCreationDate\n ? dayjs(priorDate).unix()\n : unixAccountCreationDate,\n });\n\n defaultPortfolio.push({\n investmentAmount: 0,\n capitalCallAmount: 0,\n markedValueAmount: 0, \n distributionAmount: 0,\n investmentDate: dayjs(new Date()).unix(),\n });\n\n setCumulativePortfolio(defaultPortfolio);\n } else if (\n filterInvestments !== null &&\n filterInvestments !== undefined &&\n filterInvestments.length === 1\n ) {\n let filteredInvestments = [];\n\n let currFund = filterInvestments[0].fund;\n let currInvestmentAmount = filterInvestments[0].investment_amount;\n let investDate = new Date(filterInvestments[0].investment_date);\n let todayDate = new Date();\n let days = 1;\n let prevDate = new Date(\n investDate.getTime() - days * 24 * 60 * 60 * 1000\n );\n\n filteredInvestments.push({\n investment_date: prevDate.toISOString(),\n investment_amount: 0,\n capital_call: 0,\n marked_value: 0,\n fund: currFund,\n });\n\n if (todayDate > investDate) {\n filteredInvestments.push({\n investment_date: todayDate.toISOString(),\n investment_amount: 0,\n capital_call: 0,\n marked_value: 0,\n fund: currFund,\n });\n }\n\n filterInvestments.forEach(\n ({ investment_date, fund, investment_amount, status, capital_call, marked_value }) => {\n if (\n (fund.name === fundName || fundName === \"All\") &&\n status === \"F\"\n ) {\n filteredInvestments.push({\n investment_date: investment_date,\n investment_amount: investment_amount,\n marked_value: marked_value,\n capital_call: capital_call\n });\n }\n }\n );\n filteredInvestments.forEach(({ investment_date, investment_amount, capital_call, marked_value}) => {\n var unixDateNoTime = dayjs(\n dayjs(investment_date).format(\"MMM D, YYYY\")\n );\n var unixDate = dayjs(unixDateNoTime).unix();\n var unixDateISO = dayjs.unix(unixDate).toISOString();\n\n if (\n hashedPortfolio[unixDate] === null ||\n hashedPortfolio[unixDate] === undefined\n ) {\n hashedPortfolio[unixDate] = {\n investmentAmount: 0,\n distributionAmount: 0,\n capitalCallAmount: 0,\n markedValueAmount: 0,\n investmentDate: unixDateISO,\n };\n }\n hashedPortfolio[unixDate].investmentAmount += investment_amount;\n hashedPortfolio[unixDate].capitalCallAmount += capital_call;\n hashedPortfolio[unixDate].markedValueAmount += marked_value;\n });\n\n if (\n filterDistributions !== undefined &&\n filterDistributions !== null &&\n filterDistributions.length !== 0\n ) {\n let filteredDistributions = [];\n filterDistributions.forEach(\n ({ distribution_date, distribution_amount, fund, status }) => {\n if (\n (fund.name === fundName || fundName === \"All\") &&\n status === \"C\"\n ) {\n filteredDistributions.push({\n distribution_amount: distribution_amount,\n distribution_date: distribution_date,\n });\n }\n }\n );\n filteredDistributions.forEach(\n ({ distribution_date, distribution_amount }) => {\n var unixDistributionDateNoTime = dayjs(\n dayjs(distribution_date).format(\"MMM D, YYYY\")\n );\n var unixDistributionDate = dayjs(unixDistributionDateNoTime).unix();\n var unixDistributionDateISO = dayjs\n .unix(unixDistributionDate)\n .toISOString();\n\n if (\n hashedPortfolio[unixDistributionDate] === null ||\n hashedPortfolio[unixDistributionDate] === undefined\n ) {\n hashedPortfolio[unixDistributionDate] = {\n investmentAmount: 0,\n distributionAmount: 0,\n investmentDate: unixDistributionDateISO,\n };\n }\n hashedPortfolio[unixDistributionDate].distributionAmount +=\n distribution_amount;\n }\n );\n }\n\n const orderedPortfolio = Object.entries(hashedPortfolio)\n .map(\n ([key, { investmentAmount, investmentDate, distributionAmount, capitalCallAmount, markedValueAmount }]) => {\n return {\n unixDate: key,\n investmentAmount: investmentAmount,\n distributionAmount: distributionAmount,\n investmentDate: investmentDate,\n capitalCallAmount: capitalCallAmount,\n markedValueAmount: markedValueAmount\n };\n }\n )\n .sort((a, b) => a.investmentDate.localeCompare(b.investmentDate));\n \n console.log(orderedPortfolio)\n var processedPortfolio = [];\n\n if (fromDate !== null) {\n let constructedDate = new Date(\n fromDate.year,\n fromDate.month - 1,\n fromDate.day\n );\n let constructedUnixDateNoTime = dayjs(\n dayjs(constructedDate).format(\"MMM D, YYYY\")\n );\n let constructedUnixDate = dayjs(constructedUnixDateNoTime).unix();\n var startDate = constructedUnixDate;\n }\n if (toDate !== null) {\n let constructedDate = new Date(\n toDate.year,\n toDate.month - 1,\n toDate.day\n );\n let constructedUnixDateNoTime = dayjs(\n dayjs(constructedDate).format(\"MMM D, YYYY\")\n );\n let constructedUnixDate = dayjs(constructedUnixDateNoTime).unix();\n var endDate = constructedUnixDate;\n }\n var startIndex = 0;\n var endIndex = orderedPortfolio.length - 1;\n var previousInvestmentTotal = 0;\n var previousCapitalCallTotal = 0;\n var previousMarkedValueTotal = 0; \n var previousDistributionTotal = 0;\n var pushEnd = false;\n\n for (let f = 0; f < orderedPortfolio.length; f++) {\n if (\n startDate !== undefined &&\n startDate !== null &&\n startDate >= orderedPortfolio[f].unixDate\n ) {\n startIndex = f;\n previousInvestmentTotal += orderedPortfolio[f].investmentAmount;\n previousDistributionTotal += orderedPortfolio[f].distributionAmount;\n previousCapitalCallTotal += orderedPortfolio[f].capitalCallAmount;\n previousMarkedValueTotal += orderedPortfolio[f].markedValueAmount;\n }\n if (\n endDate !== undefined &&\n endDate !== null &&\n endDate >= orderedPortfolio[f].unixDate\n ) {\n endIndex = f;\n }\n }\n\n if (\n endDate !== undefined &&\n endDate !== null &&\n endDate > orderedPortfolio[endIndex].unixDate\n ) {\n pushEnd = true;\n }\n\n if (startDate !== undefined && startDate !== null) {\n processedPortfolio.push({\n investmentDate: startDate,\n investmentAmount: previousInvestmentTotal,\n distributionAmount: previousDistributionTotal,\n });\n }\n\n var investmentRunSum = previousInvestmentTotal;\n var distributionRunSum = previousDistributionTotal;\n var capitalCallRunSum = previousCapitalCallTotal;\n var markedValueRunSum = previousMarkedValueTotal;\n\n for (\n let i =\n startDate === undefined || startDate === null ? 0 : startIndex + 1;\n i <= endIndex;\n i++\n ) {\n investmentRunSum += orderedPortfolio[i].investmentAmount;\n distributionRunSum += orderedPortfolio[i].distributionAmount;\n capitalCallRunSum += orderedPortfolio[i].capitalCallAmount;\n markedValueRunSum += orderedPortfolio[i].markedValueAmount;\n processedPortfolio.push({\n investmentDate: orderedPortfolio[i].unixDate,\n investmentAmount: investmentRunSum,\n distributionAmount: distributionRunSum,\n capitalCallAmount: capitalCallRunSum,\n markedValueAmount: markedValueRunSum,\n });\n }\n if (pushEnd) {\n var lastEntry =\n processedPortfolio[processedPortfolio.length - 1].investmentAmount;\n processedPortfolio.push({\n investmentDate: endDate,\n investmentAmount:\n processedPortfolio[processedPortfolio.length - 1].investmentAmount,\n distributionAmount:\n processedPortfolio[processedPortfolio.length - 1]\n .distributionAmount,\n });\n }\n\n setCumulativePortfolio(processedPortfolio);\n } else if (\n filterInvestments !== null &&\n filterInvestments !== undefined &&\n filterInvestments.length !== 0\n ) {\n let filteredInvestments = [];\n\n var formattedAccountCreationDate = dayjs(\n dayjs(accountCreationDate).format(\"MMM D, YYYY\")\n );\n var unixAccountCreationDate = dayjs(createdAccountDate).unix();\n var investDate = dayjs(\n dayjs(filterInvestments[0].investment_date).format(\"MMM D, YYYY\")\n );\n var unixInvestDate = dayjs(investDate).unix();\n\n var previousDate = \"\";\n\n if (unixInvestDate === unixAccountCreationDate) {\n let days = 1;\n let firstInvestmentDate = new Date(\n filterInvestments[0].investment_date\n );\n previousDate = new Date(\n firstInvestmentDate.getTime() - days * 24 * 60 * 60 * 1000\n );\n } else {\n previousDate = new Date(createdAccountDate);\n }\n\n filterInvestments.forEach(\n ({ investment_date, fund, investment_amount, status }) => {\n if (\n (fund.name === fundName || fundName === \"All\") &&\n status === \"F\"\n ) {\n filteredInvestments.push({\n investment_date: investment_date,\n investment_amount: investment_amount,\n });\n }\n }\n );\n\n filteredInvestments.push({\n investment_date: previousDate,\n investment_amount: 0,\n });\n\n var lastInvestDate = dayjs(\n filterInvestments[filterInvestments.length - 1].investment_date\n ).unix();\n var todayDate = dayjs(new Date().toISOString()).format(\"MMM D, YYYY\");\n var unixTodayDate = dayjs(todayDate).unix();\n\n if (unixTodayDate > lastInvestDate) {\n filteredInvestments.push({\n investment_date: new Date(),\n investment_amount: 0,\n });\n }\n\n filteredInvestments.forEach(({ investment_date, investment_amount }) => {\n var unixDateNoTime = dayjs(\n dayjs(investment_date).format(\"MMM D, YYYY\")\n );\n var unixDate = dayjs(unixDateNoTime).unix();\n var unixDateISO = dayjs.unix(unixDate).toISOString();\n\n if (\n hashedPortfolio[unixDate] === null ||\n hashedPortfolio[unixDate] === undefined\n ) {\n hashedPortfolio[unixDate] = {\n investmentAmount: 0,\n distributionAmount: 0,\n investmentDate: unixDateISO,\n };\n }\n hashedPortfolio[unixDate].investmentAmount += investment_amount;\n });\n\n if (\n filterDistributions !== undefined &&\n filterDistributions !== null &&\n filterDistributions.length !== 0\n ) {\n let filteredDistributions = [];\n filterDistributions.forEach(\n ({ distribution_date, distribution_amount, fund, status }) => {\n if (\n (fund.name === fundName || fundName === \"All\") &&\n status === \"C\"\n ) {\n filteredDistributions.push({\n distribution_amount: distribution_amount,\n distribution_date: distribution_date,\n });\n }\n }\n );\n\n filteredDistributions.forEach(\n ({ distribution_date, distribution_amount }) => {\n var unixDistributionDateNoTime = dayjs(\n dayjs(distribution_date).format(\"MMM D, YYYY\")\n );\n var unixDistributionDate = dayjs(unixDistributionDateNoTime).unix();\n var unixDistributionDateISO = dayjs\n .unix(unixDistributionDate)\n .toISOString();\n\n if (\n hashedPortfolio[unixDistributionDate] === null ||\n hashedPortfolio[unixDistributionDate] === undefined\n ) {\n hashedPortfolio[unixDistributionDate] = {\n investmentAmount: 0,\n distributionAmount: 0,\n investmentDate: unixDistributionDateISO,\n };\n }\n hashedPortfolio[unixDistributionDate].distributionAmount +=\n distribution_amount;\n }\n );\n }\n\n const orderedPortfolio = Object.entries(hashedPortfolio)\n .map(\n ([key, { investmentAmount, investmentDate, distributionAmount, capitalCallAmount, markedValueAmount }]) => {\n return {\n unixDate: key,\n investmentAmount: investmentAmount,\n distributionAmount: distributionAmount,\n capitalCallAmount: capitalCallAmount,\n markedValueAmount: markedValueAmount,\n investmentDate: investmentDate,\n };\n }\n )\n .sort((a, b) => a.investmentDate.localeCompare(b.investmentDate));\n \n \n var processedPortfolio = [];\n\n if (fromDate !== null) {\n let constructedDate = new Date(\n fromDate.year,\n fromDate.month - 1,\n fromDate.day\n );\n let constructedUnixDateNoTime = dayjs(\n dayjs(constructedDate).format(\"MMM D, YYYY\")\n );\n let constructedUnixDate = dayjs(constructedUnixDateNoTime).unix();\n var startDate = constructedUnixDate;\n }\n if (toDate !== null) {\n let constructedDate = new Date(\n toDate.year,\n toDate.month - 1,\n toDate.day\n );\n let constructedUnixDateNoTime = dayjs(\n dayjs(constructedDate).format(\"MMM D, YYYY\")\n );\n let constructedUnixDate = dayjs(constructedUnixDateNoTime).unix();\n var endDate = constructedUnixDate;\n }\n var startIndex = 0;\n var endIndex = orderedPortfolio.length - 1;\n var previousInvestmentTotal = 0;\n var previousDistributionTotal = 0;\n var pushEnd = false;\n\n for (let f = 0; f < orderedPortfolio.length; f++) {\n if (\n startDate !== undefined &&\n startDate !== null &&\n startDate >= orderedPortfolio[f].unixDate\n ) {\n startIndex = f;\n previousInvestmentTotal += orderedPortfolio[f].investmentAmount;\n previousDistributionTotal += orderedPortfolio[f].distributionAmount;\n }\n if (\n endDate !== undefined &&\n endDate !== null &&\n endDate >= orderedPortfolio[f].unixDate\n ) {\n endIndex = f;\n }\n }\n\n if (\n endDate !== undefined &&\n endDate !== null &&\n endDate > orderedPortfolio[endIndex].unixDate\n ) {\n pushEnd = true;\n }\n\n if (startDate !== undefined && startDate !== null) {\n processedPortfolio.push({\n investmentDate: startDate,\n investmentAmount: previousInvestmentTotal,\n distributionAmount: previousDistributionTotal,\n });\n }\n\n var investmentRunSum = previousInvestmentTotal;\n var distributionRunSum = previousDistributionTotal;\n\n for (\n let i =\n startDate === undefined || startDate === null ? 0 : startIndex + 1;\n i <= endIndex;\n i++\n ) {\n investmentRunSum += orderedPortfolio[i].investmentAmount;\n distributionRunSum += orderedPortfolio[i].distributionAmount;\n processedPortfolio.push({\n investmentDate: orderedPortfolio[i].unixDate,\n investmentAmount: investmentRunSum,\n distributionAmount: distributionRunSum,\n });\n }\n if (pushEnd) {\n var lastEntry =\n processedPortfolio[processedPortfolio.length - 1].investmentAmount;\n processedPortfolio.push({\n investmentDate: endDate,\n investmentAmount:\n processedPortfolio[processedPortfolio.length - 1].investmentAmount,\n distributionAmount:\n processedPortfolio[processedPortfolio.length - 1]\n .distributionAmount,\n });\n }\n\n setCumulativePortfolio(processedPortfolio);\n }\n }, [\n createdAccountDate,\n filterInvestments,\n filterDistributions,\n fromDate,\n fundName,\n toDate,\n accountCreationDate,\n ]);\n const AxisFormatter = (number) => {\n return \"$ \" + numFormatter(number);\n };\n\n return (\n \n
\n \n
\n \n Portfolio\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default PortfolioGraphSection;\n","import { atom } from \"recoil\";\n\nexport const userAuthenticatedState = atom({\n key: \"userAuthenticatedState\",\n default: false,\n});\n\nexport const accessCodeVal = atom({\n key: \"accessCodeVal\",\n default: \"\",\n});\n\nexport const termsAgreedVal = atom({\n key: \"termsAgreed\",\n default: false,\n});\n\nexport const termsAgreementIdVal = atom({\n key: \"termsAgreementId\",\n default: \"\",\n});\n\nexport const confidentialityAgreedVal = atom({\n key: \"confidentialityAgreedVal\",\n default: false,\n});\n\nexport const confidentialityAgreedIdVal = atom({\n key: \"confidentialityAgreementIdVal\",\n default: \"\",\n});\n\nexport const nameVal = atom({\n key: \"nameVal\",\n default: \"\",\n});\n\nexport const accountTypeIndividualVal = atom({\n key: \"accountTypeIndividualVal\",\n default: false,\n});\n\nexport const accountTypeTrustVal = atom({\n key: \"accountTypeTrustVal\",\n default: false,\n});\n\nexport const accountTypeEntityVal = atom({\n key: \"accountTypeEntityVal\",\n default: false,\n});\n\nexport const accountTypeJointVal = atom({\n key: \"accountTypeJointVal\",\n default: false,\n});\n\nexport const accountTypeSMLLCVal = atom({\n key: \"accountTypeSMLLCVal\",\n default: false,\n});\n\nexport const indQpQ1Yes = atom({\n key: \"indQpQ1Yes\",\n default: false,\n});\n\nexport const indQpQ1No = atom({\n key: \"indQpQ1No\",\n default: false,\n});\n\nexport const qualificationDateVal = atom({\n key: \"qualificationDateVal\",\n default: \"\",\n});\n\nexport const jointQpQ1Yes = atom({\n key: \"jointQpQ1Yes\",\n default: false,\n});\n\nexport const jointQpQ1No = atom({\n key: \"jointQpQ1No\",\n default: false,\n});\n\nexport const smLLCQpQ1Yes = atom({\n key: \"smLLCQpQ1Yes\",\n default: false,\n});\n\nexport const smLLCQpQ1No = atom({\n key: \"smLLCQpQ1No\",\n default: false,\n});\n\nexport const trustQpQ1 = atom({\n key: \"trustQpQ1\",\n default: \"\",\n});\n\nexport const trustQpQ2 = atom({\n key: \"trustQpQ2\",\n default: \"\",\n});\n\nexport const trustQpQ3 = atom({\n key: \"trustQpQ3\",\n default: \"\",\n});\n\nexport const trustQpQ4 = atom({\n key: \"trustQpQ4\",\n default: \"\",\n});\n\nexport const entityQpQ1 = atom({\n key: \"entityQpQ1\",\n default: \"\",\n});\n\nexport const entityQpQ2 = atom({\n key: \"entityQpQ2\",\n default: \"\",\n});\n\nexport const entityQpQ3 = atom({\n key: \"entityQpQ3\",\n default: \"\",\n});\n\nexport const entityQpQ4 = atom({\n key: \"entityQpQ4\",\n default: \"\",\n});\n\nexport const entityQpQ5 = atom({\n key: \"entityQpQ5\",\n default: \"\",\n});\n\nexport const emailVal = atom({\n key: \"emailVal\",\n default: \"\",\n});\n\nexport const userIDVal = atom({\n key: \"userIDVal\",\n default: \"\",\n});\n\nexport const indNetWorth1M = atom({\n key: \"indNetWorth1M\",\n default: \"\",\n});\n\nexport const indIncomeAccredited = atom({\n key: \"indIncomeAccredited\",\n default: \"\",\n});\n\nexport const indInvestmentProfessional = atom({\n key: \"indInvestmentProfessional\",\n default: \"\",\n});\n\nexport const indAssets5M = atom({\n key: \"indAssets5M\",\n default: \"\",\n});\n\nexport const jointNetWorth1M = atom({\n key: \"jointNetWorth1M\",\n default: \"\",\n});\n\nexport const jointIncomeAccredited = atom({\n key: \"jointIncomeAccredited\",\n default: \"\",\n});\n\nexport const jointInvestmentProfessional = atom({\n key: \"jointInvestmentProfessional\",\n default: \"\",\n});\n\nexport const jointAssets5M = atom({\n key: \"jointAssets5M\",\n default: \"\",\n});\n\nexport const smLLCAssets5M = atom({\n key: \"smLLCAssets5M\",\n default: \"\",\n});\n\nexport const smLLCOwnerAccredited = atom({\n key: \"smLLCOwnerAccredited\",\n default: \"\",\n});\n\nexport const trustAssets5M = atom({\n key: \"trustAssets5M\",\n default: \"\",\n});\n\nexport const trustSophisticatedInvestor = atom({\n key: \"trustSophisticatedInvestor\",\n default: \"\",\n});\n\nexport const trustFormationNotSpecificInvestment = atom({\n key: \"trustFormationNotSpecificInvestment\",\n default: \"\",\n});\n\nexport const trustGrantorsAccredited = atom({\n key: \"trustGrantorsAccredited\",\n default: \"\",\n});\n\nexport const trustOwnedByFamily = atom({\n key: \"trustOwnedByFamily\",\n default: \"\",\n});\n\nexport const trustGrantorQP = atom({\n key: \"trustGrantorQP\",\n default: \"\",\n});\n\nexport const entityAssets5M = atom({\n key: \"entityAssets5M\",\n default: \"\",\n});\n\nexport const entityNotFormedForInvestment = atom({\n key: \"entityNotFormedForInvestment\",\n default: \"\",\n});\n\nexport const entityOwnersAccredited = atom({\n key: \"entityOwnersAccredited\",\n default: \"\",\n});\n\nexport const entityOwnedByFamily = atom({\n key: \"entityOwnedByFamily\",\n default: \"\",\n});\n\nexport const entityAssets25M = atom({\n key: \"entityAssets25M\",\n default: \"\",\n});\n\nexport const entityOwnersQP = atom({\n key: \"entityOwnersQP\",\n default: \"\",\n});\n\nexport const accreditedInvestorsAllowed = atom({\n key: \"accreditedInvestorsAllowed\",\n default: false,\n});\n","import React, { useState, useEffect, useContext } from \"react\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport \"./PortfolioPageStyles/PortfolioPageStyles.css\";\n// import FromFilter from \"../../../Components/GlobalComponents/DateFilters/FromFilter.js\";\n// import ToFilter from \"../../../Components/GlobalComponents/DateFilters/ToFilter.js\";\n// import SingleSelectDropdown from \"../../../Components/GlobalComponents/SingleSelectDropdown/SingleSelectDropdown.js\";\nimport {\n getUserInvestments,\n getUserDistributions,\n} from \"../../../Api/PortfolioApi.js\";\nimport { UserContext } from \"../../../GlobalContexts/UserContext.js\";\n// import { numFormatter } from \"../../../Adapters/GlobalAdapters/FormatData.js\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\n// import BootstrapTable from \"react-bootstrap-table-next\";\n// import Button from \"../../../GlobalComponents/Button/Button.js\";\n// import { useHistory } from \"react-router-dom\";\nimport InvestmentTable from \"./InvestmentTable.js\";\nimport PortfolioFilterRow from \"./PortfolioFilterRow.js\";\n// import TotalInvestmentDistributionSection from \"./TotalInvestmentDistributionSection.js\";\nimport PortfolioGraphSection from \"./PortfolioGraphSection.js\";\n// import {\n// AreaChart,\n// Area,\n// LineChart,\n// Line,\n// XAxis,\n// YAxis,\n// CartesianGrid,\n// Tooltip,\n// ResponsiveContainer,\n// Legend,\n// } from \"recharts\";\nimport { userAuthenticatedState } from \"../../../atoms\";\nimport { useRecoilValue } from \"recoil\";\n// import Media from \"react-media\";\n// import PhoneInvestmentGrid from \"./PhoneInvestmentGrid/PhoneInvestmentGrid.js\";\nimport * as dayjs from \"dayjs\";\nvar utc = require(\"dayjs/plugin/utc\");\n\nfunction PortfolioPage() {\n dayjs.extend(utc);\n const [fromDate, setFromDate] = useState(null);\n const [fundName, setFundName] = useState(\"All\");\n const [toDate, setToDate] = useState(null);\n const { user, setUser } = useContext(UserContext);\n const [accountCreationDate, setAccountCreationDate] = useState(\"\");\n const [totalInvested, setTotalInvested] = useState(0);\n const [totalDistributed, setTotalDistributed] = useState(0);\n const [investments, setInvestments] = useState([]);\n const [distributions, setDistributions] = useState([]);\n const [text, setText] = useState(\"Current\");\n const [defaultKey, setDefaultKey] = useState(\"\");\n // const userAuthenticated = useRecoilValue(userAuthenticatedState);\n\n useEffect(() => {\n if (user !== undefined && user !== null) {\n setAccountCreationDate(\n dayjs(user.investorSummaryData.created_at)\n .utc(\"Z\")\n .local()\n .format(\"MMM D, YYYY\")\n );\n }\n }, [user]);\n\n useEffect(() => {\n async function getInvestments() {\n try {\n const response = await getUserInvestments(\n true,\n user ? user.selectedAccountID : null\n );\n\n setInvestments(response.data);\n // console.log(\"Investments are: \" + JSON.stringify(response.data));\n } catch (err) {\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n }\n }\n getInvestments();\n }, []);\n\n useEffect(() => {\n async function getDistributions() {\n try {\n const response = await getUserDistributions(\n true,\n user ? user.selectedAccountID : null\n );\n setDistributions(response.data);\n } catch (err) {\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n }\n }\n getDistributions();\n }, []);\n\n useEffect(() => {\n var totalInvestments = 0;\n var totalDistributions = 0;\n\n investments.forEach(({ investment_amount }) => {\n totalInvestments += investment_amount;\n });\n\n distributions.forEach(({ distribution_amount }) => {\n totalDistributions += distribution_amount;\n });\n\n setTotalInvested(totalInvestments);\n setTotalDistributed(totalDistributions);\n }, [investments, distributions]);\n\n useEffect(() => {\n var items = [];\n items.push(text);\n setDefaultKey(items);\n }, [text]);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Activity •\n \n {fundName}\n
\n \n \n \n \n dayjs.unix(date).format(\"MMM D, YYYY\")\n }\n labelStyle={{\n fontFamily: \"Montserrat\",\n fontWeight: 500,\n fontStyle: \"normal\",\n fontSize: \"13px\",\n }}\n contentStyle={{\n fontFamily: \"Montserrat\",\n fontWeight: 500,\n fontStyle: \"normal\",\n fontSize: \"13px\",\n }}\n formatter={AxisFormatter}\n wrapperStyle={{\n border: \"none !important\",\n borderRadius: \"20px\",\n background: \"#0adddf\",\n }}\n />\n \n
\n \n
\n \n
\n \n {/*
\n \n
*/}\n \n Portfolio\n
\n \n
\n \n {/*
\n \n history.push(\"/investment-accounts/add/\" + id)}\n >\n \n Complete{\" \"}\n \n
\n )}\n \n \n \n );\n}\nexport default CompleteAccountComponent;","import React, { useState, useContext, useEffect } from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Avatar from \"@mui/material/Avatar\";\nimport \"./AccountPicker.css\";\nimport { UserContext } from \"../../GlobalContexts/UserContext\";\n\nconst StyledMenu = styled((props) => )(({}) => ({\n \"& .MuiPaper-root\": {\n width: 350,\n borderRadius: 4,\n // top: \"200px !important\",\n },\n}));\n\nconst AccountMenuItem = ({ account }) => (\n <>\n \n \n \n);\n\nexport default function AccountPicker({ width, accounts }) {\n const [anchorElem, setAnchorElem] = useState(null);\n const [selectedAccount, setSelectedAccount] = useState(0);\n\n const handleClick = (event) => {\n setAnchorElem(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorElem(false);\n };\n\n const { user, setUser } = useContext(UserContext);\n\n useEffect(() => {\n if (\n user &&\n user.selectedAccountID !== \"\" &&\n user.accountListData.length !== 0\n ) {\n user.accountListData.forEach((accountInfo, index) => {\n if (accountInfo.id === user.selectedAccountID) {\n setSelectedAccount(index);\n }\n });\n }\n }, [user]);\n\n const handleSelectedAccountUpdate = (selectedAccountID) => {\n setUser((user) => ({ ...user, selectedAccountID: selectedAccountID }));\n };\n\n return (\n <>\n \n
\n \n \n To invest in a fund, please complete the following steps:\n \n
\n \n history.push(\"/profile\")}\n >\n \n Complete\n \n
\n )}\n \n \n
\n }\n />\n \n Complete your{\" \"}\n \n Investor Information\n \n \n {!checked && (\n \n {!investmentAccountsPage && checked && \n
\n }\n /> }\n \n {! (investmentAccountsPage) &&(checked) ? <>Complete your Account :<>Complete an account before investing. } \n \n {!checked2 && (!investmentAccountsPage) && checked && (\n \n \n \n Account:{\" \"}\n \n {accounts.length > selectedAccount\n ? accounts[selectedAccount].accountName\n : \"\"}\n \n \n {anchorElem ? (\n \n \n
\n \n \n \n \n
\n \n {!loading && (\n
\n )}\n \n
\n \n Invest\n
\n \n Browse Current Opportunities\n
\n \n {!accountPickerLoading && (\n
\n \n \n
\n )}\n \n setValue(event.target.value)}\n >\n
\n );\n}\nexport default SearchBar;\n","import React, { useState, useEffect } from \"react\";\nimport { Menu, Dropdown, Button, Space } from \"antd\";\nimport { Select } from \"antd\";\nimport \"./MinInvestmentDropdownStyles/MinInvestmentDropdownStyles.css\";\nimport \"antd/dist/antd.css\";\n\nfunction MinInvestmentDropdown({ text, setText, defaultKey }) {\n\tconst menu = (\n\t\t\n ![\"Magnifier\"](\"https://d1swyfveypj49y.cloudfront.net/Magnifier.svg\")
\n
\n \n \n\t\t\t\t\t
\n\t\t\t\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\"Min. Investment: \"}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n {checked && (\n \n
\n );\n}\nexport default CheckBox;\n","import React, { useState, useEffect } from \"react\";\nimport { Menu, Dropdown, Button, Space } from \"antd\";\nimport { Select } from \"antd\";\nimport CheckBox from \"../CheckBox.js\";\nimport \"./StageFilterStyles/StageFilterStyles.css\";\nimport \"antd/dist/antd.css\";\n\nfunction StageFilter({ text, setText, defaultKey }) {\n const menu = (\n \n
\n \n \n \n {\"Stage: \" + text}\n \n
\n \n \n
\n \n \n
\n \n \n \n {\"Strategy: \"}\n \n
\n \n \n
\n \n
\n );\n}\nexport default FilterRow;\n","import React, { useEffect, useState } from \"react\";\nimport \"./StageSectionStyles/StageSectionStyles.css\";\n\nfunction StageSection({ stage }) {\n const [stageBoxDiv, setStageBoxDiv] = useState(\"col-12 pt-0 pb-0 rounded-bottom\");\n const [stageTextDiv, setStageTextDiv] = useState(\"col-12 stage-text\");\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(stageBoxDiv + \" new-upcoming-stage\")\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(stageBoxDiv + \" new-fundraising-stage\")\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(stageBoxDiv + \" new-pending-closing-stage\")\n } else if (stage === \"Closed\") {\n setStageBoxDiv(stageBoxDiv + \" new-closed-stage\")\n } else if (stage === \"Past\") {\n setStageBoxDiv(stageBoxDiv + \" new-past-stage\")\n }\n }, [stage]);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default StageSection;\n","import React, { useEffect, useState } from \"react\";\n//import \"./FundNameSectionStyles/FundNameSectionStyles.css\";\n\nfunction FundNameSection({ fundName, firmName, logoLink }) {\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n console.log(logoLink);\n const firmLogoOnLoad = () => {\n setFirmLogoLoading(false);\n };\n\n useEffect(() => {\n console.log(\"Logo link is: \" + logoLink);\n }, [logoLink]);\n\n return (\n \n \n
\n \n Stage: {stage}\n
\n \n \n \n
\n \n \n );\n}\nexport default FundNameSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction TargetPerformanceSection({\n targetIRR,\n strategy,\n targetReturnMultiple,\n minimum,\n stage,\n}) {\n return (\n \n
\n {fundName}
\n \n {firmName}\n
\n \n
\n );\n}\nexport default TargetPerformanceSection;\n","import React from \"react\";\n\nconst ProgressBar = (props) => {\n const { bgcolor, completed } = props;\n const containerStyles = {\n height: \"100%\",\n width: \"100%\",\n backgroundColor: props\n ? props.bgColor === \"variables.$secondary-red\"\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgb(0,145,234, 0.1)\"\n : \"rgb(0,145,234, 0.1)\",\n borderRadius: 10,\n margin: 0,\n };\n\n const fillerStyles = {\n height: \"100%\",\n width: `${completed}%`,\n backgroundColor: props ? props.bgColor : \"#0091EA\",\n borderRadius: \"inherit\",\n zIndex: 2,\n textAlign: \"right\",\n };\n\n const labelStyles = {\n padding: 5,\n color: \"white\",\n fontWeight: \"bold\",\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Target IRR
{\" \"}\n {targetIRR + \"%\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n {strategy}\n \n
\n \n
\n Target Net Multiple
\n {targetReturnMultiple + \"x\"}\n \n
\n Minimum
\n \n {\"$\" + minimum.toLocaleString(\"en-US\")}\n \n \n \n
\n \n \n
\n );\n};\n\nexport default ProgressBar;\n","import React from \"react\";\nimport ProgressBar from \"../../ProgressBar.js\";\nimport \"./Styles.scss\";\n\nfunction AllocationGraphSection({ stage, allocationLeft }) {\n return stage !== \"Upcoming\" ? (\n \n
\n \n ) : (\n \n
\n \n = 25 ? \"block\" : \"none\" }}\n >\n \n \n
\n \n
\n \n
\n \n Allocation Filled:{\" \"}\n = 75\n ? \"variables.$secondary-red\"\n : \"#000000\",\n fontWeight: allocationLeft >= 75 ? 700 : 500,\n }}\n >\n {allocationLeft}%\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default FlorenceCapTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction QvinTargetPerformanceSection({\n targetIRR,\n strategy,\n targetReturnMultiple,\n minimum,\n stage,\n}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Target Net Multiple\n
{\" \"}\n {\"3.0x\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n PortCo\n \n
\n \n
\n Round Size
\n {\"$88M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default QvinTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction LVTargetPerformanceSection({}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Target Net Multiple\n
{\" \"}\n {\"15.0x\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Round Size
\n {\"$5M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default LVTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction WandTargetPerformanceSection({\n}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Past Funds IRR\n
{\" \"}\n {\"25%\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Fund Size
\n {\"$75M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default WandTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction AssemblyTargetPerformanceSection({}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Pre-Money Valuation\n
{\" \"}\n {\"$300M\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Projected 3-Year ARR
\n {\"$100M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default AssemblyTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction SunshineLakeTargetPerformanceSection({minimum}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Round Size
{\" \"}\n {\"$8M\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Pipeline Interest
\n {\"$1B\"}\n \n
\n \n Minimum Investment\n
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default SunshineLakeTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction NscaleTargetPerformanceSection({}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Unicorns backed\n
{\" \"}\n {\"10\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Target Fund Size
\n {\"$50M\"}\n \n
\n Minimum
\n {\"$\" + minimum.toLocaleString(\"en-US\")}\n \n \n
\n \n
\n );\n}\nexport default NscaleTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction JukeboxTargetPerformanceSection({}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Round Size
{\" \"}\n {\"$125M\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Growth\n \n
\n \n
\n PF Revenue
\n {\"$88 Million\"}\n \n
\n \n Minimum Investment\n
\n {\"$10,000\"}\n \n \n
\n \n
\n );\n}\nexport default JukeboxTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction DOrbitTargetPerformanceSection({}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Round Size
{\" \"}\n {\"$10M\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Seed\n \n
\n \n
\n PF Revenue
\n {\"$47.9 Million\"}\n \n
\n \n Minimum Investment\n
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default DOrbitTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction HOFTargetPerformanceSection({ minimum }) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Target Net Multiple\n
{\" \"}\n {\"6.0X (Projected)\"}\n \n {\" \"}\n
\n Round Size
{\" \"}\n Up to €80M\n \n
\n \n
\n Valuation
\n {\"€600 Million\"}\n \n
\n \n Minimum Investment\n
\n {\"$10,000\"}\n \n \n
\n \n
\n );\n}\nexport default HOFTargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction EVCITargetPerformanceSection({\n targetIRR,\n strategy,\n targetReturnMultiple,\n minimum,\n stage,\n}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n \n Target Net IRR\n
{\" \"}\n {\"30%+\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Growth-stage VC\n \n
\n \n
\n Fund Size
\n {\"$250M\"}\n \n
\n \n Minimum Investment\n
\n \n {\" \"}\n {\"$\" + minimum.toLocaleString(\"en-US\")}\n \n \n \n
\n \n
\n );\n}\nexport default EVCITargetPerformanceSection;\n","import React from \"react\";\nimport \"./Styles.scss\";\n\nfunction AxiomTargetPerformanceSection({\n targetIRR,\n strategy,\n targetReturnMultiple,\n minimum,\n stage,\n}) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Track Record
{\" \"}\n {\"13.6x MOIC\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Target Fund Size
\n {\"$15M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n );\n}\nexport default AxiomTargetPerformanceSection;\n","import React, { useEffect, useRef } from \"react\";\nimport \"./Styles.scss\";\nimport StageSection from \"./StageSection/StageSection.js\";\nimport FundNameSection from \"./FundNameSection/FundNameSection.js\";\nimport TargetPerformanceSection from \"./TargetPerformanceSection/TargetPerformanceSection.js\";\nimport AllocationGraphSection from \"./AllocationGraphSection/AllocationGraphSection.js\";\nimport { useHistory } from \"react-router-dom\";\nimport FlorenceCapTargetPerformanceSection from \"./TargetPerformanceSection/FlorenceCapTargetPerformanceSection.js/FlorenceCapTargetPerformanceSection.js\";\nimport QvinTargetPerformanceSection from \"./TargetPerformanceSection/QvinTargetPerformanceSection.js\";\nimport LVTargetPerformanceSection from \"./TargetPerformanceSection/LVTargetPerformanceSection.js\";\nimport WandTargetPerformanceSection from \"./TargetPerformanceSection/WandTargetPerformanceSection.js\";\nimport AssemblyTargetPerformanceSection from \"./TargetPerformanceSection/AssemblyTargetPerformanceSection.js\";\nimport SunshineLakeTargetPerformanceSection from \"./TargetPerformanceSection/SunshineLakeTargetPerformanceSection.js\";\nimport NscaleTargetPerformanceSection from \"./TargetPerformanceSection/NscaleTargetPerformanceSection.js\";\nimport JukeboxTargetPerformanceSection from \"./TargetPerformanceSection/JukeboxTargetPerformanceSection.js\";\nimport DOrbitTargetPerformanceSection from \"./TargetPerformanceSection/DOrbitTargetPerformanceSection.js\";\nimport HOFTargetPerformanceSection from \"./TargetPerformanceSection/HOFTargetPerformanceSection.js\";\nimport EVCITargetPerformanceSection from \"./TargetPerformanceSection/EVCITargetPerformanceSection.js\";\nimport AxiomTargetPerformanceSection from \"./TargetPerformanceSection/AxiomTargetPerformanceSection.js\";\n\nfunction FundCard({ fund, isFeeder }) {\n let history = useHistory();\n const hostName = window.location.hostname;\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n const fundRef = useRef(null);\n console.log(fund.link);\n\n useEffect(() => {\n console.log(\"Is feeder is: \" + isFeeder);\n }, [isFeeder]);\n\n useEffect(() => {\n console.log(\"Fund is: \" + JSON.stringify(fund));\n }, [fund]);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n
\n Track Record
{\" \"}\n {\"8.7x MOIC\"}\n \n {\" \"}\n
\n Strategy
{\" \"}\n Venture\n \n
\n \n
\n Fund Size
\n {\"$35M - $50M\"}\n \n
\n Minimum
\n {\"$25,000\"}\n \n \n
\n \n
\n \n );\n}\nexport default FundCard;\n","import { useState, useEffect, useRef } from \"react\";\n\nexport default function useDebounce(value, delay) {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay] // Only re-call effect if value or delay changes\n );\n\n return debouncedValue;\n}\n","import { useState, useEffect } from \"react\";\nimport { Storage } from \"aws-amplify\";\n\nexport const getSignedURL = async (level, path) => {\n return path;\n // Below code is obseleted by backend changes\n let tempPath = path;\n let levelSpecification = level + \"/\";\n let cleanedPath = tempPath.slice(\n path.indexOf(levelSpecification) + levelSpecification.length\n );\n var signedURL = await Storage.get(cleanedPath, {\n level: level,\n });\n return signedURL;\n};\n","import { useState, useEffect, useRef, useContext } from \"react\";\nimport axios from \"axios\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\nimport useDebounce from \"../../CustomHooks/useDebounce.js\";\nimport { HOST } from \"../../host-config.js\";\nimport { getSignedURL } from \"./SignedURL.js\";\nimport { UserContext } from \"../../GlobalContexts/UserContext.js\";\n\nconst CancelToken = axios.CancelToken;\n\n//Dev environment function\nexport default function useFundSearch(\n searchKeywords,\n fundMinimumAllocation,\n status,\n strategyType,\n setLoading\n) {\n const [funds, setFunds] = useState([]);\n const cancelSource = useRef(null);\n const debouncedSearchTerm = useDebounce(searchKeywords, 200);\n const { user } = useContext(UserContext);\n\n useEffect(() => {\n setFunds([]);\n }, []);\n\n useEffect(() => {\n setFunds([]);\n }, [debouncedSearchTerm]);\n\n useEffect(() => {\n setFunds([]);\n }, [status]);\n\n useEffect(() => {\n setFunds([]);\n }, [fundMinimumAllocation]);\n\n useEffect(() => {\n setFunds([]);\n }, [strategyType]);\n\n useEffect(() => {\n cancelSource.current = CancelToken.source();\n setFunds([]);\n setLoading(true);\n const queryParams = {};\n let fundStrategies = {\n \"Private Equity\": \"PRIVATE_EQUITY\",\n \"Direct Landing\": \"DIRECT_LANDING\",\n \"CLO Management\": \"CLO_MANAGEMENT\",\n \"Structured Credit\": \"STRUCTURED_CREDIT\",\n \"Co-Investment\": \"CO_INVESTMENT\",\n \"Fund of Funds\": \"FUND_OF_FUNDS\",\n Buyout: \"BUYOUT\",\n Growth: \"GROWTH\",\n Credit: \"CREDIT\",\n };\n queryParams.search_keyword = debouncedSearchTerm;\n\n if (status !== \"All\") {\n queryParams.fund_investment_status = status;\n }\n\n if (fundMinimumAllocation !== \"\") {\n queryParams.fund_minimum_allocation = fundMinimumAllocation;\n }\n\n if (\n user &&\n user.accountListData.length !== 0 &&\n user.selectedAccountID !== \"\"\n ) {\n queryParams.account_id = user.selectedAccountID;\n }\n\n if (strategyType !== \"All\") {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(fundStrategies[strategyType]);\n }\n queryParams.strategy_type = fundStrategies[strategyType];\n }\n\n async function getFunds(endPoint, queryParams, config) {\n setLoading(true);\n return axios\n .post(endPoint, queryParams, config)\n .then((response) => {\n const tempObject = response.data;\n\n if (response.data === null) {\n setFunds([]);\n setLoading(false);\n } else {\n setFunds([]);\n tempObject.map((fund) => {\n async function getUsableURLs() {\n console.log(\"Fund to get is: \" + JSON.stringify(fund));\n\n\n const fundInfo = {\n id: fund.id,\n link: fund.link,\n fundName: fund.name ? fund.name : \"ABCDE Fund IV\",\n logoLink: fund ? (fund.logo_link ? fund.logo_link : \"\") : \"\",\n fundLogoLink: fund.fund_logo ? fund.fund_logo : \"\",\n investorInterested:\n fund.investor_fund_interested === null\n ? false\n : fund.investor_fund_interested,\n firm: fund.firm ? fund.firm : \"Thamesville Securities\",\n strategy: fund.strategy_type\n ? fund.strategy_type\n : \"PRIVATE_EQUITY\",\n fundRestrictions: fund.restrictions\n ? fund.restrictions\n : \"Nothing\",\n fundTerms: fund.fund_terms[0],\n fundSize: fund.fund_terms[0].fund_size\n ? fund.fund_terms[0].fund_size\n : 2000000,\n fundLength: 120,\n fundInvestmentStatus: fund.investment_status,\n amountInvested: fund.fund_subscription_stats[0]\n .committed_allocation_amount\n ? fund.fund_subscription_stats[0]\n .committed_allocation_amount\n : 0,\n minimumInvestment: fund.fund_terms[0]\n .minimum_allocation_amount\n ? fund.fund_terms[0].minimum_allocation_amount\n : 0,\n targetIRR: fund.fund_terms[0].target_return_upper_percent\n ? fund.fund_terms[0].target_return_upper_percent\n : 19,\n };\n setFunds((prevFunds) => [...prevFunds, fundInfo]);\n setLoading(false);\n }\n getUsableURLs();\n });\n }\n })\n .catch((error) => {\n setFunds([]);\n setLoading(false);\n if (process.env.REACT_APP_DEBUG === \"1\") console.log(error);\n });\n }\n getRequestHeaders().then((config) => {\n config.cancelToken = cancelSource.current.token;\n getFunds(HOST + \"/ultra-fast-search-funds/\", queryParams, config).then();\n });\n\n return () => {\n cancelSource.current.cancel();\n };\n }, [debouncedSearchTerm, status, fundMinimumAllocation, strategyType, user]);\n\n return { funds };\n}\n","import React from \"react\";\nimport \"./LoadingAnimationStyles/LoadingAnimationStyles.css\";\n\nfunction LoadingAnimation(props) {\n return (\n \n {\n if (\n ![\"Closed\"].includes(fund.fundInvestmentStatus) ||\n fund.enableRequestAllocation === true\n ) {\n history.push(\"/invest/\" + fund.link);\n }\n }}\n >\n
\n \n
\n \n
\n ) : (\n props.children\n )}\n \n \n \n \n
\n \n \n Sorry, there were no funds that matched your search criteria. Please try\n a different search.\n \n
\n );\n}\nexport default NoFundsFoundCard;\n","import React from \"react\";\nimport { Snackbar } from \"@mui/material\";\nimport { Alert } from \"@mui/material\";\nimport { Button } from \"@mui/material\";\nimport { IconButton } from \"@mui/material\";\nimport { Close } from \"@material-ui/icons\";\n\nfunction AlertSnackBar({\n snackbarState,\n setSnackbarState,\n vertical,\n horizontal,\n duration,\n sxProps,\n severity,\n message,\n}) {\n const handleClose = (event, reason) => {\n if (reason === \"clickaway\") {\n return;\n }\n setSnackbarState(false);\n };\n\n const action = (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {!loading && funds.length === 0 ? (\n \n
\n \n {funds.map((fund) => {\n return (\n
\n )}\n \n
\n );\n}\nexport default NavLinksSection;\n","import React, { useState, useEffect } from 'react';\n\nconst useWindowDimensions = () => {\n const hasWindow = typeof window !== 'undefined';\n\n function getWindowDimensions() {\n \n const height = hasWindow ? window.innerHeight : null;\n const width = hasWindow ? window.innerWidth : null;\n return {\n width,\n height,\n };\n }\n \n const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n \n useEffect(() => {\n if (hasWindow) {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n \n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }\n }, [hasWindow]);\n \n return windowDimensions;\n};\n\nexport default useWindowDimensions;\n","import React from 'react';\n\nconst GreyBorderWidget = ({cardItem}) => {\n return (<>\n \n history.push(\"/invest\")}\n style={{ cursor: \"pointer\" }}\n >\n Invest\n \n\n ![\"sidearrow\"](\"https://d1swyfveypj49y.cloudfront.net/SideArrow.svg\")
\n \n Fund\n \n
\n \n \n Fund\n \n \n
\n );\n};\n\nexport default GreyBorderWidget;\n","import React, {useEffect, useState} from 'react';\nimport GreyBorderWidget from './GreyBorderWidget';\nimport useWindowDimensions from '../WindowDimensions/useWindowDimensions';\n\n/* Display cards/widgets with border spacing in rows of 3\n-- Input: Array of objects\n objects must include:\n -id\n -definition\n -term\n-- output: row with sets of 3 or less cards\n*/\nconst GreyBorderWidgetRow = ({cardItems}) => {\n const [rowClass, setRowClass] = useState(\"row content row-cols-3\")\n let { width } = useWindowDimensions();\n \n useEffect(() => {\n //let viewWidth = {width}\n if(cardItems.length == 1 || width <= 1030) {\n setRowClass(\"row content row-cols-1\")\n }\n\n if(cardItems.length%3==0){\n setRowClass(\"row content row-cols-3\")\n }\n },[])\n\n let mobileClass = \"row content row-cols-1 \"\n \n let itemsRow = (\n <>\n {cardItems.length > 0 ? (\n <>\n {width <=1030 ? (\n \n
\n\n
\n{cardItem.term}
\n{cardItem.definition}
\n\n {cardItems.map(item => \n \n )}\n
\n ) : (\n \n {cardItems.map(item => \n \n )}\n
\n )}\n \n ): null}\n \n )\n \n return (\n <> \n \n {itemsRow}\n
\n ) ;\n};\n\nexport default GreyBorderWidgetRow;\n","import React, {useEffect, useState} from 'react';\n// import useWindowDimensions from '../../../../../Components/GlobalComponents/WindowDimensions/useWindowDimensions';\n// import FundOverviewReferenceCard from './FundOverviewReferenceCard';\nimport GreyBorderBoxRow from '../../../../../Components/GlobalComponents/GreyBorderBoxRow/GreyBorderBoxRow';\nimport GreyBorderWidgetRow from '../../../../../Components/GlobalComponents/GreyBorderWidgetRow/GreyBorderWidgetRow';\nimport './OverviewSectionStyles/OverviewSectionStyles.scss';\n\nconst FundOverviewReferenceSection = ({referenceTerms}) => {\n const [displayTerms, setDisplayTerms] = useState([])\n\n useEffect(() => {\n //console.log('Reference Terms section: ', referenceTerms)\n let terms = referenceTerms.filter(term => term.display_term === true) \n setDisplayTerms(terms);\n },[])\n\n return (\n <> \n {/* \n \n \n {dropdownPreview}\n \n
\n {selected && (\n \n Loading...,\n }}\n >
\n ) : null}\n {fund.referenceTerms.length > 0 ? (\n \n {fund && fund.tagline ? (\n fund.tagline\n ) : !fund ? (\n Fund Not Found\n ) : (\n <>\n )}\n
\n {fund && fund.fundOverview ? (\n \n
\n \n \n Due Diligence Questions\n \n
\n \n
\n \n {fund.fundDueDiligenceQuestions.map((element, index) => {\n console.log(\"Element is: \" + JSON.stringify(element));\n return index === fund.fundDueDiligenceQuestions.length - 1 ? (\n
\n \n
\n ) : (\n \n
\n );\n })}\n \n
\n \n Vehicle Fees:\n
\n \n
\n \n
\n \n
\n \n One-time management fee:\n
\n \n 1.0%\n
\n \n
\n \n
\n \n
\n \n Carry:\n
\n \n 5.0%\n
\n \n window.open(signedLink, \"_blank\").focus()}\n >\n
\n \n );\n}\nexport default DocumentBox;\n","import React, { useState, useEffect } from \"react\";\nimport \"./DocsSectionStyles/DocsSectionStyles.css\";\nimport DocumentBox from \"./DocumentBox/DocumentBox.js\";\nimport GetFundDocs from \"../../../../../Adapters/DocsSectionAdapter.js\";\nrequire(\"dayjs/plugin/utc\");\n\nfunction DocsSection({ fund, deckOnly }) {\n const {fundDocs} = GetFundDocs(fund, deckOnly);\n const [allDocs, setAllDocs] = useState([]);\n\n useEffect(() => {\n setAllDocs(fundDocs);\n }, [fundDocs]);\n\n return (\n \n
\n \n {documentName}\n
\n \n ![\"download\"](\"https://d1swyfveypj49y.cloudfront.net/download.svg\")
\n
\n \n \n {!deckOnly &&
\n );\n}\nexport default DocsSection;\n","import { useState, useEffect } from \"react\";\nimport { Storage } from \"aws-amplify\";\n\nexport default function GetFundDocs(fund, deckOnly) {\n const [fundDocs, setFundDocs] = useState([]);\n\n useEffect(() => {\n if (fund !== null && fund !== undefined) {\n\n async function getFundDocs() {\n if (\n fund.fundDocs !== [] &&\n fund.fundDocs !== null &&\n fund.fundDocs !== undefined\n ) {\n const deckDoc = {\n id: \"deck\",\n name: \"Fund Deck\",\n s3_document_link: fund.deckLink,\n display_document: true,\n };\n\n const unprocessedDocs = deckOnly ? [deckDoc] : fund.fundDocs;\n unprocessedDocs.map((doc) => {\n setFundDocs((prevState) => [\n ...prevState,\n {\n id: doc.id,\n documentName: doc.name,\n documentLink: doc.s3_document_link,\n display: doc.display_document,\n },\n ]);\n }\n );\n }\n }\n getFundDocs();\n }\n }, [fund]);\n\n return { fundDocs };\n}\n","import React, { useRef, useState, useEffect, useContext } from \"react\";\nimport { Document, Page } from \"react-pdf/dist/esm/entry.webpack\";\nimport \"./DeckSectionStyles/DeckSectionStyles.css\";\nimport { UserContext } from \"../../../../../GlobalContexts/UserContext\";\nimport { useMediaQuery } from \"react-responsive\";\nimport GetFundDocs from \"../../../../../Adapters/DocsSectionAdapter\";\nimport DocsSection from \"../DocsSection/DocsSection.js\";\n\nfunction PDFDocument({ fund, url }) {\n const [numPages, setNumPages] = useState(null);\n const [loadedDocument, setLoadedDocument] = useState(false);\n\n const hostName = window.location.hostname;\n\n useEffect(() => {\n console.log(\"Host name at this point is: \" + hostName);\n }, []);\n\n return (\n Docs
}\n \n
\n \n {fundDocs.map((document, index) => {\n return (\n
\n \n {\n setNumPages(PDFDocumentProxy._pdfInfo.numPages);\n setLoadedDocument(true);\n }}\n file={!url ? fund.deckLink : url}\n >\n {\" \"}\n
\n )}\n \n );\n}\n\n// We can move this to a folder containing common components\nfunction ArrowButton({ direction, onClick }) {\n const DIRECTIONS = { left: \"Left-Arrow.svg\", right: \"Right-Arrow.svg\" };\n\n return (\n \n \n
\n \n
\n \n
\n );\n}\n\nfunction DeckSection({ fund }) {\n // Screens exceeding this width will be provided a signed URL to the deck pdf\n const isMobile = useMediaQuery({ query: `(max-width: 1280px)` });\n\n return (\n \n {page > 1 && (\n {\n setPage(page - 1);\n }}\n />\n )}\n
\n \n
\n \n {page < numPages && (\n {\n setPage(page + 1);\n }}\n />\n )}\n
\n \n
\n );\n}\nexport { PDFDocument, PDFPage };\nexport default DeckSection;\n","import React, { useEffect } from \"react\";\nimport \"./StructureSectionStyles/StructureSectionStyles.css\";\nimport OverlayTrigger from \"react-bootstrap/OverlayTrigger\";\nimport Tooltip from \"react-bootstrap/Tooltip\";\n\nfunction StructureSection({ fund }) {\n const PLACEMENT_COPY = `\n \n Administrative Fee\n \n Deck Preview
\n \n
\n \n {!isMobile ? (\n
\n \n This is a 1%, one-time, fee that we charge on top of the amount that an investor invests. For example, if Investor A wants to invest $300K into Opportunity Z on Aqua, their administrative fee would be $3k. When wiring funds to us, the total that the investor would wire is the investment amount + administrative fee = $300K + $3k = $303K\n`;\n const MANAGEMENT_COPY = `\n \n Annual Management Fee\n \n
\n This is a 0.5% annual fee that we collect for managing your capital in an opportunity. This fee is calculated based on your investment amount and is collected anually.\n`;\n\n const CARRIED_INTEREST_COPY = `\n \n Carried Interest\n \n
\n This is a 1% fee on carry (i.e. profits from the investment). This fee is automatically deducted from distributions that an investor receives after the investor’s principal investment amount has been recouped.\n`;\n\n const renderTooltip = (copy, props) => (\n
\n
\n );\n}\nexport default StructureSection;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport \"./SendQuestionSectionStyles/SendQuestionSectionStyles.css\";\nimport { init } from \"emailjs-com\";\nimport emailjs from \"emailjs-com\";\nimport { UserContext } from \"../../../../../../GlobalContexts/UserContext.js\";\n\nfunction SendQuestionSection({ fund }) {\n const [subject, setSubject] = useState(\"\");\n const [subjectError, setSubjectError] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [messageError, setMessageError] = useState(\"\");\n const { user } = useContext(UserContext);\n init(process.env.REACT_APP_EMAILJS_USER_ID);\n\n useEffect(() => {\n setSubjectError(\"\");\n }, [subject]);\n\n useEffect(() => {\n setMessageError(\"\");\n }, [message]);\n\n const submitMessage = async () => {\n var errorsDetected = false;\n\n if (subject.length === 0) {\n setSubjectError(\"Subject is required.\");\n errorsDetected = true;\n }\n\n if (message.length === 0) {\n setMessageError(\"Message is required.\");\n errorsDetected = true;\n }\n\n if (errorsDetected) {\n return;\n } else {\n try {\n await emailjs.send(\"service_kyyw60a\", \"template_2b08rzj\", {\n subject_line: subject,\n fund_name: fund ? fund.fundName : \"\",\n from_name: user\n ? user.investorSummaryData.first_name +\n \" \" +\n user.investorSummaryData.last_name\n : \"\",\n message: message,\n reply_to: user ? user.id : \"aquaplatformbeta@gmail.com\",\n });\n setSubject(\"\");\n setMessage(\"\");\n } catch (err) {\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n }\n }\n };\n\n return (\n \n
\n \n Structure\n
\n \n \n Investor Restrictions\n \n
\n \n \n {fund\n ? fund.registrationType\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"\n : \"\"}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {fund && fund.legacyPricingStructure === true\n ? \"Administrative Fee \"\n : \"Annual Management Fee \"}\n \n
\n \n {fund ? fund.placementFee + \"%\" : \"\"}\n \n \n {\n if (fund && fund.legacyPricingStructure === true) {\n return renderTooltip(PLACEMENT_COPY, props);\n } else {\n return renderTooltip(MANAGEMENT_COPY, props);\n }\n }}\n >\n
\n \n
\n \n
\n \n \n Carried Interest{\" \"}\n \n
\n \n {fund ? fund.distributionFee + \"%\" : \"\"}\n \n \n \n renderTooltip(CARRIED_INTEREST_COPY, props)\n }\n >\n
\n \n
\n \n
\n \n \n Target Fund Length\n \n
\n\n \n {fund ? fund.targetFundLength / 12 + \" years\" : \"\"}\n \n \n
\n );\n}\nexport default SendQuestionSection;\n","import React, { useState, useCallback } from \"react\";\nimport \"./TabTitleStyles/TabTitleStyles.css\";\n\nfunction TabTitle({ title, setSelectedTab, index, setSelected, selected }) {\n const onClick = useCallback(() => {\n setSelectedTab(index);\n }, [setSelectedTab, index]);\n\n return (\n \n
\n \n Do you have any additional questions?\n
\n \n Please email us using the form below\n
\n \n Subject\n
\n \n
\n \n
\n \n setSubject(e.target.value)}\n />\n {subjectError && subjectError !== \"This field is required.\" && (\n
\n \n {subjectError}\n
\n )}\n \n
\n \n \n Message\n \n setMessage(e.target.value)}\n >\n {messageError && messageError !== \"This field is required.\" && (\n
\n \n {messageError}\n
\n )}\n \n submitMessage()}\n >\n Submit\n \n
\n \n
\n );\n}\nexport default Tabs;\n","import React from \"react\";\n\nfunction Tab(props) {\n return \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {props.children.map((item, index) => (\n
\n \n
\n ))}\n \n
\n {props.children[selectedTab]}
\n {props.children}
;\n}\nexport default Tab;\n","import React, { useEffect, useState } from \"react\";\nimport \"./FundDetailsPageMainContentSectionStyles/FundDetailsPageMainContentSectionStyles.css\";\nimport OverviewSection from \"./OverviewSection/OverviewSection.js\";\nimport DeckSection from \"./DeckSection/DeckSection.js\";\nimport StructureSection from \"./StructureSection/StructureSection.js\";\nimport DocsSection from \"./DocsSection/DocsSection.js\";\nimport LearnMoreSection from \"./LearnMoreSection/LearnMoreSection.js\";\nimport Tabs from \"../../../../Components/GlobalComponents/Tabs/Tabs.js\";\nimport Tab from \"../../../../Components/GlobalComponents/Tabs/Tab.js\";\n\nfunction FundDetailsPageMainContentSection({ fund }) {\n const [overviewSelected, setOverviewSelected] = useState(true);\n const [deckSelected, setDeckSelected] = useState(false);\n const [structureSelected, setStructureSelected] = useState(false);\n const [docsSelected, setDocsSelected] = useState(false);\n const [learnMoreSelected, setLearnMoreSelected] = useState(false);\n\n useEffect(() => {\n if (overviewSelected) {\n setDeckSelected(false);\n setStructureSelected(false);\n setDocsSelected(false);\n setLearnMoreSelected(false);\n }\n }, [overviewSelected]);\n\n useEffect(() => {\n if (deckSelected) {\n setOverviewSelected(false);\n setStructureSelected(false);\n setDocsSelected(false);\n setLearnMoreSelected(false);\n }\n }, [deckSelected]);\n\n useEffect(() => {\n if (structureSelected) {\n setDeckSelected(false);\n setOverviewSelected(false);\n setDocsSelected(false);\n setLearnMoreSelected(false);\n }\n }, [structureSelected]);\n\n useEffect(() => {\n if (docsSelected) {\n setDeckSelected(false);\n setStructureSelected(false);\n setOverviewSelected(false);\n setLearnMoreSelected(false);\n }\n }, [docsSelected]);\n\n useEffect(() => {\n if (learnMoreSelected) {\n setDeckSelected(false);\n setStructureSelected(false);\n setDocsSelected(false);\n setOverviewSelected(false);\n }\n }, [learnMoreSelected]);\n\n return (\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Target IRR\n
\n \n {fund ? fund.targetIRR : \"~\"}%\n
\n \n
\n \n
\n \n Target Net Multiple\n
\n \n {fund ? fund.targetReturnMultiple : \"-\"}x\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n {fund\n ? \"$ \" + fund.minimumInvestment.toLocaleString(\"en-US\")\n : \"~\"}\n
\n \n
\n \n
\n \n Fund Size\n
\n \n $ {fund ? numFormatter(fund.fundSize) : \"-\"}\n
\n \n
\n \n
\n \n Strategy\n
\n \n {fund ? stageMap[fund.fundStrategy.type] : \"\"}\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default NewFundDetailsPageTopSection;\n","import axios from \"axios\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\nimport { HOST } from \"../../host-config.js\";\n\n// const backendApi = axios.create({\n// baseUrl: HOST,\n// });\n\n//Dev environment endpoint\nexport const getFund = async (fundLink, accountID) => {\n const link = fundLink.toString();\n const config = await getRequestHeaders();\n\n const requestParams = {\n params: {\n account_id: accountID,\n },\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n return axios.get(HOST + \"/fund/\" + link + \"/\", requestParams);\n};\n","import { useState, useEffect, useContext } from \"react\";\nimport { UserContext } from \"../GlobalContexts/UserContext.js\";\nimport { getFund } from \"../Api/FundDetailsApi/FundDetailsApi.js\";\nimport { getSignedURL } from \"../Api/GlobalFunctions/SignedURL.js\";\n\nexport default function GetFundInfo(fundLink, setLoading) {\n const [fund, setFund] = useState(null);\n\n const { user } = useContext(UserContext);\n\n useEffect(() => {\n async function getFundInfo() {\n try {\n const response = await getFund(\n fundLink,\n user && user.selectedAccountID !== \"\" ? user.selectedAccountID : \"\"\n );\n\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(response.data);\n }\n const fundData = response.data;\n var firmLogoLinkUrl = \"\";\n var fundLogoLinkUrl = \"\";\n async function getUsableURLs() {\n firmLogoLinkUrl = await getSignedURL(\n \"public\",\n fundData.originator_firm.logo_link\n );\n\n if (fundData.logo_link !== null && fundData.logo_link !== undefined) {\n fundLogoLinkUrl = await getSignedURL(\"public\", fundData.logo_link);\n console.log(\"Fund Logo link url is: \" + fundLogoLinkUrl);\n }\n\n setFund({\n id: fundData.id,\n sydecar: fundData.sydecar_eligibility,\n firmName: fundData.originator_firm.name,\n logoLink: firmLogoLinkUrl,\n fundLogo: fundLogoLinkUrl ? fundLogoLinkUrl : \"\",\n link: fundData.link,\n fundName: fundData.name,\n firmAUM: fundData.originator_firm.firm_aum,\n fundSize:\n fundData.originating_fund.originating_fund_terms[0].fund_size,\n tagline: fundData.tagline,\n investmentStatus: fundData.investment_status,\n registrationType: fundData.registration_type.type,\n display: fundData.display_flag,\n fundStrategy: fundData.strategy_type,\n fundSize: fundData.originating_fund.originating_fund_terms[0].fund_size,\n fundOverview: fundData.short_description,\n fundDocs: fundData.fund_documents,\n targetFundLength: fundData.fund_terms[0].target_length_months,\n targetIRR: fundData.fund_terms[0].target_return_upper_percent,\n placementFee: fundData.fund_terms[0].upfront_management_fee_percent,\n distributionFee:\n fundData.fund_terms[0].ongoing_distribution_fee_percent,\n deckLink: fundData.deck_link,\n // fundraisingStartDate: fundData.funding_start_date,\n // fundraisingEndDate: fundData.funding_end_date,\n // fundStartDate: fundData.fund_start_date,\n // fundEndDate: fundData.fund_end_date,\n // targetInvestmentPeriod: fundData.investment_period_months,\n incorporationCountry: fundData.incorporation_country,\n targetInvestmentPeriod: 120,\n minimumInvestment: fundData.fund_terms[0].minimum_allocation_amount,\n maximumInvestment: fundData.fund_terms[0].maximum_allocation_amount,\n amountInvested:\n fundData.fund_subscriptions_stats !== undefined\n ? fundData.fund_subscriptions_stats[0]\n .committed_allocation_amount\n : 0,\n allocationSize: fundData.fund_terms[0].fund_size,\n extensionCategories: fundData.extension_categories\n ? fundData.extension_categories\n : [],\n referenceTerms: fundData.fund_reference_terms\n ? fundData.fund_reference_terms\n : [],\n targetReturnMultiple: fundData.fund_terms[0].target_return_multiple,\n legacyPricingStructure:\n fundData.fund_terms[0].legacy_pricing_structure,\n fundDueDiligenceQuestions:\n fundData.fund_due_diligence_questions !== null &&\n fundData.fund_due_diligence_questions !== undefined\n ? fundData.fund_due_diligence_questions\n : [],\n });\n setLoading(false);\n }\n getUsableURLs();\n } catch (err) {\n if (process.env.REACT_APP_DEBUG) console.error(err);\n setLoading(false);\n // console.log(err);\n }\n // setLoading(false);\n }\n getFundInfo();\n }, [fundLink, setFund]);\n\n return { fund };\n}\n","import React from \"react\";\n\nconst ProgressBar = (props) => {\n const { bgcolor, completed } = props;\n const containerStyles = {\n height: \"100%\",\n width: \"100%\",\n backgroundColor: props\n ? props.bgColor === \"#DD2447\"\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgb(0,145,234, 0.1)\"\n : \"rgb(0,145,234, 0.1)\",\n borderRadius: 10,\n margin: 0,\n };\n\n const fillerStyles = {\n height: \"100%\",\n width: `${completed}%`,\n backgroundColor: props ? props.bgColor : \"#0091EA\",\n borderRadius: \"inherit\",\n zIndex: 2,\n textAlign: \"right\",\n };\n\n const labelStyles = {\n padding: 5,\n color: \"white\",\n fontWeight: \"bold\",\n };\n\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n \n
\n );\n};\n\nexport default ProgressBar;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"./PhoneFundDetailsPageTopSectionStyles/PhoneFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../../Components/GlobalComponents/ProgressBar.js\";\nimport { BoldOutlined } from \"@ant-design/icons\";\n\nfunction PhoneFundDetailsPageTopSection({ fund, stage }) {\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n\n const firmLogoOnLoad = () => {\n setFirmLogoLoading(false);\n };\n\n let history = useHistory();\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n return (\n \n
\n );\n}\nexport default PhoneFundDetailsPageTopSection;\n","import React from \"react\";\nimport \"./PageLoadingStyles/PageLoadingStyles.scss\";\nimport { WaveTopBottomLoading } from \"react-loadingg\";\n\nconst PageLoading = () => {\n return \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n
\n \n
\n \n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"US Qualified Purchasers Only\"\n : \"US Accredited Investors\"\n : \"\"}\n \n
\n \n \n {fund ? fund.firmName : \"\"}\n \n
\n \n \n {fund ? fund.fundName : \"\"}\n \n
\n \n
\n {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Target IRR\n \n
\n \n \n {fund ? fund.targetIRR : \"~\"}%\n \n
\n \n
\n \n
\n \n \n Target Length\n \n
\n \n \n {fund\n ? fund.targetInvestmentPeriod / 12\n : \"-\"}{\" \"}\n years\n \n
\n \n
\n \n
\n \n \n Strategy\n \n
\n \n \n {fund\n ? fund.fundStrategy.type === \"STRUCTURED_CREDIT\"\n ? \"Private Credit\"\n : fund.fundStrategy.type === \"CLO_MANAGEMENT\"\n ? \"CLO Management\"\n : fund.fundStrategy.type === \"DIRECT_LANDING\"\n ? \"Direct Landing\"\n : fund.fundStrategy.type === \"PRIVATE_EQUITY\"\n ? \"Private Equity\"\n : fund.fundStrategy.type === \"CO_INVESTMENT\"\n ? \"Co-Investment\"\n : fund.fundStrategy.type === \"FUND_OF_FUNDS\"\n ? \"Fund of Funds\"\n : fund.fundStrategy.type === \"BUYOUT\"\n ? \"Buyout\"\n : fund.fundStrategy.type === \"GROWTH\"\n ? \"Growth\"\n : fund.fundStrategy.type === \"CREDIT\"\n ? \"Credit\"\n : \"\"\n : \"\"}\n \n
\n \n
\n \n
\n \n \n Min. Investment\n \n
\n \n \n {fund\n ? \"$ \" +\n fund.minimumInvestment.toLocaleString(\n \"en-US\"\n )\n : \"~\"}\n \n
\n \n
\n \n
\n \n \n Fund Size\n \n
\n \n \n $ {fund ? numFormatter(fund.fundSize) : \"-\"}\n \n
\n \n
\n )}\n {stage === \"Fundraising\" && (\n \n
\n \n
\n \n
\n \n Allocation Filled:{\" \"}\n =\n 75\n ? \"#DD2447\"\n : \"#000000\"\n : \"#000000\",\n fontWeight: fund\n ? Math.round(\n ((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 75\n ? 700\n : 500\n : 500,\n }}\n >\n {fund\n ? Math.round(\n ((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100\n ) / 100\n : 0}\n %\n \n
\n \n
\n \n =\n 75\n ? \"#DD2447\"\n : \"#0091EA\"\n : \"#0091EA\"\n }\n completed={\n fund\n ? Math.round(\n ((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100\n ) / 100\n : 0\n }\n />\n
\n \n
\n )}\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : null}\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n PF Revenue\n
\n \n $180 Million\n
\n \n
\n \n
\n \n Target Net Multiple\n
\n \n 3.0x\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n {fund\n ? \"$ \" + fund.minimumInvestment.toLocaleString(\"en-US\")\n : \"~\"}\n
\n \n
\n \n
\n \n PF EBITDA\n
\n \n $ 63 Million\n
\n \n
\n \n
\n \n Round Size\n
\n \n $ 88 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n PortCo\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default FlorenceCapDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction LVDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Historic TVPI:\n
\n \n 4.8x\n
\n \n
\n \n
\n \n Past Funds IRR\n
\n \n 15.0x\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $ 25,000\n
\n \n
\n \n
\n \n Fund Size\n
\n \n $ 75 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default LVDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction QvinDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n 2028P Revenue\n
\n \n $180 Million\n
\n \n
\n \n
\n \n Target Net Multiple\n
\n \n 15.0x\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $ 25,000\n
\n \n
\n \n
\n \n 2028P EBITDA\n
\n \n $ 143 Million\n
\n \n
\n \n
\n \n Round Size\n
\n \n $ 5 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default QvinDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction WandDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Pre-Money Valuation\n
\n \n $300 Million\n
\n \n
\n \n
\n \n Projected 3-Year ARR\n
\n \n $100 Million\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $ 25,000\n
\n \n
\n \n
\n \n Round Size\n
\n \n $ 100 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default WandDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction AssemblyDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Pipeline Interest\n
\n \n $1 Billion\n
\n \n
\n \n
\n \n Pipeline Earning Potential\n
\n \n $250 Million\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $25,000\n
\n \n
\n \n
\n \n Round Size\n
\n \n $8 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default AssemblyDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction SunshineLakeDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Unicorns backed\n
\n \n 10\n
\n \n
\n \n
\n \n Fund Length\n
\n \n 10 Years\n
\n \n
\n \n
\n \n Target Fund Size\n
\n \n $50 Million\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n {(fund && fund.minimumInvestment)\n ? (\"$\" + fund.minimumInvestment.toLocaleString(\"en-US\"))\n : \"\"}\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default SunshineLakeDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction NscaleDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n PF Revenue:\n
\n \n $88 Million\n
\n \n
\n \n
\n \n PF EBITDA:\n
\n \n $33.1 Million\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $10,000\n
\n \n
\n \n
\n \n Round Size\n
\n \n $125 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Growth\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default NscaleDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction JukeboxDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n PF Revenue\n
\n \n $47.9 Million\n
\n \n
\n \n
\n \n Live Assets\n
\n \n $50 Million\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n $25,000\n
\n \n
\n \n
\n \n Round Size\n
\n \n $10 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Seed\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default JukeboxDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction DOrbitDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Target Net Multiple\n
\n \n 6.0X (Projected)\n
\n \n
\n \n
\n \n Net IRR\n
\n \n 73.4% (Projected)\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n {fund\n ? \"$ \" + fund.minimumInvestment.toLocaleString(\"en-US\")\n : \"~\"}\n
\n \n
\n \n
\n \n Valuation\n
\n \n €600 Million (Post-Money, Series C)\n
\n \n
\n \n
\n \n Exit Timeline\n
\n \n 2028 (Targeted IPO)\n
\n \n
\n \n
\n \n Investment Structure\n
\n \n Special Purpose Vehicle (SPV)\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default DOrbitDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction HOFDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Target Net IRR\n
\n \n 30%+\n
\n \n
\n \n
\n \n Investment Period\n
\n \n 8 Years\n
\n \n
\n \n
\n \n Min. Investment\n
\n \n {fund\n ? \"$ \" + fund.minimumInvestment.toLocaleString(\"en-US\")\n : \"~\"}\n
\n \n
\n \n
\n \n Fund Size\n
\n \n $250 Million\n
\n \n
\n \n
\n \n Strategy\n
\n \n Growth-stage VC\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default HOFDetails;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction EVC1Details({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Track Record\n
\n \n 13.6x MOIC\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n \n
\n \n Target Fund Size\n
\n \n $15M\n
\n \n
\n {/* \n
\n \n Min. Investment\n
\n \n $25,000\n
\n \n
*/}\n \n
\n \n Strategy\n
\n \n Growth-stage VC\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default EVC1Details;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport \"./NewFundDetailsPageTopSectionStyles/NewFundDetailsPageTopSectionStyles.css\";\nimport { numFormatter } from \"../../../../Adapters/GlobalAdapters/FormatData.js\";\nimport ProgressBar from \"../../../../Components/GlobalComponents/ProgressBar/ProgressBar.js\";\n\nfunction AxiomDetails({ fund, stage, isFeeder }) {\n let history = useHistory();\n const [stageBoxDiv, setStageBoxDiv] = useState(\"\");\n const [stageTextDiv, setStageTextDiv] = useState(\"\");\n const colRef = useRef(null);\n const rowRef = useRef(null);\n const targetPerformanceRowRef = useState(null);\n const [firmLogoLoading, setFirmLogoLoading] = useState(true);\n const firmLogoPicOnLoad = () => {\n setFirmLogoLoading(false);\n };\n const [logoLink, setLogoLink] = useState(\"\");\n\n // useEffect(() => {\n // if (\n // fund !== null &&\n // fund !== undefined &&\n // fund.amountInvested !== null &&\n // fund.amountInvested !== undefined &&\n // fund.allocationSize !== null &&\n // fund.allocationSize !== undefined\n // ) {\n // let allocationFilled =\n // Math.round(\n // ((fund.amountInvested / fund.allocationSize) * 100 + Number.EPSILON) *\n // 100\n // ) / 100;\n // if (allocationFilled >= 25) {\n // colRef.current.className =\n // \"col-xxl col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12 pe-sm-0\";\n // rowRef.current.className = \"row bottom-border bottom-divider g-0\";\n // targetPerformanceRowRef.current.className =\n // \"row right-border g-0 d-flex justify-content-center\";\n // }\n // }\n // }, [fund]);\n\n useEffect(() => {\n if (\n fund !== null &&\n fund !== undefined &&\n fund.logoLink !== null &&\n fund.logoLink !== undefined\n ) {\n if (isFeeder) {\n setLogoLink(fund.fundLogo);\n } else if (isFeeder !== null && isFeeder !== undefined && !isFeeder) {\n setLogoLink(fund.logoLink);\n }\n }\n }, [fund]);\n\n const stageMap = {\n STRUCTURED_CREDIT: \"Private Credit\",\n CLO_MANAGEMENT: \"CLO Management\",\n DIRECT_LANDING: \"Direct Landing\",\n PRIVATE_EQUITY: \"Private Equity\",\n CO_INVESTMENT: \"Co-Investment\",\n FUND_OF_FUNDS: \"Fund of Funds\",\n BUYOUT: \"Buyout\",\n GROWTH: \"Growth\",\n CREDIT: \"Credit\",\n VENTURE_CAPITAL: \"Venture\",\n };\n\n useEffect(() => {\n if (stage === \"Upcoming\") {\n setStageBoxDiv(\"upcoming-stage-box ms-3\");\n setStageTextDiv(\"upcoming-stage-text\");\n } else if (stage === \"Fundraising\") {\n setStageBoxDiv(\"currently-fundraising-stage-box ms-3\");\n setStageTextDiv(\"currently-fundraising-stage-text\");\n } else if (stage === \"Pending Closing\") {\n setStageBoxDiv(\"fundraising-complete-stage-box ms-3\");\n setStageTextDiv(\"fundraising-complete-stage-text\");\n } else if (stage === \"Closed\") {\n setStageBoxDiv(\"closed-stage-box ms-3\");\n setStageTextDiv(\"closed-stage-text\");\n } else if (stage === \"Past\") {\n setStageBoxDiv(\"past-stage-box ms-3\");\n setStageTextDiv(\"past-stage-text\");\n }\n }, [stage]);\n\n // console.log(fund);\n return (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n
\n {/* {fund &&\n Math.round(\n ((fund.amountInvested / fund.allocationSize) * 100 +\n Number.EPSILON) *\n 100\n ) /\n 100 >=\n 25 && (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {fund\n ? fund.registrationType === \"3C7\"\n ? \"Qualified Purchasers Only\"\n : \"Accredited Investors\"\n : \"\"}\n
\n \n \n \n {fund ? fund.fundName : \"\"}\n
\n \n \n \n {fund ? fund.firmName : \"\"}\n
\n \n \n
\n \n
\n \n
\n \n
\n {stage}
\n \n
\n \n {stage === \"Fundraising\" ? (\n \n history.push(\"/invest/\" + fund.link + \"/confirm\")\n }\n >\n Invest\n \n ) : (\n
\n \n \n
\n \n
\n \n
\n \n Track Record\n
\n \n 8.7x MOIC\n
\n \n
\n \n
\n \n Strategy\n
\n \n Venture\n
\n \n
\n {/* \n
\n \n Fund Size\n
\n \n $35M - $50M\n
\n \n
*/}\n \n
\n \n Fund Size\n
\n \n $250 Million\n
\n \n
\n \n
\n \n Minimum\n
\n \n $25,000\n
\n \n
\n )} */}\n \n \n \n );\n}\nexport default AxiomDetails;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport \"./FundDetailsPageStyles/FundDetailsPageStyles.css\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport NavLinksSection from \"./NavLinksSection/NavLinksSection.js\";\n//import FundDetailsPageTopSection from \"./FundDetailsPageTopSection/FundDetailsPageTopSection.js\";\nimport FundDetailsPageMainContentSection from \"./FundDetailsPageMainContentSection/FundDetailsPageMainContentSection.js\";\nimport NewFundDetailsPageTopSection from \"./NewFundDetailsPageTopSection/NewFundDetailsPageTopSection.js\";\nimport { useParams } from \"react-router-dom\";\nimport GetFundInfo from \"../../../Adapters/FundDetailsPageAdapters.js\";\nimport Media from \"react-media\";\nimport PhoneFundDetailsPageTopSection from \"./FundDetailsPageTopSection/PhoneFundDetailsPageTopSection/PhoneFundDetailsPageTopSection.js\";\nimport PageLoading from \"../../../Components/GlobalComponents/PageLoading/PageLoading.js\";\nimport AccountPicker from \"../../../GlobalComponents/AccountPicker/AccountPicker.js\";\nimport GetAccountListAdapter from \"../../../Adapters/GetAccountListAdapter.js\";\nimport { isFeederAPI } from \"../../../Api/FundCardApi.js\";\nimport FlorenceCapDetails from \"./NewFundDetailsPageTopSection/FlorenceCapDetails.js\";\nimport LVDetails from \"./NewFundDetailsPageTopSection/LVDetails.js\";\nimport QvinDetails from \"./NewFundDetailsPageTopSection/QvinDetails.js\";\nimport WandDetails from \"./NewFundDetailsPageTopSection/WandDetails.js\";\nimport AssemblyDetails from \"./NewFundDetailsPageTopSection/AssemblyDetails.js\";\nimport SunshineLakeDetails from \"./NewFundDetailsPageTopSection/SunshineLakeDetails.js\";\nimport NscaleDetails from \"./NewFundDetailsPageTopSection/NscaleDetails.js\";\nimport JukeboxDetails from \"./NewFundDetailsPageTopSection/JukeboxDetails.js\";\nimport DOrbitDetails from \"./NewFundDetailsPageTopSection/DOrbitDetails.js\";\nimport HOFDetails from \"./NewFundDetailsPageTopSection/HOFDetails.js\";\nimport EVC1Details from \"./NewFundDetailsPageTopSection/EVC1Details.js\";\nimport AxiomDetails from \"./NewFundDetailsPageTopSection/AxiomDetails.js\";\n\nfunction FundDetailsPage() {\n const { id } = useParams();\n const [loading, setLoading] = useState(true);\n const { fund } = GetFundInfo(id, setLoading);\n const [dbFund, setDBFund] = useState(null);\n const [refresh, setRefresh] = useState(0);\n const { accounts } = GetAccountListAdapter(refresh, setLoading);\n const [feeder, setFeeder] = useState(null);\n const [initialNum, setInitialNum] = useState(0);\n const hostName = window.location.hostname;\n\n useEffect(() => {\n setDBFund(fund);\n }, [fund]);\n\n useEffect(() => {\n console.log(\"Host name is: \" + hostName);\n }, []);\n\n useEffect(() => {\n async function isFeeder() {\n var response = await isFeederAPI();\n\n console.log(\"Response is: \" + JSON.stringify(response.data));\n\n if (response.data.msg === true) {\n setFeeder(true);\n } else if (response.data.msg === false) {\n setFeeder(false);\n }\n }\n isFeeder();\n // console.log(accountLinkSuccessful);\n }, [initialNum]);\n\n return loading ? (\n \n
\n \n
\n \n
\n \n = 75\n ? \"rgb(221, 36, 71, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n : \"rgba(13, 71, 161, 0.1)\"\n }\n circleTwoStroke={\n fund\n ? Math.round(\n (((fund.amountInvested /\n fund.allocationSize) *\n 100 +\n Number.EPSILON) *\n 100) /\n 100\n ) >= 75\n ? \"#DD2447\"\n : \"#0D47A1\"\n : \"#0D47A1\"\n }\n />\n
\n \n Committed\n
\n \n {!loading && (\n \n {(matches) =>\n matches.medium ? (\n
\n \n
\n )}\n \n \n
\n \n \n );\n}\nexport default LoginPage;\n","import React, { useState, useEffect } from \"react\";\nimport \"./StateBasedButton.css\";\n\nfunction StateBasedButton({ proceed, text }) {\n const [buttonText, setButtonText] = useState(\"\");\n const [divClass, setDivClass] = useState(\"button-box-gray ps-1 pe-1\");\n const [textClass, setTextClass] = useState(\"button-text-gray\");\n\n useEffect(() => {\n setDivClass(proceed ? \"button-box ps-1 pe-1\" : \"button-box-gray ps-1 pe-1\");\n setTextClass(proceed ? \"button-text\" : \"button-text-gray\");\n }, [proceed]);\n useEffect(() => {\n setButtonText(text);\n }, [text]);\n return (\n \n \n \n
\n\n \n
\n \n
\n \n {/*
\n \n
\n \n \n Welcome to Aqua\n \n
\n \n
*/}\n \n \n Please sign in to use the platform\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n {window.location.hostname !==\n \"app.investwithaqua.com\" && (\n {\n history.push(\"/feeder-signup\");\n }}\n >\n Create New Account\n \n )}\n {\n history.push(\"/forgot-password\");\n }}\n >\n Forgot Password?\n \n
\n \n
\n \n
\n \n
\n \n
\n \n signIn()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign In}\n \n \n \n Sign In\n \n \n
\n \n
\n \n
\n \n
\n \n \n Note: For first time users, please click the Create\n New Account button to create a new account, where\n you'll be prompted to enter your access code. Your\n access code can't be used to sign in.\n \n
\n \n {buttonText}\n
\n );\n}\nexport default StateBasedButton;\n","import axios from \"axios\";\nimport { HOST } from \"../host-config.js\";\n\nconst baseURL = \"https://api.investwithaqua.com\";\n\nconst djangoApi = axios.create({\n baseUrl: HOST,\n});\n\n//Dev environment endpoint\nexport const signupUser = async (payload) => {\n let response = await axios.post(HOST + \"/signup/\", payload);\n // await axios.post(HOST + \"/signup/\", payload);\n};\n\n//Dev environment endpoint\nexport const getInvestorConfidentialityAgreement = async () => {\n // console.log(\"Host is: \" + HOST);\n return axios.get(HOST + \"/investor-confidentiality-agreement/\");\n};\n\nexport const getInvestorTermsOfAgreement = async () => {\n return axios.get(HOST + \"/investor-terms-of-agreement/\");\n};\n\n//Dev environment endpoint\nexport const signUpUser = async (payload) => {\n try {\n djangoApi.post(\"/signup/\", payload);\n } catch (error) {\n if (process.env.DEBUG) console.error(\"Error is: \" + error);\n }\n};\n\n//Dev environment endpoint\nexport const activateUser = async (payload) => {\n let response = await axios.post(\n HOST + \"/investor-profile/account-status/\",\n payload\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport StateBasedButton from \"../../../../GlobalComponents/Button/StateBasedButton/StateBasedButton.js\";\n// import { Link } from \"react-router-dom\";\nimport \"./QualifiedPurchaserQuestionnaireSectionStyles/QualifiedPurchaserQuestionnaireSectionStyles.css\";\nimport { useHistory } from \"react-router-dom\";\n\nfunction QualifiedPurchaserQuestionnaireSection({\n navigation,\n selection1,\n selection2,\n setSelection1,\n setSelection2,\n}) {\n const [selection1Focus, setSelection1Focus] = useState(false);\n const [selection2Focus, setSelection2Focus] = useState(false);\n const [divClass1, setDivClass1] = useState(\"selection-1\");\n const [divClass2, setDivClass2] = useState(\"selection-2\");\n const [proceed, setProceed] = useState(false);\n const [qpError, setQPError] = useState(\"\");\n\n let history = useHistory();\n\n useEffect(() => {\n setSelection1Focus(selection1);\n setSelection2Focus(selection2);\n }, []);\n\n useEffect(() => {\n setDivClass1(selection1Focus ? \"selection-1-selected\" : \"selection-1\");\n setSelection1(selection1Focus);\n setQPError(\"\");\n if (selection1Focus) {\n setProceed(true);\n } else {\n setProceed(false);\n }\n }, [selection1Focus, setSelection1]);\n\n useEffect(() => {\n setDivClass2(selection2Focus ? \"selection-2-selected\" : \"selection-2\");\n setSelection2(selection2Focus);\n setQPError(\"\");\n }, [selection2Focus, setSelection2]);\n\n const validateQPStatus = () => {\n let isQP = true;\n if (!proceed) {\n isQP = false;\n }\n if (!selection1) {\n isQP = false;\n }\n\n if (isQP) {\n navigation.next();\n } else {\n setQPError(\n \"Unfortunately, our opportunities are only open to qualified purchasers at this time, but we'll have investment opportunities for you very soon.\"\n );\n }\n };\n\n return (\n \n
\n \n \n \n \n \n \n \n
\n {/* */}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n Join Aqua\n
\n \n
\n \n \n Please confirm your{\" \"}\n Qualified Purchaser Status\n \n
\n \n
\n \n The Subscriber is:\n
\n \n
\n \n {\n setSelection2Focus(false);\n setSelection1Focus(!selection1Focus);\n }}\n >\n \n A natural person who alone (or together with his/her\n spouse, if investing jointly) owns not less than\n $5,000,000 in investments.\n \n
\n \n
\n \n {\n setProceed(false);\n setSelection1Focus(false);\n setSelection2Focus(!selection2Focus);\n }}\n >\n \n None of the above (not a Qualified Purchaser)\n \n
\n \n
\n {qpError ? (\n \n \n The information provided will be used to assist us in\n complying with SEC regulations.\n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateQPStatus()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n setFieldValue(event.target.value)}\n >\n
\n \n );\n}\nexport default SignatureInputField;\n","import React, { useState, useEffect } from \"react\";\nimport CheckBox from \"../../../../Components/GlobalComponents/CheckBox.js\";\nimport StateBasedButton from \"../../../../GlobalComponents/Button/StateBasedButton/StateBasedButton.js\";\n//import { Link } from \"react-router-dom\";\nimport \"./ConfidentialityAgreementSectionStyles/ConfidentialityAgreementSectionStyles.scss\";\nimport { useHistory } from \"react-router-dom\";\n//import { getInvestorConfidentialityAgreement } from \"../../../../Api/SignupApi.js\";\nimport GetInvestorConfidentialityAgreement from \"../../../../Adapters/ConfidentialityAgreementAdapters.js\";\nimport GetInvestorTermsOfAgreement from \"../../../../Adapters/TermsOfAgreementAdapters.js\";\nimport SignatureInputField from \"../../../../Components/GlobalComponents/SignatureInputField/SignatureInputField.js\";\nimport AlertSnackBar from \"../../../../GlobalComponents/AlertSnackBar/AlertSnackBar.js\";\n\nfunction ConfidentialityAgreementSection({\n navigation,\n confidentialityAgreed,\n setConfidentialityAgreed,\n setConfidentialityAgreementId,\n name,\n setName,\n}) {\n const [documentHasBeenRead, setDocumentHasBeenRead] = useState(false);\n const [checked, setChecked] = useState(confidentialityAgreed);\n const [proceed, setProceed] = useState(false);\n const timeStamp = Date.now();\n const [time, setTime] = useState(timeStamp);\n const { investorConfidentialityAgreement } =\n GetInvestorConfidentialityAgreement(time);\n const { investorTermsOfAgreement } = GetInvestorTermsOfAgreement(time);\n // const [name, setName] = useState(\"\");\n const [nameError, setNameError] = useState(\"\");\n const [nameInvalid, setNameInvalid] = useState(false);\n\n let history = useHistory();\n\n // useEffect(() => {\n // console.log(JSON.stringify(investorTermsOfAgreement));\n // }, [investorTermsOfAgreement]);\n\n useEffect(() => {\n setConfidentialityAgreementId(\n investorConfidentialityAgreement\n ? investorConfidentialityAgreement.id\n : \"\"\n );\n }, [investorConfidentialityAgreement, setConfidentialityAgreementId]);\n\n useEffect(() => {\n setNameError(\"\");\n }, [name]);\n\n useEffect(() => {\n setChecked(confidentialityAgreed);\n setProceed(confidentialityAgreed);\n }, [confidentialityAgreed]);\n\n useEffect(() => {\n if (documentHasBeenRead && checked && name !== \"\") {\n setConfidentialityAgreed(true);\n setProceed(true);\n } else if (!checked) {\n setProceed(false);\n setConfidentialityAgreed(false);\n if (name === \"\") {\n setNameError(\"This field is required.\");\n } else if (name.split(\" \").filter((word) => word !== \"\").length < 2) {\n setNameInvalid(true);\n setNameError(\"Please enter your full name (first and last name)\");\n }\n }\n }, [documentHasBeenRead, checked, setConfidentialityAgreed]);\n\n var handleScroll = (e) => {\n const bottom =\n e.target.scrollHeight - Math.round(e.target.scrollTop) <=\n e.target.clientHeight;\n if (true || process.env.DEBUG) console.log(\"bottom: \", bottom);\n if (true || process.env.DEBUG) console.log(\"document read: \", documentHasBeenRead);\n if (bottom && !documentHasBeenRead) {\n setDocumentHasBeenRead(true);\n }\n };\n\n let documentLoadingSpinner = (\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n \n NON-DISCLOSURE & CONFIDENTIALITY AGREEMENT\n \n
\n \n
\n {!checked || !documentHasBeenRead ? (\n scrollWarning\n ) : (\n \n )}\n \n handleScroll(event)}\n >\n \n \n ) : null}\n {/* */}\n
\n \n Loading...\n ),\n }}\n >\n {/* {investorConfidentialityAgreement\n ? investorConfidentialityAgreement.agreement\n : documentLoadingSpinner} */}\n \n
\n {investorConfidentialityAgreement ? (\n \n
\n \n
\n \n
\n \n \n Rohan Marwaha\n \n
\n \n \n Aqua Platform Inc., CEO\n \n
\n \n
\n \n Disclosing Party Signature\n
\n \n \n Disclosing Party Full Name & Title\n \n
\n \n
\n \n {/*
\n \n
*/}\n {/* \n \n Rohan Marwaha\n \n
\n \n \n Rohan Marwaha, CEO\n \n
\n \n
*/}\n {/* \n \n Disclosing Party Representative Signature\n \n
\n \n \n Disclosing Party Full Name & Title\n \n
\n \n
*/}\n \n
\n \n
\n \n [RECIPIENT PARTY SIGNATURE]\n
\n \n [RECIPIENT PARTY FULL NAME]\n
\n \n
\n \n Recipient Party Signature\n
\n \n Recipient Party Full Name\n
\n \n \n \n Entering your name in the box below will\n be legally considered as a proxy to your\n signature of acceptance to the terms\n described above in the Non-Dislosure and\n Confidentiality Agreement.\n \n \n
\n {/* Input goes here */}\n \n
\n\n \n
\n \n Recipient Party Full Name\n
\n \n
\n \n
\n \n
\n \n {\n if (documentHasBeenRead && name !== \"\") {\n setChecked(!checked);\n } else if (checked) {\n setChecked(false);\n }\n }}\n >\n
\n \n \n I have read, understood, and agree to all terms\n noted in the{\" \"}\n Confidentiality Agreement\n \n
\n \n
\n \n
\n \n
\n \n {\n if (proceed) {\n if (name !== \"\") {\n if (\n name\n .split(\" \")\n .filter((word) => word !== \"\").length > 1\n ) {\n setName(name.replace(/ +/g, \" \").trim());\n navigation.next();\n } else {\n setNameInvalid(true);\n setNameError(\n \"Please enter your full name (first and last)\"\n );\n }\n } else {\n setNameInvalid(true);\n setNameError(\"This field is required.\");\n }\n }\n }}\n >\n {scrollBasedSubmitButton}\n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n \n Terms of Use Agreement\n \n
\n \n
\n {!checked || !documentHasBeenRead ? (\n scrollWarning\n ) : (\n \n )}\n \n handleScroll(event)}\n >\n
\n \n Loading...\n ),\n }}\n >\n {/* {investorTermsOfAgreement\n ? investorTermsOfAgreement.agreement\n : documentLoadingSpinner} */}\n \n
\n \n
\n \n
\n \n
\n \n {\n if (documentHasBeenRead) {\n setChecked(!checked);\n } else if (checked) {\n setChecked(false);\n }\n }}\n >\n
\n \n \n I have read, understood, and agree to all terms\n noted in the{\" \"}\n Terms and Policies Agreement\n \n
\n \n
\n \n
\n \n
\n \n {\n if (proceed) {\n navigation.next();\n }\n }}\n >\n {scrollBasedSubmitButton}\n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n setFieldValue(event.target.value)}\n disabled={disabled}\n >\n
\n \n );\n}\nexport default InputField;\n","import React, { useState, useEffect } from \"react\";\nimport \"./PasswordField.css\";\nfunction PasswordField({ placeholder, error, fieldValueChange }) {\n const [inputPlaceholder, setInputPlaceholder] = useState(\"\");\n const [focus, setFocus] = useState(false);\n //const [error, setError] = useState(false);\n const [divClass, setDivClass] = useState(\"input-box-container\");\n const [fieldValue, setFieldValue] = useState(\"\");\n\n useEffect(() => {\n if (!error) {\n setDivClass(focus ? \"input-box-containerFocus\" : \"input-box-container\");\n } else {\n setDivClass(\"input-box-containerError\");\n }\n }, [focus, error]);\n\n useEffect(() => {\n setInputPlaceholder(placeholder);\n }, [placeholder]);\n\n useEffect(() => {\n fieldValueChange(fieldValue);\n }, [fieldValue, fieldValueChange]);\n return (\n \n setFieldValue(event.target.value)}\n >\n
\n \n );\n}\nexport default PasswordField;\n","import React from \"react\";\nimport \"./StateButtonLoadingStyles/StateButtonLoadingStyles.css\";\n\nfunction StateButtonLoading({ loading, proceed, onClick }) {\n return (\n \n \n {loading && (\n
\n );\n}\nexport default StateButtonLoading;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Auth } from \"aws-amplify\";\nimport StateButtonLoading from \"../../../../Components/GlobalComponents/StateButtonLoading/StateButtonLoading.js\";\nimport ReactInputVerificationCode from \"react-input-verification-code\";\nimport AlertSnackBar from \"../../../../GlobalComponents/AlertSnackBar/AlertSnackBar.js\";\nimport \"./VerificationSectionStyles/VerificationSectionStyles.css\";\n\nfunction VerificationSection({ navigation, userId, email }) {\n const [loading, setLoading] = useState(false);\n const [proceed, setProceed] = useState(false);\n const [verificationCode, setVerificationCode] = useState(\"\");\n const [verificationCodeError, setVerificationCodeError] = useState(\"\");\n const [resendCodeLoading, setResendCodeLoading] = useState(false);\n const [resendCodeSuccess, setResendCodeSuccess] = useState(false);\n const [resendCodeError, setResendCodeError] = useState(false);\n const [userEmail, setUserEmail] = useState(\"\");\n\n let history = useHistory();\n\n useEffect(() => {\n setUserEmail(email);\n }, [email]);\n\n useEffect(() => {\n if (verificationCode.length === 6) {\n setProceed(true);\n } else {\n setProceed(false);\n }\n }, [verificationCode]);\n\n const resendConfirmationCode = async () => {\n setResendCodeLoading(true);\n try {\n await Auth.resendSignUp(userEmail);\n setResendCodeSuccess(true);\n setResendCodeLoading(false);\n } catch (err) {\n console.log(err);\n setResendCodeError(true);\n setResendCodeLoading(false);\n }\n };\n\n const verifyUser = async () => {\n setLoading(true);\n try {\n var cognitoUser = await Auth.confirmSignUp(userEmail, verificationCode);\n // process.env.DEBUG ? console.log(cognitoUser) : null\n if (process.env.REACT_APP_DEBUG === \"1\") console.log(cognitoUser);\n // const user = {\n // username: userId,\n // account_status: \"A\",\n // };\n setLoading(false);\n history.push({\n pathname: \"/login\",\n state: { accountCreationSuccessful: true },\n });\n } catch (err) {\n // process.env.DEBUG ? console.error(err) : null\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n setVerificationCodeError(\n \"Verification failed. Please enter a valid verification code.\"\n );\n setLoading(false);\n }\n };\n\n return (\n \n
\n )}\n {!loading && Confirm Code}\n \n \n \n Confirm Code\n \n \n
\n \n \n
\n \n \n );\n}\nexport default VerificationSection;\n","import React, { useState, useEffect } from \"react\";\nimport \"./AccountTypeSectionStyles/AccountTypeSectionStyles.scss\";\nimport { useHistory } from \"react-router-dom\";\nimport StateBasedButton from \"../../../../GlobalComponents/Button/StateBasedButton/StateBasedButton\";\n\nfunction AccountTypeSection({\n navigation,\n accountTypeIndividual,\n accountTypeTrust,\n accountTypeEntity,\n accountTypeJoint,\n setAccountTypeJoint,\n accountTypeRetirement,\n setAccountTypeIndividual,\n setAccountTypeTrust,\n setAccountTypeEntity,\n setAccountTypeRetirement,\n}) {\n const [accountTypeIndividualFocus, setAccountTypeIndividualFocus] =\n useState(false);\n const [accountTypeTrustFocus, setAccountTypeTrustFocus] = useState(false);\n const [accountTypeEntityFocus, setAccountTypeEntityFocus] = useState(false);\n const [accountTypeRetirementFocus, setAccountTypeRetirementFocus] =\n useState(false);\n const [accountTypeJointFocus, setAccountTypeJointFocus] =\n useState(false);\n const [accountTypeIndividualDivClass, setAccountTypeIndividualDivClass] =\n useState(\"selection-1\");\n const [accountTypeTrustDivClass, setAccountTypeTrustDivClass] =\n useState(\"selection-1\");\n const [accountTypeEntityDivClass, setAccountTypeEntityDivClass] =\n useState(\"selection-1\");\n const [accountTypeRetirementDivClass, setAccountTypeRetirementDivClass] =\n useState(\"selection-1\");\n const [accountTypeJointDivClass, setAccountTypeJointDivClass] =\n useState(\"selection-1\");\n const [accountSelectionError, setAccountSelectionError] = useState(\"\");\n\n let history = useHistory();\n\n useEffect(() => {\n setAccountTypeIndividualFocus(accountTypeIndividual);\n setAccountTypeTrustFocus(accountTypeTrust);\n setAccountTypeEntityFocus(accountTypeEntity);\n setAccountTypeRetirementFocus(accountTypeRetirement);\n setAccountTypeJointFocus(accountTypeJoint)\n }, []);\n\n useEffect(() => {\n setAccountTypeIndividualDivClass(\n accountTypeIndividualFocus ? \"selection-1-selected\" : \"selection-1\"\n );\n setAccountTypeIndividual(accountTypeIndividualFocus);\n setAccountSelectionError(\"\");\n }, [accountTypeIndividualFocus, setAccountTypeIndividual]);\n\n useEffect(() => {\n setAccountTypeTrustDivClass(\n accountTypeTrustFocus ? \"selection-1-selected\" : \"selection-1\"\n );\n setAccountTypeTrust(accountTypeTrustFocus);\n setAccountSelectionError(\"\");\n }, [accountTypeTrustFocus, setAccountTypeTrust]);\n\n useEffect(() => {\n setAccountTypeEntityDivClass(\n accountTypeEntityFocus ? \"selection-1-selected\" : \"selection-1\"\n );\n setAccountTypeEntity(accountTypeEntityFocus);\n setAccountSelectionError(\"\");\n }, [accountTypeEntityFocus, setAccountTypeEntity]);\n\n useEffect(() => {\n setAccountTypeRetirementDivClass(\n accountTypeRetirementFocus ? \"selection-1-selected\" : \"selection-1\"\n );\n setAccountTypeRetirement(accountTypeRetirementFocus);\n setAccountSelectionError(\"\");\n }, [accountTypeRetirementFocus, setAccountTypeRetirement]);\n\n\n useEffect(() => {\n setAccountTypeJointDivClass(\n accountTypeJointFocus ? \"selection-1-selected\" : \"selection-1\"\n );\n setAccountTypeJoint(accountTypeJointFocus);\n setAccountSelectionError(\"\");\n }, [accountTypeJointFocus, setAccountTypeJoint]);\n\n\n const validateAccountSelection = () => {\n let isValid = true;\n\n if (\n !accountTypeIndividual &&\n !accountTypeTrust &&\n !accountTypeEntity &&\n !accountTypeRetirement &&\n !accountTypeJoint\n ) {\n isValid = false;\n }\n\n if (isValid) {\n navigation.next();\n } else {\n setAccountSelectionError(\"Please select an account type from above.\");\n }\n };\n\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Verify your email\n \n
\n \n
\n \n \n We emailed you a six-digit code to:{\" \"}\n \n {email.toLowerCase()}\n \n \n
\n \n
\n \n \n Enter the code below to confirm your email address\n \n
\n \n
\n \n \n *Please check your spam mail if the code does not appear\n in your normal inbox.\n \n
\n \n
\n \n
\n \n setVerificationCode(value)}\n />\n {verificationCodeError && (\n \n {verificationCodeError}\n \n )}\n
\n \n
\n \n {resendCodeLoading ? (\n \n ) : (\n \n Never received the confirmation code? Click to\n resendConfirmationCode()}\n >\n {\" \"}\n resend code.\n \n \n )}\n
\n \n {\n if (proceed) {\n verifyUser();\n }\n }}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n
*/ }\n \n
\n {/* \n
\n \n \n How would you like to invest on Aqua?\n \n
\n \n
\n \n \n Please select an account type from below:\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeJointFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(\n !accountTypeIndividualFocus\n );\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n As an individual\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(!accountTypeJointFocus);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a joint account\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(!accountTypeJointFocus);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a joint account\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(!accountTypeTrustFocus);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(false);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a trust account\n \n
\n \n
\n \n {/* \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(!accountTypeEntityFocus);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(false);\n\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through another type of entity\n \n
\n \n
\n */}\n {accountSelectionError ? (\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(\n !accountTypeRetirementFocus\n );\n setAccountTypeIndividualFocus(false);\n }}\n >\n
\n \n
\n \n \n Through a retirement account\n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n validateAccountSelection()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n setShowModal(true)}\n >\n View Full Definition\n
\n \n \n );\n}\n\nfunction AccreditedInvestorLink({ setShowModal }) {\n return (\n \n ![](\"QualifiedPurchaser.svg\")
\n
\n \n Qualified Purchaser
\n \n \n setShowModal(true)}\n >\n View Full Definition\n
\n \n \n );\n}\n\nfunction IndividualQualificationSection({\n navigation,\n selection1,\n selection2,\n setSelection1,\n setSelection2,\n setQualificationDate,\n}) {\n const [showModal, setShowModal] = useState(false);\n const [selection1Focus, setSelection1Focus] = useState(false);\n const [selection2Focus, setSelection2Focus] = useState(false);\n const [divClass1, setDivClass1] = useState(\"selection-1\");\n const [divClass2, setDivClass2] = useState(\"selection-2\");\n const [proceed, setProceed] = useState(false);\n const [qpError, setQPError] = useState(\"\");\n\n let history = useHistory();\n\n useEffect(() => {\n setSelection1Focus(selection1);\n setSelection2Focus(selection2);\n }, []);\n\n useEffect(() => {\n setDivClass1(selection1Focus ? \"selection-1-selected\" : \"selection-1\");\n setSelection1(selection1Focus);\n setQPError(\"\");\n if (selection1Focus) {\n setProceed(true);\n } else {\n setProceed(false);\n }\n }, [selection1Focus, setSelection1]);\n\n useEffect(() => {\n setDivClass2(selection2Focus ? \"selection-2-selected\" : \"selection-2\");\n setSelection2(selection2Focus);\n setQPError(\"\");\n }, [selection2Focus, setSelection2]);\n\n const validateQPStatus = () => {\n let isQP = true;\n if (!proceed) {\n isQP = false;\n }\n if (!selection1) {\n isQP = false;\n }\n\n if (isQP) {\n var utcDate = getDateUTC();\n setQualificationDate(utcDate.toISOString());\n navigation.next();\n } else {\n setQPError(\n \"Unfortunately, our opportunities are only open to qualified purchasers at this time, but we'll have investment opportunities for you very soon.\"\n );\n }\n };\n\n return (\n \n \n
\n \n Accredited Investor
\n \n \n
\n \n \n \n \n \n \n \n \n
\n {/* */}\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n Join Aqua\n
\n \n
\n \n \n Please confirm your{\" \"}\n Qualified Purchaser Status\n \n
\n \n
\n \n The Subscriber is:\n
\n \n
\n \n {\n setSelection2Focus(false);\n setSelection1Focus(!selection1Focus);\n }}\n >\n
\n \n
\n \n \n A natural person who alone (or together with\n his/her spouse, if investing jointly) owns not\n less than $5,000,000 in investments.\n \n
\n \n \n *This definition of qualified purchaser is\n incomplete. See below for the full definition.*\n \n
\n \n
\n \n {\n setProceed(false);\n setSelection1Focus(false);\n setSelection2Focus(!selection2Focus);\n }}\n >\n \n None of the above (not a Qualified Purchaser)\n \n
\n \n
\n {qpError ? (\n \n \n The information provided will be used to assist us in\n complying with SEC regulations.\n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateQPStatus()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n \n \n );\n}\nexport default TrustQualificationSection;\n","import React, { useState, useEffect } from \"react\";\nimport {\n QualifiedPurchaserLink,\n QualifiedPurchaserModal,\n} from \"../IndividualQualificationSection/IndividualQualificationSection\";\nimport \"./EntityQualificationSectionStyles/EntityQualificationSectionStyles.scss\";\nimport StateBasedButton from \"../../../../../GlobalComponents/Button/StateBasedButton/StateBasedButton\";\nimport { useHistory } from \"react-router-dom\";\nimport { getDateUTC } from \"../../../../../GlobalFunctions/globalFunctions.js\";\n\nfunction EntityQualificationSection({\n navigation,\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5,\n setEntityQualificationQ1,\n setEntityQualificationQ2,\n setEntityQualificationQ3,\n setEntityQualificationQ4,\n setEntityQualificationQ5,\n setQualificationDate,\n}) {\n let history = useHistory();\n const [showModal, setShowModal] = useState(false);\n const [entityQualificationError, setEntityQualificationError] = useState(\"\");\n const [q1Yes, setQ1Yes] = useState(\n entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? true\n : false\n : false\n );\n const [q1Empty, setQ1Empty] = useState(entityQualificationQ1 ? false : true);\n const [q1No, setQ1No] = useState(\n entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? false\n : true\n : false\n );\n const [q2Yes, setQ2Yes] = useState(\n entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? true\n : false\n : false\n );\n const [q2Empty, setQ2Empty] = useState(entityQualificationQ2 ? false : true);\n const [q2No, setQ2No] = useState(\n entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? false\n : true\n : false\n );\n const [q3Yes, setQ3Yes] = useState(\n entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? true\n : false\n : false\n );\n const [q3Empty, setQ3Empty] = useState(entityQualificationQ3 ? false : true);\n const [q3No, setQ3No] = useState(\n entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? false\n : true\n : false\n );\n const [q4Yes, setQ4Yes] = useState(\n entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? true\n : false\n : false\n );\n const [q4Empty, setQ4Empty] = useState(entityQualificationQ4 ? false : true);\n const [q4No, setQ4No] = useState(\n entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? false\n : true\n : false\n );\n\n const [q5Yes, setQ5Yes] = useState(\n entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? true\n : false\n : false\n );\n const [q5Empty, setQ5Empty] = useState(entityQualificationQ5 ? false : true);\n const [q5No, setQ5No] = useState(\n entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? false\n : true\n : false\n );\n\n useEffect(() => {\n setQ1Yes(\n entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? true\n : false\n : false\n );\n setQ1No(\n entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? false\n : true\n : false\n );\n setQ1Empty(entityQualificationQ1 ? false : true);\n setEntityQualificationError(\"\");\n }, [entityQualificationQ1]);\n\n useEffect(() => {\n setQ2Yes(\n entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? true\n : false\n : false\n );\n setQ2No(\n entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? false\n : true\n : false\n );\n setQ2Empty(entityQualificationQ2 ? false : true);\n setEntityQualificationError(\"\");\n }, [entityQualificationQ2]);\n\n useEffect(() => {\n setQ3Yes(\n entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? true\n : false\n : false\n );\n setQ3No(\n entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? false\n : true\n : false\n );\n setQ3Empty(entityQualificationQ3 ? false : true);\n setEntityQualificationError(\"\");\n }, [entityQualificationQ3]);\n\n useEffect(() => {\n setQ4Yes(\n entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? true\n : false\n : false\n );\n setQ4No(\n entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? false\n : true\n : false\n );\n setQ4Empty(entityQualificationQ4 ? false : true);\n setEntityQualificationError(\"\");\n }, [entityQualificationQ4]);\n\n useEffect(() => {\n setQ5Yes(\n entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? true\n : false\n : false\n );\n setQ5No(\n entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? false\n : true\n : false\n );\n setQ5Empty(entityQualificationQ5 ? false : true);\n setEntityQualificationError(\"\");\n }, [entityQualificationQ5]);\n\n const validateEntityQPStatus = () => {\n if (\n entityQualificationQ1 !== \"\" &&\n entityQualificationQ2 !== \"\" &&\n entityQualificationQ3 !== \"\" &&\n entityQualificationQ4 !== \"\" &&\n entityQualificationQ5 !== \"\"\n ) {\n if (q1No) {\n if (q2Yes && q3Yes) {\n var utcDate = getDateUTC();\n setQualificationDate(utcDate.toISOString());\n navigation.next();\n } else if (q2Yes && q4Yes) {\n var utcDate = getDateUTC();\n setQualificationDate(utcDate.toISOString());\n navigation.next();\n } else if (q3No && q4No && q5Yes) {\n var utcDate = getDateUTC();\n setQualificationDate(utcDate.toISOString());\n navigation.next();\n } else if (q3Yes && q4No && q5Yes) {\n var utcDate = getDateUTC();\n setQualificationDate(utcDate.toISOString());\n navigation.next();\n } else {\n setEntityQualificationError(\n \"Sorry, your entity doesn't qualify as a Qualified Purchaser. Unfortunately, our opportunities are only open to qualified purchasers at this time, but we'll have investment opportunities for you very soon.\"\n );\n }\n } else {\n setEntityQualificationError(\n \"Sorry, your entity doesn't qualify as a Qualified Purchaser. Unfortunately, our opportunities are only open to qualified purchasers at this time, but we'll have investment opportunities for you very soon.\"\n );\n }\n } else {\n setEntityQualificationError(\"Please answer all qualification questions.\");\n }\n };\n\n return (\n <>\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n \n Trust Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all\n Aqua users to be Qualified Purchasers.\n \n
\n \n
\n \n \n Does the trust have at least $5M in investments?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Is the trust owned by two or more close family members\n (spouses, siblings, descendants, and/or their respective\n spouses)?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Was the trust formed for the specific purpose of\n investing in a particular fund?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Are the trustee(s) and persons granting assets to the\n trust qualified purchasers (*Definition below)?\n \n
\n \n
\n {trustQualificationError ? (\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateTrustQPStatus()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n history.push(\"/login\")}\n style={{ cursor: \"pointer\" }}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n {\" \"}\n \n );\n}\nexport default EntityQualificationSection;\n","import React, { useState, useEffect } from \"react\";\nimport {IndividualQualificationSection} from \"./IndividualQualificationSection/IndividualQualificationSection\";\nimport TrustQualificationSection from \"./TrustQualificationSection/TrustQualificationSection\";\nimport EntityQualificationSection from \"./EntityQualificationSection/EntityQualificationSection\";\nimport \"./QualificationSectionStyles/QualificationSectionStyles.scss\";\n\nfunction QualificationSection({\n navigation,\n accountTypeIndividual,\n accountTypeTrust,\n accountTypeEntity,\n accountTypeJoint,\n accountTypeRetirement,\n individual5mInvestments,\n setIndividual5mInvestments,\n individualNot5mInvestments,\n setIndividualNot5mInvestments,\n trustQualificationQ1,\n trustQualificationQ2,\n trustQualificationQ3,\n trustQualificationQ4,\n setTrustQualificationQ1,\n setTrustQualificationQ2,\n setTrustQualificationQ3,\n setTrustQualificationQ4,\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5,\n setEntityQualificationQ1,\n setEntityQualificationQ2,\n setEntityQualificationQ3,\n setEntityQualificationQ4,\n setEntityQualificationQ5,\n setQualificationDate,\n}) {\n return accountTypeIndividual ? (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n navigation.previous()}>\n \n
\n \n
\n \n \n Entity Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all\n Aqua users to be Qualified Purchasers.\n \n
\n \n
\n \n \n Was the entity formed for the specific purpose of\n investing in a particular fund?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Does the entity have at least $5M in investments?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Is the entity owned directly or indirectly by 2 or more\n natural persons who are related as siblings or spouse\n (including former spouses), or direct lineal descendants\n by birth or adoption, or spouses of such persons, the\n estates of such persons, or foundations, charitable\n organizations, or trusts established by or for the\n benefit of such persons?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Does the entity have more than $25M in investments that\n are invested on its own account or on behalf of other\n individuals?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Are all beneficial owners of the entity qualified\n purchasers (*Definition below)?\n \n
\n \n
\n {entityQualificationError ? (\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateEntityQPStatus()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n history.push(\"/login\")}\n style={{ cursor: \"pointer\" }}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n )}\n \n {backgroundColor ? (\n \n \n \n )}\n
\n \n \n
\n \n
\n )}\n \n {backgroundColor ? (\n {...getToggleButtonProps()}}\n // onClick={() => setIsOpen(!isOpen)}\n />\n ) : (\n \n \n \n )}\n
\n \n \n
\n \n \n
\n \n \n \n );\n}\nexport default IndividualSignupForm;\n","import React, { useEffect } from \"react\";\nimport { css as emoCSS } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport starWarsNames from \"starwars-names\";\nimport { matchSorter } from \"match-sorter\";\nimport { Global, css as newcss } from \"@emotion/react\";\nimport \"./TrustAccountTypeStyles/CountryInputStyles.css\";\n\nconst GlobalStyles = newcss`\n @import url(\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\");\n\n @font-face {\n font-family: \"Local Font\";\n src: url(\"fonts/DancingScript-Regular.ttf\");\n }\n\n * {\n text-align: center;\n }\n`;\n\n// console.log(\"All items are: \" + JSON.stringify(starWarsNames));\n\nconst allItems = starWarsNames.all.map((s) => ({\n name: s,\n id: s.toLowerCase(),\n}));\nconst countryList = [\n \"Afghanistan\",\n \"Åland Islands\",\n // ('Afghanistan', 'Afghanistan'),\n // ('Åland Islands', 'Åland Islands'),\n \"Albania\",\n \"Algeria\",\n \"American Samoa\",\n \"Andorra\",\n \"Angola\",\n \"Anguilla\",\n \"Antarctica\",\n \"Antigua And Barbuda\",\n \"Argentina\",\n \"Armenia\",\n \"Aruba\",\n \"Australia\",\n \"Austria\",\n \"Azerbaijan\",\n \"Bahamas\",\n \"Bahrain\",\n // \"Bangladesh\",\n \"Barbados\",\n // \"Belarus\",\n \"Belgium\",\n \"Belize\",\n \"Benin\",\n \"Bermuda\",\n \"Bhutan\",\n \"Bolivia, Plurinational State Of\",\n \"Bonaire, Sint Eustatius And Saba\",\n \"Bosnia And Herzegovina\",\n \"Botswana\",\n \"Bouvet Island\",\n \"Brazil\",\n \"British Indian Ocean Territory\",\n \"Brunei Darussalam\",\n \"Bulgaria\",\n \"Burkina Faso\",\n \"Burundi\",\n \"Cambodia\",\n \"Cameroon\",\n \"Canada\",\n \"Cape Verde\",\n \"Cayman Islands\",\n // \"Central African Republic\",\n \"Chad\",\n \"Chile\",\n // \"China\",\n \"Christmas Island\",\n \"Cocos (keeling) Islands\",\n \"Colombia\",\n \"Comoros\",\n \"Congo\",\n // \"Congo, The Democratic Republic Of The\",\n \"Cook Islands\",\n \"Costa Rica\",\n \"Côte D'ivoire\",\n \"Croatia\",\n // \"Cuba\",\n \"Curaçao\",\n \"Cyprus\",\n \"Czech Republic\",\n \"Denmark\",\n \"Djibouti\",\n \"Dominica\",\n \"Dominican Republic\",\n \"Ecuador\",\n \"Egypt\",\n \"El Salvador\",\n \"Equatorial Guinea\",\n // \"Eritrea\",\n \"Estonia\",\n \"Ethiopia\",\n \"Falkland Islands (malvinas)\",\n \"Faroe Islands\",\n \"Fiji\",\n \"Finland\",\n \"France\",\n \"French Guiana\",\n \"French Polynesia\",\n \"French Southern Territories\",\n \"Gabon\",\n \"Gambia\",\n \"Georgia\",\n \"Germany\",\n \"Ghana\",\n \"Gibraltar\",\n \"Greece\",\n \"Greenland\",\n \"Grenada\",\n \"Guadeloupe\",\n \"Guam\",\n \"Guatemala\",\n \"Guernsey\",\n \"Guinea\",\n \"Guinea-bissau\",\n \"Guyana\",\n \"Haiti\",\n \"Heard Island And Mcdonald Islands\",\n \"Holy See (vatican City State)\",\n \"Honduras\",\n // \"Hong Kong\",\n \"Hungary\",\n \"Iceland\",\n \"India\",\n \"Indonesia\",\n // \"Iran, Islamic Republic Of\",\n // \"Iraq\",\n \"Ireland\",\n \"Isle Of Man\",\n \"Israel\",\n \"Italy\",\n \"Jamaica\",\n \"Japan\",\n \"Jersey\",\n \"Jordan\",\n \"Kazakhstan\",\n \"Kenya\",\n \"Kiribati\",\n \"Korea, Republic Of\",\n \"Kuwait\",\n \"Kyrgyzstan\",\n \"Lao People's Democratic Republic\",\n \"Latvia\",\n // \"Lebanon\",\n \"Lesotho\",\n // \"Liberia\",\n \"Libya\",\n \"Liechtenstein\",\n \"Lithuania\",\n \"Luxembourg\",\n \"Macao\",\n \"Macedonia, TheFormer Yugoslav Republic Of\",\n \"Madagascar\",\n \"Malawi\",\n \"Malaysia\",\n \"Maldives\",\n // \"Mali\",\n \"Malta\",\n \"Marshall Islands\",\n \"Martinique\",\n \"Mauritania\",\n \"Mauritius\",\n \"Mayotte\",\n \"Mexico\",\n \"Micronesia, Federated States Of\",\n \"Moldova, Republic Of\",\n \"Monaco\",\n \"Mongolia\",\n \"Montenegro\",\n \"Montserrat\",\n \"Morocco\",\n \"Mozambique\",\n // \"Myanmar\",\n \"Namibia\",\n \"Nauru\",\n \"Nepal\",\n \"Netherlands\",\n \"New Caledonia\",\n \"New Zealand\",\n // \"Nicaragua\",\n \"Niger\",\n \"Nigeria\",\n \"Niue\",\n \"Norfolk Island\",\n \"Northern Mariana Islands\",\n \"Norway\",\n \"Oman\",\n \"Pakistan\",\n \"Palau\",\n \"Palestine, State Of\",\n \"Panama\",\n \"Papua New Guinea\",\n \"Paraguay\",\n \"Peru\",\n \"Philippines\",\n \"Pitcairn\",\n \"Poland\",\n \"Portugal\",\n \"Puerto Rico\",\n \"Qatar\",\n \"Réunion\",\n \"Romania\",\n \"Rwanda\",\n \"Saint Barthélemy\",\n \"Saint Helena, Ascension And Tristan Da Cunha\",\n \"Saint Kitts And Nevis\",\n \"Saint Lucia\",\n \"Saint Martin (french Part)\",\n \"Saint Pierre And Miquelon\",\n \"Saint Vincent And The Grenadines\",\n \"Samoa\",\n \"San Marino\",\n \"Sao Tome And Principe\",\n \"Saudi Arabia\",\n \"Senegal\",\n \"Serbia\",\n \"Seychelles\",\n \"Sierra Leone\",\n \"Singapore\",\n \"Sint Maarten (dutch Part)\",\n \"Slovakia\",\n \"Slovenia\",\n \"Solomon Islands\",\n // \"Somalia\",\n \"South Africa\",\n \"South Georgia And The South Sandwich Islands\",\n // \"South Sudan\",\n \"Spain\",\n \"Sri Lanka\",\n \"Sudan\",\n \"Suriname\",\n \"Svalbard And Jan Mayen\",\n \"Swaziland\",\n \"Sweden\",\n \"Switzerland\",\n \"Taiwan, Province Of China\",\n \"Tajikistan\",\n \"Tanzania, United Republic Of\",\n \"Thailand\",\n \"Timor-leste\",\n \"Togo\",\n \"Tokelau\",\n \"Tonga\",\n \"Trinidad And Tobago\",\n \"Tunisia\",\n \"Turkmenistan\",\n \"Turks And Caicos Islands\",\n \"Tuvalu\",\n \"Uganda\",\n // \"Ukraine\",\n \"United Arab Emirates\",\n \"United Kingdom\",\n \"United States\",\n \"United States Minor Outlying Islands\",\n \"Uruguay\",\n \"Uzbekistan\",\n \"Vanuatu\",\n // \"Venezuela, Bolivarian Republic Of\",\n \"Viet Nam\",\n \"Virgin Islands, British\",\n \"Virgin Islands, U.s.\",\n \"Wallis And Futuna\",\n \"Western Sahara\",\n // \"Yemen\",\n \"Zambia\",\n // \"Zimbabwe\",\n];\n// const countryList = [\"United States\"];\n// const countryList = [\n// \"Afghanistan\",\n// \"Albania\",\n// \"Algeria\",\n// \"American Samoa\",\n// \"Andorra\",\n// \"Angola\",\n// \"Anguilla\",\n// \"Antarctica\",\n// \"Antigua and Barbuda\",\n// \"Argentina\",\n// \"Armenia\",\n// \"Aruba\",\n// \"Australia\",\n// \"Austria\",\n// \"Azerbaijan\",\n// \"Bahamas (the)\",\n// \"Bahrain\",\n// \"Bangladesh\",\n// \"Barbados\",\n// \"Belarus\",\n// \"Belgium\",\n// \"Belize\",\n// \"Benin\",\n// \"Bermuda\",\n// \"Bhutan\",\n// \"Bolivia (Plurinational State of)\",\n// \"Bonaire, Sint Eustatius and Saba\",\n// \"Bosnia and Herzegovina\",\n// \"Botswana\",\n// \"Bouvet Island\",\n// \"Brazil\",\n// \"British Indian Ocean Territory (the)\",\n// \"Brunei Darussalam\",\n// \"Bulgaria\",\n// \"Burkina Faso\",\n// \"Burundi\",\n// \"Cabo Verde\",\n// \"Cambodia\",\n// \"Cameroon\",\n// \"Canada\",\n// \"Cayman Islands (the)\",\n// \"Central African Republic (the)\",\n// \"Chad\",\n// \"Chile\",\n// \"China\",\n// \"Christmas Island\",\n// \"Cocos (Keeling) Islands (the)\",\n// \"Colombia\",\n// \"Comoros (the)\",\n// \"Congo (the Democratic Republic of the)\",\n// \"Congo (the)\",\n// \"Cook Islands (the)\",\n// \"Costa Rica\",\n// \"Croatia\",\n// \"Cuba\",\n// \"Curaçao\",\n// \"Cyprus\",\n// \"Czechia\",\n// \"Côte d'Ivoire\",\n// \"Denmark\",\n// \"Djibouti\",\n// \"Dominica\",\n// \"Dominican Republic (the)\",\n// \"Ecuador\",\n// \"Egypt\",\n// \"El Salvador\",\n// \"Equatorial Guinea\",\n// \"Eritrea\",\n// \"Estonia\",\n// \"Eswatini\",\n// \"Ethiopia\",\n// \"Falkland Islands (the) [Malvinas]\",\n// \"Faroe Islands (the)\",\n// \"Fiji\",\n// \"Finland\",\n// \"France\",\n// \"French Guiana\",\n// \"French Polynesia\",\n// \"French Southern Territories (the)\",\n// \"Gabon\",\n// \"Gambia (the)\",\n// \"Georgia\",\n// \"Germany\",\n// \"Ghana\",\n// \"Gibraltar\",\n// \"Greece\",\n// \"Greenland\",\n// \"Grenada\",\n// \"Guadeloupe\",\n// \"Guam\",\n// \"Guatemala\",\n// \"Guernsey\",\n// \"Guinea\",\n// \"Guinea-Bissau\",\n// \"Guyana\",\n// \"Haiti\",\n// \"Heard Island and McDonald Islands\",\n// \"Holy See (the)\",\n// \"Honduras\",\n// \"Hong Kong\",\n// \"Hungary\",\n// \"Iceland\",\n// \"India\",\n// \"Indonesia\",\n// \"Iran (Islamic Republic of)\",\n// \"Iraq\",\n// \"Ireland\",\n// \"Isle of Man\",\n// \"Israel\",\n// \"Italy\",\n// \"Jamaica\",\n// \"Japan\",\n// \"Jersey\",\n// \"Jordan\",\n// \"Kazakhstan\",\n// \"Kenya\",\n// \"Kiribati\",\n// \"Korea (the Democratic People's Republic of)\",\n// \"Korea (the Republic of)\",\n// \"Kuwait\",\n// \"Kyrgyzstan\",\n// \"Lao People's Democratic Republic (the)\",\n// \"Latvia\",\n// \"Lebanon\",\n// \"Lesotho\",\n// \"Liberia\",\n// \"Libya\",\n// \"Liechtenstein\",\n// \"Lithuania\",\n// \"Luxembourg\",\n// \"Macao\",\n// \"Madagascar\",\n// \"Malawi\",\n// \"Malaysia\",\n// \"Maldives\",\n// \"Mali\",\n// \"Malta\",\n// \"Marshall Islands (the)\",\n// \"Martinique\",\n// \"Mauritania\",\n// \"Mauritius\",\n// \"Mayotte\",\n// \"Mexico\",\n// \"Micronesia (Federated States of)\",\n// \"Moldova (the Republic of)\",\n// \"Monaco\",\n// \"Mongolia\",\n// \"Montenegro\",\n// \"Montserrat\",\n// \"Morocco\",\n// \"Mozambique\",\n// \"Myanmar\",\n// \"Namibia\",\n// \"Nauru\",\n// \"Nepal\",\n// \"Netherlands (the)\",\n// \"New Caledonia\",\n// \"New Zealand\",\n// \"Nicaragua\",\n// \"Niger (the)\",\n// \"Nigeria\",\n// \"Niue\",\n// \"Norfolk Island\",\n// \"Northern Mariana Islands (the)\",\n// \"Norway\",\n// \"Oman\",\n// \"Pakistan\",\n// \"Palau\",\n// \"Palestine, State of\",\n// \"Panama\",\n// \"Papua New Guinea\",\n// \"Paraguay\",\n// \"Peru\",\n// \"Philippines (the)\",\n// \"Pitcairn\",\n// \"Poland\",\n// \"Portugal\",\n// \"Puerto Rico\",\n// \"Qatar\",\n// \"Republic of North Macedonia\",\n// \"Romania\",\n// \"Russian Federation (the)\",\n// \"Rwanda\",\n// \"Réunion\",\n// \"Saint Barthélemy\",\n// \"Saint Helena, Ascension and Tristan da Cunha\",\n// \"Saint Kitts and Nevis\",\n// \"Saint Lucia\",\n// \"Saint Martin (French part)\",\n// \"Saint Pierre and Miquelon\",\n// \"Saint Vincent and the Grenadines\",\n// \"Samoa\",\n// \"San Marino\",\n// \"Sao Tome and Principe\",\n// \"Saudi Arabia\",\n// \"Senegal\",\n// \"Serbia\",\n// \"Seychelles\",\n// \"Sierra Leone\",\n// \"Singapore\",\n// \"Sint Maarten (Dutch part)\",\n// \"Slovakia\",\n// \"Slovenia\",\n// \"Solomon Islands\",\n// \"Somalia\",\n// \"South Africa\",\n// \"South Georgia and the South Sandwich Islands\",\n// \"South Sudan\",\n// \"Spain\",\n// \"Sri Lanka\",\n// \"Sudan (the)\",\n// \"Suriname\",\n// \"Svalbard and Jan Mayen\",\n// \"Sweden\",\n// \"Switzerland\",\n// \"Syrian Arab Republic\",\n// \"Taiwan\",\n// \"Tajikistan\",\n// \"Tanzania, United Republic of\",\n// \"Thailand\",\n// \"Timor-Leste\",\n// \"Togo\",\n// \"Tokelau\",\n// \"Tonga\",\n// \"Trinidad and Tobago\",\n// \"Tunisia\",\n// \"Turkey\",\n// \"Turkmenistan\",\n// \"Turks and Caicos Islands (the)\",\n// \"Tuvalu\",\n// \"Uganda\",\n// \"Ukraine\",\n// \"United Arab Emirates (the)\",\n// \"United Kingdom of Great Britain and Northern Ireland (the)\",\n// \"United States Minor Outlying Islands (the)\",\n// \"United States of America (the)\",\n// \"Uruguay\",\n// \"Uzbekistan\",\n// \"Vanuatu\",\n// \"Venezuela (Bolivarian Republic of)\",\n// \"Viet Nam\",\n// \"Virgin Islands (British)\",\n// \"Virgin Islands (U.S.)\",\n// \"Wallis and Futuna\",\n// \"Western Sahara\",\n// \"Yemen\",\n// \"Zambia\",\n// \"Zimbabwe\",\n// \"Åland Islands\",\n// ];\n// const list = [\n// \"Alabama\",\n// \"Alaska\",\n// \"American Samoa\",\n// \"Arizona\",\n// \"Arkansas\",\n// \"California\",\n// \"Colorado\",\n// \"Connecticut\",\n// \"Delaware\",\n// \"District of Columbia\",\n// \"Federated States of Micronesia\",\n// \"Florida\",\n// \"Georgia\",\n// \"Guam\",\n// \"Hawaii\",\n// \"Idaho\",\n// \"Illinois\",\n// \"Indiana\",\n// \"Iowa\",\n// \"Kansas\",\n// \"Kentucky\",\n// \"Louisiana\",\n// \"Maine\",\n// \"Marshall Islands\",\n// \"Maryland\",\n// \"Massachusetts\",\n// \"Michigan\",\n// \"Minnesota\",\n// \"Mississippi\",\n// \"Missouri\",\n// \"Montana\",\n// \"Nebraska\",\n// \"Nevada\",\n// \"New Hampshire\",\n// \"New Jersey\",\n// \"New Mexico\",\n// \"New York\",\n// \"North Carolina\",\n// \"North Dakota\",\n// \"Northern Mariana Islands\",\n// \"Ohio\",\n// \"Oklahoma\",\n// \"Oregon\",\n// \"Palau\",\n// \"Pennsylvania\",\n// \"Puerto Rico\",\n// \"Rhode Island\",\n// \"South Carolina\",\n// \"South Dakota\",\n// \"Tennessee\",\n// \"Texas\",\n// \"Utah\",\n// \"Vermont\",\n// \"Virgin Island\",\n// \"Virginia\",\n// \"Washington\",\n// \"West Virginia\",\n// \"Wisconsin\",\n// \"Wyoming\",\n// ];\nconst trustList = [\"Irrevocable Trust\", \"Revocable Trust\"];\n\n// const listOfCountries = countryList.map((s) => ({\n// name: s,\n// label: s.toLowerCase(),\n// }));\n\nconst listOfTrustTypes = trustList.map((s) => ({\n name: s,\n label: s.toLowerCase(),\n}));\n\n// const listOfStates = [\n// \"Alabama\",\n// \"Alaska\",\n// \"American Samoa\",\n// \"Arizona\",\n// \"Arkansas\",\n// \"California\",\n// \"Colorado\",\n// \"Connecticut\",\n// \"Delaware\",\n// \"District of Columbia\",\n// \"Federated States of Micronesia\",\n// \"Florida\",\n// \"Georgia\",\n// \"Guam\",\n// \"Hawaii\",\n// \"Idaho\",\n// \"Illinois\",\n// \"Indiana\",\n// \"Iowa\",\n// \"Kansas\",\n// \"Kentucky\",\n// \"Louisiana\",\n// \"Maine\",\n// \"Marshall Islands\",\n// \"Maryland\",\n// \"Massachusetts\",\n// \"Michigan\",\n// \"Minnesota\",\n// \"Mississippi\",\n// \"Missouri\",\n// \"Montana\",\n// \"Nebraska\",\n// \"Nevada\",\n// \"New Hampshire\",\n// \"New Jersey\",\n// \"New Mexico\",\n// \"New York\",\n// \"North Carolina\",\n// \"North Dakota\",\n// \"Northern Mariana Islands\",\n// \"Ohio\",\n// \"Oklahoma\",\n// \"Oregon\",\n// \"Palau\",\n// \"Pennsylvania\",\n// \"Puerto Rico\",\n// \"Rhode Island\",\n// \"South Carolina\",\n// \"South Dakota\",\n// \"Tennessee\",\n// \"Texas\",\n// \"Utah\",\n// \"Vermont\",\n// \"Virgin Island\",\n// \"Virginia\",\n// \"Washington\",\n// \"West Virginia\",\n// \"Wisconsin\",\n// \"Wyoming\",\n// ].map((s) => ({\n// name: s,\n// id: s.toLowerCase(),\n// }));\n\nconst css = (...args) => ({ className: emoCSS(...args) });\n\nconst Item = styled(\"li\")(\n {\n position: \"relative\",\n cursor: \"pointer\",\n display: \"block\",\n border: \"none\",\n height: \"auto\",\n textAlign: \"left\",\n borderTop: \"none\",\n lineHeight: \"1em\",\n color: \"#262A3D\",\n fontFamily: \"Montserrat\",\n fontSize: \"15px\",\n textTransform: \"none\",\n fontWeight: \"400\",\n boxShadow: \"none\",\n padding: \".8rem 1.1rem\",\n whiteSpace: \"normal\",\n wordWrap: \"normal\",\n },\n ({ isActive, isSelected }) => {\n const styles = [];\n if (isActive) {\n styles.push({\n color: \"rgba(0,0,0,.95)\",\n background: \"rgba(0,0,0,.03)\",\n });\n }\n if (isSelected) {\n styles.push({\n color: \"rgba(0,0,0,.95)\",\n fontWeight: \"700\",\n });\n }\n return styles;\n }\n);\nconst onAttention = \" &:focus\";\nconst TransparentInput = styled(\"input\")(\n {\n width: \"100%\", // full width - icon width/2 - border\n fontFamily: \"Montserrat\",\n fontSize: \"15px\",\n wordWrap: \"break-word\",\n lineHeight: \"1em\",\n outline: 0,\n whiteSpace: \"normal\",\n minHeight: \"3em\",\n height: \"56px\",\n background: \"#f7f7fa\",\n display: \"inline-block\",\n padding: \"1em 2em 1em 1em\",\n color: \"rgba(0,0,0,.87)\",\n boxShadow: \"none\",\n border: \"1px solid rgba(34,36,38,.15)\",\n borderRadius: \"4px\",\n transition: \"box-shadow .1s ease,width .1s ease\",\n [onAttention]: {\n border: \"1px solid #0D47A1\",\n boxShadow: \"0 2px 3px 0 rgba(34,36,38,.15)\",\n },\n },\n ({ isOpen }) =>\n isOpen\n ? {\n borderBottomLeftRadius: \"0\",\n borderBottomRightRadius: \"0\",\n [onAttention]: {\n boxShadow: \"none\",\n },\n }\n : null\n);\n\nconst Input = styled(\"input\")(\n {\n width: \"100%\", // full width - icon width/2 - border\n fontFamily: \"Montserrat\",\n fontSize: \"15px\",\n wordWrap: \"break-word\",\n lineHeight: \"1em\",\n outline: 0,\n whiteSpace: \"normal\",\n minHeight: \"2em\",\n height: \"56px\",\n background: \"#fff\",\n display: \"inline-block\",\n padding: \"1em 2em 1em 1em\",\n color: \"rgba(0,0,0,.87)\",\n boxShadow: \"none\",\n border: \"1px solid rgba(34,36,38,.15)\",\n borderRadius: \"4px\",\n transition: \"box-shadow .1s ease,width .1s ease\",\n [onAttention]: {\n border: \"1px solid #0D47A1\",\n boxShadow: \"0 2px 3px 0 rgba(34,36,38,.15)\",\n },\n },\n ({ isOpen }) =>\n isOpen\n ? {\n borderBottomLeftRadius: \"0\",\n borderBottomRightRadius: \"0\",\n [onAttention]: {\n boxShadow: \"none\",\n },\n }\n : null\n);\n\nconst Label = styled(\"label\")({\n fontFamily: \"Montserrat\",\n color: \"#262A3D\",\n fontWeight: \"normal\",\n display: \"block\",\n marginBottom: 10,\n});\n\nconst BaseMenu = styled(\"ul\")(\n {\n padding: 0,\n marginTop: 0,\n position: \"absolute\",\n backgroundColor: \"white\",\n width: \"100%\",\n zIndex: 7,\n maxHeight: \"20rem\",\n overflowY: \"auto\",\n overflowX: \"hidden\",\n outline: \"0\",\n transition: \"opacity .1s ease\",\n borderRadius: \"0 0 .28571429rem .28571429rem\",\n boxShadow: \"0 2px 3px 0 rgba(34,36,38,.15)\",\n borderColor: \"#0D47A1\",\n borderTopWidth: \"0\",\n borderRightWidth: 1,\n borderBottomWidth: 1,\n borderLeftWidth: 1,\n borderStyle: \"solid\",\n },\n ({ isOpen }) => ({\n border: isOpen ? null : \"none\",\n })\n);\n\nconst Menu = React.forwardRef((props, ref) => (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n navigation.previous()}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n Join Aqua\n
\n \n
\n\n \n \n Please fill out all the fields\n \n
\n \n
\n\n \n
\n \n
\n \n \n First Name\n \n
\n \n \n Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n\n {joint && (\n <>\n {\" \"}\n \n
\n \n
\n \n \n Email\n \n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Secondary Accountholder First Name\n \n
\n \n \n Secondary Accountholder Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {secFirstNameError && (\n \n {secFirstNameError}\n \n )}\n
\n \n {secLastNameError && (\n \n {secLastNameError}\n \n )}\n
\n \n
\n \n )}\n\n {joint && (\n \n
\n \n
\n \n \n Joint Account Type\n \n
\n \n
\n \n {\n
\n \n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n Secondary Accountholder Email\n \n
\n \n
\n \n
\n \n
\n \n {secEmailError && (\n \n {secEmailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Password\n \n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n {countryOfResidence === \"United States\" && (\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )}\n \n
\n \n \n Are you a U.S. citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n {\n setIsUSCitizen(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setIsUSCitizen(false);\n }}\n />\n \n No\n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n )}\n \n {backgroundColor ? (\n {...getToggleButtonProps()}}\n // onClick={() => setIsOpen(!isOpen)}\n />\n ) : (\n \n \n \n )}\n
\n \n \n
\n \n
\n )}\n \n \n \n \n )}\n
\n \n \n
\n \n \n
\n \n \n \n );\n}\nexport default TrustSignupForm;\n","import React, { useState, useEffect } from \"react\";\nimport InputField from \"../../../../../GlobalComponents/InputField/InputField.js\";\nimport PasswordField from \"../../../../../GlobalComponents/InputField/PasswordField/PasswordField.js\";\nimport PhoneNumberField from \"../../../../../GlobalComponents/InputField/PhoneNumberField/PhoneNumberField.js\";\nimport { Auth } from \"aws-amplify\";\nimport {\n isEmailValid,\n isPasswordValid,\n isPhoneNumberValid,\n isValidCountry,\n isValidTrustType,\n isValidEntityType,\n} from \"../../../../../GlobalFunctions/globalFunctions.js\";\nimport { signupUser } from \"../../../../../Api/SignupApi.js\";\nimport \"./EntitySignupFormStyles/EntitySignupFormStyles.scss\";\nimport { useHistory } from \"react-router-dom\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/bootstrap.css\";\nimport CountryInput from \"../../../../../Components/GlobalComponents/CountryInput/CountryInput.js\";\nimport EntityAccountType from \"../../../../../Components/EntityAccountType/EntityAccountType.js\";\n\nfunction EntitySignupForm({\n navigation,\n setUserId,\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5,\n qualificationDate,\n confidentialityAgreementId,\n confidentialityAgreementDateSigned,\n termsAgreementId,\n termsAgreementDateSigned,\n email,\n setEmail,\n docSignatureName,\n}) {\n const firmName = 'test';\n\n const [signUpError, setSignUpError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const [entityAccountNameError, setEntityAccountNameError] = useState(\"\");\n const [entityAccountTypeError, setEntityAccountTypeError] = useState(\"\");\n const [countryOfFormationError, setCountryOfFormationError] = useState(\"\");\n const [firstNameError, setFirstNameError] = useState(\"\");\n const [lastNameError, setLastNameError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n const [passwordError, setPasswordError] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [confirmPasswordError, setConfirmPasswordError] = useState(\"\");\n const [phoneNumberError, setPhoneNumberError] = useState(\"\");\n\n const [entityAccountName, setEntityAccountName] = useState(\"\");\n const [entityAccountType, setEntityAccountType] = useState(\"\");\n const [countryOfFormation, setCountryOfFormation] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [countryOfResidence, setCountryOfResidence] = useState(\"\");\n const [countryOfResidenceError, setCountryOfResidenceError] = useState(\"\");\n\n let history = useHistory();\n\n useEffect(() => {\n // console.log(\"Phone number is: \" + phoneNumber);\n }, [phoneNumber]);\n\n useEffect(() => {\n setEntityAccountNameError(\"\");\n }, [entityAccountName]);\n\n useEffect(() => {\n setEntityAccountTypeError(\"\");\n }, [entityAccountType]);\n\n useEffect(() => {\n setCountryOfFormationError(\"\");\n }, [countryOfFormation]);\n\n useEffect(() => {\n setFirstNameError(\"\");\n }, [firstName]);\n\n useEffect(() => {\n setLastNameError(\"\");\n }, [lastName]);\n\n useEffect(() => {\n setEmailError(\"\");\n }, [email]);\n\n useEffect(() => {\n setPasswordError(\"\");\n }, [password]);\n\n useEffect(() => {\n setConfirmPasswordError(\"\");\n }, [confirmPassword]);\n\n useEffect(() => {\n setPhoneNumberError(\"\");\n }, [phoneNumber]);\n\n useEffect(() => {\n setCountryOfResidenceError(\"\");\n // console.log(\"Country is: \" + countryOfResidence);\n }, [countryOfResidence]);\n\n const submit = async () => {\n let isDataValid = true;\n\n if (entityAccountName.length === 0) {\n isDataValid = false;\n setEntityAccountNameError(\"Please enter an entity name.\");\n }\n\n if (entityAccountType.length === 0) {\n isDataValid = false;\n setEntityAccountTypeError(\n \"Please select a valid entity type from the dropdown\"\n );\n } else if (!isValidEntityType(entityAccountType)) {\n isDataValid = false;\n setEntityAccountTypeError(\n \"Please select a valid trust type from the dropdown.\"\n );\n }\n\n if (countryOfFormation.length === 0) {\n setCountryOfFormationError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfFormation)) {\n setCountryOfFormationError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n }\n\n const fullName = (\n firstName.toLowerCase() +\n \" \" +\n lastName.toLowerCase()\n ).trim();\n\n if (docSignatureName.toLowerCase() !== fullName.replace(/ +/g, \" \")) {\n setFirstNameError(\n \"Name entered does not match the name signed on the confidentiality agreement.\"\n );\n setLastNameError(\n \"Name entered does not match the name signed on the confidentiality agreement.\"\n );\n isDataValid = false;\n } else if (\n docSignatureName.toLowerCase() === fullName.replace(/ +/g, \" \")\n ) {\n setFirstNameError(\"\");\n setLastNameError(\"\");\n }\n\n if (firstName.replace(/ +/g, \" \").trim().length === 0) {\n setFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (lastName.replace(/ +/g, \" \").trim().length === 0) {\n setLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (email.length === 0) {\n setEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(email)) {\n setEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n if (password.length === 0) {\n setPasswordError(\"Please enter a password.\");\n isDataValid = false;\n } else if (!isPasswordValid(password)) {\n setPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n isDataValid = false;\n }\n\n if (confirmPassword !== password) {\n setConfirmPasswordError(\"Your passwords must match\");\n isDataValid = false;\n }\n if (countryOfResidence === \"\") {\n setCountryOfResidenceError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfResidence)) {\n setCountryOfResidenceError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n }\n\n if (phoneNumber.length === 0) {\n setPhoneNumberError(\"Please enter a phone number.\");\n isDataValid = false;\n }\n\n if (!isDataValid) {\n return;\n } else {\n setLoading(true);\n try {\n const cognitoUser = await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email,\n },\n clientMetadata: {firm: firmName}\n });\n setUserId(cognitoUser.userSub);\n\n const newUser = {\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n confidentiality_agreement_id: confidentialityAgreementId,\n confidentiality_agreement_date_signed:\n confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"ENT\",\n entity_q1_qp_specific_purpose_invest_fund: entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? true\n : false\n : false,\n entity_q2_qp_5m_investments: entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? true\n : false\n : false,\n entity_q3_qp_owned_by_family: entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? true\n : false\n : false,\n entity_q4_qp_25m_investments: entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? true\n : false\n : false,\n entity_q5_qp_all_owners_qp: entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? true\n : false\n : false,\n qualification_date: qualificationDate,\n entity_legal_name: entityAccountName,\n entity_type: entityAccountType\n ? entityAccountType === \"LLC\"\n ? \"LLC\"\n : entityAccountType === \"Limited Partnership\"\n ? \"LP\"\n : entityAccountType === \"C Corporation\"\n ? \"C-CORP\"\n : entityAccountType === \"S Corporation\"\n ? \"S-CORP\"\n : entityAccountType === \"General Partnership\"\n ? \"GP\"\n : entityAccountType === \"Foreign Entity\"\n ? \"FE\"\n : \"\"\n : \"\",\n country_of_formation: countryOfFormation,\n };\n\n await signupUser(newUser);\n // const cognitoUser = await Auth.signUp({\n // username: email,\n // password: password,\n // attributes: {\n // email,\n // },\n // });\n // setUserId(cognitoUser.userSub);\n\n // const newUser = {\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // password: password,\n // first_name: firstName.charAt(0).toUpperCase() + firstName.slice(1),\n // last_name: lastName.charAt(0).toUpperCase() + lastName.slice(1),\n // investor_type: \"I\",\n // phone_number: phoneNumber,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // qualification_date: qualificationDate,\n // q1_qp_5m_investments: isQualifiedPurchaser,\n // q5_accredited_1m_networth: accreditionQuestionNetWorth,\n // q6_accredited_200k_individual_annual_income:\n // accreditionQuestionAnnualIncome,\n // q7_accredited_300k_joint_annual_income:\n // accreditionQuestionAnnualIncome,\n // q8_accredited_professional_license:\n // accreditionQuestionProfessionalLicense,\n // country: accreditionQuestionUSResident\n // ? \"United States\"\n // : \"United States\",\n // };\n // await signupUser(newUser);\n // console.log(\"Success.\");\n setLoading(false);\n } catch (err) {\n setLoading(false);\n setSignUpError(\"Sign up failed. Please try again.\");\n if (process.env.DEBUG) console.error(err);\n }\n navigation.next();\n }\n };\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n navigation.previous()}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n Join Aqua\n
\n \n
\n \n \n Please fill out all the fields\n \n
\n \n
\n \n
\n \n
\n \n \n Trust Account Name\n \n
\n \n \n Trust Type\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {trustAccountNameError && (\n \n {trustAccountNameError}\n \n )}\n
\n \n {trustAccountTypeError && (\n \n {trustAccountTypeError}\n \n )}\n
\n \n
\n {countryOfFormation === \"United States\" && (\n \n
\n \n
\n \n \n Country Of Formation\n \n
\n \n
\n \n
\n \n
\n \n {countryOfFormationError && (\n \n {countryOfFormationError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n State Of Incorporation\n \n
\n \n
\n \n
\n \n
\n \n {stateOfIncorporationError && (\n \n {stateOfIncorporationError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n First Name\n \n
\n \n \n Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Email\n \n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Password\n \n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n {countryOfResidence === \"United States\" && (\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )}\n \n
\n \n \n Are you a U.S. Citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n {\n setIsUSCitizen(true);\n }}\n />\n \n \n Yes\n \n \n
\n \n \n {\n setIsUSCitizen(false);\n }}\n />\n \n \n No\n \n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n );\n}\nexport default EntitySignupForm;\n","import React, { useEffect } from \"react\";\nimport IndividualSignupForm from \"./IndividualSignupForm/IndividualSignupForm\";\nimport TrustSignupForm from \"./TrustSignupForm/TrustSignupForm\";\nimport EntitySignupForm from \"./EntitySignupForm/EntitySignupForm\";\n\nfunction AccountSignupFormSection({\n navigation,\n setUserId,\n accountTypeIndividual,\n accountTypeTrust,\n accountTypeEntity,\n accountTypeRetirement,\n accountTypeJoint,\n individual5mInvestments,\n trustQualificationQ1,\n trustQualificationQ2,\n trustQualificationQ3,\n trustQualificationQ4,\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5,\n qualificationDate,\n confidentialityAgreementId,\n confidentialityAgreementDateSigned,\n termsAgreementId,\n termsAgreementDateSigned,\n email,\n setEmail,\n docSignatureName,\n}) {\n useEffect(() => {\n // console.log(\"Account individual is: \" + accountTypeIndividual);\n // console.log(\"Account trust is: \" + accountTypeTrust);\n }, []);\n return (accountTypeIndividual||accountTypeJoint) ? (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n navigation.previous()}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n Join Aqua\n
\n \n
\n \n \n Please fill out all the fields\n \n
\n \n
\n \n
\n \n
\n \n \n Entity Name\n \n
\n \n \n Entity Type\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {entityAccountNameError && (\n \n {entityAccountNameError}\n \n )}\n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n\n \n
\n \n
\n \n \n Country Of Formation\n \n
\n \n
\n \n
\n \n
\n \n {countryOfFormationError && (\n \n {countryOfFormationError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n First Name\n \n
\n \n \n Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Email\n \n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Password\n \n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{\n backgroundColor: \"#000000\",\n border: \"1px solid #dadde1\",\n }}\n />\n
\n \n
\n \n
\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n My Profile
\n {/* \n Feel free to edit your information\n
*/}\n \n
\n \n
\n \n
\n \n
\n \n \n Personal Details\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n setFieldValue(event.target.value)}\n >\n
\n \n );\n}\nexport default ProfileInputField;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport \"./DeliverableAddressSectionStyles/DeliverableAddressSectionStyles.scss\";\nimport ProfileInputField from \"../../../../Components/GlobalComponents/ProfileInputFields/ProfileInputField\";\nimport StateInput from \"../../../../Components/GlobalComponents/StateInput/StateInput\";\nimport CountryInput from \"../../../../Components/GlobalComponents/CountryInput/CountryInput\";\nimport { UserContext } from \"../../../../GlobalContexts/UserContext\";\n\nfunction DeliverableAddressSection({\n deliverableAddressLine1,\n deliverableAddressLine2,\n deliverableCity,\n deliverableState,\n deliverableCountry,\n deliverablePostalCode,\n deliverableAddressLine1Error,\n deliverableAddressLine2Error,\n deliverableCityError,\n deliverableStateError,\n deliverableCountryError,\n deliverablePostalCodeError,\n setDeliverableAddressLine1,\n setDeliverableAddressLine2,\n setDeliverableCity,\n setDeliverableState,\n setDeliverableCountry,\n setDeliverablePostalCode,\n}) {\n const { user, setUser } = useContext(UserContext);\n\n return (\n \n
\n \n Deliverable Address\n
\n \n
\n \n
\n \n
\n \n \n Address Line 1\n \n
\n \n
\n \n {deliverableAddressLine1Error}\n
\n )}\n \n
\n \n
\n \n
\n \n \n Address Line 2\n \n
\n \n
\n \n {deliverableAddressLine2Error}\n
\n )}\n \n
\n \n
\n \n
\n \n \n City\n \n
\n {deliverableCountry === \"United States\" && (\n \n
\n \n {deliverableCityError}\n
\n )}\n \n State\n
\n )}\n \n \n {deliverableStateError && (\n
\n \n {deliverableStateError}\n
\n )}\n \n
\n \n
\n \n
\n \n Country\n
\n \n \n {deliverableCountryError && (\n
\n \n {deliverableCountryError}\n
\n )}\n \n Postal Code\n
\n \n
\n \n {deliverablePostalCodeError}\n
\n )}\n \n
\n \n \n
\n \n
\n \n
\n \n \n Investor Information\n \n
\n \n
\n \n
\n \n
\n \n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n {user.investorPrimaryAddressLine1 === \"\" ? (\n
\n \n
\n \n
\n {/* \n
\n \n {user.investorSummaryData.country === \"United States\" && (\n
{\" \"}\n \n {user.investorPrimaryAddressLine1 === \"\" ? (\n
\n \n
*/}\n {/* \n
\n \n
\n \n \n Address Line 1\n \n
\n \n
\n \n {addressError}\n
\n )}\n \n
*/}\n {/* \n
\n \n
\n \n \n Address Line 2\n \n
\n \n
\n \n
*/}\n {/* \n
\n \n
\n \n \n City\n \n
\n {country === \"United States\" && (\n \n
\n \n {cityError}\n
\n )}\n \n State\n
\n )}\n \n \n {countryStateError && (\n
\n \n {countryStateError}\n
\n )}\n \n
*/}\n\n {(primaryAddressDeliverable === \"No\" ||\n user.investorSecondaryAddressLine1 !== \"\") && (\n \n
\n \n
\n \n Country\n
\n \n \n {countryError && countryError && (\n
\n \n {countryError}\n
\n )}\n \n \n Postal Code\n \n
\n \n
\n \n {postalCodeError}\n
\n )}\n \n
*/}\n\n {user &&\n (user.userProfileData.investor_pii.length === 0 ||\n user.userProfileData.investor_pii[0].date_of_birth === \"\" ||\n user.userProfileData.investor_pii[0].id_num === \"\") ? (\n \n
\n \n
\n \n DOB\n
\n \n
\n \n {dobError}\n
\n )}\n \n \n {user.investorSummaryData.country === \"United States\"\n ? \"SSN\"\n : \"Passport Number\"}\n \n
\n \n {user.investorSummaryData.country === \"United States\" ? (\n
\n \n {nationalIdError}\n
\n )}\n {passportNumberError &&\n passportNumberError !== \"This field is required.\" && (\n \n {passportNumberError}\n
\n )}\n \n
\n ) : (\n \n submitAddressPII()}\n disabled={piiLoading}\n >\n {piiLoading && (\n
\n \n
\n )}\n {!piiLoading && Save Personal Information}\n \n \n \n Save Personal Information\n \n \n
\n \n
\n )}\n \n
\n \n setFieldValue(event.target.value)}\n >\n
\n \n );\n}\nexport default ProfilePasswordField;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport \"./ProfilePasswordStyles/ProfilePasswordStyles.css\";\nimport \"react-minimal-side-navigation/lib/ReactMinimalSideNavigation.css\";\nimport ProfilePasswordField from \"../../../Components/GlobalComponents/ProfileInputFields/ProfilePasswordField/ProfilePasswordField.js\";\nimport { isPasswordValid } from \"../../../GlobalFunctions/globalFunctions.js\";\nimport { Auth } from \"aws-amplify\";\nimport { UserContext } from \"../../../GlobalContexts/UserContext.js\";\n\nfunction ProfilePassword() {\n const [resetPassword, setResetPassword] = useState(false);\n const [oldPassword, setOldPassword] = useState(\"\");\n const [oldPasswordError, setOldPasswordError] = useState(\"\");\n const [newPassword, setNewPassword] = useState(\"\");\n const [confirmNewPassword, setConfirmNewPassword] = useState(\"\");\n const [newPasswordError, setNewPasswordError] = useState(\"\");\n const [confirmNewPasswordError, setConfirmNewPasswordError] = useState(\"\");\n const [resetPasswordError, setResetPasswordError] = useState(\"\");\n const { user } = useContext(UserContext);\n\n useEffect(() => {\n setNewPasswordError(\"\");\n }, [newPassword]);\n\n useEffect(() => {\n setOldPasswordError(\"\");\n }, [oldPassword]);\n\n useEffect(() => {\n setConfirmNewPasswordError(\"\");\n }, [confirmNewPassword]);\n\n const submit = async () => {\n var errorsDetected = false;\n var changesDetected = false;\n\n if (oldPassword.length === 0) {\n setOldPasswordError(\"This field is required.\");\n errorsDetected = true;\n }\n if (newPassword.length === 0) {\n setNewPasswordError(\"This field is required.\");\n errorsDetected = true;\n } else if (!isPasswordValid(newPassword)) {\n setNewPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n errorsDetected = true;\n }\n if (confirmNewPassword.length === 0) {\n setConfirmNewPasswordError(\"This field is required.\");\n errorsDetected = true;\n } else if (confirmNewPassword !== newPassword) {\n setConfirmNewPasswordError(\"Your confirm password does not match.\");\n errorsDetected = true;\n }\n\n if (errorsDetected) {\n return;\n } else {\n try {\n const currentUser = await Auth.currentAuthenticatedUser();\n await Auth.changePassword(currentUser, oldPassword, newPassword);\n setResetPassword(false);\n } catch (err) {\n setResetPasswordError(\"Password change failed. Try Again.\");\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n }\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n\n {resetPassword ? (\n \n Change Password\n
\n \n
\n ) : (\n \n
\n \n \n Please enter a new password\n \n
\n \n
\n \n \n Old Password\n \n
\n \n
\n \n {oldPasswordError}\n
\n )}\n \n
\n \n \n New Password\n \n
\n \n
\n \n {newPasswordError}\n
\n )}\n \n
\n \n \n Confirm Password\n \n
\n \n
\n \n \n {confirmNewPasswordError}\n \n
\n )}\n {resetPasswordError &&\n resetPasswordError !== \"This field is required.\" && (\n \n {resetPasswordError}\n
\n )}\n \n
\n \n {\n setResetPassword(false);\n }}\n >\n Cancel\n \n
\n \n submit()}\n >\n Submit\n \n
\n \n
\n )}\n \n setResetPassword(true)}\n >\n Change Password\n \n
\n \n setSelected(true)}\n >\n
\n \n );\n}\nexport default VerticalTabTitle;\n","import React, { useState, useEffect } from \"react\";\nimport VerticalTabTitle from \"./VerticalTabTitle.js\";\nimport \"./VerticalTabsStyles/VerticalTabsStyles.css\";\nfunction VerticalTabs(props) {\n const [selectedTab, setSelectedTab] = useState(props.initial);\n\n useEffect(() => {\n setSelectedTab(props.initial);\n }, [props.initial]);\n\n // useEffect(() => {\n // console.log(\"Props are: \" + JSON.stringify(props.children));\n // }, [props.children]);\n\n return (\n {title}
\n \n
\n );\n}\nexport default VerticalTabs;\n","import React from \"react\";\n\nfunction VerticalTab(props) {\n return \n
\n \n
\n \n
\n \n {props.children.map((item, index) =>\n index === 0 ? (\n
\n \n
\n ) : (\n \n
\n )\n )}\n \n
\n \n {props.children[selectedTab]}\n
\n {props.children}
;\n}\nexport default VerticalTab;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport {getAccountSummary } from \"./../../../Api/ProfileApi.js\";\nimport ProfileHeader from \"./ProfileHeader.js\";\nimport ProfileBasicInfo from \"./ProfileBasicInfo.js\";\nimport InvestorInformation from \"./InvestorInformation.js\";\nimport ProfilePassword from \"./ProfilePassword.js\";\nimport \"./Profile.css\";\nimport \"react-minimal-side-navigation/lib/ReactMinimalSideNavigation.css\";\nimport VerticalTabs from \"../../../Components/GlobalComponents/VerticalTabs/VerticalTabs.js\";\nimport VerticalTab from \"../../../Components/GlobalComponents/VerticalTabs/VerticalTab.js\";\nimport { UserContext } from \"../../../GlobalContexts/UserContext.js\";\nimport {\n getInvestorProfile,\n} from \"../../../Api/ProfileApi.js\";\nimport LoadingAnimation from \"../../../Components/GlobalComponents/LoadingAnimation/LoadingAnimation.js\";\n\nimport \"./IndividualProfileSection/IndividualProfileSectionStyles/IndividualProfileSectionStyles.css\";\n\n\nfunction Profile(props) {\n const [basicInfoSelected, setBasicInfoSelected] = useState(true);\n const [investorInformationSelected, setInvestorInformationSelected] =\n useState(false);\n const [identityVerificationSelected, setIdentityVerificationSelected] =\n useState(false);\n const [qualifiedPurchaserSelected, setQualifiedPurchaserSelected] =\n useState(false);\n const [trustInformationSelected, setTrustInformationSelected] =\n useState(false);\n const [entityInformationSelected, setEntityInformationSelected] =\n useState(false);\n const [initialState, setInitialState] = useState(0);\n const [passwordSelected, setPasswordSelected] = useState(false);\n const location = useLocation();\n const [errorMessage, setErrorMessage] = useState(\n location ? (location.state ? location.state.message : \"\") : \"\"\n );\n const [completed, setCompleted] = useState(false);\n const [loading, setLoading] = useState(true);\n const [verified, setVerified] = useState(false);\n const [accountSummaryData, setAccountSummaryData] = useState({});\n\n const { user, setUser } = useContext(UserContext);\n\n useEffect(() => {\n \n async function setProfileData() {\n const userProfile = await getInvestorProfile(); // profile-pii\n\n var investorPrimaryAddressLine1 = \"\";\n var investorPrimaryAddressLine2 = \"\";\n var investorPrimaryCity = \"\";\n var investorPrimaryState = \"\";\n var investorPrimaryCountry = \"\";\n var investorPrimaryPostalCode = \"\";\n var investorPrimaryAddressType = \"\";\n\n var investorSecondaryAddressLine1 = \"\";\n var investorSecondaryAddressLine2 = \"\";\n var investorSecondaryCity = \"\";\n var investorSecondaryState = \"\";\n var investorSecondaryCountry = \"\";\n var investorSecondaryPostalCode = \"\";\n var investorSecondaryAddressType = \"\";\n\n if (userProfile.data[0].investor_addresses.length === 1) {\n investorPrimaryAddressLine1 =\n userProfile.data[0].investor_addresses[0].address_line_1;\n investorPrimaryAddressLine2 =\n userProfile.data[0].investor_addresses[0].address_line_2;\n investorPrimaryCity =\n userProfile.data[0].investor_addresses[0].city;\n investorPrimaryState =\n userProfile.data[0].investor_addresses[0].state;\n investorPrimaryCountry =\n userProfile.data[0].investor_addresses[0].country;\n investorPrimaryPostalCode =\n userProfile.data[0].investor_addresses[0].postal_code;\n investorPrimaryAddressType =\n userProfile.data[0].investor_addresses[0].address_type;\n } else if (userProfile.data[0].investor_addresses.length > 1) {\n userProfile.data[0].investor_addresses.forEach(\n (investor_address) => {\n if (investor_address.address_type === \"M\") {\n investorSecondaryAddressLine1 =\n investor_address.address_line_1;\n investorSecondaryAddressLine2 =\n investor_address.address_line_2;\n investorSecondaryCity = investor_address.city;\n investorSecondaryState = investor_address.state;\n investorSecondaryCountry = investor_address.country;\n investorSecondaryPostalCode = investor_address.postal_code;\n investorSecondaryAddressType = investor_address.address_type;\n } else if (\n investor_address.address_type === \"R\" ||\n investor_address === \"RM\"\n ) {\n investorPrimaryAddressLine1 = investor_address.address_line_1;\n investorPrimaryAddressLine2 = investor_address.address_line_2;\n investorPrimaryCity = investor_address.city;\n investorPrimaryState = investor_address.state;\n investorPrimaryCountry = investor_address.country;\n investorPrimaryPostalCode = investor_address.postal_code;\n investorPrimaryAddressType = investor_address.address_type;\n }\n }\n );\n }\n setUser((user) => ({ \n ...user,\n userProfileData: userProfile.data[0],\n investorPrimaryAddressLine1: investorPrimaryAddressLine1,\n investorPrimaryAddressLine2: investorPrimaryAddressLine2,\n investorPrimaryCity: investorPrimaryCity,\n investorPrimaryState: investorPrimaryState,\n investorPrimaryCountry: investorPrimaryCountry,\n investorPrimaryPostalCode: investorPrimaryPostalCode,\n investorPrimaryAddressType: investorPrimaryAddressType,\n investorSecondaryAddressLine1: investorSecondaryAddressLine1,\n investorSecondaryAddressLine2: investorSecondaryAddressLine2,\n investorSecondaryCity: investorSecondaryCity,\n investorSecondaryState: investorSecondaryState,\n investorSecondaryCountry: investorSecondaryCountry,\n investorSecondaryPostalCode: investorSecondaryPostalCode,\n investorSecondaryAddressType: investorSecondaryAddressType,\n }));\n setLoading(false);\n }\n\n setProfileData(); }, []);\n\n useEffect(() => {\n \n\n async function fetchAccountSummary() {\n const accountSummaryDataRespUnformatted = await getAccountSummary(user.accountListData[0].id);\n const accountSummaryDataResp = accountSummaryDataRespUnformatted.data[0];\n setAccountSummaryData(accountSummaryDataResp);\n\n if (\n user.userProfileData.address_complete &&\n user.userProfileData.pii_complete &&\n accountSummaryData && \n !accountSummaryData.investor_profile_complete\n ) {\n setAccountSummaryData({...accountSummaryData, ...{investor_profile_complete: true}});\n }\n if (\n accountSummaryDataResp.entities.length !== 0 &&\n (accountSummaryDataResp.entities[0].type === \"LLC\" ||\n accountSummaryDataResp.entities[0].type === \"C-CORP\" ||\n accountSummaryDataResp.entities[0].type === \"S-CORP\" ||\n accountSummaryDataResp.entities[0].type === \"LP\" ||\n accountSummaryDataResp.entities[0].type === \"GP\" ||\n accountSummaryDataResp.entities[0].type === \"FE\")\n ) {\n if (\n accountSummaryDataResp.entities[0].address_complete &&\n accountSummaryDataResp.entities[0].tax_info_complete &&\n !accountSummaryDataResp.entity_complete\n ) {\n setAccountSummaryData({...accountSummaryData, ...{entity_complete: true}});\n } else if (\n accountSummaryDataResp.entities[0].address_complete &&\n accountSummaryDataResp.entities[0].tax_info_complete &&\n accountSummaryDataResp.entities[0].related_party_complete &&\n !accountSummaryDataResp.entity_complete\n ) {\n setAccountSummaryData({...accountSummaryData, ...{entity_complete: true}});\n } } };\n fetchAccountSummary();\n\n }, [user]);\n\n\n const { completeProfile, verifyProfile } = location\n ? location.state\n ? location.state\n : {\n completeProfile: \"\",\n verifyProfile: \"\",\n }\n : {\n completeProfile: \"\",\n verifyProfile: \"\",\n };\n\n useEffect(() => {\n setCompleted(completeProfile === \"yes\");\n setVerified(verifyProfile === \"yes\");\n // console.log(\"Location state is: \" + location ? location.state : \"\");\n }, []);\n\n useEffect(() => {\n if (completed) {\n setInitialState(1);\n } else if (verified) {\n setInitialState(3);\n }\n }, [completed, verified]);\n useEffect(() => {\n if (basicInfoSelected) {\n setInvestorInformationSelected(false);\n setIdentityVerificationSelected(false);\n setQualifiedPurchaserSelected(false);\n setTrustInformationSelected(false);\n setPasswordSelected(false);\n }\n }, [basicInfoSelected]);\n\n useEffect(() => {\n if (investorInformationSelected) {\n setBasicInfoSelected(false);\n setIdentityVerificationSelected(false);\n setQualifiedPurchaserSelected(false);\n setTrustInformationSelected(false);\n setPasswordSelected(false);\n }\n }, [investorInformationSelected]);\n\n useEffect(() => {\n if (identityVerificationSelected) {\n setInvestorInformationSelected(false);\n setBasicInfoSelected(false);\n setQualifiedPurchaserSelected(false);\n setTrustInformationSelected(false);\n setPasswordSelected(false);\n }\n }, [identityVerificationSelected]);\n\n useEffect(() => {\n if (qualifiedPurchaserSelected) {\n setInvestorInformationSelected(false);\n setIdentityVerificationSelected(false);\n setBasicInfoSelected(false);\n setTrustInformationSelected(false);\n setPasswordSelected(false);\n }\n }, [qualifiedPurchaserSelected]);\n\n useEffect(() => {\n if (passwordSelected) {\n setInvestorInformationSelected(false);\n setIdentityVerificationSelected(false);\n setQualifiedPurchaserSelected(false);\n setTrustInformationSelected(false);\n setBasicInfoSelected(false);\n }\n }, [passwordSelected]);\n\n useEffect(() => {\n if (trustInformationSelected) {\n setInvestorInformationSelected(false);\n setIdentityVerificationSelected(false);\n setQualifiedPurchaserSelected(false);\n setBasicInfoSelected(false);\n }\n }, [trustInformationSelected]);\n\n return (\n \n
\n \n \n \n \n { !loading ? \n \n\n\n
\n \n
\n\n \n
\n \n \n
\n \n \">\n {\n e.preventDefault();\n history.push(\"/learn\");\n }}\n >\n Blog\n \n \n \n {blogPost.postTitle}\n \n \n \n
\n \n
\n {blogPost.postTitle}
\n \n
\n \n {blogPost.postSubtitle}\n
\n \n
\n \n \n {blogPost.authorName}\n
\n \n
\n \n Loading...,\n }}\n >\n
\n \n
\n );\n}\nexport default LargeVerticalTabs;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"./AccountStatementsStyles/AccountStatementsStyles.css\";\nfunction AccountStatements({ accountStatements }) {\n const newColumns = [\n {\n dataField: \"documentName\",\n text: \"Document Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentType\",\n text: \"Document Type\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"accountName\",\n text: \"Account\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentDate\",\n text: \"Date\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"viewed\",\n text: \"Read/Unread\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n ];\n\n const rowEvents = {\n onClick: (e, row, rowIndex) => {\n window.open(row.documentLink, \"_blank\").focus();\n },\n };\n\n return (\n \n
\n \n
\n \n
\n \n {props.children.map((item, index) =>\n index === 0 ? (\n
\n \n
\n ) : (\n \n
\n )\n )}\n \n
\n \n {props.children[selectedTab]}\n
\n \n
\n );\n}\nexport default AccountStatements;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"./TaxDocumentStyles/TaxDocumentStyles.css\";\n\nfunction TaxDocuments({ taxDocuments }) {\n const newColumns = [\n {\n dataField: \"documentName\",\n text: \"Document Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentType\",\n text: \"Document Type\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"accountName\",\n text: \"Account\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentDate\",\n text: \"Date\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"viewed\",\n text: \"Read/Unread\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n ];\n\n const rowEvents = {\n onClick: (e, row, rowIndex) => {\n window.open(row.documentLink, \"_blank\").focus();\n },\n };\n\n return (\n \n
\n \n
\n \n \n You don't have any statements to show.\n \n
\n )}\n \n
\n );\n}\nexport default TaxDocuments;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"./UserFundDocumentsStyles/UserFundDocumentsStyles.css\";\n\nfunction UserFundDocuments({ userFundDocuments }) {\n const newColumns = [\n {\n dataField: \"documentName\",\n text: \"Document Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentType\",\n text: \"Document Type\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"accountName\",\n text: \"Account\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"documentDate\",\n text: \"Date\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"viewed\",\n text: \"Read/Unread\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n ];\n\n const rowEvents = {\n onClick: (e, row, rowIndex) => {\n window.open(row.documentLink, \"_blank\").focus();\n },\n };\n\n return (\n \n
\n \n
\n \n \n You don't have any documents to show.\n \n
\n )}\n \n
\n );\n}\nexport default UserFundDocuments;\n","import axios from \"axios\";\nimport { HOST } from \"../host-config.js\";\nimport { getRequestHeaders } from \"./GlobalFunctions/RequestHeaders.js\";\n\n//Dev environment endpoint\nexport const getUserStatements = async () => {\n // console.log(\"Account statement id: \" + accountId);\n const config = await getRequestHeaders();\n const requestParams = {\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n return axios.get(HOST + \"/user-statement-documents/\", requestParams);\n};\n\n//Dev environment endpoint\nexport const getUserTaxDocuments = async () => {\n // console.log(\"Account tax id: \" + accountId);\n const config = await getRequestHeaders();\n const requestParams = {\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n return axios.get(HOST + \"/user-tax-documents/\", requestParams);\n};\n\n//Dev environment endpoint\nexport const getUserFundDocuments = async () => {\n // console.log(\"Account fund id: \" + accountId);\n const config = await getRequestHeaders();\n const requestParams = {\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n return axios.get(HOST + \"/user-fund-documents/\", requestParams);\n};\n\nexport const resendMagicLink = async (code) => {\n const call = axios.get(HOST + `/resend-magic-link?code=${code}`);\n\n return call;\n};\n\n\n\nexport const clickToSign = async (code) => {\n const requestParams = {\n code: code,\n };\n const call = axios.post(HOST + `/sydecar-doc-sign`, requestParams);\n\n return call;\n};\n\nexport const getSubdocLink = async (accountId, fundId, attempts) => {\n const config = await getRequestHeaders();\n const requestParams = {\n params: {\n tryCount: attempts,\n },\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n const call = axios.get(\n HOST + `/investment/subdoc-link?account_id=${accountId}&fund_id=${fundId}`,\n requestParams\n );\n\n return call;\n};\n\nexport const getSubdocLinkFromCode = async (code) => {\n const call = axios.get(HOST + `/enqueue-subdoc-link-client?code=${code}`);\n\n return call;\n};\n\nexport const getSubdocSignature = async (accountId, fundId, attempts) => {\n const config = await getRequestHeaders();\n const requestParams = {\n params: {\n tryCount: attempts,\n },\n headers: {\n Authorization: config.headers[\"Authorization\"],\n },\n };\n const call = axios.get(\n HOST +\n `/investment/get-sub-doc-signed?account_id=${accountId}&fund_id=${fundId}`,\n requestParams\n );\n\n return call;\n};\n","import React from \"react\";\nimport { Menu, Dropdown, Button, Space } from \"antd\";\nimport { Select } from \"antd\";\nimport \"antd/dist/antd.css\";\nimport \"./DocumentTypeFilterStyles/DocumentTypeFilterStyles.css\";\n\nfunction DocumentTypeFilter({ text, setText, defaultKey }) {\n const menu = (\n \n
\n \n
\n \n \n You don't have any documents to show.\n \n
\n )}\n \n
\n \n \n \n {\"Type: \" + text}\n \n
\n \n \n
\n \n \n
\n \n );\n}\nexport default MobileDocumentCard;\n","import React, { useState, useEffect } from \"react\";\nimport DocumentTypeFilter from \"../../../../Components/GlobalComponents/DocumentTypeFilter/DocumentTypeFilter\";\nimport MobileDocumentCard from \"./MobileDocumentCard/MobileDocumentCard\";\nimport \"./MobileDocumentsSectionStyles/MobileDocumentsSectionStyles.css\";\n\nfunction MobileDocumentsSection({\n documentType,\n setDocumentType,\n accountStatements,\n closingDocuments,\n taxDocuments,\n}) {\n const [documents, setDocuments] = useState([]);\n useEffect(() => {\n if (documentType === \"Statements\") {\n setDocuments(accountStatements);\n } else if (documentType === \"Closing\") {\n setDocuments(closingDocuments);\n } else if (documentType === \"Tax\") {\n setDocuments(taxDocuments);\n }\n }, [documentType]);\n\n return (\n \n
\n \n
\n \n
\n \n \n Name:\n \n
\n \n \n {documentName}\n \n
\n \n
\n \n \n Type:\n \n
\n \n \n {documentType}\n \n
\n \n
\n \n \n Account:\n \n
\n \n \n {accountName}\n \n
\n \n
\n \n \n Date:\n \n
\n \n \n {documentDate}\n \n
\n \n
\n );\n}\nexport default MobileDocumentsSection;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport \"./DocumentsPageStyles/DocumentsPageStyles.css\";\nimport LargeVerticalTabs from \"../../../Components/GlobalComponents/VerticalTabs/LargeVerticalTabs.js\";\nimport VerticalTab from \"../../../Components/GlobalComponents/VerticalTabs/VerticalTab.js\";\n// import BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport { useHistory } from \"react-router-dom\";\n// import { Storage } from \"aws-amplify\";\nimport AccountStatements from \"./AccountStatements.js\";\nimport TaxDocuments from \"./TaxDocuments.js\";\nimport UserFundDocuments from \"./UserFundDocuments.js\";\nimport GetAccountStatement from \"../../../Adapters/AccountStatementAdapters.js\";\nimport GetUserTaxDocuments from \"../../../Adapters/TaxDocumentsAdapter.js\";\n// import * as dayjs from \"dayjs\";\nimport GetUserFundDocuments from \"../../../Adapters/UserFundDocuments.js\";\nimport Media from \"react-media\";\nimport MobileDocumentsSection from \"./MobileDocumentsSection/MobileDocumentsSection.js\";\n// var utc = require(\"dayjs/plugin/utc\");\n\nfunction DocumentsPage() {\n // let history = useHistory();\n // const timeStamp = Date.now();\n const [retrieveInfo, setRetrieveInfo] = useState(false);\n const { accountStatements } = GetAccountStatement(retrieveInfo);\n const { taxDocuments } = GetUserTaxDocuments(retrieveInfo);\n const { userFundDocuments } = GetUserFundDocuments(retrieveInfo);\n\n const [accountStatementsSelected, setAccountStatementsSelected] =\n useState(true);\n const [closingDocumentsSelected, setClosingDocumentsSelected] =\n useState(false);\n const [taxDocumentsSelected, setTaxDocumentsSelected] = useState(false);\n const [documentType, setDocumentType] = useState(\"Statements\");\n\n useEffect(() => {\n if (accountStatementsSelected) {\n setClosingDocumentsSelected(false);\n setTaxDocumentsSelected(false);\n }\n }, [accountStatementsSelected]);\n\n useEffect(() => {\n if (closingDocumentsSelected) {\n setAccountStatementsSelected(false);\n setTaxDocumentsSelected(false);\n }\n }, [closingDocumentsSelected]);\n\n useEffect(() => {\n if (taxDocumentsSelected) {\n setAccountStatementsSelected(false);\n setClosingDocumentsSelected(false);\n }\n }, [taxDocumentsSelected]);\n\n useEffect(() => {\n if (documentType === \"Statements\") {\n setAccountStatementsSelected(true);\n setClosingDocumentsSelected(false);\n setTaxDocumentsSelected(false);\n } else if (documentType === \"Closing\") {\n setAccountStatementsSelected(false);\n setClosingDocumentsSelected(true);\n setTaxDocumentsSelected(false);\n } else if (documentType === \"Tax\") {\n setAccountStatementsSelected(false);\n setClosingDocumentsSelected(false);\n setTaxDocumentsSelected(true);\n }\n }, [documentType]);\n\n return (\n \n
\n \n
\n \n
\n \n {documents.map((document) => {\n return (\n
\n \n
\n \n
\n \n
\n \n
\n \n Documents\n
\n \n
\n \n \n {(matches) =>\n matches.large ? (\n \n \n \n \n \n ) : (\n
\n \n
\n \n \n \n {\"Filter by: \" + text}\n \n
\n \n ![\"portfolio-arrow\"](\"/PortfolioArrow.svg\")
\n {/* \n I\n */}\n
\n \n {/* \n I\n */}\n \n
\n \n \n \n {\"Status by: \" + text}\n \n
\n \n \n {/* \n I\n */}\n
\n \n {/* \n I\n */}\n \n
\n );\n}\nexport default MobileTransactionCard;\n","import React from \"react\";\nimport MobileTransactionCard from \"./MobileTransactionCard/MobileTransactionCard\";\nimport \"./MobileTransactionSectionStyles/MobileTransactionSectionStyles.css\";\n\nfunction MobileTransactionSection({ transactions }) {\n return (\n \n
\n \n
\n \n
\n \n \n #{itemNum + 1}\n \n
\n \n
\n \n Fund Name:\n
\n \n \n {transaction.fundName}\n \n
\n \n
\n \n Firm Name:\n
\n \n \n {transaction.firmName}\n \n
\n \n
\n \n Type:\n
\n \n \n {transaction.transactionType}\n \n
\n \n
\n \n Account:\n
\n \n \n {transaction.transactionAquaAccount}\n \n
\n \n
\n \n Status:\n
\n \n \n {transaction.transactionStatus}\n \n
\n \n
\n \n Method:\n
\n \n \n {transaction.transactionMethod}\n \n
\n \n
\n \n Amount:\n
\n \n \n {\" \"}\n {transactionTypeDiv !== \"\"\n ? transactionTypeDiv === \"deposit-text\"\n ? \"- \" +\n formatInvestmentAmount(transaction.transactionAmount + \"\")\n : \"+ \" +\n formatInvestmentAmount(transaction.transactionAmount + \"\")\n : \"\"}\n \n
\n \n
\n );\n}\nexport default MobileTransactionSection;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport \"./TransactionsPageStyles/TransactionsPageStyles.css\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport DisbursementDepositFilter from \"../../../Components/GlobalComponents/DisbursementDepostFilter/DisbursementDepositFilter.js\";\nimport StatusByDropdown from \"../../../Components/GlobalComponents/StatusByDropdown/StatusByDropdown.js\";\nimport FromFilter from \"../../../Components/GlobalComponents/DateFilters/FromFilter.js\";\nimport ToFilter from \"../../../Components/GlobalComponents/DateFilters/ToFilter.js\";\nimport { getUserTransactions } from \"../../../Api/TransactionsApi.js\";\nimport * as dayjs from \"dayjs\";\nimport Media from \"react-media\";\nimport MobileTransactionSection from \"./MobileTransactionSection/MobileTransactionSection.js\";\nimport { UserContext } from \"../../../GlobalContexts/UserContext.js\";\n// var utc = require(\"dayjs/plugin/utc\");\n\nfunction TransactionsPage() {\n const [transactions, setTransactions] = useState([]);\n const [text, setText] = useState(\"All\");\n const [statusText, setStatusText] = useState(\"All\");\n const [fromDate, setFromDate] = useState(null);\n const [toDate, setToDate] = useState(null);\n const { user, setUser } = useContext(UserContext);\n\n function amountFormatter(cell, row) {\n if (cell !== undefined && cell !== null) {\n if (row.transactionType === \"Deposit\") {\n let integer = parseInt(cell.toString(), 10);\n return \"- $\" + integer.toLocaleString(\"en-US\");\n } else if (row.transactionType === \"Disbursement\") {\n let integer = parseInt(cell.toString(), 10);\n return \"+ $\" + integer.toLocaleString(\"en-US\");\n }\n }\n }\n\n useEffect(() => {\n if (fromDate !== null) {\n var currentDate = new Date();\n var constructedFromDate = new Date(\n fromDate.year,\n fromDate.month - 1,\n fromDate.day\n );\n }\n if (toDate !== null) {\n var secondCurrentDate = new Date();\n var constructedToDate = new Date(\n toDate.year,\n toDate.month - 1,\n toDate.day\n );\n }\n }, [fromDate, toDate]);\n\n const newColumns = [\n {\n dataField: \"fundName\",\n text: \"Fund Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"firmName\",\n text: \"Firm Name\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionType\",\n text: \"Type\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionStatus\",\n text: \"Status\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionMethod\",\n text: \"Method\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionAquaAccount\",\n text: \"Method\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionAmount\",\n text: \"Amount\",\n formatter: amountFormatter,\n //classes: \"table-data-style\",\n classes: (cell, row, rowIndex, colIndex) => {\n if (row.transactionType === \"Deposit\") {\n return \"transaction-font-style-deposit\";\n } else {\n return \"transaction-font-style-disbursement\";\n }\n },\n headerClasses: \"start-padding table-header-text\",\n },\n {\n dataField: \"transactionDate\",\n text: \"Date\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n },\n ];\n\n useEffect(() => {\n async function getTransactions() {\n try {\n const response = await getUserTransactions(\n fromDate,\n toDate,\n statusText,\n text,\n user ? user.selectedAccountID : null\n );\n var transactionsArray = response.data;\n\n var mappedTransactions = transactionsArray.map((item) => {\n let transactionTypes = {\n DEPOSIT: \"Deposit\",\n DISBURSEMENT: \"Disbursement\",\n };\n\n let transactionStatuses = {\n PENDING: \"Pending\",\n IN_PROCESS: \"Processing\",\n COMPLETED: \"Completed\",\n FAILED: \"Failed\",\n };\n\n let transactionMethods = {\n ACH: \"ACH\",\n WIRE: \"Wire\",\n ELECTRONIC_CHEQUE: \"Electronic Check\",\n MAIL_CHEQUE: \"Mail Check\",\n };\n\n let dateNoTime = dayjs(dayjs(item.date).format(\"MMM D, YYYY\"));\n\n let unixDate = dayjs(dateNoTime).unix();\n\n let formattedDate = dayjs.unix(unixDate).format(\"MMM, YYYY\");\n\n return {\n id: item.id,\n fundName: item.fund.name,\n fundLink: item.fund.link,\n firmName: item.fund.firm.name,\n logoLink: item.fund.firm.logo_link,\n transactionType: transactionTypes[item.type],\n transactionStatus: transactionStatuses[item.status],\n transactionDate: formattedDate,\n transactionMethod: transactionMethods[item.method],\n transactionDateUnix: unixDate,\n transactionAmount: item.amount,\n transactionAccount: item.bank_account,\n transactionInstitution: item.institution,\n transactionAquaAccount: item.account_name\n };\n });\n\n mappedTransactions.sort((a, b) => {\n if (a.transactionDateUnix > b.transactionDateUnix) {\n return -1;\n }\n if (a.transactionDateUnix < b.transactionDateUnix) {\n return 1;\n }\n return 0;\n });\n\n setTransactions(mappedTransactions);\n } catch (err) {\n if (process.env.REACT_APP_DEBUG === \"1\") console.error(err);\n }\n }\n getTransactions();\n }, [fromDate, toDate, statusText, text]);\n\n return (\n \n {transactions.map((transaction, index) => {\n return (\n
\n \n
\n \n
\n \n \n {(matches) =>\n !matches.large ? (\n
\n \n
\n \n Transactions\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n }\n \n \n
\n \n
\n \n \n You don't have any transactions to show.\n \n
\n )}\n \n \n
\n \n \n );\n}\nexport default ForgotPasswordPage;\n","import React, { useState, useEffect } from \"react\";\nimport { isValidInvestmentNumber } from \"../../../Functions/functions.js\";\nimport { formatInvestmentAmount } from \"../../../GlobalFunctions/globalFunctions.js\";\nimport \"./InvestmentAmountFieldStyles/InvestmentAmountFieldStyles.css\";\n\nfunction InvestmentAmountField({\n placeholder,\n error,\n fieldValueChange,\n initialValue,\n disabled,\n maxInput\n}) {\n const [inputPlaceholder, setInputPlaceholder] = useState(\"\");\n const [focus, setFocus] = useState(false);\n //const [error, setError] = useState(false);\n const [divClass, setDivClass] = useState(\"input-box-container\");\n const [fieldValue, setFieldValue] = useState(\"\");\n\n useEffect(() => {\n if (!error) {\n setDivClass(focus ? \"input-box-containerFocus\" : \"input-box-container\");\n } else {\n setDivClass(\"input-box-containerError\");\n }\n }, [focus, error]);\n\n useEffect(() => {\n setInputPlaceholder(placeholder);\n }, [placeholder]);\n\n useEffect(() => {\n fieldValueChange(fieldValue);\n }, [fieldValue, fieldValueChange]);\n\n return (\n \n \n \n
\n \n
\n \n
\n \n \n \n ) : (\n \n \n )\n ) : (\n \n \n )}\n
\n \n
\n \n \n Forgot your password?\n \n
\n \n
\n {nextStep ? (\n lastStep ? (\n \n \n Don't worry, it happens to the best of us\n \n
\n \n \n Enter the 6 digit verification code that was sent to\n your email\n \n
\n \n
\n \n \n *Please check your spam mail if the code does not\n appear in your normal inbox.\n \n
\n \n
\n \n
\n \n setConfirmCode(value)}\n />\n {confirmCodeError && (\n \n {confirmCodeError}\n \n )}\n {resetPasswordError && (\n \n {resetPasswordError}\n \n )}\n
\n \n
\n \n {resendCodeInProgress ? (\n \n ) : (\n \n Never received the confirmation code? Click to\n resendConfirmationCode()}\n >\n {\" \"}\n resend code.\n \n \n )}\n
\n \n {\n if (proceed) {\n submitPasswordUpdate();\n }\n }}\n />\n
\n \n
\n \n
\n \n
\n \n \n New Password\n \n
\n \n
\n \n {passwordError}\n
\n )}\n \n
\n \n \n Confirm Password\n \n
\n \n
\n \n \n {confirmPasswordError}\n \n
\n )}\n \n
\n \n
\n \n resetPassword()}\n >\n Next Step\n \n
\n \n
\n \n \n Email\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n sendCode()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Send Code}\n \n \n \n Send Code\n \n \n
\n \n \n \n or Sign In\n \n \n
\n \n {\n // if (isValidInvestmentNumber(event.target.value)) {\n \n if (event.target.value.replace(/[^\\d]/g,\"\") <= maxInput)\n setFieldValue(formatInvestmentAmount(event.target.value));\n // }\n }}\n disabled={disabled}\n >\n
\n \n );\n}\nexport default InvestmentAmountField;\n","import React, { useState, useCallback } from \"react\";\nimport \"./TabTitleStyles/TabTitleStyles.css\";\n\nfunction TabTitle({ title, setSelectedTab, index, setSelected, selected }) {\n const onClick = useCallback(() => {\n if (process.env.REACT_APP_DEBUG === \"1\") console.log(\"Button was clicked.\");\n // setSelectedTab(index);\n }, [setSelectedTab, index]);\n\n return (\n \n \n {title}\n \n
\n \n );\n}\nexport default TabTitle;\n","import React, { useState, useEffect } from \"react\";\nimport TabTitle from \"./TabTitle.js\";\nimport \"./TabsStyles/TabsStyles.css\";\nfunction Tabs(props) {\n const [selectedTab, setSelectedTab] = useState(props.initial);\n\n useEffect(() => {\n setSelectedTab(props.initial);\n }, [props.initial]);\n\n return (\n \n
\n \n \n );\n}\nexport default Tabs;\n","import React from \"react\";\n\nfunction Tab(props) {\n return \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {props.children.map((item, index) => (\n \n
\n ))}\n \n
\n {props.children[selectedTab]}
\n {props.children}
;\n}\nexport default Tab;\n","import React from \"react\";\nimport \"./ConfirmInvestmentButtonSectionStyles/ConfirmInvestmentButtonSectionStyles.scss\";\n\nfunction ConfirmInvestmentButtonSection({\n accountType,\n investSelected,\n confirmInvestment,\n history,\n id,\n submitInvestment,\n setInitial,\n setInvestmentConfirmationSelected,\n setSpecifyInvestmentAmountSelected,\n setInvestSelected,\n investorQualificationError,\n investorVerificationError,\n investmentConfirmationSelected,\n loading,\n allowIraInvestments,\n confirmAltoIRAInvestment,\n}) {\n return (\n \n
\n \n
\n \n {investSelected ? (\n \n {\n confirmInvestment();\n }}\n >\n Confirm Investment\n \n {allowIraInvestments && accountType === \"IND\" && (\n {\n confirmAltoIRAInvestment();\n return null;\n // confirmInvestment();\n }}\n >\n Invest with Alto IRA\n \n )}\n setInvestSelected(false)}\n >\n Cancel\n \n {investorQualificationError ? (\n \n ) : (\n \n {\n submitInvestment();\n }}\n disabled={loading}\n >\n Invest\n \n history.push(\"/invest/\" + id)}\n >\n Go Back\n \n \n )}\n
\n \n
\n ) : null}\n {investorVerificationError ? (\n \n
\n \n
\n \n
\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n
*/}\n \n
\n \n
\n \n
\n \n
\n )}\n \n \n \n {!investorProfileComplete && (\n
\n )}\n {(accountType === \"ENT\" || accountType === \"TRT\") && !entityComplete && investorProfileComplete && (\n \n
\n \n history.push(\"/profile\")}\n >\n
\n \n history.push(\"/profile\")}\n >\n Complete >\n \n
\n \n
\n \n \n history.push(\"/investment-accounts/add/\" + accountID)\n }\n >\n
\n \n \n history.push(\"/investment-accounts/add/\" + accountID)\n }\n >\n Complete >\n \n
\n \n {/* \n \n Account:{\" \"}\n \n {accounts.length > selectedAccount\n ? accounts[selectedAccount].accountName\n : \"\"}\n \n \n \n {newAnchorElem ? (\n
\n \n \n \n \n
*/}\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nconst PendingReviewMessage = () => {\n return (\n \n
\n \n
\n \n {\n \"Sorry, your account was not automatically verified and will be manually reviewed by our team within 24-48 hrs.\"\n }\n
\n\n {\n \" You will receive a notification once your account is successfully verified and your subscription documents are ready to sign.\"\n }\n
\n\n \n Reach out to{\" \"}\n ops@investwithaqua.com if\n you have any questions.\n \n
\n \n
\n \n
\n \n {\n \"Congrats, your account was successfully verified, and your investment was approved. Please proceed to review and sign subscription documents.\"\n }\n
\n\n \n Reach out to{\" \"}\n ops@investwithaqua.com if\n you have any questions.\n \n
\n \n
\n \n
\n \n {\n \"Your account failed our KYC/AML checks, so your investments will unfortunately not be approved.\"\n }\n
\n\n \n If you think this is a mistake or would like further clarificiation,\n reach out to{\" \"}\n ops@investwithaqua.com.\n \n
\n \n
\n \n
\n \n {\n \"There was an error retrieving your account verification status. We'll take a look at what went wrong and reach out if we need more information from you in order to verify your account.\"\n }\n
\n\n {\n \"Once your account is verified, your investment will be approved and you will be able to sign your subscription documents. In the meantime, feel free to continue browsing opportunities on Aqua.\"\n }\n
\n\n \n Please reach out to{\" \"}\n ops@investwithaqua.com if\n you have any questions.\n \n
\n \n
\n \n
\n \n {\n \"It's taking longer than usual to verify your account. We'll continue verifying your account on our end and approve your investment and share subscription documents once your account is verified.\"\n }\n
\n\n {\n \"In the meantime, feel free to continue browsing opportunities on Aqua.\"\n }\n
\n\n \n Please reach out to{\" \"}\n ops@investwithaqua.com if\n you have any questions.\n \n
\n \n \n {pollKYCResponse === \"NF\"\n ? \"Please wait while your account is being verified\"\n : pollKYCResponse === \"F\"\n ? \"Your account failed verification\"\n : pollKYCResponse === \"P\"\n ? \"Your account is pending review\"\n : pollKYCResponse === \"S\"\n ? \"Your account was successfully verified\"\n : pollKYCResponse === \"E\"\n ? \"There was an error retrieving your verification status\"\n : pollKYCResponse === \"MR\"\n ? \"Sorry, this is taking longer than usual\"\n : \"\"}\n \n {pollKYCResponse === \"P\" && (\n \n )}\n {pollKYCResponse === \"S\" && (\n \n )}\n {pollKYCResponse === \"F\" && (\n \n )}\n
\n \n {pollKYCResponse === \"NF\" && (\n
\n \n
\n )}\n {pollKYCResponse === \"P\" && \n
\n \n {pollKYCResponse === \"S\" && (\n {\n setShowKycInProgress(false);\n }}\n >\n Proceed\n \n )}\n {pollKYCResponse === \"P\" ||\n pollKYCResponse === \"MR\" ||\n (pollKYCResponse === \"E\" && (\n {\n history.push(\"/invest\");\n setShowKycInProgress(false);\n }}\n >\n Browse Opportunities\n \n ))}\n
\n \n
\n );\n}\nexport default WireInstructions;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport HelloSign from \"hellosign-embedded\";\nimport {\n getSubdocLink,\n getSubdocSignature,\n} from \"../../../../Api/DocumentsApi.js\";\nimport {\n pollDocs,\n pollSignatureCompletion,\n} from \"../../../../Functions/functions\";\nimport Modal from \"react-bootstrap/Modal\";\nimport { useHistory } from \"react-router\";\n\nconst LoadingSpinnerAnimation = () => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {loading ? (\n
\n \n
\n ) : (\n \n
\n \n
\n )}\n \n \n Wire Instructions\n \n
\n \n
\n \n \n Account Name:\n \n {accountName}\n
\n \n
\n \n \n Account Number:\n \n \n {accountNumber}\n \n
\n \n
\n \n \n Fund Address:\n \n {fundAddress}\n
\n \n
\n \n \n ABA/Routing Number:\n \n \n {abaRoutingNumber}\n \n
\n \n
\n \n \n SWIFT Code:\n \n {swiftCode}\n
\n \n
\n \n Bank Name:\n {bankName}\n
\n \n
\n \n \n Bank Address\n \n {bankAddress}\n
\n \n \n Bank Contact\n \n
\n \n
\n \n Name:\n \n {bankContactName}\n \n
\n \n
\n \n Email:\n \n {bankContactEmail}\n \n
\n \n
\n \n \n Phone Number:\n \n \n {bankContactPhoneNumber}\n \n
\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nconst ErrorRenderingSubscriptionDocumentsMessage = () => {\n return (\n \n
\n \n );\n};\n\nconst ResponseTakingTooLongMessage = ({ setShowSignatureModal }) => {\n let history = useHistory();\n\n return (\n \n \n
\n \n
\n \n \n Sorry, there was an issue generating your subscription documents\n automatically. A member of our team will reach out shortly with\n your subscription documents. We apologize for the inconvenience.\n \n
\n \n \n *If you don't hear from us within 48hrs, please contact us at\n ops@investwithaqua.com\n \n
\n \n
\n \n
\n \n {\"It's taking longer than expected to confirm your signature.\"}\n
\n\n {\"We'll let you know if anything else is needed from your end.\"}\n
\n\n
\n \n {\n setShowSignatureModal(false);\n history.push(\"/invest\");\n }}\n >\n Back to Opportunities\n \n
\n \n
\n \n
\n \n {\"Sorry, there was an error confirming your signature.\"}\n
\n\n {\n \"We'll try sorting the issue out on our end and let you know if anything else is needed from your end.\"\n }\n
\n\n
\n \n {\n setShowSignatureModal(false);\n history.push(\"/invest\");\n }}\n >\n Back to Opportunities\n \n
\n \n
\n \n
\n \n Your subscription document signature has been successfully confirmed,\n and you will now be able to proceed through the investment process.\n
\n\n setShowSignatureModal(false)}\n onEntered={() => runSignaturePolling()}\n >\n \n \n
\n );\n}\nexport default SubDocs;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router\";\nimport Modal from \"react-bootstrap/Modal\";\nimport \"./Styles/Styles.scss\";\n\nfunction SydecarMessagingModal({\n showSydecarMessagingModal,\n setShowSydecarMessagingModal,\n setRefresh,\n accountID,\n}) {\n let history = useHistory();\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {}}\n >\n Sign subdocs\n \n \n \n )*/\n }\n {(pollSubDocsResponse === \"MR\" ||\n pollSubDocsResponse === \"E\") && (\n
\n \n \n View and Sign Subscription Documents\n \n
\n {loading && (\n \n
\n
\n )}\n {pollSubDocsResponse === \"PARTIAL\" && (\n <>\n Second signature required.{\" \"}\n {summary.data[0].secondary_investor_profile.email}{\" \"}\n \n )}\n {\n showSigButton && (\n <>\n Check your email for a link to sign the subscription\n documents.\n \n )\n /*(\n <>\n \n
\n Generating subscription documents. This may take up to\n 30 seconds.\n
\n \n \n
\n \n \n {pollSubDocsSignatureResponse === \"\" &&\n pollSubDocsSignatureResponse === \"Pending\"\n ? \"Your Signature is being confirmed.\"\n : pollSubDocsResponse === \"MR\"\n ? \"Sorry, it's taking longer than expected to confirm your signature.\"\n : pollSubDocsSignatureResponse === \"E\"\n ? \"Sorry, there was an issue confirming your signature.\"\n : pollSubDocsSignatureResponse === \"Signed\"\n ? \"Your signature was successfully confirmed.\"\n : pollSubDocsSignatureResponse === \"Secondary required\"\n ? \"Waiting on secondary accountholder\"\n : \"Your Signature is being confirmed.\"}\n \n
\n \n {signatureLoading === true ? (\n \n {pollSubDocsSignatureResponse === \"MR\" && (\n \n )}\n
\n \n \n
\n ) : (\n \n Thanks for Investing!\n
\n \n
\n \n
\n \n {\n \"Your investment has been created in our system. We're now working on verifying your account. In most instances, we'll be able to verify your account in the next few minutes, but sometimes it can take a bit longer.\"\n }\n
\n\n {\n \"Once your account is verified, you will receive a link to sign your subscription documents via email. If you don't get anything in the next 24 hours, please contact us via email. In the meantime, feel free to continue browsing opportunities on Aqua.\"\n }\n
\n\n \n Please reach out to{\" \"}\n \n admin@investwithaqua.com\n {\" \"}\n if you have any questions.\n \n
\n \n
\n \n {\n history.push(\"/invest\");\n }}\n >\n Browse Opportunities\n \n
\n \n Thanks for Investing!\n
\n \n
\n \n
\n \n {\n \"You're all set with your investment! Please keep an eye out for capital call notifications from us via email, so you can be sure to fund your capital calls on time.\"\n }\n
\n\n {\n \"You can monitor your investment performance from the portfolio section of our platform.\"\n }\n
\n\n \n Please reach out to{\" \"}\n \n admin@investwithaqua.com\n {\" \"}\n if you have any questions.\n \n
\n \n
\n \n {\n history.push(\"/portfolio\");\n }}\n >\n Go to Portfolio\n \n
\n \n This is a 1%, one-time, fee that we charge on top of the amount that an investor invests. For example, if Investor A wants to invest $300K into Opportunity Z on Aqua, their administrative fee would be $3k. When wiring funds to us, the total that the investor would wire is the investment amount + administrative fee = $300K + $3k = $303K\n`;\n\n const renderTooltip = (copy, props) => (\n
\n \n \n {pending ? (\n <>\n
\n \n {canInvest ? (\n <>\n {!loading &&\n fundSubscriptionInfo &&\n !fundSubscriptionInfo.error && (\n \n
\n {!loadingInvestmentData ? (\n \n history.push(\"/invest\")}\n style={{ cursor: \"pointer\" }}\n >\n Invest\n \n\n \n\n history.push(\"/invest/\" + id)}\n style={{ cursor: \"pointer\" }}\n >\n Fund\n \n\n \n\n \n Confirm Investment\n \n
\n \n
\n \n ) : (\n <>\n {fundSubscriptionInfo && !fundSubscriptionInfo.error ? (\n \n
\n \n \n Account is pending verification.\n \n
\n \n
\n \n
\n \n \n You have invested in this opportunity. Documents\n will be sent when your account is successfully\n verified.\n \n
\n \n
\n }\n \n
\n \n
\n \n \n How much would you like to invest in{\" \"}\n {fundSubscriptionInfo\n ? fundSubscriptionInfo.name\n : \"\"}\n ?\n \n
\n \n
\n \n
\n \n \n If you have not completed your investor\n information and verified your identity, you\n will need to complete those sections before\n you may invest in opportunities through Aqua.\n \n
\n {fund &&\n fund.link &&\n [\n \"bling_capital_fund_iv\",\n \"bling_capital_fund_iv_opps\",\n ].includes(fund.link) && (\n \n \n You MUST make an equal-sized investment in\n the other fund as well to get allocation.\n If you do not do this, you will NOT be\n able to invest in either vehicle. This is\n a Bling Capital requirement.\n \n
\n )}\n \n
\n \n \n
\n \n {\" \"}\n {\n \n {\" \"}\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n {\" \"}\n
\n {/* {fundSubscriptionInfo &&\n fundSubscriptionInfo.maximumInvestment !==\n 0.0 && (\n \n Minimum Investment\n
{\" \"}\n \n {\" \"}\n \n {fundSubscriptionInfo\n ? \"$\" +\n fundSubscriptionInfo.minimumInvestment.toLocaleString()\n : \"$ ...loading\"}\n \n \n \n {\" \"}\n
\n )} */}\n \n Maximum Allocation\n
{\" \"}\n \n {\" \"}\n \n {fundSubscriptionInfo\n ? \"$\" +\n fundSubscriptionInfo.maximumInvestment.toLocaleString()\n : \"$ ...loading\"}\n \n \n \n \n Please select the account you would like\n to invest using\n \n
\n \n
\n \n
\n {fundSubscriptionInfo &&\n fundSubscriptionInfo.legacyPricingStructure ===\n true && (\n \n \n \n {investmentAmountError}\n
\n )}\n \n Amount\n
\n \n
\n \n \n Administrative Fee{\" \"}\n \n
\n \n \n renderTooltip(\n PLACEMENT_COPY,\n props\n )\n }\n >\n
\n \n
\n \n \n )}\n {fundSubscriptionInfo &&\n fundSubscriptionInfo.legacyPricingStructure ===\n true && (\n \n \n
\n \n \n $\n \n \n {fund\n ? (\n (fund.placementFee *\n investmentAmount.replace(\n /[^\\d]/g,\n \"\"\n )) /\n 100\n ).toLocaleString(\n \"en-us\"\n )\n : \"\"}\n \n
\n \n \n Total to be wired\n
\n \n
\n \n \n )}\n \n \n \n ) : (\n \n {\" \"}\n \n
\n \n \n $\n \n \n {fund\n ? (\n (1 +\n fund.placementFee /\n 100) *\n investmentAmount.replace(\n /[^\\d]/g,\n \"\"\n )\n ).toLocaleString(\n \"en-us\"\n )\n : \"\"}\n \n
\n \n \n
\n )}\n\n {\n !loading &&\n canInvest &&\n (accountType === \"IND\" ||\n accountType === \"RTMT\" ||\n accountType === \"JOINT\" ? (\n investorProfileComplete ? (\n \n
\n \n \n Acccount is ineligible to invest.\n {\" \"}\n
\n \n //
)}\n }\n \n \n \n ) : (\n \n //
\n // \n // {investSelected ? (\n // \n // {\n // confirmInvestment();\n // setInitial(1);\n // setInvestmentConfirmationSelected(true);\n // setSpecifyInvestmentAmountSelected(false);\n // }}\n // >\n // Confirm Investment\n // \n // setInvestSelected(false)}\n // >\n // Cancel\n // \n // {investorQualificationError ? (\n // \n // ) : (\n // \n // {\n // submitInvestment();\n // }}\n // disabled={loading}\n // >\n // Invest\n // \n // history.push(\"/invest/\" + id)}\n // >\n // Go Back\n // \n // \n // )}\n //
\n // \n //
\n // ) : null}\n // {investorVerificationError ? (\n // \n //
\n // \n //
\n // \n //
\n // \n //
\n // ) : null}\n // \n //
\n // \n //
\n // \n //
\n // \n
\n )}{\" \"}\n \n )}\n \n \n \n
{\" \"}\n \n \n Account not authorized{\" \"}\n \n
\n \n
\n \n
\n \n \n The account selected is not qualified to access\n this fund, please select another account.\n \n
\n \n {!loading && (\n
\n \n
\n \n \n
\n \n
\n \n \n ) : (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Congratulations, you have successfully\n invested in this opportunity.\n \n
\n \n \n You're all done with our investment process,\n so be sure to be on the lookout for future\n updates on your investment from us. You can\n refer to the portfolio page for updates on\n your investment as distributions roll in.\n \n
\n \n {/* \n You will not be guaranteed an allocation in\n the opportunity until you have completed the\n subscription documents.\n */}\n
\n \n {/* \n If you don't hear from us within 48 hours,\n contact us at{\" \"}\n \n admin@investwithaqua.com\n \n */}\n
\n \n
\n \n
\n \n
\n \n \n Investment Details\n \n
\n \n \n Selected:\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n {investorFundInvestmentInfo &&\n Object.keys(investorFundInvestmentInfo)\n .length !== 0\n ? investorFundInvestmentInfo.fundName\n : \"Loading...\"}\n \n
\n {/* \n THM\n
*/}\n \n
\n \n \n history.push(\"/invest/\" + id)\n }\n >\n
\n \n
\n \n
\n \n \n Date:\n \n \n {investorFundInvestmentInfo &&\n Object.keys(investorFundInvestmentInfo)\n .length !== 0\n ? dayjs(\n investorFundInvestmentInfo.investmentDate\n ).format(\"MMM D, YYYY\")\n : \"...loading\"}\n \n
\n \n
\n \n
\n \n \n Amount:\n \n \n {investorFundInvestmentInfo &&\n Object.keys(investorFundInvestmentInfo)\n .length !== 0\n ? \"$\" +\n investorFundInvestmentInfo.investmentAmount.toLocaleString(\n \"en-us\"\n )\n : investmentAmount}\n \n
\n \n
\n \n
\n \n \n Status:\n \n \n {investmentStatus}\n \n
\n \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tMessages\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tComing Soon\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tThe messages functionality is\n\t\t\t\t\t\t\t\t\t\t\t\tcurrently being built out by our\n\t\t\t\t\t\t\t\t\t\t\t\tengineering team and will be\n\t\t\t\t\t\t\t\t\t\t\t\treleased soon.\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n history.push(\"/learn/\" + blogPost.link)}\n >\n
\n \n \n );\n}\nexport default BlogPostCard;\n","import React from \"react\";\nimport \"./NoBlogPostsFoundCardStyles/NoBlogPostsFoundCardStyles.scss\";\n\nfunction NoBlogPostsFoundCard() {\n return (\n \n \n {blogPost.postTitle}\n \n \n {blogPost.postSubtitle}\n \n
\n \n
\n \n \n {blogPost.authorName}\n
\n \n \n Sorry, there were no blog posts that matched your search criteria.\n Please try a different search.\n \n
\n );\n}\nexport default NoBlogPostsFoundCard;\n","import React, { useEffect } from \"react\";\nimport BlogPostCard from \"./BlogPostCard/BlogPostCard.js\";\nimport NoBlogPostsFoundCard from \"./NoBlogPostsFoundCard/NoBlogPostsFoundCard.js\";\nimport LoadingAnimation from \"../../../../Components/GlobalComponents/LoadingAnimation/LoadingAnimation.js\";\nfunction BlogPostPreviewSection({ blogPosts, loading }) {\n return (\n \n {blogPosts.map((blogPost) => {\n return
\n )}\n \n
\n \n
\n \n
\n \n Learn\n
\n \n
\n \n \n \n {item.question}\n \n \n \n
\n \n \n );\n};\n\nexport default AccordionItem;\n","import React from \"react\";\nimport AccordionItem from \"./AccordionItem\";\n// import \"../../../Styles/Variables/GlobalStyles.scss\"\nimport \"./AccordionStyles/AccordionStyles.scss\";\n\nconst Accordion = ({ items, accordionid }) => {\n // console.log('accordion: ', accordionid)\n let accordionItems = (\n <>\n {items.map((item) => (\n // <>\n // \n {item.answer}\n
\n \n //
\n // \n \n // \n //
\n //\n //
\n // \n // {item.answer}\n //
\n // \n
\n );\n};\n\nexport default AccordionCard;\n","import React from \"react\";\nimport axios from \"axios\";\nimport { HOST } from \"../host-config\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\n\nexport const getFaqs = async () => {\n const config = await getRequestHeaders();\n return axios.get(HOST + \"/faqs/\", config);\n};\n","import React, { useState, useEffect } from \"react\";\nimport \"./FAQsStyles/FAQsStyles.css\";\nimport Header from \"../../../Components/GlobalComponents/Header.js\";\nimport SpinnerFullPage from \"../../../Components/GlobalComponents/Loading/SpinnerFullPage\";\nimport AccordionCard from \"../../../Components/GlobalComponents/Accordion/AccordionCard\";\nimport GetFaqsAdapter from \"../../../Adapters/FaqsAdapter.js\";\nlet FAQS = {}\n\nfunction FAQs() {\n // const timeStamp = Date.now();\n const [initialApiRequest, setInitialApiRequest] = useState(false);\n const [general, setGeneral] = useState([])\n const [platform, setPlatform] = useState([])\n const { generalFaqs, platformFaqs, peBasicsFaqs, glossaryFaqs} =\n GetFaqsAdapter(initialApiRequest);\n\t// , platformFaqs, peBasicsFaqs, glossaryFaqs\n\n useEffect(() => {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(\"generalFaqs \" + JSON.stringify(generalFaqs));\n\t console.log('initial api req: ', initialApiRequest)\n }\n }, [generalFaqs]);\n\n useEffect(() => {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n\t\tconsole.log(\"platformFaqs \" + JSON.stringify(platformFaqs));\n\t }\n }, [platformFaqs]);\n\n\n useEffect(() => {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(\"peBasicsFaqs \" + JSON.stringify(peBasicsFaqs));\n }\n }, [peBasicsFaqs]);\n\n useEffect(() => {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(\"glossaryFaqs \" + JSON.stringify(glossaryFaqs));\n }\n }, [glossaryFaqs]);\n\n// useEffect(() => {\n// \tsetGeneral(generalFaqs)\n// \tconsole.log('general faq: ', general)\n// },[])\n\n let comingSoon = (\n\t<>\n\t\n
\n {title}
\n\n\t\t
\n\t\n)\n\nlet faqCards = (\n\t<>\n\t{generalFaqs.length > 0 ? (\n\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tComing Soon\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tThe FAQs page is currently being\n\t\t\t\t\t\t\tbuilt out by our engineering\n\t\t\t\t\t\t\tteam and will be released soon.\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\n)\n\n return (\n \n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tFrequently Asked Questions\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{faqCards}\t\n\t \t\t\t\t\t\n
\n \n
\n \n
\n \n 404\n \n Sorry, the page you are looking for can't be found. Please check\n the link you entered.\n \n
\n \n {/*
\n */}\n
\n \n history.push(\"/invest\")}\n >\n Go Home\n \n {/*
*/}\n {/* */}\n \n {\" \"}\n Contact us\n \n {/*
*/}\n \n
\n \n
\n \n
\n \n Contact Us\n
\n \n \n Having trouble on Aqua? Email us or book a call.\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Write to us\n \n
\n \n \n Do you have any questions?\n \n
\n \n \n Send us an email.\n \n
\n \n \n Subject\n \n
\n \n
\n \n
\n \n setSubject(e.target.value)}\n />\n {subjectError &&\n subjectError !==\n \"This field is required.\" && (\n
\n \n {subjectError}\n
\n )}\n \n
\n \n \n Your Message\n \n
\n \n setMessage(e.target.value)}\n >\n {messageError &&\n messageError !==\n \"This field is required.\" && (\n
\n \n {messageError}\n
\n )}\n \n submitMessage()}\n >\n {!loading && Submit}\n {loading && (\n \n )}\n \n
\n \n
\n \n
\n \n
\n \n \n Schedule a call\n \n
\n \n \n You can also book a call with us.\n \n
\n \n \n Book a call at a time convenient for you.\n \n
\n \n
\n \n {\n // console.log(\"Event is: \" + event.target.value);\n handleChangeInput(index, event);\n }}\n >\n
\n \n );\n}\nexport default InfiniteTextInputField;\n","import React, { useEffect } from \"react\";\nimport { css as emoCSS } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport starWarsNames from \"starwars-names\";\nimport { matchSorter } from \"match-sorter\";\nimport { Global, css as newcss } from \"@emotion/react\";\nimport \"./InfiniteStateInputFieldStyles/InfiniteStateInputFieldStyles.scss\";\n\nconst GlobalStyles = newcss`\n @import url(\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\");\n\n @font-face {\n font-family: \"Local Font\";\n src: url(\"fonts/DancingScript-Regular.ttf\");\n }\n\n * {\n text-align: center;\n }\n`;\n\nconst allItems = starWarsNames.all.map((s) => ({\n name: s,\n id: s.toLowerCase(),\n}));\nconst list = [\n \"Alabama\",\n \"Alaska\",\n \"American Samoa\",\n \"Arizona\",\n \"Arkansas\",\n \"California\",\n \"Colorado\",\n \"Connecticut\",\n \"Delaware\",\n \"District of Columbia\",\n \"Federated States of Micronesia\",\n \"Florida\",\n \"Georgia\",\n \"Guam\",\n \"Hawaii\",\n \"Idaho\",\n \"Illinois\",\n \"Indiana\",\n \"Iowa\",\n \"Kansas\",\n \"Kentucky\",\n \"Louisiana\",\n \"Maine\",\n \"Marshall Islands\",\n \"Maryland\",\n \"Massachusetts\",\n \"Michigan\",\n \"Minnesota\",\n \"Mississippi\",\n \"Missouri\",\n \"Montana\",\n \"Nebraska\",\n \"Nevada\",\n \"New Hampshire\",\n \"New Jersey\",\n \"New Mexico\",\n \"New York\",\n \"North Carolina\",\n \"North Dakota\",\n \"Northern Mariana Islands\",\n \"Ohio\",\n \"Oklahoma\",\n \"Oregon\",\n \"Palau\",\n \"Pennsylvania\",\n \"Puerto Rico\",\n \"Rhode Island\",\n \"South Carolina\",\n \"South Dakota\",\n \"Tennessee\",\n \"Texas\",\n \"Utah\",\n \"Vermont\",\n \"Virgin Island\",\n \"Virginia\",\n \"Washington\",\n \"West Virginia\",\n \"Wisconsin\",\n \"Wyoming\",\n];\n\nconst listOfStates = list.map((s) => ({\n name: s,\n label: s.toLowerCase(),\n}));\n\n// const listOfStates = [\n// \"Alabama\",\n// \"Alaska\",\n// \"American Samoa\",\n// \"Arizona\",\n// \"Arkansas\",\n// \"California\",\n// \"Colorado\",\n// \"Connecticut\",\n// \"Delaware\",\n// \"District of Columbia\",\n// \"Federated States of Micronesia\",\n// \"Florida\",\n// \"Georgia\",\n// \"Guam\",\n// \"Hawaii\",\n// \"Idaho\",\n// \"Illinois\",\n// \"Indiana\",\n// \"Iowa\",\n// \"Kansas\",\n// \"Kentucky\",\n// \"Louisiana\",\n// \"Maine\",\n// \"Marshall Islands\",\n// \"Maryland\",\n// \"Massachusetts\",\n// \"Michigan\",\n// \"Minnesota\",\n// \"Mississippi\",\n// \"Missouri\",\n// \"Montana\",\n// \"Nebraska\",\n// \"Nevada\",\n// \"New Hampshire\",\n// \"New Jersey\",\n// \"New Mexico\",\n// \"New York\",\n// \"North Carolina\",\n// \"North Dakota\",\n// \"Northern Mariana Islands\",\n// \"Ohio\",\n// \"Oklahoma\",\n// \"Oregon\",\n// \"Palau\",\n// \"Pennsylvania\",\n// \"Puerto Rico\",\n// \"Rhode Island\",\n// \"South Carolina\",\n// \"South Dakota\",\n// \"Tennessee\",\n// \"Texas\",\n// \"Utah\",\n// \"Vermont\",\n// \"Virgin Island\",\n// \"Virginia\",\n// \"Washington\",\n// \"West Virginia\",\n// \"Wisconsin\",\n// \"Wyoming\",\n// ].map((s) => ({\n// name: s,\n// id: s.toLowerCase(),\n// }));\n\nconst css = (...args) => ({ className: emoCSS(...args) });\n\nconst Item = styled(\"li\")(\n {\n position: \"relative\",\n cursor: \"pointer\",\n display: \"block\",\n border: \"none\",\n height: \"auto\",\n textAlign: \"left\",\n borderTop: \"none\",\n lineHeight: \"1em\",\n color: \"#262A3D\",\n fontFamily: \"Montserrat\",\n fontSize: \"15px\",\n textTransform: \"none\",\n fontWeight: \"400\",\n boxShadow: \"none\",\n padding: \".8rem 1.1rem\",\n whiteSpace: \"normal\",\n wordWrap: \"normal\",\n },\n ({ isActive, isSelected }) => {\n const styles = [];\n if (isActive) {\n styles.push({\n color: \"rgba(0,0,0,.95)\",\n background: \"rgba(0,0,0,.03)\",\n });\n }\n if (isSelected) {\n styles.push({\n color: \"rgba(0,0,0,.95)\",\n fontWeight: \"700\",\n });\n }\n return styles;\n }\n);\nconst onAttention = \" &:focus\";\nconst Input = styled(\"input\")(\n {\n width: \"100%\", // full width - icon width/2 - border\n fontFamily: \"Montserrat\",\n fontSize: \"15px\",\n wordWrap: \"break-word\",\n lineHeight: \"1em\",\n outline: 0,\n whiteSpace: \"normal\",\n minHeight: \"2em\",\n height: \"56px\",\n background: \"#fff\",\n display: \"inline-block\",\n padding: \"1em 2em 1em 1em\",\n color: \"rgba(0,0,0,.87)\",\n boxShadow: \"none\",\n border: \"1px solid rgba(34,36,38,.15)\",\n borderRadius: \"4px\",\n transition: \"box-shadow .1s ease,width .1s ease\",\n [onAttention]: {\n border: \"1px solid #0D47A1\",\n boxShadow: \"0 2px 3px 0 rgba(34,36,38,.15)\",\n },\n },\n ({ isOpen }) =>\n isOpen\n ? {\n borderBottomLeftRadius: \"0\",\n borderBottomRightRadius: \"0\",\n [onAttention]: {\n boxShadow: \"none\",\n },\n }\n : null\n);\n\nconst Label = styled(\"label\")({\n fontFamily: \"Montserrat\",\n color: \"#262A3D\",\n fontWeight: \"normal\",\n display: \"block\",\n marginBottom: 10,\n});\n\nconst BaseMenu = styled(\"ul\")(\n {\n padding: 0,\n marginTop: 0,\n position: \"absolute\",\n backgroundColor: \"white\",\n width: \"100%\",\n maxHeight: \"20rem\",\n overflowY: \"auto\",\n overflowX: \"hidden\",\n outline: \"0\",\n transition: \"opacity .1s ease\",\n borderRadius: \"0 0 .28571429rem .28571429rem\",\n boxShadow: \"0 2px 3px 0 rgba(34,36,38,.15)\",\n borderColor: \"#0D47A1\",\n borderTopWidth: \"0\",\n borderRightWidth: 1,\n borderBottomWidth: 1,\n borderLeftWidth: 1,\n borderStyle: \"solid\",\n },\n ({ isOpen }) => ({\n border: isOpen ? null : \"none\",\n })\n);\n\nconst Menu = React.forwardRef((props, ref) => (\n \n {\n //if (isNumber(event.target.value)) {\n setFieldValue(event.target.value);\n //}\n }}\n >\n
\n \n );\n}\nexport default InfiniteIDInputField;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router\";\nimport Header from \"../../../Components/GlobalComponents/Header\";\nimport { styled } from \"@mui/material/styles\";\nimport HeaderV2 from \"../../../Components/GlobalComponents/HeaderV2\";\nimport * as dayjs from \"dayjs\";\nimport Stack from \"@mui/material/Stack\";\nimport Button from \"@mui/material/Button\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"./InvestmentAccountsPageStyles/InvestmentAccountsPageStyles.scss\";\nimport { UserContext } from \"./../../../GlobalContexts/UserContext.js\";\nimport GetInvestmentAccountsAdapter from \"../../../Adapters/GlobalAdapters/GetInvestmentAccountsAdapter\";\nimport PageLoading from \"../../../Components/GlobalComponents/PageLoading/PageLoading\";\nimport CompleteAccountComponent from \"../../../Components/GlobalComponents/CompleteAccountComponent/CompleteAccountComponent\";\nimport * as Icon from \"react-icons/fi\";\nimport Checkbox from \"react-custom-checkbox\";\n\nvar utc = require(\"dayjs/plugin/utc\");\n\nfunction InvestmentAccountsPage() {\n let history = useHistory();\n const [refresh, setRefresh] = useState(0);\n const [loading, setLoading] = useState(true);\n const { user, setUser } = useContext(UserContext);\n\n // const [investmentAccounts, setInvestmentAccounts] = useState([]);\n const { investmentAccounts } = GetInvestmentAccountsAdapter(\n refresh,\n setLoading\n );\n\n const AccountDetailsButton = styled(Button)({\n fontFamily: \"Montserrat\",\n fontSize: \"12px\",\n color: \"#0D47A1\",\n borderColor: \"#0D47A1\",\n \"&:hover\": {\n backgroundColor: \"rgb(13, 71, 161, 0.05)\",\n borderColor: \"#0D47A1\",\n boxShadow: \"none\",\n },\n });\n\n const CompleteAccountButton = styled(Button)({\n fontFamily: \"Montserrat\",\n fontSize: \"12px\",\n color: \"#E59335\",\n borderColor: \"#E59335\",\n \"&:hover\": {\n backgroundColor: \"rgb(229, 147, 53, 0.05)\",\n borderColor: \"#E59335\",\n boxShadow: \"none\",\n },\n });\n\n const statusCodes = {\n A: \"Pending Information\",\n I: \"Pending Information\",\n P: \"Pending Verification\",\n F: \"Failed Verification\",\n S: \"Successful Verification\",\n };\n\n const accountCodes = {\n IND: \"Individual\",\n TRT: \"Trust\",\n ENT: \"Entity\",\n };\n\n useEffect(() => {\n if (process.env.REACT_APP_DEBUG === \"1\")\n console.log(\n \"Investment accounts are: \" + JSON.stringify(investmentAccounts)\n );\n }, [investmentAccounts]);\n\n // useEffect(() => {\n // const processedAccountList =\n // user &&\n // user.accountListData.map((account, index) => {\n // console.log(\"Account is: \" + JSON.stringify(account));\n // return {\n // primaryAccount: index == 0,\n // id: account.number, // To-do: make this UUID\n // accountNumber: account.number,\n // accountType: accountCodes[account.account_type],\n // dateAdded: account.date_added, // To-do: add\n // accountName: account.name,\n // status:\n // account.account_verifications.length === 0\n // ? \"Pending Verification\"\n // : statusCodes[account.account_verifications[0].status],\n // action: (\n // account.account_type == \"IND\"\n // ? account.investor_profile_complete\n // : account.entity_profile_complete\n // )\n // ? \"View Account Details\"\n // : \"Complete Pending Account\",\n // };\n // });\n\n // setInvestmentAccounts(processedAccountList);\n // console.log(processedAccountList);\n // }, [user]);\n\n const toggleAccountNumber = (rowIndex) => {\n var tempInvestmentAccounts = [...investmentAccounts];\n var tempHideAccountNumber =\n tempInvestmentAccounts[rowIndex].hideAccountNumber;\n tempInvestmentAccounts[rowIndex].hideAccountNumber = !tempHideAccountNumber;\n // setInvestmentAccounts([...tempInvestmentAccounts]);\n };\n\n const onTableChange = (type, newState) => {\n if (process.env.REACT_APP_DEBUG === \"1\") {\n console.log(type);\n console.log(newState);\n }\n };\n\n const columns = [\n // {\n // dataField: \"accountNumber\",\n // text: \"#\",\n // classes: \"table-data-style\",\n // headerClasses: \"start-padding table-header-text\",\n // formatter: (cell, row, rowIndex) => {\n // var tempCell = cell;\n // var copyString = \"X\".repeat(tempCell.length - 4);\n // copyString += tempCell.slice(-4);\n\n // return (\n // \n // \n // {row.hideAccountNumber ? copyString : tempCell}\n // \n // {\n // toggleAccountNumber(rowIndex);\n // }}\n // >\n // {row.hideAccountNumber\n // ? \"Show Account Number\"\n // : \"Hide Account Number\"}\n // \n //
\n // );\n // },\n // },\n {\n dataField: \"primaryAccount\",\n isDummyField: true,\n text: \"\",\n classes: \"table-data-style align-items-center\",\n headerClasses: \"start-padding table-header-text\",\n formatter: (cell, row, rowIndex) => {\n if (row.primaryAccount) {\n return (\n // \n
\n\n // \n \n {cell}\n
\n );\n } else if (\n cell === \"Pending Verification\" ||\n cell === \"Pending Verification Refresh\"\n ) {\n return (\n \n \n {cell}\n
\n );\n } else if (cell === \"Pending Information\") {\n return (\n \n \n {cell}\n
\n );\n } else if (cell === \"Failed Verification\") {\n return (\n \n \n {cell}\n
\n );\n }\n },\n },\n {\n dataField: \"dateAdded\",\n text: \"Date Added\",\n classes: \"table-data-style align-items-center\",\n headerClasses: \"start-padding table-header-text\",\n formatter: (cell, row, rowIndex) => {\n return dayjs(cell.substring(0, 10)).format(\"MMM D, YYYY\");\n },\n }, */\n {\n dataField: \"\",\n isDummyField: true,\n text: \"\",\n classes: \"table-data-style\",\n headerClasses: \"start-padding table-header-text\",\n formatter: (cellContent, row) => {\n if (row.completed) {\n return (\n \n
\n \n
\n \n
\n \n \n Investment Accounts\n \n
\n {!investmentAccounts[0].investorProfileComplete && (\n \n {\" \"}\n
\n )}\n \n
\n \n
\n \n
\n \n
*/}\n {investmentAccounts.length === 0 && (\n \n
\n \n \n history.push(\"/investment-accounts/add\")\n }\n >\n
\n \n \n \n Add Account\n \n
\n \n \n \n You don't have any statements to show.\n \n
\n )}\n \n onClick()}\n >\n {loading && (\n
\n \n );\n}\nexport default IndividualAccountBasicInformationButton;\n","import React, { useState, useEffect } from \"react\";\n\nfunction IndividualAccountBasicInformationQualificationQuestion({\n showIndividualQualificationSection,\n mountedStyle,\n unmountedStyle,\n questionNumber,\n questionText,\n answer,\n setAnswer,\n}) {\n const [answerYes, setAnswerYes] = useState(\"\");\n const [answerNo, setAnswerNo] = useState(\"\");\n\n useEffect(() => {\n if (answer !== \"\") {\n if (answer) {\n setAnswerYes(true);\n setAnswerNo(false);\n } else {\n setAnswerYes(false);\n setAnswerNo(true);\n }\n }\n }, [answer]);\n\n return (\n \n
\n )}\n {!loading && {text}}\n \n \n \n {text}\n \n \n
\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n
\n Qualified Purchaser
\n \n
\n )}\n {accountType === \"JOINT\" && (\n <>\n \n
\n \n
\n \n
\n \n
{\" \"}\n \n
\n \n
\n \n
\n \n )}\n \n
\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n
\n Qualified Purchaser
\n \n onClick()}\n >\n {loading && (\n
\n \n );\n}\nexport default TrustAccountBasicInformationButton;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport SelectField from \"../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport TrustAccountBasicInformationQualificationSection from \"./TrustAccountBasicInformationQualificationSection/TrustAccountBasicInformationQualificationSection\";\nimport TrustAccountBasicInformationButton from \"./TrustAccountBasicInformationButton/TrustAccountBasicInformationButton\";\nimport { getDateUTC } from \"../../../../../../GlobalFunctions/globalFunctions.js\";\nimport { newAccount, getAccountList } from \"../../../../../../Api/ProfileApi\";\nimport { UserContext } from \"../../../../../../GlobalContexts/UserContext\";\n\nfunction TrustAccountBasicInformation({\n setAccountID,\n accountType,\n shouldRenderTrustQualificationSection,\n showTrustQualificationSection,\n legalAccountName,\n setLegalAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n processedCountryList,\n mountedStyle,\n unmountedStyle,\n trustQualificationQ1,\n setTrustQualificationQ1,\n trustQualificationQ2,\n setTrustQualificationQ2,\n trustQualificationQ3,\n setTrustQualificationQ3,\n trustQualificationQ4,\n setTrustQualificationQ4,\n setActiveSlide,\n}) {\n const { user, setUser } = useContext(UserContext);\n\n const [\n trustAccountBasicInformationQualificationQuestionError,\n setTrustAccountBasicInformationQualificationQuestionError,\n ] = useState(\"\");\n const [qualificationDate, setQualificationDate] = useState(\"\");\n const [submissionInProgress, setSubmissionInProgress] = useState(false);\n\n const isTrustAccountQualifiedPurchaser = (q1, q2, q3, q4) => {\n var isQualifiedPurchaser = false;\n\n if (q1 && q2) {\n isQualifiedPurchaser = true;\n var utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else if (!q3 && q4) {\n isQualifiedPurchaser = true;\n var utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else {\n isQualifiedPurchaser = false;\n setQualificationDate(\"\");\n }\n return isQualifiedPurchaser;\n };\n\n const submitTrustAccountBasicInformation = async () => {\n var errors = false;\n setSubmissionInProgress(true);\n\n if (legalAccountName === \"\") {\n errors = true;\n setLegalAccountNameError(\"This field is required.\");\n }\n if (countryOfFormation === \"\") {\n errors = true;\n setCountryOfFormationError(\"This field is required.\");\n }\n if (\n trustQualificationQ1 === \"\" ||\n trustQualificationQ2 === \"\" ||\n trustQualificationQ3 === \"\" ||\n trustQualificationQ4 === \"\"\n ) {\n errors = true;\n setTrustAccountBasicInformationQualificationQuestionError(\n \"Please answer all qualification questions.\"\n );\n } else if (\n !isTrustAccountQualifiedPurchaser(\n trustQualificationQ1,\n trustQualificationQ2,\n trustQualificationQ3,\n trustQualificationQ4\n )\n ) {\n errors = true;\n setTrustAccountBasicInformationQualificationQuestionError(\n \"Sorry, your trust doesn't qualify as a qualified purchaser(QP). At this time, we only allow QPs on Aqua, so you will be unable to add this account.\"\n );\n }\n\n if (!errors) {\n //Code to make request to the backend will go here.\n const newAccountResp = await newAccount({\n account_type: \"TRT\",\n qualification_date: getDateUTC(),\n trust_q1_qp_5m_investments: trustQualificationQ1,\n trust_q2_qp_owned_by_family: trustQualificationQ2,\n trust_q3_qp_specific_purpose_invest_fund: trustQualificationQ3,\n trust_q4_qp_trustee_grantor_qp: trustQualificationQ4,\n legal_name: legalAccountName,\n entity_type: accountType,\n country_of_formation: countryOfFormation,\n });\n\n setAccountID(newAccountResp.data.detail);\n const accountList = await getAccountList();\n setUser((user) => ({ ...user, accountListData: accountList.data }));\n\n setActiveSlide((prevState) => prevState + 1);\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n useEffect(() => {\n setTrustAccountBasicInformationQualificationQuestionError(\"\");\n }, [\n trustQualificationQ1,\n trustQualificationQ2,\n trustQualificationQ3,\n trustQualificationQ4,\n ]);\n\n return (\n shouldRenderTrustQualificationSection && (\n \n
\n )}\n {!loading && Next Step}\n \n \n \n Next Step\n \n \n
\n \n
\n \n
\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n
\n Qualified Purchaser
\n \n onClick()}\n >\n {loading && (\n
\n \n );\n}\nexport default EntityAccountBasicInformationButton;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport SelectField from \"../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport EntityAccountBasicInformationQualificationSection from \"./EntityAccountBasicInformationQualificationSection/EntityAccountBasicInformationQualificationSection\";\nimport EntityAccountBasicInformationButton from \"./EntityAccountBasicInformationButton/EntityAccountBasicInformationButton\";\nimport { getDateUTC } from \"../../../../../../GlobalFunctions/globalFunctions.js\";\nimport { newAccount, getAccountList } from \"../../../../../../Api/ProfileApi\";\nimport { UserContext } from \"../../../../../../GlobalContexts/UserContext\";\n\nfunction EntityAccountBasicInformation({\n setAccountID,\n accountType,\n shouldRenderEntityQualificationSection,\n showEntityQualificationSection,\n mountedStyle,\n unmountedStyle,\n legalAccountName,\n setLegalAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n processedCountryList,\n entityQualificationQ1,\n setEntityQualificationQ1,\n entityQualificationQ2,\n setEntityQualificationQ2,\n entityQualificationQ3,\n setEntityQualificationQ3,\n entityQualificationQ4,\n setEntityQualificationQ4,\n entityQualificationQ5,\n setEntityQualificationQ5,\n setActiveSlide,\n}) {\n const { user, setUser } = useContext(UserContext);\n const [\n entityAccountBasicInformationQualificationQuestionError,\n setEntityAccountBasicInformationQualificationQuestionError,\n ] = useState(\"\");\n\n const [qualificationDate, setQualificationDate] = useState(\"\");\n const [submissionInProgress, setSubmissionInProgress] = useState(false);\n\n useEffect(() => {\n setEntityAccountBasicInformationQualificationQuestionError(\"\");\n }, [\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5,\n ]);\n\n const isEntityAccountQualifiedPurchaser = (q1, q2, q3, q4, q5) => {\n var isQualifiedPurchaser = false;\n if (!q1) {\n if (q2 && q3) {\n isQualifiedPurchaser = true;\n let utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else if (q2 && q4) {\n isQualifiedPurchaser = true;\n let utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else if (!q3 && !q4 && q5) {\n isQualifiedPurchaser = true;\n let utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else if (q3 && !q4 && q5) {\n isQualifiedPurchaser = true;\n let utcDate = getDateUTC();\n setQualificationDate(utcDate);\n } else {\n isQualifiedPurchaser = false;\n setQualificationDate(\"\");\n }\n } else {\n isQualifiedPurchaser = false;\n setQualificationDate(\"\");\n }\n\n return isQualifiedPurchaser;\n };\n\n const submitEntityAccountBasicInformation = async () => {\n var errors = false;\n setSubmissionInProgress(true);\n\n if (legalAccountName === \"\") {\n errors = true;\n setLegalAccountNameError(\"This field is required.\");\n }\n\n if (countryOfFormation === \"\") {\n errors = true;\n setCountryOfFormationError(\"This field is required.\");\n }\n\n if (\n entityQualificationQ1 === \"\" ||\n entityQualificationQ2 === \"\" ||\n entityQualificationQ3 === \"\" ||\n entityQualificationQ4 === \"\" ||\n entityQualificationQ5 === \"\"\n ) {\n errors = true;\n setEntityAccountBasicInformationQualificationQuestionError(\n \"Please answer all qualification questions.\"\n );\n } else if (\n !isEntityAccountQualifiedPurchaser(\n entityQualificationQ1,\n entityQualificationQ2,\n entityQualificationQ3,\n entityQualificationQ4,\n entityQualificationQ5\n )\n ) {\n errors = true;\n setEntityAccountBasicInformationQualificationQuestionError(\n \"Sorry, your entity doesn't qualify as a qualified purchaser (QP). At this time, we only allow QPs on Aqua, so you will be unable to add this account.\"\n );\n }\n\n if (!errors) {\n // Code to make request to the backend goes here\n const newAccountResp = await newAccount({\n account_type: \"ENT\",\n qualification_date: getDateUTC(),\n entity_q1_qp_specific_purpose_invest_fund: entityQualificationQ1,\n entity_q2_qp_5m_investments: entityQualificationQ2,\n entity_q3_qp_owned_by_family: entityQualificationQ3,\n entity_q4_qp_25m_investments: entityQualificationQ4,\n entity_q5_qp_all_owners_qp: entityQualificationQ5,\n entity_legal_name: legalAccountName,\n entity_type: accountType,\n country_of_formation: countryOfFormation,\n });\n setAccountID(newAccountResp.data.detail);\n const accountList = await getAccountList();\n setUser((user) => ({ ...user, accountListData: accountList.data }));\n\n setActiveSlide((prevState) => prevState + 1);\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n return (\n shouldRenderEntityQualificationSection && (\n \n
\n )}\n {!loading && Next Step}\n \n \n \n Next Step\n \n \n
\n \n
\n \n
\n \n
\n \n );\n}\nexport default AccountBasicInformation;\n","import React, { useEffect } from \"react\";\nimport StyledDateInputField from \"../../../../../../../GlobalComponents/InputField/StyledDateInputField/StyledDateInputField\";\nimport StyledTextInputField from \"../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport { formatSSN } from \"../../../../../../../GlobalFunctions/globalFunctions.js\";\n\nfunction IndividualAccountPersonalInformationTaxSection({\n domicileCountry,\n dob,\n setDob,\n dobError,\n setDobError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n return (\n \n
\n \n Account Info\n
\n \n \n
\n )}\n \n
\n {showLegalAccountNameField !== \"IND\" && (\n \n
\n \n \n Personal Information\n \n
\n \n
\n \n
\n \n {domicileCountry === \"United States\" && (\n
\n \n \n {joint && <>Secondary Accountholder} Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default IndividualAccountPersonalInformationButton;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router\";\nimport IndividualAccountPersonalInformationTaxSection from \"./IndividualAccountPersonalInformationTaxSection/IndividualAccountPersonalInformationTaxSection\";\nimport IndividualAccountPersonalInformationAddressSection from \"./IndividualAccountPersonalInformationAddressSection/IndividualAccountPersonalInformationAddressSection\";\nimport IndividualAccountPersonalInformationButton from \"./IndividualAccountPersonalInformationButton/IndividualAccountPersonalInformationButton\";\nimport { isValidSSN } from \"../../../../../../Functions/functions.js\";\nimport {\n updateInvestorAddress,\n updateInvestorPII,\n} from \"../../../../../../Api/ProfileApi.js\";\nimport { UserContext } from \"./../../../../../../GlobalContexts/UserContext\";\n\nfunction IndividualAccountPersonalInformation({\n accountID,\n processedCountryList,\n processedStateList,\n domicileCountry,\n setDomicileCountry,\n joint,\n}) {\n let history = useHistory(\"\");\n\n const [idNumber, setIDNumber] = useState(\"\");\n const [idNumberError, setIDNumberError] = useState(\"\");\n\n const [idType, setIDType] = useState(\"\");\n\n const [dob, setDob] = useState(\"\");\n const [dobError, setDobError] = useState(\"\");\n\n const [addressLine1, setAddressLine1] = useState(\"\");\n const [addressLine1Error, setAddressLine1Error] = useState(\"\");\n\n const [addressLine2, setAddressLine2] = useState(\"\");\n const [addressLine2Error, setAddressLine2Error] = useState(\"\");\n\n const [city, setCity] = useState(\"\");\n const [cityError, setCityError] = useState(\"\");\n\n const [state, setState] = useState(\"\");\n const [stateError, setStateError] = useState(\"\");\n\n const [country, setCountry] = useState(\"\");\n const [countryError, setCountryError] = useState(\"\");\n\n const [postalCode, setPostalCode] = useState(\"\");\n const [postalCodeError, setPostalCodeError] = useState(\"\");\n\n const [secIdNumber, setSecIDNumber] = useState(\"\");\n const [secDomicileCountry, setSecDomicileCountry] = useState(\"\");\n\n const [secIdNumberError, setSecIDNumberError] = useState(\"\");\n\n const [secIdType, setSecIDType] = useState(\"\");\n\n const [secDob, setSecDob] = useState(\"\");\n const [secDobError, setSecDobError] = useState(\"\");\n\n const [secAddressLine1, setSecAddressLine1] = useState(\"\");\n const [secAddressLine1Error, setSecAddressLine1Error] = useState(\"\");\n\n const [secAddressLine2, setSecAddressLine2] = useState(\"\");\n const [secAddressLine2Error, setSecAddressLine2Error] = useState(\"\");\n\n const [secCity, setSecCity] = useState(\"\");\n const [secCityError, setSecCityError] = useState(\"\");\n\n const [secState, setSecState] = useState(\"\");\n const [secStateError, setSecStateError] = useState(\"\");\n\n const [secCountry, setSecCountry] = useState(\"\");\n const [secCountryError, setSecCountryError] = useState(\"\");\n\n const [secPostalCode, setSecPostalCode] = useState(\"\");\n const [secPostalCodeError, setSecPostalCodeError] = useState(\"\");\n\n const [submissionInProgress, setSubmissionInProgress] = useState(false);\n\n const { user, setUser } = useContext(UserContext);\n\n useEffect(() => {\n user &&\n user.investorSummaryData &&\n setDomicileCountry(user.investorSummaryData.country);\n }, [user]);\n\n useEffect(() => {\n if (domicileCountry === \"United States\") {\n setIDType(\"SSN\");\n } else {\n setIDType(\"PASS\");\n }\n }, [domicileCountry]);\n\n useEffect(() => {\n if (secDomicileCountry === \"United States\") {\n setSecIDType(\"SSN\");\n } else {\n setSecIDType(\"PASS\");\n }\n }, [secDomicileCountry]);\n\n useEffect(() => {\n setIDNumberError(\"\");\n }, [idType]);\n\n const getAgeFromDob = (dob) => {\n var today = new Date();\n var todayUnix = today.getTime();\n var userDob = new Date(dob);\n var userDobUnix = userDob.getTime();\n var age = 0;\n if (todayUnix < userDobUnix) {\n return --age;\n } else {\n age = today.getFullYear() - userDob.getFullYear();\n var monthDif = today.getMonth() - userDob.getMonth();\n if (monthDif < 0) {\n --age;\n } else if (monthDif === 0) {\n var dayDif = today.getDate() - (userDob.getDate() + 1);\n if (dayDif < 0) {\n --age;\n }\n }\n return age;\n }\n };\n\n const submitIndividualAccountPersonalInformation = async () => {\n var errors = false;\n\n if (dob === \"\") {\n errors = true;\n setDobError(\"This field is required.\");\n } else if (getAgeFromDob(dob) < 0) {\n errors = true;\n setDobError(\"Your date of birth can't be in the future.\");\n } else if (getAgeFromDob(dob) < 18) {\n errors = true;\n setDobError(\"Sorry, you must be at least 18 to invest using Aqua.\");\n }\n\n if (idNumber === \"\") {\n errors = true;\n setIDNumberError(\"This field is required.\");\n } else if (domicileCountry === \"United States\" && !isValidSSN(idNumber)) {\n errors = true;\n setIDNumberError(\"Please enter a valid SSN.\");\n }\n\n if (addressLine1 === \"\") {\n errors = true;\n setAddressLine1Error(\"Please enter an address line 1.\");\n }\n\n if (city === \"\") {\n errors = true;\n setCityError(\"Please enter a city.\");\n }\n\n if (country === \"United States\" && state === \"\") {\n errors = true;\n setStateError(\"Please enter a state.\");\n }\n\n if (country === \"\") {\n errors = true;\n setCountryError(\"Please enter a country.\");\n }\n\n if (postalCode === \"\") {\n errors = true;\n setPostalCodeError(\"Please enter a postal code.\");\n }\n\n if (!errors) {\n let addressInformation = {};\n addressInformation.address_line_1 = addressLine1;\n addressInformation.address_line_2 = addressLine2;\n addressInformation.city = city;\n addressInformation.state = state;\n addressInformation.country = country;\n addressInformation.postal_code = postalCode;\n\n addressInformation.address_type = \"RM\";\n\n addressInformation.id_type =\n idType === \"EIN\" ? \"EIN\" : idType === \"ITIN\" ? \"ITIN\" : \"FTID\";\n addressInformation.id_number = idNumber;\n addressInformation.entity_id = accountID;\n\n try {\n setSubmissionInProgress(true);\n await updateInvestorAddress(addressInformation);\n await updateInvestorPII({\n date_of_birth: dob,\n id_type: idType,\n id_num: idNumber,\n });\n\n const updatedUser = user;\n let investorPII = {};\n investorPII.date_of_birth = dob;\n investorPII.id_type = idType;\n investorPII.id_num = idNumber;\n\n let updateInvestorPIIArray = [];\n\n updateInvestorPIIArray.push(investorPII);\n updatedUser.userProfileData.investor_pii = updateInvestorPIIArray;\n\n let investorAddress = {};\n investorAddress.address_line_1 = addressLine1;\n investorAddress.address_line_2 = addressLine2;\n investorAddress.city = city;\n investorAddress.country = country;\n investorAddress.state = state;\n investorAddress.postal_code = postalCode;\n\n let updateInvestorAddressArray = [];\n updateInvestorAddressArray.push(investorAddress);\n updatedUser.userProfileData.investor_addresses =\n updateInvestorAddressArray;\n\n updatedUser.investorPrimaryAddressLine1 = addressLine1;\n updatedUser.investorPrimaryAddressLine2 = addressLine2;\n updatedUser.investorPrimaryCity = city;\n updatedUser.investorPrimaryState = state;\n updatedUser.investorPrimaryCountry = country;\n updatedUser.investorPrimaryPostalCode = postalCode;\n updatedUser.investorPrimaryAddressType = \"RM\";\n updatedUser.investorSummaryData.address_complete = true;\n updatedUser.investorSummaryData.pii_complete = true;\n\n setUser(updatedUser);\n if (joint) {\n submitJointAccountPersonalInformation();\n }\n history.push(\"/investment-accounts\");\n } catch (err) {\n console.log(err);\n }\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n const submitJointAccountPersonalInformation = async () => {\n var errors = false;\n\n if (secDob === \"\") {\n errors = true;\n setSecDobError(\"This field is required.\");\n } else if (getAgeFromDob(secDob) < 0) {\n errors = true;\n setSecDobError(\"Your date of birth can't be in the future.\");\n } else if (getAgeFromDob(secDob) < 18) {\n errors = true;\n setSecDobError(\"Sorry, you must be at least 18 to invest using Aqua.\");\n }\n\n if (secIdNumber === \"\") {\n errors = true;\n setSecIDNumberError(\"This field is required.\");\n } else if (\n secDomicileCountry === \"United States\" &&\n !isValidSSN(secIdNumber)\n ) {\n errors = true;\n setSecIDNumberError(\"Please enter a valid SSN.\");\n }\n\n if (secAddressLine1 === \"\") {\n errors = true;\n setSecAddressLine1Error(\"Please enter an address line 1.\");\n }\n\n if (secCity === \"\") {\n errors = true;\n setSecCityError(\"Please enter a city.\");\n }\n\n if (secCountry === \"United States\" && secState === \"\") {\n errors = true;\n setSecStateError(\"Please enter a state.\");\n }\n\n if (secCountry === \"\") {\n errors = true;\n setSecCountryError(\"Please enter a country.\");\n } else if (secCountry !== \"United States\") {\n errors = true;\n setSecCountryError(\n \"Sorry, only US investors are supported at this time.\"\n );\n }\n\n if (secPostalCode === \"\") {\n errors = true;\n setSecPostalCodeError(\"Please enter a postal code.\");\n }\n\n if (!errors) {\n let addressInformation = {};\n addressInformation.address_line_1 = secAddressLine1;\n addressInformation.address_line_2 = secAddressLine2;\n addressInformation.city = secCity;\n addressInformation.state = secState;\n addressInformation.country = secCountry;\n addressInformation.postal_code = secPostalCode;\n\n addressInformation.address_type = \"RM\";\n\n addressInformation.id_type =\n idType === \"EIN\" ? \"EIN\" : idType === \"ITIN\" ? \"ITIN\" : \"FTID\";\n addressInformation.id_number = secIdNumber;\n addressInformation.entity_id = accountID;\n addressInformation.joint = true;\n\n try {\n setSubmissionInProgress(true);\n await updateInvestorAddress(addressInformation);\n await updateInvestorPII({\n date_of_birth: secDob,\n id_type: secIdType,\n id_num: secIdNumber,\n joint: true,\n citizenship: secCountry,\n });\n // Re-pull context\n //setUser(updatedUser);\n\n history.push(\"/investment-accounts\");\n } catch (err) {\n setSubmissionInProgress(false);\n console.log(err);\n }\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n /*\n user &&\n user.investorSummaryData &&\n user.investorSummaryData.address_complete &&\n user.investorSummaryData.pii_complete*/\n\n return (\n \n onClick()}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Complete Account}\n \n \n \n Complete Account\n \n \n
\n \n
\n );\n}\nexport default IndividualAccountPersonalInformation;\n","import React from \"react\";\nimport SelectField from \"../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport StyledTextInputField from \"../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\n\nfunction TrustAccountLegalInformationTaxSection({\n countryOfFormation,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idTypeOptions,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n return (\n \n {user &&\n user.investorSummaryData &&\n !(\n user.investorSummaryData.pii_complete &&\n user.investorSummaryData.address_complete\n ) && (\n <>\n \n user &&\n user.investorSummaryData &&\n !(\n user.investorSummaryData.pii_complete &&\n user.investorSummaryData.address_complete\n )\n ? submitIndividualAccountPersonalInformation()\n : submitJointAccountPersonalInformation()\n }\n />\n
\n \n \n Tax Information\n \n
\n \n {countryOfFormation !== \"United States\" && (\n \n {countryOfFormation === \"United States\" && (\n
\n \n \n
\n )}\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default TrustAccountLegalInformationButton;\n","import React, { useState, useEffect } from \"react\";\nimport TrustAccountLegalInformationTaxSection from \"./TrustAccountLegalInformationTaxSection/TrustAccountLegalInformationTaxSection\";\nimport TrustAccountLegalInformationAddressSection from \"./TrustAccountLegalInformationAddressSection/TrustAccountLegalInformationAddressSection\";\nimport TrustAccountLegalInformationButton from \"./TrustAccountLegalInformationButton/TrustAccountLegalInformationButton\";\nimport { updateEntityInformation } from \"./../../../../../../Api/ProfileApi.js\";\n\nfunction TrustAccountLegalInformation({\n accountID,\n countryOfFormation,\n trustType,\n idTypeOptions,\n processedStateList,\n processedCountryList,\n setActiveSlide,\n}) {\n const [idType, setIDType] = useState(\"\");\n const [idTypeError, setIDTypeError] = useState(\"\");\n\n const [idNumber, setIDNumber] = useState(\"\");\n const [idNumberError, setIDNumberError] = useState(\"\");\n\n const [addressLine1, setAddressLine1] = useState(\"\");\n const [addressLine1Error, setAddressLine1Error] = useState(\"\");\n\n const [addressLine2, setAddressLine2] = useState(\"\");\n const [addressLine2Error, setAddressLine2Error] = useState(\"\");\n\n const [city, setCity] = useState(\"\");\n const [cityError, setCityError] = useState(\"\");\n\n const [state, setState] = useState(\"\");\n const [stateError, setStateError] = useState(\"\");\n\n const [country, setCountry] = useState(\"\");\n const [countryError, setCountryError] = useState(\"\");\n\n const [postalCode, setPostalCode] = useState(\"\");\n const [postalCodeError, setPostalCodeError] = useState(\"\");\n\n const [submissionInProgress, setSubmissionInProgress] = useState(false);\n\n const submitTrustAccountLegalInformation = async () => {\n var errors = false;\n setSubmissionInProgress(true);\n\n if (\n idType === \"\" &&\n trustType === \"TRUST\" &&\n countryOfFormation !== \"United States\"\n ) {\n errors = true;\n setIDTypeError(\"Please select an id type.\");\n }\n\n if (idNumber === \"\" && trustType === \"TRUST\") {\n errors = true;\n setIDNumberError(\"Please enter an id number\");\n }\n\n if (addressLine1 === \"\") {\n errors = true;\n setAddressLine1Error(\"This field is required.\");\n }\n\n if (city === \"\") {\n errors = true;\n setCityError(\"Please enter a city.\");\n }\n\n if (country === \"United States\" && state === \"\") {\n errors = true;\n setStateError(\"Please select a state.\");\n }\n\n if (country === \"\") {\n errors = true;\n setCountryError(\"Please select a country.\");\n }\n\n if (postalCode === \"\") {\n errors = true;\n setPostalCodeError(\"Please enter a postal code.\");\n }\n\n if (!errors) {\n let addressInformation = {};\n addressInformation.address_line_1 = addressLine1;\n // if (addressLine2 !== \"\") {\n addressInformation.address_line_2 = addressLine2;\n // }\n addressInformation.city = city;\n // if (country === \"United States\") {\n addressInformation.state = state;\n // }\n addressInformation.country = country;\n addressInformation.postal_code = postalCode;\n\n addressInformation.address_type = \"RM\";\n addressInformation.address2_type = \"\";\n\n addressInformation.address2_line_1 = \"\";\n addressInformation.address2_line_2 = \"\";\n addressInformation.address2_city = \"\";\n addressInformation.address2_state = \"\";\n addressInformation.address2_country = \"\";\n addressInformation.address2_postal_code = \"\";\n\n addressInformation.id_type =\n idType === \"EIN\" ? \"EIN\" : idType === \"ITIN\" ? \"ITIN\" : \"FTID\";\n addressInformation.id_number = idNumber;\n addressInformation.entity_id = accountID;\n\n await updateEntityInformation(addressInformation);\n\n setActiveSlide((prevState) => prevState + 1);\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n return trustType === \"TRUST\" ? (\n \n {\n onClick();\n }}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Next Step}\n \n \n \n Next Step\n \n \n
\n \n
\n ) : (\n \n submitTrustAccountLegalInformation()}\n />\n
\n \n
\n );\n}\nexport default TrustAccountLegalInformation;\n","import React from \"react\";\nimport SelectField from \"../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport StyledTextInputField from \"../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\n\nfunction EntityAccountLegalInformationTaxSection({\n countryOfFormation,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idTypeOptions,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n return (\n \n submitTrustAccountLegalInformation()}\n />\n
\n \n \n Tax Information\n \n
\n \n {countryOfFormation !== \"United States\" && (\n \n {countryOfFormation === \"United States\" && (\n
\n \n \n
\n )}\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default EntityAccountLegalInformationButton;\n","import React, { useState, useEffect } from \"react\";\nimport EntityAccountLegalInformationTaxSection from \"./EntityAccountLegalInformationTaxSection/EntityAccountLegalInformationTaxSection\";\nimport EntityAccountLegalInformationAddressSection from \"./EntityAccountLegalInformationAddressSection/EntityAccountLegalInformationAddressSection\";\nimport EntityAccountLegalInformationButton from \"./EntityAccountLegalInformationButton/EntityAccountLegalInformationButton\";\nimport { updateEntityInformation } from \"./../../../../../../Api/ProfileApi.js\";\n\nfunction EntityAccountLegalInformation({\n accountID,\n countryOfFormation,\n idTypeOptions,\n processedStateList,\n processedCountryList,\n setActiveSlide,\n componentAccountType,\n}) {\n const [idType, setIDType] = useState(\"\");\n const [idTypeError, setIDTypeError] = useState(\"\");\n\n const [idNumber, setIDNumber] = useState(\"\");\n const [idNumberError, setIDNumberError] = useState(\"\");\n\n const [addressLine1, setAddressLine1] = useState(\"\");\n const [addressLine1Error, setAddressLine1Error] = useState(\"\");\n\n const [addressLine2, setAddressLine2] = useState(\"\");\n const [addressLine2Error, setAddressLine2Error] = useState(\"\");\n\n const [city, setCity] = useState(\"\");\n const [cityError, setCityError] = useState(\"\");\n\n const [state, setState] = useState(\"\");\n const [stateError, setStateError] = useState(\"\");\n\n const [country, setCountry] = useState(\"\");\n const [countryError, setCountryError] = useState(\"\");\n\n const [postalCode, setPostalCode] = useState(\"\");\n const [postalCodeError, setPostalCodeError] = useState(\"\");\n\n const [submissionInProgress, setSubmissionInProgress] = useState(false);\n\n const submitEntityAccountLegalInformation = async () => {\n var errors = false;\n setSubmissionInProgress(true);\n\n if (idType === \"\" && countryOfFormation !== \"United States\" && componentAccountType !== \"SM_LLC\") {\n errors = true;\n setIDTypeError(\"Please select an id type.\");\n }\n\n if (idNumber === \"\" && componentAccountType !== \"SM_LLC\") {\n errors = true;\n setIDNumberError(\"Please enter an id number\");\n }\n\n if (addressLine1 === \"\") {\n errors = true;\n setAddressLine1Error(\"This field is required.\");\n }\n\n if (city === \"\") {\n errors = true;\n setCityError(\"Please enter a city.\");\n }\n\n if (country === \"United States\" && state === \"\") {\n errors = true;\n setStateError(\"Please select a state.\");\n }\n\n if (country === \"\") {\n errors = true;\n setCountryError(\"Please select a country.\");\n }\n\n if (postalCode === \"\") {\n errors = true;\n setPostalCodeError(\"Please enter a postal code.\");\n }\n\n if (!errors) {\n //\n\n let addressInformation = {};\n addressInformation.address_line_1 = addressLine1;\n // if (addressLine2 !== \"\") {\n addressInformation.address_line_2 = addressLine2;\n // }\n addressInformation.city = city;\n // if (country === \"United States\") {\n addressInformation.state = state;\n // }\n addressInformation.country = country;\n addressInformation.postal_code = postalCode;\n\n addressInformation.address_type = \"RM\";\n addressInformation.address2_type = \"\";\n\n addressInformation.address2_line_1 = \"\";\n addressInformation.address2_line_2 = \"\";\n addressInformation.address2_city = \"\";\n addressInformation.address2_state = \"\";\n addressInformation.address2_country = \"\";\n addressInformation.address2_postal_code = \"\";\n\n addressInformation.id_type =\n idType === \"EIN\" ? \"EIN\" : idType === \"ITIN\" ? \"ITIN\" : \"FTID\";\n addressInformation.id_number = idNumber;\n addressInformation.entity_id = accountID;\n\n await updateEntityInformation(addressInformation);\n console.log(componentAccountType);\n setActiveSlide((prevState) => prevState + (componentAccountType !== \"SM_LLC\" ? 1 : 3));\n } else {\n setSubmissionInProgress(false);\n return;\n }\n };\n\n return (\n \n onClick()}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Next Step}\n \n \n \n Next Step\n \n \n
\n \n
\n );\n}\nexport default EntityAccountLegalInformation;\n","import React, { useState, useEffect } from \"react\";\nimport \"./AccountLegalInformationStyles/AccountLegalInformationStyles.scss\";\nimport IndividualAccountPersonalInformation from \"./IndividualAccountPersonalInformation/IndividualAccountPersonalInformation\";\nimport TrustAccountLegalInformation from \"./TrustAccountLegalInformation/TrustAccountLegalInformation\";\nimport EntityAccountLegalInformation from \"./EntityAccountLegalInformation/EntityAccountLegalInformation\";\n\nfunction AccountLegalInformation({\n accountID,\n accountType,\n countryOfFormation,\n domicileCountry,\n setDomicileCountry,\n processedCountryList,\n processedStateList,\n setActiveSlide,\n}) {\n const [componentAccountType, setComponentAccountType] = useState(accountType); //maybe this should be passed in from the parent, because some of this information will be available when that component is loaded the request to the backend can be made at that component\n const [trustType, setTrustType] = useState(\"LT\");\n\n useEffect(() => {\n if (accountType !== \"\") {\n setComponentAccountType(accountType);\n }\n }, [accountType]);\n\n useEffect(() => {\n if (componentAccountType === \"LT\") {\n setTrustType(\"LT\");\n } else if (componentAccountType === \"TRUST\") {\n setTrustType(\"TRUST\");\n } else {\n setTrustType(\"\");\n }\n }, [componentAccountType]);\n //will need to make a request to the backend to pull in some of this information if the user is returning to complete the account information\n\n const idTypeOptions = [\n { value: \"EIN\", label: \"EIN\" },\n { value: \"FTID\", label: \"Foreign Tax ID\" },\n { value: \"ITIN\", label: \"ITIN\" },\n ];\n return componentAccountType === \"IND\" ? (\n \n {componentAccountType !== \"SM_LLC\" && submitEntityAccountLegalInformation()}\n />\n
\n \n onChange(event, inputField)}\n />\n \n
\n );\n};\nexport default UploadButton;\n","import React, { useState, useEffect } from \"react\";\nimport \"../Styles/Styles.scss\";\nimport StyledTextInputField from \"../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport PhoneInputField from \"../../../../../../../GlobalComponents/InputFields/PhoneInputField/PhoneInputField\";\nimport { stateList } from \"../../../../../../../Components/GlobalComponents/stateList\";\nimport UploadButton from \"../../../../../../../GlobalComponents/Button/UploadButton/UploadButton\";\nimport StyledDateInputField from \"../../../../../../../GlobalComponents/InputField/StyledDateInputField/StyledDateInputField\";\nimport { formatSSN } from \"../../../../../../../GlobalFunctions/globalFunctions\";\n\nconst IrrevocableTrustRelatedPartyInputInformation = ({\n index,\n inputField,\n relatedPartyType,\n handleChangeInput,\n handleFileUpload,\n disabled,\n yesNoOptions,\n}) => {\n const relatedPartyTypeOptions = [\n { value: \"Person\", label: \"Person\" },\n { value: \"Entity\", label: \"Entity\" },\n ];\n\n const trusteeOptions = [\n // { value: \"LT\", label: \"Revocable Trust\" },\n // { value: \"TRUST\", label: \"Irrevocable Trust\" },\n { value: \"SM_LLC\", label: \"Single-member LLC\" },\n { value: \"LLC\", label: \"LLC\" },\n { value: \"GP\", label: \"General Partnership\" },\n { value: \"LP\", label: \"Limited Partnership\" },\n { value: \"C-CORP\", label: \"C-Corp\" },\n { value: \"S-CORP\", label: \"S-Corp\" },\n ];\n\n return (\n \n
\n Trustee Information
\n\n
\n {inputField.entityNestedControlEntityTrusteeType !== \"Entity\" ? (\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityNestedControlEntityTrusteeType\"\n );\n inputField.entityNestedControlEntityTrusteeTypeError = \"\";\n }}\n valueError={inputField.entityNestedControlEntityTrusteeTypeError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityNestedControlEntityTrusteeTypeError\"\n )\n }\n selectOptions={relatedPartyTypeOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-trustee-type-select\"}\n label={\"Is the trustee a person or entity?\"}\n />\n
\n \n
\n \n
\n \n
\n Trustee Person Information
\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonFirstName\"\n );\n inputField.entityControlPersonFirstNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonFirstNameError = e;\n }}\n valueError={inputField.entityControlPersonFirstNameError}\n label={\"First Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-first-name-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonLastName\"\n );\n inputField.entityControlPersonLastNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonLastNameError = e;\n }}\n valueError={inputField.entityControlPersonLastNameError}\n label={\"Last Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-last-name-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityControlPersonEmail\");\n inputField.entityControlPersonEmailError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonEmailError = e;\n }}\n valueError={inputField.entityControlPersonEmailError}\n label={\"Email\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-email-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonPhoneNumber\"\n );\n inputField.entityControlPersonPhoneNumberError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonPhoneNumberError = e;\n }}\n valueError={inputField.entityControlPersonPhoneNumberError}\n label={\"Phone Number\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-phone-number-input\"}\n />\n
\n \n
\n {/* {!disabled && (\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSBased\"\n );\n inputField.entityControlPersonIsUSBasedError = \"\";\n }}\n valueError={inputField.entityControlPersonIsUSBasedError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSBasedError\"\n )\n }\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-control-person-is-us-based-select\"}\n label={\"Is US Based?\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSCitizen\"\n );\n inputField.entityControlPersonIsUSCitizenError = \"\";\n }}\n valueError={inputField.entityControlPersonIsUSCitizenError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSCitizenError\"\n )\n }\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-control-person-is-us-citizen-select\"}\n label={\"Is US Citizen?\"}\n />\n
\n \n
\n \n \n Do you have access to the personally identifiable\n information for a control person of this entity? (i.e. SSN,\n DOB, etc.)\n \n
\n \n
\n \n \n {\n if (!disabled) {\n handleChangeInput(\n index,\n \"Yes\",\n \"entityControlPersonPIIAvailable\"\n );\n inputField.entityControlPersonPIIAvailableError = \"\";\n }\n }}\n />\n \n \n Yes\n \n \n
\n \n \n {\n if (!disabled) {\n handleChangeInput(\n index,\n \"No\",\n \"entityControlPersonPIIAvailable\"\n );\n inputField.entityControlPersonPIIAvailableError = \"\";\n }\n }}\n />\n \n No\n \n
\n \n
\n )} */}\n \n \n {inputField.entityControlPersonPIIAvailableError}\n \n
\n \n
\n \n
\n \n
\n Trustee Personal Information
\n {/* {relatedPartyType === \"TRT\" ? (\n\n Trustee Entity Control Person Personal Information\n
\n ) : (\n\n Beneficial Owner Entity Control Person Personal\n Information\n
\n )} */}\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonAddressLine1\"\n );\n inputField.entityControlPersonAddressLine1Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonAddressLine1Error = e;\n }}\n valueError={inputField.entityControlPersonAddressLine1Error}\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-address-line-1-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonAddressLine2\"\n );\n inputField.entityControlPersonAddressLine2Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonAddressLine2Error = e;\n }}\n valueError={inputField.entityControlPersonAddressLine2Error}\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-address-line-2-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonCity\"\n );\n inputField.entityControlPersonCityError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonCityError = e;\n }}\n valueError={inputField.entityControlPersonCityError}\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-city-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonState\"\n );\n inputField.entityControlPersonStateError = \"\";\n }}\n valueError={inputField.entityControlPersonStateError}\n setValueError={(e) => {\n inputField.entityControlPersonStateError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-state-select\"}\n label={\"State\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonPostalCode\"\n );\n inputField.entityControlPersonPostalCodeError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonPostalCodeError = e;\n }}\n valueError={inputField.entityControlPersonPostalCodeError}\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-postal-code-input\"}\n mask={{\n maskPattern: \"999999999999\",\n maskFormatter: (e) => e,\n }}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityControlPersonDOB\");\n inputField.entityControlPersonDOBError = \"\";\n }}\n valueError={inputField.entityControlPersonDOBError}\n setValueError={(e) => {\n inputField.entityControlPersonDOBError = e;\n }}\n label={\"Date Of Birth\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-dob-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonTaxIDNumber\"\n );\n inputField.entityControlPersonTaxIDNumberError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonTaxIDNumberError = e;\n }}\n mask={{\n maskFormatter: formatSSN,\n maskPattern: \"999-99-9999\",\n }}\n valueError={inputField.entityControlPersonTaxIDNumberError}\n label={\"SSN\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-tax-id-number-input\"}\n />\n
\n \n
\n \n
\n \n
\n Additional Required Trust Documentation
\n {/* {relatedPartyType === \"TRT\" ? (\nAdditional Required Trustee Entity Documentation
\n ) : (\n\n Additional Required Beneficial Owner Entity\n Documentation\n
\n )} */}\n\n
\n \n
\n \n \n Please upload the following documents for the trust\n (Certificate of Formation, Proof of Address):\n {/* {relatedPartyType === \"TRT\"\n ? \"Please upload the following documents for this trustee entity (Certificate of Formation, Proof of Address):\"\n : \"Please upload the following documents for this beneficial owner entity (Certificate of Formation, Proof of Address):\"} */}\n \n
\n \n
\n {inputField.entityCertificateOfFormationError !== \"\" && (\n \n
\n \n {inputField.entityCertificateOfFormation === \"\" ? (\n
\n \n
\n )}\n \n \n Certificate of Formation Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityCertificateOfFormationError}\n \n
\n \n
\n {inputField.entityProofOfAddressError !== \"\" && (\n \n
\n \n {inputField.entityProofOfAddress === \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityProofOfAddressError}\n \n
\n \n
\n \n
\n \n
\n Additional Required Trustee Documentation
\n\n
\n \n
\n \n \n Please upload the following documents for the trustee of\n the trust (Passport, Proof of Address):\n \n
\n \n
\n {inputField.entityControlPersonPassportDocumentError !== \"\" && (\n \n
\n \n {inputField.entityControlPersonPassportDocument === \"\" ? (\n
\n \n
\n )}\n \n \n Passport Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityControlPersonPassportDocumentError}\n \n
\n \n
\n {inputField.entityControlPersonProofOfAddressError !== \"\" && (\n \n
\n \n {inputField.entityControlPersonProofOfAddress === \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityControlPersonProofOfAddressError}\n \n
\n \n
\n Trustee Entity Information
\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityNestedControlEntityType\"\n );\n inputField.entityNestedControlEntityTypeError = \"\";\n }}\n valueError={inputField.entityNestedControlEntityTypeError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityNestedControlEntityTypeError\"\n )\n }\n selectOptions={trusteeOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-type-select\"}\n label={\"Entity Type\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityName\"\n );\n inputField.entityNestedControlEntityNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityNestedControlEntityNameError = e;\n }}\n valueError={inputField.entityNestedControlEntityNameError}\n label={\"Entity Legal Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-nested-control-entity-name-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityPercentOwned\"\n );\n inputField.entityNestedControlEntityPercentOwnedError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityNestedControlEntityPercentOwnedError = e;\n }}\n valueError={\n inputField.entityNestedControlEntityPercentOwnedError\n }\n label={\"Percent Ownership\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-nested-control-entity-percent-owned-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityStateOfIncorporation\"\n );\n inputField.entityNestedControlEntityStateOfIncorporationError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityStateOfIncorporationError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityStateOfIncorporationError =\n e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-state-of-incorporation-select\"\n }\n label={\"State of Incorporation\"}\n />\n
\n \n \n
\n {inputField.entityNestedControlEntityType !== \"SM_LLC\" && (\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityPhoneNumber\"\n );\n inputField.entityNestedControlEntityPhoneNumberError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityNestedControlEntityPhoneNumberError = e;\n }}\n valueError={\n inputField.entityNestedControlEntityPhoneNumberError\n }\n label={\"Business Phone\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-nested-control-entity-phone-number-input\"}\n />\n
\n \n
\n )}\n \n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityTaxIDNumber\"\n );\n inputField.entityNestedControlEntityTaxIDNumberError = \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityTaxIDNumberError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityTaxIDNumberError\"\n )\n }\n label={\"Entity EIN\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-tax-id-number-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityAddressLine1\"\n );\n inputField.entityNestedControlEntityAddressLine1Error = \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityAddressLine1Error\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityAddressLine1Error\"\n )\n }\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-address-line-1-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityAddressLine2\"\n );\n inputField.entityNestedControlEntityAddressLine2Error = \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityAddressLine2Error\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityAddressLine2Error\"\n )\n }\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-address-line-2-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityCity\"\n );\n inputField.entityNestedControlEntityCityError = \"\";\n }}\n valueError={inputField.entityNestedControlEntityCityError}\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityCityError\"\n )\n }\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-city-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityState\"\n );\n inputField.entityNestedControlEntityStateError = \"\";\n }}\n valueError={inputField.entityNestedControlEntityStateError}\n setValueError={(e) => {\n inputField.entityNestedControlEntityStateError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-nested-control-entity-state-select\"}\n label={\"State\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityPostalCode\"\n );\n inputField.entityNestedControlEntityPostalCodeError = \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityPostalCodeError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityPostalCodeError\"\n )\n }\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-postal-code-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityIsTrustManagementCompany\"\n );\n inputField.entityNestedControlEntityIsTrustManagementCompanyError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityIsTrustManagementCompanyError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityIsTrustManagementCompanyError =\n e;\n }}\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-is-trust-management-company-select\"\n }\n label={\"Is the entity a trust company?\"}\n />\n
\n \n
\n \n
\n \n
\n Trustee Entity Control Person Information
\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonFirstName\"\n );\n inputField.entityNestedControlEntityControlPersonFirstNameError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonFirstNameError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonFirstNameError\"\n )\n }\n label={\"First Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-first-name-input\"\n }\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonLastName\"\n );\n inputField.entityNestedControlEntityControlPersonLastNameError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonLastNameError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonLastNameError\"\n )\n }\n label={\"Last Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-last-name-input\"\n }\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonEmail\"\n );\n inputField.entityNestedControlEntityControlPersonEmailError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonEmailError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonEmailError\"\n )\n }\n label={\"Email\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-nested-control-entity-control-person-email-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonPhoneNumber\"\n );\n inputField.entityNestedControlEntityControlPersonPhoneNumberError =\n \"\";\n }}\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonPhoneNumberError =\n e;\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonPhoneNumberError\n }\n label={\"Phone Number\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-phone-number-input\"\n }\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonIsUSBased\"\n );\n inputField.entityNestedControlEntityControlPersonIsUSBasedError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonIsUSBasedError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonIsUSBasedError =\n e;\n }}\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-is-us-based-select\"\n }\n label={\"Is US based?\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonIsUSCitizen\"\n );\n inputField.entityNestedControlEntityControlPersonIsUSCitizenError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonIsUSCitizenError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonIsUSCitizenError =\n e;\n }}\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-is-us-citizen-select\"\n }\n label={\"Is US citizen?\"}\n />\n
\n \n
\n {inputField.entityNestedControlEntityControlPersonPIIAvailable ===\n \"Yes\" && (\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonPIIAvailable\"\n );\n inputField.entityNestedControlEntityControlPersonPIIAvailableError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonPIIAvailableError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonPIIAvailableError =\n e;\n }}\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-pii-available-select\"\n }\n label={\"Do you have the PII available for this person?\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonTaxIDNumber\"\n );\n inputField.entityNestedControlEntityControlPersonTaxIDNumberError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonTaxIDNumberError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonTaxIDNumberError\"\n )\n }\n label={\"SSN\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n mask={{\n maskFormatter: formatSSN,\n maskPattern: \"999-99-9999\",\n }}\n id={\n \"entity-nested-control-entity-control-person-ssn-input\"\n }\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonDOB\"\n );\n inputField.entityNestedControlEntityControlPersonDOBError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonDOBError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonDOBError =\n e;\n }}\n label={\"Date Of Birth\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-dob-input\"\n }\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonAddressLine1\"\n );\n inputField.entityNestedControlEntityControlPersonAddressLine1Error =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonAddressLine1Error\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonAddressLine1Error\"\n )\n }\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-address-line-1-input\"\n }\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonAddressLine2\"\n );\n inputField.entityNestedControlEntityControlPersonAddressLine2Error =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonAddressLine2Error\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonAddressLine2Error\"\n )\n }\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-address-line-2-input\"\n }\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonCity\"\n );\n inputField.entityNestedControlEntityControlPersonCityError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonCityError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonCityError\"\n )\n }\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-city-input\"\n }\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonState\"\n );\n inputField.entityNestedControlEntityControlPersonStateError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonStateError\n }\n setValueError={(e) => {\n inputField.entityNestedControlEntityControlPersonStateError =\n e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\n \"entity-nested-control-entity-control-person-state-select\"\n }\n label={\"State\"}\n />\n
\n \n
\n {!disabled && (\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonPostalCode\"\n );\n inputField.entityNestedControlEntityControlPersonPostalCodeError =\n \"\";\n }}\n valueError={\n inputField.entityNestedControlEntityControlPersonPostalCodeError\n }\n setValueError={(event) =>\n handleChangeInput(\n index,\n event,\n \"entityNestedControlEntityControlPersonPostalCodeError\"\n )\n }\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\n \"entity-nested-control-entity-control-person-postal-code-input\"\n }\n />\n
\n \n
\n \n
\n \n
\n \n Additional Required Trustee Entity Control Person\n Documentation\n
\n\n
\n \n
\n \n \n Please upload the following documents for the control\n person of the trustee entity (Passport, Proof of\n Address)\n \n
\n \n
\n {inputField.entityNestedControlEntityControlPersonPassportDocumentError !==\n \"\" && (\n \n
\n \n {inputField.entityNestedControlEntityControlPersonPassportDocument ===\n \"\" ? (\n
\n \n
\n )}\n \n \n Passport Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {\n inputField.entityNestedControlEntityControlPersonPassportDocumentError\n }\n \n
\n \n
\n {inputField.entityNestedControlEntityControlPersonProofOfAddressError !==\n \"\" && (\n \n
\n \n {inputField.entityNestedControlEntityControlPersonProofOfAddress ===\n \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {\n inputField.entityNestedControlEntityControlPersonProofOfAddressError\n }\n \n
\n \n
\n \n
\n \n
\n Additional Required Trust Documentation
\n\n
\n \n
\n \n \n Please upload the following documents for this trust\n (Certificate of formation, Proof of Address):\n \n
\n \n
\n {inputField.entityCertificateOfFormationError !== \"\" && (\n \n
\n \n {inputField.entityCertificateOfFormation === \"\" ? (\n
\n \n
\n )}\n \n \n Certificate of Formation Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityCertificateOfFormationError}\n \n
\n \n
\n {inputField.entityProofOfAddressError !== \"\" && (\n \n
\n \n {inputField.entityProofOfAddress === \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n\n \n \n {inputField.entityProofOfAddressError}\n \n
\n \n
\n \n
\n \n
\n Additional Required Trustee Entity Documentation
\n\n
\n \n
\n \n \n \"Please upload the following documents for this trustee\n entity (Certificate of Formation, Proof of Address):\"\n \n
\n \n
\n {inputField.entityNestedControlEntityCertificateOfFormationError !==\n \"\" && (\n \n
\n \n {inputField.entityNestedControlEntityCertificateOfFormation ===\n \"\" ? (\n
\n \n
\n )}\n \n \n Certificate of Formation Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {\n inputField.entityNestedControlEntityCertificateOfFormationError\n }\n \n
\n \n
\n {inputField.entityNestedControlEntityProofOfAddressError !==\n \"\" && (\n \n
\n \n {inputField.entityNestedControlEntityProofOfAddress ===\n \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityNestedControlEntityProofOfAddressError}\n \n
\n \n A trust company is a legal entity that acts as a fiduciary, agent, or trustee on behalf of a person or business for the purpose of administration, management, and the eventual transfer of assets to a beneficial party. The trust company acts as a custodian for trusts, estates, custodial arrangements, asset management, stock transfer, beneficial ownership registration, and other related arrangements.\n`;\n\n const renderTooltip = (copy, props) => (\n
\n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n Trustee Entity Legal Information
\n ) : (\nBeneficial Owner Entity Legal Information
\n )}\n\n
\n \n
\n \n {\n handleChangeInput(index, value, \"entityType\");\n inputField.entityTypeError = \"\";\n }}\n valueError={inputField.entityTypeError}\n setValueError={(value) =>\n handleChangeInput(index, value, \"entityTypeError\")\n }\n selectOptions={\n relatedPartyType === \"BO\" ? entityOptions : trusteeOptions\n }\n required={true}\n fullWidth={true}\n size={\"small\"}\n id={\"entity-type-select\"}\n label={\"Entity Type\"}\n disabled={disabled}\n />\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityName\");\n inputField.entityNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityNameError = e;\n }}\n valueError={inputField.entityNameError}\n label={\"Entity Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-name-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityPercentOwned\");\n inputField.entityPercentOwnedError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityPercentOwnedError = e;\n }}\n mask={{\n maskPattern: \"999\",\n maskFormatter: (e) => (parseInt(e) <= 100 ? e : e.slice(0, 2)),\n }}\n valueError={inputField.entityPercentOwnedError}\n label={\"Percent Ownership\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-percent-owned-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityStateOfIncorporation\");\n inputField.entityStateOfIncorporationError = \"\";\n }}\n valueError={inputField.entityStateOfIncorporationError}\n setValueError={(e) => {\n inputField.entityStateOfIncorporationError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-state-of-incorporation-select\"}\n label={\"State of Incorporation\"}\n />\n
\n \n {inputField.entityType !== \"LT\" &&\n inputField.entityType !== \"SM_LLC\" && (\n \n
\n \n \n
\n )}\n \n {\n handleChangeInput(index, event, \"entityTaxIDNumber\");\n inputField.entityTaxIDNumberError = \"\";\n }}\n valueError={inputField.setEntityTaxIDNumberError}\n setValueError={(event) =>\n handleChangeInput(index, event, \"entityTaxIDNumberError\")\n }\n label={\"Entity EIN\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-tax-id-number-input\"}\n />\n
\n \n {\n handleChangeInput(index, event, \"entityPhoneNumber\");\n inputField.entityPhoneNumberError = \"\";\n }}\n valueError={inputField.entityPhoneNumberError}\n setValueError={(event) =>\n handleChangeInput(index, event, \"entityPhoneNumberError\")\n }\n disabled={disabled}\n id={\"entity-phone-number-input\"}\n />\n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n Trustee Entity Address Information
\n ) : (\nBeneficial Owner Entity Address Information
\n )}\n\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityAddressLine1\");\n inputField.entityAddressLine1Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityAddressLine1Error = e;\n }}\n valueError={inputField.entityAddressLine1Error}\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-address-line-1-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityAddressLine2\");\n inputField.entityAddressLine2Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityAddressLine2Error = e;\n }}\n valueError={inputField.entityAddressLine2Error}\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-address-line-2-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityCity\");\n inputField.entityCityError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityCityError = e;\n }}\n valueError={inputField.entityCityError}\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-city-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityState\");\n inputField.entityStateError = \"\";\n }}\n valueError={inputField.entityStateError}\n setValueError={(e) => {\n inputField.entityStateError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-state-select\"}\n label={\"State\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityPostalCode\");\n inputField.entityPostalCodeError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityPostalCodeError = e;\n }}\n valueError={inputField.entityPostalCodeError}\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-postal-code-input\"}\n mask={{\n maskPattern: \"999999999999\",\n maskFormatter: (e) => e,\n }}\n />\n
\n \n
\n {inputField.entityMailingAddressDifferent === \"Yes\" && (\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityMailingAddressDifferent\"\n );\n inputField.entityMailingAddressDifferentError = \"\";\n }}\n valueError={inputField.entityMailingAddressDifferentError}\n setValueError={(e) => {\n inputField.entityMailingAddressDifferentError = e;\n }}\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-address-different-select\"}\n label={\"Is the mailing address different?\"}\n />\n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n Trustee Entity Mailing Address Information
\n ) : (\nBeneficial Owner Entity Mailing Address Information
\n )}\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityMailingAddressLine1\"\n );\n inputField.entityMailingAddressLine1Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityMailingAddressLine1Error = e;\n }}\n valueError={inputField.entityMailingAddressLine1Error}\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-address-line-1-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityMailingAddressLine2\"\n );\n inputField.entityMailingAddressLine2Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityMailingAddressLine2Error = e;\n }}\n valueError={inputField.entityMailingAddressLine2Error}\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-address-line-2-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityMailingCity\");\n inputField.entityMailingCityError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityMailingCityError = e;\n }}\n valueError={inputField.entityMailingCityError}\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-city-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityMailingState\");\n inputField.stateError = \"\";\n }}\n valueError={inputField.entityMailingStateError}\n setValueError={(e) => {\n inputField.entityMailingStateError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-state-select\"}\n label={\"State\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityMailingPostalCode\");\n inputField.entityMailingPostalCodeError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityMailingPostalCodeError = e;\n }}\n valueError={inputField.entityMailingPostalCodeError}\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-mailing-postal-code-input\"}\n mask={{\n maskPattern: \"999999999999\",\n maskFormatter: (e) => e,\n }}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n \n Is the entity considered a trust management company?\n \n
\n \n {\n return renderTooltip(Trust_Company_Copy, props);\n }}\n >\n
\n \n
\n {inputField.entityIsTrustManagementCompanyError !== \"\" && (\n \n \n {\n handleChangeInput(\n index,\n \"Yes\",\n \"entityIsTrustManagementCompany\"\n );\n inputField.entityIsTrustManagementCompanyError = \"\";\n }}\n />\n \n Yes\n \n
\n \n \n {\n handleChangeInput(\n index,\n \"No\",\n \"entityIsTrustManagementCompany\"\n );\n inputField.entityIsTrustManagementCompanyError = \"\";\n }}\n />\n \n No\n \n
\n \n
\n )}\n \n \n {inputField.entityIsTrustManagementCompanyError}\n \n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n Trustee Entity Control Person Information
\n ) : (\nBeneficial Owner Entity Control Person Information
\n )}\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonFirstName\"\n );\n inputField.entityControlPersonFirstNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonFirstNameError = e;\n }}\n valueError={inputField.entityControlPersonFirstNameError}\n label={\"First Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-first-name-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonLastName\"\n );\n inputField.entityControlPersonLastNameError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonLastNameError = e;\n }}\n valueError={inputField.entityControlPersonLastNameError}\n label={\"Last Name\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-last-name-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(index, event, \"entityControlPersonEmail\");\n inputField.entityControlPersonEmailError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonEmailError = e;\n }}\n valueError={inputField.entityControlPersonEmailError}\n label={\"Email\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-email-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonPhoneNumber\"\n );\n inputField.entityControlPersonPhoneNumberError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonPhoneNumberError = e;\n }}\n valueError={inputField.entityControlPersonPhoneNumberError}\n label={\"Phone Number\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-phone-number-input\"}\n />\n
\n \n
\n {!disabled && (\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSBased\"\n );\n inputField.entityControlPersonIsUSBasedError = \"\";\n }}\n valueError={inputField.entityControlPersonIsUSBasedError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSBasedError\"\n )\n }\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-control-person-is-us-based-select\"}\n label={\"Is US Based?\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSCitizen\"\n );\n inputField.entityControlPersonIsUSCitizenError = \"\";\n }}\n valueError={inputField.entityControlPersonIsUSCitizenError}\n setValueError={(value) =>\n handleChangeInput(\n index,\n value,\n \"entityControlPersonIsUSCitizenError\"\n )\n }\n selectOptions={yesNoOptions}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n id={\"entity-control-person-is-us-citizen-select\"}\n label={\"Is US Citizen?\"}\n />\n
\n \n
\n \n \n Do you have access to the personally identifiable\n information for a control person of this entity? (i.e. SSN,\n DOB, etc.)\n \n
\n \n
\n \n \n {\n if (!disabled) {\n handleChangeInput(\n index,\n \"Yes\",\n \"entityControlPersonPIIAvailable\"\n );\n inputField.entityControlPersonPIIAvailableError = \"\";\n }\n }}\n />\n \n \n Yes\n \n \n
\n \n \n {\n if (!disabled) {\n handleChangeInput(\n index,\n \"No\",\n \"entityControlPersonPIIAvailable\"\n );\n inputField.entityControlPersonPIIAvailableError = \"\";\n }\n }}\n />\n \n No\n \n
\n \n
\n )}\n {inputField.entityControlPersonPIIAvailable === \"Yes\" && (\n \n \n {inputField.entityControlPersonPIIAvailableError}\n \n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n \n Trustee Entity Control Person Personal Information\n
\n ) : (\n\n Beneficial Owner Entity Control Person Personal\n Information\n
\n )}\n\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonAddressLine1\"\n );\n inputField.entityControlPersonAddressLine1Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonAddressLine1Error = e;\n }}\n valueError={\n inputField.entityControlPersonAddressLine1Error\n }\n label={\"Address Line 1\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-address-line-1-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonAddressLine2\"\n );\n inputField.entityControlPersonAddressLine2Error = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonAddressLine2Error = e;\n }}\n valueError={\n inputField.entityControlPersonAddressLine2Error\n }\n label={\"Address Line 2\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-address-line-2-input\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonCity\"\n );\n inputField.entityControlPersonCityError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonCityError = e;\n }}\n valueError={inputField.entityControlPersonCityError}\n label={\"City\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-city-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonState\"\n );\n inputField.entityControlPersonStateError = \"\";\n }}\n valueError={inputField.entityControlPersonStateError}\n setValueError={(e) => {\n inputField.entityControlPersonStateError = e;\n }}\n selectOptions={stateList}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-state-select\"}\n label={\"State\"}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonPostalCode\"\n );\n inputField.entityControlPersonPostalCodeError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonPostalCodeError = e;\n }}\n valueError={inputField.entityControlPersonPostalCodeError}\n label={\"Postal Code\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-postal-code-input\"}\n mask={{\n maskPattern: \"999999999999\",\n maskFormatter: (e) => e,\n }}\n />\n
\n \n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonDOB\"\n );\n inputField.entityControlPersonDOBError = \"\";\n }}\n valueError={inputField.entityControlPersonDOBError}\n setValueError={(e) => {\n inputField.entityControlPersonDOBError = e;\n }}\n label={\"Date Of Birth\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-dob-input\"}\n />\n
\n \n
\n \n {\n handleChangeInput(\n index,\n event,\n \"entityControlPersonTaxIDNumber\"\n );\n inputField.entityControlPersonTaxIDNumberError = \"\";\n }}\n setValueError={(e) => {\n inputField.entityControlPersonTaxIDNumberError = e;\n }}\n mask={{\n maskFormatter: formatSSN,\n maskPattern: \"999-99-9999\",\n }}\n valueError={\n inputField.entityControlPersonTaxIDNumberError\n }\n label={\"SSN\"}\n required={true}\n fullWidth={true}\n size={\"small\"}\n disabled={disabled}\n shrink={true}\n id={\"entity-control-person-tax-id-number-input\"}\n />\n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n Additional Required Trustee Entity Documentation
\n ) : (\n\n Additional Required Beneficial Owner Entity\n Documentation\n
\n )}\n\n
\n \n
\n \n \n {relatedPartyType === \"TRT\"\n ? \"Please upload the following documents for this trustee entity (Certificate of Formation, Proof of Address):\"\n : \"Please upload the following documents for this beneficial owner entity (Certificate of Formation, Proof of Address):\"}\n \n
\n \n
\n {inputField.entityCertificateOfFormationError !== \"\" && (\n \n
\n \n {inputField.entityCertificateOfFormation === \"\" ? (\n
\n \n
\n )}\n \n \n Certificate of Formation Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityCertificateOfFormationError}\n \n
\n \n
\n {inputField.entityProofOfAddressError !== \"\" && (\n \n
\n \n {inputField.entityProofOfAddress === \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n {inputField.entityControlPersonPIIAvailable === \"Yes\" && (\n \n \n {inputField.entityProofOfAddressError}\n \n
\n \n
\n \n
\n \n {relatedPartyType === \"TRT\" ? (\n
\n \n Additional Required Trustee Entity Control Person\n Documentation\n
\n ) : (\n\n Additional Required Entity Control Person\n Documentation\n
\n )}\n\n
\n \n
\n \n \n {relatedPartyType === \"TRT\"\n ? \"Please upload the following documents for the control person of this trustee entity (Passport, Proof of Address):\"\n : \"Please upload the following documents for the control person of this beneficial owner entity (Passport, Proof of Address):\"}\n \n
\n \n
\n {inputField.entityControlPersonPassportDocumentError !==\n \"\" && (\n \n
\n \n {inputField.entityControlPersonPassportDocument ===\n \"\" ? (\n
\n \n
\n )}\n \n \n Passport Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityControlPersonPassportDocumentError}\n \n
\n \n
\n {inputField.entityControlPersonProofOfAddressError !== \"\" && (\n \n
\n \n {inputField.entityControlPersonProofOfAddress === \"\" ? (\n
\n \n
\n )}\n \n \n Proof of Address Uploaded\n \n
\n \n
\n \n
\n )}\n \n \n {inputField.entityControlPersonProofOfAddressError}\n \n
\n \n
\n \n );\n}\nexport default InfiniteInputComponent;\n","import React, { useState, useEffect } from \"react\";\n\nfunction BeneficialOwnerQuestion({\n questionNumber,\n questionText,\n answer,\n setAnswer,\n hasBeneficialOwnersError,\n}) {\n const [answerYes, setAnswerYes] = useState(\"\");\n const [answerNo, setAnswerNo] = useState(\"\");\n\n useEffect(() => {\n if (answer !== \"\") {\n if (answer) {\n setAnswerYes(true);\n setAnswerNo(false);\n } else {\n setAnswerYes(false);\n setAnswerNo(true);\n }\n }\n }, [answer]);\n\n return (\n \n
\n \n
\n \n \n {questionText}\n
\n \n
\n {hasBeneficialOwnersError && (\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n {hasBeneficialOwnersError}\n
\n \n )}\n \n
\n );\n}\nexport default EntityAccountRelatedPartyInformation;\n","import React, { useState, useEffect } from \"react\";\n\nfunction TrusteeQuestion({\n questionNumber,\n questionText,\n answer,\n setAnswer,\n hasTrusteesError,\n}) {\n const [answerYes, setAnswerYes] = useState(\"\");\n const [answerNo, setAnswerNo] = useState(\"\");\n\n useEffect(() => {\n if (answer !== \"\") {\n if (answer) {\n setAnswerYes(true);\n setAnswerNo(false);\n } else {\n setAnswerYes(false);\n setAnswerNo(true);\n }\n }\n }, [answer]);\n\n return (\n \n
\n \n
\n )}\n \n
\n \n {\n submit();\n }}\n >\n {submissionInProgress && (\n
\n \n
\n )}\n {!submissionInProgress && Submit}\n \n \n \n Submit\n \n \n
\n \n {questionText}\n
\n \n
\n {hasTrusteesError && (\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n {hasTrusteesError}\n
\n \n )}\n \n Grantor Information\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {grantorPhoneNumberError}\n \n )}\n
\n \n
\n \n
\n \n Mailing Address\n
\n \n
\n \n
\n \n
\n \n \n
\n {grantorCountry === \"United States\" && (\n \n
\n )}\n \n \n
\n \n
\n \n
\n \n \n Grantor Personal Information\n \n
\n \n
\n\n \n
\n \n {grantorDomicileCountry === \"United States\" && (\n
\n \n
\n \n \n Additional Info\n \n
\n \n
\n \n
\n \n (parseInt(e) <= 100 ? e : e.slice(0, 2)),\n }}\n />\n
\n \n
\n \n
\n \n {questionText}\n
\n \n
\n {hasBeneficialOwnersError && (\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n {hasBeneficialOwnersError}\n
\n \n )}\n \n
\n );\n}\nexport default TrustAccountRelatedPartyInformation;\n","import React from \"react\";\nimport EntityAccountRelatedPartyInformation from \"./EntityAccountRelatedPartyInformation/EntityAccountRelatedPartyInformation\";\nimport TrustAccountRelatedPartyInformation from \"./TrustAccountRelatedPartyInformation/TrustAccountRelatedPartyInformation\";\nimport \"./AccountRelatedPartyInformationStyles/AccountRelatedPartyInformationStyles.scss\";\n\nconst AccountRelatedPartyInformation = ({\n accountType,\n processedCountryList,\n processedStateList,\n setActiveSlide,\n accountID,\n mountedStyle,\n unmountedStyle,\n supplyPercentOwned,\n}) => {\n return (\n \n \n \n \n )}\n \n )}\n\n
\n \n
\n {accountType === \"TRUST\" && (\n \n
\n \n \n Alternate Signatory Information\n \n
\n \n
\n {hasAlternateSignatory === \"Yes\" && (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Trustee Information\n \n
\n \n
\n )}\n \n
\n \n {\n submit();\n }}\n >\n {submissionInProgress && (\n
\n \n
\n )}\n {!submissionInProgress && Submit}\n \n \n \n Submit\n \n \n
\n \n {questionText}\n
\n \n
\n {hasBeneficialOwnersError && (\n \n \n {\n setAnswer(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setAnswer(false);\n }}\n />\n \n No\n \n
\n \n \n {hasBeneficialOwnersError}\n
\n \n )}\n \n
\n \n
\n \n
\n \n
\n {[\"LT\", \"RT\"].includes(accountType) && false && (\n Additional Info Required
\n\n
\n \n Please supply business phone number\n {countryOfFormation === \"United States\" ? (\n <> and state of incorporation.\n ) : (\n <>.\n )}\n
\n\n
\n {countryOfFormation === \"United States\" && (\n \n
\n )}\n \n
\n )}{\" \"}\n \n
\n \n {\n submit();\n }}\n >\n {submissionInProgress && (\n
\n \n
\n )}\n {!submissionInProgress && Submit}\n \n \n \n Submit\n \n \n
\n \n
\n );\n}\nexport default AccountComplete;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router\";\nimport Header from \"../../../../Components/GlobalComponents/Header\";\nimport Carousel from \"react-bootstrap/Carousel\";\nimport \"./AddInvestmentAccountStyles/AddInvestmentAccountStyles.scss\";\nimport useDelayUnmount from \"../../../../CustomHooks/useDelayUnmount.js\";\nimport AccountBasicInformation from \"./AccountBasicInformation/AccountBasicInformation\";\nimport AccountLegalInformation from \"./AccountLegalInformation/AccountLegalInformation\";\nimport AccountRelatedPartyInformation from \"./AccountRelatedPartyInformation/AccountRelatedPartyInformation\";\nimport AdditionalQuestionsEnt from \"./AdditionalQuestionsEnt.js\";\nimport Alert from \"@mui/material/Alert\";\nimport { useParams } from \"react-router\";\nimport { stateList } from \"../../../../Components/GlobalComponents/stateList\";\nimport { countryList } from \"../../../../Components/countryList\";\nimport { UserContext } from \"../../../../GlobalContexts/UserContext\";\nimport GetIncompleteInvestmentAccountAdapter from \"../../../../Adapters/GetIncompleteInvestmentAccountAdapter\";\nimport AccountComplete from \"./AccountComplete/AccountComplete\";\n\nfunction AddInvestmentAccount() {\n let history = useHistory();\n\n const { id } = useParams();\n\n const { user, setUser } = useContext(UserContext);\n const [loading, setLoading] = useState(true);\n\n const [activeSlide, setActiveSlide] = useState(0);\n\n const [accountType, setAccountType] = useState(\"\");\n const [accountTypeError, setAccountTypeError] = useState(\"\");\n\n const [legalAccountName, setLegalAccountName] = useState(\"\");\n const [legalAccountNameError, setLegalAccountNameError] = useState(\"\");\n\n const [domicileCountry, setDomicileCountry] = useState(\"\");\n const [domicileCountryError, setDomicileCountryError] = useState(\"\");\n\n const [countryOfFormation, setCountryOfFormation] = useState(\"\");\n const [countryOfFormationError, setCountryOfFormationError] = useState(\"\");\n\n const [individualQualificationQ1, setIndividualQualificationQ1] =\n useState(\"\");\n\n const [trustQualificationQ1, setTrustQualificationQ1] = useState(\"\");\n const [trustQualificationQ2, setTrustQualificationQ2] = useState(\"\");\n const [trustQualificationQ3, setTrustQualificationQ3] = useState(\"\");\n const [trustQualificationQ4, setTrustQualificationQ4] = useState(\"\");\n\n const [entityQualificationQ1, setEntityQualificationQ1] = useState(\"\");\n const [entityQualificationQ2, setEntityQualificationQ2] = useState(\"\");\n const [entityQualificationQ3, setEntityQualificationQ3] = useState(\"\");\n const [entityQualificationQ4, setEntityQualificationQ4] = useState(\"\");\n const [entityQualificationQ5, setEntityQualificationQ5] = useState(\"\");\n\n const [alertError, setAlertError] = useState(\"\");\n const [accountID, setAccountID] = useState(null);\n\n const [smLlc, setSmLlc] = useState(null);\n const [smLlcError, setSmLlcError] = useState(\"\");\n\n const [grantorUSCitizen, setGrantorUSCitizen] = useState(null);\n const [grantorError, setGrantorError] = useState(\"\");\n\n const [stateOfIncorp, setStateOfIncorp] = useState(\"\");\n const [stateOfIncorpError, setStateOfIncorpError] = useState(\"\");\n const [businessPhone, setBusinessPhone] = useState(\"\");\n const [businessPhoneError, setBusinessPhoneError] = useState(\"\");\n\n const [qualQ1, setQualQ1] = useState(\"\");\n const [qualError, setQualError] = useState(\"\");\n\n const mountedStyle = {\n opacity: 1,\n transition: \"opacity 1.5s ease-out, transform 400ms ease-out\",\n };\n const unmountedStyle = { opacity: 0, transition: \"opacity 400ms ease-in\" };\n\n const [investorProfileComplete, setInvestorProfileComplete] = useState(false);\n\n const [supplyPercentOwned, setSupplyPercentOwned] = useState(false);\n\n const { investmentAccountData } = GetIncompleteInvestmentAccountAdapter(\n investorProfileComplete,\n setInvestorProfileComplete,\n id,\n setLoading,\n accountType,\n setAccountType,\n activeSlide,\n setActiveSlide,\n legalAccountName,\n setLegalAccountName,\n domicileCountry,\n setDomicileCountry,\n countryOfFormation,\n setCountryOfFormation,\n accountID,\n setAccountID,\n setSupplyPercentOwned\n );\n\n const [\n showIndividualQualificationSection,\n setShowIndividualQualificationSection,\n ] = useState(false);\n\n const hasIndividualAcct = user.accountListData.some(\n (account) => account.account_type === \"IND\"\n );\n\n const hasJointAcct = user.accountListData.some(\n (account) => account.account_type === \"JOINT\"\n );\n\n const shouldRenderIndividualQualificationSection = useDelayUnmount(\n showIndividualQualificationSection,\n 400,\n true\n );\n const [showTrustQualificationSection, setShowTrustQualificationSection] =\n useState(false);\n const shouldRenderTrustQualificationSection = useDelayUnmount(\n showTrustQualificationSection,\n 400,\n true\n );\n const [showEntityQualificationSection, setShowEntityQualificationSection] =\n useState(false);\n const shouldRenderEntityQualificationSection = useDelayUnmount(\n showEntityQualificationSection,\n 400,\n true\n );\n const showLegalAccountNameField = useDelayUnmount(\n ![\"IND\", \"JOINT\"].includes(accountType),\n 400,\n false\n );\n\n const accountTypeOptions = [\n { value: \"LT\", label: \"Revocable Trust\" },\n { value: \"TRUST\", label: \"Irrevocable Trust\" },\n { value: \"LLC\", label: \"LLC\" },\n { value: \"C-CORP\", label: \"C Corporation\" },\n { value: \"S-CORP\", label: \"S Corporation\" },\n { value: \"LP\", label: \"Limited Partnership\" },\n { value: \"GP\", label: \"General Partnership\" },\n { value: \"FE\", label: \"Foreign Entity\" },\n { value: \"SM_LLC\", label: \"Single-Member LLC\" },\n ...(false ? [{ value: \"JOINT\", label: \"Joint Account\" }] : []),\n ...(!hasIndividualAcct\n ? [{ value: \"IND\", label: \"Individual Account\" }]\n : []),\n ];\n\n useEffect(() => {\n if (id !== undefined) {\n setAccountID(id);\n }\n }, [id]);\n\n useEffect(() => {\n if ([\"IND\", \"JOINT\", \"SM_LLC\"].includes(accountType)) {\n setShowIndividualQualificationSection(true);\n setShowTrustQualificationSection(false);\n setShowEntityQualificationSection(false);\n setAlertError(\"\");\n } else if (accountType === \"LT\" || accountType === \"TRUST\") {\n setShowTrustQualificationSection(true);\n setShowIndividualQualificationSection(false);\n setShowEntityQualificationSection(false);\n setAlertError(\"\");\n } else if (accountType !== \"\") {\n setShowEntityQualificationSection(true);\n setShowTrustQualificationSection(false);\n setShowIndividualQualificationSection(false);\n setAlertError(\"\");\n }\n }, [accountType]);\n\n const nextButtonValidation = () => {\n if (accountType === \"IND\") {\n } else if (accountType === \"LT\" || accountType === \"TRUST\") {\n } else if (accountType !== \"\") {\n } else {\n setAlertError(\"Please make an account type selection.\");\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n Account status:\n \n\n \n Complete\n \n
\n \n
\n \n
\n \n {\n if (accountID !== undefined) {\n history.push(\n \"/investment-accounts/account-details/\" + accountID\n );\n }\n }}\n >\n
\n \n
\n \n \n \n View Account Details\n \n
\n \n \n
\n \n
\n \n history.push(\"/investment-accounts\")}\n />\n Add Account\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n {alertError} \n
\n )}\n {props.children}
;\n}\nexport default TabV2;\n","import React, { useState, useCallback } from \"react\";\nimport \"./TabV2TitleStyles/TabV2TitleStyles.scss\";\n\nfunction TabV2Title({ title, setSelectedTab, index, setSelected, selected }) {\n const onClick = useCallback(() => {\n setSelectedTab(index);\n }, [setSelectedTab, index]);\n\n return (\n \n
\n \n );\n}\nexport default TabsV2;\n","import React from \"react\";\nimport { useHistory } from \"react-router\";\n\nfunction IndividualAccountDetailsHeader({joint}) {\n let history = useHistory();\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {/* {\n console.log(\"Tab changed.\");\n }}\n > */}\n {props.children.map((item, index) => (\n // \n
\n \n
\n ))}\n {/* */}\n \n
\n \n {\n if (process.env.REACT_APP_DEBUG === \"1\") console.log(\"Tab changed.\");\n }}\n >\n {props.children}\n \n
\n \n
\n \n \n \n Account Details\n \n {!joint ? <>Individual : <>Joint}\n
\n \n \n \n {dateAdded}\n \n
\n \n \n \n
\n \n \n \n {accountNumber}\n \n
\n \n \n \n Account Number\n \n
\n \n \n \n Date Added\n \n
\n \n \n \n {qualificationLevel}\n \n
\n \n \n \n \n );\n}\nexport default AccountQualification;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport { countryList } from \"../../../../../../../../Components/countryList.js\";\n\nfunction AccountContactInfo({\n firstName,\n setFirstName,\n firstNameError,\n setFirstNameError,\n lastName,\n setLastName,\n lastNameError,\n setLastNameError,\n phoneNumber,\n setPhoneNumber,\n phoneNumberError,\n setPhoneNumberError,\n email,\n setEmail,\n emailError,\n setEmailError,\n domicileCountry,\n setDomicileCountry,\n domicileCountryError,\n setDomicileCountryError,\n}) {\n return (\n \n \n \n Qualification Level\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport AccountQualification from \"./AccountQualification/AccountQualification.js\";\nimport AccountContactInfo from \"./AccountContactInfo/AccountContactInfo.js\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions.js\";\n\nfunction IndividualAccountDetailsBasicInfo({\n joint,\n jointInfo,\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n firstName,\n setFirstName,\n firstNameError,\n setFirstNameError,\n lastName,\n setLastName,\n lastNameError,\n setLastNameError,\n email,\n setEmail,\n emailError,\n setEmailError,\n phoneNumber,\n setPhoneNumber,\n phoneNumberError,\n setPhoneNumberError,\n domicileCountry,\n setDomicileCountry,\n domicileCountryError,\n setDomicileCountryError,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default IndividualAccountDetailsBasicInfo;\n","import React, { useEffect } from \"react\";\nimport StyledDateInputField from \"../../../../../../../../GlobalComponents/InputField/StyledDateInputField/StyledDateInputField\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport { formatSSN } from \"../../../../../../../../GlobalFunctions/globalFunctions\";\n\nfunction IndividualAccountDetailsPII({\n domicileCountry,\n dob,\n setDob,\n dobError,\n setDobError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n return (\n \n {}}\n lastName={jointInfo.jointLastName}\n setLastName={setLastName}\n lastNameError={lastNameError}\n setLastNameError={() => {}}\n phoneNumber={jointInfo.jointPhoneNumber}\n setPhoneNumber={() => {}}\n phoneNumberError={phoneNumberError}\n setPhoneNumberError={() => {}}\n email={jointInfo.jointEmail}\n setEmail={() => {}}\n emailError={emailError}\n setEmailError={() => {}}\n domicileCountry={jointInfo.jointCountry}\n setDomicileCountry={() => {}}\n domicileCountryError={domicileCountryError}\n setDomicileCountryError={() => {}}\n />\n )}\n
\n \n \n {!joint ? <>Basic Information : <>Basic Information - Primary Accountholder }\n \n
\n \n \n {joint && <>Basic Information - Secondary Accountholder }\n \n
\n {joint && (\n \n
\n );\n}\nexport default IndividualAccountDetailsPII;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport { countryList } from \"../../../../../../../../Components/countryList\";\nimport { stateList } from \"../../../../../../../../Components/GlobalComponents/stateList\";\n\nfunction IndividualAccountDetailsAddress({\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n}) {\n return (\n \n
\n \n {domicileCountry === \"United States\" && (\n
\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport IndividualAccountDetailsPII from \"./IndividualAccountDetailsPII/IndividualAccountDetailsPII\";\nimport IndividualAccountDetailsAddress from \"./IndividualAccountDetailsAddress/IndividualAccountDetailsAddress\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction IndividualAccountDetailsPersonalInfo({\n joint,\n jointInfo,\n domicileCountry,\n dob,\n setDob,\n dobError,\n setDobError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n}) {\n return (\n \n
\n \n
\n );\n}\nexport default IndividualAccountDetailsPersonalInfo;\n","import React, { useState, useEffect } from \"react\";\nimport TabsV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabsV2\";\nimport TabV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabV2\";\nimport IndividualAccountDetailsBasicInfo from \"./IndividualAccountDetailsBasicInfo/IndividualAccountDetailsBasicInfo\";\nimport IndividualAccountDetailsPersonalInfo from \"./IndividualAccountDetailsPersonalInfo/IndividualAccountDetailsPersonalInfo\";\n\nfunction IndividualAccountDetailsInfoSection({\n joint,\n jointInfo,\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n firstName,\n setFirstName,\n firstNameError,\n setFirstNameError,\n lastName,\n setLastName,\n lastNameError,\n setLastNameError,\n phoneNumber,\n setPhoneNumber,\n phoneNumberError,\n setPhoneNumberError,\n email,\n setEmail,\n emailError,\n setEmailError,\n domicileCountry,\n setDomicileCountry,\n domicileCountryError,\n setDomicileCountryError,\n dob,\n setDob,\n dobError,\n setDobError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n}) {\n const [basicInformationSelected, setBasicInformationSelected] =\n useState(true);\n const [personalInformationSelected, setPersonalInformationSelected] =\n useState(false);\n\n useEffect(() => {\n if (basicInformationSelected) {\n setPersonalInformationSelected(false);\n }\n }, [basicInformationSelected]);\n\n useEffect(() => {\n if (personalInformationSelected) {\n setBasicInformationSelected(false);\n }\n }, [personalInformationSelected]);\n\n return (\n \n
\n\n {joint && \n \n \n Personal Information { joint && <> - Primary Accountholder}\n \n
\n \n
}\n\n \n \n Personal Information - Secondary Accountholder\n \n
\n \n \n \n \n \n
\n \n
\n \n \n \n Account Details\n \n Trust\n
\n \n \n \n {dateAdded}\n \n
\n \n \n \n
\n \n \n \n {accountNumber}\n \n
\n \n \n \n Account Number\n \n
\n \n \n \n Date Added\n \n
\n \n \n \n {qualificationLevel}\n \n
\n \n\n \n \n \n );\n}\nexport default AccountQualification;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport { countryList } from \"../../../../../../../../Components/countryList.js\";\n\nfunction AccountLegalStructure({\n trustType,\n setTrustType,\n trustTypeError,\n setTrustTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n}) {\n const trustTypeOptions = [\n { value: \"LT\", label: \"Revocable Trust\" },\n { value: \"TRUST\", label: \"Irrevocable Trust\" },\n ];\n\n return (\n \n \n \n Qualification Level\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport AccountQualification from \"./AccountQualification/AccountQualification\";\nimport AccountLegalStructure from \"./AccountLegalStructure/AccountLegalStructure\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction TrustAccountDetailsGeneralInfo({\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n trustType,\n setTrustType,\n trustTypeError,\n setTrustTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default TrustAccountDetailsGeneralInfo;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\n\nfunction TaxNumber({\n countryOfFormation,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n const idTypeOptions = [\n { value: \"EIN\", label: \"EIN\" },\n { value: \"FTID\", label: \"Foreign Tax ID\" },\n { value: \"ITIN\", label: \"ITIN\" },\n ];\n return (\n \n
\n \n \n General Information\n \n
\n \n {countryOfFormation !== \"United States\" && (\n \n {countryOfFormation === \"United States\" && (\n
\n \n \n
\n )}\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport TaxNumber from \"./TaxNumber/TaxNumber\";\nimport MailingAddress from \"./MailingAddress/MailingAddress\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction TrustAccountDetailsTaxInfo({\n countryOfFormation,\n trustType,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default TrustAccountDetailsTaxInfo;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport { countryList } from \"../../../../../../../../Components/countryList.js\";\n\nfunction ContactInfo({\n grantorFirstName,\n setGrantorFirstName,\n grantorFirstNameError,\n setGrantorFirstNameError,\n grantorLastName,\n setGrantorLastName,\n grantorLastNameError,\n setGrantorLastNameError,\n grantorPhoneNumber,\n setGrantorPhoneNumber,\n grantorPhoneNumberError,\n setGrantorPhoneNumberError,\n grantorEmail,\n setGrantorEmail,\n grantorEmailError,\n setGrantorEmailError,\n grantorDomicileCountry,\n setGrantorDomicileCountry,\n grantorDomicileCountryError,\n setGrantorDomicileCountryError,\n}) {\n return (\n \n {trustType === \"TRUST\" && (\n
\n \n \n Tax Information\n \n
\n )}\n {trustType === \"TRUST\" && (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n \n
\n {grantorCountry === \"United States\" && (\n \n
\n )}\n \n \n
\n \n
\n \n
\n \n \n Identification Information\n \n
\n \n
\n \n
\n \n {grantorDomicileCountry === \"United States\" && (\n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport ContactInfo from \"./ContactInfo/ContactInfo\";\nimport MailingAddress from \"./MailingAddress/MailingAddress\";\nimport PII from \"./PII/PII\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction TrustAccountDetailsGrantorInfo({\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n grantorFirstName,\n setGrantorFirstName,\n grantorFirstNameError,\n setGrantorFirstNameError,\n grantorLastName,\n setGrantorLastName,\n grantorLastNameError,\n setGrantorLastNameError,\n grantorPhoneNumber,\n setGrantorPhoneNumber,\n grantorPhoneNumberError,\n setGrantorPhoneNumberError,\n grantorEmail,\n setGrantorEmail,\n grantorEmailError,\n setGrantorEmailError,\n grantorDomicileCountry,\n setGrantorDomicileCountry,\n grantorDomicileCountryError,\n setGrantorDomicileCountryError,\n grantorAddressLine1,\n setGrantorAddressLine1,\n grantorAddressLine1Error,\n setGrantorAddressLine1Error,\n grantorAddressLine2,\n setGrantorAddressLine2,\n grantorAddressLine2Error,\n setGrantorAddressLine2Error,\n grantorCity,\n setGrantorCity,\n grantorCityError,\n setGrantorCityError,\n grantorState,\n setGrantorState,\n grantorStateError,\n setGrantorStateError,\n grantorCountry,\n setGrantorCountry,\n grantorCountryError,\n setGrantorCountryError,\n grantorPostalCode,\n setGrantorPostalCode,\n grantorPostalCodeError,\n setGrantorPostalCodeError,\n grantorDob,\n setGrantorDob,\n grantorDobError,\n setGrantorDobError,\n grantorIDNumber,\n setGrantorIDNumber,\n grantorIDNumberError,\n setGrantorIDNumberError,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default TrustAccountDetailsGrantorInfo;\n","import React from \"react\";\n\nfunction NoRelatedParties({role}) {\n return (\n \n
\n \n \n Grantor Information\n \n
\n \n \n Sorry, there were no { role === \"Beneficial Owner\" ? \"beneficial owners\" : \"trustees\"}.\n \n
\n );\n}\nexport default NoRelatedParties;\n","import React, { useState } from \"react\";\nimport InfiniteTabInput from \"../../../../../../../../Components/GlobalComponents/InfiniteTabInput/InfiniteTabInput\";\nimport InfiniteInputComponent from \"../../../../../AddInvestmentAccount/InfiniteInputComponent/InfiniteInputComponent\";\nimport { countryList } from \"../../../../../../../../Components/countryList\";\nimport { stateList } from \"../../../../../../../../Components/GlobalComponents/stateList\";\nimport NoRelatedParties from \"../../../../NoRelatedParties/NoRelatedParties\";\n\nfunction Trustees({\n relatedAccounts,\n setRelatedAccounts,\n accountID,\n accountType,\n}) {\n const [activeTab, setActiveTab] = useState(\"Trustee #1\");\n const [activeSlide, setActiveSlide] = useState(0);\n const [hideButton, setHideButton] = useState(false);\n\n const handleRemoveFields = () => {\n return;\n };\n\n return (\n <>\n {relatedAccounts.length !== 0 ? (\n \n \"Trustee #\" + (idx + 1).toString()\n )}\n activeTab={activeTab}\n setActiveTab={setActiveTab}\n />\n\n
\n ) : (\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport Trustees from \"./Trustees/Trustees\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction TrustAccountDetailsTrusteeInfo({\n accountType,\n accountID,\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n entityType,\n setEntityType,\n entityTypeError,\n setEntityTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n relatedAccounts,\n setRelatedAccounts,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default TrustAccountDetailsTrusteeInfo;\n","import React, { useState } from \"react\";\nimport InfiniteTabInput from \"../../../../../../../../Components/GlobalComponents/InfiniteTabInput/InfiniteTabInput\";\nimport InfiniteInputComponent from \"../../../../../AddInvestmentAccount/InfiniteInputComponent/InfiniteInputComponent\";\nimport { countryList } from \"../../../../../../../../Components/countryList\";\nimport { stateList } from \"../../../../../../../../Components/GlobalComponents/stateList\";\nimport NoRelatedParties from \"../../../../NoRelatedParties/NoRelatedParties\";\n\nfunction BeneficialOwners({\n beneficialOwnerRelatedAccounts,\n setBeneficialOwnerRelatedAccounts,\n accountID,\n accountType,\n}) {\n const [activeTab, setActiveTab] = useState(\"Beneficial Owner #1\");\n const [activeSlide, setActiveSlide] = useState(0);\n const [hideButton, setHideButton] = useState(false);\n\n const handleRemoveFields = () => {\n return;\n };\n\n return (\n <>\n {beneficialOwnerRelatedAccounts.length !== 0 ? (\n \n
\n \n \n Trustee Information\n \n
\n \n \"Beneficial Owner #\" + (idx + 1).toString()\n )}\n activeTab={activeTab}\n setActiveTab={setActiveTab}\n />\n\n
\n ) : (\n \n
\n \n );\n}\nexport default TrustAccountDetailsBeneficialOwnerInfo;\n","import React, { useState, useEffect } from \"react\";\nimport TabsV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabsV2\";\nimport TabV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabV2\";\nimport TrustAccountDetailsGeneralInfo from \"./TrustAccountDetailsGeneralInfo/TrustAccountDetailsGeneralInfo\";\nimport TrustAccountDetailsTaxInfo from \"./TrustAccountDetailsTaxInfo/TrustAccountDetailsTaxInfo\";\nimport TrustAccountDetailsGrantorInfo from \"./TrustAccountDetailsGrantorInfo/TrustAccountDetailsGrantorInfo\";\nimport TrustAccountDetailsTrusteeInfo from \"./TrustAccountDetailsTrusteeInfo/TrustAccountDetailsTrusteeInfo\";\nimport TrustAccountDetailsBeneficialOwnerInfo from \"./TrustAccountDetailsBeneficialOwnerInfo/TrustAccountDetailsBeneficialOwnerInfo\";\n\nfunction TrustAccountDetailsInfoSection({\n accountID,\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n trustType,\n setTrustType,\n trustTypeError,\n setTrustTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n grantorFirstName,\n setGrantorFirstName,\n grantorFirstNameError,\n setGrantorFirstNameError,\n grantorLastName,\n setGrantorLastName,\n grantorLastNameError,\n setGrantorLastNameError,\n grantorPhoneNumber,\n setGrantorPhoneNumber,\n grantorPhoneNumberError,\n setGrantorPhoneNumberError,\n grantorEmail,\n setGrantorEmail,\n grantorEmailError,\n setGrantorEmailError,\n grantorDomicileCountry,\n setGrantorDomicileCountry,\n grantorDomicileCountryError,\n setGrantorDomicileCountryError,\n grantorAddressLine1,\n setGrantorAddressLine1,\n grantorAddressLine1Error,\n setGrantorAddressLine1Error,\n grantorAddressLine2,\n setGrantorAddressLine2,\n grantorAddressLine2Error,\n setGrantorAddressLine2Error,\n grantorCity,\n setGrantorCity,\n grantorCityError,\n setGrantorCityError,\n grantorState,\n setGrantorState,\n grantorStateError,\n setGrantorStateError,\n grantorCountry,\n setGrantorCountry,\n grantorCountryError,\n setGrantorCountryError,\n grantorPostalCode,\n setGrantorPostalCode,\n grantorPostalCodeError,\n setGrantorPostalCodeError,\n grantorDob,\n setGrantorDob,\n grantorDobError,\n setGrantorDobError,\n grantorIDNumber,\n setGrantorIDNumber,\n grantorIDNumberError,\n setGrantorIDNumberError,\n relatedAccounts,\n setRelatedAccounts,\n beneficialOwnerRelatedAccounts,\n setBeneficialOwnerRelatedAccounts,\n}) {\n const [generalInformationSelected, setGeneralInformationSelected] =\n useState(true);\n const [taxInformationSelected, setTaxInformationSelected] = useState(false);\n const [grantorInformationSelected, setGrantorInformationSelected] =\n useState(false);\n const [trusteeInformationSelected, setTrusteeInformationSelected] =\n useState(false);\n const [\n beneficialOwnerInformationSelected,\n setBeneficialOwnerInformationSelected,\n ] = useState(false);\n\n useEffect(() => {\n if (generalInformationSelected) {\n setTaxInformationSelected(false);\n setGrantorInformationSelected(false);\n setTrusteeInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [generalInformationSelected]);\n\n useEffect(() => {\n if (taxInformationSelected) {\n setGeneralInformationSelected(false);\n setGrantorInformationSelected(false);\n setTrusteeInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [taxInformationSelected]);\n\n useEffect(() => {\n if (grantorInformationSelected) {\n setGeneralInformationSelected(false);\n setTaxInformationSelected(false);\n setTrusteeInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [grantorInformationSelected]);\n\n useEffect(() => {\n if (trusteeInformationSelected) {\n setGeneralInformationSelected(false);\n setTaxInformationSelected(false);\n setGrantorInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [trusteeInformationSelected]);\n\n useEffect(() => {\n if (beneficialOwnerInformationSelected) {\n setGeneralInformationSelected(false);\n setTaxInformationSelected(false);\n setGrantorInformationSelected(false);\n setTrusteeInformationSelected(false);\n }\n }, [beneficialOwnerInformationSelected]);\n\n return (\n \n
\n \n \n Beneficial Owner Information\n \n
\n \n \n \n \n \n \n \n \n
\n \n
\n \n \n \n Account Details\n \n Entity\n
\n \n \n \n {dateAdded}\n \n
\n \n \n \n
\n \n \n \n {accountNumber}\n \n
\n \n \n \n Account Number\n \n
\n \n \n \n Date Added\n \n
\n \n \n \n {qualificationLevel}\n \n
\n \n \n \n \n );\n}\nexport default AccountQualification;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\nimport { countryList } from \"../../../../../../../../Components/countryList.js\";\n\nfunction AccountLegalStructure({\n entityType,\n setEntityType,\n entityTypeError,\n setEntityTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n}) {\n const entityTypeOptions = [\n { value: \"LLC\", label: \"LLC\" },\n { value: \"SM_LLC\", label: \"Single Member LLC\" },\n { value: \"C-CORP\", label: \"C Corporation\" },\n { value: \"S-CORP\", label: \"S Corporation\" },\n { value: \"LP\", label: \"Limited Partnership\" },\n { value: \"GP\", label: \"General Partnership\" },\n { value: \"FE\", label: \"Foreign Entity\" },\n ];\n\n return (\n \n \n \n Qualification Level\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport AccountQualification from \"./AccountQualification/AccountQualification\";\nimport AccountLegalStructure from \"./AccountLegalStructure/AccountLegalStructure.js\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction EntityAccountDetailsGeneralInfo({\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n entityType,\n setEntityType,\n entityTypeError,\n setEntityTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default EntityAccountDetailsGeneralInfo;\n","import React from \"react\";\nimport StyledTextInputField from \"../../../../../../../../GlobalComponents/InputField/StyledTextInputField/StyledTextInputField\";\nimport SelectField from \"../../../../../../../../GlobalComponents/InputField/SelectField/SelectField\";\n\nfunction TaxNumber({\n countryOfFormation,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n}) {\n const idTypeOptions = [\n { value: \"EIN\", label: \"EIN\" },\n { value: \"FTID\", label: \"Foreign Tax ID\" },\n { value: \"ITIN\", label: \"ITIN\" },\n ];\n return (\n \n
\n \n \n General Information\n \n
\n \n {countryOfFormation !== \"United States\" && (\n \n {countryOfFormation === \"United States\" && (\n
\n \n \n
\n )}\n \n \n Mailing Address\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {country === \"United States\" && (\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport TaxNumber from \"./TaxNumber/TaxNumber\";\nimport MailingAddress from \"./MailingAddress/MailingAddress\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction EntityAccountDetailsTaxInfo({\n countryOfFormation,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n componentAccountType\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default EntityAccountDetailsTaxInfo;\n","import React, { useState } from \"react\";\nimport InfiniteTabInput from \"../../../../../../../../Components/GlobalComponents/InfiniteTabInput/InfiniteTabInput\";\nimport InfiniteInputComponent from \"../../../../../AddInvestmentAccount/InfiniteInputComponent/InfiniteInputComponent\";\nimport { countryList } from \"../../../../../../../../Components/countryList\";\nimport { stateList } from \"../../../../../../../../Components/GlobalComponents/stateList\";\nimport NoRelatedParties from \"../../../../NoRelatedParties/NoRelatedParties\";\n\nfunction BeneficialOwners({\n relatedAccounts,\n setRelatedAccounts,\n accountID,\n accountType,\n}) {\n const [activeTab, setActiveTab] = useState(\"Beneficial Owner #1\");\n const [activeSlide, setActiveSlide] = useState(0);\n const handleRemoveFields = () => {\n return;\n };\n const [hideButton, setHideButton] = useState(false);\n\n return (\n \n {componentAccountType === \"SM_LLC\" && <>
\n \n \n Tax Information\n \n
\n\n \n \"Beneficial Owner #\" + (idx + 1).toString()\n )}\n activeTab={activeTab}\n setActiveTab={setActiveTab}\n />\n\n
\n ) : (\n \n
\n );\n}\nexport default UpdateInfoInstructions;\n","import React from \"react\";\nimport BeneficialOwners from \"./BeneficialOwners/BeneficialOwners\";\nimport UpdateInfoInstructions from \"./UpdateInfoInstructions/UpdateInfoInstructions\";\n\nfunction EntityAccountDetailsBeneficialOwnerInfo({\n accountType,\n relatedAccounts,\n setRelatedAccounts,\n}) {\n return (\n \n
\n \n
\n \n );\n}\nexport default EntityAccountDetailsBeneficialOwnerInfo;\n","import React, { useState, useEffect } from \"react\";\nimport TabsV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabsV2\";\nimport TabV2 from \"../../../../../../Components/GlobalComponents/TabsV2/TabV2\";\nimport EntityAccountDetailsGeneralInfo from \"./EntityAccountDetailsGeneralInfo/EntityAccountDetailsGeneralInfo\";\nimport EntityAccountDetailsTaxInfo from \"./EntityAccountDetailsTaxInfo/EntityAccountDetailsTaxInfo\";\nimport EntityAccountDetailsBeneficialOwnerInfo from \"./EntityAccountDetailsBeneficialOwnerInfo/EntityAccountDetailsBeneficialOwnerInfo\";\n// import TrustAccountDetailsGeneralInfo from \"./TrustAccountDetailsGeneralInfo/TrustAccountDetailsGeneralInfo\";\n// import TrustAccountDetailsTaxInfo from \"./TrustAccountDetailsTaxInfo/TrustAccountDetailsTaxInfo\";\n// import TrustAccountDetailsGrantorInfo from \"./TrustAccountDetailsGrantorInfo/TrustAccountDetailsGrantorInfo\";\n\nfunction EntityAccountDetailsInfo({\n accountNumber,\n dateAdded,\n qualificationLevel,\n verificationStatus,\n entityType,\n setEntityType,\n entityTypeError,\n setEntityTypeError,\n accountName,\n setAccountName,\n accountNameError,\n setAccountNameError,\n countryOfFormation,\n setCountryOfFormation,\n countryOfFormationError,\n setCountryOfFormationError,\n idType,\n setIDType,\n idTypeError,\n setIDTypeError,\n idNumber,\n setIDNumber,\n idNumberError,\n setIDNumberError,\n addressLine1,\n setAddressLine1,\n addressLine1Error,\n setAddressLine1Error,\n addressLine2,\n setAddressLine2,\n addressLine2Error,\n setAddressLine2Error,\n city,\n setCity,\n cityError,\n setCityError,\n state,\n setState,\n stateError,\n setStateError,\n country,\n setCountry,\n countryError,\n setCountryError,\n postalCode,\n setPostalCode,\n postalCodeError,\n setPostalCodeError,\n relatedAccounts,\n setRelatedAccounts,\n}) {\n const [generalInformationSelected, setGeneralInformationSelected] =\n useState(true);\n const [taxInformationSelected, setTaxInformationSelected] = useState(false);\n const [\n beneficialOwnerInformationSelected,\n setBeneficialOwnerInformationSelected,\n ] = useState(false);\n\n useEffect(() => {\n if (generalInformationSelected) {\n setTaxInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [generalInformationSelected]);\n\n useEffect(() => {\n if (taxInformationSelected) {\n setGeneralInformationSelected(false);\n setBeneficialOwnerInformationSelected(false);\n }\n }, [taxInformationSelected]);\n\n useEffect(() => {\n if (beneficialOwnerInformationSelected) {\n setTaxInformationSelected(false);\n setGeneralInformationSelected(false);\n }\n }, [beneficialOwnerInformationSelected]);\n\n return (\n \n
\n \n \n Beneficial Owner Information\n \n
\n \n \n \n \n \n \n
\n \n {[\"IND\", \"JOINT\"].includes(accountType) && (\n
\n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Verify your email\n \n
\n \n
\n \n \n We emailed you a six-digit code to:{\" \"}\n \n {email.toLowerCase()}\n \n \n
\n \n
\n \n \n Enter the code below to confirm your email address.\n \n
\n \n
\n \n \n *Please check your spam mail if the code does not appear\n in your normal inbox.\n \n
\n \n
\n \n
\n \n setVerificationCode(value)}\n />\n {verificationCodeError && (\n \n {verificationCodeError}\n \n )}\n
\n \n
\n \n {resendCodeLoading ? (\n \n ) : (\n \n Never received the confirmation code? Click to\n resendConfirmationCode()}\n >\n {\" \"}\n resend code.\n \n \n )}\n
\n \n {\n if (proceed) {\n verifyUser();\n }\n }}\n />\n
\n \n \n
\n \n \n Please be sure to review the document riders included in the\n subscription packet prior to signing.\n \n
\n \n {\n clickSign(code);\n setShowModal(false);\n setDocsSigned(true);\n }}\n size={\"large\"}\n >\n Click to Sign\n \n
\n \n
*/\n const clientId =\n process.env.REACT_APP_API_ENDPOINT ===\n \"https://api.staging.investwithaqua.com\"\n ? \"9c4a35463ca1aaffef6e10f29104b2b4\"\n : process.env.REACT_APP_API_ENDPOINT === \"https://api.investwithaqua.com\"\n ? \"78ef255f844acfc6eb47c48e71e28bb2\"\n : process.env.REACT_APP_API_ENDPOINT ===\n \"https://api.wm-demo.investwithaqua.com\"\n ? \"1eb021ef3831c851cffe3ad1f80e94ee\"\n : \"ee92b78dc5a4c9124758eb38095d1e82\";\n\n const client = new HelloSign({\n clientId: clientId,\n element: document.getElementById(\"dropbox-sign-client\"),\n testMode: true,\n skipDomainVerification:\n process.env.REACT_APP_API_ENDPOINT !==\n \"https://api.staging.investwithaqua.com\" &&\n process.env.REACT_APP_API_ENDPOINT !== \"https://api.investwithaqua.com\"\n ? true\n : false,\n });\n\n const callSubDocsEndpoint = async (setDocsSigned) => {\n try {\n setLoading(true);\n setError(false);\n const resp = await getSubdocLinkFromCode(code);\n if (resp.data.msg === \"Link is invalid.\") {\n setError(true);\n } else {\n if (!resp.data.msg.startsWith(\"https://aqua-api\")) {\n setEmbeddedLink(resp.data.msg);\n client.open(resp.data.msg, {\n clientId: clientId,\n container: document.getElementById(\"dropbox-sign-client\"),\n });\n\n client.on(\"finish\", () => {\n window.close();\n setDocsSigned(true);\n });\n } else {\n /*async function getSignedURL() {\n var tempURL = await Storage.get(resp.data.msg, {\n level: \"private\",\n });\n setEmbeddedLink(tempURL);\n }\n getSignedURL();*/\n setEmbeddedLink(resp.data.msg);\n setSydecar(true);\n setShowModal(true);\n }\n }\n } catch (e) {\n console.log(e);\n setError(true);\n console.log(\"Error\");\n }\n setLoading(false);\n };\n\n const openModal = async () => {\n client.open(\n `https://app.hellosign.com/editor/embeddedSign?signature_id=${sigId}&token=${token}`,\n {\n clientId: clientId,\n container: document.getElementById(\"dropbox-sign-client\"),\n }\n );\n setLoading(false);\n };\n\n const resend = async () => {\n setLinkResent(true);\n const resp = await resendMagicLink(code);\n };\n\n const [investmentData, setInvestmentData] = useState();\n\n useEffect(() => {\n async function getInvData() {\n const resp = await getSubdocLinkFromCode(code);\n resp &&\n resp.data &&\n resp.data.msg &&\n resp.data.investment_details &&\n setInvestmentData(resp.data.investment_details);\n }\n\n getInvData();\n });\n\n return (\n \n {\n setShowSignatureModal(false);\n history.push(\"/invest\");\n }}\n >\n Back to Opportunities\n \n
\n \n {!docsSigned ? (\n
\n );\n}\n\nexport default SubDocs;\n","import React from \"react\";\nimport axios from \"axios\";\nimport { HOST } from \"../host-config\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\n\nexport const fetchCapitalCalls = async () => {\n const requestParams = {\"fund\":[],\"status\":\"\",\"client\":[]};\n const config = await getRequestHeaders();\n return axios.post(HOST + \"/get-capital-calls\", requestParams, config);\n};\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../Components/GlobalComponents/Header.js\";\nimport LoadingAnimation from \"../../Components/GlobalComponents/LoadingAnimation/LoadingAnimation\";\n\nimport { fetchCapitalCalls } from \"./../../Api/CapitalCallApi.js\";\nimport Button from \"@mui/material/Button\";\nimport { CircularProgress } from \"@mui/material\";\nimport Chip from \"@mui/material/Chip\";\nimport Modal from \"react-bootstrap/Modal\";\n\nimport {\n DataGridPro,\n useGridSelector,\n useGridApiRef,\n gridDetailPanelExpandedRowsContentCacheSelector,\n GRID_DETAIL_PANEL_TOGGLE_FIELD,\n} from \"@mui/x-data-grid-pro\";\n\n\nconst MuiButton = ({ buttonText, onClick, size, loading }) => {\n return (\n \n
\n ) : (\n <>Docs are successfully signed, wire instructions will be sent.\n )}\n Review and sign subscription documents
\n {investmentData && (\n <>\nInvestment Details
\n\n Investment Amount: $\n {investmentData.amount &&\n investmentData.amount.toLocaleString()}{\" \"}\n
\n Subscriber Name: {investmentData.subscriber}\n
\n Opportunity Name: {investmentData.fund}{\" \"}\n
\n {\n {\n version === \"magiclink\" ? callSubDocsEndpoint() : openModal();\n }}\n size={\"large\"}\n >\n Open Subdocs\n \n }\n
\n {loading && \n
\n );\n}\n\n\nfunction CapitalCalls({ }) {\n\n const [modalOpen, setModalOpen] = useState(false);\n const [selected, setSelected] = useState();\n const [loading, setLoading] = useState(true);\n\n const [data, setData] = useState();\n useEffect(() => {\n // Fetch capital call\n\n async function fetchData() {\n const resp = await fetchCapitalCalls();\n console.log(resp.data.data);\n var formattedRowData = Object.keys(resp.data.data).map((item, idx) => {\n return {\n id: idx,\n ...resp.data.data[item],\n status: statusFormatter(resp.data.data[item].status),\n amount: moneyFormatter(resp.data.data[item].amount),\n capitalPaidIn: moneyFormatter(resp.data.data[item].capitalPaidIn),\n fulfillBy:\n resp.data.data[item].fulfillBy\n ? resp.data.data[item].fulfillBy.slice(0, 10)\n : \"N/A\",\n fulfilledOn:\n resp.data.data[item].fulfilledOn\n ? resp.data.data[item].fulfilledOn\n : \"N/A\",\n };\n });\n setData(formattedRowData);\n console.log(formattedRowData);\n setLoading(false);\n\n }\n fetchData();\n }, []);\n\n return (\n \n
\n Wire instructions are unique for each client’s investment.\n \n
\n \n
\n \n
\n \n
\n \n
\n Account Number:
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Routing Number:
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Bank Name:
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Bank Address:
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n Beneficiary Name:\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n Beneficiary Address:\n
\n \n
\n \n
\n Wire Instructions
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {data && data.length !== 0 ? (\n
\n \n
\n ) : (!loading ?\n <>\n \n \n No capital calls were found.\n \n
\n : \n \n
\n );\n}\nexport default CoverImage;\n","import React, { useState } from \"react\";\nimport \"./Styles/Styles.scss\";\n\nfunction LogoContainer() {\n const [aquaLogoLoading, setAquaLogoLoading] = useState(true);\n\n const aquaLogoOnLoad = () => {\n setAquaLogoLoading(false);\n };\n\n return (\n \n
\n );\n}\nexport default LogoContainer;","import axios from \"axios\";\nimport { HOST } from \"../host-config\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders\";\n\nexport const verifyFeederSignupAccess = async () => {\n return axios.get(HOST + \"/verify-feeder-signup-access\");\n};\n\nexport const verifyMagicCode = async (code) => {\n let bodyParams = {\n code: code,\n };\n return await axios.post(HOST + \"/verify-magic-feeder-code\", bodyParams);\n // await axios.post(HOST + \"/signup/\", payload);\n};\n\nexport const verifySignupUser = async (email) => {\n let bodyParams = {\n email: email,\n };\n return await axios.post(HOST + \"/verify-signup-user\", bodyParams);\n};\n\nexport const linkFeederUser = async (accessCode = null) => {\n const config = await getRequestHeaders();\n\n const params = {\n access_code: accessCode,\n };\n\n return axios.post(HOST + \"/link-feeder-user/\", params, config);\n};\n\nexport const signupLinkIndividualFeederAccount = async (payload) => {\n // const config = await getRequestHeaders();\n\n return axios.post(HOST + \"/signup-link-individual-feeder-account/\", payload);\n};\n\nexport const getAccreditedInvestorPermissions = async () => {\n return axios.get(HOST + \"/get-accredited-investor-permissions\");\n};\n\nexport const wmUserCheck = async (email) => {\n return axios.get(HOST + `/wm-user-check?email=${encodeURIComponent(email)}`);\n};\n","import React from \"react\";\nimport \"./Styles/Styles.scss\";\n\nfunction FlowNotAccessible() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\nexport default FlowNotAccessible;\n","import React, { useEffect, useState } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport TextField from \"@mui/material/TextField\";\nimport InputMask from \"react-input-mask\";\nimport { InputAdornment } from \"@mui/material\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Visibility from \"@mui/icons-material/Visibility\";\nimport VisibilityOff from \"@mui/icons-material/VisibilityOff\";\nimport styles from \"../../../utilities/scss/_variables.scss\";\n\nfunction TextInputField({\n value,\n setValue,\n valueError,\n setValueError,\n label,\n required,\n fullWidth,\n size,\n id,\n mask,\n disabled,\n shrink,\n}) {\n //Styles variable assignment from exported sass variable values\n const primaryFontFamily = styles.primaryFontFamily;\n const primaryBlack2 = styles.primaryBlack2;\n const primaryBlue = styles.primaryBlue;\n const secondaryOffWhite = styles.secondaryOffWhite;\n const secondaryRed = styles.secondaryRed;\n const fontSize3 = styles.fontSize3;\n\n useEffect(() => {\n setValueError(\"\");\n }, [value]);\n\n const shouldMaskSSN =\n mask && mask.maskPattern && mask.maskPattern === \"999-99-9999\" && disabled;\n const [isMasked, setIsMasked] = useState(true);\n\n return (\n Sorry, this flow is not accessible from this domain.
\n\n
\n Please enter the access code you were provided below
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n submitCode()}\n size={\"medium\"}\n />\n
\n \n \n Please enter your email below:\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n verifyEmail()}\n size={\"medium\"}\n />\n
\n \n \n Please authenticate yourself to link your existing Aqua account\n and gain access to this platform:\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n authenticateAndLink()}\n size={\"medium\"}\n />\n
\n \n Are you a US citizen?\n
\n \n
\n \n
\n \n
\n \n \n\n \n
\n \n
\n \n
\n \n validateCitizenshipResponse()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n Terms of Use Agreement\n
\n \n
\n {!checked || !documentHasBeenRead ? scrollWarning : }\n \n handleScroll(event)}\n >\n
\n \n Loading...\n ),\n }}\n >\n
\n \n
\n \n \n
\n \n
\n \n {\n if (documentHasBeenRead) {\n setChecked(!checked);\n } else if (checked) {\n setChecked(false);\n }\n\n if (!documentHasBeenRead) {\n setReadAgreementError(true);\n }\n }}\n >\n
\n \n \n I have read, understood, and agree to all terms noted in the{\" \"}\n Terms and Policies Agreement\n \n
\n \n
\n \n
\n validatedProceed()}>\n {\n console.log(\"Clicked\");\n setActiveSlide((curSlide) => curSlide + 1);\n }}\n size={\"medium\"}\n />\n
\n \n
*/}\n \n
\n {/* \n
\n \n
\n \n \n Please select an account type from below:\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeSMLLCFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeJointFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(!accountTypeIndividualFocus);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n As an individual\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeSMLLCFocus(!accountTypeSMLLCFocus);\n setAccountTypeEntityFocus(false);\n setAccountTypeJointFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a Single-member LLC\n \n
\n \n
\n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeSMLLCFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(!accountTypeJointFocus);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a joint account\n \n
\n \n
\n \n \n {\n setAccountTypeTrustFocus(!accountTypeTrustFocus);\n setAccountTypeSMLLCFocus(false);\n setAccountTypeEntityFocus(false);\n setAccountTypeRetirementFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(false);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through a trust account\n \n
\n \n
\n \n \n {\n setAccountTypeTrustFocus(false);\n setAccountTypeEntityFocus(!accountTypeEntityFocus);\n setAccountTypeRetirementFocus(false);\n setAccountTypeSMLLCFocus(false);\n setAccountTypeIndividualFocus(false);\n setAccountTypeJointFocus(false);\n }}\n >\n
\n \n
\n \n
\n \n
\n \n \n Through another type of entity\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateAccountSelection()}\n size={\"medium\"}\n />\n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your{\" \"}\n Qualified Purchaser Status\n \n
\n \n
\n \n The Subscriber is:\n
\n \n
\n \n {\n setSelection2Focus(false);\n setSelection1Focus(!selection1Focus);\n }}\n >\n
\n \n
\n \n \n A natural person who alone (or together with his/her\n spouse, if investing jointly) owns not less than\n $5,000,000 in investments.\n \n
\n \n \n *This definition of qualified purchaser is incomplete.\n See below for the full definition.*\n \n
\n \n
\n \n {\n setProceed(false);\n setSelection1Focus(false);\n setSelection2Focus(!selection2Focus);\n }}\n >\n \n None of the above (not a Qualified Purchaser)\n \n
\n \n
\n\n \n \n The information provided will be used to assist us in\n complying with SEC regulations.\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateQPStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your{\" \"}\n Qualified Purchaser Status\n \n
\n \n
\n \n The Subscriber is:\n
\n \n
\n \n {\n setSelection2Focus(false);\n setSelection1Focus(!selection1Focus);\n }}\n >\n
\n \n
\n \n \n A natural person who alone (or together with his/her\n spouse, if investing jointly) owns not less than\n $5,000,000 in investments.\n \n
\n \n \n *This definition of qualified purchaser is incomplete.\n See below for the full definition.*\n \n
\n \n
\n \n {\n setProceed(false);\n setSelection1Focus(false);\n setSelection2Focus(!selection2Focus);\n }}\n >\n \n None of the above (not a Qualified Purchaser)\n \n
\n \n
\n\n \n \n The information provided will be used to assist us in\n complying with SEC regulations.\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateQPStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your{\" \"}\n Qualified Purchaser Status\n \n
\n \n
\n \n The Subscriber is:\n
\n \n
\n \n {\n setSelection2Focus(false);\n setSelection1Focus(!selection1Focus);\n }}\n >\n
\n \n
\n \n \n A natural person who alone (or together with his/her\n spouse, if investing jointly) owns not less than\n $5,000,000 in investments.\n \n
\n \n \n *This definition of qualified purchaser is incomplete.\n See below for the full definition.*\n \n
\n \n
\n \n {\n setProceed(false);\n setSelection1Focus(false);\n setSelection2Focus(!selection2Focus);\n }}\n >\n \n None of the above (not a Qualified Purchaser)\n \n
\n \n
\n\n \n \n The information provided will be used to assist us in\n complying with SEC regulations.\n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateQPStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Trust Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all Aqua\n users to be Qualified Purchasers.\n \n
\n \n
\n \n \n Does the trust have at least $5M in investments?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Is the trust owned by two or more close family members\n (spouses, siblings, descendants, and/or their respective\n spouses)?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Was the trust formed for the specific purpose of investing in\n a particular fund?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Are the trustee(s) and persons granting assets to the trust\n qualified purchasers (*Definition below)?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateTrustQPStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Entity Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all Aqua\n users to be Qualified Purchasers.\n \n
\n \n
\n \n \n Was the entity formed for the specific purpose of investing in\n a particular fund?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Does the entity have at least $5M in investments?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Is the entity owned directly or indirectly by 2 or more\n natural persons who are related as siblings or spouse\n (including former spouses), or direct lineal descendants by\n birth or adoption, or spouses of such persons, the estates of\n such persons, or foundations, charitable organizations, or\n trusts established by or for the benefit of such persons?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Does the entity have more than $25M in investments that are\n invested on its own account or on behalf of other individuals?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Are all beneficial owners of the entity qualified purchasers\n (*Definition below)?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
*/}\n \n
\n {/* \n validateEntityQPStatus()}\n size={\"medium\"}\n />\n
\n \n validateEntityQPStatus()}\n style={{ cursor: \"pointer\" }}\n >\n
\n \n
\n \n
\n \n
\n \n
\n \n {props.radioText}\n
\n \n
\n \n {props.children.map((child, index) => {\n return index !== props.children.length - 1 ? (\n
\n {child}
\n ) : (\n {child}
\n );\n })}\n \n \n
\n );\n}\nexport default RadioInput;\n","import React from \"react\";\nimport \"../Styles/Styles.scss\";\nimport { Modal } from \"react-bootstrap\";\n\nfunction AccreditedInvestorModal({ show, setShowModal }) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your Qualification Status\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n *The definitions of accredited investors and qualified\n purchasers are incomplete above. You can find the full\n definitions below.\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n validateAccreditationStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your Qualification Status\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n *The definitions of accredited investors and qualified\n purchasers are incomplete above. You can find the full\n definitions below.\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n validateAccreditationStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Please confirm your Qualification Status\n \n
\n \n \n
\n \n \n
\n \n \n *The definitions of accredited investors and qualified\n purchasers are incomplete above. You can find the full\n definitions below.\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n validateAccreditationStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Trust Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all Aqua\n users to be Accredited Investors.\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateAccreditationStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n setActiveSlide((curSlide) => curSlide - 1)}>\n \n
\n \n
\n \n \n Entity Qualification\n \n
\n \n
\n \n \n The Securities and Exchange Commision (SEC) requires all Aqua\n users to be Accredited Investors.\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n validateAccreditedStatus()}\n size={\"medium\"}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n );\n}\nexport default IndividualSignup;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom\";\nimport InputField from \"../../../../../../../../GlobalComponents/InputField/InputField\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport {\n qualificationDateVal,\n confidentialityAgreedIdVal,\n termsAgreementIdVal,\n emailVal,\n nameVal,\n userIDVal,\n jointQpQ1Yes,\n accessCodeVal,\n accreditedInvestorsAllowed,\n jointNetWorth1M,\n jointIncomeAccredited,\n jointInvestmentProfessional,\n jointAssets5M,\n} from \"../../../../../../../../atoms\";\nimport {\n isEmailValid,\n isPasswordValid,\n isValidCountry,\n} from \"../../../../../../../../GlobalFunctions/globalFunctions\";\nimport { Auth } from \"aws-amplify\";\nimport PasswordField from \"../../../../../../../../GlobalComponents/InputField/PasswordField/PasswordField\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/bootstrap.css\";\nimport CountryInput from \"../../../../../../../../Components/GlobalComponents/CountryInput/CountryInput\";\nimport EntityAccountType from \"../../../../../../../../Components/EntityAccountType/EntityAccountType\";\nimport { signupLinkIndividualFeederAccount } from \"../../../../../../../../Api/FeederFundSignupApi\";\nimport { getDateUTC } from \"../../../../../../../../GlobalFunctions/globalFunctions\";\n\nfunction JointSignup({ setActiveSlide }) {\n const firmName = \"test\";\n\n const accessCode = useRecoilValue(accessCodeVal);\n const [joint, setJoint] = useState(true);\n const [userId, setUserId] = useRecoilState(userIDVal);\n const individual5mInvestments = useRecoilValue(jointQpQ1Yes);\n const qualificationDate = useRecoilValue(qualificationDateVal);\n const confidentialityAgreementId = useRecoilValue(confidentialityAgreedIdVal);\n const confidentialityAgreementDateSigned = getDateUTC().toISOString();\n const termsAgreementId = useRecoilValue(termsAgreementIdVal);\n const termsAgreementDateSigned = getDateUTC().toISOString();\n const [email, setEmail] = useRecoilState(emailVal);\n const docSignatureName = useRecoilValue(nameVal);\n const [signUpError, setSignUpError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [firstNameError, setFirstNameError] = useState(\"\");\n const [lastNameError, setLastNameError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n\n const [secFirstNameError, setSecFirstNameError] = useState(\"\");\n const [secLastNameError, setSecLastNameError] = useState(\"\");\n const [secEmailError, setSecEmailError] = useState(\"\");\n\n const [secFirstName, setSecFirstName] = useState(\"\");\n const [secLastName, setSecLastName] = useState(\"\");\n const [secEmail, setSecEmail] = useState(\"\");\n\n const [passwordError, setPasswordError] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [confirmPasswordError, setConfirmPasswordError] = useState(\"\");\n const [phoneNumberError, setPhoneNumberError] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [countryOfResidence, setCountryOfResidence] = useState(\"\");\n const [countryOfResidenceError, setCountryOfResidenceError] = useState(\"\");\n const [isUSCitizen, setIsUSCitizen] = useState(\"\");\n const [isUSCitizenError, setIsUSCitizenError] = useState(\"\");\n const [entityAccountType, setEntityAccountType] = useState(\"\");\n const [entityAccountTypeError, setEntityAccountTypeError] = useState(\"\");\n\n const accreditedAllowed = useRecoilValue(accreditedInvestorsAllowed);\n const netWorth1M = useRecoilValue(jointNetWorth1M);\n const incomeAccredited = useRecoilValue(jointIncomeAccredited);\n const investmentProfessional = useRecoilValue(jointInvestmentProfessional);\n const assets5M = useRecoilValue(jointAssets5M);\n\n let history = useHistory();\n\n useEffect(() => {\n setFirstNameError(\"\");\n }, [firstName]);\n\n useEffect(() => {\n setLastNameError(\"\");\n }, [lastName]);\n\n useEffect(() => {\n setEmailError(\"\");\n }, [email]);\n\n useEffect(() => {\n setPasswordError(\"\");\n }, [password]);\n\n useEffect(() => {\n setConfirmPasswordError(\"\");\n }, [confirmPassword]);\n\n useEffect(() => {\n setPhoneNumberError(\"\");\n }, [phoneNumber]);\n\n useEffect(() => {\n setCountryOfResidenceError(\"\");\n }, [countryOfResidence]);\n\n useEffect(() => {\n setIsUSCitizenError(\"\");\n }, [isUSCitizen]);\n\n const submit = async () => {\n let isDataValid = true;\n\n const fullName = (\n firstName.toLowerCase() +\n \" \" +\n lastName.toLowerCase()\n ).trim();\n\n // if (docSignatureName.toLowerCase() !== fullName.replace(/ +/g, \" \")) {\n // setFirstNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // setLastNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // isDataValid = false;\n // } else if (\n // docSignatureName.toLowerCase() === fullName.replace(/ +/g, \" \")\n // ) {\n // setFirstNameError(\"\");\n // setLastNameError(\"\");\n // }\n\n if (lastName.replace(/ +/g, \" \").trim().length === 0) {\n setLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (firstName.replace(/ +/g, \" \").trim().length === 0) {\n console.log(firstName.replace(/ +/g, \" \").trim());\n setFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (email.length === 0) {\n setEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(email)) {\n setEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n if (joint) {\n console.log(isDataValid);\n console.log(secFirstName.replace(/ +/g, \" \").trim());\n console.log(secLastName.replace(/ +/g, \" \").trim());\n console.log(secEmail.length);\n\n if (secLastName.replace(/ +/g, \" \").trim().length === 0) {\n setSecLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (secFirstName.replace(/ +/g, \" \").trim().length === 0) {\n setSecFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (secEmail.length === 0) {\n setSecEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(secEmail)) {\n setSecEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n console.log(isDataValid);\n }\n\n if (password.length === 0) {\n setPasswordError(\"Please enter a password.\");\n isDataValid = false;\n } else if (!isPasswordValid(password)) {\n setPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n isDataValid = false;\n }\n\n if (confirmPassword !== password) {\n setConfirmPasswordError(\"Your passwords must match\");\n isDataValid = false;\n }\n if (countryOfResidence === \"\") {\n setCountryOfResidenceError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfResidence)) {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Please select a valid country from the dropdown.\"\n );\n } else if (countryOfResidence !== \"United States\") {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Sorry, we only support U.S. individuals at this time.\"\n );\n }\n\n if (phoneNumber.length === 0) {\n setPhoneNumberError(\"Please enter a phone number.\");\n isDataValid = false;\n }\n\n if (!isDataValid) {\n return;\n } else {\n setLoading(true);\n try {\n //this part needs to change to hit the new signup endpoint configured for feeder association\n const cognitoUser = await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email,\n },\n clientMetadata: { firm: firmName },\n });\n setUserId(cognitoUser.userSub);\n\n var newUser = {};\n\n if (accreditedAllowed === false) {\n newUser = {\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: !joint ? \"IND\" : \"JOINT\",\n individual_q1_qp_5m_investments: individual5mInvestments,\n qualification_date: qualificationDate,\n ...(joint && {\n joint_email: secEmail,\n joint_first: secFirstName,\n joint_last: secLastName,\n joint_account_type: entityAccountType,\n }),\n ...(countryOfResidence === \"United States\" && {\n is_us_citizen: true,\n }),\n };\n } else {\n newUser = {\n accredited_signup: true,\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: !joint ? \"IND\" : \"JOINT\",\n individual_q1_qp_5m_investments: assets5M,\n joint_net_worth_1m: netWorth1M,\n joint_income_accredited: incomeAccredited,\n joint_investment_professional: investmentProfessional,\n joint_assets_5m: assets5M,\n qualification_date: qualificationDate,\n ...(joint && {\n joint_email: secEmail,\n joint_first: secFirstName,\n joint_last: secLastName,\n joint_account_type: entityAccountType,\n }),\n ...(countryOfResidence === \"United States\" && {\n is_us_citizen: true,\n }),\n };\n }\n\n // const newUser = {\n // access_code: accessCode,\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // first_name: firstName.replace(/ +/g, \" \").trim(),\n // last_name: lastName.replace(/ +/g, \" \").trim(),\n // phone_number: phoneNumber,\n // country: countryOfResidence,\n // signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // account_type: !joint ? \"IND\" : \"JOINT\",\n // individual_q1_qp_5m_investments: individual5mInvestments,\n // qualification_date: qualificationDate,\n // ...(joint && {\n // joint_email: secEmail,\n // joint_first: secFirstName,\n // joint_last: secLastName,\n // joint_account_type: entityAccountType,\n // }),\n // ...(countryOfResidence === \"United States\" && {\n // is_us_citizen: true,\n // }),\n // };\n await signupLinkIndividualFeederAccount(newUser);\n // await signupUser(newUser);\n setLoading(false);\n setActiveSlide((curSlide) => curSlide + 1);\n } catch (err) {\n setLoading(false);\n setSignUpError(\"Sign up failed. Please try again.\");\n if (process.env.DEBUG) console.error(err);\n }\n // navigation.next();\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n setActiveSlide((curSlide) => curSlide - 1)}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n\n \n \n Please fill out all the fields\n \n
\n \n
\n\n \n
\n \n
\n \n \n First Name\n \n
\n \n Last Name\n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n\n {joint && (\n <>\n {\" \"}\n \n
\n \n
\n \n Email\n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Secondary Accountholder First Name\n \n
\n \n \n Secondary Accountholder Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {secFirstNameError && (\n \n {secFirstNameError}\n \n )}\n
\n \n {secLastNameError && (\n \n {secLastNameError}\n \n )}\n
\n \n
\n \n )}\n\n {joint && (\n \n
\n \n
\n \n \n Joint Account Type\n \n
\n \n
\n \n {\n
\n \n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n Secondary Accountholder Email\n \n
\n \n
\n \n
\n \n
\n \n {secEmailError && (\n \n {secEmailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Password\n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n {/* {countryOfResidence === \"United States\" && (\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )} */}\n \n
\n \n \n Are you a U.S. citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n {/* \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
*/}\n \n
\n \n \n );\n}\nexport default JointSignup;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport InputField from \"../../../../../../../../GlobalComponents/InputField/InputField\";\nimport TrustAccountType from \"../../../../../../../../Components/GlobalComponents/TrustAccountType/TrustAccountType\";\nimport CountryInput from \"../../../../../../../../Components/GlobalComponents/CountryInput/CountryInput\";\nimport StateInput from \"../../../../../../../../Components/GlobalComponents/StateInput/StateInput\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/bootstrap.css\";\nimport { useRecoilValue, useRecoilState } from \"recoil\";\nimport {\n userIDVal,\n trustQpQ1,\n trustQpQ2,\n trustQpQ3,\n trustQpQ4,\n qualificationDateVal,\n confidentialityAgreedIdVal,\n termsAgreementIdVal,\n emailVal,\n nameVal,\n accessCodeVal,\n accreditedInvestorsAllowed,\n trustAssets5M,\n trustSophisticatedInvestor,\n trustFormationNotSpecificInvestment,\n trustGrantorsAccredited,\n trustOwnedByFamily,\n trustGrantorQP,\n} from \"../../../../../../../../atoms\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom\";\nimport {\n isValidCountry,\n isValidState,\n isEmailValid,\n isValidTrustType,\n isPasswordValid,\n} from \"../../../../../../../../GlobalFunctions/globalFunctions\";\nimport PasswordField from \"../../../../../../../../GlobalComponents/InputField/PasswordField/PasswordField\";\nimport { Auth } from \"aws-amplify\";\nimport { signupLinkIndividualFeederAccount } from \"../../../../../../../../Api/FeederFundSignupApi\";\nimport { getDateUTC } from \"../../../../../../../../GlobalFunctions/globalFunctions\";\n\nfunction TrustSignup({ setActiveSlide }) {\n const firmName = \"test\";\n\n // navigation,\n // setUserId,\n // trustQualificationQ1,\n // trustQualificationQ2,\n // trustQualificationQ3,\n // trustQualificationQ4,\n // qualificationDate,\n // confidentialityAgreementId,\n // confidentialityAgreementDateSigned,\n // termsAgreementId,\n // termsAgreementDateSigned,\n // email,\n // setEmail,\n // docSignatureName,\n const accessCode = useRecoilValue(accessCodeVal);\n const [userId, setUserId] = useRecoilState(userIDVal);\n const trustQualificationQ1 = useRecoilValue(trustQpQ1);\n const trustQualificationQ2 = useRecoilValue(trustQpQ2);\n const trustQualificationQ3 = useRecoilValue(trustQpQ3);\n const trustQualificationQ4 = useRecoilValue(trustQpQ4);\n const qualificationDate = useRecoilValue(qualificationDateVal);\n const confidentialityAgreementId = useRecoilValue(confidentialityAgreedIdVal);\n const confidentialityAgreementDateSigned = getDateUTC().toISOString();\n const termsAgreementId = useRecoilValue(termsAgreementIdVal);\n const termsAgreementDateSigned = getDateUTC().toISOString();\n const [email, setEmail] = useRecoilState(emailVal);\n const docSignatureName = useRecoilValue(nameVal);\n const [signUpError, setSignUpError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const [trustAccountNameError, setTrustAccountNameError] = useState(\"\");\n const [trustAccountTypeError, setTrustAccountTypeError] = useState(\"\");\n const [countryOfFormationError, setCountryOfFormationError] = useState(\"\");\n const [firstNameError, setFirstNameError] = useState(\"\");\n const [lastNameError, setLastNameError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n const [passwordError, setPasswordError] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [confirmPasswordError, setConfirmPasswordError] = useState(\"\");\n const [phoneNumberError, setPhoneNumberError] = useState(\"\");\n\n const [trustAccountName, setTrustAccountName] = useState(\"\");\n const [trustAccountType, setTrustAccountType] = useState(\"\");\n const [countryOfFormation, setCountryOfFormation] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [countryOfResidence, setCountryOfResidence] = useState(\"\");\n const [countryOfResidenceError, setCountryOfResidenceError] = useState(\"\");\n const [buttonClicked, setButtonClicked] = useState(0);\n\n const [stateOfIncorporation, setStateOfIncorporation] = useState(\"\");\n const [stateOfIncorporationError, setStateOfIncorporationError] =\n useState(\"\");\n\n const [isUSCitizen, setIsUSCitizen] = useState(\"\");\n const [isUSCitizenError, setIsUSCitizenError] = useState(\"\");\n\n const accreditedAllowed = useRecoilValue(accreditedInvestorsAllowed);\n const assets5M = useRecoilValue(trustAssets5M);\n const sophisticatedInvestor = useRecoilValue(trustSophisticatedInvestor);\n const formationNotSpecificInvestment = useRecoilValue(\n trustFormationNotSpecificInvestment\n );\n const grantorsAccredited = useRecoilValue(trustGrantorsAccredited);\n const ownedByFamily = useRecoilValue(trustOwnedByFamily);\n const grantorQP = useRecoilValue(trustGrantorQP);\n\n let history = useHistory();\n\n useEffect(() => {\n // console.log(\"Phone number is: \" + phoneNumber);\n }, [phoneNumber]);\n\n useEffect(() => {\n setTrustAccountNameError(\"\");\n }, [trustAccountName]);\n\n useEffect(() => {\n setTrustAccountTypeError(\"\");\n }, [trustAccountType]);\n\n useEffect(() => {\n setCountryOfFormationError(\"\");\n }, [countryOfFormation]);\n\n useEffect(() => {\n setFirstNameError(\"\");\n }, [firstName]);\n\n useEffect(() => {\n setLastNameError(\"\");\n }, [lastName]);\n\n useEffect(() => {\n setEmailError(\"\");\n }, [email]);\n\n useEffect(() => {\n setPasswordError(\"\");\n }, [password]);\n\n useEffect(() => {\n setConfirmPasswordError(\"\");\n }, [confirmPassword]);\n\n useEffect(() => {\n setPhoneNumberError(\"\");\n }, [phoneNumber]);\n\n useEffect(() => {\n setCountryOfResidenceError(\"\");\n // console.log(\"Country is: \" + countryOfResidence);\n }, [countryOfResidence]);\n\n useEffect(() => {\n setStateOfIncorporationError(\"\");\n }, [stateOfIncorporation]);\n\n useEffect(() => {\n setIsUSCitizenError(\"\");\n }, [isUSCitizen]);\n\n const submit = async () => {\n let isDataValid = true;\n\n if (trustAccountName.length === 0) {\n isDataValid = false;\n setTrustAccountNameError(\"Please enter a trust account name.\");\n }\n\n if (trustAccountType.length === 0) {\n isDataValid = false;\n setTrustAccountTypeError(\n \"Please select a valid trust account type from the dropdown\"\n );\n } else if (!isValidTrustType(trustAccountType)) {\n isDataValid = false;\n setTrustAccountTypeError(\n \"Please select a valid trust account from the dropdown.\"\n );\n }\n\n if (countryOfFormation.length === 0) {\n setCountryOfFormationError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfFormation)) {\n setCountryOfFormationError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n } else if (countryOfFormation !== \"United States\") {\n isDataValid = false;\n setCountryOfFormationError(\n \"Sorry, we only support U.S. accounts at this time.\"\n );\n }\n\n if (countryOfFormation === \"United States\" && stateOfIncorporation === \"\") {\n isDataValid = false;\n setStateOfIncorporationError(\"Please select a state of incorporation.\");\n } else if (\n countryOfFormation === \"United States\" &&\n !isValidState(stateOfIncorporation)\n ) {\n isDataValid = false;\n setStateOfIncorporationError(\n \"Please select a valid state from the dropdown.\"\n );\n }\n\n const fullName = (\n firstName.toLowerCase() +\n \" \" +\n lastName.toLowerCase()\n ).trim();\n\n // if (docSignatureName.toLowerCase() !== fullName.replace(/ +/g, \" \")) {\n // setFirstNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // setLastNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // isDataValid = false;\n // } else if (\n // docSignatureName.toLowerCase() === fullName.replace(/ +/g, \" \")\n // ) {\n // setFirstNameError(\"\");\n // setLastNameError(\"\");\n // }\n\n if (firstName.replace(/ +/g, \" \").trim().length === 0) {\n setFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (lastName.replace(/ +/g, \" \").trim().length === 0) {\n setLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (email.length === 0) {\n setEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(email)) {\n setEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n if (password.length === 0) {\n setPasswordError(\"Please enter a password.\");\n isDataValid = false;\n } else if (!isPasswordValid(password)) {\n setPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n isDataValid = false;\n }\n\n if (confirmPassword !== password) {\n setConfirmPasswordError(\"Your passwords must match\");\n isDataValid = false;\n }\n if (countryOfResidence === \"\") {\n setCountryOfResidenceError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfResidence)) {\n setCountryOfResidenceError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n } else if (countryOfResidence !== \"United States\") {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Sorry, we can only support U.S. based accounts currently.\"\n );\n }\n\n if (phoneNumber.length === 0) {\n setPhoneNumberError(\"Please enter a phone number.\");\n isDataValid = false;\n }\n\n if (!isDataValid) {\n return;\n } else {\n setLoading(true);\n try {\n const cognitoUser = await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email,\n },\n clientMetadata: { firm: firmName },\n });\n setUserId(cognitoUser.userSub);\n // This needs to take into account the citizenship value, so it can be used for the purpose of the grantor information => When the investor profile is added, the grantor information can be taken into account automatically.\n\n var newUser = {};\n\n if (accreditedAllowed === false) {\n newUser = {\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"TRT\",\n trust_q1_qp_5m_investments: trustQualificationQ1\n ? trustQualificationQ1 === \"Yes\"\n ? true\n : false\n : false,\n trust_q2_qp_owned_by_family: trustQualificationQ2\n ? trustQualificationQ2 === \"Yes\"\n ? true\n : false\n : false,\n trust_q3_qp_specific_purpose_invest_fund: trustQualificationQ3\n ? trustQualificationQ3 === \"Yes\"\n ? true\n : false\n : false,\n trust_q4_qp_trustee_grantor_qp: trustQualificationQ4\n ? trustQualificationQ4 === \"Yes\"\n ? true\n : false\n : false,\n qualification_date: qualificationDate,\n entity_legal_name: trustAccountName,\n entity_type: trustAccountType\n ? trustAccountType === \"Irrevocable Trust\"\n ? \"TRUST\"\n : trustAccountType === \"Revocable Trust\"\n ? \"LT\"\n : \"\"\n : \"\",\n country_of_formation: countryOfFormation,\n is_us_citizen: true,\n state_of_incorporation: stateOfIncorporation,\n };\n } else {\n newUser = {\n accredited_signup: true,\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"TRT\",\n trust_q1_qp_5m_investments: assets5M,\n trust_q2_qp_owned_by_family: ownedByFamily,\n trust_q3_qp_specific_purpose_invest_fund:\n !formationNotSpecificInvestment,\n trust_q4_qp_trustee_grantor_qp: grantorQP,\n trust_sophisticated_investor: sophisticatedInvestor,\n trust_grantors_accredited: grantorsAccredited,\n qualification_date: qualificationDate,\n entity_legal_name: trustAccountName,\n entity_type: trustAccountType\n ? trustAccountType === \"Irrevocable Trust\"\n ? \"TRUST\"\n : trustAccountType === \"Revocable Trust\"\n ? \"LT\"\n : \"\"\n : \"\",\n country_of_formation: countryOfFormation,\n is_us_citizen: true,\n state_of_incorporation: stateOfIncorporation,\n };\n }\n\n // const newUser = {\n // access_code: accessCode,\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // first_name: firstName.replace(/ +/g, \" \").trim(),\n // last_name: lastName.replace(/ +/g, \" \").trim(),\n // phone_number: phoneNumber,\n // country: countryOfResidence,\n // signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // account_type: \"TRT\",\n // trust_q1_qp_5m_investments: trustQualificationQ1\n // ? trustQualificationQ1 === \"Yes\"\n // ? true\n // : false\n // : false,\n // trust_q2_qp_owned_by_family: trustQualificationQ2\n // ? trustQualificationQ2 === \"Yes\"\n // ? true\n // : false\n // : false,\n // trust_q3_qp_specific_purpose_invest_fund: trustQualificationQ3\n // ? trustQualificationQ3 === \"Yes\"\n // ? true\n // : false\n // : false,\n // trust_q4_qp_trustee_grantor_qp: trustQualificationQ4\n // ? trustQualificationQ4 === \"Yes\"\n // ? true\n // : false\n // : false,\n // qualification_date: qualificationDate,\n // entity_legal_name: trustAccountName,\n // entity_type: trustAccountType\n // ? trustAccountType === \"Irrevocable Trust\"\n // ? \"TRUST\"\n // : trustAccountType === \"Revocable Trust\"\n // ? \"LT\"\n // : \"\"\n // : \"\",\n // country_of_formation: countryOfFormation,\n // is_us_citizen: isUSCitizen,\n // state_of_incorporation: stateOfIncorporation,\n // };\n\n await signupLinkIndividualFeederAccount(newUser);\n // await signupUser(newUser);\n // const cognitoUser = await Auth.signUp({\n // username: email,\n // password: password,\n // attributes: {\n // email,\n // },\n // });\n // setUserId(cognitoUser.userSub);\n\n // const newUser = {\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // password: password,\n // first_name: firstName.charAt(0).toUpperCase() + firstName.slice(1),\n // last_name: lastName.charAt(0).toUpperCase() + lastName.slice(1),\n // investor_type: \"I\",\n // phone_number: phoneNumber,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // qualification_date: qualificationDate,\n // q1_qp_5m_investments: isQualifiedPurchaser,\n // q5_accredited_1m_networth: accreditionQuestionNetWorth,\n // q6_accredited_200k_individual_annual_income:\n // accreditionQuestionAnnualIncome,\n // q7_accredited_300k_joint_annual_income:\n // accreditionQuestionAnnualIncome,\n // q8_accredited_professional_license:\n // accreditionQuestionProfessionalLicense,\n // country: accreditionQuestionUSResident\n // ? \"United States\"\n // : \"United States\",\n // };\n // await signupUser(newUser);\n // console.log(\"Success.\");\n setActiveSlide((curSlide) => curSlide + 1);\n setLoading(false);\n } catch (err) {\n setLoading(false);\n setSignUpError(\"Sign up failed. Please try again.\");\n if (process.env.DEBUG) console.error(err);\n }\n // navigation.next();\n }\n };\n\n return (\n \n
\n \n
\n \n setActiveSlide((curSlide) => curSlide - 1)}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n\n \n \n Please fill out all the fields\n \n
\n \n
\n\n \n
\n \n
\n \n \n First Name\n \n
\n \n Last Name\n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n\n {joint && (\n <>\n {\" \"}\n \n
\n \n
\n \n Email\n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Secondary Accountholder First Name\n \n
\n \n \n Secondary Accountholder Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {secFirstNameError && (\n \n {secFirstNameError}\n \n )}\n
\n \n {secLastNameError && (\n \n {secLastNameError}\n \n )}\n
\n \n
\n \n )}\n\n {joint && (\n \n
\n \n
\n \n \n Joint Account Type\n \n
\n \n
\n \n {\n
\n \n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n Secondary Accountholder Email\n \n
\n \n
\n \n
\n \n
\n \n {secEmailError && (\n \n {secEmailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Password\n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n {/* {countryOfResidence === \"United States\" && (\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )} */}\n \n
\n \n \n Are you a U.S. citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n {/* \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n history.push(\"/login\")}\n >\n or Sign In\n \n
*/}\n \n
\n \n );\n}\nexport default TrustSignup;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport InputField from \"../../../../../../../../GlobalComponents/InputField/InputField\";\nimport EntityAccountType from \"../../../../../../../../Components/EntityAccountType/EntityAccountType\";\nimport CountryInput from \"../../../../../../../../Components/GlobalComponents/CountryInput/CountryInput\";\nimport StateInput from \"../../../../../../../../Components/GlobalComponents/StateInput/StateInput\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/bootstrap.css\";\nimport { useRecoilValue, useRecoilState } from \"recoil\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom\";\nimport {\n isValidCountry,\n isValidState,\n isEmailValid,\n isValidEntityType,\n isPasswordValid,\n} from \"../../../../../../../../GlobalFunctions/globalFunctions\";\nimport PasswordField from \"../../../../../../../../GlobalComponents/InputField/PasswordField/PasswordField\";\nimport { Auth } from \"aws-amplify\";\nimport {\n entityQpQ1,\n entityQpQ2,\n entityQpQ3,\n entityQpQ4,\n entityQpQ5,\n userIDVal,\n qualificationDateVal,\n confidentialityAgreedIdVal,\n termsAgreementIdVal,\n emailVal,\n nameVal,\n accessCodeVal,\n accreditedInvestorsAllowed,\n entityAssets5M,\n entityNotFormedForInvestment,\n entityOwnersAccredited,\n entityOwnedByFamily,\n entityAssets25M,\n entityOwnersQP,\n} from \"../../../../../../../../atoms\";\nimport { signupLinkIndividualFeederAccount } from \"../../../../../../../../Api/FeederFundSignupApi\";\nimport { getDateUTC } from \"../../../../../../../../GlobalFunctions/globalFunctions\";\n\nfunction EntitySignup({ setActiveSlide }) {\n const firmName = \"test\";\n // navigation,\n // setUserId,\n // entityQualificationQ1,\n // entityQualificationQ2,\n // entityQualificationQ3,\n // entityQualificationQ4,\n // entityQualificationQ5,\n // qualificationDate,\n // confidentialityAgreementId,\n // confidentialityAgreementDateSigned,\n // termsAgreementId,\n // termsAgreementDateSigned,\n // email,\n // setEmail,\n // docSignatureName,\n const accessCode = useRecoilValue(accessCodeVal);\n const [userId, setUserId] = useRecoilState(userIDVal);\n const entityQualificationQ1 = useRecoilValue(entityQpQ1);\n const entityQualificationQ2 = useRecoilValue(entityQpQ2);\n const entityQualificationQ3 = useRecoilValue(entityQpQ3);\n const entityQualificationQ4 = useRecoilValue(entityQpQ4);\n const entityQualificationQ5 = useRecoilValue(entityQpQ5);\n const qualificationDate = useRecoilValue(qualificationDateVal);\n const confidentialityAgreementId = useRecoilValue(confidentialityAgreedIdVal);\n const confidentialityAgreementDateSigned = getDateUTC().toISOString();\n const termsAgreementId = useRecoilValue(termsAgreementIdVal);\n const termsAgreementDateSigned = getDateUTC().toISOString();\n const [email, setEmail] = useRecoilState(emailVal);\n const docSignatureName = useRecoilValue(nameVal);\n const [signUpError, setSignUpError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const [entityAccountNameError, setEntityAccountNameError] = useState(\"\");\n const [entityAccountTypeError, setEntityAccountTypeError] = useState(\"\");\n const [countryOfFormationError, setCountryOfFormationError] = useState(\"\");\n const [firstNameError, setFirstNameError] = useState(\"\");\n const [lastNameError, setLastNameError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n const [passwordError, setPasswordError] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [confirmPasswordError, setConfirmPasswordError] = useState(\"\");\n const [phoneNumberError, setPhoneNumberError] = useState(\"\");\n\n const [entityAccountName, setEntityAccountName] = useState(\"\");\n const [entityAccountType, setEntityAccountType] = useState(\"\");\n const [countryOfFormation, setCountryOfFormation] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [countryOfResidence, setCountryOfResidence] = useState(\"\");\n const [countryOfResidenceError, setCountryOfResidenceError] = useState(\"\");\n\n const [stateOfIncorporation, setStateOfIncorporation] = useState(\"\");\n const [stateOfIncorporationError, setStateOfIncorporationError] =\n useState(\"\");\n\n const [isUSCitizen, setIsUSCitizen] = useState(\"\");\n const [isUSCitizenError, setIsUSCitizenError] = useState(\"\");\n\n const accreditedAllowed = useRecoilValue(accreditedInvestorsAllowed);\n const assets5M = useRecoilValue(entityAssets5M);\n const notFormedForInvestment = useRecoilValue(entityNotFormedForInvestment);\n const ownersAccredited = useRecoilValue(entityOwnersAccredited);\n const ownedByFamily = useRecoilValue(entityOwnedByFamily);\n const assets25M = useRecoilValue(entityAssets25M);\n const ownersQP = useRecoilValue(entityOwnersQP);\n\n let history = useHistory();\n\n useEffect(() => {\n // console.log(\"Phone number is: \" + phoneNumber);\n }, [phoneNumber]);\n\n useEffect(() => {\n setEntityAccountNameError(\"\");\n }, [entityAccountName]);\n\n useEffect(() => {\n setEntityAccountTypeError(\"\");\n }, [entityAccountType]);\n\n useEffect(() => {\n setCountryOfFormationError(\"\");\n }, [countryOfFormation]);\n\n useEffect(() => {\n setFirstNameError(\"\");\n }, [firstName]);\n\n useEffect(() => {\n setLastNameError(\"\");\n }, [lastName]);\n\n useEffect(() => {\n setEmailError(\"\");\n }, [email]);\n\n useEffect(() => {\n setPasswordError(\"\");\n }, [password]);\n\n useEffect(() => {\n setConfirmPasswordError(\"\");\n }, [confirmPassword]);\n\n useEffect(() => {\n setPhoneNumberError(\"\");\n }, [phoneNumber]);\n\n useEffect(() => {\n setCountryOfResidenceError(\"\");\n // console.log(\"Country is: \" + countryOfResidence);\n }, [countryOfResidence]);\n\n const submit = async () => {\n let isDataValid = true;\n\n if (entityAccountName.length === 0) {\n isDataValid = false;\n setEntityAccountNameError(\"Please enter an entity name.\");\n }\n\n if (entityAccountType.length === 0) {\n isDataValid = false;\n setEntityAccountTypeError(\n \"Please select a valid entity type from the dropdown\"\n );\n } else if (!isValidEntityType(entityAccountType)) {\n isDataValid = false;\n setEntityAccountTypeError(\n \"Please select a valid entity type from the dropdown.\"\n );\n } else if (entityAccountType === \"Single-Member LLC\") {\n isDataValid = false;\n setEntityAccountTypeError(\n \"Please use the Single-Member LLC signup flow.\"\n );\n }\n\n if (countryOfFormation.length === 0) {\n setCountryOfFormationError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfFormation)) {\n setCountryOfFormationError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n } else if (countryOfFormation !== \"United States\") {\n isDataValid = false;\n setCountryOfFormationError(\n \"Sorry, we only support U.S. accounts at this time.\"\n );\n }\n\n if (countryOfFormation === \"United States\" && stateOfIncorporation === \"\") {\n isDataValid = false;\n setStateOfIncorporationError(\"Please select a state of incorporation.\");\n } else if (\n countryOfFormation === \"United States\" &&\n !isValidState(stateOfIncorporation)\n ) {\n isDataValid = false;\n setStateOfIncorporationError(\n \"Please select a valid state from the dropdown.\"\n );\n }\n\n const fullName = (\n firstName.toLowerCase() +\n \" \" +\n lastName.toLowerCase()\n ).trim();\n\n // if (docSignatureName.toLowerCase() !== fullName.replace(/ +/g, \" \")) {\n // setFirstNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // setLastNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // isDataValid = false;\n // } else if (\n // docSignatureName.toLowerCase() === fullName.replace(/ +/g, \" \")\n // ) {\n // setFirstNameError(\"\");\n // setLastNameError(\"\");\n // }\n\n if (firstName.replace(/ +/g, \" \").trim().length === 0) {\n setFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (lastName.replace(/ +/g, \" \").trim().length === 0) {\n setLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (email.length === 0) {\n setEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(email)) {\n setEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n if (password.length === 0) {\n setPasswordError(\"Please enter a password.\");\n isDataValid = false;\n } else if (!isPasswordValid(password)) {\n setPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n isDataValid = false;\n }\n\n if (confirmPassword !== password) {\n setConfirmPasswordError(\"Your passwords must match\");\n isDataValid = false;\n }\n if (countryOfResidence === \"\") {\n setCountryOfResidenceError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfResidence)) {\n setCountryOfResidenceError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n } else if (countryOfResidence !== \"United States\") {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Sorry, we only support U.S. accounts at this time.\"\n );\n }\n\n if (phoneNumber.length === 0) {\n setPhoneNumberError(\"Please enter a phone number.\");\n isDataValid = false;\n }\n\n if (!isDataValid) {\n return;\n } else {\n setLoading(true);\n try {\n const cognitoUser = await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email,\n },\n clientMetadata: { firm: firmName },\n });\n setUserId(cognitoUser.userSub);\n\n var newUser = {};\n\n if (accreditedAllowed === false) {\n newUser = {\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"ENT\",\n entity_q1_qp_specific_purpose_invest_fund: entityQualificationQ1\n ? entityQualificationQ1 === \"Yes\"\n ? true\n : false\n : false,\n entity_q2_qp_5m_investments: entityQualificationQ2\n ? entityQualificationQ2 === \"Yes\"\n ? true\n : false\n : false,\n entity_q3_qp_owned_by_family: entityQualificationQ3\n ? entityQualificationQ3 === \"Yes\"\n ? true\n : false\n : false,\n entity_q4_qp_25m_investments: entityQualificationQ4\n ? entityQualificationQ4 === \"Yes\"\n ? true\n : false\n : false,\n entity_q5_qp_all_owners_qp: entityQualificationQ5\n ? entityQualificationQ5 === \"Yes\"\n ? true\n : false\n : false,\n qualification_date: qualificationDate,\n entity_legal_name: entityAccountName,\n entity_type: entityAccountType\n ? entityAccountType === \"LLC\"\n ? \"LLC\"\n : entityAccountType === \"Limited Partnership\"\n ? \"LP\"\n : entityAccountType === \"C Corporation\"\n ? \"C-CORP\"\n : entityAccountType === \"S Corporation\"\n ? \"S-CORP\"\n : entityAccountType === \"General Partnership\"\n ? \"GP\"\n : entityAccountType === \"Foreign Entity\"\n ? \"FE\"\n : \"\"\n : \"\",\n country_of_formation: countryOfFormation,\n state_of_incorporation: stateOfIncorporation,\n is_us_citizen: true,\n };\n } else {\n newUser = {\n accredited_signup: true,\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"ENT\",\n entity_q1_qp_specific_purpose_invest_fund: !notFormedForInvestment,\n entity_q2_qp_5m_investments: assets5M,\n entity_q3_qp_owned_by_family: ownedByFamily,\n entity_q4_qp_25m_investments: assets25M,\n entity_q5_qp_all_owners_qp: ownersQP,\n entity_owners_accredited: ownersAccredited,\n qualification_date: qualificationDate,\n entity_legal_name: entityAccountName,\n entity_type: entityAccountType\n ? entityAccountType === \"LLC\"\n ? \"LLC\"\n : entityAccountType === \"Limited Partnership\"\n ? \"LP\"\n : entityAccountType === \"C Corporation\"\n ? \"C-CORP\"\n : entityAccountType === \"S Corporation\"\n ? \"S-CORP\"\n : entityAccountType === \"General Partnership\"\n ? \"GP\"\n : entityAccountType === \"Foreign Entity\"\n ? \"FE\"\n : \"\"\n : \"\",\n country_of_formation: countryOfFormation,\n state_of_incorporation: stateOfIncorporation,\n is_us_citizen: true,\n };\n }\n\n // const newUser = {\n // access_code: accessCode,\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // first_name: firstName.replace(/ +/g, \" \").trim(),\n // last_name: lastName.replace(/ +/g, \" \").trim(),\n // phone_number: phoneNumber,\n // country: countryOfResidence,\n // signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // account_type: \"ENT\",\n // entity_q1_qp_specific_purpose_invest_fund: entityQualificationQ1\n // ? entityQualificationQ1 === \"Yes\"\n // ? true\n // : false\n // : false,\n // entity_q2_qp_5m_investments: entityQualificationQ2\n // ? entityQualificationQ2 === \"Yes\"\n // ? true\n // : false\n // : false,\n // entity_q3_qp_owned_by_family: entityQualificationQ3\n // ? entityQualificationQ3 === \"Yes\"\n // ? true\n // : false\n // : false,\n // entity_q4_qp_25m_investments: entityQualificationQ4\n // ? entityQualificationQ4 === \"Yes\"\n // ? true\n // : false\n // : false,\n // entity_q5_qp_all_owners_qp: entityQualificationQ5\n // ? entityQualificationQ5 === \"Yes\"\n // ? true\n // : false\n // : false,\n // qualification_date: qualificationDate,\n // entity_legal_name: entityAccountName,\n // entity_type: entityAccountType\n // ? entityAccountType === \"LLC\"\n // ? \"LLC\"\n // : entityAccountType === \"Limited Partnership\"\n // ? \"LP\"\n // : entityAccountType === \"C Corporation\"\n // ? \"C-CORP\"\n // : entityAccountType === \"S Corporation\"\n // ? \"S-CORP\"\n // : entityAccountType === \"General Partnership\"\n // ? \"GP\"\n // : entityAccountType === \"Foreign Entity\"\n // ? \"FE\"\n // : \"\"\n // : \"\",\n // country_of_formation: countryOfFormation,\n // state_of_incorporation: stateOfIncorporation,\n // is_us_citizen: isUSCitizen,\n // };\n\n await signupLinkIndividualFeederAccount(newUser);\n // await signupUser(newUser);\n // const cognitoUser = await Auth.signUp({\n // username: email,\n // password: password,\n // attributes: {\n // email,\n // },\n // });\n // setUserId(cognitoUser.userSub);\n\n // const newUser = {\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // password: password,\n // first_name: firstName.charAt(0).toUpperCase() + firstName.slice(1),\n // last_name: lastName.charAt(0).toUpperCase() + lastName.slice(1),\n // investor_type: \"I\",\n // phone_number: phoneNumber,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // qualification_date: qualificationDate,\n // q1_qp_5m_investments: isQualifiedPurchaser,\n // q5_accredited_1m_networth: accreditionQuestionNetWorth,\n // q6_accredited_200k_individual_annual_income:\n // accreditionQuestionAnnualIncome,\n // q7_accredited_300k_joint_annual_income:\n // accreditionQuestionAnnualIncome,\n // q8_accredited_professional_license:\n // accreditionQuestionProfessionalLicense,\n // country: accreditionQuestionUSResident\n // ? \"United States\"\n // : \"United States\",\n // };\n // await signupUser(newUser);\n // console.log(\"Success.\");\n setLoading(false);\n setActiveSlide((curSlide) => curSlide + 1);\n } catch (err) {\n setLoading(false);\n setSignUpError(\"Sign up failed. Please try again.\");\n if (process.env.DEBUG) console.error(err);\n }\n // navigation.next();\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n setActiveSlide((curSlide) => curSlide - 1)}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n \n Please fill out all the fields\n \n
\n \n
\n \n
\n \n
\n \n \n Trust Account Name\n \n
\n \n \n Trust Type\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {trustAccountNameError && (\n \n {trustAccountNameError}\n \n )}\n
\n \n {trustAccountTypeError && (\n \n {trustAccountTypeError}\n \n )}\n
\n \n
\n {countryOfFormation === \"United States\" && (\n \n
\n \n
\n \n \n Country Of Formation\n \n
\n \n
\n \n
\n \n
\n \n {countryOfFormationError && (\n \n {countryOfFormationError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n State Of Incorporation\n \n
\n \n
\n \n
\n \n
\n \n {stateOfIncorporationError && (\n \n {stateOfIncorporationError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n First Name\n \n
\n \n Last Name\n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Email\n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Password\n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n {/* {countryOfResidence === \"United States\" && (\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )} */}\n \n
\n \n \n Are you a U.S. Citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n {\n setIsUSCitizen(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setIsUSCitizen(false);\n }}\n />\n \n No\n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n
\n \n );\n}\nexport default EntitySignup;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport {\n smLLCQpQ1Yes,\n qualificationDateVal,\n confidentialityAgreedIdVal,\n termsAgreementIdVal,\n emailVal,\n nameVal,\n userIDVal,\n accessCodeVal,\n accreditedInvestorsAllowed,\n smLLCAssets5M,\n smLLCOwnerAccredited,\n} from \"../../../../../../../../atoms\";\nimport InputField from \"../../../../../../../../GlobalComponents/InputField/InputField\";\nimport CountryInput from \"../../../../../../../../Components/GlobalComponents/CountryInput/CountryInput\";\nimport StateInput from \"../../../../../../../../Components/GlobalComponents/StateInput/StateInput\";\nimport {\n isEmailValid,\n isValidCountry,\n isPasswordValid,\n isValidState,\n} from \"../../../../../../../../GlobalFunctions/globalFunctions\";\nimport { Auth } from \"aws-amplify\";\nimport PasswordField from \"../../../../../../../../GlobalComponents/InputField/PasswordField/PasswordField\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/bootstrap.css\";\nimport EntityAccountType from \"../../../../../../../../Components/EntityAccountType/EntityAccountType\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom\";\nimport { signupLinkIndividualFeederAccount } from \"../../../../../../../../Api/FeederFundSignupApi\";\nimport { getDateUTC } from \"../../../../../../../../GlobalFunctions/globalFunctions\";\n\nfunction SMLLCSignup({ setActiveSlide }) {\n const firmName = \"test\";\n\n const accessCode = useRecoilValue(accessCodeVal);\n const [joint, setJoint] = useState(false);\n const [userId, setUserId] = useRecoilState(userIDVal);\n const individual5mInvestments = useRecoilValue(smLLCQpQ1Yes);\n const qualificationDate = useRecoilValue(qualificationDateVal);\n const confidentialityAgreementId = useRecoilValue(confidentialityAgreedIdVal);\n const confidentialityAgreementDateSigned = getDateUTC().toISOString();\n const termsAgreementId = useRecoilValue(termsAgreementIdVal);\n const termsAgreementDateSigned = getDateUTC().toISOString();\n const [email, setEmail] = useRecoilState(emailVal);\n const docSignatureName = useRecoilValue(nameVal);\n const [signUpError, setSignUpError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [firstNameError, setFirstNameError] = useState(\"\");\n const [lastNameError, setLastNameError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n\n const [secFirstNameError, setSecFirstNameError] = useState(\"\");\n const [secLastNameError, setSecLastNameError] = useState(\"\");\n const [secEmailError, setSecEmailError] = useState(\"\");\n\n const [secFirstName, setSecFirstName] = useState(\"\");\n const [secLastName, setSecLastName] = useState(\"\");\n const [secEmail, setSecEmail] = useState(\"\");\n\n const [passwordError, setPasswordError] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [confirmPasswordError, setConfirmPasswordError] = useState(\"\");\n const [phoneNumberError, setPhoneNumberError] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [countryOfResidence, setCountryOfResidence] = useState(\"\");\n const [countryOfResidenceError, setCountryOfResidenceError] = useState(\"\");\n const [isUSCitizen, setIsUSCitizen] = useState(\"\");\n const [isUSCitizenError, setIsUSCitizenError] = useState(\"\");\n const [entityAccountType, setEntityAccountType] = useState(\"\");\n const [entityAccountTypeError, setEntityAccountTypeError] = useState(\"\");\n\n const [entityLegalName, setEntityLegalName] = useState(\"\");\n const [entityLegalNameError, setEntityLegalNameError] = useState(\"\");\n\n const [entityCountryOfFormation, setEntityCountryOfFormation] = useState(\"\");\n const [entityCountryOfFormationError, setEntityCountryOfFormationError] =\n useState(\"\");\n\n const [entityStateOfIncorporation, setEntityStateOfIncorporation] =\n useState(\"\");\n const [entityStateOfIncorporationError, setEntityStateOfIncorporationError] =\n useState(\"\");\n\n const accreditedAllowed = useRecoilValue(accreditedInvestorsAllowed);\n const assets5M = useRecoilValue(smLLCAssets5M);\n const ownerAccredited = useRecoilValue(smLLCOwnerAccredited);\n\n let history = useHistory();\n\n useEffect(() => {\n setFirstNameError(\"\");\n }, [firstName]);\n\n useEffect(() => {\n setLastNameError(\"\");\n }, [lastName]);\n\n useEffect(() => {\n setEmailError(\"\");\n }, [email]);\n\n useEffect(() => {\n setPasswordError(\"\");\n }, [password]);\n\n useEffect(() => {\n setConfirmPasswordError(\"\");\n }, [confirmPassword]);\n\n useEffect(() => {\n setPhoneNumberError(\"\");\n }, [phoneNumber]);\n\n useEffect(() => {\n setCountryOfResidenceError(\"\");\n }, [countryOfResidence]);\n\n useEffect(() => {\n setIsUSCitizenError(\"\");\n }, [isUSCitizen]);\n\n const submit = async () => {\n let isDataValid = true;\n\n if (entityLegalName === \"\") {\n isDataValid = false;\n setEntityLegalNameError(\"This field is required.\");\n }\n\n if (entityCountryOfFormation.length === 0) {\n setEntityCountryOfFormationError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(entityCountryOfFormation)) {\n setEntityCountryOfFormationError(\n \"Please select a valid country from the dropdown.\"\n );\n isDataValid = false;\n } else if (entityCountryOfFormation !== \"United States\") {\n isDataValid = false;\n setEntityCountryOfFormationError(\n \"Sorry, we only support U.S. accounts at this time.\"\n );\n }\n\n if (\n entityCountryOfFormation === \"United States\" &&\n entityStateOfIncorporation === \"\"\n ) {\n isDataValid = false;\n setEntityStateOfIncorporationError(\n \"Please select a state of incorporation.\"\n );\n } else if (\n entityCountryOfFormation === \"United States\" &&\n !isValidState(entityStateOfIncorporation)\n ) {\n isDataValid = false;\n setEntityStateOfIncorporationError(\n \"Please select a valid state from the dropdown.\"\n );\n }\n\n const fullName = (\n firstName.toLowerCase() +\n \" \" +\n lastName.toLowerCase()\n ).trim();\n\n // if (docSignatureName.toLowerCase() !== fullName.replace(/ +/g, \" \")) {\n // setFirstNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // setLastNameError(\n // \"Name entered does not match the name signed on the confidentiality agreement.\"\n // );\n // isDataValid = false;\n // } else if (\n // docSignatureName.toLowerCase() === fullName.replace(/ +/g, \" \")\n // ) {\n // setFirstNameError(\"\");\n // setLastNameError(\"\");\n // }\n\n if (lastName.replace(/ +/g, \" \").trim().length === 0) {\n setLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (firstName.replace(/ +/g, \" \").trim().length === 0) {\n console.log(firstName.replace(/ +/g, \" \").trim());\n setFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (email.length === 0) {\n setEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(email)) {\n setEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n if (joint) {\n console.log(isDataValid);\n console.log(secFirstName.replace(/ +/g, \" \").trim());\n console.log(secLastName.replace(/ +/g, \" \").trim());\n console.log(secEmail.length);\n\n if (secLastName.replace(/ +/g, \" \").trim().length === 0) {\n setSecLastNameError(\"Please enter a last name.\");\n isDataValid = false;\n }\n\n if (secFirstName.replace(/ +/g, \" \").trim().length === 0) {\n setSecFirstNameError(\"Please enter a first name.\");\n isDataValid = false;\n }\n\n if (secEmail.length === 0) {\n setSecEmailError(\"Please enter an email address.\");\n isDataValid = false;\n } else if (!isEmailValid(secEmail)) {\n setSecEmailError(\"Please enter a valid email address.\");\n isDataValid = false;\n }\n\n console.log(isDataValid);\n }\n\n if (password.length === 0) {\n setPasswordError(\"Please enter a password.\");\n isDataValid = false;\n } else if (!isPasswordValid(password)) {\n setPasswordError(\n \"Your password must be longer than 10 characters and contain at least one number, an uppercase, a lowercase, and a special character.\"\n );\n isDataValid = false;\n }\n\n if (confirmPassword !== password) {\n setConfirmPasswordError(\"Your passwords must match\");\n isDataValid = false;\n }\n if (countryOfResidence === \"\") {\n setCountryOfResidenceError(\"Country is required.\");\n isDataValid = false;\n } else if (!isValidCountry(countryOfResidence)) {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Please select a valid country from the dropdown.\"\n );\n } else if (countryOfResidence !== \"United States\") {\n isDataValid = false;\n setCountryOfResidenceError(\n \"Sorry, we only support U.S. individuals at this time.\"\n );\n }\n\n if (phoneNumber.length === 0) {\n setPhoneNumberError(\"Please enter a phone number.\");\n isDataValid = false;\n }\n\n if (!isDataValid) {\n return;\n } else {\n setLoading(true);\n try {\n //this part needs to change to hit the new signup endpoint configured for feeder association\n const cognitoUser = await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email,\n },\n clientMetadata: { firm: firmName },\n });\n setUserId(cognitoUser.userSub);\n\n var newUser = {};\n\n if (accreditedAllowed === false) {\n newUser = {\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n entity_legal_name: entityLegalName,\n entity_country_of_formation: entityCountryOfFormation,\n entity_state_of_incorporation: entityStateOfIncorporation,\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"SM_LLC\",\n individual_q1_qp_5m_investments: individual5mInvestments,\n qualification_date: qualificationDate,\n ...(joint && {\n joint_email: secEmail,\n joint_first: secFirstName,\n joint_last: secLastName,\n joint_account_type: entityAccountType,\n }),\n ...(countryOfResidence === \"United States\" && {\n is_us_citizen: true,\n }),\n };\n } else {\n newUser = {\n accredited_signup: true,\n access_code: accessCode,\n username: cognitoUser.userSub,\n email: email.toLowerCase(),\n entity_legal_name: entityLegalName,\n entity_country_of_formation: entityCountryOfFormation,\n entity_state_of_incorporation: entityStateOfIncorporation,\n first_name: firstName.replace(/ +/g, \" \").trim(),\n last_name: lastName.replace(/ +/g, \" \").trim(),\n phone_number: phoneNumber,\n country: countryOfResidence,\n signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n terms_of_agreement_id: termsAgreementId,\n terms_of_agreement_date_signed: termsAgreementDateSigned,\n account_type: \"SM_LLC\",\n individual_q1_qp_5m_investments: assets5M,\n sm_llc_assets_5m_not_specific_purpose_invest_fund: assets5M,\n sm_llc_owners_accredited: ownerAccredited,\n qualification_date: qualificationDate,\n ...(joint && {\n joint_email: secEmail,\n joint_first: secFirstName,\n joint_last: secLastName,\n joint_account_type: entityAccountType,\n }),\n ...(countryOfResidence === \"United States\" && {\n is_us_citizen: true,\n }),\n };\n }\n\n // const newUser = {\n // access_code: accessCode,\n // username: cognitoUser.userSub,\n // email: email.toLowerCase(),\n // entity_legal_name: entityLegalName,\n // entity_country_of_formation: entityCountryOfFormation,\n // entity_state_of_incorporation: entityStateOfIncorporation,\n // first_name: firstName.replace(/ +/g, \" \").trim(),\n // last_name: lastName.replace(/ +/g, \" \").trim(),\n // phone_number: phoneNumber,\n // country: countryOfResidence,\n // signer_name: docSignatureName,\n // confidentiality_agreement_id: confidentialityAgreementId,\n // confidentiality_agreement_date_signed:\n // confidentialityAgreementDateSigned,\n // terms_of_agreement_id: termsAgreementId,\n // terms_of_agreement_date_signed: termsAgreementDateSigned,\n // account_type: \"SM_LLC\",\n // individual_q1_qp_5m_investments: individual5mInvestments,\n // qualification_date: qualificationDate,\n // ...(joint && {\n // joint_email: secEmail,\n // joint_first: secFirstName,\n // joint_last: secLastName,\n // joint_account_type: entityAccountType,\n // }),\n // ...(countryOfResidence === \"United States\" && {\n // is_us_citizen: isUSCitizen,\n // }),\n // };\n\n await signupLinkIndividualFeederAccount(newUser);\n // await signupUser(newUser);\n setLoading(false);\n setActiveSlide((curSlide) => curSlide + 1);\n } catch (err) {\n setLoading(false);\n setSignUpError(\"Sign up failed. Please try again.\");\n if (process.env.DEBUG) console.error(err);\n }\n // navigation.next();\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n setActiveSlide((curSlide) => curSlide - 1)}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n \n Please fill out all the fields\n \n
\n \n
\n \n
\n \n
\n \n \n Entity Name\n \n
\n \n \n Entity Type\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {entityAccountNameError && (\n \n {entityAccountNameError}\n \n )}\n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n {countryOfFormation === \"United States\" && (\n \n
\n \n
\n \n \n Country Of Formation\n \n
\n \n
\n \n
\n \n
\n \n {countryOfFormationError && (\n \n {countryOfFormationError}\n \n )}\n
\n \n
\n )}\n \n
\n \n
\n \n \n State Of Incorporation\n \n
\n \n
\n \n
\n \n
\n \n {stateOfIncorporationError && (\n \n {stateOfIncorporationError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n First Name\n \n
\n \n Last Name\n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Email\n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Password\n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{\n backgroundColor: \"#000000\",\n border: \"1px solid #dadde1\",\n }}\n />\n
\n \n
\n \n
\n {/* {countryOfResidence === \"United States\" && (\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )} */}\n \n
\n \n \n Are you a U.S. Citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n {\n setIsUSCitizen(true);\n }}\n />\n \n Yes\n \n
\n \n \n {\n setIsUSCitizen(false);\n }}\n />\n \n No\n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n
\n \n \n );\n}\nexport default SMLLCSignup;\n","import React from \"react\";\nimport \"./Styles/Styles.scss\";\nimport IndividualSignup from \"./IndividualSignup/IndividualSignup\";\nimport JointSignup from \"./JointSignup/JointSignup\";\nimport TrustSignup from \"./TrustSignup/TrustSignup\";\nimport EntitySignup from \"./EntitySignup/EntitySignup\";\nimport SMLLCSignup from \"./SMLLCSignup/SMLLCSignup\";\nimport { useRecoilValue } from \"recoil\";\nimport {\n accountTypeIndividualVal,\n accountTypeSMLLCVal,\n accountTypeJointVal,\n accountTypeTrustVal,\n accountTypeEntityVal,\n} from \"../../../../../../../atoms\";\n\nfunction AccountSignupForm({ setActiveSlide }) {\n const accountTypeIndividual = useRecoilValue(accountTypeIndividualVal);\n const accountTypeSMLLC = useRecoilValue(accountTypeSMLLCVal);\n const accountTypeJoint = useRecoilValue(accountTypeJointVal);\n const accountTypeTrust = useRecoilValue(accountTypeTrustVal);\n const accountTypeEntity = useRecoilValue(accountTypeEntityVal);\n\n return accountTypeIndividual === true ? (\n \n
\n \n
\n \n setActiveSlide((curSlide) => curSlide - 1)}\n style={{ cursor: \"pointer\" }}\n >\n \n
\n \n
\n \n \n Please fill out all the fields\n \n
\n \n
\n \n
\n \n
\n \n \n SM LLC Legal Name\n \n
\n \n \n Country of Formation\n \n
\n \n
\n \n
\n \n
\n \n
\n {entityCountryOfFormation === \"United States\" && (\n \n {entityLegalNameError && (\n \n {entityLegalNameError}\n \n )}\n
\n \n {entityCountryOfFormationError && (\n \n {entityCountryOfFormationError}\n \n )}\n
\n \n
\n )}\n \n
\n \n
\n \n \n State Of Incorporation\n \n
\n \n
\n \n
\n \n
\n \n {entityStateOfIncorporationError && (\n \n {entityStateOfIncorporationError}\n \n )}\n
\n \n
\n\n \n
\n \n
\n \n \n First Name\n \n
\n \n Last Name\n
\n \n
\n \n
\n \n
\n \n
\n \n {firstNameError && (\n \n {firstNameError}\n \n )}\n
\n \n {lastNameError && (\n \n {lastNameError}\n \n )}\n
\n \n
\n\n {joint && (\n <>\n {\" \"}\n \n
\n \n
\n \n Email\n
\n \n
\n \n
\n \n
\n \n {emailError && (\n \n {emailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Secondary Accountholder First Name\n \n
\n \n \n Secondary Accountholder Last Name\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {secFirstNameError && (\n \n {secFirstNameError}\n \n )}\n
\n \n {secLastNameError && (\n \n {secLastNameError}\n \n )}\n
\n \n
\n \n )}\n\n {joint && (\n \n
\n \n
\n \n \n Joint Account Type\n \n
\n \n
\n \n {\n
\n \n
\n \n {entityAccountTypeError && (\n \n {entityAccountTypeError}\n \n )}\n
\n \n
\n )}\n\n \n
\n \n
\n \n \n Secondary Accountholder Email\n \n
\n \n
\n \n
\n \n
\n \n {secEmailError && (\n \n {secEmailError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n Password\n
\n \n \n Confirm Password\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {passwordError && (\n \n {passwordError}\n \n )}\n
\n \n {confirmPasswordError && (\n \n {confirmPasswordError}\n \n )}\n
\n \n
\n {/* {countryOfResidence === \"United States\" && (\n \n
\n \n
\n \n \n Phone Number\n \n
\n \n \n Country of Residence\n \n
\n \n
\n \n setPhoneNumber(phone)}\n style={{ width: \"100%\", height: \"inherit\" }}\n containerStyle={{ backgroundColor: \"#000000\" }}\n />\n
\n \n
\n \n
\n \n {phoneNumberError && (\n \n {phoneNumberError}\n \n )}\n {signUpError && (\n \n {signUpError}\n \n )}\n
\n \n {countryOfResidenceError && (\n \n {countryOfResidenceError}\n \n )}\n
\n \n
\n )} */}\n \n
\n \n \n Are you a U.S. citizen?\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n {isUSCitizenError && (\n \n {isUSCitizenError}\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n submit()}\n disabled={loading}\n >\n {loading && (\n
\n \n
\n )}\n {!loading && Sign Up}\n \n \n \n Sign Up\n \n \n
\n \n
\n );\n}\nexport default VerificationCode;\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport GlobalCarousel from \"../../../../../../GlobalComponents/Carousel/Carousel\";\nimport TextInputField from \"../../../../../../Components/GlobalComponents/TextInputField/TextInputField\";\nimport MuiButton from \"../../../../../../GlobalComponents/Button/MuiButton/MuiButton\";\nimport { verifyMagicCode } from \"../../../../../../Api/FeederFundSignupApi\";\nimport { Carousel } from \"react-bootstrap\";\nimport AccessCode from \"./AccessCode/AccessCode\";\nimport VerifySignupEmail from \"./VerifyEmail/VerifyEmail\";\nimport VerifyCitizenship from \"./VerifyEmail/VerifyCitizenship.js\";\n\nimport { AccessCodeContext } from \"../../../../../../GlobalContexts/AccesCodeContext\";\nimport TermsOfUse from \"./TermsOfUse/TermsOfUse\";\nimport ConfidentialityAgreement from \"./ConfidentialityAgreement/ConfidentialityAgreement\";\nimport AccountTypeSelection from \"./AccountTypeSelection/AccountTypeSelection\";\nimport AccountQualification from \"./AccountQualification/AccountQualification\";\nimport AccountSignupForm from \"./AccountSignupForm/AccountSignupForm\";\nimport VerificationCode from \"./VerificationCode/VerificationCode\";\n\nfunction SignupSteps() {\n const [accessCodeValue, setAccessCodeValue] = useState(null);\n const [q1Yes, setQ1Yes] = useState(false);\n\n const [activeSlide, setActiveSlide] = useState(0);\n\n const value = useMemo(() => {\n return {\n accessCodeValue: accessCodeValue,\n setAccessCodeValue: setAccessCodeValue,\n };\n }, []);\n\n const [slides, setSlides] = useState([\n \n
\n \n
\n \n
\n \n \n Verify your email\n \n
\n \n
\n \n \n We emailed you a six-digit code to:{\" \"}\n \n {email.toLowerCase()}\n \n \n
\n \n
\n \n \n Enter the code below to confirm your email address\n \n
\n \n
\n \n \n *Please check your spam mail if the code does not appear in your\n normal inbox.\n \n
\n \n
\n \n
\n \n setVerificationCode(value)}\n />\n {verificationCodeError && (\n \n {verificationCodeError}\n \n )}\n
\n \n
\n \n {resendCodeLoading ? (\n \n ) : (\n \n Never received the confirmation code? Click to\n resendConfirmationCode()}\n >\n {\" \"}\n resend code.\n \n \n )}\n
\n \n {\n if (proceed) {\n verifyUser();\n }\n }}\n />\n
\n \n
\n );\n}\nexport default SignupSteps;\n","import React, { useState, useEffect } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport LoadingAnimation from \"../../../../../Components/GlobalComponents/LoadingAnimation/LoadingAnimation\";\nimport {\n VerifyFeederSignupAccess,\n GetAccreditedInvestorPermissions,\n} from \"../../../../../Adapters/FeederFundSignupAdapters\";\nimport FlowNotAccessible from \"./FlowNotAccessible/FlowNotAccessible\";\nimport SignupSteps from \"./SignupSteps/SignupSteps\";\n\nfunction FirmAuthorizedSignup() {\n const [linkVerificationLoading, setLinkVerificationLoading] = useState(true);\n const [\n accreditedInvestorPermissionsLoading,\n setAccreditedInvestorPermissionsLoading,\n ] = useState(true);\n const [time, setTime] = useState(0);\n const [newTime, setNewTime] = useState(0);\n const { feederSignupAccess } = VerifyFeederSignupAccess(\n time,\n setLinkVerificationLoading\n );\n\n const { accreditedAllowed } = GetAccreditedInvestorPermissions(\n newTime,\n setAccreditedInvestorPermissionsLoading\n );\n\n return (linkVerificationLoading === true &&\n feederSignupAccess !== null &&\n feederSignupAccess !== undefined) ||\n accreditedInvestorPermissionsLoading === true ? (\n \n \n {slides.map((slide) => (\n \n \n ))}\n \n
\n \n
\n \n
\n \n {React.cloneElement(slide, {\n setActiveSlide: setActiveSlide,\n })}\n
\n \n
\n ) : feederSignupAccess === \"Allowed\" ? (\n \n
\n ) : (\n \n
\n );\n}\nexport default SignupContent;\n","import React, { useState } from \"react\";\nimport \"./Styles/Styles.scss\";\nimport CoverImage from \"./CoverImage/CoverImage\";\nimport SignupContent from \"./SignupContent/SignupContent\";\n\nfunction FeederFundSignup() {\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n );\n}\nexport default FeederFundSignup;\n","import React, { useState, useEffect, useContext } from 'react';\nimport {\n Table,\n TableHead,\n TableBody,\n TableRow,\n TableCell,\n Select,\n MenuItem,\n FormControl,\n InputLabel,\n Paper,\n TableContainer,\n TablePagination,\n TextField,\n CircularProgress,\n} from '@mui/material';\nimport axios from 'axios';\nimport Checkbox from \"@mui/material/Checkbox\";\nimport Dropdown from 'react-bootstrap/Dropdown';\nimport Header from \"../Components/GlobalComponents/Header.js\";\nimport { UserContext } from \"../GlobalContexts/UserContext.js\";\nimport {\n resendMagicLink,\n} from \"../Api/DocumentsApi\";\nimport { Button, Modal, Form, ListGroup } from 'react-bootstrap';\nimport { HOST } from \"../host-config.js\";\nimport { getRequestHeaders } from \"../GlobalFunctions/RequestHeaders.js\";\nimport { Auth } from \"aws-amplify\";\nimport { Snackbar } from \"@mui/material\";\n\nfunction investmentStatusFormatter(value) {\n if (value !== undefined && value !== null) {\n let investmentStatusMap = {\n P: \"Pending Approval\",\n PD: \"Pending Sub Docs\",\n PF: \"Pending Funding\",\n F: \"Funded\",\n A: \"Approved\",\n R: \"Rejected\",\n };\n return investmentStatusMap[value.toString()];\n }\n return \"\";\n}\n\n\nfunction formatDateTime(dateString) {\n const date = new Date(dateString);\n\n const options = {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n };\n\n return date.toLocaleString('en-US', options);\n}\n\n\n\n\nconst AdminDashboard = () => {\n // Example usage\n const humanReadableDate = formatDateTime('2023-06-06T17:39:39.552423Z');\n console.log(humanReadableDate);\n const [email, setEmail] = useState(null);\n\n /*async function loadUser() {\n const sessionInfo = await Auth.currentSession();\n let user = sessionInfo.idToken.payload.email;\n setEmail(user);\n console.log(user);\n }\n \n loadUser();*/\n const [page, setPage] = useState(0);\n const [rowsPerPage, setRowsPerPage] = useState(5);\n\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n };\n\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(parseInt(event.target.value, 10));\n setPage(0);\n };\n\n const [deal, setDeal] = useState(\"SLAI1\");\n const [dealData, setDealData] = useState({});\n const [linkResent, setLinkResent] = useState(false);\n\n const resend = async (code) => {\n setLinkResent(true);\n const resp = await resendMagicLink(code);\n };\n\n const formatBank = (obj) => { \n const addr = obj[\"bank_address\"]\n const street = addr[\"street\"]\n const street_2 = addr[\"street_2\"]\n const city = addr[\"city\"]\n const state = addr[\"state\"]\n const zip = addr[\"zip_code\"]\n\n\n const htmlString = `Routing: ${obj[\"routing_number\"]}\n Account: ${obj[\"account_number\"]}
\n Bank Name: ${obj[\"bank_name\"]}
\n ${street} ${street_2}
\n ${city} ${state} ${zip}`;\n return \n\n }\n\n useEffect(async () => {\n async function call() {\n const config = await getRequestHeaders();\n return axios.post(\n HOST + \"/client_dashboard\",\n { fund_name: \"SLAI1\", options: [\"investments\", \"documents\"] },\n config\n );\n }\n\n const resp = await call();\n setDealData(resp.data.msg);\n }, []);\n return (\n <>\n {/*
\n
\n\n {deal && Object.keys(dealData).length !== 0 && (\n <>\n\n \n
\n \n
\n\n \n
\n \n \n )}\n
\n \n );\n};\n\nexport default AdminDashboard;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { BrowserRouter as Router, Switch, Redirect } from \"react-router-dom\";\nimport AuthenticatedRoute from \"./AuthenticatedRoute.js\";\nimport UnAuthenticatedRoute from \"./UnAuthenticatedRoute.js\";\nimport ClientRoute from \"./ClientRoute.js\"\nimport PortfolioPage from \"../Pages/User/PortfolioPage/PortfolioPage.js\";\n//import Messages from \"../Messages/Messages.js\";\nimport InvestPage from \"../Pages/Fund/InvestPage/InvestPage.js\";\nimport FundDetailsPage from \"../Pages/Fund/FundDetailsPage/FundDetailsPage.js\";\nimport LoginPage from \"../Pages/User/LoginPage/LoginPage.js\";\nimport SignupPage from \"../Pages/User/SignupPage/SignupPage.js\";\nimport Profile from \"../Pages/User/Profile/Profile.js\";\nimport BlogPostPage from \"../Pages/User/Learn/BlogPostPage/BlogPostPage.js\";\nimport DocumentsPage from \"../Pages/User/DocumentsPage/DocumentsPage.js\";\nimport TransactionsPage from \"../Pages/User/TransactionsPage/TransactionsPage.js\";\nimport ForgotPasswordPage from \"../Pages/User/ForgotPasswordPage/ForgotPasswordPage.js\";\nimport ConfirmInvestment from \"../Pages/User/ConfirmInvestment/ConfirmInvestment.js\";\nimport Messages from \"../Pages/User/Messages/Messages.js\";\nimport Learn from \"../Pages/User/Learn/Learn.js\";\nimport FAQs from \"../Pages/User/FAQs/FAQs.js\";\nimport PageNotFound from \"../Pages/404/PageNotFound.js\";\nimport ContactUs from \"../Pages/User/ContactUs/ContactUs.js\";\nimport InfiniteInputPage from \"../Pages/User/InfiniteInputPage/InfiniteInputPage.js\";\nimport PageLoading from \"../Components/GlobalComponents/PageLoading/PageLoading.js\";\nimport TestStepperComponentPage from \"../Pages/User/TestStepperComponentPage/TestStepperComponentPage.js\";\nimport InvestmentAccountsPage from \"../Pages/User/InvestmentAccountsPage/InvestmentAccountsPage.js\";\nimport AddInvestmentAccount from \"../Pages/User/InvestmentAccountsPage/AddInvestmentAccount/AddInvestmentAccount.js\";\nimport AccountDetailsPage from \"../Pages/User/InvestmentAccountsPage/AccountDetailsPage/AccountDetailsPage.js\";\nimport InfiniteInputComponent from \"../Pages/User/InvestmentAccountsPage/AddInvestmentAccount/InfiniteInputComponent/InfiniteInputComponent.js\";\nimport AccountRelatedPartyInformation from \"../Pages/User/InvestmentAccountsPage/AddInvestmentAccount/AccountRelatedPartyInformation/AccountRelatedPartyInformation.js\";\nimport AccountGrantorInformation from \"../Pages/User/InvestmentAccountsPage/AddInvestmentAccount/AccountGrantorInformation/AccountGrantorInformation.js\";\nimport ConfirmCode from \"../Pages/User/LoginPage/ConfirmCode/ConfirmCode.js\";\nimport SubDocs from \"../Pages/User/SubDocs.js\";\nimport CapitalCalls from \"../Pages/User/CapitalCalls.js\";\nimport FeederFundSignup from \"../Pages/User/FeederFundSignup/FeederFundSignup.js\";\nimport { Route } from \"react-router-dom\";\nimport useScreenSize from \"../utilities/useScreenSize.js\";\nimport { UserContext } from \"../GlobalContexts/UserContext.js\";\nimport AdminDashboard from \"./AdminDashboard.js\";\nimport { Auth } from \"aws-amplify\";\n\nexport default function Routes({ isLoading }) {\n\n const [email, setEmail] = useState(null);\n\n async function loadUser () {\n const sessionInfo = await Auth.currentSession();\n let user = sessionInfo.idToken.payload.email; \n setEmail(user);\n console.log(user);\n }\n\n loadUser();\n\n const isMobile = window.matchMedia(\n \"only screen and (max-width: 900px)\"\n ).matches;\n // const [mobileDevice, setMobileDevice] = useState(true);\n\n // const screenSize = useScreenSize();\n\n // useEffect(() => {\n // if (screenSize.width < 900) {\n // setMobileDevice(true);\n // } else {\n // setMobileDevice(false);\n // }\n // }, [screenSize]);\n\n return !isLoading ? (\n !isMobile ? (\n Deal dashboard
\n\n\n {deal && Object.keys(dealData).length !== 0 && (\n <>\n
Deal info
\n- \n
- \n Commitments: ${dealData.agg_data.signed.toLocaleString(\"en-US\")}{\" \"}\n \n
- \n Funded: ${dealData.agg_data.funded.toLocaleString(\"en-US\")}{\" \"}\n \n
Accounts
\n\n
Fund Documents
\n\n
\n )\n ) : (\n \n
\n \n
\n \n
\n Sorry, this website is not optimized for mobile devices.
\n\n \n Please try accessing this site through a desktop computer.\n \n
\n