\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AamsHeader;\r\n","import React from \"react\";\n\n// reactstrap components\nimport {\n\n} from \"reactstrap\";\n\n// core components\nimport SideBar from \"components/SideBar.js\";\nimport AamsHeader from \"components/AamsHeader.js\";\n// import AamsFooter from \"components/AamsFooter.js\";\n\nfunction Index() {\n\n return (\n <>\n\n \r\n
\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n {/* \r\n\t\t\t\t\t\t */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {/* \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n {\r\n e.preventDefault();\r\n handleEditProfile();\r\n }}\r\n >\r\n Edit Profile\r\n \r\n {\r\n e.preventDefault();\r\n handleLogout();\r\n }}\r\n >\r\n Logout\r\n \r\n {/* e.preventDefault()}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\tAnother action\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t e.preventDefault()}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\tSomething else here\r\n\t\t\t\t\t\t\t\t\t\t\t */}\r\n \r\n \r\n
\r\n \n
\n\n\n \n );\n}\n\nexport default Index;\n","/*eslint-disable*/\nimport React from \"react\";\n\n// reactstrap components\nimport { Container } from \"reactstrap\";\n\n// core components\n\nfunction Aamsfooter() {\n return (\n <>\n \n \n );\n}\n\nexport default Aamsfooter;\n","import React from \"react\";\n\n// reactstrap components\nimport {\n // Button,\n Card,\n CardBody,\n CardTitle,\n} from \"reactstrap\";\n\n// core components\nimport SideBar from \"components/SideBar.js\";\nimport AamsHeader from \"components/AamsHeader.js\";\nimport AamsFooter from \"components/AamsFooter.js\";\n\nfunction Dashboard() {\n return (\n <>\n \n
\n \n );\n}\n\nexport default Dashboard;\n","import React from \"react\";\nimport { Modal, Spinner } from \"react-bootstrap\";\n\nexport default function Loader(props) {\n\treturn (\n\t\t<>\n\t\t\t{props.isLoading && (\n\t\t\t\t\n\n
\n\n\n\n\n \n\n
\n\n\n \n \n Deal Overview \n \n \n
\n\n \n
\n \n\n \n Deals \n \n \n
\n\n \n
\n \n\n \n Deals Update \n \n\n \n \n
\n\n
\n\n\n\n\n\n
\n 20158
\nTotal Deals
\n\n \n 20% Higher\n
\n\n
\n\n\n
\n2015
\nRunning Deals
\n\n\n20% Higher\n
\n\n
\n\n\n\n\n
\n20158
\nClosed Deals
\n\n\n20% Higher\n
\n\n
\n\n\n\n \n \n
\n20158
\nDefaulted Deals
\n\n\n20% Higher\n
\n\n\n \n Recent Activities \n \n \n
\n\n\n \n \n
\n
\n | Borrower Name | \nDeal Name | \nManager | \nLender | \nAgent | \nServices | \nDeal Size | \n
|---|---|---|---|---|---|---|
| Angelina Vitale | \nTest | \nTest | \nTest | \nTest | \nTest | \n$ 946 | \n
| Angelina Vitale | \nTest | \nTest | \nTest | \nTest | \nTest | \n$ 946 | \n
| Angelina Vitale | \nTest | \nTest | \nTest | \nTest | \nTest | \n$ 946 | \n
| Angelina Vitale | \nTest | \nTest | \nTest | \nTest | \nTest | \n$ 946 | \n
| Angelina Vitale | \nTest | \nTest | \nTest | \nTest | \nTest | \n$ 946 | \n
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {/*
\r\n \r\n \r\n
*/}\r\n \r\n
\r\n \r\n Client's name:\r\n
\r\n \r\n
\r\n \r\n Metropoliton\r\n
\r\n \r\n \r\n New deal \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n \r\n {\r\n setActive(e.target.value);\r\n getDealsWithAxios(e.target.value);\r\n setSearchText(\"\");\r\n }}\r\n class=\"form-select bg-transparent text-light\"\r\n >\r\n \r\n \r\n \r\n
{\" \"}\r\n Deal Listing
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n | \r\n tableSort(\"name\")}>\r\n Deal\r\n \r\n | \r\n\r\n | \r\n \r\n | \r\n {/* State | */}\r\n\r\n\r\n | \r\n {/* \r\n | */}\r\n \r\n | \r\n Is Active | \r\nAction | */}\r\n|
|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n {deal.originator} | \r\n\r\n {deal.dealTypeName}\r\n | \r\n {/*{deal.regionAbbreviation} | */}\r\n\r\n\r\n {!deal.isDefaultedFinancial && !deal.isDefaultedOther\r\n ? \"Performing\"\r\n : deal.isDefaultedFinancial &&\r\n !deal.isDefaultedOther\r\n ? \"Non-performing (Financial) \"\r\n : \"Non-performing (Other) \"}\r\n | \r\n {/*{deal.isDefaultedOther ? \"TRUE\" : \"FALSE\"} | */}\r\n\r\n {deal.closingDate &&\r\n new Date(deal.closingDate).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n month: \"numeric\",\r\n }\r\n )}\r\n | \r\n{deal.isActive ? \"Active\" : \"Inactive\"} | \r\n\r\n {deal.initialSize && (\r\n \r\n | \r\n {/* \r\n | */}\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AddDeals;\r\n","import React, { useState, useEffect, useContext } from \"react\";\nimport axios from \"axios\";\nimport { config } from \"../constant\";\n// reactstrap components\nimport { Button, Card, CardBody, CardTitle, Input } from \"reactstrap\";\n\n// core components\nimport SideBar from \"components/SideBar.js\";\nimport AamsHeader from \"components/AamsHeader.js\";\nimport AamsFooter from \"components/AamsFooter.js\";\nimport moment from \"moment\";\nimport { axiosAuthHeaderSet } from \"helpers/utils\";\nimport { useSelector } from \"react-redux\";\nimport Toaster from \"components/Toaster\";\nimport Loader from \"components/Loader\";\nimport { AppContext } from \"App\";\nimport { useHistory } from \"react-router\";\nimport { sortedByProperty } from \"helpers/data\";\nimport MyBreadcrumb from \"components/MyBreadcrumb/MyBreadcrumb\";\n\nconst getEngagementUrl = config.url.API_URL + \"period\";\n\nfunction Engagelist() {\n const [engagements, setEngagements] = useState([]);\n const [engagementsCopy, setEngagementsCopy] = useState([]);\n const homeData = useSelector((state) => state.home);\n const [showAlert, setShowAlert] = useState(false);\n const [alertMessage, setAlertMessage] = useState(null);\n const [alertType, setAlertType] = useState(\"info\");\n const [isLoading, setLoading] = useState(false);\n const [sortType, setSortType] = useState(null);\n const appContext = useContext(AppContext);\n const history = useHistory();\n const breadcrumbs = [\n {\n op: \"Home\",\n link: \"/\",\n },\n {\n op: \"Engagements\",\n link: \"/engage-list\",\n },\n ];\n const getEngagementsWithAxios = async () => {\n try {\n setLoading(true);\n const resp = await axios.get(getEngagementUrl);\n console.log(resp.data.responseData);\n const engagements = resp.data.responseData;\n setEngagements(engagements);\n setEngagementsCopy(engagements);\n setLoading(false);\n } catch (error) {\n setAlertType(\"danger\");\n console.log(\"error>>\", error);\n setShowAlert(true);\n setAlertMessage(error.response?.data?.Message);\n if (error.response.status == 401) {\n appContext.handleLogout();\n }\n }\n //console.log(posts);\n };\n const [statusCode, setStatusCode] = useState(\"OPEN\");\n const handleInputChange = (e) => {\n setStatusCode(e.target.value);\n getEngagementsWithAxios();\n };\n const searchHandler = (e) => {\n var search = new RegExp(e.target.value, \"gi\");\n const tempDeal =\n engagementsCopy.length &&\n engagementsCopy.filter((d) => {\n if (d.engagementName.match(search)) return d;\n });\n setEngagements(tempDeal);\n };\n const tableSort = (property) => {\n console.log(property);\n setSortType((t) => {\n if (t == \"asc\") return \"desc\";\n else return \"asc\";\n });\n const tempData = sortedByProperty(engagements, property, sortType);\n setEngagements(tempData);\n };\n useEffect(() => {\n axiosAuthHeaderSet();\n getEngagementsWithAxios();\n }, [homeData]);\n\n return (\n <>\n \r\n {/* */}\r\n {/* card */}\r\n {\r\n console.log(values);\r\n add_deal(values);\r\n // resetForm();\r\n }}\r\n validationSchema={addDealFormValidationSchema}\r\n >\r\n {({\r\n handleChange,\r\n touched,\r\n values,\r\n handleSubmit,\r\n errors,\r\n setFieldValue,\r\n }) => (\r\n \r\n )}\r\n \r\n
\r\n Add Deal
\n
\n \n );\n}\n\nexport default Engagelist;\n","import { useState, useEffect } from \"react\";\nimport { config } from \"../../constant\";\nimport axios from \"axios\";\nimport { Field, FieldArray, Formik } from \"formik\";\nimport Loader from \"../Loader\";\nimport { sortByDate } from \"helpers/data\";\nimport \"./PeriodSummaryReport.scss\";\nconst getSummaryReportUrl =\n config.url.API_URL + \"asset-verification-attribute-review\";\n\nfunction PeriodSummaryReport({\n generateReport,\n summaryReports,\n saveNotes,\n periodDetails,\n}) {\n let [showstat, setShowsStat] = useState(0);\n\n const openNotes = () => {\n setShowsStat(1);\n };\n return (\n <>\n \n \n \n \n \n Engagement Listing\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\t\t\t\t\t\t
*/}\n \n\t\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\t\t\t\n\t\t\t\t\t\t\t\t\t\n\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
\n\t\t\t\t\t\t\n \n \n
\n
\n | \n tableSort(\"dealName\")}>\n Deal\n \n | \n\n | \n \n {/* | \n \n tableSort(\"startDate\")}>\n Period Start\n \n | \n\n tableSort(\"endDate\")}>\n Period End\n \n | \n\n | \n {/* Services | */}\n\n | \n \n | \n {/* Action | */}\n
|---|---|---|---|---|---|---|---|---|---|
| \n | \n {period.engagementName} | \n\n {period.servicesRequired &&\n period.servicesRequired.join(\", \")}\n | \n\n {new moment(period.startDate).format(\"MM/DD/YYYY\")}\n | \n\n {new moment(period.endDate).format(\"MM/DD/YYYY\")}\n | \n\n {new moment(period.deliveryDate).format(\n \"MM/DD/YYYY\"\n )}\n | \n{period.statusCode} | \n\n {period.statusCode !== \"OPEN\" && period.closedDate\n ? new moment(period.closedDate).format(\n \"MM/DD/YYYY\"\n )\n : \"\"}\n | \n
\n Period Summary Report{\" \"}\n \n
\n\n
\n ) : (\n \"\"\n )}\n {engagementDetails.isVerificationServicesEnabled ? (\n \n \n {engagementDetails.isWaterfallGenerationEnabled ? (\n
\n ) : (\n \"\"\n )}\n {engagementDetails.isCovenantTrackingEnabled ? (\n \n
\n {/* start */}\n\n \n
\n \n
\n Deal name:
\n \n
\n \n {dealDetails.name}\n {/* */}\n
\n \n
\n \n
\n Engagement :
\n \n
\n \n {engagementDetails.name}\n
\n \n
\n \n
\n Period :
\n \n
\n \n {periodDetails.startDate &&\n new Date(periodDetails.startDate).toLocaleDateString(\n \"en-US\",\n {\n year: \"numeric\",\n day: \"numeric\",\n month: \"numeric\",\n }\n )}{\" \"}\n -{\" \"}\n {periodDetails.endDate &&\n new Date(periodDetails.endDate).toLocaleDateString(\n \"en-US\",\n {\n year: \"numeric\",\n day: \"numeric\",\n month: \"numeric\",\n }\n )}\n
\n \n
\n \n
\n Status :
\n \n
\n \n {periodDetails.statusName}\n
\n \n \n
\n \n
\n \n \n Generate Waterfall\n \n
\n \n This is the third item's accordion body. It is hidden by\n default, until the collapse plugin adds the appropriate\n classes that we use to style each element. These classes\n control the overall appearance, as well as the showing and\n hiding via CSS transitions. You can modify any of this with\n custom CSS or overriding our default variables. It's also\n worth noting that just about any HTML can go within the\n .accordion-body, though the transition does limit overflow.\n Placeholder content for this accordion, which is intended to\n demonstrate the
\n .accordion-flush className.\n This is the first item's accordion body.\n \n \n
\n \n
\n \n \n Covenant Review\n \n
\n \n
\n \n \n
\n \n
\n \n ) : (\n \"\"\n )}\n \n {/* end */}\n \n \n \n AVS Review\n \n
\n \n
\n \n AVS Review Selection\n {periodDetails?.statusCode !== \"CLOSED\" && (\n \n )}\n \n
\n {isAvsReviewError && (\n{isAvsReviewError}
\n )}\n \n \n \n \n Selection # \n Asset ID \n Asset Name \n {/* Asset Verification Id */}\n Action \n \n \n \n {avsReviewsNew && (\n \n {avsReviews.length + 1} \n \n \n\n \n \n \n \n \n {assetVerification.length &&\n assetVerification.map((av) => {\n return (\n \n );\n })}\n \n \n {/* \n \n \n )}\n {avsReviews.length > 0 &&\n avsReviews.map((ar, i) => {\n return (\n <>\n \n \n \n \n \n \n \n {ar.assetName} \n {/* \n {assetVerification.length &&\n assetVerification.filter(\n (av) =>\n av.id === ar.assetVerificationID\n )[0]?.assetTypeName}\n */}\n \n openModal(ar.id)}\n >\n Documents ({ar.documentCount})\n \n \n \n {!isOpenAvsItem && (\n {\n setSelectedAvsItem(i);\n setOpenAvsItem((p) => true);\n }}\n >\n \n \n )}\n {isOpenAvsItem && (\n {\n setSelectedAvsItem(i);\n setOpenAvsItem((p) => false);\n }}\n >\n \n \n )}\n {periodDetails?.statusCode !=\n \"CLOSED\" && (\n deleteAvsReview(ar.id)}\n >\n \n \n )}\n \n \n {selectedAvsItem == i && isOpenAvsItem && (\n \n \n \n \n \n \n \n \n )}\n \n \n \n {\n return {\n assetVerificationAttribute:\n arr.assetVerificationAttribute,\n id: arr.id,\n note: arr.note,\n resultID: arr.resultID,\n isEdit: false,\n exceptionDescription:\n arr.exceptionDescription,\n };\n }\n ),\n }}\n onSubmit={(\n values,\n { resetForm }\n ) => {\n submitAvsReviewAttributes(\n values,\n resetForm\n );\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n setFieldValue,\n }) => (\n \n )}\n \n \n \n \n )}\n \n \n \n \n \n \n );\n })}\n \n \n
\n \n {periodDetails?.statusCode !== \"CLOSED\" && (\n <>\n
\n \n \n \n \n
\n \n \n \n \n
\n \n )}\n \n \n
\n \n Verification Checklist\n
\n \n
\n {periodDetails?.statusCode !=\n \"CLOSED\" && (\n \n \n documentUploadHandler(values)\n }\n >\n {({\n values,\n errors,\n touched,\n setFieldValue,\n handleChange,\n handleSubmit,\n }) => (\n \n )}\n \n
\n \n
\n \n \n Download document from list below\n
\n- \n {avsDocuments.length > 0 &&\n avsDocuments.map((ad) => (\n
- \n
\n {ad?.fileName}\n
\n \n ))}\n
\n {\n removeServiceToDustbin(i);\n }}\n >\n X\n
\n {b?.value}\n \n );\n })}\n \n \n );\n};\n","import { memo, useEffect, useState } from \"react\";\nimport { Dustbin } from \"./dustbin\";\nimport { Box } from \"./box\";\nexport const Container = memo(function Container(props) {\n const [boards, setBoard] = useState([...props.board]);\n function handleChange(event) {\n // Here, we invoke the callback with the new value\n props.onChange(boards)\n // props.onChange(event.target.value);\n }\n // useEffect(()=>{\n // props.onChange(boards)\n // },[boards])\n useEffect(() => {\n setBoard([...props.board])\n }, [props.board])\n return (\n <>\n \n \n \n
\n \n \n \n \n AMSS Services\n \n
\n \n Select or Drag AMSS Services to use on Engagement Windows\n
\n\n
\n \n );\n});\n","import { useState, useEffect } from \"react\";\nimport { config } from \"../constant\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport { Formik, Field } from \"formik\";\nimport * as yup from \"yup\";\nimport Loader from \"./Loader\";\nimport { sortByDate } from \"helpers/data\";\nconst getPeriodUrl = config.url.API_URL + \"period\";\nconst postPeriodUrl = config.url.API_URL + \"period\";\nconst getPeriodStatus = config.url.API_URL + \"period-status\";\n\nconst initialValues = {\n startDate: \"\",\n endDate: \"\",\n deliveryDate: \"\",\n};\nconst periodValidationSchema = yup.object().shape({\n startDate: yup.string().required(\"Start date is a required field\"),\n endDate: yup.string().required(\"End date is a required field\"),\n deliveryDate: yup.string().required(\"Delivery date is a required field\"),\n});\nfunction AmssPeriod(props) {\n let [periodCnt, setPeriodCnt] = useState(props.periods.length + 1);\n let [showAdd, setShowAdd] = useState(1);\n const [periodRows, setPeriodRows] = useState(initialValues);\n const [periodRowsDB, setPeriodRowsDB] = useState(props.periods);\n const [periodId, setPeriodId] = useState(\"\");\n const [esd, setEsd] = useState(\"\");\n const [eed, setEed] = useState(\"\");\n const [edd, setEdd] = useState(\"\");\n const [isNewPeriod, setNewPeriod] = useState(false);\n const [periodStatus, setPeriodStatus] = useState([]);\n const [isLoading, setLoading] = useState(false);\n const [errorResponse, setError] = useState(null);\n //console.log(periodRowsDB);\n // const getPeriodsStatus = async () => {\n // const resp = await axios.get(getPeriodStatus );\n // //console.log(resp.data.responseData);\n // const periods = resp.data.responseData;\n // setPeriodStatus(periods);\n // // console.log(\"engagements>>\", engagements);\n // };\n const getPeriodsWithAxios = async () => {\n const resp = await axios.get(\n getPeriodUrl + \"?EngagementID=\" + props.engagement\n );\n //console.log(resp.data.responseData);\n const periods = resp.data.responseData.sort(sortByDate);\n setPeriodRowsDB(periods);\n // console.log(\"engagements>>\", engagements);\n };\n const addNewPeriodRow = () => {\n setNewPeriod(true);\n console.log(\"new \");\n };\n const addPeriodRow = () => {\n setPeriodCnt(periodCnt + 1);\n setShowAdd(0);\n\n let curdate = new Date().toISOString();\n const dataArr = {\n engagementID: props.engagement,\n startDate: curdate,\n endDate: curdate,\n deliveryDate: curdate,\n };\n setLoading(true);\n const headers = {\n \"content-type\": \"application/json\",\n };\n axios\n .post(postPeriodUrl, dataArr, { headers })\n .then((periodresp) => {\n //console.log(periodresp);\n setLoading(false);\n setPeriodCnt(periodCnt + 1);\n if (periodresp.data.status) {\n getPeriodsWithAxios();\n setPeriodId(periodresp.data.responseData.id);\n }\n })\n .catch((error) => {\n // error response\n setLoading(false);\n });\n //console.log(periodRows);\n //console.log(periodCnt);\n };\n\n const cancelPeriodRow = (periodid) => {\n setPeriodCnt(periodCnt - 1);\n setShowAdd(1);\n\n const headers = {\n \"content-type\": \"application/json\",\n };\n axios\n .delete(postPeriodUrl + \"/\" + periodid)\n .then((periodresp) => {\n //console.log(periodresp);\n setPeriodCnt(periodCnt + 1);\n if (periodresp.data.status) {\n //console.log(\"period added\");\n // window.location.reload();\n // alert('Successfully deleted a period');\n getPeriodsWithAxios();\n //setPeriodRows([]);\n }\n })\n .catch((error) => {\n // error response\n });\n //console.log(periodRows);\n //console.log(periodCnt);\n };\n\n const saveNewPeriod = (values) => {\n //console.log(props);\n //console.log(periodRows[0].startDate);\n setError(null);\n setLoading(true);\n const dataArr = {\n engagementID: props.engagement,\n startDate: values.startDate,\n endDate: values.endDate,\n deliveryDate: values.deliveryDate,\n // statusCode: \"OPEN\"\n statusCode: \"NOT_STARTED\",\n };\n const headers = {\n \"content-type\": \"application/json\",\n };\n axios\n .post(postPeriodUrl, dataArr, { headers })\n .then((periodresp) => {\n setLoading(false);\n //console.log(periodresp);\n //setPeriodCnt(periodCnt + 1);\n if (periodresp.data.status) {\n //console.log(\"period added\");\n // window.location.reload();\n getPeriodsWithAxios();\n // setPeriodRows([]);\n setNewPeriod(false);\n setShowAdd(1);\n // setEsd('');\n // setEed('');\n // setEdd('');\n }\n })\n .catch((error) => {\n console.log(error.response);\n setError(error.response?.data?.Message);\n setLoading(false);\n // error response\n });\n };\n\n // };\n // const saveNewPeriod = (periodId) => {\n // //console.log(props);\n // //console.log(periodRows[0].startDate);\n // if(periodRows.startDate===''){\n // \tsetEsd('Please enter start date');\n // }else if(periodRows.endDate===''){\n // \tsetEed('Please enter end date');\n // }else if(periodRows.deliveryDate===''){\n // \tsetEdd('Please enter delivery date');\n // }else{\n // \tconst dataArr = {\n // \t id: periodId,\n // \t startDate: periodRows.startDate,\n // \t endDate: periodRows.endDate,\n // \t deliveryDate: periodRows.deliveryDate,\n // \t // statusCode: \"OPEN\"\n // \t statusCode: \"NOT_STARTED\"\n // \t};\n // \tconst headers = {\n // \t \"content-type\": \"application/json\",\n // \t};\n // \taxios\n // \t .put(postPeriodUrl, dataArr, { headers })\n // \t .then((periodresp) => {\n // \t\t//console.log(periodresp);\n // \t\t//setPeriodCnt(periodCnt + 1);\n // \t\tif (periodresp.data.status) {\n // \t\t //console.log(\"period added\");\n // \t\t // window.location.reload();\n // \t\t getPeriodsWithAxios()\n // \t\t setPeriodRows([]);\n // \t\t\tsetShowAdd(1);\n // \t\t\tsetEsd('');\n // \t\t\tsetEed('');\n // \t\t\tsetEdd('');\n // \t\t}\n // \t })\n // \t .catch((error) => {\n // \t\t// error response\n // \t });\n // }\n\n // };\n\n const closePeriod = (period, status) => {\n //console.log(props);\n //console.log(periodRows[0].startDate);\n // const statusClose = periodStatus.filter(p=>p.code==status)[0]\n // console.log(\"closePeriod>>\", statusClose,periodStatus,period)\n const dataArr = {\n id: period.id,\n startDate: period.startDate,\n endDate: period.endDate,\n deliveryDate: period.deliveryDate,\n determinationDate: period.determinationDate,\n statusCode: status,\n // statusID : statusClose?.id,\n paymentDate: period.paymentDate,\n };\n const headers = {\n \"content-type\": \"application/json\",\n };\n setLoading(true);\n axios\n .put(postPeriodUrl, dataArr, { headers })\n .then((periodresp) => {\n //console.log(periodresp);\n //setPeriodCnt(periodCnt + 1);\n setLoading(false);\n if (periodresp.data.status) {\n //console.log(\"period added\");\n // window.location.reload();\n getPeriodsWithAxios();\n setPeriodRows([]);\n setShowAdd(1);\n }\n })\n .catch((error) => {\n setLoading(false);\n // error response\n });\n };\n\n const deletePeriod = (period) => {\n //console.log(props);\n //console.log(periodRows[0].startDate);\n // const statusClose = periodStatus.filter(p=>p.code==status)[0]\n // console.log(\"closePeriod>>\", statusClose,periodStatus,period)\n if (window.confirm(\"Are you sure you want to delete this period?\")) {\n const headers = {\n \"content-type\": \"application/json\",\n };\n setLoading(true);\n axios\n .delete(postPeriodUrl + \"/\" + period?.id, { headers })\n .then((periodresp) => {\n //console.log(periodresp);\n //setPeriodCnt(periodCnt + 1);\n setLoading(false);\n if (periodresp.data.status) {\n //console.log(\"period added\");\n // window.location.reload();\n getPeriodsWithAxios();\n setPeriodRows([]);\n setShowAdd(1);\n }\n })\n .catch((error) => {\n setLoading(false);\n // error response\n });\n }\n };\n\n const handleChange = (evnt) => {\n const { name, value } = evnt.target;\n //const list = [...periodRows];\n //list[index][name] = value;\n if (evnt.target.name === \"startDate\") {\n setEsd(\"\");\n }\n if (evnt.target.name === \"endDate\") {\n setEed(\"\");\n }\n if (evnt.target.name === \"deliveryDate\") {\n setEdd(\"\");\n }\n setPeriodRows({\n ...periodRows,\n [name]: value,\n });\n };\n\n useEffect(() => {\n //console.log(props);\n // getPeriodsStatus();\n if (props.engagement) {\n getPeriodsWithAxios();\n //console.log(periodRowsDB);\n }\n }, [props]);\n\n return (\n <>\n \n Periods\n
\n \n {showAdd === 1 ? (\n \n \n \n ) : (\n \"\"\n )}\n
\n \n
\n \n );\n}\nexport default AmssPeriod;\n","import React, { useState } from \"react\";\nimport { DragDropContext, Draggable, Droppable } from \"react-beautiful-dnd\";\n\nexport default function ConvenantItem({\n covenants,\n setCovenants,\n onEdit,\n submit,\n}) {\n const [isOrderEdit, setOrderEdit] = useState(false);\n const onDragEnd = (e) => {\n const sourceIndex = e.source.index;\n const destIndex = e.destination.index;\n const tempGroups = [...covenants];\n tempGroups.splice(destIndex, 0, tempGroups.splice(sourceIndex, 1)[0]);\n // setGroups(tempGroups);\n // const tempAllGroups = [...groups];\n // const selectedIndex = tempAllGroups.findIndex((t) => t.id == g.id);\n // tempAllGroups[index].assetVerificationAttributes = tempGroups;\n setCovenants([...tempGroups]);\n };\n return (\n \n {isNewPeriod && (\n \n {({ handleChange, handleSubmit, touched, values, errors }) => {\n return (\n \n );\n }}\n \n )}\n
\n \n \n \n
\n
\n | Period | \nStart Date | \nEnd Date | \nDelivery Date | \n\n | \n |
|---|---|---|---|---|---|
| {i + 1} | \n{moment(data2.startDate).format(\"MM-DD-YYYY\")} | \n{moment(data2.endDate).format(\"MM-DD-YYYY\")} | \n{moment(data2.deliveryDate).format(\"MM-DD-YYYY\")} | \n{data2.statusCode} | \n\n {data2.statusCode === \"OPEN\" && (\n | \n
| \n // {/* {data.periodNo} */}\n // | \n //\n // | \n // \n // | \n // \n // | \n // \n // | \n // \n // |
\n \n \n
\n
\n | \n | Covenant Catagory | \nCovenant Name | \nSource Name | \n {/*Value Type | */}\n {/*Value To Compare | */}\nDescription | \nAction | \n\n {isOrderEdit && (\n \n \n \n )}\n | \n {/*{cov.covenantTypeName} | */}\n{cov.covenantCategoryName} | \n{cov.name} | \n{cov.verificationSource} | \n {/*{cov.dataValueTypeName} | */}\n {/*{cov.value} | */}\n{cov.description} | \n\n\n \n \n \n | \n \n )}\n \n );\n })}\n \n )}\n
|---|
\n {isOrderEdit ? (\n {\n setOrderEdit(false);\n submit();\n }}\n title=\"Save order\"\n >\n \n \n ) : (\n setOrderEdit(true)}\n title=\"Edit order\"\n >\n ![](\"assets/images/reorder.png\")
\n \n )}\n
\n \n \n )}\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n Attributes\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {covenantCategories &&\r\n covenantCategories.map((covenantCategory, cc) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n {errors.covenantCategoryID &&\r\n touched.covenantCategoryID ? (\r\n
\r\n \r\n {errors.covenantCategoryID}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {errors.name}
\r\n ) : null}\r\n \r\n
\r\n\r\n {/* \r\n \r\n\r\n
\r\n \r\n {errors.verificationSource}\r\n
\r\n ) : null}\r\n \r\n
*/}\r\n \r\n \r\n
\r\n {errors.value}
\r\n ) : null}\r\n \r\n \r\n
\r\n {/* {errors.description}
\r\n ) : null}\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n {valueTypes &&\r\n valueTypes.map((valueType, vt) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n {errors.dataValueTypeID && touched.dataValueTypeID ? (\r\n
\r\n {errors.dataValueTypeID}
\r\n ) : null}\r\n \r\n {\r\n backCovenantList();\r\n resetForm();\r\n }}\r\n title=\"Back\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \n \n Reset\n */}\n {g.assetVerificationAttributes.length > 1 && (\n \n reorderAssetVerificationAttributes([\n ...g.assetVerificationAttributes,\n ])\n }\n title=\"Save order\"\n >\n \n \n )}\n \n ) : (\n <>\n {g.assetVerificationAttributes.length > 1 && (\n onAttributesFlagOpen()}\n title=\"Edit order\"\n >\n \n \n )}\n \n )}\n
\n \n \n \n
\n
\n {isAttributeOrderFlag ? (\n <>\n {/* | \n | Attribute Test Name | \nTest Description | \nSource Name | \nAction | \n\n {isAttributeOrderFlag && (\n \n \n \n )}\n | \n\n {attribute.name}\n | \n\n{attribute.description} | \n{attribute.verificationSource} | \n\n\n \n \n | \n \n )}\n \n );\n })}\n \n )}\n
|---|
\n \n )}\n \n )}\n \n {groups &&\n groups.map((g, index) => (\n \n {(provided, snapshot) => (\n \n {isGroupOrderFlag && (\n \n groupOrder(g)}\n >\n \n \n \n )}\n \n
\n )}\n \n AVS Setup\n
\n \n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n \n \n {assetTypes &&\n assetTypes.map((assetType, at) => {\n return (\n \n );\n })}\n \n
\n \n
\n \n \n {\n handleSetupInputChange(e);\n setSetupValues((p) => ({ ...p, sampleValue: 0 }));\n }}\n >\n \n {sampleMethods &&\n sampleMethods.map((sampleMethod, sm) => {\n return (\n \n );\n })}\n \n
\n \n
\n \n {sampleMethods &&\n sampleMethods\n .filter((sm) => sm.id == setupValues.sampleMethodID)\n .map((s) => {\n if (s.code == \"Fixed Count\")\n return (\n \n );\n else if (s.code == \"Percentage\")\n return (\n \n );\n else\n return (\n \n );\n })}\n {!setupValues.sampleMethodID && (\n \n )}\n {/* */}\n
\n \n {assetVer === \"\" ? (\n \n \n \n ) : (\n \n \n {/* */}\n \n )}\n
\n \n\n \n {assetVer !== \"\" ? (\n \n \n \n ) : (\n \"\"\n )}\n
\n {errorAttribures}
\n )}\n \n {\" \"}\n Attributes\n
\n\n \n
\n\n \n
\n \n
\n \n
\n {/* \n \n
\n {errors.name}
\n ) : null}\n \n
*/}\n {/* \n \n
\n {errors.value}
\n ) : null}\n \n
*/}\n \n \n \n \n {valueTypes &&\n valueTypes.map((valueType, vt) => {\n return (\n \n );\n })}\n \n {errors.dataValueTypeID && touched.dataValueTypeID ? (\n
\n \n {errors.dataValueTypeID}\n
\n ) : null}\n \n
\n \n \n \n \n {verificationSrc &&\n verificationSrc.map((source, vs) => {\n return (\n \n );\n })}\n */}\n
\n \n {errors.verificationSource}\n
\n ) : null}\n {/* \n
\n \n \n {/* */}\n {errors.assetVerificationAttributeGroupID &&\n touched.assetVerificationAttributeGroupID ? (\n
\n \n {errors.assetVerificationAttributeGroupID}\n
\n ) : null}\n \n
\n \n \n {/*
\n \n
\n \n )}\n \n {!isAttributeOrderFlag && (\n <>\n {!isGroupActive ? (\n <>\n \n
\n \n {\" \"}\n {\n backAVSList();\n resetForm();\n }}\n type=\"button\"\n title=\"Back\"\n >\n \n \n
\n \n \n {\" \"}\n \n \n \n
\n \n
\n \n ) : (\n \n {\n setGroupActive(true);\n setSelectedGroup(null);\n setGroupEdit(false);\n }}\n >\n Create Group\n \n
\n \n {isGroupOrderFlag ? (\n {\n reorderAssetVerification();\n }}\n title=\"Save group\n order\"\n >\n \n \n ) : (\n {\n onGroupOrderFlagOpen();\n }}\n title=\"Edit group order\"\n >\n \n \n )}\n
\n \n \n )}\n \n {\n setAssetVerificationAttributesGroup(values);\n // getTapeAsset(values.selectedDeal, values.selectedDate);\n }}\n validationSchema={assetVerificationGroupAddValidationSchema}\n validateOnChange={false}\n validateOnBlur={false}\n >\n {({\n handleChange,\n touched,\n values,\n handleSubmit,\n errors,\n setFieldValue,\n }) => (\n \n )}\n \n
\n - \n {engagements.map((eng, i) => (\n
- \n {toggle1 !== \"\" && toggle1 === eng.id ? (\n <>\n {/* \n\n \n ) : (\n\n\n \n ))}\n {engagementContent === 1 && !isEngEdit ? (\n
- \n {toggle === 1 ? (\n \n\n \n )}\n\n\n \n ) : (\n \"\"\n )}\n
- \n {!isEngEdit && (\n
\n {!isEngEdit &&\n engagements.map((engagement, j) => (\n \n
\n ) : (\n \"\"\n )}\n {/* */}\n {engagement.isVerificationServicesEnabled ? (\n \n {errorText && (\n
\n ) : (\n \"\"\n )}\n {/* */}\n {engagement.isCovenantTrackingEnabled ? (\n \n {\" \"}\n Please rename the engagement name first\n
\n )}\n {errorResponse && (\n {errorResponse}
\n )}\n \n \n {/* */}\n {engagement.isWaterfallGenerationEnabled ? (\n
\n ) : (\n \"\"\n )}\n {/* */}\n {engagement.isReportGenerationEnabled ? (\n \n \n \n Waterfall Generation\n \n \n \n
\n \n {\" \"}\n Waterfall Generation\n
\n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
\n \n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
.accordion-flush className. This is the\n first item's accordion body.\n \n \n \n Report Generation\n \n \n \n
\n \n {\" \"}\n Report Generation\n
\n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
\n \n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
.accordion-flush className. This is the\n first item's accordion body.\n \n \n \n Covenant Tracking\n \n \n \n
\n \n
\n \n \n \n Asset Verification\n \n \n \n
\n \n ) : (\n \"\"\n )}\n {/* */}\n {engagement.isCashAdministrationEnabled ? (\n \n 0\n ? engagement.assetVerifications[0].id\n : \"\"\n }\n />\n
\n \n \n \n Cash Administration\n \n \n \n
\n \n ) : (\n \"\"\n )}\n \n \n \n \n ))}\n {/* */}\n {!isEngEdit ? (\n \n {\" \"}\n Cash Administration\n
\n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
\n \n
\n Placeholder content for this accordion, which is\n intended to demonstrate the{\" \"}\n
.accordion-flush className. This is the\n first item's accordion body.\n \n {boardErr && \n \n
\n \n ) : (\n {boardErr}
}\n {errorResponse && (\n {errorResponse}
\n )}\n\n \n \n
\n \n {errorText && (\n \n \n
\n \n )}\n \n \n {\" \"}\n Please rename the engagement name first\n
\n )}\n {errorResponse && (\n {errorResponse}
\n )}\n\n \n \n Save Engagement\n \n
\n \n
\n \n \n \n
\n \n {/*
\n\n \n
*/}\n \n
\n \n Client's name:\n
\n \n
\n \n Metropolitan\n
\n \n
\n \n
\n Deal name:
\n \n
\n \n {dealDetails.name}\n {/**/}\n
\n \n \n
\n \n
\n \n \n Deal Information\n \n
\n \n {isEditDealInfo ? (\n <>\n setEditDealInfoStatus((ds) => !ds)}\n >\n \n \n onDelete(params?.id)}\n >\n \n \n
\n \n
\n \n
\n Deal Name:
\n \n
\n \n {dealDetails.name}{\" \"}\n
\n \n
\n \n
\n Deal Type:
\n \n
\n \n {dealDetails.dealTypeName}{\" \"}\n
\n \n
\n \n
\n \n Deal Description:\n
\n \n
\n \n {dealDetails.description}\n
\n \n
\n\n \n
\n Originator:
\n \n
\n \n {dealDetails.originator}\n
\n \n
\n \n
\n \n Deal Closing Date:
{\" \"}\n If already Closed\n
\n {\" \"}\n If already Closed\n
\n
\n \n {dealDetails.closingDate &&\n new Date(\n dealDetails.closingDate\n ).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n day: \"numeric\",\n month: \"numeric\",\n })}{\" \"}\n
\n \n
\n \n )}\n \n
\n \n Initial Deal Size\n
\n \n
\n \n {/* {dealDetails.initialSize} */}\n
\n \n \n
\n \n
\n \n \n Deal Parties\n \n
\n \n {/* */}\n\n
\n \n {\n // console.log(\"values>>\", values, params?.id);\n setDealPartyMember(values);\n resetForm();\n getDealPartyMember();\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n /* and other goodies */\n }) => (\n \n )}\n \n
\n \n \n \n
\n
\n | Deal/Role | \nParty | \nPrimary Contact | \nAction | \n
|---|---|---|---|
| {d?.roleName} | \n{d?.name} | \n{d?.primaryContact} | \n\n | \n
| Angelina Vitale | \nTest | \nTest | \n|
| Angelina Vitale | \nTest | \nTest | \n|
| Angelina Vitale | \nTest | \nTest | \n
\n \n
\n \n
\n \n \n {/* end */}\n \n \n \n AMSS Engagement Setup\n \n
\n \n
\n \n
\n \n \n {\" \"}\n Defaulted ?{\" \"}\n \n\n {/* {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// setChecked(!checked);\n\t\t\t\t\t\t\t\t\t\t\t\t\t// setTimeout(() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// handleFlagChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t// }, 1000);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/> */}\n\n {dealFlagToggle == null ? (\n setDealFlagToggle(true)}\n />\n ) : (\n {\n setDealFlagToggle(null);\n handleFlagChange(null);\n }}\n />\n )}\n {dealFlagToggle ? (\n handleFlagChange(e.target.value)}\n style={{ marginLeft: \"15px\" }}\n value={dealFlagToggle.flagID}\n >\n \n {dealFlags?.map((dr) => (\n \n ))}\n \n ) : // \n null}\n\n {/* {dealFlags?.map((dr, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (dr.isSet) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n {dr.flagCode.replace(\"DEFAULTED_\", \"\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t})} */}\n \n\t\t\t\t
\n\t\t\n\t);\n}\n\nexport default Blankpage;\n","import Example from './example'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\n\nfunction Dragpage() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\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\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tDeals (#) \n\t\t\t\t\t\t\t\t\t\t\t\t\tDeals ($) \n\t\t\t\t\t\t\t\t\t\t\t\t\tCurrently Defaulted Deals \n\t\t\t\t\t\t\t\t\t\t\t\t\tOpen Engagement Periods \n\t\t\t\t\t\t\t\t\t\t\t\t\tPossible Late Reports \n\t\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\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{dealData.length} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t{defaultDeal} \n\t\t\t\t\t\t\t\t\t\t\t\t\t{openEngagementPeriod} \n\t\t\t\t\t\t\t\t\t\t\t\t\t{lateReport} \n\t\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\n\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
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tPortfolio
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\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\tPortfolio Balance by Originator
\n\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\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\tPortfolio Balance by Asset type
\n\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{/* \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\tPortfolio Balance by Month
\n\t\t\t\t\t\t\t\t\t{/*\n No data found.\n
*/}\n\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\n
*/}\n\t\t\t\t\t\t\n
\n Recent Convent Testing Results
\n \n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tCovenant Tracking
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\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\tRecent Covenant Testing Results
\n\t\t\t\t\t\t\t\t\t{/*\n No data found.\n
*/}\n\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\n\t\t\t\t\t\t\t
\n\t\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\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\tx: convenantReviewSummeryTrand.key,\n\t\t\t\t\t\t\t\t\t\t\t\t\ty: convenantReviewSummeryTrand.value[v],\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype: \"scatter\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: camelize(v),\n\t\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)}\n\t\t\t\t\t\t\t\t\t\tlayout={{\n\t\t\t\t\t\t\t\t\t\t\tplot_bgcolor: \"#383838\",\n\t\t\t\t\t\t\t\t\t\t\tpaper_bgcolor: \"#383838\",\n\t\t\t\t\t\t\t\t\t\t\tfont: {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: \"#ffffff\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tyaxis: {\n\t\t\t\t\t\t\t\t\t\t\t\ttickwidth: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tfixedrange: true,\n\t\t\t\t\t\t\t\t\t\t\t\tautomargin: true,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\titemsizing: \"constant\",\n\t\t\t\t\t\t\t\t\t\t\txaxis: { fixedrange: true },\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tconfig={{ displayModeBar: false }}\n\t\t\t\t\t\t\t\t\t\tstyle={{ width: \"100%\", height: \"100%\" }}\n\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\tConvenant Testing Trands
\n\t\t\t\t\t\t\t\t\t{/*\n No data found.\n
*/}\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\n\t\t\t\t\t\t\t\t* Includes the results for the most recent completed period for\n\t\t\t\t\t\t\t\teach Deal\n\t\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\tAsset Verification
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\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\tRecent Asset Verification Results
\n\t\t\t\t\t\t\t\t\t{/*\n No data found.\n
*/}\n\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\n\t\t\t\t\t\t\t
\n\n\t\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\tAsset Verification Trands
\n\t\t\t\t\t\t\t\t\t{/*\n No data found.\n
*/}\n\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\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx: assetReviewSummeryTrand.key,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty: assetReviewSummeryTrand.value[v],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: \"scatter\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tname: camelize(v),\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\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\tlayout={{\n\t\t\t\t\t\t\t\t\t\t\t\tplot_bgcolor: \"#383838\",\n\t\t\t\t\t\t\t\t\t\t\t\tpaper_bgcolor: \"#383838\",\n\t\t\t\t\t\t\t\t\t\t\t\tfont: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: \"#ffffff\",\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\tyaxis: { fixedrange: true, automargin: true },\n\t\t\t\t\t\t\t\t\t\t\t\titemsizing: \"constant\",\n\t\t\t\t\t\t\t\t\t\t\t\txaxis: { fixedrange: true },\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tconfig={{ displayModeBar: false }}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: \"100%\", height: \"100%\" }}\n\t\t\t\t\t\t\t\t\t\t/>\n\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
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t* Includes the results for the most recent completed period for\n\t\t\t\t\t\t\t\teach Deal\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\t\n\texport default Dragpage;","import React, { useState } from \"react\";\nimport \"assets/css/style.css\";\nimport { SignInButton } from \"components/AzureButton\";\nimport {\n AuthenticatedTemplate,\n UnauthenticatedTemplate,\n useMsal,\n} from \"@azure/msal-react\";\nimport { loginRequest, graphConfig } from \"authConfig\";\nimport { setLoginData } from \"helpers/utils\";\nimport axios from \"axios\";\nimport { setClientStorage } from \"helpers/utils\";\nimport { config } from \"constant\";\nimport { useDispatch } from \"react-redux\";\nimport { updateClient } from \"actions/homeAction\";\nimport { storeClients } from \"actions/homeAction\";\nimport { setRestrictAccount } from \"helpers/utils\";\nimport { setErrorMessage } from \"helpers/utils\";\n\nconst clientUrl = config.url.API_URL + \"client\";\n\nexport default function LoginPage() {\n const { instance, accounts, inProgress } = useMsal();\n const [accessToken, setAccessToken] = useState(null);\n const [error, setError] = useState(null);\n const dispatch = useDispatch();\n\n // const name = accounts[0] && accounts[0].name;\n const [isLogin, setLogin] = useState(false);\n\n function RequestAccessToken() {\n // if (!isLogin) {\n // setLogin(true);\n if (accounts.length > 0) {\n const request = {\n ...loginRequest,\n account: accounts[0],\n };\n\n // Silently acquires an access token which is then attached to a request for Microsoft Graph data\n instance\n .acquireTokenSilent(request)\n .then((response) => {\n console.log(\"request>>\", response);\n // callMsGraph(response.accessToken);\n saveToken(response);\n // axios.defaults.headers.common[\n // \t\"Authorization\"\n // ] = `Bearer ${response.accessToken}`;\n setAccessToken(response.accessToken);\n loadClients(response.accessToken)\n .then((data) => {\n setError(null);\n setRestrictAccount(false);\n setErrorMessage(null);\n window.location.href = \"/dashboard\";\n })\n .catch((err) => {\n console.log(\"err>>>\", err?.response);\n // alert(err?.response?.data?.Message);\n setRestrictAccount(true);\n // setError(err?.response?.data?.Message);\n setErrorMessage(err?.response?.data?.Message);\n setTimeout(() => {\n window.location.href = \"/error\";\n }, 1000);\n });\n })\n .catch((e) => {\n instance.acquireTokenSilent(request).then((response) => {\n console.log(\"request>>\", response);\n // callMsGraph(response.accessToken);\n saveToken(response);\n // axios.defaults.headers.common[\n // \t\"Authorization\"\n // ] = `Bearer ${response.accessToken}`;\n setAccessToken(response.accessToken);\n loadClients(response.accessToken)\n .then((data) => {\n setError(null);\n setRestrictAccount(false);\n setErrorMessage(null);\n window.location.href = \"/dashboard\";\n })\n .catch((err) => {\n console.log(\"err>>>\", err?.response);\n setRestrictAccount(true);\n // setError(err?.response?.data?.Message);\n setErrorMessage(err?.response?.data?.Message);\n setTimeout(() => {\n window.location.href = \"/error\";\n }, 1000);\n // alert(err?.response?.data?.Message);\n });\n });\n });\n }\n // }\n }\n function saveToken(token) {\n setLoginData(token);\n }\n const loadClients = (token) => {\n return new Promise(async (resolve, reject) => {\n try {\n const resp = await axios.get(clientUrl, {\n headers: {\n Authorization: `Bearer ${token}`,\n },\n });\n if (!resp?.data?.isError && resp?.data?.responseData) {\n setClientStorage(resp?.data?.responseData?.id);\n dispatch(updateClient(resp?.data?.responseData?.id));\n dispatch(storeClients(resp?.data?.responseData));\n }\n\n console.log(\"resp loadClients>>\", resp);\n return resolve(resp);\n } catch (err) {\n return reject(err);\n }\n });\n };\n function callMsGraph(accessToken) {\n const headers = new Headers();\n const bearer = `Bearer ${accessToken}`;\n\n headers.append(\"Authorization\", bearer);\n\n const options = {\n method: \"GET\",\n headers: headers,\n };\n\n return fetch(graphConfig.graphMeEndpoint, options)\n .then((response) => response.json())\n .catch((error) => console.log(error));\n }\n return (\n \n
\n );\n}\n","import { isRestrict } from \"helpers/utils\";\nimport { isLogin } from \"helpers/utils\";\nimport React from \"react\";\nimport { Route, Redirect } from \"react-router-dom\";\n\nconst PrivateRoute = ({ component: Component, ...rest }) => {\n return (\n // Show the component only when the user is logged in\n // Otherwise, redirect the user to /signin page\n \n
\n \n
\n \n \n
\n Welcome to amss
\n {error &&{error}
}\n {/* Login
*/}\n {/* */}\n\n
\n \n \n\t\t\t\t\t\t\t\t\tYou are signed in!{\" \"}\n\t\t\t\t\t\t\t\t\t to\n\t\t\t\t\t\t\t\t\tDashbard\n\t\t\t\t\t\t\t\t
\n {\n getTapeAsset(values.selectedDeal, values.selectedDate);\n }}\n validationSchema={stepOneValidation}\n validateOnChange={false}\n validateOnBlur={false}\n >\n {({\n handleChange,\n touched,\n values,\n handleSubmit,\n errors,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )}\n {/* part 2 */}\n {isUploadStepOneDone && !isUploadStepTwoDone && (\n \n onOverwriteFileSelect(true)}\n >\n \n \n onOverwriteFileSelect(false)}\n >\n \n \n
\n )}\n {/* part 3 */}\n {isUploadStepOneDone &&\n isUploadStepTwoDone &&\n !isUploadStepThreeDone && (\n Upload and replace the previously uploaded information
\n\n\n uploadFile()}\n validationSchema={stepThreeValidation}\n >\n {({\n handleChange,\n touched,\n values,\n handleSubmit,\n errors,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )}\n {strlimit(msg, size)}
\n {msg}
\n )}\n \n );\n}\n","import React from \"react\";\nimport { ProgressBar } from \"react-bootstrap\";\n\nexport default function LoaderProgressBar({ now }) {\n // const now = 60;\n return (\n \n
\n );\n}\n","import MyTooltrip from \"components/MyTooltrip/MyTooltrip\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Button, Modal, Form, Table } from \"react-bootstrap\";\nimport { camelToTitle, strlimit, titleToCamel } from \"./../../helpers/data\";\nimport \"./PortfolioHistory.scss\";\nimport LoaderProgressBar from \"components/LoaderProgressBar/LoaderProgressBar\";\nexport default function FieldMappingModal({\n showb,\n handleCloseb,\n fileParseHeaderData,\n mappingFieldData,\n mappingData,\n submitTape,\n success,\n error,\n isDetailsError,\n handleShowc,\n setMappingData,\n machingData,\n setMachingData,\n uploadPercent,\n}) {\n const target = useRef(null);\n const [copyMappingData, setCopyMappingData] = useState([]);\n const [copyMachingData, setCopyMachingData] = useState([]);\n let copyMachingData1 = machingData ? [...machingData] : [],\n copyMappingData1 = mappingData ? [...mappingData] : [];\n // useEffect(() => {\n // \tinitialData();\n // }, []);\n const [errorField, setErrorField] = useState(null);\n // const [tempMapping, setTempMapping] = useState(mappingData);\n\n // const tempData = [...mappingData];\n // const updateMappingData = (h, m, index) => {\n // // let tempData = [...tempMapping];\n // if (titleToCamel(h) == m.fieldName) {\n // tempData[index].mappingField = h;\n // // setTempMapping(() => tempData);\n // return true;\n // } else {\n // return false;\n // }\n // };\n console.log(\"101 map>>\", {\n mappingData,\n fileParseHeaderData,\n machingData,\n isDetailsError,\n });\n // useEffect(() => {\n // machingData && setCopyMachingData([...machingData]);\n // mappingData && setCopyMappingData([...mappingData]);\n\n // }, [mappingData, machingData]);\n const handleChange = (e, index) => {\n // const tempMappingData = [...mappingData];\n // const tempMachingData = [...machingData];\n const tempMappingData = [...mappingData];\n const tempMachingData = [...machingData];\n const selectedValue = e.target.value;\n // const oldSelectedValue = tempMappingData[index].mappingField;\n // if (oldSelectedValue) {\n // const index = tempMachingData.indexOf(titleToCamel(oldSelectedValue));\n // if (index > -1) {\n // tempMachingData.splice(index, 1);\n // }\n // }\n // if (selectedValue !== \"\") {\n // tempMachingData.push(titleToCamel(selectedValue));\n // }\n // tempMappingData[index].mappingField = selectedValue;\n\n const oldSelectedValue = tempMappingData[index].fieldDisplayName;\n // console.log(\n // \"102 map>>\",\n // mappingData,\n // machingData,\n // selectedValue,\n // oldSelectedValue\n // );\n if (oldSelectedValue) {\n const index = tempMachingData.indexOf(oldSelectedValue);\n if (index > -1) {\n tempMachingData.splice(index, 1);\n }\n }\n if (selectedValue !== \"\") {\n tempMachingData.push(selectedValue);\n }\n tempMappingData[index].mappingField = selectedValue;\n // setMappingData(tempMappingData);\n // setMachingData(tempMachingData);\n // setCopyMappingData(tempMappingData);\n // setCopyMachingData(tempMachingData);\n copyMachingData1 = [...tempMachingData];\n copyMappingData1 = [...tempMappingData];\n };\n\n return (\n Internal asset details fields table
\n {success && (\n | System mapping | \nUploaded csv | \nDescription | \n|
|---|---|---|---|
| {camelToTitle(m)} | */}\n\n {m.fieldDisplayName}\n {m?.required && *}\n | \n\n | \n \n {m.description} */}\n | \n
\n \n Cancel\n \n {\n // await setMachingData([...copyMachingData]);\n // await setMappingData([...copyMappingData]);\n await setMachingData([...copyMachingData1]);\n await setMappingData([...copyMappingData1]);\n submitTape(e);\n }}\n >\n Next\n {/* Submit */}\n \n
\n \n
\n {/* {success && (\n Tape list
\n \n \n
\n \n \n Search\n */}\n
\n \n search(e.target.value)}\n // onChange={(e) => setSearchText(e.target.value)}\n // onKeyDown={(e) => {\n // if (e.key === \"Enter\") {\n // search();\n // }\n // }}\n />\n
\n {/* \n \n Save\n \n \n Total Record: {assetTapeDetails && assetTapeDetails.length}\n \n
\n \n
\n );\n}\n","import axios from \"axios\";\nimport { config } from \"constant\";\n\nconst baseUrl = config.url.API_URL;\n\nconst get = async (url) => {\n return await axios.get(baseUrl + url);\n};\nconst post = async (url, data, config = null) => {\n return await axios.post(baseUrl + url, data, config);\n};\n\nexport const Network = { get, post };\n","export const API = {\n assetTapeMonth: \"asset-tape-months\",\n assetTape: \"asset-tape/v2\",\n assetTapeDocDownload: \"document-download\",\n getDeals: \"deal\",\n assetTapeMapping: \"asset-tape-mapping\",\n sampleTapFileUrl: \"asset-tape-template\",\n collectionTape: \"collection-tape\",\n collectionTapeMonth: \"collection-tape-months\",\n uploadTapeMonth: \"upload-tape-months\",\n sampleCollectionFileUrl: \"collection-tape-template\",\n collectionTapeMapping: \"collection-tape-mapping\",\n};\n","import React from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport { ModuleKind } from \"typescript\";\n\nexport default function ErrorModal({\n showc,\n handleClosec,\n data,\n errorsDownload,\n}) {\n console.log(\"error>>\", data);\n return (\n \n
\n {/* \n \n \n
\n
\n | \n tableSort(\"dealName\")}>\n Deal Name{\" \"}\n \n | \n\n | \n \n tableSort(\"createdDate\")}>\n Date Uploaded\n \n | \n\n tableSort(\"createdBy\")}>\n Uploaded By\n \n | \n\n | \n\n ||||
|---|---|---|---|---|---|---|---|---|
| \n {d?.numberOfAssets > 0 ? (\n | \n ) : (\n \n {d?.numberOfRecords > 0 ? (\n | \n )}\n\n \n {d?.tapeMonthEndDate &&\n dateFormat(d?.tapeMonthEndDate, \"MM/DD/YYYY\")}\n | \n\n {d?.createdDate &&\n dateFormat(d?.createdDate, \"MM/DD/YYYY\")}\n | \n{d?.createdBy} | \n\n {selectedType === \"asset\"\n ? d?.numberOfAssets\n : d?.numberOfRecords}\n | \n\n {/*\n {d?.numberOfAssets > 0 && (\n <>\n | */}\n {selectedType === \"asset\" ? (\n \n {d?.numberOfAssets > 0 && (\n <>\n | \n ) : (\n \n {d?.numberOfRecords > 0 && (\n <>\n | \n )}\n
\n \n Cancel\n \n \n Download Error List\n \n
\n \n \n );\n}\n","import React, { useContext, useEffect, useState } from \"react\";\n// import { config } from \"../constant\";\n// import axios from \"axios\";\n// import { Formik, Field, FieldArray } from \"formik\";\n//import React, { useState } from 'react';\n//import Button from 'react-bootstrap/Button';\n//import Modal from 'react-bootstrap/Modal';\n\n// reactstrap components\n//import { Field } from \"formik\";\nimport { Button, Modal, Form, Table } from \"react-bootstrap\";\n\n// core components\nimport SideBar from \"components/SideBar.js\";\nimport AamsHeader from \"components/AamsHeader.js\";\nimport AamsFooter from \"components/AamsFooter.js\";\nimport FileUploadModal from \"./FileUploadModal\";\nimport FieldMappingModal from \"./FieldMappingModal\";\nimport List from \"./List\";\nimport { Network } from \"services/Network\";\nimport { API } from \"services/API\";\nimport { dateFormat } from \"helpers/utils\";\nimport { CSVParser } from \"services/CSVParser\";\nimport ErrorModal from \"./ErrorModal\";\nimport Loader from \"components/Loader\";\nimport { sortedByProperty } from \"helpers/data\";\nimport { AppContext } from \"App\";\nimport { titleToCamel } from \"helpers/data\";\nimport api from \"config/api\";\nimport { toFindDuplicates } from \"helpers/data\";\nimport MyBreadcrumb from \"components/MyBreadcrumb/MyBreadcrumb\";\nimport TapListModal from \"./TapListModal\";\n\nfunction PortfolioList(props) {\n const [show, setShow] = useState(false);\n\n const handleShow = () => setShow(true);\n const [showb, setShowb] = useState(false);\n const handleShowb = () => setShowb(true);\n const [uploadType, setUploadType] = useState(\"asset\");\n const handleCloseb = () => {\n setShowb(false);\n setSuccess(null);\n setError(null);\n setErrorResponse(null);\n setUploadPercent(0);\n };\n const breadcrumbs = [\n {\n op: \"Home\",\n link: \"/\",\n },\n {\n op: \"Portfolio history\",\n link: \"/portfolio-history\",\n },\n ];\n const [showc, setShowc] = useState(false);\n const handleShowc = () => setShowc(true);\n const handleClosec = () => setShowc(false);\n const [isLoading, setLoading] = useState(false);\n const [sortType, setSortType] = useState(null);\n const [uploadPercent, setUploadPercent] = useState(0);\n\n const [deals, setDeals] = useState([]);\n const [monthEndDateList, setMonthEndDateList] = useState([]);\n const [assetTapeList, setAssetTapList] = useState([]);\n const [assetTapeListCopy, setAssetTapListCopy] = useState([]);\n const [selectedTapeAsset, setSelectedTapeAsset] = useState(null);\n const [isUploadStepOneDone, setUploadStepOneDone] = useState(false);\n const [isUploadStepTwoDone, setUploadStepTwoDone] = useState(false);\n const [isUploadStepThreeDone, setUploadStepThreeDone] = useState(false);\n const [isFileOverwrite, setFileOverwrite] = useState(false);\n const [uploadedFile, setUploadedFile] = useState(null);\n const [fileParseData, setFileParseData] = useState([]);\n const [mappingFieldData, setMappingFieldData] = useState([]);\n const [mappingData, setMappingData] = useState(null);\n const [machingData, setMachingData] = useState([]);\n const [error, setError] = useState(null);\n const [isDetailsError, setDetailsError] = useState(null);\n const [errorRespose, setErrorResponse] = useState(null);\n const [success, setSuccess] = useState(null);\n const [searchText, setSearchText] = useState(null);\n const [selectedType, setSelectedType] = useState(\"asset\");\n const appContext = useContext(AppContext);\n const [isTapePreviewOpen, setTapePreviewOpen] = useState(false);\n const [tapeData, setTapData] = useState(null);\n const [tapeCopyData, setTapCopyData] = useState(null);\n const [previewTapeOpenType, setPreviewTapeOpenType] = useState(\"asset\");\n const tapePreviewHandler = (d, type) => {\n setTapData(d);\n setTapCopyData(d);\n setTapePreviewOpen(true);\n setPreviewTapeOpenType(type);\n };\n const tapePreviewCloseHandler = () => {\n setTapePreviewOpen(false);\n setTapData(null);\n setTapCopyData(null);\n getPortfolioHistoryList();\n };\n const handleClose = () => {\n setShow(false);\n setUploadStepOneDone(false);\n setUploadStepTwoDone(false);\n setUploadStepThreeDone(false);\n setSelectedTapeAsset(null);\n setSuccess(null);\n setError(null);\n setDetailsError(null);\n setErrorResponse(null);\n setMonthEndDateList(null);\n setUploadPercent(0);\n };\n const back = () => {\n if (isUploadStepOneDone && isUploadStepTwoDone && isUploadStepThreeDone) {\n setUploadStepThreeDone(false);\n } else if (isUploadStepOneDone && isUploadStepTwoDone) {\n setUploadStepTwoDone(false);\n setUploadStepOneDone(false);\n }\n };\n const searchDeal = (e) => {\n console.log(\"e>>\", e.target.value);\n setSearchText(e.target.value);\n var search = new RegExp(e.target.value, \"gi\");\n const tempAssetTapeList =\n assetTapeListCopy.length &&\n assetTapeListCopy.filter((d) => {\n if (d.dealName.match(search)) return d;\n });\n setAssetTapList(tempAssetTapeList);\n };\n const tableSort = (property) => {\n console.log(property);\n setSortType((t) => {\n if (t == \"asc\") return \"desc\";\n else return \"asc\";\n });\n const tempData = sortedByProperty(assetTapeList, property, sortType);\n setAssetTapList(tempData);\n };\n\n const getPortfolioHistoryList = async () => {\n try {\n setLoading(true);\n let res;\n let temp1;\n if (selectedType == \"asset\") {\n res = await Network.get(API.assetTapeMonth);\n temp1 = await getTapAssetDetailsFromList(res?.data?.responseData);\n } else if (selectedType === \"collection\") {\n res = await Network.get(API.collectionTapeMonth);\n temp1 = await getTapCollectionDetailsFromList(res?.data?.responseData);\n } else {\n res = await Network.get(API.uploadTapeMonth);\n temp1 = await getTapDetailsFromList(res?.data?.responseData);\n console.log(\"all tape>>\", res);\n // temp1 = await getTapCollectionDetailsFromList(res?.data?.responseData);\n }\n if (res?.data?.status == \"Success\")\n // setAssetTapList(res?.data?.responseData);\n setAssetTapListCopy(res?.data?.responseData);\n // const temp2 = await getTapCollectionDetailsFromList(\n // res?.data?.responseData\n // );\n console.log(\"101 res\", { temp1 });\n setAssetTapList([...temp1]);\n setLoading(false);\n } catch (err) {\n console.log(err);\n setLoading(false);\n if (err.response.status == 401) {\n appContext.handleLogout();\n }\n }\n };\n const getTapeAssetDetails = async (data, index) => {\n return new Promise(async (resolve, reject) => {\n try {\n // console.log(\"getTapeAssetDetails\", data, index, data[index].id);\n if (data[index] && data[index]?.id) {\n const res = await Network.get(\n api.assetTapeDetails + \"/\" + data[index].id\n );\n data[index].assetTapeDetails =\n res?.data?.responseData?.assetTapeDetails;\n data[index].mapping = res?.data?.responseData?.mapping;\n resolve(data);\n } else {\n data[index].assetTapeDetails = [];\n data[index].mapping = null;\n resolve(data);\n }\n // if (res.status === \"Success\") {\n } catch (err) {\n // reject(err);\n resolve(data);\n }\n });\n };\n const getTapeCollectionDetails = async (data, index) => {\n return new Promise(async (resolve, reject) => {\n try {\n console.log(data, index, data[index].id);\n if (data[index] && data[index]?.id) {\n const res = await Network.get(\n API.collectionTape + \"/\" + data[index].id\n );\n data[index].collectionTapeDetails =\n res?.data?.responseData?.collectionTapeDetails;\n data[index].mapping = res?.data?.responseData?.mapping;\n resolve(data);\n } else {\n data[index].collectionTapeDetails = [];\n data[index].mapping = null;\n resolve(data);\n }\n // if (res.status === \"Success\") {\n } catch (err) {\n resolve(data);\n }\n });\n };\n const getTapAssetDetailsFromList = (data) => {\n return new Promise((resolve, reject) => {\n Promise.all(\n data.map(async (d, i) => {\n return await getTapeAssetDetails(data, i);\n })\n )\n .then((data1) => {\n console.log(\"all res 1>>\", data, data1);\n // setAssetTapList(data);\n resolve(data);\n })\n .catch((err) => resolve(data));\n });\n };\n const getTapCollectionDetailsFromList = (data) => {\n return new Promise((resolve, reject) => {\n Promise.all(\n data.map(async (d, i) => {\n const temp = await getTapeCollectionDetails(data, i);\n return temp;\n })\n )\n .then((data1) => {\n console.log(\"all res 1>>\", data, data1);\n // setAssetTapList(data);\n resolve(data);\n })\n .catch((err) => resolve(data));\n });\n };\n const getTapDetailsFromList = (data) => {\n return new Promise((resolve, reject) => {\n Promise.all(\n data.map(async (d, i) => {\n if (d?.uploadType.trim().toLowerCase() === \"asset\") {\n return await getTapeAssetDetails(data, i);\n } else {\n return await getTapeCollectionDetails(data, i);\n }\n })\n )\n .then((data1) => {\n console.log(\"all res 1>>\", data, data1);\n // setAssetTapList(data);\n resolve(data);\n })\n .catch((err) => resolve(data));\n });\n };\n const downloadSample = async () => {\n try {\n let res;\n if (uploadType === \"asset\") res = await Network.get(API.sampleTapFileUrl);\n else res = await Network.get(API.sampleCollectionFileUrl);\n console.log(\"res>>>\", res);\n CSVParser.downloadCSVFile(\n res.data,\n uploadType === \"asset\"\n ? \"SampleAssetTapeFile\"\n : \"SampleCollectionTapeFile\"\n );\n } catch (err) {\n console.log(\"err>>\", err.response);\n }\n };\n const docDownload = async (id, fileName, status) => {\n try {\n let data = [];\n let res;\n // if (status === \"asset\") {\n res = await Network.get(API.assetTapeDocDownload + \"/\" + id);\n CSVParser.downloadCSVFile(res.data, fileName);\n // } else {\n // console.log(id);\n // CSVParser.downloadCSVFile(id.toString(), fileName);\n // }\n } catch (err) {\n console.log(\"err>>\", err.response);\n alert(err.response?.data?.Message);\n }\n };\n const errorsDownload = () => {\n // console.log(\"error>>\", errorRespose);\n CSVParser.downloadCSV(uploadType === \"asset\" ? errorRespose : errorRespose);\n };\n const getDeals = async () => {\n try {\n const res = await Network.get(API.getDeals);\n // if (res.status === \"Success\") {\n setDeals(res?.data?.responseData);\n\n // }\n } catch (err) {\n console.log(\"err>>\", err.response);\n }\n };\n const getMothlyPeriod = async (dealId) => {\n try {\n setLoading(true);\n let res;\n if (uploadType === \"asset\") {\n res = await Network.get(API.assetTapeMonth + \"?dealId=\" + dealId);\n } else {\n res = await Network.get(API.collectionTapeMonth + \"?dealId=\" + dealId);\n }\n // if (res.status === \"Success\") {\n setMonthEndDateList(res?.data?.responseData);\n setLoading(false);\n // }\n } catch (err) {\n setLoading(false);\n // if (err.response.status == 401) {\n // \tappContext.handleLogout();\n // }\n }\n };\n const getTapeAsset = async (dealId, date) => {\n try {\n setError(null);\n setDetailsError(null);\n setSuccess(null);\n setLoading(true);\n let res;\n if (uploadType === \"asset\") {\n res = await Network.get(\n API.assetTapeMonth +\n \"?dealID=\" +\n dealId +\n \"&tapeYear=\" +\n dateFormat(date, \"YYYY\") +\n \"&tapeMonth=\" +\n dateFormat(date, \"MM\")\n );\n } else {\n res = await Network.get(\n API.collectionTapeMonth +\n \"?dealID=\" +\n dealId +\n \"&tapeYear=\" +\n dateFormat(date, \"YYYY\") +\n \"&tapeMonth=\" +\n dateFormat(date, \"MM\")\n );\n }\n // if (res.status === \"Success\") {\n const result = res?.data?.responseData;\n if (result.length > 0) {\n setSelectedTapeAsset(result[0]);\n if (result[0].isTapeUploaded) {\n setUploadStepOneDone(true);\n } else {\n setUploadStepOneDone(true);\n setUploadStepTwoDone(true);\n }\n } else {\n // setUploadStepOneDone(true);\n setError(\n \"There are no periods associated with the deal. Please try with another date.\"\n );\n }\n\n // }\n setLoading(false);\n } catch (err) {\n setLoading(false);\n // if (error.response.status == 401) {\n // \tappContext.handleLogout();\n // }\n console.log(\"err>>\", err.response);\n }\n };\n\n const onOverwriteFileSelect = async (type) => {\n if (type) {\n setUploadStepTwoDone(true);\n setFileOverwrite(true);\n } else {\n setUploadStepTwoDone(false);\n setFileOverwrite(false);\n setUploadStepOneDone(false);\n }\n };\n const parseFile = async (e) => {\n try {\n // setUploadedFile(e.target.files[0]);\n // const result = await CSVParser.parse(e.target.files[0]);\n setUploadedFile(e);\n const result = await CSVParser.parse(e);\n console.log(\"101 parse data\", result);\n setFileParseData(result);\n } catch (err) {\n console.log(\"file parse err>>\", err);\n }\n };\n const uploadFile = async () => {\n setUploadStepThreeDone(true);\n setShow(false);\n setUploadStepOneDone(false);\n setUploadStepTwoDone(false);\n setUploadStepThreeDone(false);\n handleShowb();\n\n getMappingData();\n };\n const getMappingData = async () => {\n try {\n setLoading(true);\n let res;\n if (uploadType === \"asset\") res = await Network.get(API.assetTapeMapping);\n else res = await Network.get(API.collectionTapeMapping);\n setMappingFieldData(res.data.responseData);\n // console.log(\"11 res>\", res.data.responseData);\n initialData(res.data.responseData);\n setLoading(false);\n } catch (err) {\n setLoading(false);\n console.log(\"mapping data get error:\", err);\n // if (err.response.status == 401) {\n // \tappContext.handleLogout();\n // }\n }\n };\n const initialData = (mapData) => {\n const tempMatch = [];\n mapData &&\n mapData.length > 0 &&\n mapData.map((m, index) => {\n mapData[index].mappingField = null;\n fileParseData &&\n fileParseData[0] &&\n Object.keys(fileParseData[0]).map((k) => {\n // if (titleToCamel(k).toLowerCase() == m.fieldName.toLowerCase()) {\n if (\n k.trim().toLowerCase() == m.fieldDisplayName.trim().toLowerCase()\n ) {\n if (\n !tempMatch.includes(m.fieldDisplayName.trim().toLowerCase())\n ) {\n tempMatch.push(m.fieldDisplayName.trim());\n }\n return (mapData[index].mappingField = k);\n }\n });\n });\n console.log(\"101 \", fileParseData[0], mapData, tempMatch);\n\n setMappingData(mapData);\n setMachingData(tempMatch);\n };\n const submitTape = async (e) => {\n e.preventDefault();\n setUploadPercent(0);\n setError(null);\n setSuccess(null);\n setDetailsError(null);\n\n setErrorResponse(null);\n let arr = [];\n\n const duplicateElementa = toFindDuplicates(mappingData, \"mappingField\");\n console.log(\"duplicateElementa>> \", duplicateElementa);\n\n mappingData.map((k) =>\n arr.push({ columnName: k.mappingField, PropertyName: k.fieldName })\n );\n // Object.keys(mappingData).map((k) =>\n // arr.push({ columnName: mappingData[k], PropertyName: k })\n // );\n\n let frmData = new FormData();\n frmData.append(\"file\", uploadedFile);\n frmData.append(\"dealId\", selectedTapeAsset?.dealID);\n frmData.append(\n \"tapeMonth\",\n dateFormat(selectedTapeAsset?.tapeMonthEndDate, \"MM\")\n );\n frmData.append(\n \"tapeYear\",\n dateFormat(selectedTapeAsset?.tapeMonthEndDate, \"YYYY\")\n );\n frmData.append(\"mapping\", JSON.stringify(arr));\n try {\n let res;\n if (uploadType == \"asset\") {\n const config = {\n onUploadProgress: (progressEvent) => {\n const { loaded, total } = progressEvent;\n const percent = Math.floor((loaded * 100) / total);\n setUploadPercent(percent);\n console.log(\" 101 onUploadProgress\", progressEvent.loaded, percent);\n },\n };\n res = await Network.post(API.assetTape, frmData, config);\n // console.log(\"post res>>\", res);\n setSuccess(\"Data has been successfully uploaded\");\n setTimeout(() => {\n handleCloseb();\n console.log(\"101 res>>>\", res);\n const { batchDetails } = res?.data?.responseData;\n tapePreviewHandler(batchDetails, uploadType);\n // getPortfolioHistoryList();\n }, 1000);\n } else {\n const config = {\n onUploadProgress: (progressEvent) => {\n const { loaded, total } = progressEvent;\n const percent = Math.floor((loaded * 100) / total);\n setUploadPercent(percent);\n console.log(\" 101 onUploadProgress\", progressEvent.loaded, percent);\n },\n };\n res = await Network.post(API.collectionTape, frmData, config);\n setSuccess(\"Data has been successfully uploaded\");\n console.log(\"102 res\", res);\n\n setTimeout(() => {\n handleCloseb();\n const { batchDetails } = res?.data?.responseData;\n tapePreviewHandler(batchDetails, uploadType);\n // getPortfolioHistoryList();\n }, 1000);\n }\n } catch (err) {\n console.log(\"post err>>\", err, err.response);\n\n if (err.response.status == 401) {\n appContext.handleLogout();\n }\n if (err.response?.data?.responseData) {\n setError(\"Some fields are missing.\");\n setDetailsError(true);\n console.log(\n \"101 uploadErrors\",\n err.response?.data?.responseData?.uploadErrors\n );\n setErrorResponse(err.response?.data?.responseData?.uploadErrors);\n }\n if (err.response?.data?.Message) {\n setError(err.response?.data?.Message);\n setDetailsError(null);\n\n setErrorResponse([]);\n }\n }\n };\n useEffect(() => {\n getPortfolioHistoryList();\n getDeals();\n }, []);\n useEffect(() => {\n getPortfolioHistoryList();\n // getDeals();\n }, [selectedType]);\n // useEffect(() => {\n // \tsearchHandler();\n // }, [search]);\n\n return (\n <>\n \n
\n\n \n \n \n\t\t\t\t\t\tAdd \n\t\t\t\t\t */}\n\n \n\t\t\t\t\t\tUpload Tape \n\t\t\t\t\t */}\n \n {/*
\n \n\t\t\t\t\t\t\t
*/}\n \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\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
\n\t\t\t\t\t\t\n {/*
\n \n */}\n \n Add \n \n {/*
*/}\n \n
\n \n \n
\n \n setSelectedType(e?.target?.value)}\n style={{ marginTop: 10 }}\n >\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n );\n}\n","import React from \"react\";\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\n// pages for this kit\nimport Index from \"views/Index.js\";\nimport Dashboard from \"views/dashboard\";\nimport DealList from \"views/deal-listing.js\";\nimport AddDeals from \"views/add-deals.js\";\nimport Engagelist from \"views/engage-list.js\";\nimport EngagementDetails from \"views/EngagementDetails\";\nimport DealEngagement from \"views/DealEngagement/index.js\";\nimport Blankpage from \"views/blankPage.js\";\nimport Dragpage from \"components/dnd.js\";\nimport LoginPage from \"views/login\";\nimport PrivateRoute from \"PrivateRoute\";\nimport PublicRoute from \"PublicRoute\";\nimport PortfolioList from \"views/PortfolioHistory/index.js\";\nimport ErrorPage from \"views/ErrorPage/ErrorPage\";\n\nexport default function Router() {\n return (\n \n
\n \n
\n \n
\n {getErrorMessage()}
\n