\r\n
\r\n\r\n \r\n
\r\n {props.content}
\r\n \r\n \r\n {\" \"}\r\n Copyright © 2022{\" \"}\r\n \r\n Prime Company Compliance.{\" \"}\r\n \r\n All rights reserved.\r\n
\r\n\r\n Create an account and get a free 30 day trial
\r\n \r\n\r\n \r\n \r\n }/>\r\n )\r\n}\r\nexport default SignUp;","//correct\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport MainScreen from \"../CommonPage/MainScreen.component\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport \"../CommonPage/newStyles.scss\";\r\n\r\nconst Login = (props) => {\r\nconst domainpath = window.location.hostname;\r\n const [loginUser, setLoginUser] = useState({\r\n clientId: \"\",\r\n userName: \"\",\r\n password: \"\",\r\n });\r\n\r\n const dispatch = useDispatch();\r\n const [submitted, setSubmitted] = useState(false);\r\n // const {clientId, userName, password} = loginUser;\r\n const { userName, password } = loginUser;\r\n const location = useLocation();\r\n let handleChange = (e) => {\r\n setLoginUser((users) => ({\r\n ...loginUser,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n useEffect(() => {\r\n dispatch(userActions.logout());\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n setSubmitted(true);\r\n if (userName && password) {\r\n const { from } = location.state || {\r\n from: { pathname: \"/CompanyMenuDetails\" },\r\n };\r\n dispatch(userActions.login(userName, password, from, props.history));\r\n //props.history.push(\"/landingPage\");\r\n }\r\n }\r\n const [passwordType, setPasswordType] = useState(\"password\");\r\n const togglePassword = () => {\r\n if (passwordType === \"password\") {\r\n setPasswordType(\"text\");\r\n return;\r\n }\r\n setPasswordType(\"password\");\r\n };\r\n\r\n // after a month change contentdiv py-2 to py-4\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n","const eventTypes = [\r\n 'keypress',\r\n 'mousemove',\r\n 'mousedown',\r\n 'scroll',\r\n 'touchmove',\r\n 'pointermove'\r\n ]\r\n \r\n export const addEventListeners = (listener) => {\r\n eventTypes.forEach((type) => {\r\n window.addEventListener(type, listener, false)\r\n })\r\n }\r\n export const removeEventListeners = (listener) => {\r\n if (listener) {\r\n eventTypes.forEach((type) => {\r\n window.removeEventListener(type, listener, false)\r\n })\r\n }\r\n }","import React, {useEffect, useState} from \"react\";\r\nimport {TimeoutWarningModal} from \"./TimeoutWarningModal\"\r\nimport { addEventListeners, removeEventListeners } from '../util/eventListenerUtil'\r\n \r\nexport const TimeoutLogic = (props) => { \r\n const [isWarningModalOpen, setWarningModalOpen] = useState(false);\r\n useEffect(() => {\r\n const createTimeout1 = () => setTimeout(()=>{ \r\n setWarningModalOpen(true);\r\n },7200000)\r\n\r\n const createTimeout2 = () => setTimeout(() => {\r\n // Implement a sign out function here\r\n \r\n //props.history.push(\"/\")\r\n },10000)\r\n\r\n const listener = () => {\r\n if(!isWarningModalOpen){\r\n clearTimeout(timeout)\r\n timeout = createTimeout1();\r\n }\r\n } \r\n\r\n // Initialization\r\n let timeout = isWarningModalOpen ? createTimeout2() : createTimeout1()\r\n addEventListeners(listener);\r\n\r\n // Cleanup\r\n return () => {\r\n removeEventListeners(listener);\r\n clearTimeout(timeout);\r\n }\r\n },[isWarningModalOpen])\r\n return (\r\n Session Timeout
\r\n\r\n You're being timed out due to inactivity. \r\n you will be redirected to the Login page.\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {isWarningModalOpen && (\r\n setWarningModalOpen(false)}\r\n history={props.history}\r\n />\r\n )\r\n }\r\n
\r\n ) \r\n}","import React, {useState,useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport \"./LandingPage.style.scss\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { TimeoutLogic } from \"../../timeoutComponent/TimeoutLogic\";\r\n\r\nconst LandingPage = (props) => {\r\n // quickcompany Profile Report\r\n const userName = localStorage.getItem(\"userName\");\r\nconst API_URL = process.env.REACT_APP_PRIME_API_URL;\r\n\r\nconst [isMobile, setMobile] = useState(document.body.clientWidth <= 498);\r\n\r\n const dispatch = useDispatch();\r\n const loggedUserInfo = useSelector((state) => state.loggedUserInfo);\r\n const imageURL = loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.ClientLogo\r\n const alternateLogo= loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.ClientID\r\n useEffect(() => {\r\n dispatch(userActions.getLoggedUserInfo());\r\n dispatch(userActions.getDirectorIdCount());\r\n // eslint-disable-next-line\r\n }, [isMobile]);\r\nconsole.log(\"isMobile --------\",isMobile)\r\n //message card\r\nconst [cardShow, setCardShow] = useState(true);\r\nconst handleCardClose = () => setCardShow(false);\r\n// did count\r\nconst directorIdCount = useSelector((state) => state.directorIdCount);\r\n\r\nfunction splitDid(did) {\r\nconst splitDid = did.indexOf(' ') !== -1 ? did.split(' ') : did\r\nreturn did.indexOf(' ') !== -1 ? `${splitDid[0]} (${splitDid[1]})` : splitDid\r\n}\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default withRouter(LandingPage);\r\n","import React from 'react';\r\nimport './ToggleSwitch.style.scss'\r\n\r\nconst ToggleSwitch=({checked, onChange, name, yesLabel=\"Show All\", noLabel=\"Summary\", toggleWidth='120px'})=> {\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n false}\r\n className=\"pb-3 text-white d-flex align-items-center mb-md-0 me-md-auto text-decoration-none\"\r\n >\r\n
\r\n \r\n \r\n \r\n Discover\r\n \r\n \r\n \r\n }\r\n {loggedUserInfo && loggedUserInfo.items && !loggedUserInfo.items.ExcludeDeparmentalActions && \r\n\r\n \r\n {\" \"}\r\n Monitors\r\n \r\n \r\n \r\n false}\r\n className={\r\n \"nav-link px-4 \" +\r\n (props.isMonitorPage ? \"selected\" : \"\")\r\n }\r\n onClick={() => props.history.push(\"/MonitorLanding\")}\r\n >\r\n {\" \"}\r\n \r\n {\" \"}\r\n Annual Statements\r\n \r\n \r\n \r\n \r\n false}\r\n className={\r\n \"nav-link px-4 \" +\r\n (props.isAsicDeptPage ? \"selected\" : \"\")\r\n }\r\n onClick={() => props.history.push(\"/ASICDeptLanding\")}\r\n >\r\n {\" \"}\r\n \r\n ASIC Debts\r\n \r\n \r\n \r\n \r\n false}\r\n className={\r\n \"nav-link px-4 \" +\r\n (props.isOrderMonitorPage ? \"selected\" : \"\")\r\n }\r\n onClick={() => props.history.push(\"/OrderMonitorLanding\")}\r\n >\r\n {\" \"}\r\n \r\n Orders\r\n \r\n \r\n \r\n \r\n false}\r\n className={\r\n \"nav-link px-4 \" +\r\n (props.isDigitalSignaturePage ? \"selected\" : \"\")\r\n }\r\n onClick={() =>\r\n props.history.push(\"/DigitalSignatureLanding\")\r\n }\r\n >\r\n {\" \"}\r\n \r\n Digital Signatures\r\n \r\n \r\n \r\n\r\n \r\n false}\r\n className={\r\n \"nav-link px-4 \" +\r\n (props.isFormsAndDocumentPage ? \"selected\" : \"\")\r\n }\r\n onClick={() =>\r\n props.history.push(\"/FormsAndDocumentsLanding\")\r\n }\r\n >\r\n {\" \"}\r\n \r\n ASIC Forms Portal\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n }\r\n \r\n false}\r\n className=\"text-white d-flex align-items-center text-decoration-none \"\r\n id=\"dropdownUserDetail\"\r\n data-bs-toggle=\"dropdown\"\r\n aria-expanded=\"false\"\r\n >\r\n \r\n {userName}\r\n \r\n \r\n \r\n \r\n false}\r\n onClick={() => props.history.push(\"/login\")}\r\n >\r\n Sign out\r\n \r\n \r\n \r\n
\r\n \r\n ![](\"/prime_compliance_logo.jpg\")
\r\n
\r\n \r\n \r\n
\r\n {loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.ClientName.charAt(0).toUpperCase()} \r\n \r\n
\r\n \r\n {loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.ClientID} \r\n \r\n \r\n \r\n Discover\r\n \r\n \r\n \r\n }\r\n {loggedUserInfo && loggedUserInfo.items && !loggedUserInfo.items.ExcludeDeparmentalActions && \r\n
\r\n \r\n
)}\r\n \r\n \r\n\r\n {/* {imageURL ?\r\n \r\n {\" \"}\r\n \r\n
\r\n
\r\n\r\n \r\n
{alternateLogo}
} */}\r\n\r\n { props.commonSearch}\r\n\r\n {
}\r\n
\r\n }\r\n
\r\n {props.content}\r\n
\r\n \r\n onChange(e.target.checked)}\r\n />\r\n \r\n
\r\n );\r\n \r\n}\r\n\r\nexport default ToggleSwitch;","import React, { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useSelector } from \"react-redux\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\nimport ToggleSwitch from \"../CommonPage/ToggleSwitch.component\";\r\nimport moment from \"moment\";\r\n\r\n\r\nconst UnitTrust = (props) => {\r\n const [selectedToggle, setSelectedToggle] = useState(false);\r\n const [companyCode, setCompanyCode] = useState(\"\");\r\n const [searchInput, setSearchInput] = useState(\"\");\r\n const unitTrust = useSelector((state) => state.unitTrust);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n const dispatch = useDispatch();\r\n const [selectedOption, setSelectedOption] = useState(\"All\");\r\n \r\n function handleChange(e) {\r\n setSelectedToggle(e);\r\n dispatch(\r\n userActions.getUnitTrustByCode(\r\n companyCode,\r\n selectedToggle ? \"summary\" : \"showall\"\r\n )\r\n );\r\n }\r\n useEffect(() => {\r\n \r\n if (selectedSearchValue !== null) {\r\n const companyCode = JSON.parse(selectedSearchValue).map((value) => {\r\n return value.Code;\r\n });\r\n if (companyCode) {\r\n setCompanyCode(companyCode);\r\n //dispatch(userActions.getCompanyProfileByCode(companyCode));\r\n //dispatch(userActions.getUnitTrustByCode(companyCode, \"summary\"));\r\n }\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n function handleClickRegisterAction(e, rn) {\r\n dispatch(\r\n userActions.getUnitTrustUnitholdersReport(rn,'unitTrustSection')\r\n );\r\n }\r\n \r\n function handleClickAAJournalAction(e, rn) {\r\n dispatch(\r\n userActions.getUnitTrustApplicationAllotmentJournalReport(rn,'unitTrustSection')\r\n );\r\n }\r\n\r\n function handleClickUnitsTransferJournalAction(e, rn) {\r\n dispatch(\r\n userActions.getUnitTrustTransferJournalReport(rn,'unitTrustSection')\r\n );\r\n }\r\n\r\n function handleClickUnitholdersSummaryAction(e, rn) {\r\n dispatch(\r\n userActions.getUnitTrustUnitholdersSummaryReport(rn,'unitTrustSection')\r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n};\r\nexport default UnitTrust;\r\n","import React from \"react\";\r\n\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst ShareCapitalComponent = (props) => {\r\n const companyProfile = useSelector((state) => state.companyProfile);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default ShareCapitalComponent;\r\n","import React from \"react\";\r\n\r\n\r\n\r\nconst FullPageLoader=() =>\r\n{\r\n return(\r\n \r\n | Class Code | \r\nTotal Shares | \r\nTotal Paid | \r\nTotal Unpaid | \r\n
|---|---|---|---|
| {value.CLASS_CODE} | \r\n{Intl.NumberFormat('en-US').format(value.ISSUED)} | \r\n{value.PAID_UP.toLocaleString()} | \r\n{Intl.NumberFormat('en-US').format(value.DUE_AND_PAYABLE ? value.DUE_AND_PAYABLE:\"0\")} | \r\n
| No data exist in the share capital |
\r\n Loading...\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default FullPageLoader\r\n","import React from \"react\";\r\nimport {Modal, Button} from 'react-bootstrap';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './Popup.style.scss'\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nexport default function Popup(props) {\r\n\r\n return (\r\n <>\r\n\r\n \r\n {information &&\r\n information.split(\"\\n\").map((str) => (\r\n \r\n \r\n {\" \"}\r\n {str.startsWith(\"Change\") ||\r\n str.startsWith(\"Transfer\") ||\r\n str.startsWith(\"Share\") ||\r\n str.startsWith(\"Officeholder\") ? (\r\n
\r\n ))}\r\n
\r\n );\r\n};\r\nexport default Form484InformationComponent;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\nimport Form484InformationComponent from \"../CommonPage/Form484Information.component\";\r\n\r\nconst DocumentHistoryComponent = (props) => {\r\n useEffect(() => {\r\n setPopupDocShow(false);\r\n setPopupAsicDocShow(false);\r\n setPopup484DocShow(false);\r\n // eslint-disable-next-line\r\n }, []);\r\n const companyProfile = useSelector((state) => state.companyProfile);\r\n const documentHistoryDocDetails = useSelector(\r\n (state) => state.documentHistoryDocDetails\r\n );\r\n const documentHistoryAsicDocDetails = useSelector(\r\n (state) => state.documentHistoryAsicDocDetails\r\n );\r\n\r\n const [selectedOption, setSelectedOption] = useState(\"484\");\r\n const dispatch = useDispatch();\r\n //loading spinner\r\nconst [isDocLoaded, setIsDocLoaded] = useState(false);\r\n\r\n let docHandleClick = (e, rN, formType, docNo) => {\r\n e.preventDefault();\r\n dispatch(userActions.getDocumentHistoryDocReport(rN, formType, docNo,setIsDocLoaded));\r\n handleDocPopupShow(e, docNo);\r\n };\r\n let asicDocHandleClick = (e, asicDocNo) => {\r\n e.preventDefault();\r\n \r\n dispatch(userActions.getDocumentHistoryAsicReport(asicDocNo));\r\n handleAsicDocPopupShow(e,asicDocNo);\r\n };\r\n\r\n const [popupDocShow, setPopupDocShow] = useState(false);\r\n const handleDocPopupClose = () => setPopupDocShow(false);\r\n const handleDocPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupDocShow(index);\r\n };\r\n\r\n let handleDocPopupClick = (e) => {\r\n e.preventDefault();\r\n handleDocPopupClose();\r\n };\r\n\r\n const [popupAsicDocShow, setPopupAsicDocShow] = useState(0);\r\n const handleAsicDocPopupClose = () => setPopupAsicDocShow(false);\r\n const handleAsicDocPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupAsicDocShow(index);\r\n };\r\n\r\n let handleAsicDocPopupClick = (e) => {\r\n e.preventDefault();\r\n handleAsicDocPopupClose();\r\n };\r\n\r\n// Form 484 information Popup.\r\nconst form484Information = useSelector(\r\n (state) => state.form484Information\r\n);\r\n\r\n //loading spinner\r\n const [isForm484Loaded, setIsForm484Loaded] = useState(false);\r\n // eslint-disable-next-line\r\nconst [submitted, setSubmitted] = useState(false);\r\nfunction form484HandleClick(e,rN,docNo) {\r\n setSubmitted(true);\r\n dispatch(userActions.getForm484Information(rN,docNo,setIsForm484Loaded));\r\n handle484DocPopupShow(e, docNo);\r\n }\r\n\r\n const [popup484DocShow, setPopup484DocShow] = useState(0);\r\n const handle484DocPopupClose = () => setPopup484DocShow(false);\r\n const handle484DocPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopup484DocShow(index);\r\n };\r\n let handle484DocPopupClick = (e) => {\r\n e.preventDefault();\r\n handle484DocPopupClose();\r\n};\r\n\r\n\r\n\r\n return (\r\n | \r\n \r\n | \r\n
| \r\n {str}\r\n | \r\n
\r\n {\r\n setSelectedOption(e.target.value);\r\n }}\r\n >\r\n \r\n {Array.from(\r\n new Set(\r\n companyProfile.items &&\r\n companyProfile.items.documents.map((obj) => obj.FORM_TYPE)\r\n )\r\n ).map((value) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n | \r\n Form Code\r\n | \r\nForm Date | \r\nELS | \r\nDoc No. | \r\nASIC Doc No. | \r\n\r\n |
|---|---|---|---|---|---|
| {value.FORM_TYPE} | \r\n{value.FORM_DATE && moment(value.FORM_DATE).format(\"DD/MM/YYYY\")} | \r\n{value.ELS_TRANSMIT ? \"Y\" : \"N\"} | \r\n\r\n | \r\n \r\n {value.ASIC_DOC_NO===null ? \" n/a\":\r\n | \r\n {value.FORM_TYPE === \"484\" ? false }\r\nrole=\"button\"\r\nonClick={(e) =>form484HandleClick(e,value.RN,value.DOC_NO)}>: \"\" } | \r\n\r\n\r\n{popup484DocShow === value.DOC_NO ? (\r\n
| No data exist in the Document History |
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PrintCompanyProfileComponent;\r\n","import React from 'react';\r\nimport { useSelector } from \"react-redux\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\n\r\n\r\nconst ShareHolderDetailsComponent = (props) => {\r\n const dispatch = useDispatch(); \r\n \r\nlet handleClick = (e,companyCode, companyName,ACN) =>{\r\n localStorage.setItem(\"companyCode\", JSON.stringify(companyCode));\r\n localStorage.setItem(\"companyName\", JSON.stringify(companyName));\r\n if(companyCode !== null){\r\n props.setSearchCompany([{ Code: companyCode, Name: companyName }]);\r\n props.recentSearch.push([{ Code: companyCode, Name: companyName }]);\r\n dispatch(userActions.postRecentCompanyList(props.userId,props.clientId,\"\",ACN))\r\n console.log(\"postRecentCompanyList from Shareholders\",props.userId,props.clientId,ACN)\r\n localStorage.setItem(\r\n \"recentCompanySearch\",\r\n JSON.stringify(props.recentSearch)\r\n );\r\n dispatch(userActions.getCompanyProfileByCode(companyCode))\r\n dispatch(userActions.getRegdInformation(ACN));\r\n // history.push(\"/CompanyMenuDetails/CompanySnapshot\");\r\n props.history.push(\"/CompanyMenuDetails/details\"); \r\n props.setPopupShareHolderShow(false);\r\n } \r\n }\r\n \r\n const shareHolderDetails = useSelector((state) => state.shareHolderDetails);\r\n \r\n return (\r\n Enter Values
\r\n\r\n| \r\n Enter from Date\r\n | \r\n\r\n | \r\n |
| \r\n Enter to Date\r\n | \r\n\r\n | \r\n |
| \r\n Show Documents Lodged List? \r\n | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| \r\n Show Current Officeholders Only? \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\nexport default ShareHolderDetailsComponent;","import React from 'react';\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\n\r\n\r\nconst OfficerDetailsComponent = (props) => {\r\n const dispatch = useDispatch(); \r\n\r\n\r\n let handleClick = (e,companyCode, companyName,ACN) =>{\r\n localStorage.setItem(\"companyCode\", JSON.stringify(companyCode));\r\n localStorage.setItem(\"companyName\", JSON.stringify(companyName));\r\n if(companyCode !== null){\r\n props.setSearchCompany([{ Code: companyCode, Name: companyName }]);\r\n props.recentSearch.push([{ Code: companyCode, Name: companyName }]);\r\n dispatch(userActions.postRecentCompanyList(props.userId,props.clientId,\"\",ACN))\r\n console.log(\"postRecentCompanyList from officerdetails\",props.userId,props.clientId,ACN)\r\n localStorage.setItem(\r\n \"recentCompanySearch\",\r\n JSON.stringify(props.recentSearch)\r\n );\r\n dispatch(userActions.getCompanyProfileByCode(companyCode))\r\n dispatch(userActions.getRegdInformation(ACN));\r\n // props.history.push(\"/CompanyMenuDetails/CompanySnapshot\");\r\n props.history.push(\"/CompanyMenuDetails/details\"); \r\n props.setPopupShow(false);\r\n } \r\n \r\n }\r\n const officerDetails = useSelector((state) => state.officerDetails);\r\n \r\n \r\n return (\r\n Shareholder Detail
\r\n{props.NAME}
\r\n\r\n\r\n\r\n \r\n \r\n {shareHolderDetails &&shareHolderDetails.items&& (\r\n shareHolderDetails.items.map(\r\n (value) => \r\n
\r\n \r\n
\r\n | \r\n {\" \"}\r\n false}\r\n // href=\"/CompanyMenuDetails/CompanySnapshot\"\r\n className=\"text-decoration-none table-data hand-cursor \" onClick={(e) => handleClick(e,value.CO_CODE,value.CO_NAME,value.ACN )}\r\n >\r\n {\" \"}\r\n { value.CO_NAME}\r\n \r\n | \r\n\r\n {\" \"}\r\n {value.CLASS_CODE}\r\n | \r\n\r\n {\" \"}\r\n {value.TOT_SHARES}\r\n | \r\n\r\n {value.BEN_OWNER ? \"Yes\" : \"No\"}\r\n | \r\n\r\n {value.FULLY_PAID ? \"FP\" : \"\"}\r\n | \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OfficerDetailsComponent;","import React, { useState, useEffect } from \"react\";\r\nimport \"./CompanySnapshot.style.scss\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport ShareCapitalComponent from \"../CompanyDetailsComponent/ShareCapitalComponent\";\r\nimport DocumentHistoryComponent from \"../CompanySnapshotComponent/DocumentHistoryComponent\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport OfficerDetailsComponent from \"../OfficerDetailsComponents/OfficerDetails.Component\";\r\nimport ShareHolderDetailsComponent from \"../ShareHolderDetailsComponent/ShareHolderDetails.component\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst CompanySnapshotComponent = (props) => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const companyProfile = useSelector((state) => state.companyProfile);\r\n const [popupShareHolderShow, setPopupShareHolderShow] = useState(0);\r\n const [popupShow, setPopupShow] = useState(0);\r\n const [popupSecretariesShow, setPopupSecretariesShow] = useState(0);\r\n\r\n const [selectedOfficerName, setSelectedOfficerName] = useState(\"\");\r\n const [selectedShareholdersName, setSelectedShareholdersName] = useState(\"\");\r\n useEffect(() => {\r\n setTimeout(() => {\r\n setPopupShareHolderShow(false);\r\n setPopupShow(false)\r\n setPopupShareHolderShow(false)\r\n\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n \r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany[0].Code));\r\n } \r\n }, 0)\r\n // eslint-disable-next-line\r\n }, [props.searchCompany]);\r\n useEffect(() => {\r\n setPopupShareHolderShow(false);\r\n setPopupShow(false)\r\n setPopupShareHolderShow(false)\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const selectedCompanyName = JSON.parse(localStorage.getItem(\"companyName\"));\r\n console.log(\"(props.searchCompany Outside\",props.searchCompany && props.searchCompany[0]);\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n console.log(\"aaaaaaaaaaa\");\r\n console.log(\"(props.searchCompany && props.searchCompany[0]\",props.searchCompany && props.searchCompany[0]);\r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany[0].Code));\r\n \r\n } else if (selectedCompanyCode !== null) {\r\n console.log(\"bbbbbbb\");\r\n props.setSearchCompany([\r\n { Code: selectedCompanyCode, Name: selectedCompanyName },\r\n ]);\r\n dispatch(userActions.getCompanyProfileByCode(selectedCompanyCode));\r\n } else if (selectedSearchValue !== null) {\r\n console.log(\"cccccccccccc\");\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getCompanyProfileByCode(value.Code))\r\n );\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n\r\n\r\n const officerDetailHandleClose = () => setPopupShow(false);\r\n const secretariesDetailHandleClose = () => setPopupSecretariesShow(false);\r\n const shareHolderDetailHandleClose = () => setPopupShareHolderShow(false);\r\n\r\n const officerDetailHandleShow = (e, index, officerCode, officerName) => {\r\n e.preventDefault();\r\n\r\n setPopupShow(index);\r\n setSelectedOfficerName(officerName);\r\n\r\n dispatch(userActions.getOfficerDetailsReport(officerCode));\r\n };\r\n\r\n const secretariesDetailHandleShow = (e, index, officerCode, officerName) => {\r\n e.preventDefault();\r\n\r\n setPopupSecretariesShow(index);\r\n setSelectedOfficerName(officerName);\r\n dispatch(userActions.getOfficerDetailsReport(officerCode));\r\n };\r\n\r\n const shareHolderDetailHandleShow = (\r\n e,\r\n index,\r\n code,\r\n holderType,\r\n OfficerName\r\n ) => {\r\n e.preventDefault();\r\n setPopupShareHolderShow(index);\r\n setSelectedShareholdersName(OfficerName);\r\n dispatch(userActions.getShareHolderDetailsReport(code, holderType));\r\n };\r\n let officerDetailHandleClick = (e) => {\r\n e.preventDefault();\r\n officerDetailHandleClose();\r\n secretariesDetailHandleClose();\r\n };\r\n let shareHolderDetailHandleClick = (e) => {\r\n e.preventDefault();\r\n shareHolderDetailHandleClose();\r\n };\r\n\r\n // Print company Profile Report\r\n const printCompanyDispatch = useDispatch();\r\n // eslint-disable-next-line\r\n const [printCompanySubmitted, setPrintCompanySubmitted] = useState(false);\r\n //loading spinner\r\n const [isQuickCompanyLoaded, setIsQuickCompanyLoaded] = useState(false);\r\n function printCompanyHandleClick(e) {\r\n setPrintCompanySubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if (selectedCompanyCode !== null) {\r\n printCompanyDispatch(\r\n userActions.getQuickCompanyProfileReport(\r\n selectedCompanyCode,\r\n setIsQuickCompanyLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n printCompanyDispatch(\r\n userActions.getQuickCompanyProfileReport(\r\n value.Code,\r\n setIsQuickCompanyLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n // Print ShareHolders\r\n // eslint-disable-next-line\r\n const [members, setMembers] = useState({\r\n printDate: new Date(),\r\n benificialName: \"Yes\",\r\n holdingSummary: \"No\",\r\n zeroBalance: \"Yes\",\r\n address: \"Yes\",\r\n foreignCurrency: \"No\",\r\n totalShares: \"No\",\r\n });\r\n const printShareHoldersDispatch = useDispatch();\r\n // eslint-disable-next-line\r\n const [printShareHoldersSubmitted, setPrintShareHoldersSubmitted] =\r\n useState(false);\r\n\r\n // loading spinner\r\n const [isMemberLoaded, setIsMemberLoaded] = useState(false);\r\n\r\n function printShareHoldersHandleClick(e) {\r\n setPrintShareHoldersSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if (selectedCompanyCode !== null) {\r\n printShareHoldersDispatch(\r\n userActions.getMembersReport(\r\n members,\r\n selectedCompanyCode,\r\n setIsMemberLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n printShareHoldersDispatch(\r\n userActions.getMembersReport(members, value.Code, setIsMemberLoaded)\r\n )\r\n );\r\n }\r\n }\r\n\r\n // Print F DIRECTORS & SECRETARIES\r\n// eslint-disable-next-line\r\n const [officers, setOfficers] = useState({\r\n dsPrintDate: new Date(),\r\n officer: \"Yes\",\r\n });\r\n const printDirectorAndSecretariesDispatch = useDispatch();\r\n// eslint-disable-next-line\r\n const [printDirectorAndSecretariesSubmitted,\r\n setPrintDirectorAndSecretariesSubmitted,\r\n ] = useState(false);\r\n\r\n //loading spinner\r\n const [isDirectorAndSecretariesLoaded, setIsDirectorAndSecretariesLoaded] =\r\n useState(false);\r\n\r\n function printDirectorAndSecretariesHandleClick(e) {\r\n setPrintDirectorAndSecretariesSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if (selectedCompanyCode !== null) {\r\n printDirectorAndSecretariesDispatch(\r\n userActions.getDirectorsSecretariesReport(\r\n officers,\r\n selectedCompanyCode,\r\n setIsDirectorAndSecretariesLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n printDirectorAndSecretariesDispatch(\r\n userActions.getDirectorsSecretariesReport(\r\n officers,\r\n value.Code,\r\n setIsDirectorAndSecretariesLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n return (\r\n Officer Detail
\r\n{props.officerName}
\r\n\r\n\r\n\r\n \r\n \r\n \r\n {officerDetails &&officerDetails.items&& (\r\n officerDetails.items.map(\r\n (value) => \r\n
\r\n \r\n
\r\n | \r\n {\" \"}\r\n false}\r\n \r\n className=\"text-decoration-none table-data hand-cursor\" onClick={(e) => handleClick(e,value.CO_CODE,value.CO_NAME,value.ACN )}\r\n \r\n >\r\n \r\n {\" \"}\r\n { value.CO_NAME}\r\n \r\n | \r\n\r\n {\" \"}\r\n {value.POSITION_HELD}\r\n | \r\n\r\n {\" \"}\r\n {moment(value.APPOINTED).format(\"DD/MM/YYYY\")}\r\n | \r\n \r\n
\r\n {console.log('!~~~~~~~~~~~~~~~~~~~~', companyProfile)}\r\n {companyProfile && companyProfile.items ? (\r\n
\r\n );\r\n};\r\nexport default CompanySnapshotComponent;\r\n","import React, { useState } from \"react\";\r\n\r\nconst EmailId = (props) => {\r\n const [usersEmail, setUsersEmail] = useState({\r\n emailAddress: props.emailId,\r\n });\r\n// eslint-disable-next-line\r\n const [emailIdSubmitted, setEmailIdSubmitted] = useState(false);\r\n\r\n let handleChange = (e) => {\r\n setUsersEmail((usersEmail) => ({\r\n ...usersEmail,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n\r\n return (\r\n - \r\n
- \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n Print
\r\n \r\n \r\n\r\n \r\n \r\n : null}\r\n {companyProfile.items.company.CO_NAME}
\r\n\r\n ACN:{companyProfile.items.company.ACN}\r\n
{\" \"}\r\n \r\n
\r\n Inc Date :\r\n {companyProfile.items.company.DATE_INC\r\n ? moment(companyProfile.items.company.DATE_INC).format(\r\n \"DD/MM/YYYY\"\r\n )\r\n : \"\"}{\" \"}\r\n\r\n\r\n- \r\n
- \r\n \r\n
Addresses
\r\nRegistered Office
\r\n\r\n\r\n {\" \"}\r\n {` \r\n ${companyProfile.items.company.RO_CARE_OF !== null ? companyProfile.items.company.RO_CARE_OF: \"\"}\r\n ${companyProfile.items.company.RO_BUILDING !== null ? companyProfile.items.company.RO_BUILDING:\"\"}\r\n ${companyProfile.items.company.RO_STREET},\r\n ${companyProfile.items.company.RO_SUBURB},\r\n ${companyProfile.items.company.RO_STATE}\r\n ${companyProfile.items.company.RO_PCODE}`}{\" \"}\r\n
\r\nPrincipal Place of Business
\r\n\r\n {` \r\n ${companyProfile.items.company.PB_CARE_OF !== null? companyProfile.items.company.PB_CARE_OF: \"\"}\r\n ${companyProfile.items.company.PB_BUILDING !== null ? companyProfile.items.company.PB_BUILDING :\"\"}\r\n ${companyProfile.items.company.PB_STREET},\r\n ${companyProfile.items.company.PB_SUBURB},\r\n ${companyProfile.items.company.PB_STATE}\r\n ${companyProfile.items.company.PB_PCODE}`}\r\n
\r\nPostal Address
\r\n\r\n\r\n {`${\r\n companyProfile.items.company.POSTAL1\r\n ? companyProfile.items.company.POSTAL1 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POSTAL2\r\n ? companyProfile.items.company.POSTAL2 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POSTAL3\r\n ? companyProfile.items.company.POSTAL3 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POST_STATE\r\n ? companyProfile.items.company.POST_STATE + \" \"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POST_PCODE\r\n ? companyProfile.items.company.POST_PCODE\r\n : \"\"\r\n }`}\r\n
\r\n\r\n\r\n {\" \"}\r\n {!companyProfile.items.company.POSTAL1 &&\r\n !companyProfile.items.company.POSTAL2 &&\r\n !companyProfile.items.company.POSTAL3 &&\r\n !companyProfile.items.company.POST_STATE &&\r\n !companyProfile.items.company.POST_PCODE &&\r\n \"N/A\"}{\" \"}\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 Print
\r\n \r\n \r\n\r\n \r\n \r\n \r\n ) : null}\r\n Officers
\r\nDIRECTORS
\r\n {console.log('~~~~~~~~~~~~~~', popupShow)}\r\n {companyProfile.items.officers.map(\r\n (value) =>\r\n value.POSITION_HELD === \"DIRECTOR\" &&\r\n value.CEASED === null && (\r\n\r\n
\r\n )\r\n )}\r\nSECRETARIES
\r\n {companyProfile.items.officers.map(\r\n (value) =>\r\n value.POSITION_HELD === \"SECRETARY\" &&\r\n value.CEASED === null && (\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 Print
\r\n \r\n \r\n\r\n \r\n \r\n : null}\r\n Shareholders
\r\n\r\n\r\n \r\n\r\n \r\n {companyProfile.items.shareholders.map(\r\n (value, index) => (\r\n
\r\n\r\n \r\n )\r\n )}\r\n \r\n\r\n {\" \"}\r\n \r\n[ {value.BEN_NAME}]
\r\n )}\r\n \r\n {popupShareHolderShow === value.CODE && (\r\n\r\n {\" \"}\r\n {value.CLASS_CODE}\r\n \r\n\r\n {\" \"}\r\n {value.TOT_SHARES}\r\n \r\n\r\n {\" \"}\r\n {Intl.NumberFormat(\"en-US\").format(\r\n value.SUM_TOT_SHARES\r\n )}\r\n \r\n\r\n {value.BEN_OWNER ? \"Yes\" : \"No\"}\r\n \r\n\r\n {value.FULLY_PAID ? \"FP\" : \"\"}\r\n \r\n \r\n\r\n - \r\n \r\n
Share Capital
\r\n\r\n\r\n \r\n \r\n - \r\n \r\n
Document History
\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n - \r\n \r\n
ASIC FORMS Portal
\r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n {companyProfile.items.documents.map(\r\n (value, index) =>\r\n value.STATUS === \"Prepared\" &&\r\n value.ELS_TRANSMIT && (\r\n \r\nForm \r\nMode \r\nDocument Status \r\nDoc No. \r\nDate \r\nStatus \r\n{value.FORM_TYPE} \r\n{value.GROUP_DOC} \r\n{value.STATUS} \r\n{value.DOC_NO} \r\n\r\n {moment(value.FORM_DATE).format(\r\n \"DD/MM/YYYY\"\r\n )}\r\n \r\n{value.STATUS_DETAIL} \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\nexport default EmailId;\r\n","import React, { useState } from \"react\";\r\nimport NumberFormat from 'react-number-format';\r\n\r\nconst DidComponent = (props) => {\r\n const [users, setUsers] = useState({\r\n didNumber: props.did,\r\n });\r\n// eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n\r\n let handleChange = (e) => {\r\n setUsers((users) => ({\r\n ...users,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n\r\n \r\n return (\r\n Email Address
\r\n\r\n| Email Address | {\" \"}\r\n\r\n EmailAddress Required \r\n )}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default DidComponent;\r\n","import React, { useState,useEffect } from \"react\";\r\nimport \"./CompanyDetails.styles.scss\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport UnitTrust from \"./unitTrust.Component\";\r\nimport ShareCapitalComponent from \"./ShareCapitalComponent\";\r\nimport DocumentHistoryComponent from \"../CompanySnapshotComponent/DocumentHistoryComponent\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport PrintCompanyProfileComponent from \"../PrintCompanyProfileComponents/PrintCompanyProfile.Component\";\r\nimport ToggleSwitch from \"../CommonPage/ToggleSwitch.component\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\nimport ShareHolderDetailsComponent from \"../ShareHolderDetailsComponent/ShareHolderDetails.component\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport OfficerDetailsComponent from \"../OfficerDetailsComponents/OfficerDetails.Component\";\r\nimport CompanySnapshotComponent from \"../CompanySnapshotComponent/CompanySnapshotComponent.component\";\r\nimport EmailId from \"../EmailIdComponent/EmailId.Component\";\r\nimport DidComponent from \"../Did.Component/Did.Component\";\r\n\r\nconst Details = (props) => {\r\n const companyProfile = useSelector((state) => state.companyProfile);\r\n const regdInformation = useSelector((state) => state.regdInformation);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n const [selectedOfficerToggle, setSelectedOfficerToggle] = useState(\"Current\");\r\n const [selectedCompanyViewToggle, setSelectedCompanyViewToggle] =\r\n useState(\"DETAILED VIEW\");\r\n //company Profile Report\r\n // eslint-disable-next-line\r\n const [companyProfilesubmitted, setCompanyProfileSubmitted] = useState(false);\r\n const [isCompanyLoaded, setIsCompanyLoaded] = useState(false);\r\n const [printCompany, setPrintCompany] = useState({\r\n docLodge: \"Yes\",\r\n officeHolders: \"Yes\",\r\n asDate: moment().format('DD/MM/yyyy')\r\n });\r\n\r\n let handleChange = (e) => {\r\n const { name, value } = e.target;\r\n const newCompany = { ...printCompany, [name]: value };\r\n setPrintCompany((printCompany) => (newCompany));\r\n\r\n console.log('PrintCompanyProfile.Component.jsx - newCompany', newCompany);\r\n };\r\n\r\n let printCompanyProfileHandleClick = (e) => {\r\n e.preventDefault();\r\n setCompanyProfileSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(\r\n userActions.getCompanyReport(\r\n printCompany,\r\n props.searchCompany[0].Code,\r\n setIsCompanyLoaded\r\n )\r\n );\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(\r\n userActions.getCompanyReport(\r\n printCompany,\r\n selectedCompanyCode,\r\n setIsCompanyLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) => dispatchAPIs(value));\r\n }\r\n };\r\n\r\n function dispatchAPIs(value) {\r\n dispatch(\r\n userActions.getCompanyReport(printCompany, value.Code, setIsCompanyLoaded)\r\n );\r\n }\r\n\r\n function handleOfficerChange(e) {\r\n console.log(\"eeeeeeeeeee\",e);\r\n setSelectedOfficerToggle(e);\r\n }\r\n // Company View Toggled Switch\r\n function handleCompanyViewChange(e) {\r\n setSelectedCompanyViewToggle(e);\r\n }\r\n // quickcompany Profile Report\r\n const dispatch = useDispatch();\r\n \r\n //loading spinner\r\n const [isQuickCompanyLoaded, setIsQuickCompanyLoaded] = useState(false);\r\n // eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n \r\n useEffect(() => {\r\n if (props.searchCompany) {\r\n \r\n dispatch(userActions.getRegdInformation(props.searchCompany && props.searchCompany[0] && props.searchCompany[0].ACN));\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(\r\n userActions.getQuickCompanyProfileReport(\r\n props.searchCompany[0].Code,\r\n setIsQuickCompanyLoaded\r\n )\r\n );\r\n\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(\r\n userActions.getQuickCompanyProfileReport(\r\n selectedCompanyCode,\r\n setIsQuickCompanyLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getQuickCompanyProfileReport(\r\n value.Code,\r\n setIsQuickCompanyLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n\r\n const history = useHistory();\r\n // officer details popup\r\n const [popupSecretariesShow, setPopupSecretariesShow] = useState(0);\r\n const [selectedoOfficerName, setSelectedoOfficerName] = useState(\"\");\r\n const secretariesDetailHandleClose = () => setPopupSecretariesShow(false);\r\n const secretariesDetailHandleShow = (e, index, officerCode, officerName) => {\r\n e.preventDefault();\r\n\r\n setPopupSecretariesShow(index);\r\n setSelectedoOfficerName(officerName);\r\n dispatch(userActions.getOfficerDetailsReport(officerCode));\r\n };\r\n\r\n let officerDetailHandleClick = (e) => {\r\n e.preventDefault();\r\n secretariesDetailHandleClose();\r\n };\r\n\r\n //shareholders Popup\r\n\r\n const [popupShareHolderShow, setPopupShareHolderShow] = useState(0);\r\n const [selectedShareholdersName, setSelectedShareholdersName] = useState(\"\");\r\n const shareHolderDetailHandleClose = () => setPopupShareHolderShow(false);\r\n const shareHolderDetailHandleShow = (\r\n e,\r\n index,\r\n code,\r\n holderType,\r\n OfficerName\r\n ) => {\r\n e.preventDefault();\r\n\r\n setPopupShareHolderShow(index);\r\n setSelectedShareholdersName(OfficerName);\r\n dispatch(userActions.getShareHolderDetailsReport(code, holderType));\r\n };\r\n let shareHolderDetailHandleClick = (e) => {\r\n e.preventDefault();\r\n shareHolderDetailHandleClose();\r\n };\r\n\r\n //email Id\r\n const [officerPersonal, setOfficerPersonal] = useState({\r\n officerEmailAddress: \"\",\r\n OfficerDidNumber: \"\",\r\n });\r\n const [popupEmailShow, setPopupEmailShow] = useState(false);\r\n const handlePopupEmailClose = () => setPopupEmailShow(false);\r\nconst handlePopupEmailShow = (e, index) => {\r\n e.preventDefault();\r\n\r\n setPopupEmailShow(index);\r\n};\r\n\r\nlet handleEmailPopupClick = (e, rn,detail) => {\r\n e.preventDefault();\r\n //if (officerPersonal.emailAddress) {\r\n dispatch(userActions.postIndividualEmailID(rn, officerPersonal.emailAddress,detail));\r\n setTimeout(() => {\r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany && props.searchCompany[0].Code));\r\n }, 0);\r\n // props.history.push(props.history.location);\r\n handlePopupEmailClose();\r\n //}\r\n};\r\n\r\n let handleOfficerPersonalDetailsChange = (e) => {\r\n e.preventDefault();\r\n setOfficerPersonal((officerPersonal) => ({\r\n ...officerPersonal,\r\n [e.target.name]: e.target.value,\r\n }));\r\n};\r\n//officers did \r\nconst [popupOfficersDidErrorShow, setPopupOfficersDidErrorShow] = useState(false);\r\nconst [rn, setRn] = useState(\"\");\r\nconst [popupOfficersDidShow, setPopupOfficersDidShow] = useState(false);\r\nconst handleOfficersDidPopupClose = () => setPopupOfficersDidShow(false);\r\nconst handleOfficersDidPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupOfficersDidShow(index);\r\n};\r\n\r\n\r\nlet handleDidPopupClick = (e, rn) => {\r\n e.preventDefault();\r\n\r\n //if (person.didNumber) {\r\n dispatch(userActions.postIndividualEntitiesDid(rn, officerPersonal.didNumber));\r\n setRn(rn)\r\n setPopupOfficersDidErrorShow(officerPersonal.didNumber);\r\n setTimeout(() => {\r\n \r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany && props.searchCompany[0].Code));\r\n }, 0);\r\n \r\n //props.history.push(props.history.location);\r\n \r\n handleOfficersDidPopupClose();\r\n // }\r\n};\r\n\r\nconst didUpdate = useSelector((state) => state.didUpdate);\r\n\r\nconst handleErrorOfficersDidPopupClose = () => setPopupOfficersDidErrorShow(false);\r\nconst handleErrorOfficersDidPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupOfficersDidErrorShow(index);\r\n};\r\n\r\n// share Holder email Id\r\nconst [shareholderPersonal, setShareholderPersonal] = useState({\r\n shareholderEmailAddress: \"\",\r\n \r\n});\r\nconst [popupShareholderEmailShow, setPopupShareholderEmailShow] = useState(false);\r\nconst handlePopupShareholderEmailClose = () => setPopupShareholderEmailShow(false);\r\nconst handlePopupShareholderEmailShow = (e, index) => {\r\ne.preventDefault();\r\nconsole.log(\"indexemail\",index);\r\nsetPopupShareholderEmailShow(index);\r\n};\r\n\r\nlet handleShareholderEmailPopupClick = (e, rn) => {\r\ne.preventDefault();\r\n//if (shareholderPersonal.emailAddress) {\r\n dispatch(userActions.postIndividualEmailID(rn, shareholderPersonal.emailAddress));\r\n setTimeout(() => {\r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany && props.searchCompany[0].Code));\r\n }, 0);\r\n // props.history.push(props.history.location);\r\n handlePopupShareholderEmailClose();\r\n//}\r\n};\r\n\r\nlet handleShareholderPersonalDetailsChange = (e) => {\r\ne.preventDefault();\r\nsetShareholderPersonal((shareholderPersonal) => ({\r\n ...shareholderPersonal,\r\n [e.target.name]: e.target.value,\r\n}));\r\n};\r\nuseEffect(() => {\r\n setPopupShareholderEmailShow(false);\r\n setPopupEmailShow(false);\r\n \r\n // eslint-disable-next-line\r\n}, []);\r\n return (\r\n DID
\r\n| DID | {\" \"}\r\n\r\n DID Number Required \r\n )}\r\n | \r\n
\r\n {console.log(\"unitrustRecordaaaaa:::::::\", props.searchCompany)}\r\n \r\n handleCompanyViewChange(e)}\r\n yesLabel={\"DETAILED VIEW\"}\r\n noLabel={\"SNAP SHOT VIEW\"}\r\n toggleWidth={\"160px\"}\r\n />\r\n {selectedCompanyViewToggle ?\r\n
\r\n );\r\n};\r\nexport default Details;\r\n","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst AllotmentJournal = (props) => {\r\n const dispatch = useDispatch();\r\n //loading spinner\r\nconst [isAllotmentJournalLoaded, setIsAllotmentJournalLoaded] = useState(false);\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n const [allotmentJournal, setAllotementJournal] = useState({\r\n ajPrintDate: new Date(),\r\n });\r\n\r\n let handleChange = (e, isDate) => {\r\n if (isDate) {\r\n setAllotementJournal((allotmentJournal) => ({\r\n ...allotmentJournal,\r\n ajPrintDate: e,\r\n }));\r\n }\r\n };\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getAllotementJournalReport(allotmentJournal, props.searchCompany[0].Code,setIsAllotmentJournalLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getAllotementJournalReport(allotmentJournal, selectedCompanyCode,setIsAllotmentJournalLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getAllotementJournalReport(allotmentJournal, value.Code,setIsAllotmentJournalLoaded))\r\n );\r\n }\r\n }\r\n return (\r\n \r\n \r\n
:\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n Company Details
\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 {companyProfile && companyProfile.items && (\r\n \r\n \r\n
\r\n )}\r\n
\r\n | Company Name | \r\n\r\n \r\n | \r\n|
| ACN | {\" \"}\r\n\r\n \r\n | \r\n|
| \r\n {\" \"}\r\n Date and Place of Incorporation\r\n | \r\n\r\n \r\n | \r\n|
| Review Date | \r\n\r\n \r\n | \r\n|
| ASIC Debt (as at \r\n {companyProfile.items.company.DEBT_DATE\r\n ? \r\n \" \"+companyProfile.items.company.DEBT_DATE\r\n \r\n : \" \"}{\" \"}\r\n ) | \r\n\r\n \r\n | \r\n|
| Department | \r\n\r\n \r\n | \r\n|
| Registered Office | \r\n {companyProfile.items.company.RO_STREET !== null ? (\r\n\r\n {`\r\n ${\r\n companyProfile.items.company.RO_CARE_OF !== null\r\n ? companyProfile.items.company.RO_CARE_OF\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.RO_BUILDING !== null\r\n ? companyProfile.items.company.RO_BUILDING\r\n : \"\"\r\n }\r\n ${companyProfile.items.company.RO_STREET},\r\n ${companyProfile.items.company.RO_SUBURB},\r\n ${companyProfile.items.company.RO_STATE}\r\n ${companyProfile.items.company.RO_PCODE}`}\r\n | \r\n ) : (\r\n\r\n )}\r\n |
| \r\n Principal Place of Business\r\n | \r\n {companyProfile.items.company.PB_STREET !== null ? (\r\n\r\n {`\r\n ${\r\n companyProfile.items.company.PB_CARE_OF !== null\r\n ? companyProfile.items.company.PB_CARE_OF\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.PB_BUILDING !== null\r\n ? companyProfile.items.company.PB_BUILDING\r\n : \"\"\r\n }\r\n ${companyProfile.items.company.PB_STREET},\r\n ${companyProfile.items.company.PB_SUBURB},\r\n ${companyProfile.items.company.PB_STATE}\r\n ${companyProfile.items.company.PB_PCODE}`}\r\n | \r\n ) : (\r\n\r\n )}\r\n |
| Postal Address | \r\n\r\n\r\n {`${\r\n companyProfile.items.company.POSTAL1\r\n ? companyProfile.items.company.POSTAL1 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POSTAL2\r\n ? companyProfile.items.company.POSTAL2 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POSTAL3\r\n ? companyProfile.items.company.POSTAL3 + \",\"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POST_STATE\r\n ? companyProfile.items.company.POST_STATE + \" \"\r\n : \"\"\r\n }\r\n ${\r\n companyProfile.items.company.POST_PCODE\r\n ? companyProfile.items.company.POST_PCODE\r\n : \"\"\r\n }`}\r\n\r\n {!companyProfile.items.company.POSTAL1 &&\r\n !companyProfile.items.company.POSTAL2 &&\r\n !companyProfile.items.company.POSTAL3 &&\r\n !companyProfile.items.company.POST_STATE &&\r\n !companyProfile.items.company.POST_PCODE &&\r\n \"n/a\"}\r\n | \r\n|
| Email Address | \r\n\r\n \r\n | \r\n
\r\n
\r\n Entity Details
\r\n\r\n\r\n {companyProfile && companyProfile.items && (\r\n \r\n \r\n
\r\n )}\r\n
\r\n | ASIC Company Class | \r\n\r\n {companyProfile.items.company.ASC_CLASS_DESC\r\n ? companyProfile.items.company.ASC_CLASS_DESC\r\n : \"n/a\"}\r\n | \r\n
| ASIC Company Sub-Class | \r\n\r\n {companyProfile.items.company.ASC_CO_TYP_DESC\r\n ? companyProfile.items.company.ASC_CO_TYP_DESC\r\n : \"n/a\"}\r\n | \r\n
| ASIC Company type | \r\n\r\n {companyProfile.items.company.ASC_S_CLAS_DESC\r\n ? companyProfile.items.company.ASC_S_CLAS_DESC\r\n : \"n/a\"}\r\n | \r\n
| Principal Acitivity | \r\n\r\n {companyProfile.items.company.ACTIVITY\r\n ? companyProfile.items.company.ACTIVITY\r\n : \"n/a\"}\r\n | \r\n
| Principal Acitivity Line 2 | \r\n\r\n {companyProfile.items.company.ACTIVITY2\r\n ? companyProfile.items.company.ACTIVITY2\r\n : \"n/a\"}\r\n | \r\n
| Client Account Code | \r\n\r\n {companyProfile.items.company.CLIENT_ACCOUNT_CODE\r\n ? companyProfile.items.company.CLIENT_ACCOUNT_CODE\r\n : \"n/a\"}\r\n | \r\n
| Client Billing Code | \r\n\r\n {companyProfile.items.company.CLIENT_BILLING_CODE\r\n ? companyProfile.items.company.CLIENT_BILLING_CODE\r\n : \"n/a\"}\r\n | \r\n
\r\n
\r\n\r\n Officers
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n handleOfficerChange(e)}\r\n yesLabel={\"Current\"}\r\n noLabel={\"All\"}\r\n />\r\n
\r\n | Position Held | Office Holder Name | \r\nAppointment Date | \r\nDefault signature | \r\nEmail ID | \r\nDID | \r\n {!selectedOfficerToggle &&Ceased Date | }\r\n
|---|---|---|---|---|---|---|
| {value.POSITION_HELD} | \r\n\r\n | \r\n {popupSecretariesShow ===\r\n companyProfile.items.company.RN && (\r\n {moment(value.APPOINTED).format(\"DD/MM/YYYY\")} | \r\n\r\n \r\n | \r\n \r\n \r\n \r\n \r\n | \r\n \r\n {!selectedOfficerToggle && (\r\n \r\n \r\n {value.CEASED &&\r\n moment(value.CEASED).format(\"DD/MM/YYYY\")}{\" \"}\r\n | \r\n )}\r\n|
| No data exist in the officer |
\r\n
\r\n Share Capital
\r\n\r\n
\r\n \r\n
\r\n {userActions.isUnitTrustEmpty() !== \"\" && (\r\n Shareholders
\r\n\r\n {companyProfile && companyProfile.items && (\r\n \r\n \r\n
\r\n )}\r\n
\r\n | Share Holders Name | \r\nClass Code | \r\nTotal Shares | \r\nBen-Owned | \r\nFullyPaid | \r\nEmail ID | \r\n
|---|---|---|---|---|---|
| \r\n | \r\n {popupShareHolderShow === value.CODE && (\r\n {value.CLASS_CODE} | \r\n\r\n {Intl.NumberFormat(\"en-US\").format(value.SUM_TOT_SHARES)}\r\n | \r\n{value.BEN_OWNER ? \"Yes\" : \"No\"} | \r\n\r\n{value.FULLY_PAID ? \"FP\" : \"\"} | \r\n \r\n\r\n {value.HOLDERTYPE ===\"I\" ?(\r\n | \r\n \r\n
| No data exist in the Shareholders |
\r\n
\r\n )}\r\n Unit Trusts
\r\n\r\n
\r\n \r\n
\r\n Document History
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AllotmentJournal;\r\n","import React, { useState } from \"react\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nconst CompanyListReport = (props) => {\r\n const dispatch = useDispatch();\r\n const [companyList, setCompanyList] = useState({\r\n email: \"\",\r\n dept: \"\",\r\n officer: \"No\",\r\n });\r\n\r\n //loading spinner\r\n const [isCompanyList, setIsCompanyList] = useState(false);\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n let handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setCompanyList((companyList) => ({ ...companyList, [name]: value }));\r\n };\r\n\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n \r\n function handleClick(e) {\r\n setSubmitted(true);\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n \r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getCompanyListReport( props.searchCompany[0].Code,companyList,\r\n setIsCompanyList));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(\r\n userActions.getCompanyListReport(\r\n selectedCompanyCode,\r\n companyList,\r\n setIsCompanyList\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n console.log(\"\")\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getCompanyListReport(\r\n value.Code,\r\n companyList,\r\n setIsCompanyList\r\n )\r\n )\r\n );\r\n }\r\n }\r\n\r\n return (\r\n Enter Values
\r\n\r\n| \r\n Enter as at Date (Click on Blank for Current Date)\r\n \r\n | \r\n\r\n\r\n \r\n | \r\n
| \r\n {\" \"}\r\n \r\n Company Name not selected\r\n \r\n )}{\" \"}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CompanyListReport;\r\n","import React, { useState } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\n\r\nconst CorporateRegisterMembers = (props) => {\r\n\r\n function getLastMonthDate() {\r\n const today = new Date();\r\n const lastMonthToday = new Date(today.setMonth(today.getMonth() - 1));\r\n\r\n return lastMonthToday;\r\n }\r\n\r\n const dispatch = useDispatch();\r\n\r\n // loading spinner\r\n const [isMemberLoaded, setIsMemberLoaded] = useState(false);\r\n const [memberReportIsDateRange, setMemberReportIsDateRange] = useState(false);\r\n\r\n const [members, setMembers] = useState({\r\n printDate: new Date(),\r\n fromDate: getLastMonthDate(),\r\n toDate: new Date(),\r\n benificialName: \"Yes\",\r\n holdingSummary: \"No\",\r\n zeroBalance: \"Yes\",\r\n address: \"Yes\",\r\n foreignCurrency: \"No\",\r\n totalShares: \"No\",\r\n });\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n\r\n function setPrintDate(newDate) {\r\n setMembers({...members, printDate: newDate})\r\n }\r\n\r\n function setFromDate(newDate) {\r\n setMembers({...members, fromDate: newDate})\r\n }\r\n\r\n function setToDate(newDate) {\r\n setMembers({...members, toDate: newDate})\r\n }\r\n\r\n let handleChange = (e, isDate) => {\r\n console.log('handleChange()', e, isDate);\r\n if (isDate) {\r\n setMembers((member) => ({ ...members, printDate: e }));\r\n } else {\r\n const { name, value } = e.target;\r\n setMembers((member) => ({ ...members, [name]: value }));\r\n }\r\n };\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n\r\n // if user has chosen a date range, then process the date range report\r\n if(memberReportIsDateRange) {\r\n\r\n //not sure what this code does, so copy/paste argh!\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getMembersReportDateRange(members, props.searchCompany[0].Code,setIsMemberLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getMembersReportDateRange(members, selectedCompanyCode,setIsMemberLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getMembersReportDateRange(members, value.Code,setIsMemberLoaded))\r\n );\r\n }\r\n } else {\r\n //otherwise always process the \"as at date\" report\r\n\r\n //not sure what this code does, so copy/paste argh!\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getMembersReport(members, props.searchCompany[0].Code,setIsMemberLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getMembersReport(members, selectedCompanyCode,setIsMemberLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getMembersReport(members, value.Code,setIsMemberLoaded))\r\n );\r\n }\r\n }\r\n }\r\n\r\n function memberReportDateRangeControls() {\r\n if(memberReportIsDateRange) {\r\n return (\r\n Enter Values
\r\n\r\n| \r\n Enter Dept Code(Blank for all departements)\r\n | \r\n\r\n\r\n | \r\n |
| \r\n Show EmailAddresses((Blank for show All)):\r\n | {\" \"}\r\n\r\n | \r\n |
| Show Officers/Members | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| \r\n {\" \"}\r\n \r\n Make sure Company Name selected / Report doesn't exist.\r\n \r\n )}\r\n | \r\n
\r\n
\r\n );\r\n } \r\n \r\n return (\r\n \r\n setFromDate(e)}\r\n dateFormat=\"dd/MM/yyyy\"\r\n placeholderText=\"Enter start date\"\r\n value={members.fromDate}\r\n />\r\n
\r\n \r\n Enter start date:\r\n
\r\n \r\n setToDate(e)}\r\n dateFormat=\"dd/MM/yyyy\"\r\n placeholderText=\"Enter end date\"\r\n value={members.toDate}\r\n />\r\n
\r\n \r\n Enter end date:\r\n
\r\n \r\n setPrintDate(e)}\r\n dateFormat=\"dd/MM/yyyy\"\r\n placeholderText=\"Enter as at Date\"\r\n value={members.printDate}\r\n />\r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n As at Date:\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CorporateRegisterMembers;\r\n","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst DirectorsAndSecretaries = (props) => {\r\n const dispatch = useDispatch();\r\n const [officers, setOfficers] = useState({\r\n dsPrintDate: new Date(),\r\n officer: \"Yes\",\r\n });\r\n//loading spinner\r\nconst [isDirectorAndSecretariesLoaded, setIsDirectorAndSecretariesLoaded] = useState(false);\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n let handleChange = (e, isDate) => {\r\n if (isDate) {\r\n setOfficers((Print) => ({ ...officers, dsPrintDate: e }));\r\n } else {\r\n const { name, value } = e.target;\r\n setOfficers((member) => ({ ...officers, [name]: value }));\r\n }\r\n };\r\n\r\n \r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getDirectorsSecretariesReport(officers, props.searchCompany[0].Code,setIsDirectorAndSecretariesLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getDirectorsSecretariesReport(officers, selectedCompanyCode,setIsDirectorAndSecretariesLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getDirectorsSecretariesReport(officers, value.Code,setIsDirectorAndSecretariesLoaded))\r\n );\r\n }\r\n }\r\n\r\n return (\r\n Enter Values
\r\n| \r\n {memberReportIsDateRange ? \r\n Enter date range: \r\n : \r\n Enter as at Date (Click on Blank for Current Date) \r\n }\r\n \r\n \r\n \r\n | \r\n \r\n { memberReportDateRangeControls() }\r\n | \r\n|
| \r\n Show Beneficial Owner Name{\" \"}\r\n | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| Show Holding Summary Only? | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| Show Zero Balances? | {\" \"}\r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
| Show Address Fields? | {\" \"}\r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
| Show Foreign Currency ( if any)? | {\" \"}\r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
| Enter show Total Shares? | {\" \"}\r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
| \r\n Company Name not selected. \r\n )}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default DirectorsAndSecretaries;\r\n","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst DirectorShareholdingsComponent = (props) => {\r\n const dispatch = useDispatch();\r\n//loading spinner\r\nconst [isDirectorsLoaded, setIsDirectorsLoaded] = useState(false);\r\n\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n const [directorshareholdings, setDirectorshareholdings] = useState({\r\n dsPrintDate: new Date(),\r\n });\r\n\r\n let handleChange = (e, isDate) => {\r\n if (isDate) {\r\n setDirectorshareholdings((directorshareholdings) => ({\r\n ...directorshareholdings,\r\n dsPrintDate: e,\r\n }));\r\n }\r\n };\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getDirectorsShareholdingsReport(directorshareholdings, props.searchCompany[0].Code,setIsDirectorsLoaded));\r\n } else if(selectedCompanyCode !== null) {\r\n dispatch(userActions.getDirectorsShareholdingsReport(directorshareholdings, selectedCompanyCode,setIsDirectorsLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getDirectorsShareholdingsReport(directorshareholdings, value.Code,setIsDirectorsLoaded))\r\n );\r\n }\r\n }\r\n return (\r\n Enter Values
\r\n {console.log(\"props.searchCompany1111111111111111\",props.searchCompany)}\r\n| \r\n Enter as at Date (Click on Blank for Current Date)\r\n \r\n | \r\n\r\n\r\n \r\n | \r\n |
| \r\n Enter Current Officers {\" \"}\r\n | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| \r\n {\" \"}\r\n Company Name not selected. \r\n )}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default DirectorShareholdingsComponent;\r\n","import React, { useState} from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst PublicOfficerComponent = (props) => {\r\n const dispatch = useDispatch();\r\n const [submitted, setSubmitted] = useState(false);\r\n //loading spinner\r\nconst [isPublicOfficerLoaded, setIsPublicOfficerLoaded] = useState(false);\r\n\r\n \r\n\r\n const [publicOfficers, setpublicOfficers] = useState({\r\n poPrintDate: new Date(),\r\n publicOfficer: \"Yes\",\r\n });\r\n\r\n let handleChange = (e, isDate) => {\r\n if (isDate) {\r\n setpublicOfficers((publicOfficers) => ({\r\n ...publicOfficers,\r\n poPrintDate: e,\r\n }));\r\n } else {\r\n const { name, value } = e.target;\r\n setpublicOfficers((publicOfficers) => ({\r\n ...publicOfficers,\r\n [name]: value,\r\n }));\r\n }\r\n };\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getPublicOfficerReport(publicOfficers, props.searchCompany[0].Code,setIsPublicOfficerLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getPublicOfficerReport(publicOfficers, selectedCompanyCode,setIsPublicOfficerLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getPublicOfficerReport(publicOfficers, value.Code,setIsPublicOfficerLoaded))\r\n );\r\n }\r\n }\r\n\r\n return (\r\n Enter Values
\r\n\r\n| \r\n Enter as at Date (Click on Blank for Current Date)\r\n \r\n | \r\n\r\n\r\n \r\n | \r\n
| \r\n {\" \"}\r\n \r\n Company Name not selected.\r\n \r\n )}{\" \"}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PublicOfficerComponent;\r\n","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\n\r\nconst ResponsibleManagerComponent = (props) => {\r\n const dispatch = useDispatch();\r\n //loading spinner\r\nconst [isResponsibleManagerLoaded, setIsResponsibleManagerLoaded] = useState(false);\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n const [responsibleManager, setResponsileManager] = useState({\r\n rmPrintDate: new Date(),\r\n rofficer: 'Yes'\r\n });\r\n \r\n let handleChange = (e, isDate) => {\r\n if(isDate){\r\n setResponsileManager(responsibleManager => ({ ...responsibleManager,rmPrintDate: e }))\r\n } \r\n else {\r\n const { name, value } = e.target;\r\n setResponsileManager(responsibleManager => ({ ...responsibleManager, [name]: value }))\r\n }\r\n \r\n }\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n \r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n \r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getResponsibleManagerReport(responsibleManager, props.searchCompany[0].Code,setIsResponsibleManagerLoaded));\r\n } else if(selectedCompanyCode !== null) {\r\n dispatch(userActions.getResponsibleManagerReport(responsibleManager, selectedCompanyCode,setIsResponsibleManagerLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getResponsibleManagerReport(responsibleManager, value.Code,setIsResponsibleManagerLoaded))\r\n );\r\n }\r\n }\r\n return (\r\n Enter Values
\r\n\r\n| \r\n Enter as at Date (Click on Blank for Current Date)\r\n \r\n | \r\n\r\n\r\n \r\n | \r\n |
| Enter Current Officers | \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 Company Name not selected.\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 export default ResponsibleManagerComponent;\r\n ","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\n\r\nconst TransferJournalComponent = (props) => {\r\n const dispatch = useDispatch();\r\n // loading spinner\r\n const [isTransferLoaded, setIsTransferLoaded] = useState(false);\r\n const [submitted, setSubmitted] = useState(false);\r\n const [transferJournal, setTransferJournal] = useState({\r\n tjPrintDate: new Date()\r\n });\r\n \r\n let handleChange = (e, isDate) => {\r\n if(isDate){\r\n setTransferJournal(transferJournal => ({ ...transferJournal,tjPrintDate: e }))\r\n } \r\n \r\n }\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getTransferJournalReport(transferJournal,props.searchCompany[0].Code,setIsTransferLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getTransferJournalReport(transferJournal,selectedCompanyCode,setIsTransferLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getTransferJournalReport(transferJournal,value.Code,setIsTransferLoaded))\r\n );\r\n }\r\n }\r\n return (\r\n Enter Values
\r\n \r\n| Enter as at Date (Click on Blank for Current Date) | \r\n\r\n | \r\n |
| Enter Current Officers | \r\n\r\n \r\n \r\n | \r\n\r\n \r\n \r\n\r\n | \r\n
| {\" \"}\r\n Company Name not selected. \r\n )} |
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n \r\n export default TransferJournalComponent;\r\n ","import React from 'react';\r\nimport \"../CompanyDetailsComponent/CompanyDetails.styles.scss\";\r\nimport AllotmentJournal from './AllotmentJournalComponent';\r\nimport CompanyListReport from './CompanyListReportComponent';\r\nimport CorporateRegisterMembers from './CorporateRegisterMembers.Component';\r\nimport DirectorsAndSecretaries from './DirectorsAndSecretariesComponent';\r\nimport DirectorShareholdingsComponent from './DirectorsShareholdingsComponent';\r\nimport PublicOfficerComponent from './PublicOfficerComponent';\r\nimport ResponsibleManagerComponent from './ResponsibleManagerComponent';\r\nimport TransferJournalComponent from './TransferJournalComponent';\r\n\r\n\r\n\r\nconst CorporateRegisterComponent = (props) => {\r\n return (\r\n \r\n Enter Values
\r\n \r\n| Enter as at Date (Click on Blank for Current Date) | \r\n \r\n \r\n\r\n | \r\n
| {\" \"}\r\n Company Name not selected. \r\n )} |
\r\n {console.log('props.searchCompany:::::::::::::::::::::::::::', props.searchCompany)}\r\n
\r\n );\r\n};\r\n export default CorporateRegisterComponent;","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst ASICCompanyDetail = (props) => {\r\n const dispatch = useDispatch();\r\n const [asicSubmitted, setAsicSubmitted] = useState(false);\r\n //loading spinner\r\n const [isASICCompanyLoaded, setIsASICCompanyLoaded] = useState(false);\r\n\r\n const [asicCompanyDetail, setAsicCompanyDetail] = useState({\r\n nameField: \"No\",\r\n });\r\n\r\n let handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setAsicCompanyDetail((asicCompanyDetail) => ({\r\n ...asicCompanyDetail,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n\r\n function handleClick(e) {\r\n setAsicSubmitted(true);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n \r\n dispatch(\r\n userActions.getAsicCompanyDetailReport(\r\n asicCompanyDetail,\r\n props.searchCompany[0].Code,\r\n setIsASICCompanyLoaded\r\n )\r\n )\r\n \r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(\r\n userActions.getAsicCompanyDetailReport(\r\n asicCompanyDetail,\r\n selectedCompanyCode,\r\n setIsASICCompanyLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getAsicCompanyDetailReport(\r\n asicCompanyDetail,\r\n value.Code,\r\n setIsASICCompanyLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Members
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Directors and Secretaries
\r\n\r\n \r\n
\r\n \r\n
\r\n Allotment Journal
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Transfer journal
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n Responsible Manager
\r\n\r\n \r\n
\r\n \r\n
\r\n Public Officer
\r\n\r\n \r\n
\r\n \r\n
\r\n Directors Shareholdings
\r\n\r\n \r\n
\r\n \r\n
\r\n Company List (inc Email)
\r\n\r\n \r\n
\r\n \r\n
\r\n Address Search
\r\n\r\n Address Search Under construction\r\n
\r\n \r\n
\r\n Name Search
\r\n\r\n Name Search Under construction\r\n
\r\n \r\n
\r\n Others
\r\n\r\n Under construction\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ASICCompanyDetail;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../CompanyDetailsComponent/CompanyDetails.styles.scss\";\r\nimport { useSelector } from \"react-redux\";\r\nimport ASICCompanyDetail from \"../ASICCompanyDetailComponent/ASICCompanyDetail\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst ASICComponent = (props) => {\r\n const companyProfile = useSelector((state) => state.companyProfile);\r\n const asicInvoiceReportLinks = useSelector(\r\n (state) => state.asicInvoiceReportLinks\r\n );\r\n\r\n // View ASIC Debt Report\r\n const dispatch = useDispatch();\r\n //loading spinner\r\n const [isASICDeptLoaded, setIsASICDeptLoaded] = useState(false);\r\n// eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n\r\n const selectedAcn = companyProfile && companyProfile.items&& companyProfile.items.company&&companyProfile.items.company.ACN\r\n\r\n if (selectedAcn !== null) {\r\n dispatch(userActions.getAsicDebtReport(selectedAcn, setIsASICDeptLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getAsicDebtReport(value.ACN, setIsASICDeptLoaded))\r\n );\r\n }\r\n }\r\n ///API Reports link\r\n\r\n useEffect(() => {\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getAsicInvoiceReportLinks(selectedCompanyCode));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) => dispatchAPIs(value));\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n function dispatchAPIs(value) {\r\n dispatch(userActions.getAsicInvoiceReportLinks(value.Code));\r\n }\r\n\r\n const API_URL = process.env.REACT_APP_PRIME_API_URL;\r\n //edge report spinner\r\n const [isEdgeReportLoaded, setIsEdgeReportLoaded] = useState(false);\r\n function handleClickEdgeReport(e) {\r\n \r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(\r\n userActions.getEdgeCompanyProfileReport(\r\n props.searchCompany[0].Code,\r\n setIsEdgeReportLoaded\r\n )\r\n );\r\n \r\n } else if (selectedCompanyCode !== null) {\r\n dispatch(\r\n userActions.getEdgeCompanyProfileReport(\r\n selectedCompanyCode,\r\n setIsEdgeReportLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getEdgeCompanyProfileReport(\r\n value.Code,\r\n setIsEdgeReportLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n \r\n \r\n\r\n return (\r\n Enter Values
\r\n\r\n| Show All Given Name Fields? | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
| \r\n {\" \"}\r\n \r\n Company Name not selected\r\n \r\n )}\r\n | \r\n
|---|
\r\n
\r\n );\r\n};\r\nexport default ASICComponent;\r\n","import { useMemo } from 'react';\r\n\r\nexport const DOTS = '...';\r\n\r\nconst range = (start, end) => {\r\n let length = end - start + 1;\r\n return Array.from({ length }, (_, idx) => idx + start);\r\n};\r\n\r\nexport const usePagination = ({\r\n totalCount,\r\n pageSize,\r\n siblingCount = 1,\r\n currentPage\r\n}) => {\r\n const paginationRange = useMemo(() => {\r\n const totalPageCount = Math.ceil(totalCount / pageSize);\r\n\r\n // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\r\n const totalPageNumbers = siblingCount + 5;\r\n\r\n /*\r\n If the number of pages is less than the page numbers we want to show in our\r\n paginationComponent, we return the range [1..totalPageCount]\r\n */\r\n if (totalPageNumbers >= totalPageCount) {\r\n return range(1, totalPageCount);\r\n }\r\n\r\n const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\r\n const rightSiblingIndex = Math.min(\r\n currentPage + siblingCount,\r\n totalPageCount\r\n );\r\n\r\n /*\r\n We do not want to show dots if there is only one position left \r\n after/before the left/right page count as that would lead to a change if our Pagination\r\n component size which we do not want\r\n */\r\n const shouldShowLeftDots = leftSiblingIndex > 2;\r\n const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\r\n\r\n const firstPageIndex = 1;\r\n const lastPageIndex = totalPageCount;\r\n\r\n if (!shouldShowLeftDots && shouldShowRightDots) {\r\n let leftItemCount = 3 + 2 * siblingCount;\r\n let leftRange = range(1, leftItemCount);\r\n\r\n return [...leftRange, DOTS, totalPageCount];\r\n }\r\n\r\n if (shouldShowLeftDots && !shouldShowRightDots) {\r\n let rightItemCount = 3 + 2 * siblingCount;\r\n let rightRange = range(\r\n totalPageCount - rightItemCount + 1,\r\n totalPageCount\r\n );\r\n return [firstPageIndex, DOTS, ...rightRange];\r\n }\r\n\r\n if (shouldShowLeftDots && shouldShowRightDots) {\r\n let middleRange = range(leftSiblingIndex, rightSiblingIndex);\r\n return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\r\n }\r\n }, [totalCount, pageSize, siblingCount, currentPage]);\r\n\r\n return paginationRange;\r\n};","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { usePagination, DOTS } from './usePagination.component';\r\nimport './Pagination.style.scss'\r\n\r\nconst Pagination = (props) => {\r\n const {\r\n onPageChange,\r\n totalCount,\r\n siblingCount = 1,\r\n currentPage,\r\n pageSize,\r\n className\r\n } = props;\r\n \r\n const paginationRange = usePagination({\r\n currentPage,\r\n totalCount,\r\n siblingCount,\r\n pageSize\r\n });\r\n \r\n if (currentPage === 0 || paginationRange.length < 2) {\r\n return null;\r\n }\r\n \r\n const onNext = () => {\r\n onPageChange(currentPage + 1);\r\n };\r\n \r\n const onPrevious = () => {\r\n onPageChange(currentPage - 1);\r\n };\r\n \r\n let lastPage = paginationRange[paginationRange.length - 1];\r\n return (\r\n \r\n
\r\n View ASIC Debt Report
\r\n\r\n false}\r\n onClick={(e) => handleClick(e)}\r\n >\r\n View ASIC Debt Report\r\n \r\n {isASICDeptLoaded ?
\r\n \r\n
\r\n ASIC Payment BPay Details
\r\n\r\n \r\n ASIC Payment BPay Details\r\n \r\n
\r\n \r\n
\r\n ASIC Company Details (Free ASIC Search)
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n ASIC Invoice
\r\n\r\n {asicInvoiceReportLinks &&\r\n asicInvoiceReportLinks.items &&\r\n asicInvoiceReportLinks.items !== 'No Record(s) Found.' ?\r\n asicInvoiceReportLinks.items.map((value) => (\r\n \r\n {value.File_Name} \r\n \r\n ))\r\n : asicInvoiceReportLinks &&\r\n asicInvoiceReportLinks.items \r\n }\r\n
\r\n \r\n
\r\n\r\n ASIC Company Profile
\r\n\r\n false}\r\n onClick={(e) => handleClickEdgeReport(e)}\r\n >\r\n ASIC Company Profile Report {isEdgeReportLoaded ?
\r\n \r\n
\r\n \r\n\r\n Electronic Lodgement Service
\r\n\r\n \r\n \r\n
\r\n
\r\n {individualElectronicLodgementServiceTotalStatement &&\r\n individualElectronicLodgementServiceTotalStatement.length >= 10 && (\r\n | Support | \r\nCompany Name | \r\nForm | \r\nDocument Status | \r\nDoc Track No. | \r\nDate | \r\nAgent | \r\nStatus | \r\n\r\nAction | \r\n
|---|---|---|---|---|---|---|---|---|
| No data available in table | \r\n||||||||
| \r\n \r\n | \r\n{post.CO_NAME} | \r\n\r\n{post.FORM_TYPE} | \r\n\r\n\r\n {\" \"}\r\n | \r\n\r\n {post.DOC_CODE} | \r\n\r\n{moment(post.FORM_DATE).format(\"DD/MM/YYYY\")} | \r\n{post.AGENT_CODE} | \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 Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {individualElectronicLodgementServiceTotalStatement\r\n ? individualElectronicLodgementServiceTotalStatement.length\r\n : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ASICFormPortalComponent;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../MonitorsComponents/AnnualReviews.style.scss\";\r\nimport \"../CommonPage/Action.scss\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport moment from \"moment\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\nimport Form484InformationComponent from \"../CommonPage/Form484Information.component\";\r\n\r\nconst DocumentTrackingComponent = (props) => {\r\n const [selectedOption, setSelectedOption] = useState(\"484\");\r\n\r\n const asicDocumentTracking = useSelector(\r\n (state) => state.asicDocumentTracking\r\n );\r\n const totalLength =\r\n asicDocumentTracking &&\r\n asicDocumentTracking.items && asicDocumentTracking.items[0] &&\r\n asicDocumentTracking.items[0].DOCUMENTS;\r\n const currentPosts = totalLength;\r\n\r\n const [expandedRows, setExpandedRows] = useState([]);\r\n const [expandState, setExpandState] = useState({});\r\n\r\n const handleRow = (e, code) => {\r\n const currentExpandedRows = expandedRows;\r\n const isRowExpanded = currentExpandedRows.includes(code);\r\n\r\n let obj = {};\r\n isRowExpanded ? (obj[code] = false) : (obj[code] = true);\r\n\r\n setExpandState(obj);\r\n // If the row is expanded, we are here to hide it. Hence remove\r\n // it from the state variable. Otherwise add to it.\r\n const newExpandedRows = isRowExpanded\r\n ? currentExpandedRows.filter((id) => id !== code)\r\n : currentExpandedRows.concat(code);\r\n\r\n setExpandedRows(newExpandedRows);\r\n };\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n\r\n if (selectedCompanyCode !== null) {\r\n dispatch(userActions.getAsicDocumentTracking(selectedCompanyCode));\r\n } else {\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n if (selectedSearchValue !== null) {\r\n const companyCode = JSON.parse(selectedSearchValue).map((value) => {\r\n return value.Code;\r\n });\r\n if (companyCode) {\r\n dispatch(userActions.getAsicDocumentTracking(companyCode));\r\n }\r\n }\r\n }\r\n handle484DocTrackPopupClose();\r\n handleDocPopupClose();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n //loading spinner\r\n const [isDocLoaded, setIsDocLoaded] = useState(false);\r\n //Document Tracking particular document report\r\n\r\n const documentHistoryDocDetails = useSelector(\r\n (state) => state.documentHistoryDocDetails\r\n );\r\n let docHandleClick = (e, rN, formType, docNo) => {\r\n e.preventDefault();\r\n dispatch(\r\n userActions.getDocumentHistoryDocReport(\r\n rN,\r\n formType,\r\n docNo,\r\n setIsDocLoaded\r\n )\r\n );\r\n handleDocPopupShow(e, docNo);\r\n };\r\n\r\n const [popupDocShow, setPopupDocShow] = useState(0);\r\n const handleDocPopupClose = () => setPopupDocShow(false);\r\n const handleDocPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupDocShow(index);\r\n };\r\n\r\n let handleDocPopupClick = (e) => {\r\n e.preventDefault();\r\n handleDocPopupClose();\r\n };\r\n\r\n // Form 484 information Popup.\r\n const form484Information = useSelector((state) => state.form484Information);\r\n\r\n //loading spinner\r\n const [isForm484DocTrackLoaded, setIsForm484DocTrackLoaded] = useState(false);\r\n // eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n function form484DocTrackHandleClick(e, rN, docNo) {\r\n setSubmitted(true);\r\n dispatch(\r\n userActions.getForm484Information(rN, docNo, setIsForm484DocTrackLoaded)\r\n );\r\n handle484DocTrackPopupShow(e, docNo);\r\n }\r\n\r\n const [popup484DocTrackShow, setPopup484DocTrackShow] = useState(0);\r\n const handle484DocTrackPopupClose = () => setPopup484DocTrackShow(false);\r\n const handle484DocTrackPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopup484DocTrackShow(index);\r\n };\r\n let handle484DocTrackPopupClick = (e) => {\r\n e.preventDefault();\r\n handle484DocTrackPopupClose();\r\n };\r\n\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default DocumentTrackingComponent;\r\n","import React, { useState } from \"react\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst Div7aLoanAgreement = (props) => {\r\n\r\n \r\n const [reportParam, setReportParam] = useState({\r\nloanBalance: 0,\r\n associateName: \"\",\r\n associateAddress:\"\",\r\n stateLocation: \"\",\r\n });\r\n\r\n //const { loanBalance, associateName,associateAddress} = reportParam;\r\n const [submitted, setSubmitted] = useState(false);\r\n let handleChange = (e) => {\r\n \r\n const { name, value } = e.target;\r\n setReportParam((reportParam) => ({ ...reportParam, [name]: value }));\r\n };\r\n\r\n\r\n\r\n // div 7a loan Lodgement Report\r\n const dispatch = useDispatch();\r\n\r\n //loading spinner\r\nconst [isDiv7AReportLoaded, setIsDiv7AReportLoaded] = useState(false);\r\n\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n \r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const validate = companyCode !== null || (inputSearchValue !== null && inputSearchValue.length > 0) || (props.searchCompany && props.searchCompany.length > 0);\r\n function handleClick(e) {\r\n setSubmitted(true);\r\n \r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n dispatch(userActions.getDiv7ALoanReport(props.searchCompany[0].Code,reportParam,setIsDiv7AReportLoaded));\r\n } else if (selectedCompanyCode !== null) {\r\n \r\n dispatch(userActions.getDiv7ALoanReport(selectedCompanyCode,reportParam,setIsDiv7AReportLoaded));\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(userActions.getDiv7ALoanReport(value.Code,reportParam,setIsDiv7AReportLoaded))\r\n );\r\n }\r\n }\r\n\r\n\r\n\r\n \r\n return (\r\n DocumentTracking
\r\n\r\n| \r\n | Company | \r\nCompany Name | \r\nACN | \r\nAction | \r\n||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n {expandState[value.CO_CODE] ? (\r\n | \r\n {value.CO_CODE} | \r\n{value.CO_NAME} | \r\n{value.ACN} | \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\nexport default Div7aLoanAgreement;\r\n","import React, { useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport ASICFormPortalComponent from \"../ASICFormPortalComponents/ASICFormPortal.Components\";\r\nimport DocumentTrackingComponent from \"../ASICFormsAndDocumentComponent/DocumentTrackingComponent\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport Div7aLoanAgreement from \"../Div7ALoanAgreementComponent/Div7aLoanAgreement\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst ASICFormComponent = (props) => {\r\n //loading spinner\r\n const [isViewFormHistoryLoaded, setIsViewFormHistoryLoaded] = useState(false);\r\n\r\n // View Forms History Report\r\n const dispatch = useDispatch();\r\n// eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n function viewFormsHistoryHandleClick(e) {\r\n setSubmitted(true);\r\n\r\n const selectedCode =\r\n props.searchCompany && props.searchCompany.map((value) => value.Code);\r\n\r\n if (selectedCode !== null) {\r\n dispatch(\r\n userActions.getFormsHistoryReport(\r\n selectedCode,\r\n setIsViewFormHistoryLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getFormsHistoryReport(\r\n value.Code,\r\n setIsViewFormHistoryLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n\r\n //loading spinner\r\n const [\r\n isViewCurrentAnnualStatementLoaded,\r\n setIsViewCurrentAnnualStatementLoaded,\r\n ] = useState(false);\r\n\r\n function viewCurrentAnnualStatementHandleClick(e) {\r\n setSubmitted(true);\r\n const companyCode =\r\n props.searchCompany && props.searchCompany.map((value) => value.Code);\r\n\r\n const companyName =\r\n props.searchCompany && props.searchCompany.map((value) => value.Name);\r\n\r\n if (companyCode !== null) {\r\n dispatch(\r\n userActions.getViewCurrentAnnualStatementReport(\r\n companyCode,\r\n companyName,\r\n setIsViewCurrentAnnualStatementLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getViewCurrentAnnualStatementReport(\r\n value.Code,\r\n value.Name,\r\n setIsViewCurrentAnnualStatementLoaded\r\n )\r\n )\r\n );\r\n }\r\n handleAnnualStatementDocPopupShow(e);\r\n }\r\n\r\n // popup error message for View Current Annual Statement\r\n const viewCurrentAnnualStatementReport = useSelector(\r\n (state) => state.viewCurrentAnnualStatementReport\r\n );\r\n\r\n const [popupAnnualStatementDocShow, setPopupAnnualStatementDocShow] =\r\n useState(false);\r\n const handleAnnualStatementDocPopupClose = () =>\r\n setPopupAnnualStatementDocShow(false);\r\n const handleAnnualStatementDocPopupShow = (e) => {\r\n e.preventDefault();\r\n setPopupAnnualStatementDocShow(true);\r\n };\r\n\r\n let handleAnnualStatementDocPopupClick = (e) => {\r\n e.preventDefault();\r\n handleAnnualStatementDocPopupClose();\r\n };\r\n\r\n return (\r\n Enter Values
\r\n\r\n| Enter Loan Balance (or leave Bank) | \r\n\r\n \r\n | \r\n
| Enter Associate Name (Or Blank)\r\n \r\n \r\n | \r\n \r\n\r\n \r\n | \r\n
| Enter Associate Address (Or Blank)\r\n \r\n \r\n | \r\n \r\n\r\n \r\n | \r\n
| State of Jurisdiction | \r\n\r\n Please Select the State\r\n \r\n \r\n }\r\n | \r\n
| \r\n {\" \"}\r\n \r\n {isDiv7AReportLoaded? Make sure Company Name selected / Report doesn't exist. \r\n )}\r\n | \r\n
|---|
\r\n
\r\n );\r\n};\r\nexport default ASICFormComponent;\r\n","import React from 'react';\r\nimport \"../CompanyDetailsComponent/CompanyDetails.styles.scss\";\r\n\r\n\r\n\r\n\r\n\r\nconst EmailHistoryComponent = (props) => {\r\n\r\n return (\r\n\r\n \r\n
\r\n \r\n
\r\n View latest Annual Statement
\r\n\r\n false}\r\n onClick={(e) => viewCurrentAnnualStatementHandleClick(e)}\r\n >\r\n View latest Annual Statement\r\n \r\n {isViewCurrentAnnualStatementLoaded ? handleAnnualStatementDocPopupShow(e)}\r\n body={\" No Annual Statement on Files.\"}\r\n handleClick={handleAnnualStatementDocPopupClick}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n View Forms and Documents
\r\n\r\n
\r\n \r\n
\r\n View Forms History
\r\n\r\n false}\r\n onClick={(e) => viewFormsHistoryHandleClick(e)}\r\n >\r\n View Forms History Report\r\n \r\n {isViewFormHistoryLoaded ?
\r\n \r\n
\r\n ASIC Forms Portal
\r\n\r\n
\r\n \r\n
\r\n Div 7A Loan Agreement
\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 export default EmailHistoryComponent;","import React, { useEffect, useCallback } from \"react\";\r\nimport { AsyncTypeahead } from \"react-bootstrap-typeahead\";\r\n//import Popup from '../CommonPage/Popup.component';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport \"./Search.scss\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"../CommonPage/Action.scss\";\r\nconst CommonSearch = (props) => {\r\n const history = useHistory();\r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(userActions.getAllCompany(props.searchToken));\r\n dispatch(userActions.getAllDepartement());\r\n // eslint-disable-next-line\r\n }, []);\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const companyName = JSON.parse(localStorage.getItem(\"companyName\"));\r\n const companyACN = JSON.parse(localStorage.getItem(\"companyACN\"));\r\n \r\n useEffect(() => {\r\n if (companyName !== null) {\r\n \r\n props.setSearchCompany([{ Code: companyCode, Name: companyName, ACN: companyACN }]);\r\n } else if (inputSearchValue) {\r\n \r\n } else if (inputSearchValue) {\r\n props.setSearchCompany(inputSearchValue);\r\n } else {\r\n\r\n if (props.recentCompanyList && props.recentCompanyList.items && props.recentCompanyList.items[0]) {\r\n props.setSearchCompany([\r\n {\r\n Code: props.recentCompanyList.items[0].CO_CODE,\r\n Name: props.recentCompanyList.items[0].CO_NAME,\r\n ACN: props.recentCompanyList.items[0].CO_ACN\r\n },\r\n ]);\r\n \r\n }\r\n }\r\n \r\n\r\n // if(!companyCode && !inputSearchValue) {\r\n // handleIistCompanyPopupShow()\r\n //}\r\n // eslint-disable-next-line\r\n }, [props.setSearchCompany, props.recentCompanyList]);\r\n \r\n\r\n const companyList = useSelector((state) => state.companyList);\r\n\r\n //const [popupIistCompanyShow, setPopupIistCompanyShow] = useState(false);\r\n //const handleIistCompanyPopupClose = () => setPopupIistCompanyShow(false);\r\n // const handleIistCompanyPopupShow = () => setPopupIistCompanyShow(true);\r\n const userName = localStorage.getItem(\"userName\");\r\n // popupmessage to select the company\r\n /*{(!companyCode && !inputSearchValue) &&| \r\n | Sender | \r\nRecipients | \r\nSubject | \r\nDate | \r\nDelivered | \r\nRead | \r\n
|---|---|---|---|---|---|---|
| No matching records found |
\r\n {console.log(\"props.recentCompanyList ===\", props.recentCompanyList)}\r\n {console.log(\"======repeatedCompanySearch========\", repeatedCompanySearch)}\r\n
\r\n );\r\n};\r\nexport default CommonSearch;","import React, { useCallback } from \"react\";\r\nimport { AsyncTypeahead } from \"react-bootstrap-typeahead\";\r\nimport \"react-dropzone-uploader/dist/styles.css\";\r\nimport Dropzone from \"react-dropzone-uploader\";\r\n\r\nconst AdditionalInformationComponent = (props) => {\r\n // eslint-disable-next-line\r\n const API_URL = process.env.REACT_APP_PRIME_API_URL;\r\n const getUploadParams = ({ file, meta }) => {\r\n const body = new FormData()\r\n body.append('fileField', file)\r\n return { url: 'https://httpbin.org/post', body }\r\n };\r\n //const [fileList, setFileList] = useState([]);\r\n // const saveBase64AsFile = (base64, fileName) => {\r\n // var link = document.createElement(\"a\");\r\n\r\n // link.setAttribute(\"href\", base64);\r\n // link.setAttribute(\"download\", fileName);\r\n // link.click();\r\n // };\r\n\r\n const handleControlledDropzonChangeStatus = (status, allFiles, xhr) => {\r\n setTimeout(() => {\r\n if ([\"done\", \"removed\"].includes(status)) {\r\n \r\n props.setAsicDetails((data) => ({ ...data, fileList: [...allFiles] }));\r\n props.setAsicDetails((data) => ({ ...data, dataFileList: allFiles && allFiles.map((value)=>JSON.parse(JSON.stringify(value.xhr.response))) }));\r\n \r\n }\r\n }, 0);\r\n };\r\n\r\n const NoDropzoneLayout = ({\r\n previews,\r\n submitButton,\r\n input,\r\n files,\r\n dropzoneProps,\r\n }) => {\r\n const { ref, className, style } = dropzoneProps;\r\n return (\r\n \r\n {\r\n localStorage.removeItem(\"companyName\");\r\n localStorage.removeItem(\"companyCode\");\r\n localStorage.removeItem(\"recentCompanySearch\");\r\n localStorage.setItem(\"inputSearchValue\", JSON.stringify(selected));\r\n props.setSearchCompany(selected);\r\n const companyCode = JSON.parse(JSON.stringify(selected)).map(\r\n (value) => {\r\n return value.Code;\r\n }\r\n );\r\n const acn = JSON.parse(JSON.stringify(selected)).map((value) => {\r\n return value.ACN;\r\n });\r\n if (selected.length > 0) {\r\n props.recentSearch.push(selected);\r\n localStorage.setItem(\r\n \"recentCompanySearch\",\r\n JSON.stringify(props.recentSearch)\r\n );\r\n }\r\n if (companyCode && companyCode.length > 0) {\r\n dispatch(userActions.getCompanyProfileByCode(companyCode));\r\n dispatch(userActions.getUnitTrustByCode(companyCode, \"summary\"));\r\n dispatch(userActions.getAsicDocumentTracking(companyCode));\r\n }\r\n if (acn && acn.length > 0) {\r\n dispatch(userActions.getRegdInformation(acn));\r\n dispatch(\r\n userActions.postRecentCompanyList(\r\n props.userId,\r\n props.clientId,\r\n \"\",\r\n acn[0]\r\n )\r\n );\r\n console.log(\r\n \"postRecentCompanyList\",\r\n props.userId,\r\n props.clientId,\r\n acn\r\n );\r\n }\r\n }}\r\n selected={props.searchCompany}\r\n placeholder=\"Enter the Company to Search\"\r\n useCache={false}\r\n />\r\n
\r\n \r\n
\r\n \r\n handleClickCompany(e)}\r\n >\r\n \r\n {repeatedCompanySearch\r\n ? repeatedCompanySearch\r\n .filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.Code === thing.Code)\r\n )\r\n .map((value) => (\r\n \r\n ))\r\n : props.recentCompanyList &&\r\n props.recentCompanyList.items &&\r\n props.recentCompanyList.items\r\n .filter(\r\n (thing, index, self) =>\r\n index ===\r\n self.findIndex((t) => t.CO_CODE === thing.CO_CODE)\r\n )\r\n .map((value) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n false}\r\n className=\"d-flex align-items-center text-white text-decoration-none \"\r\n id=\"dropdownStaticlinks\"\r\n data-bs-toggle=\"dropdown\"\r\n aria-expanded=\"false\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n New Director ID\r\n \r\n
\r\n \r\n \r\n \r\n AusPOST Postcode Check\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n false}\r\n className=\"d-flex align-items-center text-white text-decoration-none \"\r\n id=\"dropdownUserDetail\"\r\n data-bs-toggle=\"dropdown\"\r\n aria-expanded=\"false\"\r\n >\r\n \r\n {/* \r\n \r\n false}>\r\n Edit Profile\r\n \r\n
\r\n \r\n*/}\r\n \r\n false}\r\n onClick={() => props.history.push(\"/ProfileSettings\")}\r\n >\r\n Profile Settings\r\n \r\n
\r\n \r\n \r\n false}\r\n onClick={() => {\r\n props.history.push(\"/login\");\r\n \r\n }}\r\n >\r\n Sign out\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {userName && userName.charAt(0).toUpperCase()}
\r\n\r\n
\r\n
\r\n {previews}\r\n\r\n {input}\r\n\r\n {files.length > 0 && submitButton}\r\n
\r\n );\r\n };\r\n const handleSearch = useCallback((q) => {\r\n\r\n console.log(\"selected2\",q)\r\n props.setAsicDetails((value) => ({ ...value, signerName: [q] }));\r\n \r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const handle = useCallback((q) => {\r\n\r\n console.log(\"selected2\",q)\r\n // eslint-disable-next-line\r\n }, []);\r\n return (\r\n \r\n\r\n
\r\n );\r\n};\r\nexport default AdditionalInformationComponent;\r\n","import React from \"react\";\r\nimport AdditionalInformationComponent from \"./AdditionalInformation.component\";\r\n\r\nconst AddOrRemoveAsicAgentListComponent = (props) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n `${option.CEASED!==\"\" ? option.OFFICER_NAME:\"\"}`\r\n \r\n }\r\n \r\n options={\r\n props.companyProfile &&\r\n props.companyProfile.items ?\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n ):[]\r\n }\r\n isLoading={false}\r\n onSearch={handle}\r\n onInputChange={handleSearch}\r\n onChange={(selected) => {\r\n if (selected) {\r\n console.log(\"selected\",selected)\r\n props.setAsicDetails((value) => ({ ...value, signerName: selected }));\r\n }\r\n \r\n }}\r\n // selected={props.asicDetails.signerName!=='undefined' && props.asicDetails.signerName}\r\n placeholder=\"Form SignerName\"\r\n useCache={false}\r\n \r\n />\r\n { console.log(\"array length\",props.asicDetails.signerName)}\r\n {console.log(\"props.asicDetails.signerName\",props.asicDetails.signerName, props.asicDetails.signerName.length)}\r\n {( !props.asicDetails.signerName ||\r\n (props.asicDetails.signerName && props.asicDetails.signerName[0] === \"\") ||\r\n (props.asicDetails.signerName && props.asicDetails.signerName.length===0) \r\n ) \r\n && (\r\n \r\n
\r\n \r\n \r\n SignerName required\r\n
\r\n )}\r\n\r\n \r\n \r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n >\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {\r\n handleControlledDropzonChangeStatus(status, allFiles,xhr);\r\n }}\r\n styles={{ dropzone: { border: 0, overflow: \"hidden\" } }}\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\nexport default CompanyNameChange;\r\n","import React, { useState, useEffect,useCallback } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../../redux/actions/user.actions\";\r\nimport GooglePlacesAutocomplete from \"react-google-places-autocomplete\";\r\nimport { AsyncTypeahead, Typeahead } from \"react-bootstrap-typeahead\";\r\n\r\nconst OfficeHolderAppointementComponent = (props) => {\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(userActions.getAllCountries());\r\n setOfficerShareHoldersData((value) => ({ ...value, name: officerNames && shareHolderNames && officerNames.concat(shareHolderNames)} ));\r\n // eslint-disable-next-line\r\n }, []);\r\n const countries = useSelector((state) => state.countries);\r\n\r\n\r\n // const PLACE_API = process.env.REACT_GOOGLE_PLACE_API;\r\n\r\n let handleClickClearDate = (e, isDate, name, index) => {\r\n if (isDate) {\r\n const list = [...props.appointmentInputlist];\r\n list[index][name] = \"\";\r\n props.setAppointmentInputlist(list);\r\n props.setAsicDetails((changeOrder) => ({\r\n ...changeOrder,\r\n appointmentInputlist:list\r\n }));\r\n /*setOfficeHolderAppointement((OfficeHolderAppointement) => ({\r\n ...OfficeHolderAppointement,\r\n [name]: \"\",\r\n }));*/\r\n }\r\n };\r\n\r\n\r\n\r\n const shareHolderNames= props.companyProfile && props.companyProfile.items && props.companyProfile.items.shareholders && props.companyProfile.items.shareholders.map((value) => \r\n `${value.NAME}: ${value.CLASS_CODE}: ${value.CLASS_NO}: FP=${value.FULLY_PAID ? \"Yes\" : \"no\"}: BO=${value.BEN_OWNER ? \"Yes\" : \"no\"}\r\n : Total Shares=${value.SUM_TOT_SHARES} : ${value.BEN_OWNER ? \"Beneficially Held\" : \"\"}` );\r\n\r\n const duplicatedOfficer=\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n );\r\n\r\n const officerNames= duplicatedOfficer&& duplicatedOfficer.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n \r\n\r\n\r\n \r\n const [officerShareHoldersData, setOfficerShareHoldersData] = useState({\r\n name:[]\r\n });\r\n\r\n const handleSearch = useCallback((q) => {\r\n\r\n const list = [...props.appointmentInputlist];\r\n list[props.appointIndex][\"appointedOfficerName\"] = [q];\r\n props.setAppointmentInputlist(list);\r\n props.setAsicDetails((changeOrder) => ({ ...changeOrder, appointmentInputlist: list }));\r\n \r\n //props.setAsicDetails((value) => ({ ...value, appointedOfficerName: [q] }));\r\n \r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default OfficeHolderAppointementComponent;\r\n","import React, { useState,useCallback } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport GooglePlacesAutocomplete from \"react-google-places-autocomplete\";\r\nimport { Typeahead } from \"react-bootstrap-typeahead\";\r\n\r\n\r\nconst OfficeHoldersChangeofAddressComponent = (props) => {\r\n\r\n\r\n const shareHolderNames= props.companyProfile && props.companyProfile.items && props.companyProfile.items.shareholders ? props.companyProfile.items.shareholders.map((value) => \r\n `${value.NAME}: ${value.CLASS_CODE}: ${value.CLASS_NO}: FP=${value.FULLY_PAID ? \"Yes\" : \"no\"}: BO=${value.BEN_OWNER ? \"Yes\" : \"no\"}: \r\n Total Shares=${value.SUM_TOT_SHARES} :${value.BEN_OWNER ? \"Beneficially Held\" : \"\"}` ): \"\";\r\n\r\n const duplicatedOfficer=\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n );\r\n\r\n const officerNames= duplicatedOfficer&& duplicatedOfficer.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n \r\n //const officerNames=companyProfile && companyProfile.items && companyProfile.items.officers && companyProfile.items.officers.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n\r\n\r\n\r\nfunction handleBothNames()\r\n{\r\nif (officerNames && shareHolderNames) {\r\n setOfficerShareHoldersData((value) => ({ ...value, name: officerNames && shareHolderNames && officerNames.concat(shareHolderNames)} ));\r\n} else {\r\n setOfficerShareHoldersData((value) => ({ ...value, name: []} ));\r\n}\r\n}\r\n \r\n const [officerShareHoldersData, setOfficerShareHoldersData] = useState({\r\n name:[]\r\n });\r\n \r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n \r\n\r\n function handleReset(e) {\r\n props.setAsicDetails((value) => ({ ...value, officeHolderName: \"\" }));\r\n }\r\n\r\n \r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\nexport default OfficeHoldersChangeofAddressComponent;\r\n","import React, { useCallback } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { Typeahead } from \"react-bootstrap-typeahead\";\r\n\r\nconst OfficeHoldersResignation = (props) => {\r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default OfficeHoldersResignation;\r\n","import React, { useState, useCallback } from \"react\";\r\nimport { Typeahead } from \"react-bootstrap-typeahead\";\r\nimport DatePicker from \"react-datepicker\";\r\n\r\nconst OfficerShareholdersNameChange = (props) => {\r\n const shareHolderNames= props.companyProfile && props.companyProfile.items && props.companyProfile.items.shareholders && props.companyProfile.items.shareholders.map((value) => \r\n `${value.NAME}: ${value.CLASS_CODE}: ${value.CLASS_NO}: FP=${value.FULLY_PAID ? \"Yes\" : \"no\"}: BO=${value.BEN_OWNER ? \"Yes\" : \"no\"}: \r\n Total Shares=${value.SUM_TOT_SHARES} :${value.BEN_OWNER ? \"Beneficially Held\" : \"\"}` );\r\n\r\n const duplicatedOfficer=\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n );\r\n\r\n const officerNames= duplicatedOfficer&& duplicatedOfficer.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n\r\n //const officerNames=props.companyProfile && props.companyProfile.items && props.companyProfile.items.officers && props.companyProfile.items.officers.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n function handleBothNames() {\r\n setOfficerShareHoldersData((value) => ({\r\n ...value,\r\n name:\r\n officerNames &&\r\n shareHolderNames &&\r\n officerNames.concat(shareHolderNames),\r\n }));\r\n }\r\n const [officerShareHoldersData, setOfficerShareHoldersData] = useState({\r\n name: [],\r\n });\r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n function handleResetOfficerNameChange(e) {\r\n props.setAsicDetails((value) => ({ ...value, fromName: \"\" }));\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default OfficerShareholdersNameChange;\r\n","import React from 'react';\r\nimport DatePicker from \"react-datepicker\";\r\nimport GooglePlacesAutocomplete from 'react-google-places-autocomplete';\r\n\r\nconst PrincipalBusinessAddressComponent = (props) => {\r\n \r\n\r\n \r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default PrincipalBusinessAddressComponent;\r\n","import React, { useState } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport GooglePlacesAutocomplete from \"react-google-places-autocomplete\";\r\n\r\nconst RegisteredOfficeAddressComponent = (props) => {\r\n const [premisses, setPremisses] = useState(true);\r\n let handleClickPremisses = (e) => {\r\n setPremisses(e.target.checked);\r\n props.setAsicDetails((changeOrder) => ({\r\n ...changeOrder,\r\n companyOccupiesPremises:e.target.checked\r\n }));\r\n };\r\n\r\n return (\r\n \r\n {console.log(\"companyOccupiesPremises\",props.asicDetails.companyOccupiesPremises)}\r\n \r\n
\r\n );\r\n};\r\nexport default RegisteredOfficeAddressComponent;\r\n","import React from \"react\";\r\n\r\nconst ReturnCapitalInfoComponent = (props) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default ReturnCapitalInfoComponent;\r\n","import React, { useCallback } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport { Typeahead } from \"react-bootstrap-typeahead\";\r\n \r\n\r\n\r\nconst ShareCancellation = (props) => {\r\n\r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default ShareCancellation;\r\n","import React, { useCallback, useState } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport GooglePlacesAutocomplete from \"react-google-places-autocomplete\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport { AsyncTypeahead,Typeahead } from \"react-bootstrap-typeahead\";\r\n\r\nconst ShareIssue = (props) => {\r\n\r\n function handleReset(e) {\r\n if (props.elements.shareIssueFullyPaid) {\r\n props.setAsicDetails((value) => ({\r\n ...value,\r\n shareIssueUnpaidPerShare: \"\",\r\n shareIssueTotalUnpaid: \"\",\r\n shareIssueBenName: \"\",\r\n }));\r\n }\r\n if (props.elements.shareIssueBeneficiallyOwned) {\r\n props.setAsicDetails((value) => ({ ...value, shareIssueBenName: \"\" }));\r\n }\r\n }\r\n\r\n const shareHolderNames= props.companyProfile && props.companyProfile.items && props.companyProfile.items.shareholders && props.companyProfile.items.shareholders.map((value) => \r\n `${value.NAME}: ${value.CLASS_CODE}: ${value.CLASS_NO}: FP=${value.FULLY_PAID ? \"Yes\" : \"no\"}: BO=${value.BEN_OWNER ? \"Yes\" : \"no\"}: \r\n Total Shares=${value.SUM_TOT_SHARES} :${value.BEN_OWNER ? \"Beneficially Held\" : \"\"}` );\r\n\r\n const duplicatedOfficer=\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n );\r\n\r\n const officerNames= duplicatedOfficer&& duplicatedOfficer.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n\r\n //const officerNames=props.companyProfile && props.companyProfile.items && props.companyProfile.items.officers && props.companyProfile.items.officers.map((value) => `${value.CEASED!==\"\" ? value.OFFICER_NAME:\"\"}` );\r\n function handleNames() {\r\n setOfficerShareHoldersData((value) => ({\r\n ...value,\r\n name:\r\n officerNames &&\r\n shareHolderNames &&\r\n officerNames.concat(shareHolderNames),\r\n }));\r\n }\r\n const [officerShareHoldersData, setOfficerShareHoldersData] = useState({\r\n name: [],\r\n });\r\n\r\n const handleSearch = useCallback((q) => {\r\n \r\n\r\n const list = [...props.inputList];\r\n list[props.index][\"shareissueShareholderName\"] = [q];\r\n props.setInputList(list);\r\n props.setAsicDetails((order) => ({\r\n ...order,\r\n inputList: list,\r\n }));\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default ShareIssue;\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport GooglePlacesAutocomplete from \"react-google-places-autocomplete\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport { Typeahead } from \"react-bootstrap-typeahead\";\r\n\r\nconst ShareTransfer = (props) => {\r\n useEffect(() => {\r\n handleNames();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n function handleNames() {\r\n setOfficerShareHoldersData((value) => ({\r\n ...value,\r\n name:shareHolderNames,\r\n /* officerNames &&\r\n shareHolderNames &&\r\n officerNames.concat(shareHolderNames),*/\r\n }));\r\n }\r\n const shareHolderNames =\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.shareholders &&\r\n props.companyProfile.items.shareholders.map(\r\n (value) =>\r\n `${value.NAME}: ${value.CLASS_CODE}: ${value.CLASS_NO}: FP=${\r\n value.FULLY_PAID ? \"Yes\" : \"no\"\r\n }: BO=${value.BEN_OWNER ? \"Yes\" : \"no\"}\r\n : Total Shares=${value.SUM_TOT_SHARES} : ${\r\n value.BEN_OWNER ? \"Beneficially Held\" : \"\"\r\n } \r\n : Per Shares Paid= ${value.AMOUNT_PAID} : Total Paid=${\r\n value.SUM_TRAN_PRICE\r\n } `\r\n );\r\n\r\n const duplicatedOfficer =\r\n props.companyProfile &&\r\n props.companyProfile.items &&\r\n props.companyProfile.items.officers.filter(\r\n (thing, index, self) =>\r\n index === self.findIndex((t) => t.OFFICER_NAME === thing.OFFICER_NAME)\r\n );\r\n// eslint-disable-next-line\r\n const officerNames =\r\n duplicatedOfficer &&\r\n duplicatedOfficer.map(\r\n (value) => `${value.CEASED !== \"\" ? value.OFFICER_NAME : \"\"}`\r\n );\r\n\r\n const [officerShareHoldersData, setOfficerShareHoldersData] = useState({\r\n name: [],\r\n });\r\n\r\n const handleSearch = useCallback((call) => {\r\n // eslint-disable-next-line\r\n }, []);\r\n /* let handleClickTransfertoFullyPaid = (e) => {\r\n \r\n setTransfertoFullyPaid(e.target.checked);\r\n }\r\n const [transfertoBeneficiallyOwned, setTransfertoBeneficiallyOwned] = useState(true);\r\n \r\n let handleClickTransfertoBeneficiallyOwned = (e) => {\r\n \r\n setTransfertoBeneficiallyOwned(e.target.checked);\r\n }*/\r\n return (\r\n \r\n {console.log(\"companyOccupiesPremises from Eorder\",props.companyOccupiesPremises)}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n props.handleChange(e, false, \"\")}\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 props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Principal Business Address\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 props.handleChange(e, false, \"\");\r\n }}\r\n />\r\n \r\n Officeholder(s)/Shareholder(s) - Change of Address\r\n \r\n\r\n
\r\n \r\n {props.osChangeofAddressInputlist.map(\r\n (changeofAddressElements, changeofAddressIndex) => (\r\n
\r\n \r\n {props.osChangeofAddressInputlist.length - 1 ===\r\n changeofAddressIndex && (\r\n
\r\n )\r\n )}\r\n \r\n \r\n props.handleChangeofAddressAddClick(e)\r\n }\r\n >\r\n
\r\n )}\r\n\r\n {props.osChangeofAddressInputlist.length !== 1 && (\r\n \r\n \r\n props.handleChangeofAddressRemoveClick(\r\n changeofAddressIndex\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 props.handleChange(e, false, \"\")}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Company Name Change\r\n \r\n
\r\n\r\n \r\n \r\n {props.osNameChangeInputlist.map(\r\n (nameChangeElements, nameChangeIndex) => (\r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Officer Shareholders Name change\r\n \r\n
\r\n\r\n \r\n {props.osNameChangeInputlist.length - 1 ===\r\n nameChangeIndex && (\r\n
\r\n )\r\n )}\r\n \r\n props.handleNameChangeAddClick(e)}\r\n >\r\n
\r\n )}\r\n\r\n {props.osNameChangeInputlist.length !== 1 && (\r\n \r\n \r\n props.handleNameChangeRemoveClick(nameChangeIndex)\r\n }\r\n >\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {props.asicDetails.shareTransfer && \r\n \r\n \r\n {props.resignInputlist.map((resignElements, resignIndex) => (\r\n
\r\n \r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n {props.appointmentInputlist.map(\r\n (appointElements, appointIndex) => (\r\n
\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Officeholder(s) - Appointment\r\n \r\n
\r\n\r\n \r\n {props.appointmentInputlist.length - 1 ===\r\n appointIndex && (\r\n
\r\n )\r\n )}\r\n \r\n props.handleAppointmentAddClick(e)}\r\n >\r\n
\r\n )}\r\n\r\n {props.appointmentInputlist.length !== 1 && (\r\n \r\n \r\n props.handlAppointmentRemoveClick(appointIndex)\r\n }\r\n >\r\n
\r\n )}\r\n \r\n props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Officeholder(s) - Resignations\r\n \r\n
\r\n\r\n \r\n {props.resignInputlist.length - 1 === resignIndex && (\r\n
\r\n ))}\r\n \r\n props.handleResignAddClick(e)}\r\n >\r\n
\r\n )}\r\n\r\n {props.resignInputlist.length !== 1 && (\r\n \r\n \r\n props.handlResignRemoveClick(resignIndex)\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 props.handleChange(e, false, \"\")}\r\n />\r\n \r\n Return of Capital\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n Class List
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n {classListTotal && classListTotal.length >= 10 && (\r\n | \r\n \r\n | \r\nCode | \r\nCode Details | \r\nClass No | \r\n
|---|---|---|---|
| No matching records found | |||
| \r\n {\" \"}\r\n | \r\n {post.CLASS_CODE} | \r\n{post.CLASS_DESC} | \r\n{post.CLASS_NO} | \r\n
\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default ClassListComponent;\r\n","import React, { useState } from \"react\";\r\n\r\nimport DatePicker from \"react-datepicker\";\r\nimport AddOrRemoveAsicAgentListComponent from \"./AddOrRemoveAsicAgentList.component\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport ClassListComponent from \"../ClassListComponent/ClassList.component\";\r\nimport NumberFormat from \"react-number-format\";\r\n\r\nconst DividendStatementOrderComponent = (props) => {\r\n\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true); \r\n\r\n let handleClickClassList = (e, index,classCode, classDesc, classNo) => {\r\n e.preventDefault();\r\n props.setAsicDetails((classList) => ({\r\n ...classList,\r\n dividendClassCode: classCode,classCodeDetails:classDesc, classCodeNo:classNo\r\n }));\r\n handleClose();\r\n\r\n };\r\n \r\n\r\n function handleReset(e) {\r\n if (props.asicDetails.dividendClassCode) {\r\n props.setAsicDetails((value) => ({\r\n ...value,\r\n dividendClassCode: \"\",\r\n classCodeDetails: \"\",\r\n classCodeNo: \"\",\r\n \r\n }));\r\n }\r\n \r\n }\r\n \r\n function handleCalculate(e) {\r\n if (e.target.value) {\r\n props.setAsicDetails((value) => ({\r\n ...value,\r\n unFrankedAmountPercentage:100.00-e.target.value\r\n \r\n }));\r\n }\r\n \r\n }\r\n\r\n let frantAmt = 0;\r\n let unfrankAmt = 0;\r\n let total = 0;\r\n let frankPercentage = 0;\r\n let unfrankPercentage = 0;\r\n\r\n function handleFrankedAmountCalculate(e) {\r\n if (e.target.value) {\r\n frantAmt = parseFloat(e.target.value)\r\n unfrankAmt = props.asicDetails.unFrankedAmount ? props.asicDetails.unFrankedAmount:0;\r\n total = parseFloat(frantAmt) + parseFloat(unfrankAmt);\r\n if (total !== 0) {\r\n \r\n frankPercentage = frantAmt / total * 100\r\n unfrankPercentage = 100 - frankPercentage\r\n props.setAsicDetails((value) => ({\r\n ...value,\r\n frankedAmountPercentage:frankPercentage,\r\n \r\n unFrankedAmountPercentage:unfrankPercentage,\r\n }));\r\n }\r\n \r\n }\r\n \r\n }\r\n \r\n function handleUnFrankedAmountCalculate(e) {\r\n\r\n if (e.target.value) {\r\n frantAmt = props.asicDetails.frankedAmount ? props.asicDetails.frankedAmount:0;\r\n unfrankAmt = e.target.value\r\n total = parseFloat(frantAmt) + parseFloat(unfrankAmt);\r\n if (total !== 0) {\r\n \r\n unfrankPercentage = unfrankAmt / total * 100\r\n frankPercentage = 100 - unfrankPercentage\r\n props.setAsicDetails((value) => ({\r\n ...value,\r\n frankedAmountPercentage:frankPercentage,\r\n \r\n unFrankedAmountPercentage:unfrankPercentage,\r\n unFrankedAmount:e.target.value\r\n }));\r\n }\r\n \r\n }\r\n\r\n \r\n }\r\n \r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /{classListTotal ? classListTotal.length : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n );\r\n};\r\nexport default DividendStatementOrderComponent;\r\n","import React, {useEffect} from \"react\";\r\nimport moment from \"moment\";\r\n\r\nconst OrderSummary = (props) => {\r\n useEffect(() => {\r\n \r\n // eslint-disable-next-line\r\n }, []);\r\n \r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {props.changeOrder.requestChangeAddress &&\r\n props.changeOrder.ROAddress && (\r\n
\r\n {props.isOrderAlter &&
\r\n );\r\n};\r\n\r\nexport default OrderSummary;\r\n","import React from 'react';\r\nimport {\r\n withRouter\r\n } from \"react-router-dom\";\r\n\r\nconst ChangeOrderStatus= (props) => {\r\n\r\n let handleClick = (e) => {\r\n props.setIsOrderSubmitted(false);\r\n props.handleReset();\r\n };\r\n return (\r\n Order Confirmation
\r\n \r\n\r\n {\" \"}\r\n {props.submitted=== \"AsicAdd\" ? props.changeOrder.companyName : props.companyName} [{props.submitted=== \"AsicAdd\" ? props.changeOrder.companyAcn : props.companyAcn}]\r\n
\r\n| \r\n \r\n Registered Office Address: \r\n {\" \"}\r\n \r\n Date:{\" \"}\r\n { props.changeOrder.raChangeDate ? (moment(props.changeOrder.raChangeDate).format(\"DD/MM/YYYY\")):\" \"}\r\n \r\n {props.changeOrder.registeredFullAddress.label}\r\n \r\n Company Occupies Premises :{\" \"}\r\n {props.changeOrder.companyOccupiesPremises ? \"yes\" : \"no\"}\r\n \r\n {`${\r\n !props.changeOrder.companyOccupiesPremises\r\n ? ` Occupier's Company Name : ${\r\n props.changeOrder.occupierCompanyName &&\r\n props.changeOrder.occupierCompanyName\r\n ? props.changeOrder.occupierCompanyName\r\n : \"\"\r\n }`\r\n : \"\"\r\n }`}\r\n | \r\n ||||||||||||||||||||
| \r\n \r\n Principal Business Address : \r\n \r\n \r\n Date:{\" \"}\r\n {moment(props.changeOrder.baChangeDate).format(\"DD/MM/YYYY\")}\r\n \r\n {props.changeOrder.businessFullAddress.label} \r\n | \r\n ||||||||||||||||||||
\r\n \r\n Officeholder(s)/Shareholder(s) - Change of Address : \r\n \r\n\r\n
| \r\n ||||||||||||||||||||
| \r\n \r\n Company Name Change : \r\n \r\n \r\n Changed Name: {props.changeOrder.companyNameChangeTo}\r\n \r\n Date:\r\n {moment(props.changeOrder.cnChangeDate).format(\r\n \"DD/MM/YYYY\"\r\n )}{\" \"}\r\n \r\n | \r\n ||||||||||||||||||||
\r\n \r\n Officer Shareholders Name change : \r\n \r\n
| \r\n ||||||||||||||||||||
\r\n \r\n Officeholder(s) - Appointment : \r\n \r\n
| \r\n ||||||||||||||||||||
\r\n \r\n Officeholder(s) - Resignations : \r\n \r\n
| \r\n ||||||||||||||||||||
\r\n \r\n \r\n Share Issue(s) : \r\n \r\n \r\n \r\n
| \r\n ||||||||||||||||||||
\r\n \r\n Share Cancellation(s) \r\n \r\n
| \r\n ||||||||||||||||||||
\r\n \r\n Share Transfer(s) :\r\n \r\n
| \r\n ||||||||||||||||||||
| \r\n \r\n Return of Capital (Info) : \r\n \r\n \r\n\r\n {props.changeOrder.returnCapitalInfo}\r\n | \r\n ||||||||||||||||||||
| \r\n \r\n Dividend : \r\n \r\n \r\n
| \r\n ||||||||||||||||||||
| \r\n \r\n Additional Info : \r\n \r\n \r\n {props.changeOrder.additionalMoreInfo} \r\n Form Signer Name: {props.changeOrder.signerName && props.changeOrder.signerName[0] && props.changeOrder.signerName[0].OFFICER_NAME?props.changeOrder.signerName[0].OFFICER_NAME : props.changeOrder.signerName[0] }\r\n \r\n {props.changeOrder.fileList !== null\r\n ? ` Attachment(s) : ${\r\n props.changeOrder.fileList &&\r\n props.changeOrder.fileList.map(\r\n (value) => value.meta.name\r\n )\r\n }`\r\n : \"\"}\r\n | \r\n
{props.changeOrderRequest && props.changeOrderRequest.items && props.changeOrderRequest.items.Desc}
}\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(ChangeOrderStatus);","import React from \"react\";\r\nimport AdditionalInformationComponent from \"./AdditionalInformation.component\";\r\n\r\nconst RemoveAsicAgentListComponent = (props) => {\r\n return (\r\n Form Submitted\r\n {props.changeOrderRequest && props.changeOrderRequest.items && props.changeOrderRequest.items.OrderId >0 ?(\r\n
Thankyou for your Order (ORDER NUMBER {props.changeOrderRequest && props.changeOrderRequest.items && props.changeOrderRequest.items.OrderId})\r\n we will be in touch with you shortly
) : (\r\nAn unknown error occurred. Please contact support@primeconsulting.com.au if the error persists.
\r\n )\r\n }\r\n \r\n \r\n\r\n
\r\n \r\n {!isOrderSubmitted ? (\r\n
\r\n );\r\n};\r\nexport default withRouter(EOrderOrderRequestComponent);\r\n","import React from \"react\";\r\nimport EOrderOrderRequestComponent from \"../ChangesAndOrderRequest/EorderOrderRequest.Component\";\r\nimport \"../CompanyDetailsComponent/CompanyDetails.styles.scss\";\r\n\r\n\r\nconst EOrderComponent = (props) => {\r\n return (\r\n \r\n {console.log(\"orderdetails\", changeOrder)}\r\n
\r\n\r\n \r\n
\r\n ) : (\r\n \r\n Order By Details
\r\n\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default EOrderComponent;\r\n","import React, { useEffect } from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport \"./CompanyMenuDetails.style.scss\";\r\nimport {\r\n Switch,\r\n Route,\r\n Router,\r\n withRouter,\r\n useHistory,\r\n} from \"react-router-dom\";\r\nimport Details from \"../CompanyDetailsComponent/CompanyDetails.component\";\r\nimport CompanySnapshot from \"../CompanySnapshotComponent/CompanySnapshotComponent.component\";\r\nimport CorporateRegister from \"../CorporateRegistersComponents/CorporateRegistersComponents\";\r\nimport ASIC from \"../ASICComponents/ASICComponent\";\r\nimport ASICForms from \"../ASICFormsComponents/ASICFormsComponents\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport EmailHistoryComponent from \"../EmailHistoryComponent/EmailHistory.component\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\nimport EOrderComponent from \"../EOrderComponents/EOrderComponents\";\r\nimport ChangeOrderStatus from \"../ChangesAndOrderRequest/ChangeOrderStatusComponent/ChangeOrderStatus.component\";\r\n\r\n\r\nconst CompanyDetails = (props) => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n \r\n const recentCompanyList = useSelector((state) => state.recentCompanyList);\r\n useEffect(() => {\r\n setTimeout(() => {\r\n if(props.searchCompany && props.searchCompany[0]) {\r\n\r\n dispatch(userActions.getCompanyProfileByCode(props.searchCompany[0].Code));\r\n } \r\n }, 0)\r\n // eslint-disable-next-line\r\n}, [props.searchCompany]);\r\n useEffect(() => {\r\n\r\n const selectedCompanyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const selectedCompanyName = JSON.parse(localStorage.getItem(\"companyName\"));\r\n \r\n\r\n if (selectedCompanyCode !== null) {\r\n props.setSearchCompany([\r\n { Code: selectedCompanyCode, Name: selectedCompanyName },\r\n ]);\r\n dispatch(userActions.getCompanyProfileByCode(selectedCompanyCode));\r\n } else if (selectedSearchValue !== null) {\r\n\r\n const companyCode = JSON.parse(selectedSearchValue).map((value) => {\r\n return value.Code;\r\n });\r\n const companyACN = JSON.parse(selectedSearchValue).map((value) => {\r\n return value.ACN;\r\n });\r\n props.setSearchCompany(JSON.parse(selectedSearchValue));\r\n if (companyCode) {\r\n dispatchToServices(companyCode, companyACN);\r\n dispatch(userActions.getCompanyProfileByCode(companyCode));\r\n }\r\n \r\n }\r\n \r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (props.userId && props.clientId) {\r\n dispatch(userActions.getRecentCompanyList( props.clientId,props.userId,\"all\"))\r\n }\r\n // eslint-disable-next-line\r\n }, [props.userId, props.clientId]);\r\n\r\n function dispatchToServices(companyCode, companyACN) {\r\n dispatch(userActions.getCompanyProfileByCode(companyCode));\r\n dispatch(userActions.getUnitTrustByCode(companyCode, \"summary\"));\r\n dispatch(userActions.getRegdInformation(companyACN));\r\n \r\n }\r\n\r\n \r\n \r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Changes and Order Requests
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default MobileNumber;\r\n","import React, { useState } from \"react\";\r\n\r\nconst NotesComponent = (props) => {\r\n const [users, setUsers] = useState({\r\n notes: props.notes,\r\n companyName: props.companyName,\r\n departementNotes: props.departementNotes,\r\n });\r\n// eslint-disable-next-line\r\n const [submitted, setSubmitted] = useState(false);\r\n\r\n let handleChange = (e) => {\r\n setUsers((users) => ({\r\n ...users,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n\r\n return (\r\n Mobile Number
\r\n| Mobile Number | {\" \"}\r\n\r\n Mobile Number Required \r\n )}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default NotesComponent;\r\n","import React, { useState } from \"react\";\r\nimport MobileNumber from \"../MobileNumberComponent/MobileNumber.Component\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport EmailId from \"../EmailIdComponent/EmailId.Component\";\r\nimport moment from \"moment\";\r\nimport \"../CommonPage/Action.scss\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport NotesComponent from \"../Notes.Components/NotesComponent\";\r\n\r\nconst AnnualReviewTableComponent = (props) => {\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const [popupShow, setPopupShow] = useState(0);\r\n const handlePopupClose = () => setPopupShow(false);\r\n const handlePopupShow = (e, index) => {\r\n e.preventDefault();\r\n\r\n setPopupShow(index);\r\n };\r\n\r\n const [popupMobileShow, setPopupMobileShow] = useState(0);\r\n const handleMobilePopupClose = () => setPopupMobileShow(false);\r\n const handleMobilePopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupMobileShow(index);\r\n };\r\n\r\n const [popupNotesShow, setPopupNotesShow] = useState(0);\r\n const handleNotesPopupClose = () => setPopupNotesShow(false);\r\n const handleNotesPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupNotesShow(index);\r\n };\r\n\r\n let handleNotesPopupClick = (e, rn) => {\r\n e.preventDefault();\r\n if (person.notes) {\r\n dispatch(userActions.postCompanyNotes(rn, person.notes));\r\n handleNotesPopupClose();\r\n dispatch(\r\n userActions.getAnnualStatement(\r\n props.currentYear,\r\n pathName && pathName[2]\r\n )\r\n );\r\n props.history.push(props.history.location.pathname);\r\n }\r\n };\r\n\r\n let handleEmailPopupClick = (e, rn) => {\r\n e.preventDefault();\r\n\r\n if (person.emailAddress) {\r\n dispatch(userActions.postCompanyEmailID(rn, person.emailAddress));\r\n \r\n setTimeout(() => {\r\n dispatch(\r\n userActions.getAnnualStatement(\r\n props.currentYear,\r\n pathName && pathName[2]\r\n )\r\n );\r\n }, 0);\r\n handlePopupClose();\r\n props.history.push(props.history.location.pathname);\r\n }\r\n };\r\n const pathName = location.pathname.split(\"/\");\r\n\r\n let handleMobilePopupClick = (e, rn) => {\r\n e.preventDefault();\r\n\r\n if (person.mobileNumber) {\r\n dispatch(userActions.postCompanyPhoneNumber(rn, person.mobileNumber));\r\n \r\n setTimeout(() => {\r\n dispatch(\r\n userActions.getAnnualStatement(\r\n props.currentYear,\r\n pathName && pathName[2]\r\n )\r\n );\r\n }, 0);\r\n handleMobilePopupClose();\r\n props.history.push(props.history.location.pathname);\r\n }\r\n };\r\n\r\n let handleClick = (e, companyCode, companyName,acn) => {\r\n localStorage.setItem(\"companyCode\", JSON.stringify(companyCode));\r\n localStorage.setItem(\"companyName\", JSON.stringify(companyName));\r\n props.recentSearch.push([{ Code: companyCode, Name: companyName }]);\r\n dispatch(userActions.postRecentCompanyList(props.userId,props.clientId,\"\",acn))\r\n console.log(\"postRecentCompanyList From Annual Review table\",props.userId,props.clientId,acn)\r\nlocalStorage.setItem(\r\n \"recentCompanySearch\",\r\n JSON.stringify(props.recentSearch)\r\n);\r\n props.history.push(\"/CompanyMenuDetails/details\");\r\n };\r\n\r\n const [person, setPerson] = useState({\r\n mobileNumber: \"\",\r\n emailAddress: \"\",\r\n notes: '\"',\r\n companyName: \"\",\r\n });\r\n\r\n let handlePersonDetailsChange = (e) => {\r\n e.preventDefault();\r\n setPerson((person) => ({\r\n ...person,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default AnnualReviewTableComponent;","import React from \"react\";\r\nimport \"./AnnualReviews.style.scss\";\r\nimport moment from \"moment\";\r\n\r\nconst AnnualStatementComponent = (props) => {\r\n const year = moment().format('YYYY');\r\n //console.log('AnnualStatementComponent', props, year);\r\n\r\n return (\r\n | \r\n | Name | \r\nDepartment | \r\nACN | \r\nReview | \r\nASIC link | \r\nDocuSign | \r\n\r\n Email\r\n | \r\n\r\n SMS\r\n | \r\n \r\n\r\n Notes\r\n \r\n | \r\n {/*\r\nAction | \r\n */}\r\n\r\n |
|---|---|---|---|---|---|---|---|---|---|---|---|
| No matching records found | \r\n|||||||||||
| \r\n | \r\n \r\n {\" \"}\r\n | \r\n\r\n {post.Department} | \r\n\r\n{post.ACN} | \r\n\r\n\r\n {post.ReviewDate\r\n ? moment(post.ReviewDate).format(\"DD/MM\")\r\n : \"\"}{\" \"}\r\n | \r\n\r\n\r\n | \r\n\r\n {post.DebtOwing} | \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
\r\n
\r\n );\r\n};\r\nexport default AnnualStatementComponent;\r\n","import React, { useState, useEffect,useCallback } from \"react\";\r\n//import axios from \"axios\";\r\nimport Pagination from \"../CommonPage/Pagination.component\";\r\nimport \"./AnnualReviews.style.scss\";\r\nimport AnnualReviewTableComponent from \"./AnnualReviewTable.Component\";\r\nimport AnnualStatementComponent from \"./AnnualStatement.Component\";\r\nimport { Switch, Route, Router, useHistory } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport DatePicker from \"react-datepicker\";\r\n\r\nconst AnnualReviewsFilter = (props) => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const year = moment().format('YYYY');\r\n const annualStatement = useSelector((state) => state.annualStatement);\r\n const [currentMonth, setCurrentMonth] = useState(moment().month() + 1);\r\n const [currentYear, setCurrentYear] = useState(\"Current\");\r\n const [showTable, setShowTable] = useState(true);\r\n const selectedSubMonth = currentMonth - 1;\r\n console.log(currentYear);\r\n const initDateValue = moment().month(selectedSubMonth).year(currentYear === \"Current\" ? year : currentYear === \"Past\" ? year-1:parseInt(year)+1).endOf(\"month\").toDate();\r\n console.log('AnnualReviewsFilter.jsx - annualReviewDate', initDateValue);\r\n\r\n const [annualReviewDate, setAnnualReviewDate] = useState(initDateValue);\r\n\r\n \r\n const [filterOrders, setFilterOrders] = useState(\"\");\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n\r\n let handleKeyPress = (e) => {\r\n if (!/[0-9]/.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n useEffect(() => {\r\n dispatch(userActions.getAnnualStatement(currentYear, moment().month() + 1));\r\n dispatch(userActions.getAnnualStatementMonthStatus(currentYear));\r\n history.push(`/MonitorLanding/${moment().month() + 1}`);\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n let handleChange = (e, isDate) => {\r\n if (isDate) {\r\n setAnnualReviewDate(e);\r\n }\r\n };\r\n\r\n // search\r\n const [searchInput, setSearchInput] = useState(\"\");\r\n const [selectedFilterType, setSelectedFilterType] = useState(\"\");\r\n\r\n // console.log(posts);\r\n\r\n const indexOfLastPost = currentPage * postsPerPage;\r\n // console.log(\"indexOfLastPost: \", indexOfLastPost);\r\n\r\n const indexOfFirstPost = indexOfLastPost - postsPerPage;\r\n // console.log(\"indexOfFirstPost: \", indexOfFirstPost);\r\n console.log('filterOrders:::::::', annualReviewDate)\r\n const totalStatement =\r\n annualStatement && annualStatement.items\r\n ? selectedFilterType === \"department\"\r\n ? annualStatement.items.filter(\r\n (filteredValue) =>\r\n filteredValue.Department &&\r\n filteredValue.Department.toLowerCase().includes(\r\n searchInput.toLowerCase()\r\n )&&\r\n moment(filteredValue.ReviewDate).toDate() >=\r\n moment().month(selectedSubMonth).startOf(\"month\").toDate() &&\r\n moment(filteredValue.ReviewDate).toDate() <= annualReviewDate\r\n )\r\n : selectedFilterType === \"acn\"\r\n ? annualStatement.items.filter(\r\n (filteredValue) =>\r\n filteredValue.ACN &&\r\n filteredValue.ACN.trim().toLowerCase().includes(\r\n searchInput.trim().toLowerCase()\r\n )&&\r\n moment(filteredValue.ReviewDate).toDate() >=\r\n moment().month(selectedSubMonth).startOf(\"month\").toDate() &&\r\n moment(filteredValue.ReviewDate).toDate() <= annualReviewDate\r\n )\r\n : selectedFilterType === \"\"\r\n ? \r\n annualStatement.items.filter((filteredValue) =>\r\n filteredValue.Name.toLowerCase().includes(searchInput.toLowerCase()) &&\r\n moment(filteredValue.ReviewDate).toDate() >=\r\n moment().month(selectedSubMonth).year(currentYear === \"Current\"? year : currentYear === \"Past\"? year-1:parseInt(year)+1).startOf(\"month\").toDate() &&\r\n moment(filteredValue.ReviewDate).toDate() <= annualReviewDate\r\n )\r\n : annualStatement.items.filter((filteredValue) =>\r\n filteredValue.Name.toLowerCase().includes(searchInput.toLowerCase()) &&\r\n moment(filteredValue.ReviewDate).toDate() >=\r\n moment().month(selectedSubMonth).year(currentYear === \"Current\"? year : currentYear === \"Past\"? year-1:parseInt(year)+1).startOf(\"month\").toDate() &&\r\n moment(filteredValue.ReviewDate).toDate() <= annualReviewDate\r\n )\r\n :\r\n [];\r\n\r\n // filter\r\n function handleFilterChange(e) {\r\n if (e && e.target.value) {\r\n setSelectedFilterType(e.target.value);\r\n setSearchInput(\"\")\r\n }\r\n }\r\n function handleClick(e, selectedMonth, currentYr) {\r\n dispatch(userActions.getAnnualStatement(currentYr, selectedMonth));\r\n setCurrentMonth(selectedMonth);\r\n setSearchInput(\"\");\r\n setFilterOrders(\"\");\r\n history.push(`/MonitorLanding/${selectedMonth}`);\r\n setAnnualReviewDate(\r\n moment()\r\n .month(selectedMonth - 1)\r\n .year(currentYr === \"Current\"? year : currentYr === \"Past\"? year-1:parseInt(year)+1)\r\n .endOf(\"month\")\r\n .toDate()\r\n );\r\n }\r\n\r\n //year dropdown selection\r\n const annualStatementMonthStatus = useSelector(\r\n (state) => state.annualStatementMonthStatus\r\n );\r\n function handleChangeYearDropDown(e) {\r\n setCurrentYear(e.target.value);\r\n console.log(\"e.target.valuee.target.value\",e.target.value)\r\n setAnnualReviewDate(moment().month(selectedSubMonth).year(e.target.value === \"Current\"? year : e.target.value === \"Past\"? year-1:parseInt(year)+1).endOf(\"month\").toDate())\r\n dispatch(userActions.getAnnualStatementMonthStatus(e.target.value));\r\n\r\n dispatch(userActions.getAnnualStatement(e.target.value, currentMonth));\r\n setCurrentMonth(currentMonth);\r\n setSearchInput(\"\");\r\n setFilterOrders(\"\");\r\n }\r\n // button handle click\r\n\r\n function buttonHandleClick(e, value) {\r\n e.preventDefault();\r\n if (value === \"success\") {\r\n setFilterOrders(\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"]\r\n .toLowerCase()\r\n .includes(\"success\".toLowerCase())\r\n )\r\n );\r\n } else if (value === \"warning\") {\r\n setFilterOrders(\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"]\r\n .toLowerCase()\r\n .includes(\"warning\".toLowerCase())\r\n )\r\n );\r\n } else if (value === \"danger\") {\r\n setFilterOrders(\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"].toLowerCase().includes(\"danger\".toLowerCase())\r\n )\r\n );\r\n } else if (value === \"default\") {\r\n setFilterOrders(\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"]\r\n .toLowerCase()\r\n .includes(\"default\".toLowerCase())\r\n )\r\n );\r\n } else {\r\n setFilterOrders(totalStatement);\r\n }\r\n }\r\n let successTotal =\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"].toLowerCase().includes(\"success\".toLowerCase())\r\n );\r\n let warningTotal =\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"].toLowerCase().includes(\"warning\".toLowerCase())\r\n );\r\n let dangerTotal =\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"].toLowerCase().includes(\"danger\".toLowerCase())\r\n );\r\n let defaultTotal =\r\n totalStatement &&\r\n totalStatement.filter(\r\n (value) =>\r\n value[\"StatusText\"] &&\r\n value[\"StatusText\"].toLowerCase().includes(\"default\".toLowerCase())\r\n );\r\n\r\n function searchHandleChange(e) {\r\n setSearchInput(e.target.value);\r\n\r\n // setFilterOrders(totalStatement && totalStatement.filter((value) => value[\"Name\"] && value[\"Name\"].toLowerCase().includes(searchInput.toLowerCase()) ))\r\n }\r\n\r\n let currentPosts = filterOrders\r\n ? filterOrders && filterOrders.slice(indexOfFirstPost, indexOfLastPost)\r\n : totalStatement && totalStatement.slice(indexOfFirstPost, indexOfLastPost);\r\n\r\n // refresh button\r\n /*function handleClickRefreshAnnualSearch(e) {\r\n e.preventDefault();\r\n setSearchInput(\"\");\r\n \r\n}*/\r\n// calendar toggle\r\nconst [isCalendar, setIsCalendar] = useState(false)\r\nconst handleCalenderTrigger = useCallback(\r\n () =>{setIsCalendar(!isCalendar)},\r\n [isCalendar, setIsCalendar]\r\n);\r\n return (\r\n | \r\n {\" \"}\r\n | \r\n |||||||||||
| props.handleClick(e, 1, props.currentYear)}>\r\n {console.log(\"props.currentYearprops.currentYear\",props.currentYear)}\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[1]=== 'danger') ? : } January\r\n | \r\n \r\n\r\nprops.handleClick(e, 2, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[1]=== 'danger') ? : } February\r\n | \r\n \r\n\r\nprops.handleClick(e, 3, props.currentYear)}>\r\n {(props.annualStatementMonthStatus &&props.annualStatementMonthStatus.items&& props.annualStatementMonthStatus.items[2]=== 'danger') ? : } March\r\n | \r\n \r\n\r\nprops.handleClick(e, 4, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[3]=== 'danger') ? : } April\r\n | \r\n \r\n\r\nprops.handleClick(e, 5, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[4]=== 'danger') ? : } May\r\n | \r\n \r\n\r\nprops.handleClick(e, 6, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[5]=== 'danger') ? : } June\r\n | \r\n \r\n\r\nprops.handleClick(e, 7, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[6]=== 'danger') ? : } July\r\n | \r\n \r\n\r\nprops.handleClick(e, 8, props.currentYear)}>\r\n {(props.annualStatementMonthStatus &&props.annualStatementMonthStatus.items&& props.annualStatementMonthStatus.items[7]=== 'danger') ? : } August\r\n | \r\n \r\n\r\nprops.handleClick(e, 9, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[8]=== 'danger') ? : } September\r\n | \r\n \r\n\r\nprops.handleClick(e, 10, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&&props.annualStatementMonthStatus.items[9]=== 'danger') ? : } October\r\n | \r\n \r\n\r\nprops.handleClick(e, 11, props.currentYear)}>\r\n {(props.annualStatementMonthStatus &&props.annualStatementMonthStatus.items&& props.annualStatementMonthStatus.items[10]=== 'danger') ? : } November\r\n | \r\n \r\n\r\nprops.handleClick(e, 12, props.currentYear)}>\r\n {(props.annualStatementMonthStatus && props.annualStatementMonthStatus.items&& props.annualStatementMonthStatus.items[11]=== 'danger') ? : } December\r\n | \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Annual Reviews
\r\n\r\n {isCalendar &&\r\n
\r\n \r\n {totalStatement.length >= postsPerPage && (\r\n \r\n
\r\n }\r\n {console.log('currentPosts::::::', currentPosts)}\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 \r\n \r\n \r\n \r\n \r\n \r\n {console.log(\"isCalendar\",isCalendar)}\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 Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {filterOrders\r\n ? filterOrders.length\r\n : totalStatement && totalStatement.length}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default AnnualReviewsFilter;\r\n","import React,{useState} from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AnnualReviewsFilter from './AnnualReviewsFilter.Component';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\n\r\nconst MonitorLanding = (props) => {\r\n\r\n \r\n const [searchCompany, setSearchCompany] = useState([]);\r\n \r\n \r\n \r\n return (\r\n \r\n
\r\n
\r\n \r\n\r\n Order Monitor
\r\n\r\n \r\n \r\n
\r\n
\r\n {((filterOrders && filterOrders.length>=10) || (orderMonitorTotalStatement && orderMonitorTotalStatement.length >= 10)) && (\r\n | Order No | \r\nCompany Name | \r\nType | \r\nStatus | \r\nStatus date | \r\nOrdered Date | \r\nOrder By | \r\nAssign To | \r\nAssign Date | \r\nDept | \r\n {/* \r\nAction | */}\r\n
|---|---|---|---|---|---|---|---|---|---|---|
| No matching records found | {post.ORDER_ID} | \r\n\r\n{post.COMPANY_NAME} | \r\n\r\n{tooltipType(post.OPTIONS).slice(0, 15).concat('...')} | \r\n \r\n \r\n{post.STATUS} | \r\n\r\n\r\n {post.UPDATED_ON\r\n ? moment(post.UPDATED_ON).format(\"DD/MM/YYYY hh:mm A\")\r\n : \"\"}{\" \"}\r\n | \r\n\r\n\r\n {post.CREATED_ON\r\n ? moment(post.CREATED_ON).format(\"DD/MM/YYYY hh:mm A\")\r\n : \"\"}{\" \"}\r\n | \r\n\r\n{post.CREATED_BY} | \r\n{post.ASSIGNED_TO} | \r\n\r\n {post.ASSIGNED_ON\r\n ? moment(post.ASSIGNED_ON).format(\"DD/MM/YYYY hh:mm A\")\r\n : \"\"}{\" \"}\r\n | \r\n{post.LOCATION} | \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 Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {filterOrders\r\n ? filterOrders.length\r\n : orderMonitorTotalStatement && orderMonitorTotalStatement.length}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default OrderMonitor;\r\n","import React,{useState} from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport OrderMonitor from './OrderMonitor.Component';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\n\r\n\r\nconst OrderMonitorLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n \r\n
\r\n
\r\n \r\n\r\n Digital Signatures
\r\n\r\n \r\n \r\n
\r\n
\r\n {digitalSignatureTotalStatement &&\r\n digitalSignatureTotalStatement.length >= 10 && (\r\n | \r\n | Company Name | \r\nForm | \r\nTitle | \r\nDoc No. | \r\nForm Date | \r\nIssue Date | \r\nStatus | \r\nMain Form Signer | \r\nEsign Type | \r\n {/*Action | */} \r\n
|---|---|---|---|---|---|---|---|---|---|---|
| No matching records found | \r\n {expandState[post.DOC_CODE] ? (\r\n | \r\n\r\n {post.CO_NAME} | \r\n\r\n{post.FORM_TYPE} | \r\n\r\n{post.FORM_TITLE} | \r\n\r\n{post.DOC_CODE} | \r\n\r\n\r\n {post.FORM_DATE\r\n ? moment(post.FORM_DATE).format(\"DD/MM/YYYY \")\r\n : \"\"}{\" \"}\r\n | \r\n\r\n {post.DOCUSIGN_SEND_DATE\r\n ? moment(post.DOCUSIGN_SEND_DATE).format(\"DD/MM/YYYY \")\r\n : \"\"}{\" \"}\r\n | \r\n{post.STATUS} | \r\n{post.EMAIL_ADDRESS} | \r\n{post.ESIGNTYPE} | \r\n {/* \r\n\r\n
| \r\n */}\r\n \r\n {expandedRows.includes(post.DOC_CODE) && (\r\n
\r\n
| \r\n
\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {digitalSignatureTotalStatement\r\n ? digitalSignatureTotalStatement.length\r\n : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default DigitalSignature;\r\n","import React,{useState} from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport DigitalSignature from './DigitalSignatureComponent';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\nconst DigitalSignatureLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ViewCompanyReport;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"font-awesome/css/font-awesome.min.css\";\r\nimport \"../MonitorsComponents/AnnualReviews.style.scss\";\r\nimport Pagination from \"../CommonPage/Pagination.component\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport moment from \"moment\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport ViewCompanyReport from \"../ViewCompanyDebtReport/ViewCompanyDebtReport\";\r\nimport \"../CommonPage/Action.scss\";\r\n\r\n\r\nconst ASICDept = (props) => {\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n\r\n // View Company Report\r\n // eslint-disable-next-line\r\n const [detailsSubmitted, setDetailsSubmitted] = useState(false);\r\n const [details, setDetails] = useState({\r\n zeroBalance: \"No\",\r\n creditBalance: \"No\",\r\n sortReport: \"No\",\r\n });\r\n\r\n //loading spinner\r\n const [isViewCompanyReportLoaded, setIsViewCompanyReportLoaded] =\r\n useState(false);\r\n\r\n let viewReporthHandleChange = (e) => {\r\n const { name, value } = e.target;\r\n setDetails((details) => ({ ...details, [name]: value }));\r\n };\r\n\r\n let viewReportHandleClick = (e) => {\r\n e.preventDefault();\r\n setDetailsSubmitted(true);\r\n dispatch(\r\n userActions.getCompaniesDebtReport(details, setIsViewCompanyReportLoaded)\r\n );\r\n \r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n\r\n let handleKeyPress = (e) => {\r\n if (!/[0-9]/.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(userActions.getAsicDebtStatement());\r\n // eslint-disable-next-line\r\n }, []);\r\n const asicDebtStatement = useSelector((state) => state.asicDebtStatement);\r\n\r\n // search\r\n const [searchInput, setSearchInput] = useState(\"\");\r\n const asicTotalStatement =\r\n asicDebtStatement && asicDebtStatement.items\r\n ? asicDebtStatement.items.filter((filteredValue) =>\r\n filteredValue[\"CO_NAME\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase())\r\n )\r\n : [];\r\n\r\n\r\n\r\n const indexOfLastPost = currentPage * postsPerPage;\r\n\r\n\r\n const indexOfFirstPost = indexOfLastPost - postsPerPage;\r\n \r\n const currentPosts = asicTotalStatement\r\n ? asicTotalStatement.slice(indexOfFirstPost, indexOfLastPost)\r\n : [];\r\n\r\n const valueCompare = 0;\r\n\r\n // refresh button\r\n function handleClickRefreshASICDebt(e) {\r\n e.preventDefault();\r\n setSearchInput(\"\");\r\n }\r\n\r\n return (\r\n Enter Values
\r\n\r\n| Show Zero Balances? | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| Enter Show Credit Balances? | {\" \"}\r\n\r\n {\" \"}\r\n \r\n | \r\n\r\n \r\n | \r\n
| Enter Sort Alphabetically? | {\" \"}\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 ASIC DEBTS
\r\n\r\n \r\n \r\n
\r\n
\r\n {asicTotalStatement && asicTotalStatement.length >= 10 && (\r\n | Company Name | \r\nACN | \r\nReview Date | \r\nNow Due | \r\nFuture Dept | \r\nTotal Owing | \r\n0-30 Days | \r\n31-60 Days | \r\n61-90 Days | \r\nOver 90 Days | \r\n {/*Action | */}\r\n
|---|---|---|---|---|---|---|---|---|---|---|
| No matching records found | ||||||||||
| {post.CO_NAME} | \r\n\r\n{post.ACN} | \r\n\r\n\r\n {post.REVIEW_DATE\r\n ? moment(post.REVIEW_DATE).format(\"DD/MM/YYYY\")\r\n : \"\"}{\" \"}\r\n | \r\n\r\n{post.DEBT_NOW_DUE} | \r\n\r\n{post.FUTURE_DEBT_DUE} | \r\n {post.AMOUNT_OWING > valueCompare}\r\n\r\n\r\n | \r\n {post.DEBT_30} | \r\n{post.DEBT_31_60} | \r\n{post.DEBT_61_90} | \r\n {post.DEBT_90 > valueCompare}\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 Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /{asicTotalStatement ? asicTotalStatement.length : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ASICDept;\r\n","import React,{useState}from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\n\r\nimport LandingPageComponent from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport ASICDept from \"./ASICDept.Component\";\r\n\r\nconst ASICDeptLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n
\r\n
\r\n \r\n\r\n Companies List
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n {companiesDetailListTotal && companiesDetailListTotal.length >= 10 && (\r\n | Company Name | \r\nACN | \r\nReview | \r\nMonth | \r\nNotes | \r\nAgent | \r\nStatus | \r\nSMS | \r\nNotes | \r\nAction | \r\n|
|---|---|---|---|---|---|---|---|---|---|---|
| No matching records found | ||||||||||
| \r\n {\" \"}\r\n | \r\n\r\n {post.ACN} | \r\n\r\n\r\n {post.ReviewDate &&\r\n moment(post.ReviewDate).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n {post.ReviewDate && moment(post.ReviewDate).format(\"M\")}\r\n | \r\n\r\n{post.Notes ? \"Y\" : \"N\"} | \r\n\r\n{post.Agent} | \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 \r\n )}\r\n \r\n );\r\n};\r\nexport default CompaniesComponent;\r\n","import React,{useState}from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CompaniesComponent from './Companies.component';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\nconst CompaniesLanding = (props) => {\r\n \r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n \r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {companiesDetailListTotal ? companiesDetailListTotal.length : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\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\nexport default IndividualEntitiesOfficesPopup;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst IndividualEntitiesSharesPopup = (props) => {\r\n const history = useHistory();\r\n const Sharevalues =\r\n props.individualEntitiesShares && props.individualEntitiesShares.items;\r\n let handleClick = (e, companyCode, companyName) => {\r\n localStorage.setItem(\"companyCode\", JSON.stringify(companyCode));\r\n localStorage.setItem(\"companyName\", JSON.stringify(companyName));\r\n history.push(\"/CompanyMenuDetails/details\");\r\n };\r\n return (\r\n CORPORATE REGISTER
\r\n\r\n| Company Name | \r\nPosition Held | \r\nAlternate For | \r\nAppointed | \r\nCeased | \r\n
|---|---|---|---|---|
| No matching records found | \r\n||||
| \r\n | \r\n\r\n \r\n | \r\n \r\n | {moment(post.value.APPOINTED).format(\"DD/MM/YYYY\")} | \r\n\r\n {post.value.CEASED &&\r\n moment(post.value.CEASED).format(\"DD/MM/YYYY\")}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default IndividualEntitiesSharesPopup;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../MonitorsComponents/AnnualReviews.style.scss\";\r\nimport Pagination from \"../CommonPage/Pagination.component\";\r\nimport MobileNumber from \"../MobileNumberComponent/MobileNumber.Component\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport EmailId from \"../EmailIdComponent/EmailId.Component\";\r\nimport \"../CommonPage/Action.scss\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\nimport IndividualEntitiesOfficesPopup from \"./IndividualEntitiesOfficesPopup.component\";\r\nimport IndividualEntitiesSharesPopup from \"./IndividualEntitiesSharesPopup.component\";\r\nimport DidComponent from \"../Did.Component/Did.Component\";\r\n\r\nconst IndividualEntitiesComponent = (props) => {\r\n // phoneNumber,Emailid Update\r\n const [popupShow, setPopupShow] = useState(0);\r\n const [popupDidErrorShow, setPopupDidErrorShow] = useState(0);\r\n const [rn, setRn] = useState(\"\");\r\n const individualEntities = useSelector((state) => state.individualEntities);\r\n const handlePopupClose = () => setPopupShow(false);\r\n const handlePopupShow = (e, index) => {\r\n e.preventDefault();\r\n\r\n setPopupShow(index);\r\n };\r\n\r\n const [popupOfficeShow, setPopupOfficeShow] = useState(0);\r\n const handleOfficePopupClose = () => setPopupOfficeShow(false);\r\n const handleOfficePopupShow = (e, index, value) => {\r\n e.preventDefault();\r\n if (value === \"Offices\") {\r\n dispatch(userActions.getIndividualEntitiesOffices(index));\r\n value = \"\";\r\n }\r\n setPopupOfficeShow(index);\r\n };\r\n\r\n const [popupSharesShow, setPopupSharesShow] = useState(0);\r\n const handleSharesPopupClose = () => setPopupSharesShow(false);\r\n const handleSharesPopupShow = (e, index, value) => {\r\n e.preventDefault();\r\n if (value === \"Shares\") {\r\n dispatch(userActions.getIndividualEntitiesShares(index));\r\n\r\n value = \"\";\r\n }\r\n\r\n setPopupSharesShow(index);\r\n };\r\n\r\n const [popupMobileShow, setPopupMobileShow] = useState(0);\r\n const handleMobilePopupClose = () => setPopupMobileShow(false);\r\n const handleMobilePopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupMobileShow(index);\r\n };\r\n\r\n let handleEmailPopupClick = (e, rn) => {\r\n e.preventDefault();\r\n // if (person.emailAddress) {\r\n dispatch(userActions.postIndividualEmailID(rn, person.emailAddress));\r\n setTimeout(() => {\r\n dispatch(userActions.getAllIndividualsEntities());\r\n }, 0);\r\n // props.history.push(props.history.location);\r\n handlePopupClose();\r\n // }\r\n };\r\n\r\n let handleMobilePopupClick = (e, rn) => {\r\n e.preventDefault();\r\n\r\n // if (person.mobileNumber) {\r\n dispatch(userActions.postIndividualPhoneNumber(rn, person.mobileNumber));\r\n setTimeout(() => {\r\n dispatch(userActions.getAllIndividualsEntities());\r\n }, 0);\r\n //props.history.push(props.history.location);\r\n handleMobilePopupClose();\r\n // }\r\n };\r\n\r\n const [popupDidShow, setPopupDidShow] = useState(0);\r\n const handleDidPopupClose = () => setPopupDidShow(false);\r\n const handleDidPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupDidShow(index);\r\n };\r\n\r\n let handleDidPopupClick = (e, rn) => {\r\n e.preventDefault();\r\n \r\n //if (person.didNumber) {\r\n dispatch(userActions.postIndividualEntitiesDid(rn, person.didNumber));\r\n setRn(rn)\r\n setPopupDidErrorShow(person.didNumber);\r\n setTimeout(() => {\r\n dispatch(userActions.getAllIndividualsEntities());\r\n }, 0);\r\n \r\n //props.history.push(props.history.location);\r\n \r\n handleDidPopupClose();\r\n // }\r\n };\r\n\r\n const [person, setPerson] = useState({\r\n mobileNumber: \"\",\r\n emailAddress: \"\",\r\n didNumber: \"\",\r\n });\r\n\r\n let handlePersonDetailsChange = (e) => {\r\n e.preventDefault();\r\n setPerson((person) => ({\r\n ...person,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n\r\n let handleKeyPress = (e) => {\r\n if (!/[0-9]/.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(userActions.getAllIndividualsEntities());\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n \r\n\r\n // search\r\n const [searchInputIndividuals, setsearchInputIndividuals] = useState(\"\");\r\n\r\n const individualEntitiesTotal =\r\n individualEntities && individualEntities.items\r\n ? individualEntities.items\r\n .sort((a, b) => (a.SURNAME > b.SURNAME || a.CODE > b.CODE ? 1 : -1))\r\n .filter(\r\n (filteredValue) =>\r\n filteredValue[\"NAME\"] &&\r\n filteredValue[\"NAME\"]\r\n .toLowerCase()\r\n .includes(searchInputIndividuals.toLowerCase())\r\n )\r\n : [];\r\n\r\n // console.log(posts);\r\n\r\n const indexOfLastPost = currentPage * postsPerPage;\r\n // console.log(\"indexOfLastPost: \", indexOfLastPost);\r\n\r\n const indexOfFirstPost = indexOfLastPost - postsPerPage;\r\n // console.log(\"indexOfFirstPost: \", indexOfFirstPost);\r\n\r\n const currentPosts = individualEntitiesTotal\r\n ? individualEntitiesTotal.slice(indexOfFirstPost, indexOfLastPost)\r\n : [];\r\n // refresh button\r\n function handleClickRefreshIndividualEntities(e) {\r\n e.preventDefault();\r\n setsearchInputIndividuals(\"\");\r\n }\r\n\r\n //Profile Report\r\n\r\n //loading spinner\r\n const [isProfileReportLoaded, setIsProfileReportLoaded] = useState(false);\r\n\r\n function handleClickProfileReport(e, companyCode) {\r\n localStorage.setItem(\"companyCode\", JSON.stringify(companyCode));\r\n dispatch(\r\n userActions.getIndividualEntitiesProfileReport(\r\n companyCode,\r\n setIsProfileReportLoaded\r\n )\r\n );\r\n }\r\n // Offices popup\r\n\r\n const individualEntitiesOffices = useSelector(\r\n (state) => state.individualEntitiesOffices\r\n );\r\n\r\n // shares popup\r\n const individualEntitiesShares = useSelector(\r\n (state) => state.individualEntitiesShares\r\n );\r\n\r\n const didUpdate = useSelector((state) => state.didUpdate);\r\n\r\n const handleErrorDidPopupClose = () => setPopupDidErrorShow(false);\r\n const handleErrorDidPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupDidErrorShow(index);\r\n };\r\n\r\n\r\n return (\r\n CORPORATE REGISTER
\r\n\r\n| Name | \r\nShare Class | \r\nTotal Shares | \r\nFullyPaid | \r\nBeneficially Owned | \r\n
|---|---|---|---|---|
| No matching records found | \r\n||||
| | \r\n \r\n {post.value.CLASS_CODE} | \r\n\r\n{post.value.SUM_TOT_SHARES} | \r\n \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n {console.log(\"individualEntities======\",individualEntities)}\r\n
\r\n \r\n\r\n Individuals & Entities
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n | Surname/Company Name | \r\nName | \r\nSMS | \r\nDID | \r\nAction | \r\n|
|---|---|---|---|---|---|
| No matching records found | |||||
| {post.SURNAME} | \r\n\r\n{post.NAME} | \r\n \r\n\r\n | \r\n \r\n | \r\n \r\n \r\n {post.INDIV_TYPE === \"Person\" ? (\r\n \r\n | \r\n \r\n
| \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >\r\n {\"\"}/\r\n {individualEntitiesTotal ? individualEntitiesTotal.length : 0}\r\n
\r\n \r\n {console.log('currentPage::::', currentPage)}\r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default IndividualEntitiesComponent;\r\n\r\n\r\n\r\n\r\n","import React,{useState} from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport IndividualEntitiesComponent from './IndividualEntities.component';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\n\r\n\r\nconst IndividualEntitiesLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\nconst [searchCompany, setSearchCompany] = useState([]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Group Code List
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n \r\n | Group Description | \r\n {/* \r\nAction | */}\r\n \r\n
|---|---|
| No matching records found | |
| {post.GROUP_DESC} | \r\n {/* \r\n\r\n | \r\n*/}\r\n
\r\n
\r\n \r\n );\r\n}\r\n export default JointHolderComponent;","import React,{useState} from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport JointHolderComponent from \"./JointHolder.component\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\n\r\nconst JointHolderLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n
\r\n
\r\n \r\n\r\n Beneficial Owners & Trusts
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n {beneficialOwnerTotal && beneficialOwnerTotal.length >= 10 && (\r\n | Beneficial Owner Name | \r\nTFN | \r\n\r\nAction | \r\n
|---|---|---|
| No matching records found | ||
| {post.BEN_NAME} | \r\n{post.TFN} | \r\n\r\n\r\n
| \r\n
\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >\r\n {\"\"}/{beneficialOwnerTotal ? beneficialOwnerTotal.length : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default BenificialOwnerComponent;\r\n","import React,{useState} from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport BenificialOwnerComponent from \"./BeneficialOwner.component\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\n\r\nconst BenificialOwnerLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n
\r\n
\r\n \r\n\r\n Electronic Lodgement Service
\r\n\r\n \r\n \r\n
\r\n
\r\n {electronicLodgementServiceTotalStatement &&\r\n electronicLodgementServiceTotalStatement.length >= 10 && (\r\n | Support | \r\nCompany Name | \r\nForm | \r\nDocument Status | \r\nDoc Track No. | \r\nDate | \r\nAgent | \r\nhandleClickStatusSort(e)}>Status {statusSort === \"asc\" ? : } | \r\n \r\n {/*Action | */}\r\n\r\n |
|---|---|---|---|---|---|---|---|---|---|
| No matching records found | |||||||||
| \r\n \r\n | \r\n{post.CO_NAME} | \r\n\r\n{post.FORM_TYPE} | \r\n\r\n\r\n {\" \"}\r\n | \r\n {post.DOC_CODE} | \r\n\r\n{moment(post.FORM_DATE).format(\"DD/MM/YYYY\")} | \r\n{post.AGENT_CODE} | \r\n\r\n\r\n | \r\n {/* \r\n \r\n
| \r\n */}\r\n {post.FORM_TYPE === \"484\" ? false }\r\nrole=\"button\"\r\nonClick={(e) =>form484DocTrackHandleClick(e,post.RN,post.DOC_CODE)}>: \"\" } | \r\n\r\n\r\n{popup484DocTrackShow === post.DOC_CODE ? (\r\n
\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {electronicLodgementServiceTotalStatement\r\n ? electronicLodgementServiceTotalStatement.length\r\n : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default FormsAndDocumentComponent;\r\n","import React,{useState,} from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport FormsAndDocumentComponent from './formsAndDocumentComponent';\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\n\r\n\r\nconst FormsAndDocumentsLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n\r\n Unit Trust Register
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n {unitTrustTableTotal && unitTrustTableTotal.length >= PAGE_MAX_SIZE && (\r\n | UnitTrust Name | \r\n\tTrustee | \r\n\r\nAction | \r\n
|---|---|---|
| No matching records found | ||
| {post.TRUST_NAME} | \r\n{post.CO_NAME} | \r\n\r\n\r\n
| \r\n
\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >\r\n {\"\"}/{unitTrustTableTotal ? unitTrustTableTotal.length : 0}\r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default UnitTrustRegisterComponent;\r\n","import React,{useState} from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\nimport UnitTrustRegisterComponent from \"./UnitTrustRegisterComponent\";\r\n\r\nconst UnitTrustRegisterLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n
\r\n
\r\n );\r\n};\r\nexport default DIDListComponent;","import React,{useState} from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\nimport DIDListComponent from \"./DIDListComponent\";\r\n\r\n\r\nconst DIDListComponentLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n \r\n
\r\n Director ID
\r\n\r\n {/* false}\r\n className=\"nav-link px-4\"\r\n role=\"button\"\r\n onClick={(e) => handleClickDidList(e)}\r\n >\r\n Director ID List {isLoaded ? \r\n
\r\n \r\n \r\n
\r\n | \r\n | |||
| {isLoaded ? | \r\n \r\n \r\n | \r\n {isExcelLoaded ? |
\r\n
\r\n \r\n DID help & information
\r\n\r\n \r\n \r\n DID Information Sheet{\" \"}\r\n \r\n \r\n \r\n \r\n About DID{\" \"}\r\n \r\n \r\n \r\n \r\n Steps to apply for DID{\" \"}\r\n \r\n \r\n \r\n \r\n Verifying Your Identity for DID\r\n \r\n \r\n \r\n \r\n Paper DID Application Form\r\n \r\n \r\n
\r\n {i + 1}
\r\n \r\n );\r\n } else if (stylesState[i] === \"doing\") {\r\n return (\r\n{i + 1}
\r\n \r\n );\r\n } else {\r\n return (\r\n{i + 1}
\r\n \r\n );\r\n }\r\n });\r\n\r\n const renderNav = (show) =>\r\n show && (\r\n\r\n \r\n
\r\n {count === 5 &&\r\n props.ebinderOrderRequest &&\r\n props.ebinderOrderRequest.loading ? (\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n return (\r\n | \r\n \r\n {console.log('compState:::', compState)}\r\n {compState <= 5 && (\r\n | \r\n \r\n | \r\n | \r\n {\" \"}\r\n \r\n {count < 5 && (\r\n | \r\n
\r\n Company Name not selected! please select the Company Name to\r\n proceed.\r\n
\r\n )}\r\n {count === 5 &&\r\n props.ebinderResponse &&\r\n props.ebinderResponse.error && (\r\n \r\n An unknown error occurred. Please contact\r\n support@primeconsulting.com.au if the error persists.\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\n\r\nconst EBinderDeleteCustomfileComponent = (props) => {\r\n return (\r\n - {renderSteps()}
\r\n {step.component}\r\n
\r\n );\r\n })\r\n ) : (\r\n {props.steps[compState].component}
\r\n )}\r\n {renderNav(showNav)}
\r\n \r\n {`Are you sure you want to delete \"${props.fileName}\"?`}\r\n
\r\n );\r\n};\r\n\r\nexport default EBinderDeleteCustomfileComponent;","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport EBinderDeleteCustomfileComponent from \"./EBinderDeleteCustomfileComponent\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst EBinderAdditionalDoc = (props) => {\r\n const ebinderCustomFileList = useSelector(\r\n (state) => state.ebinderCustomFileList\r\n );\r\n // eslint-disable-next-line\r\n const [isFinishedUploading, setIsFinishedUploading] = useState(false);\r\n const [isUploading, setIsUploading] = useState(false);\r\n // eslint-disable-next-line\r\n const [isError, setIsError] = useState(false);\r\n const [errors, setErrors] = useState({});\r\n\r\n const onDrop = useCallback((acceptedFiles) => {\r\n console.log(\"acceptedFiles\", acceptedFiles);\r\n \r\n\r\n // Build POST data\r\n let formdata = new FormData();\r\n acceptedFiles.forEach((file) => {\r\n formdata.append(file.name, file);\r\n });\r\n\r\n console.log('formdata=====', formdata)\r\n \r\n dispatch(userActions.postEbinderCustomFileAdd(props.selectedCompanyCode,formdata,setErrors,setIsUploading));\r\n setTimeout(() => {\r\n dispatch(userActions.getEbinderCustomFileList(props.selectedCompanyCode));\r\n }, 2000);\r\n // eslint-disable-next-line\r\n }, []);\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\r\n const dispatch = useDispatch();\r\n\r\n // Create user generated upload error list\r\n let fileUploadErrors = null;\r\n if (Object.keys(errors).length > 0) {\r\n console.log(\"fileUploadErrors\")\r\n fileUploadErrors = Object.keys(errors).map((key) => {\r\n switch (errors[key]) {\r\n case \"INVALID_NAME\":\r\n return (\r\n \r\n File '{key}' has an invalid name. File must be a PDF and only\r\n contain alphanumeric and spaces.\r\n
\r\n );\r\n case \"INVALID_CONTENT_TYPE\":\r\n return (\r\nFile '{key}' is not an accepted format. Files must be PDF.
\r\n );\r\n case \"ALREADY_EXISTS\":\r\n return (\r\n\r\n File '{key}' already exists. Either rename your upload or delete\r\n the existing file.\r\n
\r\n );\r\n default:\r\n returnFile '{key}' was rejected by server (unknown).
;\r\n }\r\n });\r\n console.log(\"fileUploadErrors\",fileUploadErrors)\r\n }\r\n\r\n\r\n\r\n \r\n // postEbinderCustomFileDelete v\r\n const [popupCustomfileDeleteShow, setPopupCustomfileDeleteShow] = useState(0);\r\n const handleCustomfileDeleteClose = () => setPopupCustomfileDeleteShow(false);\r\n const handleCustomfileDeleteShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupCustomfileDeleteShow(index);\r\n };\r\n\r\n let handleDeletePopupClick = (e, fileName) => {\r\n e.preventDefault();\r\n dispatch(\r\n userActions.postEbinderCustomFileDelete(props.selectedCompanyCode, fileName)\r\n );\r\n handleCustomfileDeleteClose();\r\n setTimeout(() => {\r\n dispatch(userActions.getEbinderCustomFileList(props.selectedCompanyCode));\r\n }, 1000);\r\n };\r\n\r\n function handleClickSelectedItems(e, value) {\r\n props.setCustomFileList((prevState) =>\r\n prevState.map((item) =>\r\n item === value\r\n ? Object.assign(item, { additionDocCheckBox: e.target.checked })\r\n : Object.assign(item)\r\n )\r\n );\r\n }\r\n\r\n function handleClickAll(e) {\r\n props.setCustomFileList((prevState) =>\r\n prevState.map((item) =>\r\n Object.assign(item, { additionDocCheckBox: true })\r\n )\r\n );\r\n }\r\n\r\n function handleClickNone(e) {\r\n props.setCustomFileList((prevState) =>\r\n prevState.map((item) =>\r\n Object.assign(item, { additionDocCheckBox: false })\r\n )\r\n );\r\n }\r\n\r\n useEffect(() => {\r\n // eslint-disable-next-line\r\n }, [\r\n props.ebinderCustomFileList,\r\n ebinderCustomFileList,\r\n props.customFileList,\r\n ]);\r\n\r\n\r\n // Upload recently finished\r\n if (isFinishedUploading) {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n\r\n // If there was a server error in the upload process\r\n if (isError) {\r\n return (\r\n \r\n
\r\n Upload complete!
\r\n{fileUploadErrors}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n Failed to upload due to unexpected error.
\r\n\r\n
\r\n
\r\n\r\n \r\n {props.customFileList &&\r\n props.customFileList.map((post, index) => (\r\n
\r\n
\r\n );\r\n};\r\nexport default EBinderAdditionalDoc;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport moment from \"moment\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst EBinderManagement = (props) => {\r\n //loading spinner\r\n const [isEbinderLinkLoaded, setIsEbinderLinkLoaded] = useState(false);\r\n const manageEbinderList = useSelector((state) => state.manageEbinderList);\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n if (props.selectedCompanyCode) {\r\n \r\n dispatch(userActions.getManageEbinderList(props.selectedCompanyCode));\r\n \r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n const manageEbinderListFile =\r\n manageEbinderList && manageEbinderList.items ? manageEbinderList.items : [];\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n function eBinderHandleClick(e, binderId) {\r\n if (props.selectedCompanyCode) {\r\n dispatch(\r\n userActions.getEbinderLink(\r\n props.selectedCompanyCode,\r\n binderId,\r\n setIsEbinderLinkLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getEbinderLink(\r\n props.selectedCompanyCode,\r\n binderId,\r\n setIsEbinderLinkLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n Additional User Documents
\r\n\r\n Select any additional documents which should be included in the\r\n binder.\r\n
\r\n\r\n You may also upload any additional documents (pdf only) which you\r\n would like included and saved for future use.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
| \r\n | \r\n \r\n | \r\n {post} | \r\n
\r\n \r\n \r\n
\r\n {isUploading ? \r\n \r\n {isDragActive ? (\r\n
\r\n Drop files here to upload...
\r\n ) : (\r\nDrag and drop PDF files here, or click to upload.
\r\n )}\r\n{fileUploadErrors}
\r\n \r\n
\r\n );\r\n};\r\nexport default EBinderManagement;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Pagination from \"../CommonPage/Pagination.component\";\r\nimport moment from \"moment\";\r\nimport EBinderManagement from \"../EbinderMangementComponent/EbinderMangement.component\";\r\n\r\nconst EbinderCompany = (props) => {\r\n const ebinderCompanyList =useSelector((state) => state.ebinderCompanyList);\r\n const companiesDetailList = useSelector((state) => state.companiesDetailList);\r\n\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n // eslint-disable-next-line\r\n const [postsPerPage, setPostsPerPage] = useState(8);\r\n // eslint-disable-next-line\r\n let handleKeyPress = (e) => {\r\n if (!/[0-9]/.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n // connect to API\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(userActions.getCompaniesDetailList());\r\n dispatch(userActions.getEbinderCompanyList());\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n // search\r\n const [searchInput, setSearchInput] = useState(\"\");\r\n const ebinderCompanyListTotal =\r\n ebinderCompanyList && ebinderCompanyList.items\r\n ? ebinderCompanyList.items\r\n .sort((a, b) => (a.Name > b.Name ? 1 : -1))\r\n .filter((filteredValue) =>\r\n filteredValue[\"Name\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase())\r\n )\r\n : [];\r\n\r\n // console.log(posts);\r\n\r\n const indexOfLastPost = currentPage * postsPerPage;\r\n // console.log(\"indexOfLastPost: \", indexOfLastPost);\r\n\r\n const indexOfFirstPost = indexOfLastPost - postsPerPage;\r\n // console.log(\"indexOfFirstPost: \", indexOfFirstPost);\r\n const currentPosts = ebinderCompanyListTotal\r\n ? ebinderCompanyListTotal.slice(indexOfFirstPost, indexOfLastPost)\r\n : [];\r\n\r\n // refresh button\r\n function handleClickRefresh(e) {\r\n e.preventDefault();\r\n setSearchInput(\"\");\r\n }\r\n\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n // eslint-disable-next-line\r\n const validate =\r\n companyCode !== null ||\r\n (inputSearchValue !== null && inputSearchValue.length > 0);\r\n\r\n function handleChange(e, post) {\r\n props.setSelectedCompanyCode(e.target.value);\r\n props.setDisplaySelectedCompany(post);\r\n\r\n console.log(\"displaySelectedCompany\", post);\r\n }\r\n\r\n \r\n\r\n return (\r\n \r\n {props.selectedCompanyCode && manageEbinderListFile && manageEbinderListFile.length === 0 && ( \r\n {props.selectedCompanyCode && manageEbinderListFile && manageEbinderListFile.length === 0 && (\r\n
\r\n
\r\n e-Binder Management
)}\r\n\r\n {props.selectedCompanyCode && manageEbinderListFile && manageEbinderListFile.length === 0 && (\r\n On this popup page you will find references and download links to\r\n previously created electronic binders.\r\n
\r\n )}\r\n| \r\n | \r\n
\r\n {console.log(\"ebinderCompanyList\",ebinderCompanyList)}\r\n {console.log(\"companiesDetailList\",companiesDetailList)}\r\n companiesDetailList\r\n {console.log(\"ebinderCompanyListTotal\",ebinderCompanyListTotal)}\r\n
\r\n \r\n \r\n
\r\n \r\n Select Company\r\n
\r\n\r\n
\r\n
\r\n\r\n {ebinderCompanyListTotal && ebinderCompanyListTotal.length >= 10 && (\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n ebinderCompanyList && currentPosts&& currentPosts.length ===0 ? \r\n
\r\n
\r\n | No matching records found | |
| \r\n | \r\n \r\n \r\n {post.Name}\r\n \r\n \r\n ACN | {post.ACN}\r\n | \r\n
\r\n {props.displaySelectedCompany && (\r\n \r\n
\r\n\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC === null\r\n ? \" Incorporated: N/A\"\r\n : props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC\r\n ? `Incorporated: ${moment(\r\n props.displaySelectedCompany.DATE_INC\r\n ).format(\"DD/MM/YYYY\")}`\r\n : \"\"}\r\n
\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Address\r\n ? `Registered Office: ${props.displaySelectedCompany.Address}`\r\n : \"\"}\r\n \r\n )}\r\n { console.log('props.showEBinderMangement',props.showEBinderMangement)}\r\n {\r\n \r\n props.showEBinderMangement &&\r\n \r\n
\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Name}\r\n
\r\n \r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.ACN\r\n ? `ACN:${props.displaySelectedCompany.ACN}`\r\n : \"\"}\r\n\r\n\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC === null\r\n ? \" Incorporated: N/A\"\r\n : props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC\r\n ? `Incorporated: ${moment(\r\n props.displaySelectedCompany.DATE_INC\r\n ).format(\"DD/MM/YYYY\")}`\r\n : \"\"}\r\n
\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Address\r\n ? `Registered Office: ${props.displaySelectedCompany.Address}`\r\n : \"\"}\r\n \r\n )}\r\n { console.log('props.showEBinderMangement',props.showEBinderMangement)}\r\n {\r\n \r\n props.showEBinderMangement &&\r\n \r\n
\r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default withRouter(EbinderCompany);\r\n","import React, { useState,useMemo } from \"react\";\r\nimport { useDispatch} from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport FullPageLoader from \"../CommonPage/FullPageLoader\";\r\n\r\nconst EBinderComplete= (props) => {\r\n const selectedSearchValue = localStorage.getItem(\"inputSearchValue\");\r\n //loading spinner\r\n const [isEbinderLoaded, setIsEbinderLoaded] = useState(false);\r\n \r\n const dispatch = useDispatch();\r\n// Creation date.\r\nconst creationDate =\r\n new Date().toLocaleTimeString() + \" \" + new Date().toLocaleDateString();\r\n function eBinderHandleClick(e, binderId) {\r\n if (props.selectedCompanyCode) {\r\n dispatch(\r\n userActions.getEbinderLink(\r\n props.selectedCompanyCode,\r\n binderId,\r\n setIsEbinderLoaded\r\n )\r\n );\r\n } else if (selectedSearchValue !== null) {\r\n JSON.parse(selectedSearchValue).map((value) =>\r\n dispatch(\r\n userActions.getEbinderLink(\r\n props.selectedCompanyCode,\r\n binderId,\r\n setIsEbinderLoaded\r\n )\r\n )\r\n );\r\n }\r\n }\r\n const countFiles = (files) =>\r\n Object.keys(files).reduce((acc, cur) => acc + files[cur].length, 0);\r\n// Memoized due to the reduction over a potentially large object.\r\nlet numPrimeDocs = useMemo(\r\n () => countFiles(props.totalSelected),\r\n [props.totalSelected]\r\n);\r\n // Number of custom user documents.\r\n let numCustomDocs = props.customFileList && props.customFileList.length;\r\n return (\r\n \r\n \r\n
\r\n\r\n\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default EBinderComplete;","import React, { useState} from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport EBinderCompanyComponent from \"../EBinderCompanyComponent/EBinderCompanyComponent\";\r\n\r\n\r\nconst EbinderGetStarted = (props) => {\r\n const [showManageEBinderPopup, setShowManageEBinderPopup] = useState(false);\r\n const handleClose = () => setShowManageEBinderPopup(false);\r\n const handleShow = () => {setShowManageEBinderPopup(true);props.setShowEBinderMangement(true); }\r\n\r\n return (\r\n Complete
\r\nyour new e-Binder has been generated successfully
\r\n {console.log(\"numPrimeDocs\",numPrimeDocs)}\r\n\r\nSummary
\r\n| Company | \r\n{props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Name} | \r\n
| e-Binder ID | \r\n\r\n | {isEbinderLoaded ?
| Created At | \r\n{creationDate} | \r\n
| Prime Cloud Documents | \r\n{numPrimeDocs} | \r\n
| Custom User Documents | \r\n{numCustomDocs} | \r\n
| Included Registers | \r\n\r\n {console.log('resigter::', props.register)}\r\n {props.register &&\r\n props.register.join(\",\")} | \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default withRouter(EbinderGetStarted);","import React, { useState } from \"react\";\r\n\r\nimport moment from \"moment\";\r\n\r\nconst EBinderPrimeCloudDocs = (props) => {\r\n\r\n\r\n\r\n const [expandedRows, setExpandedRows] = useState([]);\r\n const [expandState, setExpandState] = useState({});\r\n\r\n const handleRow = (e, code) => {\r\n const currentExpandedRows = expandedRows;\r\n const isRowExpanded = currentExpandedRows.includes(code);\r\n\r\n let obj = {};\r\n isRowExpanded ? (obj[code] = false) : (obj[code] = true);\r\n setExpandState(obj);\r\n\r\n // If the row is expanded, we are here to hide it. Hence remove\r\n // it from the state variable. Otherwise add to it.\r\n const newExpandedRows = isRowExpanded\r\n ? currentExpandedRows.filter((id) => id !== code)\r\n : currentExpandedRows.concat(code);\r\n\r\n setExpandedRows(newExpandedRows);\r\n };\r\n\r\n function handleClickAll(e) {\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) => ({\r\n ...item,\r\n primeDocCheckBox: true,\r\n documents: item.documents.map((value) =>\r\n Object.assign(value, { primeSubDocCheckBox: true })\r\n ),\r\n }))\r\n );\r\n }\r\n\r\n function handleClickNone(e) {\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) => ({\r\n ...item,\r\n primeDocCheckBox: false,\r\n documents: item.documents.map((value) =>\r\n Object.assign(value, { primeSubDocCheckBox: false })\r\n ),\r\n }))\r\n );\r\n \r\n }\r\n\r\n function handleClickLatest(e) {\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) => ({\r\n ...item,\r\n primeDocCheckBox: true,\r\n documents: item.documents.map((value, index) =>\r\n index === 0\r\n ? Object.assign(value, { primeSubDocCheckBox: true })\r\n : Object.assign(value, { primeSubDocCheckBox: false })\r\n ),\r\n }))\r\n );\r\n }\r\n\r\n function handleClickSelectedItems(e, type) {\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) =>\r\n type === item.type\r\n ? {\r\n ...item,\r\n primeDocCheckBox: e.target.checked,\r\n documents: item.documents.map((value) =>\r\n Object.assign(value, { primeSubDocCheckBox: e.target.checked })\r\n ),\r\n }\r\n : {\r\n ...item,\r\n }\r\n )\r\n );\r\n }\r\n\r\n function handleClickSubSelectedItems(e, index, type, id) {\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) =>\r\n type === item.type\r\n ? {\r\n ...item,\r\n documents: item.documents.map((value) =>\r\n value.ID === id\r\n ? Object.assign(value, {\r\n primeSubDocCheckBox: e.target.checked,\r\n })\r\n : Object.assign(value)\r\n ),\r\n }\r\n : {\r\n ...item,\r\n }\r\n )\r\n );\r\n\r\n }\r\n\r\n\r\n function handleClickDeselectMainItem(e, index, type) {\r\n setTimeout(() => {\r\n let value =\r\n props.primeFileDocuments &&\r\n props.primeFileDocuments[index].documents.filter(\r\n (item) => !item.primeSubDocCheckBox\r\n );\r\n console.log(\"uncheckboxCount===:::\", value.length);\r\n\r\n props.setPrimeFileDocuments((prevState) =>\r\n prevState.map((item) =>\r\n type === item.type\r\n ? {\r\n ...item,\r\n primeDocCheckBox: value.length === 0,\r\n }\r\n : {\r\n ...item,\r\n }\r\n )\r\n );\r\n }, 0);\r\n\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n Electronic Company Binders (e-Binders)
What is an e-Binder?
\r\nAn e-Binder offers a solution for aggregating all relevant company documents, registers and files into one place.
\r\nExamples of information which can be assembled into your e-Binder include:
\r\n- Registered Company Information\r\n \r\n
- PrimeCloud Official Reports / Documents\r\n \r\n
- Register of Directors & Secretaries\r\n \r\n
- Application and Allotment Journal\r\n \r\n
- Transfer Journal\r\n \r\n
- Register of Members
How does it work?
\r\nThe e-Binder system will take you through the following process:
\r\n- \r\n
- Select the company for which you are creating an e-Binder. \r\n
- Select which Prime Cloud documents should be included. \r\n
- Select which Registers should be included. \r\n
- Review your selection. \r\n
- Wait for Prime Cloud to generate your binder. \r\n
- \r\n Access your e-Binder download link. The new e-bBinder will also be\r\n available in the 'previous binders' section.\r\n \r\n
\r\n
\r\n {showManageEBinderPopup && (\r\n Previous e-Binders
\r\n\r\n You can also review and download any previously generated e-binders.\r\n
\r\n\r\n The e-Binders manager serves as a historical reference for record\r\n keeping purposes.\r\n
\r\n\r\n{console.log(\"props.showEBinderMangement1111\",props.selectedCompanyCode)}\r\n\r\n
\r\n
\r\n \r\n
Getting Started
\r\nGet started by clicking the ' Next' button below.
\r\n\r\n\r\n {console.log('ebinderCompanyCode~~~~~3~~~~~~',props.primeFileDocuments)}\r\n
\r\n );\r\n};\r\n\r\nexport default EBinderPrimeCloudDocs;\r\n","import React from \"react\";\r\n\r\nconst EBinderRegisters = (props) => {\r\n const handleClickSelectedRegister = (e) => {\r\n props.setCompanyRegister({\r\n ...props.companyRegister,\r\n [e.target.name]:\r\n e.target.type === \"checkbox\" ? e.target.checked : e.target.value\r\n })\r\n \r\n };\r\n return (\r\n \r\n
\r\n\r\n \r\n Select Prime Documents\r\n
\r\n\r\n Please select files for inclusion from available Prime Cloud\r\n Documents.\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n {console.log(\"props.primeFileDocuments::::::\", props.totalSelected)}\r\n {props.primeFileDocuments && props.primeFileDocuments.length < 0 && (\r\n
\r\n \r\n
\r\n {console.log(\"props.primeFileDocuments::::::\", props.totalSelected)}\r\n {props.primeFileDocuments && props.primeFileDocuments.length < 0 && (\r\n
No Prime Documents on record
\r\n )}\r\n\r\n {props.primeFileDocuments && props.primeFileDocuments.length > 0 && (\r\n \r\n {props.primeFileDocuments &&\r\n props.primeFileDocuments.map((post, index) => (\r\n \r\n
\r\n )}\r\n
\r\n | \r\n | \r\n \r\n {expandState[post.type] ? (\r\n | \r\n\r\n {post.type} | \r\n{post.description} | \r\n\r\n {props.totalSelected &&\r\n props.totalSelected[index] &&\r\n props.totalSelected[index].length > 0\r\n ? `${props.totalSelected[index].length} selected`\r\n : \" \"}\r\n | \r\n \r\n {expandedRows.includes(post.type) && (\r\n
|---|---|---|---|---|
\r\n
| \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default EBinderRegisters;\r\n","import React, { useState } from \"react\";\r\nimport moment from \"moment\";\r\n\r\n\r\nconst EBinderReview = (props) => {\r\n const [expandState, setExpandState] = useState({});\r\n const [expandedRows, setExpandedRows] = useState([]);\r\n const handleRow = (e, code) => {\r\n const currentExpandedRows = expandedRows;\r\n const isRowExpanded = currentExpandedRows.includes(code);\r\n\r\n let obj = {};\r\n isRowExpanded ? (obj[code] = false) : (obj[code] = true);\r\n setExpandState(obj);\r\n\r\n // If the row is expanded, we are here to hide it. Hence remove\r\n // it from the state variable. Otherwise add to it.\r\n const newExpandedRows = isRowExpanded\r\n ? currentExpandedRows.filter((id) => id !== code)\r\n : currentExpandedRows.concat(code);\r\n\r\n setExpandedRows(newExpandedRows);\r\n };\r\n\r\n\r\n return (\r\n \r\n {console.log(props.companyRegister)}\r\n
\r\n \r\n {\" \"}\r\n Select Company Registers\r\n
\r\n\r\n Select any company registers you would like to include in the binder.\r\n
\r\n\r\n \r\n
\r\n
\r\n | \r\n {\" \"}\r\n | \r\n Directors & Secretaries | \r\n
| \r\n {\" \"}\r\n | \r\n Allotment Journal | \r\n
| \r\n {\" \"}\r\n | \r\n Transfer Journal | \r\n
| \r\n {\" \"}\r\n | \r\n Members | \r\n
\r\n
\r\n
\r\n\r\n
\r\n );\r\n};\r\nexport default EBinderReview;","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport MultiStep from \"../CommonPage/MultiStep\";\r\nimport EBinderAdditionalDoc from \"../EBinderAdditionalDocComponent/EBinderAdditionalDocComponent\";\r\nimport EBinderCompanyComponent from \"../EBinderCompanyComponent/EBinderCompanyComponent\";\r\nimport EBinderComplete from \"../EBinderCompleteComponent/EbinderCompleteComponent\";\r\nimport EbinderGetStarted from \"../EBinderGetStartedComponent/EBinderGetStartedComponent\";\r\nimport EBinderPrimeCloudDocs from \"../EBinderPrimeCloudDocsComponent/EBinderPrimeCloudDocsComponent\";\r\nimport EBinderRegisters from \"../EBinderRegistersComponent/EBinderRegistersComponent\";\r\nimport EBinderReview from \"../EBinderReviewComponent/EBinderReviewComponent\";\r\n\r\nconst EbinderLanding = (props) => {\r\n const companyCode = JSON.parse(localStorage.getItem(\"companyCode\"));\r\n const inputSearchValue = JSON.parse(localStorage.getItem(\"inputSearchValue\"));\r\n const [primeFileDocuments, setPrimeFileDocuments] = useState([]);\r\n const [selectedCompanyCode, setSelectedCompanyCode] = useState();\r\n const [ebinderResponse, setEbinderResponse] = useState();\r\n const [customFileList, setCustomFileList] = useState([]);\r\n const validate =\r\n companyCode !== null ||\r\n (inputSearchValue !== null && inputSearchValue.length > 0);\r\n const dispatch = useDispatch();\r\n const [showEBinderMangement, setShowEBinderMangement] = useState(false);\r\n // selected company from company selection\r\n const [displaySelectedCompany, setDisplaySelectedCompany] = useState([]);\r\n const ebinderCustomFileList = useSelector(\r\n (state) => state.ebinderCustomFileList\r\n );\r\n const ebinderOrderRequest = useSelector(\r\n (state) => state.ebinderOrderRequest\r\n );\r\n \r\n const ebinderPrimeFileList = useSelector(\r\n (state) => state.ebinderPrimeFileList\r\n );\r\n const [isCreateEBinderLoaded, setIsCreateEBinderLoaded] = useState(false);\r\n \r\n\r\n useEffect(() => {\r\n setTimeout(() => {\r\n if (selectedCompanyCode) {\r\n dispatch(userActions.getEbinderPrimeFiles(selectedCompanyCode));\r\n dispatch(userActions.getEbinderCustomFileList(selectedCompanyCode));\r\n dispatch(userActions.getManageEbinderList(selectedCompanyCode));\r\n }\r\n }, 0);\r\n\r\n // eslint-disable-next-line\r\n }, [selectedCompanyCode]);\r\n\r\n useEffect(() => {\r\n setPrimeFileDocuments(\r\n ebinderPrimeFileList &&\r\n ebinderPrimeFileList.items &&\r\n ebinderPrimeFileList.items.map((value) =>\r\n Object.assign({\r\n type: value.Type,\r\n description: value.Description,\r\n documents:\r\n value.Documents &&\r\n value.Documents.map((value) =>\r\n Object.assign(value, { primeSubDocCheckBox: true })\r\n ),\r\n primeDocCheckBox: true,\r\n })\r\n )\r\n );\r\n setCustomFileList(\r\n ebinderCustomFileList && ebinderCustomFileList.items\r\n ? ebinderCustomFileList.items.map((value) =>\r\n Object.assign(value, { additionDocCheckBox: true })\r\n )\r\n : []\r\n );\r\n\r\n // eslint-disable-next-line\r\n }, [ebinderPrimeFileList, ebinderCustomFileList]);\r\n\r\n //Company register\r\n // eslint-disable-next-line\r\n const [companyRegister, setCompanyRegister] = useState({\r\n // by default this bellow to fields are true\r\n directors: true,\r\n allotment: true,\r\n transfer: true,\r\n members: true,\r\n });\r\n let totalSelected =\r\n primeFileDocuments &&\r\n primeFileDocuments.map((value) =>\r\n value.documents.filter((item) => item.primeSubDocCheckBox)\r\n );\r\n\r\n let register = companyRegister && Object.keys(companyRegister).filter(function (key) {\r\n return companyRegister[key];\r\n });\r\n\r\n let customFiles = customFileList && customFileList.filter((value)=> value.additionDocCheckBox)\r\n console.log(\"customFiles:::::\", customFiles);\r\n function handleClick(e) {\r\n // Selected prime forms\r\n e.preventDefault();\r\n let selectedPrimeFileList = [];\r\n primeFileDocuments && Object.keys(primeFileDocuments).forEach((v) => {\r\n console.log(primeFileDocuments[v]);\r\n primeFileDocuments[v] &&\r\n primeFileDocuments[v].documents &&\r\n primeFileDocuments[v].documents\r\n .filter((doc) => doc.primeSubDocCheckBox)\r\n .forEach((f) => {\r\n selectedPrimeFileList.push({\r\n id: f.TrackingNumber,\r\n type: primeFileDocuments[v].type,\r\n });\r\n });\r\n });\r\n\r\n \r\n\r\n dispatch(\r\n userActions.postCreateEbinder(\r\n selectedCompanyCode,\r\n selectedPrimeFileList,\r\n register,\r\n customFiles,\r\n setIsCreateEBinderLoaded\r\n )\r\n );\r\n }\r\n\r\n useEffect(() => {\r\n console.log(\"ebinderOrderRequest1: \", ebinderOrderRequest);\r\n \r\n setEbinderResponse(ebinderOrderRequest)\r\n // eslint-disable-next-line\r\n }, [ebinderOrderRequest]);\r\n\r\n useEffect(() => {\r\n if (window.performance) {\r\n if (performance.navigation.type === 1) {\r\n setEbinderResponse(\"\");\r\n }\r\n }\r\n}, []);\r\n const steps = [\r\n {\r\n name: \"GetStarted\",\r\n validate: validate,\r\n component: (\r\n \r\n
\r\n Review
\r\n\r\n Please review the content of your e-Binder before it is finalized for\r\n assembly.\r\n
\r\n\r\n
\r\n\r\n Company Overview
\r\nThe following is provided to confirm the selected company.
\r\n\r\n
\r\n \r\n - \r\n
- \r\n \r\n
\r\n Name: {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Name}\r\n
\r\n \r\n - \r\n
\r\n ACN: {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.ACN\r\n ? props.displaySelectedCompany.ACN\r\n : \"\"}\r\n
\r\n \r\n - \r\n\r\n
\r\n Registered Office: \r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.Address\r\n ? props.displaySelectedCompany.Address\r\n : \"\"}\r\n
\r\n \r\n - \r\n
\r\n Incorporation Date:\r\n {props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC === null\r\n ? \" Incorporated: N/A\"\r\n : props.displaySelectedCompany &&\r\n props.displaySelectedCompany.DATE_INC\r\n ? moment(\r\n props.displaySelectedCompany.DATE_INC\r\n ).format(\"DD/MM/YYYY\")\r\n : \"\"}\r\n
\r\n \r\n
Prime Cloud Documents
\r\nThe following list includes all PrimeCloud forms which will be included in the binder.
\r\n\r\n {props.primeFileDocuments && props.primeFileDocuments.length > 0 && (\r\n \r\n {props.primeFileDocuments &&\r\n props.primeFileDocuments.map((post, index) => (\r\n \r\n
\r\n )}\r\n
\r\n\r\n | \r\n {props.totalSelected &&\r\n props.totalSelected[index] &&\r\n props.totalSelected[index].length > 0 &&\r\n \r\n {expandState[post.type] ? (\r\n \r\n }\r\n | \r\n \r\n {post.type} | \r\n\r\n {props.totalSelected &&\r\n props.totalSelected[index] &&\r\n props.totalSelected[index].length > 0\r\n ? `${props.totalSelected[index].length} selected`\r\n : \" 0 selected \"}\r\n | \r\n{post.description} | \r\n \r\n \r\n {expandedRows.includes(post.type) && (\r\n|
\r\n
| \r\n
Additional User Documents
\r\nThe following includes all additional documents which will be included in the binder
\r\n- \r\n {props.customFileList &&\r\n props.customFileList.map((post, index) => (\r\n
- {post} \r\n \r\n ))}\r\n
Registers
\r\nThe following is a list of registers which has been selected for inclusion in the binder.
\r\n{console.log(\"sssssssss\", props.companyRegister)}
\r\n {props.companyRegister &&\r\n- \r\n {props.companyRegister.directors &&
- Directors & Secretaries }\r\n {props.companyRegister.allotment &&
- Allotment Journal } \r\n {props.companyRegister.transfer &&
- Transfer Journal }\r\n {props.companyRegister.members &&
- Members }\r\n
\r\n
\r\n );\r\n};\r\nexport default EbinderLanding;\r\n","import React from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\nimport EbinderLanding from '../EBinderComponent/EbinderLandingPage.component';\r\n\r\n\r\nconst EbinderMainLanding = (props) => {\r\n \r\n \r\n \r\n return (\r\n \r\n EBinder Work in Progress
\r\n\r\n \r\n \r\n \r\n {post && post.RN ?\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default BusinessDetailSummary;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\nimport \"../MonitorsComponents/AnnualReviews.style.scss\";\r\nimport \"../CommonPage/Action.scss\";\r\nimport Pagination from \"../CommonPage/Pagination.component\";\r\nimport \"../CommonPage/Action.scss\";\r\nimport moment from \"moment\";\r\nimport Popup from \"../CommonPage/Popup.component\";\r\nimport BusinessDetailSummary from \"./BusinessDetailSummary\";\r\nimport NotesComponent from \"../Notes.Components/NotesComponent\";\r\n\r\n\r\nconst BusinessNameComponent = (props) => {\r\n const businessNameDetailList = useSelector((state) => state.businessNameDetailList);\r\n const businessNameSummary = useSelector((state) => state.businessNameSummary);\r\n \r\n const [filterStatus, setFilterStatus] = useState(\"\");\r\n const [startRenewalDate, setStartRenewalDate] = useState(\"\");\r\n const [endRenewalDate, setEndRenewalDate] = useState(\"\");\r\n const [status, setStatus] = useState(\"\");\r\n \r\n const[businessSort, setBusinessSort] = useState(\"\");\r\n const[ownerSort, setOwnerStatus] = useState(\"\");\r\n const[renewalDateSort, setRenewalDateSort] = useState(\"\");\r\n const[regDateSort, setRegDateSort] = useState(\"\");\r\n const[cancelDateSort, setCancelDateSort] = useState(\"\");\r\n const[statusSortByOwner, setSortStatusByOwner] = useState(\"\");\r\n function handleClickStatusSort(e,name) {\r\n if(name === \"BusinessName\" && businessSort === \"asc\") { setBusinessSort(\"desc\");setSortStatusByOwner(name); } else { setBusinessSort(\"asc\"); setSortStatusByOwner(name)}\r\n if(name === \"RenewalDate\" && renewalDateSort === \"asc\") { setRenewalDateSort(\"desc\");setSortStatusByOwner(name); } else { setRenewalDateSort(\"asc\"); setSortStatusByOwner(name)}\r\n if(name === \"RegistrationDate\" && regDateSort === \"asc\") { setRegDateSort(\"desc\");setSortStatusByOwner(name); } else { setRegDateSort(\"asc\"); setSortStatusByOwner(name)}\r\n if(name === \"CancellationDate\" && cancelDateSort === \"asc\") { setCancelDateSort(\"desc\");setSortStatusByOwner(name); } else { setCancelDateSort(\"asc\"); setSortStatusByOwner(name)}\r\n if(name === \"OwnerName\" && ownerSort === \"asc\") { setOwnerStatus(\"desc\");setSortStatusByOwner(name); } else { setOwnerStatus(\"asc\"); setSortStatusByOwner(name)}\r\n\r\n }\r\n\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n\r\n let handleKeyPress = (e) => {\r\n if (!/[0-9]/.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n // connect to API\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(userActions.getBusinessNameDetailList());\r\n // eslint-disable-next-line\r\n }, []);\r\n \r\n // search\r\n const [searchInput, setSearchInput] = useState(\"\");\r\n\r\n \r\n\r\n // console.log(posts);\r\n\r\n const indexOfLastPost = currentPage * postsPerPage;\r\n // console.log(\"indexOfLastPost: \", indexOfLastPost);\r\n\r\n const indexOfFirstPost = indexOfLastPost - postsPerPage;\r\n // console.log(\"indexOfFirstPost: \", indexOfFirstPost);\r\n\r\n \r\n\r\n //const currentPosts = businessNameDetailListTotal ? businessNameDetailListTotal.slice(indexOfFirstPost, indexOfLastPost): [];\r\n// refresh button\r\nfunction handleClickRefresh(e) {\r\n e.preventDefault();\r\n setSearchInput(\"\");\r\n}\r\n// Business Welcome Letter\r\nfunction handleClick(e,ID) {\r\n \r\n if (ID !== null) {\r\n \r\n dispatch(userActions.getBusinessWelcomeReport(ID));\r\n } \r\n}\r\n// Business name Report\r\nfunction handleBusinessnameReportClick(e,ID) {\r\n \r\n if (ID !== null) {\r\n \r\n dispatch(userActions.getBusinessNameReport(ID));\r\n } \r\n}\r\n// Business Certificate\r\nfunction handleClickCertificate(e,BID) {\r\n \r\n if (BID !== null) {\r\n \r\n dispatch(userActions.getBusinessCertificateReport(BID));\r\n } \r\n}\r\n\r\n\r\n// Business Details Summary Click\r\nconst [businessNameSummaryShow, setBusinessNameSummaryShow] = useState(false);\r\nconst handleBusinessNameSummaryClose = () => setBusinessNameSummaryShow(false);\r\nconst handleBusinessNameSummaryShow = (e,rn) => {handleSummaryClick(e,rn);setBusinessNameSummaryShow(rn)};\r\n\r\n let handleSummaryClick = (e,rn) => {\r\n console.log(\"businessNameSummary\",businessNameSummary)\r\n e.preventDefault();\r\n if (rn !== null) {\r\n dispatch(\r\n userActions.getBusinessNameSummary(\r\n rn\r\n )\r\n );\r\n } \r\n };\r\n\r\n // status change filtter\r\n function handleRequestStatusChange(e){\r\n e.preventDefault();\r\n //if(e && e.target.value){\r\n \r\n //setFilterStatus(businessNameDetailListTotal && businessNameDetailListTotal.filter((value) => value[\"Status\"] && value[\"Status\"].toLowerCase().includes(e.target.value.toLowerCase()) )) \r\n //}\r\n //else{\r\n //setFilterStatus(businessNameDetailListTotal)\r\n //}\r\n setStatus(e.target.value);\r\n }\r\n \r\n function handleRequestReviewDateChange(e, isStartDate, isEndDate){\r\n if (isStartDate) {\r\n setStartRenewalDate(e.target.value); \r\n } \r\n if (isEndDate) {\r\n \r\n setEndRenewalDate(e.target.value)\r\n \r\n } \r\n }\r\n\r\n function pad2(n) {\r\n return (n < 10 ? \"0\" : \"\") + n;\r\n }\r\n function DateToString(date) {\r\n var month = pad2(date.getMonth() + 1); //months (0-11)\r\n var day = pad2(date.getDate()); //day (1-31)\r\n var year = date.getFullYear();\r\n \r\n var formattedDate = year + \"-\" + month + \"-\" + day;\r\n return formattedDate;\r\n }\r\n useEffect(() => {\r\n console.log(\"?????\", status)\r\n //return businessNameDetailListTotal && \r\n //businessNameDetailListTotal.filter((value) => value[\"Status\"] && value[\"Status\"].toLowerCase().includes(status.toLowerCase()) )\r\n /* if(startRenewalDate && endRenewalDate) {\r\n setFilterStatus(businessNameDetailListTotal && businessNameDetailListTotal.filter((value) => {\r\n var renewalDate = DateToString(new Date(value[\"RenewalDate\"]));\r\n if (searchInput) {\r\n return( value[\"RenewalDate\"] && startRenewalDate && endRenewalDate ? \r\n (value[\"BusinessName\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase())) &&\r\n DateToString(new Date(startRenewalDate))<=renewalDate && renewalDate <= DateToString(new Date(endRenewalDate)): value[\"RenewalDate\"] )\r\n } else {\r\n return( value[\"RenewalDate\"] && startRenewalDate && endRenewalDate ? DateToString(new Date(startRenewalDate))<=renewalDate && renewalDate <= DateToString(new Date(endRenewalDate)): value[\"RenewalDate\"] )\r\n }\r\n })) \r\n }*/\r\n\r\n // eslint-disable-next-line\r\n }, [startRenewalDate, endRenewalDate, searchInput, status]);\r\n const businessNameDetailListTotal =\r\n businessNameDetailList && businessNameDetailList.items\r\n ?(statusSortByOwner === \"OwnerName\")? handleSort(ownerSort, statusSortByOwner) : \r\n (statusSortByOwner === \"RenewalDate\")? handleSort(renewalDateSort, statusSortByOwner) : \r\n (statusSortByOwner === \"RegistrationDate\")? handleSort(regDateSort, statusSortByOwner) : \r\n (statusSortByOwner === \"CancellationDate\")? handleSort(cancelDateSort, statusSortByOwner) : \r\n handleSort(businessSort, statusSortByOwner)\r\n : [];\r\n\r\n function handleSort(statusSort, statusSortByOwner) {\r\n if( statusSort === \"desc\") {\r\n return businessNameDetailList.items\r\n .sort((a, b) => \r\n (statusSortByOwner === \"OwnerName\")? b.OwnerName.localeCompare(a.OwnerName):\r\n (statusSortByOwner === \"RenewalDate\")? b.RenewalDate.localeCompare(a.RenewalDate):\r\n (statusSortByOwner === \"RegistrationDate\")? b.RegistrationDate.localeCompare(a.RegistrationDate):\r\n (statusSortByOwner === \"CancellationDate\")? b.CancellationDate.localeCompare(a.CancellationDate)\r\n :b.BusinessName.localeCompare(a.BusinessName))\r\n .filter((filteredValue) =>\r\n filteredValue[\"Status\"] && filteredValue[\"Status\"].toLowerCase().includes(status.toLowerCase()) &&\r\n filteredValue[\"BusinessName\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase())\r\n \r\n ).filter((filteredValue) =>\r\n (startRenewalDate && endRenewalDate)? \r\n DateToString(new Date(startRenewalDate))<= DateToString(new Date(filteredValue[\"RenewalDate\"])) && DateToString(new Date(filteredValue[\"RenewalDate\"])) <= DateToString(new Date(endRenewalDate))\r\n : filteredValue[\"RenewalDate\"]\r\n )\r\n } else if( statusSort === \"asc\") {\r\n return businessNameDetailList.items\r\n .sort((a, b) => \r\n (statusSortByOwner === \"OwnerName\")? a.OwnerName.localeCompare(b.OwnerName):\r\n (statusSortByOwner === \"RenewalDate\")? a.RenewalDate.localeCompare(b.RenewalDate):\r\n (statusSortByOwner === \"RegistrationDate\")? a.RegistrationDate.localeCompare(b.RegistrationDate):\r\n (statusSortByOwner === \"CancellationDate\")? a.CancellationDate.localeCompare(b.CancellationDate):\r\n a.BusinessName.localeCompare(b.BusinessName))\r\n .filter((filteredValue) =>\r\n filteredValue[\"Status\"] && filteredValue[\"Status\"].toLowerCase().includes(status.toLowerCase()) &&\r\n filteredValue[\"BusinessName\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase()) \r\n ).filter((filteredValue) =>\r\n (startRenewalDate && endRenewalDate)? \r\n DateToString(new Date(startRenewalDate))<= DateToString(new Date(filteredValue[\"RenewalDate\"])) && DateToString(new Date(filteredValue[\"RenewalDate\"])) <= DateToString(new Date(endRenewalDate))\r\n : filteredValue[\"RenewalDate\"]\r\n )\r\n } else {\r\n return businessNameDetailList.items\r\n .filter((filteredValue) =>\r\n filteredValue[\"Status\"] && filteredValue[\"Status\"].toLowerCase().includes(status.toLowerCase()) &&\r\n filteredValue[\"BusinessName\"]\r\n .toLowerCase()\r\n .includes(searchInput.toLowerCase())\r\n ).filter((filteredValue) =>\r\n (startRenewalDate && endRenewalDate)? \r\n DateToString(new Date(startRenewalDate))<= DateToString(new Date(filteredValue[\"RenewalDate\"])) && DateToString(new Date(filteredValue[\"RenewalDate\"])) <= DateToString(new Date(endRenewalDate))\r\n : filteredValue[\"RenewalDate\"]\r\n )\r\n }\r\n \r\n }\r\n const currentPosts = businessNameDetailListTotal.slice(indexOfFirstPost, indexOfLastPost);\r\n\r\n\r\n let handleClickClearDate = (e, isDate) => {\r\n if (isDate) {\r\n setEndRenewalDate(\"\")\r\n setStartRenewalDate(\"\")\r\n \r\n }\r\n };\r\n\r\n //notes popup\r\n const [businessNotes, setBusinessNotes] = useState({\r\n notes: \"\",\r\n emailAddress: \"\",\r\n });\r\n let handleBusinessNotesChange = (e) => {\r\n e.preventDefault();\r\n setBusinessNotes((businessNotes) => ({\r\n ...businessNotes,\r\n [e.target.name]: e.target.value,\r\n }));\r\n };\r\nconst [popupBusinessNotesShow, setPopupBusinessNotesShow] = useState(0);\r\nconst handleBusinessPopupClose = () => setPopupBusinessNotesShow(false);\r\nconst handleBusinessPopupShow = (e, index) => {\r\n e.preventDefault();\r\n setPopupBusinessNotesShow(index);\r\n};\r\n\r\nlet handleBusinessNotesPopupClick = (e, identifier) => {\r\n\r\n e.preventDefault();\r\n\r\n dispatch(userActions.postBusinessNotes(identifier, businessNotes.notes));\r\n setTimeout(() => {\r\n dispatch(userActions.getBusinessNameDetailList());\r\n }, 0);\r\n handleBusinessPopupClose();\r\n \r\n\r\n};\r\n\r\n\r\n\r\n return (\r\n | RN: | \r\n{post && post.RN} | \r\n
| Owner Name: | \r\n{post && post.OwnerName ? post.OwnerName : \" \"} | \r\n
| BusinessName: | \r\n{post && post.BusinessName ? post.BusinessName : \" \"} | \r\n
| Entity Type: | \r\n{post && post.EntityType ? post.EntityType : \"\"} | \r\n
| Entity Code: | \r\n{post && post.EntityCode ? post.EntityCode : \" \"} | \r\n
| Trust: | \r\n{post && post.Trust ? post.Trust : \" \"} | \r\n
| ABN: | \r\n{post && post.ABN ? post.ABN : \" \"} | \r\n
| AsicHolderType: | \r\n{post && post.AsicHolderType ? post.AsicHolderType : \" \"} | \r\n
| \r\n | |
| Registration Date: | \r\n\r\n {post && post.RegistrationDate\r\n ? moment(post.RegistrationDate).format(\"DD/MM/YYYY\")\r\n : \"\"}{\" \"}\r\n | \r\n
| Cancellation Date: | \r\n\r\n {post && post.CancellationDate\r\n ? moment(post.CancellationDate).format(\"DD/MM/YYYY\")\r\n : \"\"}{\" \"}\r\n | \r\n
| Renewal Date: | \r\n\r\n {post && post.RenewalDate\r\n ? moment(post.RenewalDate).format(\"DD/MM/YYYY\")\r\n : \"\"}{\" \"}\r\n | \r\n
| Renewal Years: | \r\n{post && post.RenewalYears ? post.RenewalYears : \" \"} | \r\n
| \r\n | |
| Service Notice Care Of: | \r\n{post && post.SnCareOf ? post.SnCareOf : \" \"} | \r\n
| Service Notice Email: | \r\n{post && post.SnEmailAddress ? post.SnEmailAddress : \" \"} | \r\n
| Service Notice Building: | \r\n{post && post.SnBuilding ? post.SnBuilding : \" \"} | \r\n
| Service Notice Street: | \r\n{post && post.SnStreet ? post.SnStreet : \" \"} | \r\n
| Service Notice Suburb: | \r\n{post && post.SnSuburb ? post.SnSuburb : \" \"} | \r\n
| Service Notice State: | \r\n{post && post.SnState ? post.SnState : \" \"} | \r\n
| Service Notice Postcode: | \r\n{post && post.SnPostcode ? post.SnPostcode : \" \"} | \r\n
| \r\n | |
| Business Care Of: | \r\n{post && post.BaCareOf ? post.BaCareOf : \" \"} | \r\n
| Business Building: | \r\n{post && post.BaBuilding ? post.BaBuilding : \" \"} | \r\n
| Business Street: | \r\n{post && post.BaStreet ? post.BaStreet : \" \"} | \r\n
| Business Suburb: | \r\n{post && post.BaSuburb ? post.BaSuburb : \" \"} | \r\n
| Business State: | \r\n{post && post.BaState ? post.BaState : \" \"} | \r\n
| Business Postcode: | \r\n{post && post.BaPostcode ? post.BaPostcode : \" \"} | \r\n
| Business Email: | \r\n{post && post.BaEmailAddress ? post.BaEmailAddress : \" \"} | \r\n
| Client Account Code: | \r\n{post && post.ClientAccountCode ? post.ClientAccountCode : \" \"} | \r\n
| Client Billing Code: | \r\n\r\n {post && post.ClientBillingCode ? post.ClientBillingCode : \" \"}\r\n | \r\n
| Client Code: | \r\n{post && post.ClientCode ? post.ClientCode : \" \"} | \r\n
| Department Code: | \r\n{post && post.DepartmentCode ? post.DepartmentCode : \" \"} | \r\n
| Key Contact Name: | \r\n{post && post.KeyContactName ? post.KeyContactName : \" \"} | \r\n
| Key Contact Email: | \r\n{post && post.KeyContactEmail ? post.KeyContactEmail : \" \"} | \r\n
| Asic Key Contact Name: | \r\n\r\n {post && post.AsicKeyContactName ? post.AsicKeyContactName : \" \"}\r\n | \r\n
| Asic Key Contact Email: | \r\n\r\n {post && post.AsicKeyContactEmail\r\n ? post.AsicKeyContactEmail\r\n : \" \"}\r\n | \r\n
| Partner: | \r\n{post && post.Partner ? post.Partner : \" \"} | \r\n
| Manager: | \r\n{post && post.Manager ? post.Manager : \" \"} | \r\n
| Debtor CareOf: | \r\n{post && post.DebtorCareOf ? post.DebtorCareOf : \" \"} | \r\n
| Debtor Email: | \r\n\r\n {post && post.DebtorEmailAddress ? post.DebtorEmailAddress : \" \"}\r\n | \r\n
| Debtor Contact Number: | \r\n{post && post.DebtorNumber ? post.DebtorNumber : \" \"} | \r\n
| Successor CareOf: | \r\n{post && post.SuccessorCareOf ? post.SuccessorCareOf : \" \"} | \r\n
| Successor Email: | \r\n\r\n {post && post.SuccessorEmailAddress\r\n ? post.SuccessorEmailAddress\r\n : \" \"}\r\n | \r\n
| Successor Contact Number: | \r\n{post && post.SuccessorNumber ? post.SuccessorNumber : \" \"} | \r\n
\r\n\r\n
\r\n \r\n\r\n Business Names
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n {((filterStatus && filterStatus.length>=10) || (businessNameDetailListTotal && businessNameDetailListTotal.length >= 10)) && (\r\n \r\n | Status | \r\nhandleClickStatusSort(e,\"BusinessName\")}>BusinessName {businessSort === \"asc\" ? : } | \r\nABN | \r\nhandleClickStatusSort(e,\"OwnerName\")}>Owner Name{ownerSort === \"asc\" ? : } | \r\nDepartment | \r\nhandleClickStatusSort(e,\"RenewalDate\")}>Renewal Date {renewalDateSort === \"asc\" ? : } | \r\nhandleClickStatusSort(e,\"RegistrationDate\")}>Registration Date {regDateSort === \"asc\" ? : } | \r\nhandleClickStatusSort(e,\"CancellationDate\")}>\r\n Cancellation Date {cancelDateSort === \"asc\" ? : } | \r\nNotes | \r\nAction | \r\n
|---|---|---|---|---|---|---|---|---|---|
| No matching records found | |||||||||
| \r\n \r\n | \r\n {post.BusinessName} | \r\n{post.ABN} | \r\n{post.OwnerName} | \r\n{post.DepartmentCode} | \r\n{post.RenewalDate &&\r\n moment(post.RenewalDate).format(\"DD/MM/YYYY\")}\r\n | \r\n{post.RegistrationDate &&\r\n moment(post.RegistrationDate).format(\"DD/MM/YYYY\")} | \r\n{post.CancellationDate &&\r\n moment(post.CancellationDate).format(\"DD/MM/YYYY\")} | \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\nexport default BusinessNameComponent;\r\n","import React,{useState}from 'react';\r\nimport Landingpage from '../LandingPagecomponent/LandingPage.Component'\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from '../CommonPage/CommonSearch.component';\r\nimport BusinessNameComponent from './BusinessNameComponent';\r\n\r\n\r\nconst BusinessNameLanding = (props) => {\r\n \r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n \r\n \r\n
\r\n \r\n Showing{\" \"}\r\n setPostsPerPage(e.target.value)}\r\n >{\" \"}\r\n /\r\n {filterStatus\r\n ? filterStatus.length\r\n : businessNameDetailListTotal && businessNameDetailListTotal.length}\r\n \r\n \r\n
\r\n \r\n {postsPerPage && (\r\n setCurrentPage(page)}\r\n />\r\n )}\r\n
\r\n \r\n {props.alertStatus && props.alertStatus.items && (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ChangePasswordComponent;\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ChangePasswordComponent from '../ChangePasswordComponent/ChangePasswordComponent';\r\nimport FullPageLoader from '../CommonPage/FullPageLoader';\r\nimport \"../CommonPage/newStyles.scss\"\r\nimport Popup from '../CommonPage/Popup.component';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { userActions } from \"../../redux/actions/user.actions\";\r\n\r\nconst ProfileSettingComponent = () => {\r\n const loggedUserInfo = useSelector((state) => state.loggedUserInfo);\r\n const changePassword= useSelector((state) => state.changePassword);\r\n // clearing popup data creating usestate for reducer.\r\n const [alertStatus, setAlertStatus] = useState(false);\r\n\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(userActions.getLoggedUserInfo());\r\n // eslint-disable-next-line\r\n }, []);\r\n //change password popup call\r\n const [showChangePassword, setShowChangePassword] = useState(false);\r\nconst handleChangePasswordClose = () => setShowChangePassword(false);\r\nconst handleChangePasswordShow = () => {setChangePwd((changePwd) =>({...changePwd, oldPassword:\"\", passWord: \"\",confirmPassword:\"\"}));setAlertStatus(\"\");setShowChangePassword(true);}\r\n\r\n //loading spinner\r\n const [isChangePasswordLoaded, setIsChangePasswordLoaded] = useState(false);\r\n\r\n const [changePwd, setChangePwd] = useState({\r\n clientId:loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.ClientID,\r\n userId:loggedUserInfo && loggedUserInfo.items && loggedUserInfo.items.UserName,\r\n oldPassword:\"\",\r\n passWord: \"\",\r\n confirmPassword:\"\",\r\n });\r\n let handlePersonalDetailsChange = (e) => {\r\n const { name, value } = e.target;\r\n setChangePwd((changePwd) => ({ ...changePwd, [name]: value }));\r\n };\r\n\r\n let changePasswordHandleClick = (e) => {\r\n \r\n e.preventDefault();\r\nif( changePwd.passWord!==changePwd.confirmPassword)\r\n{\r\n return ;\r\n}\r\n console.log(\"hello\",changePwd);\r\n dispatch(userActions.postChangePassword(changePwd.clientId,changePwd.userId, changePwd.oldPassword,\r\n changePwd.passWord,changePwd.confirmPassword));\r\n //setTimeout(() => {\r\n setAlertStatus(changePassword)\r\n //}, 1000);\r\n\r\n \r\n}\r\n\r\n useEffect(() => {\r\n setAlertStatus(changePassword)\r\n // eslint-disable-next-line\r\n }, [changePassword]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {props.alertStatus && props.alertStatus.error && (\r\n \r\n {\"Password has been updated successfully\"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {\"Invalid Old Password\" }\r\n \r\n \r\n \r\n
\r\n < strong>Change password
\r\n {console.log(\"changePassword\",props.alertStatus && props.alertStatus)}\r\n\r\n| \r\n {\r\n \r\n props.handlePersonDetailsChange(e);\r\n }}\r\n \r\n autoComplete=\"off\"\r\n /> | |
| \r\n {\r\n \r\n props.handlePersonDetailsChange(e);\r\n }}\r\n \r\n autoComplete=\"off\" \r\n /> | |
| \r\n Your new password does not match \r\n )} | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ProfileSettingComponent;","import React,{useState} from \"react\";\r\nimport Landingpage from \"../LandingPagecomponent/LandingPage.Component\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport CommonSearch from \"../CommonPage/CommonSearch.component\";\r\nimport ProfileSettingComponent from \"./ProfileSettingComponent\";\r\n\r\nconst ProfileSettingsLanding = (props) => {\r\n const [recentSearch, setRecentSearch] = useState([])\r\n const [searchCompany, setSearchCompany] = useState([]);\r\n return (\r\n