\r\n \r\n {this.props.children}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default BackBar\r\n","import React, { Component } from 'react'\r\n\r\n \r\nimport Button from '../../atom/Button/Button';\r\n\r\nimport './css/TabButtonBox.css';\r\n\r\nclass TabButtonBox extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n \r\n this.state={\r\n tbbActive:null\r\n // tbbActive:this.props.tbbinit[\"activeTarget\"]\r\n }\r\n }\r\n\r\n // updatetbbActive(){\r\n // this.setState({\r\n // tbbActive:$activeBTN\r\n // })\r\n // }\r\n\r\n // componentDidMount(){\r\n // \r\n // } \r\n \r\n render() {\r\n //console.log(\"tbbActive: \"++\" \"+); \r\n \r\n var $btnProps=this.props.tbbinit[\"buttons\"]; \r\n const $btnList=$btnProps.map(($btnProps, $index)=> \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TabButtonBox\r\n","import React, { Component } from 'react' \r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/FileUploadBox.css';\r\n\r\nclass FileUploadBox extends Component {\r\n render() {\r\n return (\r\n {this.props.tbbinit[\"title\"]}
\r\n \r\n { $btnList }\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FileUploadBox\r\n","import React, { Component } from 'react'\r\n \r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon'; \r\n\r\n \r\nimport './css/Accordion.css';\r\n\r\nclass Accordion extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n expanded: this.props.expanded,\r\n iconURL: this.props.iconURL,\r\n addCSS: this.props.addCSS,\r\n addCSSContent: this.props.addCSSContent\r\n }\r\n this.toggle = this.toggle.bind(this);\r\n }\r\n componentDidMount(){\r\n if(this.state.expanded == false){\r\n this.setState({\r\n iconURL: \"../../../../images/icons/OutlineDark/Plus.svg\",\r\n addCSS: \"\",\r\n addCSSContent: \"\"\r\n });\r\n }\r\n else{\r\n this.setState({\r\n iconURL: \"../../../../images/icons/OutlineDark/Minus.svg\",\r\n addCSS: \"AMOpen\",\r\n addCSSContent: \"ACOpen\"\r\n }) ; \r\n \r\n }\r\n \r\n }\r\n toggle(){\r\n //alert(this.props.title);\r\n if(this.props.name !== undefined){\r\n //this.props.callback(this.props.name);\r\n if(this.state.expanded == true){\r\n this.setState({\r\n iconURL: \"../../../../images/icons/OutlineDark/Plus.svg\",\r\n addCSS: \"\",\r\n addCSSContent: \"\",\r\n expanded: false\r\n },()=>{\r\n this.props.callback([this.props.name,this.state.expanded]);\r\n })\r\n }\r\n else{\r\n this.setState({\r\n iconURL: \"../../../../images/icons/OutlineDark/Minus.svg\",\r\n addCSS: \"AMOpen\",\r\n addCSSContent: \"ACOpen\",\r\n expanded: true\r\n },()=>{\r\n this.props.callback([this.props.name,this.state.expanded]);\r\n }) \r\n \r\n }\r\n }\r\n \r\n }\r\n\r\n // toggle(e){\r\n // alert(\"hi\");\r\n // alert(e);\r\n // //alert(this.props.addCSS);\r\n // // if(css == \"undefined\"){\r\n // // alert(\"hi\");\r\n // // }\r\n // // else{\r\n // // alert(\"hello\");\r\n // // }\r\n // }\r\n // toggle(){\r\n // this.props.callback(\"irene\");\r\n // }\r\n render() {\r\n return ( \r\n // {this.props.title}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Drag & drop file here
\r\n File format: PDF, PBG, JPG
\r\n \r\n \r\n
\r\n \r\n // this._onDatalistChange(e.target.value)}>\r\n {options}\r\n ),\r\n selectedReason:options[0].props.value} )\r\n });\r\n },\r\n err=>{\r\n this.setState({shouldRedirect:true,\r\n errorMessage: 'there is an error with the request',\r\n loading:false},()=>{});\r\n }\r\n );\r\n }\r\n\r\n //from matterescalate.js\r\n _onDatalistChange(e){\r\n this.setState({selectedReason:e});\r\n }\r\n _onCommentChange(e){\r\n this.setState({comments:e.target.value});\r\n }\r\n\r\n RequestEscalateMatter(e){\r\n //e.preventDefault(); \r\n this.setState({isSuccessful:false,isInError:false});\r\n MatterEscalateService.PostMatterEscalationRequest(this.props.matterId,this.state.selectedReason,this.state.comments).then((resp)=>\r\n {\r\n this.setState({isSuccessful:true,response:resp},()=>{\r\n \r\n });\r\n },(err)=>\r\n {\r\n this.setState({\r\n isInError:true,errorResponse:\"There is an error with the request\"//err\r\n });\r\n });\r\n }\r\n\r\n cancelEscalateRequest(e){\r\n this.setState({\r\n escalateMatter: false\r\n })\r\n }\r\n\r\n closeWindow(e){\r\n this.setState({\r\n escalateMatter: false\r\n },()=>{\r\n window.location.reload();\r\n })\r\n }\r\n\r\n render() {\r\n if (this.state.shouldRedirect) {\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return window.open(\"/escalate-matter:\" + this.props.matterId)} \r\n // title=\"Escalate\"\r\n // />\r\n window.open(\"/escalate-matter:\" + this.props.matterId)}\r\n clickFunction={() => this.handleEscalateMatter()}\r\n >Escalate Matter \r\n )\r\n }\r\n if(this.state.canRequestForMNP){\r\n RequestforMNPButton=( \r\n this.handleRequestForMNP()}\r\n >Request for MNP \r\n );\r\n }\r\n let display = \"\";\r\n let divLoadMore = \"\";\r\n if (this.state.notes.length == 0 )\r\n {\r\n divLoadMore=(\r\n \r\n {/* \r\n ));\r\n }\r\n let matterEscalateForm = \"\";\r\n let matterEscalateButtons = (\r\n // \r\n \r\n \r\n \r\n \r\n );\r\n let errorMessage=\"\";\r\n let successMessage=\"\";\r\n \r\n \r\n if(this.state.isSuccessful){\r\n //successMessage=(
\r\n )\r\n }\r\n}\r\n\r\nexport default LabelForm\r\n","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom'\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nimport './css/LabelCount.css';\r\n\r\nclass LabelCount extends Component {\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n constructor(props){\r\n super(props)\r\n this.state = {\r\n shouldRedirect: false,\r\n path: '',\r\n arg: '',\r\n sArg: '',\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n //alert(PropTypes.object);\r\n //alert(this.props.path, this.props.arg, this.props.sarg);\r\n }\r\n\r\n nextPath(path, arg, sArg) {\r\n this.setState({\r\n path: path,\r\n arg: arg,\r\n sArg: sArg,\r\n shouldRedirect: true,\r\n });\r\n //this.router.push()\r\n // this.context.router.history.push(\r\n // {\r\n // pathname: path,\r\n // state: { searchArg: arg, loanType: sArg }\r\n // })\r\n // return( this.toggle(e.this.props.addCSS)}> \r\n //
\r\n ));\r\n }\r\n return ( \r\n \r\n // \r\n // {this.props.title}\r\n // \r\n //
\r\n\r\n \r\n // {this.props.children} \r\n //
\r\n // \r\n \r\n {this.props.title}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Accordion\r\n","import { AuthService } from \"./auth-service\";\r\nimport WebApiService from \"./web-api-service\";\r\n\r\nclass matterDocumentService extends WebApiService {\r\n // getDocumentTypes() {\r\n //\r\n // return new Promise((resolve, reject) => {\r\n //\r\n // const url = \"api/getNoteTypes\";\r\n // const options = {\r\n // \"headers\": {\r\n // 'Authorization': AuthService.token\r\n // }\r\n // };\r\n //\r\n // super.get( url, options ).then((response) => {\r\n // resolve(response);\r\n // }, (err) => {\r\n // reject(err);\r\n // });\r\n // });\r\n // }\r\n\r\n \r\n getVerifiedMatterDocuments(matterId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/getVerifiedDocuments\";\r\n const options = {\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterId: matterId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n getVerifiedNonDigitalDocuments(matterId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/getVerifiedNotDigitalDocuments\";\r\n const options = {\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterId: matterId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n //uploadTitleSearch(files, fileName) {\r\n uploadTitleSearch(files,stateName) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/readSecurityTitleSearches\";\r\n const data = new FormData();\r\n files.forEach(element => {\r\n data.append(\"file\", element);\r\n });\r\n\r\n // data.append(\"matterId\", matterId);\r\n // data.append(fileName, fileImage);\r\n\r\n const options = {\r\n headers: {\r\n 'Authorization': AuthService.token,\r\n //'fileName':fileName,\r\n 'stateName':stateName,\r\n //\"matterId\": matterId,\r\n //\"OutstandingName\":OutstandingItemName,\r\n // , files: files\r\n }\r\n };\r\n\r\n super.specialUpload(url, data, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n error => {\r\n reject(error);\r\n }\r\n );\r\n });\r\n }\r\n\r\n getMatterDocuments(matterId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/getDocumentsForMatter\";\r\n const options = {\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterId: matterId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n getDocumentAsPdf(documentId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/getDocument\";\r\n const options = {\r\n responseType: \"blob\",\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterDocumentId: documentId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n getCustodyDocumentAsPdf(documentId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/getCustodyDocument\";\r\n const options = {\r\n responseType: \"blob\",\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterDocumentId: documentId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n // showFile(blob, filename) {\r\n //\r\n // // It is necessary to create a new blob object with mime-type explicitly set\r\n // // otherwise only Chrome works like it should\r\n // var newBlob = new Blob([blob], {type: \"application/pdf\"});\r\n //\r\n // // IE doesn't allow using a blob object directly as link href\r\n // // instead it is necessary to use msSaveOrOpenBlob\r\n // if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n // window.navigator.msSaveOrOpenBlob(newBlob);\r\n // return;\r\n // }\r\n //\r\n // // For other browsers:\r\n // // Create a link pointing to the ObjectURL containing the blob.\r\n // const data = window.URL.createObjectURL(newBlob);\r\n // const link = document.createElement('a');\r\n //\r\n // link.href = data;\r\n // link.download=filename;\r\n // link.click();\r\n //\r\n // setTimeout(function(){\r\n // // For Firefox it is necessary to delay revoking the ObjectURL\r\n // window.URL.revokeObjectURL(data);\r\n //\r\n // }, 100);\r\n // }\r\n\r\n uploadDocument(matterId, fileName, fileImage) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/uploadMatterDocuments\";\r\n let data = new FormData();\r\n\r\n data.append(\"matterId\", matterId);\r\n data.append(fileName, fileImage);\r\n\r\n super.post(url, data).then(\r\n resp => {\r\n resolve(resp);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n getDocumentsAsZip(matterId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/geZipFile\";\r\n const options = {\r\n responseType: \"blob\",\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterId: matterId\r\n }\r\n };\r\n\r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n checkCustodyDocumentRequested(matterId){\r\n const url = \"api/checkCustodyDocumentRequested\";\r\n const options ={\r\n 'headers':{\r\n 'Authorization': AuthService.token,\r\n 'MatterId':matterId,\r\n }\r\n };\r\n return new Promise(\r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n\r\n checkIfCustodyDocumentSentOrReceived(matterId){\r\n const url = \"api/checkCustodyDocumentSentOrReceived\";\r\n const options ={\r\n 'headers':{\r\n 'Authorization': AuthService.token,\r\n 'MatterId':matterId,\r\n }\r\n };\r\n return new Promise(\r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n\r\n checkMatterIsDigital(matterId){\r\n const url = \"api/checkIfMatterIsDigital\";\r\n const options ={\r\n 'headers':{\r\n 'Authorization': AuthService.token,\r\n 'MatterId':matterId,\r\n }\r\n };\r\n return new Promise(\r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n\r\n}\r\n\r\nexport const MatterDocumentService = new matterDocumentService();\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass Loader extends Component {\r\n\r\n render() {\r\n\r\n let size;\r\n\r\n switch (this.props.spinnerSize) {\r\n case '2':\r\n size = '48px';\r\n break;\r\n case '3':\r\n size = '64px';\r\n break;\r\n default:\r\n size = '32px';\r\n }\r\n\r\n let spinner = ();\r\n\r\n return (\r\n \r\n {this.props.children} \r\n
\r\n \r\n {spinner}\r\n
\r\n );\r\n }\r\n}\r\n\r\nLoader.propTypes = {\r\n color: PropTypes.string.isRequired,\r\n spinnerSize: PropTypes.number.isRequired\r\n};\r\n\r\nLoader.defaultProps = {\r\n spinnerSize: 1,\r\n color: 'orange'\r\n};\r\n\r\nexport default Loader;","import React from 'react';\r\n\r\nimport './css/ProgressDisplay.css';\r\nimport Loader from '../Loader/Loader';\r\n\r\nexport default class ProgressDisplay extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n {/*
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport Moment from \"moment\";\r\nimport SAlert from \"sweetalert2\";\r\n\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\n\r\nimport './css/DataTableDocuments.css';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { MatterDocumentService } from '../../../services/matter-document-service';\r\n\r\nimport {\r\n isBrowser,\r\n isMobile\r\n} from \"react-device-detect\";\r\n\r\nimport { saveAs } from 'file-saver';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass DataTableDocuments extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n\r\n this.state = {\r\n loading: true,\r\n documents: [],\r\n shouldRedirect: false,\r\n errorMessage: null,\r\n //ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage='\r\n };\r\n //this.updateDimensions = this.updateDimensions.bind(this);\r\n this.rowClicked = this.rowClicked.bind(this);\r\n this.openDoc = this.openDoc.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true,\r\n documents: []\r\n });\r\n\r\n MatterDocumentService.getMatterDocuments(this.props.matterId).then(\r\n resp => {\r\n let docs = resp.data.Content.map(d => ({\r\n id: d.MatterDocumentId,\r\n name: d.DocName,\r\n date: Moment(d.DocModDate).format(\"DD/MM/YYYY hh:mm A\")\r\n }));\r\n\r\n this.setState({\r\n documents: docs,\r\n loading: false\r\n });\r\n },\r\n err => {\r\n if (err.response && err.response.status === 401) {\r\n this.setState({\r\n documents: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n } else {\r\n this.setState({\r\n documents: [],\r\n loading: false,\r\n shouldRedirect: false\r\n });\r\n }\r\n }\r\n );\r\n // Upon load initialize the function for document centre height resize\r\n //this.updateDimensions();\r\n // Upon load initialize attach a function for document centre height resize\r\n //window.addEventListener(\"resize\", this.updateDimensions);\r\n }\r\n\r\n rowClicked(id, name) {\r\n\r\n // let message = \"\";\r\n\r\n // if (message.length === 0) {\r\n // message = \"No matching records found\";\r\n // new SAlert({\r\n // title: \"Detailed search\",\r\n // text: message,\r\n // type: \"info\"\r\n // });\r\n // }\r\n // return;\r\n // SAlert({\r\n // title: \"View Document\",\r\n // text: \"Unable to retrieve document.\",\r\n // type: \"warning\"\r\n // });\r\n\r\n // alert(id);\r\n // alert(name);\r\n // return;\r\n this.setState({\r\n loading: true,\r\n });\r\n const self = this;\r\n MatterDocumentService.getDocumentAsPdf(id).then(\r\n resp => {\r\n //const file = new Blob([resp.data], {type: resp.request.response.type});\r\n const file = new Blob([resp.data], { type: \"application/pdf\" });\r\n const url = URL.createObjectURL(resp.data);\r\n var isIE = document.documentMode;\r\n\r\n if (!isMobile && !isIE) {\r\n window.open(url);\r\n //this.openDoc(url);\r\n // window.open('/view-document:'+url)\r\n\r\n //this.props.setDocFrame(url);\r\n // this.props.updateDocOnly();\r\n } else {\r\n //this.props.setDocFrame(url);\r\n //this.props.updateDocOnly();\r\n saveAs(file, name + \".pdf\");\r\n }\r\n\r\n //window.open(url);\r\n },\r\n err => {\r\n if (err.response && err.response.status === 401) {\r\n self.setState({\r\n shouldRedirect: true\r\n });\r\n } else {\r\n self.setState({\r\n shouldRedirect: false\r\n });\r\n\r\n new SAlert({\r\n title: \"View Document\",\r\n text: \"Unable to retrieve document.\",\r\n type: \"warning\"\r\n });\r\n }\r\n }\r\n );\r\n this.setState({\r\n loading: false\r\n });\r\n }\r\n\r\n openDoc(url) {\r\n // alert(url);\r\n // window.open(url)\r\n\r\n }\r\n\r\n render() {\r\n let displayDocuments = '';\r\n let docHeader = '';\r\n if(this.state.loading){\r\n return( */}\r\n {/*
*/}\r\n \r\n ⌛\r\n
*/}\r\n \r\n {/* \r\n
\r\n );\r\n displayDocuments = this.state.documents.map(doc => (\r\n File Name
\r\n Date Uploaded
\r\n this.rowClicked(doc.id, doc.name) }>\r\n
\r\n\r\n \r\n this.rowClicked(doc.id, doc.name) }\r\n >\r\n \r\n { doc.name }\r\n
\r\n File Name
\r\n \r\n
\r\n Date Uploaded
{ doc.date }\r\n \r\n {\r\n //
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableDocuments","import React, { Component } from 'react'\r\n\r\nimport './css/TextCapsule.css';\r\n\r\nclass TextCapsule extends Component {\r\n render() {\r\n return ( \r\n \r\n //
\r\n } \r\n { docHeader }\r\n File Name
\r\n // Date Uploaded
\r\n // \r\n \r\n { displayDocuments } \r\n
\r\n {this.props.children}
\r\n )\r\n }\r\n}\r\n\r\nexport default TextCapsule\r\n","import React, { Component } from 'react'\r\n \r\nimport Line from '../../atom/Line/Line'; \r\nimport TextCapsule from '../../atom/TextCapsule/TextCapsule';\r\n \r\nimport './css/CommunicationContent.css';\r\n\r\nclass CommunicationContent extends Component {\r\n render() {\r\n return ( \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CommunicationContent\r\n","import { AuthService } from './auth-service';\r\nimport WebApiService from './web-api-service';\r\n\r\nclass matterNoteService extends WebApiService {\r\n GetShowPrivateNoteOption(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CanPrivateNoteBeMade\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n LenderCanRequestForMNP(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CanRequestForMNP\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n GetEscalatableStatus(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/IsMatterEscalatable\";\r\n const options = {\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n\r\n );\r\n })\r\n }\r\n getMatterNotes(matterId) {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getNoteViews\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n\r\n super.get( url, options )\r\n .then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getMatterNoteTypes() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getNoteTypeViews\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getNoteTypeLookups() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getNoteTypeLookups\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n postNewNote(note) {\r\n //window.alert(note.noteTypeId);\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/postNewNote\";\r\n let data = new FormData();\r\n data.append('noteTypeId',note.noteTypeId);\r\n data.append('matterId',note.matterId);\r\n data.append('noteHeader',note.noteHeader);\r\n data.append('noteDetail',note.noteDetail)\r\n super.post(url, data).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const MatterNoteService = new matterNoteService();\r\n","import React from 'react';\r\nimport './css/CheckBox.css'\r\n\r\nexport const CheckBox = props => {\r\n return (\r\n \r\n
\r\n {this.props.date}
\r\n \r\n {this.props.company} \r\n
\r\n {this.props.title}
\r\n\r\n {this.props.children} \r\n
\r\n \r\n {props.value}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default CheckBox\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/ValidationText.css';\r\n\r\nclass ValidationText extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.children} \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ValidationText\r\n","import { AuthService } from \"./auth-service\";\r\nimport WebApiService from \"./web-api-service\";\r\nclass matterEscalateService extends WebApiService {\r\n GetMatterEscalationReasons(){\r\n return new Promise((resolve, reject) => {\r\n const options = {\r\n headers: {\r\n 'Authorization': AuthService.token,\r\n \r\n }\r\n };\r\n\r\n const url = \"api/GetEscalateMatterOptions\";\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n })\r\n });\r\n }\r\n GetMatterEscalationDetails(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const options = {\r\n headers:{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId\r\n } \r\n };\r\n const url = \"api/getEscalateMatterDetails\";\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n );\r\n\r\n });\r\n }\r\n PostMatterEscalationRequest(matterId, reasonDescription, reasonComment){\r\n return new Promise((resolve,reject)=>{\r\n let data = new FormData();\r\n data.append('MatterId',matterId);\r\n data.append('EscalationReasonTypeDescription',reasonDescription);\r\n data.append('EscalationReasonComment',reasonComment);\r\n\r\n const url = \"api/EscalateMatter\";\r\n super.post(url,data).then((resp)=>{\r\n resolve(resp);\r\n },\r\n (err)=>{\r\n reject(err);\r\n });\r\n })\r\n \r\n \r\n }\r\n\r\n}\r\n\r\nexport const MatterEscalateService = new matterEscalateService();","import React, { Component } from 'react'\r\n\r\nimport './css/ButtonGroup.css';\r\n\r\nclass ButtonGroup extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ButtonGroup\r\n","import React, { Component } from 'react';\r\n\r\nimport './css/DisplayMessage.css';\r\n\r\nclass DisplayMessage extends Component {\r\n\r\n render() {\r\n\r\n if (!this.props.message) {\r\n return ( );\r\n }\r\n\r\n \r\n\r\n let messageContent = this.props.message ? {__html: this.props.message } : { __html: '' };\r\n\r\n return (\r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DisplayMessage;","import WebApiService from './web-api-service';\r\nimport { AuthService } from './auth-service';\r\n\r\nclass matterService extends WebApiService {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.detailSearch = this.detailSearch.bind(this);\r\n this.getFileOwnerList = this.getFileOwnerList.bind(this);\r\n this.getLenderList = this.getLenderList.bind(this);\r\n this.getMatterDetail = this.getMatterDetail.bind(this);\r\n this.generateCSV = this.generateCSV.bind(this);\r\n this.getMatterTypeGroupList = this.getMatterTypeGroupList.bind(this);\r\n this.getMortMgrList = this.getMortMgrList.bind(this);\r\n this.getRecentMatters = this.getRecentMatters.bind(this);\r\n this.getStateList = this.getStateList.bind(this);\r\n this.simpleSearch = this.simpleSearch.bind(this);\r\n }\r\n CheckUserIsNotBroker(){\r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/CheckUserIsBroker\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n }\r\n };\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(error)=>{\r\n reject(error);\r\n })\r\n });\r\n }\r\n CheckIfBrokerRequiresMatterAuthentication(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/CheckIfBrokerRequiresMatterAuthentication\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(error)=>{\r\n reject(error);\r\n })\r\n });\r\n }\r\n CheckLenderRequiresAuthentication(){\r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/CheckLenderRequiresAuthentication\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n }\r\n };\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(error)=>{\r\n reject(error);\r\n })\r\n });\r\n }\r\n GetLimitedMatterDetails(token){\r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/GetMatterDetailsLimited\";\r\n const options = {\r\n 'headers':{\r\n 'Token':token\r\n }\r\n }\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n })\r\n }\r\n GetLimitedMatterDetailsWeb(token){\r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/GetMatterDetailsLimitedWeb\";\r\n const options = {\r\n 'headers':{\r\n 'Token':token\r\n }\r\n }\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n })\r\n }\r\n GetBrokerList(){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetSearchableBrokers\";\r\n const options = {\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n \r\n }\r\n }\r\n\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n });\r\n }\r\n getMatterDetail(matterId) {\r\n \r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getMatterForId\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getMatterAnnouncements(matterId) {\r\n \r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getMatterAnnouncements\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getLinkedMatters(matterId) {\r\n \r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/GetLinkedMatters\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getAdvancedSearchColumns() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getDetailSearchColumns\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n detailSearch(advancedSearch) {\r\n //console.log(\"advancedSearch\")\r\n //console.log(advancedSearch)\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/detailedSearchByPage\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'srchMatterNo': advancedSearch.matterNo,\r\n 'srchMatterDesc': advancedSearch.borrowers,\r\n 'srchMatterTypeGroupId': advancedSearch.matterType.id,\r\n 'srchMatterStatusId': advancedSearch.matterStatus.id,\r\n 'srchStateId': advancedSearch.matterState.id,\r\n 'srchFileOwnerUserId': advancedSearch.fileOwner.id,\r\n 'srchLenderId': advancedSearch.lender.id,\r\n 'srchMortMgrId': advancedSearch.mortManager.id,\r\n 'srchLenderRefNo': advancedSearch.lenderRefNo,\r\n 'srchTitleRef': advancedSearch.titleRefNo,\r\n 'srchAddress': advancedSearch.address,\r\n 'srchBrokerId':advancedSearch.broker,\r\n 'skip': advancedSearch.skip,\r\n 'take': advancedSearch.pageSize\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n let data = response.data;\r\n resolve(data);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n\r\n generateCSV(advancedSearch) {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/detailedSearchByPage\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'format':\"csv\",\r\n 'srchMatterNo': advancedSearch.matterNo,\r\n 'srchMatterDesc': advancedSearch.borrowers,\r\n 'srchMatterTypeGroupId': advancedSearch.matterType.id,\r\n 'srchMatterStatusId': advancedSearch.matterStatus.id,\r\n 'srchStateId': advancedSearch.matterState.id,\r\n 'srchFileOwnerUserId': advancedSearch.fileOwner.id,\r\n 'srchLenderId': advancedSearch.lender.id,\r\n 'srchMortMgrId': advancedSearch.mortManager.id,\r\n 'srchLenderRefNo': advancedSearch.lenderRefNo,\r\n 'srchTitleRef': advancedSearch.titleRefNo,\r\n 'srchAddress': advancedSearch.address,\r\n 'skip': advancedSearch.skip,\r\n 'take': advancedSearch.pageSize\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n \r\n let data = response.data;\r\n resolve(data);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n\r\n // getRecentMatters() {\r\n // return new Promise((resolve, reject) => {\r\n\r\n // const url = \"api/getRecentMatters\";\r\n // const options = {\r\n // \"headers\": {\r\n // 'Authorization': AuthService.token\r\n // }\r\n // };\r\n\r\n // super.get( url, options ).then((response) => {\r\n // resolve(response);\r\n // }, (err) => {\r\n // reject(err);\r\n // });\r\n // });\r\n // }\r\n\r\n getRecentMatters() {\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getRecentMattersv2\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getRecentMatterEvents() {\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getRecentMatterEvents\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getRecentMatterEventsDischarges() {\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getRecentMatterEventsDischarges\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getRecentMatterEventsFiltered(matterGroupTypeId) {\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getRecentMatterEventsFiltered\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'MatterGroupTypeId': matterGroupTypeId\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getRecentBackchannelEvents() {\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getRecentBackchannelEvents\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n // ---------------------------------------------------------------------------------------------\r\n // Retreive data for a simple search\r\n // ---------------------------------------------------------------------------------------------\r\n simpleSearch(searchText) {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/simpleSearch\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\",\r\n \"searchText\": searchText\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getFileOwnerList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getFileOwnerList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getLenderList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getLenderList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getMatterTypeGroupList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/GetMatterTypeGroupList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getMortMgrList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getMortMgrList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getStateList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getStateList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getStateViewList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/GetStateViewList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getMatterStatusList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/GetMatterStatusList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n UserCanQuickSearch(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CanQuickSearch\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n UserCannotDownloadCSVReport(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CannotDownloadCSVReport\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n UserCannotAddMatterNotes(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CannotAddMatterNotes\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n UserCannotViewFiles(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/CannotViewFiles\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n ShouldVerifyQLDSecurityTitle(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/checkVerifyQLDSecurityTitleRequired\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n VerifyQLDSecurityTitle(titleRef){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/verifyQLDSecurityTitle\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n 'titleRef': titleRef\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n CanUserDoTitleSearchUpload(){\t\r\n return new Promise((resolve,reject) =>{\t\r\n const url =\"api/canUserDoTitleSearchUpload\";\t\r\n const options={\t\r\n \"headers\":{\t\r\n 'Authorization':AuthService.token,\t\r\n }\t\r\n }\t\r\n super.get(url,options).then(\t\r\n (response)=>{\t\r\n resolve(response);\t\r\n },\t\r\n (err)=>{\t\r\n reject(err);\t\r\n }\t\r\n )\t\r\n }\t\r\n )\t\r\n }\r\n\r\n DisplayPPSRDischarges(){\t\r\n return new Promise((resolve,reject) =>{\t\r\n const url =\"api/DisplayPPSRDischarges\";\t\r\n const options={\t\r\n \"headers\":{\t\r\n 'Authorization':AuthService.token,\t\r\n }\t\r\n }\t\r\n super.get(url,options).then(\t\r\n (response)=>{\t\r\n resolve(response);\t\r\n },\t\r\n (err)=>{\t\r\n reject(err);\t\r\n }\t\r\n )\t\r\n }\t\r\n )\t\r\n }\r\n\r\n ShouldVerifyNSWSecurityTitle(){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/checkVerifyNSWSecurityTitleRequired\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n VerifyNSWSecurityTitle(titleRef){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/verifyNSWSecurityTitle\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n 'titleRef': titleRef\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n\r\n getLoanStatisics(titleRef){\r\n return new Promise((resolve,reject) =>{\r\n const url =\"api/GetLoanStatistics\";\r\n const options={\r\n \"headers\":{\r\n 'Authorization':AuthService.token,\r\n 'titleRef': titleRef\r\n }\r\n }\r\n\r\n super.get(url,options).then(\r\n (response)=>{\r\n resolve(response);\r\n },\r\n (err)=>{\r\n reject(err);\r\n }\r\n )\r\n }\r\n )\r\n }\r\n}\r\n\r\nexport const MatterService = new matterService();\r\n","import React, { Component } from 'react';\r\nimport Moment from \"moment\";\r\nimport { Redirect } from 'react-router-dom';\r\n//import ReactHtmlParser from 'react-html-parser';\r\nimport ReactHtmlParser from 'html-react-parser';\r\n \r\nimport FormCheckBox from '../../atom/FormCheckBox/FormCheckBox';\r\nimport FormTextArea from '../../atom/FormTextArea/FormTextArea';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox'; \r\n\r\nimport Button from '../../atom/Button/Button'; \r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon'; \r\n\r\n \r\nimport './css/CommunicationForm.css';\r\nimport Card from '../../atom/Card/Card';\r\nimport CommunicationContent from '../CommunicationContent/CommunicationContent';\r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\n\r\n\r\nimport { MatterNoteService } from '../../../services/matter-note-service';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport CheckBox from '../../atom/CheckBox/CheckBox';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport ValidationText from '../../atom/ValidationText/ValidationText';\r\nimport { MatterEscalateService } from '../../../services/matter-escalate-service';\r\nimport ButtonGroup from '../../molecule/ButtonGroup/ButtonGroup';\r\nimport DisplayMessage from '../../atom/DisplayMessage/DisplayMessage';\r\nimport { MatterService } from '../../../services/matter-service';\r\n\r\nclass CommunicationForm extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n modalIsOpen: false,\r\n notes: [],\r\n noteTypes: [],\r\n noteTypeLookups: [],\r\n noteType: null,\r\n shouldRedirect: false,\r\n showGroups: true,\r\n divHeight: 0,\r\n noteHeader: \"\",\r\n noteDetail: \"\",\r\n isPrivateNote:false,\r\n isPrivateNoteCheckAvailable:false,\r\n isMatterEscalatable:false, \r\n errorMessage: null,\r\n ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage=',\r\n limit: 3,\r\n loadMorelabel: \"Load more...\",\r\n isNotePosting: false,\r\n canRequestForMNP: false,\r\n isRequestPosting: false,\r\n escalateMatter: false,\r\n matterEscalated: false,\r\n matterDescription:'',\r\n lenderReferenceNumber:'',\r\n possibleEscalationReasons:[],\r\n selectedReason:null,\r\n comments:\"\",\r\n loading:true,\r\n response:null,\r\n errorResponse:null,\r\n isInError:false,\r\n isSuccessful:false,\r\n value:'Select Escalation Reason',\r\n dropDownOptions:(),\r\n cannotAddMatterNotes: false\r\n };\r\n\r\n this.handleChangeHeader = this.handleChangeHeader.bind(this);\r\n this.handleChangeDetail = this.handleChangeDetail.bind(this);\r\n this.handlePrivateCheckboxChanged = this.handlePrivateCheckboxChanged.bind(this);\r\n this.onLoadMore = this.onLoadMore.bind(this);\r\n this.handleRequestForMNP = this.handleRequestForMNP.bind(this);\r\n this.handleEscalateMatter = this.handleEscalateMatter.bind(this);\r\n this.RequestEscalateMatter=this.RequestEscalateMatter.bind(this);\r\n this._onDatalistChange = this._onDatalistChange.bind(this);\r\n this._onCommentChange=this._onCommentChange.bind(this);\r\n this.closeWindow=this.closeWindow.bind(this);\r\n this.cancelEscalateRequest=this.cancelEscalateRequest.bind(this);\r\n \r\n }\r\n componentWillMount() {\r\n\r\n this.setState({\r\n loading: true,\r\n notes: []\r\n });\r\n this.getNotes();\r\n MatterNoteService.GetEscalatableStatus(this.props.matterId).then(\r\n (resp)=>{\r\n this.setState({isMatterEscalatable:resp.data.Content});\r\n },\r\n (err)=>{\r\n this.setState({isMatterEscalatable:false});\r\n }\r\n );\r\n MatterNoteService.GetShowPrivateNoteOption().then(\r\n (resp)=>{\r\n this.setState({isPrivateNoteCheckAvailable:resp.data.Content})\r\n },\r\n (err)=>{\r\n this.setState({isPrivateNoteCheckAvailable:false})\r\n }\r\n );\r\n MatterNoteService.LenderCanRequestForMNP().then(\r\n (resp)=>{\r\n this.setState({canRequestForMNP:resp.data.Content})\r\n },\r\n (err)=>{\r\n this.setState({canRequestForMNP:false})\r\n }\r\n );\r\n MatterService.UserCannotAddMatterNotes().then(\r\n (resp)=>{\r\n this.setState({cannotAddMatterNotes:resp.data.Content})\r\n },\r\n (err)=>{\r\n this.setState({cannotAddMatterNotes:false})\r\n }\r\n );\r\n }\r\n // componentDidMount(){\r\n // this.getNotes();\r\n // }\r\n\r\n componentDidUpdate(prevProps){\r\n if(this.props.ShouldReload===true){\r\n this.props.Reload();\r\n this.getNotes();\r\n }\r\n }\r\n\r\n handleChangeHeader(event) {\r\n this.setState({ noteHeader: event.target.value });\r\n }\r\n\r\n handleChangeDetail(event) {\r\n this.setState({ noteDetail: event.target.value });\r\n }\r\n\r\n handlePrivateCheckboxChanged(){ \r\n this.setState({isPrivateNote:!this.state.isPrivateNote},()=>{\r\n //alert(this.state.isPrivateNote);\r\n });\r\n }\r\n\r\n handleSaveNote() {\r\n this.setState({\r\n //loading: true\r\n isNotePosting: true\r\n });\r\n let self = this;\r\n let header = this.state.noteHeader;\r\n let detail = this.state.noteDetail;\r\n \r\n if (!header || !detail) {\r\n // SAlert({\r\n // title: \"Save Note\",\r\n // html: \"All fields are required to create a note.\",\r\n // type: \"warning\"\r\n // });\r\n \r\n return;\r\n }\r\n \r\n let note = {\r\n matterId: self.props.matterId,\r\n noteDetail: detail,\r\n noteHeader: header,\r\n noteTypeId: this.state.isPrivateNote ? 9 : null,\r\n };\r\n \r\n MatterNoteService.postNewNote(note).then(\r\n resp => {\r\n self.setState({\r\n //loading: false,\r\n isNotePosting: false,\r\n modalIsOpen: false,\r\n message: \"\",\r\n noteHeader: \"\",\r\n noteDetail: \"\",\r\n notes: [],\r\n });\r\n this.getNotes();\r\n },\r\n err => {\r\n self.setState({\r\n notes: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request',\r\n message: \"\",\r\n });\r\n }\r\n );\r\n }\r\n\r\n handleRequestForMNP() {\r\n // alert(\"sdfsadf\");\r\n this.setState({\r\n //loading: true\r\n isRequestPosting: true\r\n });\r\n let self = this;\r\n let header = this.state.noteHeader;\r\n let detail = this.state.noteDetail;\r\n \r\n // if (!header || !detail) {\r\n // // SAlert({\r\n // // title: \"Save Note\",\r\n // // html: \"All fields are required to create a note.\",\r\n // // type: \"warning\"\r\n // // });\r\n \r\n // return;\r\n // }\r\n \r\n let note = {\r\n matterId: self.props.matterId,\r\n noteDetail: \"Lender has requested to MNP this matter\",\r\n noteHeader: \"Lender Requested For MNP\",\r\n noteTypeId: 9,//private note\r\n };\r\n \r\n MatterNoteService.postNewNote(note).then(\r\n resp => {\r\n self.setState({\r\n //loading: false,\r\n isRequestPosting: false,\r\n modalIsOpen: false,\r\n message: \"\",\r\n noteHeader: \"\",\r\n noteDetail: \"\",\r\n notes: [],\r\n });\r\n this.getNotes();\r\n },\r\n err => {\r\n self.setState({\r\n notes: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request',\r\n message: \"\",\r\n });\r\n }\r\n );\r\n }\r\n\r\n getNotes() {\r\n MatterNoteService.getMatterNoteTypes().then(\r\n resp => {\r\n let noteTypes = resp.data.Content.map(function(nt) {\r\n return { id: nt.MatterNoteTypeId, value: nt.MatterNoteTypeName };\r\n });\r\n \r\n this.setState({\r\n noteTypes: noteTypes\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n noteTypes: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n }\r\n );\r\n \r\n MatterNoteService.getMatterNotes(this.props.matterId).then(\r\n resp => {\r\n this.setState({\r\n notes: resp.data.Content,\r\n loading: false\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n notes: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n }\r\n );\r\n this.setState();\r\n }\r\n onLoadMore(){\r\n //alert(\"dsfd\");\r\n this.setState({\r\n limit: this.state.limit + 10\r\n });\r\n if(this.state.limit >= this.state.notes.length){\r\n this.setState({\r\n loadMorelabel: \"Nothing more to load\"\r\n });\r\n }\r\n }\r\n handleEscalateMatter(){\r\n this.setState({escalateMatter: true, loading:true})\r\n //this.setState({loading:true});\r\n //document.title = \"Loantrak - Escalate:\" + this.state.matterId;\r\n MatterEscalateService.GetMatterEscalationDetails(this.props.matterId).then(\r\n (resp)=>{\r\n this.setState({lenderReferenceNumber:resp.data.Content.LenderReferenceNumber,matterDescription:resp.data.Content.BorrowerDescription});\r\n },\r\n (err)=>{\r\n this.setState({shouldRedirect:true,\r\n errorMessage: 'there is an error with the request',\r\n loading:false},()=>{});\r\n }\r\n );\r\n MatterEscalateService.GetMatterEscalationReasons().then(\r\n resp=>{\r\n this.setState({possibleEscalationReasons:resp.data.Content,loading:false},()=>{\r\n let options = this.state.possibleEscalationReasons.map(o=>())\r\n //let [selectedOption, setSelectedOption] = useState(this.state.possibleEscalationReasons[0].EscalationReasonTypeDescription);\r\n //console.log(options)\r\n this.setState({dropDownOptions:(\r\n progressDisplay
);\r\n }\r\n let privateCheck = \"\";\r\n let escalateButton = \"\";\r\n let RequestforMNPButton = \"\";\r\n \r\n if(this.state.isPrivateNoteCheckAvailable){\r\n privateCheck=( \r\n No notes found
);\r\n //return No notes found
;\r\n }\r\n else{\r\n if(this.state.limit >= this.state.notes.length){\r\n divLoadMore='';\r\n }else{\r\n divLoadMore=( {nt.NoteBody}
*/}\r\n {/* */}\r\n {/* {nt.NoteBody} */}\r\n {/* {ReactHtmlParser(nt.NoteBody) }
*/}\r\n {/* {ReactHtmlParser(nt.NoteBody)}
*/}\r\n {/* {nt.NoteBody == null ? nt.NoteBody : ReactHtmlParser(nt.NoteBody)}
*/}\r\n \r\n \r\n \r\n Matter Escalation Request Received. Please note an Escalation Request can only be made once.
);\r\n successMessage=({this.state.errorResponse.message}
)\r\n errorMessage=(\r\n
);\r\n\r\n }\r\n\r\n let divAddNote = '';\r\n if(!this.state.cannotAddMatterNotes){\r\n divAddNote=(\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/* {this.state.errorMessage} \r\n \r\n \r\n {matterEscalateButton}\r\n \r\n */}\r\n \r\n {matterEscalateButtons}\r\n \r\n
\r\n {/* \r\n {/*
\r\n Matter Escalate
\r\n\r\n Loan Escalation Request for {this.state.matterDescription}
\r\n MSA Reference: {this.props.matterId}
\r\n Lender Reference: {this.state.lenderReferenceNumber}\r\n
\r\n {this.state.dropDownOptions}\r\n
\r\n \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 \r\n {privateCheck} \r\n
\r\n \r\n {/*
\r\n \r\n {this.state.isNotePosting?\r\n \r\n this.handleSaveNote()}\r\n >Post\r\n
\r\n }\r\n \r\n
\r\n )\r\n }\r\n }\r\n}\r\n\r\nexport default CommunicationForm\r\n","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom'\r\n\r\nimport './css/LabelForm.css';\r\n\r\nclass LabelForm extends Component {\r\n render() {\r\n var $leftIcon=this.props.leftIcon;; \r\n\r\n return (\r\n \r\n {matterEscalateForm} \r\n {divAddNote}\r\n {/*
\r\n {display}\r\n \r\n {divLoadMore}\r\n \r\n \r\n
\r\n \r\n
*/}\r\n \r\n {privateCheck} \r\n
\r\n \r\n {this.state.isNotePosting?\r\n \r\n this.handleSaveNote()}\r\n >Post\r\n
\r\n }\r\n \r\n {/* {this.state.isRequestPosting?\r\n
\r\n \r\n {this.state.isRequestPosting?\r\n
\r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n {this.props.label}
\r\n {this.props.count}
\r\n this.nextPath(this.props.path, this.props.arg, this.props.sarg)}>\r\n // \r\n discharges.nsw@msanational.com.au\r\n \r\n \r\n \r\n );\r\n } else {\r\n emailOwner = (\r\n \r\n {matter.FileOwnerEmail\r\n ? matter.FileOwnerEmail\r\n : matter.FileOwnerUsername + \"@msanational.com.au\"}\r\n \r\n \r\n \r\n );\r\n }\r\n return (\r\n */}\r\n {/* {p.PartyTypeName + \" \" + i++} */}\r\n {p.PartyTypeId==1? {p.PartyTypeName + \" \" + i++} \r\n :\r\n p.PartyTypeId==2 ? {p.PartyTypeName + \" \" + x++} \r\n :\r\n {p.PartyTypeName + \" \" + y++} \r\n }\r\n {\"Security \" + i++} \r\n {\"Facility \" + i++} \r\n \r\n {this.state.matter.BrokerPrimaryContact.Email\r\n ? this.state.matter.BrokerPrimaryContact.Email\r\n : \"-\"}\r\n );\r\n brokercontact = (\r\n <>\r\n {/* Email */}\r\n
*/}\r\n \r\n ));\r\n } \r\n\r\n // GenerateLinkedMatters(linkedMatters) \r\n // { \r\n // if (linkedMatters === undefined || linkedMatters.count == 0 || linkedMatters.count === \"\") {\r\n // return (<>-);\r\n // }\r\n // return linkedMatters.map((linked, i) => (\r\n // this.nextPath(this.props.path, this.props.arg, this.props.sarg)} >
\r\n \r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default LabelCount;\r\n","import React, { Component } from 'react'\r\n\r\nimport LabelForm from '../../atom/LabelForm/LabelForm';\r\nimport TextCapsule from '../../atom/TextCapsule/TextCapsule';\r\n \r\nimport Accordion from '../../organism/Accordion/Accordion';\r\n \r\nimport './css/LoanDetails.css';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport Moment from \"moment\";\r\nimport LabelCount from '../../atom/LabelCount/LabelCount';\r\n\r\nclass LoanDetails extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n matter: [],\r\n isLoanSummaryExpanded: true,\r\n expanded: false,\r\n shouldRedirect: false,\r\n errorMessage: null,\r\n linkedMatters: [],\r\n strLinkedMatters: \"\",\r\n //ssourl: AuthService.getSSOUrl(),\r\n };\r\n this.handleAccordionCallback = this.handleAccordionCallback.bind(this);\r\n }\r\n\r\n handleAccordionCallback(child){\r\n //alert(child);\r\n if(child[0] == \"LoanSummary\"){\r\n this.setState({\r\n isLoanSummaryExpanded: child[1],\r\n });\r\n }\r\n else{\r\n this.setState({\r\n expanded: child[1],\r\n });\r\n } \r\n \r\n }\r\n\r\n componentDidMount(){\r\n this.setState({\r\n loading: true,\r\n matter: [],\r\n });\r\n \r\n MatterService.getMatterDetail(this.props.matterId).then(\r\n resp => {\r\n this.setState(\r\n {\r\n matter: resp.data.Content,\r\n loading: false,\r\n //linkedMatters: resp.data.Content.LinkedMattersString != null && resp.data.Content.LinkedMattersString != \"\" ? resp.data.Content.LinkedMattersString.split(', ') : []\r\n },\r\n () => {\r\n this.setTitle(); \r\n }\r\n );\r\n },\r\n err => {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n }\r\n );\r\n\r\n\r\n MatterService.getLinkedMatters(this.props.matterId).then(\r\n resp => {\r\n // console.log(\"resp\")\r\n //console.log(resp.data[0].LinkedMatterId)\r\n this.setState( {\r\n strLinkedMatters: resp.data ,\r\n //linkedMatters: resp.data != null && resp.data != \"\" ? resp.data.includes(',')?resp.data.split(', ') : resp.data : []\r\n linkedMatters: resp.data,//resp.data != null && resp.data != \"\" ? resp.data.split(', ') : []\r\n },\r\n () => {\r\n //this.setTitle(); \r\n //console.log(\"linkedMattersirene\")\r\n console.log(this.state.linkedMatters) \r\n //this.GenerateLinkedMatters(this.state.linkedMatters)\r\n }\r\n );\r\n },\r\n err => {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n }\r\n );\r\n \r\n }\r\n\r\n setTitle() {\r\n document.title = \"Loantrak - \" + this.state.matter.MatterDescription;\r\n }\r\n\r\n viewLinkMatter(matterId) {\r\n window.open('/matter-details:'+matterId)\r\n }\r\n\r\n GenerateMatter(matter) {\r\n if (matter === undefined) {\r\n return ;\r\n }\r\n let dischargeType = ;\r\n \r\n if (matter.DischargeTypeName != null) {\r\n dischargeType = (\r\n */}\r\n {this.props.label}{this.props.children}
\r\n {this.props.count}
\r\n \r\n {/* MSA Reference */}\r\n
)} */}\r\n {matter.SecondaryRefName != null && matter.SecondaryRefName != \"\" ? \r\n ( this.viewLinkMatter()}>{this.state.linkedMatters}: \"-\"} /> */}\r\n {/*
\r\n\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n GenerateAddress(securities) {\r\n if (securities === undefined) {\r\n return ()} */}\r\n {matter.SecondaryRefName != null && matter.SecondaryRefName != \"\" ? \r\n (
\r\n {p.IsIndividual ? (\r\n <> \r\n
\r\n
\r\n \r\n ));\r\n }\r\n\r\n GenerateSecurity(securities) {\r\n let i = 1;\r\n \r\n if (securities === undefined) {\r\n return ;\r\n }\r\n \r\n return securities.map(sec => (\r\n <> \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n static GenerateOtherParty(otherParty) {\r\n if (otherParty === undefined) {\r\n return ;\r\n }\r\n \r\n return (\r\n <>\r\n {/* Name */}\r\n \r\n
\r\n Workspace Id:
\r\n \r\n {pexaDetail.PexaWorkspaceNo}\r\n \r\n \r\n
\r\n Workspace Status:
\r\n \r\n {pexaDetail.PexaWorkspaceStatus}\r\n \r\n \r\n // {\r\n // i==0? this.viewLinkMatter(linkedMatters[0])}>{linkedMatters[0]}} /> :\r\n // this.viewLinkMatter(linked)}>{linked}} />\r\n // }\r\n //
\r\n // )); \r\n // }\r\n\r\n GenerateLinkedMatters(linkedMatters) \r\n { \r\n if (linkedMatters === undefined || linkedMatters.count == 0 || linkedMatters.count === \"\") {\r\n return (<>-);\r\n }\r\n return linkedMatters.map((linked, i) => (\r\n \r\n {\r\n i==0? \r\n <>\r\n {/* for mobile: display everything */}\r\n this.viewLinkMatter(linkedMatters[0].LinkedMatterId)}>{linkedMatters[0].LinkedMatterId}} /> \r\n Lender Ref:
{linkedMatters[0].LinkedLenderRef} } /> \r\nSecurity:
{linkedMatters[0].LinkedMatterSecurities==null?\" - \" : linkedMatters[0].LinkedMatterSecurities} } />\r\n\r\n {/* for desktop: hover on matter number */}\r\n this.viewLinkMatter(linkedMatters[0].LinkedMatterId)}>{linkedMatters[0].LinkedMatterId}}\r\n >\r\n \r\n
*/}\r\n \r\n :\r\n <>\r\n {/* for mobile: display everything */}\r\n this.viewLinkMatter(linked.LinkedMatterId)}>{linked.LinkedMatterId}} />\r\n Lender Ref:
{linked.LinkedLenderRef} } /> \r\nSecurity:
{linked.LinkedMatterSecurities==null?\" - \" : linked.LinkedMatterSecurities} } /> \r\n {/* for desktop: hover on matter number */}\r\n this.viewLinkMatter(linked.LinkedMatterId)}>{linked.LinkedMatterId}}\r\n >\r\n \r\n
*/}\r\n \r\n \r\n }\r\n
\r\n )); \r\n }\r\n\r\n render() {\r\n let NominatedDate = ;\r\n if (this.state.matter.IsPEXAMatter) {\r\n if (this.state.matter.PexaDetail != null) {\r\n if (\r\n this.state.matter.PexaDetail.hasOwnProperty(\r\n \"NominatedSettlementDate\"\r\n )\r\n ) {\r\n NominatedDate = (\r\n {linkedMatters[0].LinkedLenderRef} } /> \r\n
{linkedMatters[0].LinkedMatterSecurities==null?\" - \" : linkedMatters[0].LinkedMatterSecurities} } />\r\n\r\n {/* for desktop: hover on matter number */}\r\n
Lender Ref: {linkedMatters[0].LinkedLenderRef}
\r\nSecurity: {linkedMatters[0].LinkedMatterSecurities==null?\" - \" : linkedMatters[0].LinkedMatterSecurities}
\r\n \r\n \r\n \r\n {/**/}\r\n \r\n :\r\n <>\r\n {/* for mobile: display everything */}\r\n
{linked.LinkedLenderRef} } /> \r\n
{linked.LinkedMatterSecurities==null?\" - \" : linked.LinkedMatterSecurities} } /> \r\n {/* for desktop: hover on matter number */}\r\n
Lender Ref: {linked.LinkedLenderRef}
\r\nSecurity: {linked.LinkedMatterSecurities==null?\" - \" : linked.LinkedMatterSecurities}
\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 let PEXAOption = ;\r\n if (this.state.matter.IsPEXAMatter) {\r\n PEXAOption = (\r\n Nominated Settlement Date:
\r\n // \r\n // \r\n // {this.state.matter.PexaDetail.NominatedSettlementDate\r\n // ? Moment(\r\n // this.state.matter.PexaDetail.NominatedSettlementDate\r\n // ).format(\"DD/MM/YYYY\") +\r\n // \" \" +\r\n // Moment(\r\n // this.state.matter.PexaDetail.NominatedSettlementDate\r\n // ).format(\"hh:mm A\")\r\n // : \"-\"}\r\n // \r\n //
\r\n // \r\n
\r\n )); \r\n\r\n eventStatus = this.state.eventList.Items.map((e,i) =>( \r\n //e.ConpletedDate\r\n {e.CompletedDate == null? \" \" : Moment(e.CompletedDate).format(\"DD MMM YYYY\").toUpperCase()}
\r\n {e.CompletedDate == null? \" \" : Moment(e.CompletedDate).format(\"hh:mm A\")}
\r\n \r\n
\r\n ));\r\n \r\n \r\n // eventStatus = this.state.eventList.Items.map((e,i) => (\r\n // //e.ConpletedDate\r\n // \r\n //
\r\n // ));\r\n eventList = this.state.eventList.Items.map(e => (\r\n {e.ProgressBarName}
\r\n ));\r\n }\r\n return ( \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ProgressStep\r\n","\r\nimport React, { Component } from 'react'\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nclass DisplayLeftMenu extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n leftContent : this.props.page,\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n //alert(this.props.desktopMenu);\r\n //alert(this.props.lmwInstructMSASub)\r\n }\r\n\r\n render(){\r\n \r\n return(\r\n \r\n {eventDates} \r\n
\r\n\r\n \r\n {eventStatus} \r\n
\r\n \r\n \r\n {eventList} \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Logo\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAAtCAYAAAAeL68fAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABt9SURBVHgB7V0JeFXFvZ+Zc+7NzU3YZZUtGwHZNEQEt2KfVWut1gWqQAIBMYDAU1vfZ9unTZ9U29raV2RHTAgiNdTWh1uxnwVRcCEbWyvJzQKEfQmY5W7nzLzfnOQmdzk3uYGApd/9fVzOnJk5M3PmzH+Z/39mQkkUUVzpEIIOy1pxs67THErpQUd+9mxCqCAXCEqiiOLKBU3KXDWJCv7fCE/Cj+HnJJz/wLHh8Q9lhvzdfeM03vUVEM5wec8o1VUmnp4+1vF5uEJVEkUUVyASM1cPo0I8DoLIwm0Xv6RYotIFuBpEkTn2RMOrRfEFCiXvgoYUIQTxcroQly8pJdys7KikiOKKgiQGRejPQTd6ELe2sBm5mOjYMN+QBjlbJ6lDutbkYbRPa049xxuVkbNvPnDU7FFGoojiCkHywiUxTPCVIAg5uG1t5aWMZvvCObdt0yAZXkbQJxm6q/HihnDPRokiiisGjlcWuZlGp1BC328vryDivlFZywb57melO0pwKW1J52JSuGejRBHFFYWyjdmnvYoTkkL8lRDzOUETaA+Xzr7jFyGgPr3ju+GE3xjuyShRRHHFoTrvyXNE1TIpETvbzCjIXf63GiHbYIXSZRjSZkDBvpHxMvzqzpE91xclJcvfusLEwVGiiOIbwdqvUrus2jrsKnKBcOQuOiWotgjB2nB5QDTXT5z8cqzvngmlDH4MX357XaO3jwwosa5bNUrL5U8w9knUJBvFJUGOmKQOKzva3dlArUQTNkG9VylMHQhdfwhG6420Ub/B0pWcR9bR5ALhyF9Ukjht5U8ZEyvM0qEv9T1ltyYiuF/eH978yPEh964/C3KRxGinjHeX8dyr7GEq9yBo5YL2iEqKKC4JEkpqrnc38C2U6LsY4zsVRfkUTua34Bt4GX6Ah5BlEKXCSS4SrKcnF4N8d5jkWCHUUb6bnJwcDklxxLih8NGxJv+G2+2C9KCGeRZtiokSRRSXBDPSHJ9lpTnGzUpzXJ2V7uhHmX6PSbZKcpGQFilC9cUIuszS4dxL9b+HJDhuBAS0KcIsMqj1szYi4kxzPI0SRRSXBXbVvo2EeJBpFekEDDx0zdtQy/aapWHgXx1Qo+D1rWHdaM/CZIdHCNoktShxRokiisuCeo+7mxyhAZGcHCadgG3bbtOoQt4wSwMd9hj32CqLX4zXl2BhTdIFKp2A2qQ1p5+PEkUUlwUKHNIhkbRziMIoSrdswf+e4Hh4su3nDw/yG+dCaboQt0coDTJYUIDmUdJMOOJYlCiiuCzwhhKFlzB2nHQSnK66akJ5qAqleRTNWdC6xo+ypuUhUJOoZj0rgzUDB1pBJIbPAkRUpSZNW3E/o4FiLbZf3F/3/DazgUQRRSeBcTpMTm39gMktO0U6CTWbnnIOy1ixHZOEcf7x1GL1xvW+G9F5xj0GfS8qSUTQ8/F2cULG9Y1nNq9GesnWMUKLVaqIjZhkxAS09pxbrhmJEsVlxrq9qWO4R3/AI9jS7PSy0+TfCDDpBEgKQUldvEXp1HfEyC9puvgzefr1/pGTNbLJ1w7eV1YO6jgwZdR+Q93SuL23EFpfPMV1TS+Oqk//Isjbm5yke/S/QKz/3Kpo48m/EeTSbYzCQf5xGHinMCjrSSdCMMPEWx8Ud5zkUMPK9HLBwFgQRD8jgYpdvjw618bIOQUV5Ayzx+6LEsW/APJ3pyYIr/gAYj0RppA6mMrPkX8jJMfW2KGa9PWPE1wcJJ0Mq2qpwcXtH8cEbZnMX5UaB4KgcTKsUfZJSx4ibjHaJMjnWaP2H48SxTeMgsLEbjrXN+Jjpch7KsQhi27tFPv9vwqEaonDQOvjHwfPcg3pZDQ4PV/jEmiBotThCzLiBmHybgieUb1eY1IupRgnbKKRroj3mvJF8Y1BqkyNjL0Hy0fLhhdwVEdG+j87zSpzuZBXnHLrqsJxFrM0ZvUMwHt1DYwV1aST4VbiJUH4OwidnPMWieThSqrckgqJ/MnBhqHGfGZgfM1ouClGgniOWDTnW0Z7SRTfCHJLhg8VXvIWBstN/vEwBMp1PBd8EsU3gVeLku5Cg9+32s70Mkt3eWlSSKTCqkknI87llAtc/X0Sx+NIXIvUhSolmQ+H93ud3I1nxFH+fSIXBwqxemr6UYNQLnqVbOqsX3cRnp7X6ky7Bp8yEY7Cq/BpbZjmN6Dyw5SL3fFq7PbSvKyL0pMFTGQpU5ddQ1R1AhTSFLgg+4K6Y6ihEnK73GoFo8I5zKxOwDu5V1Vsn3yVl1VNOgmpD68doFm176AlI6ng/SiMfWBJLnyBI7A07nGrtg+rI3zH9YUj+mvCA65ExwanCSoORFJGbsmIFMK93wMVjYIuvGnWOMcWs3xrihLGWAj7vo66qKBf0rqrl2bdts3VXvkok+aVJiZzjY2wKHSAJkQsvu1BVcR8Bkl2zJcvrzDhDk7oenBbVn1Kct/qkLJgeUoKJnPqp+uboWDfSGuD1zUVDbHVEfbWojRHu+ZbqmiQRtTaevQALd6zvtW1gFeSG4sO8VjlI3m/FarTQVYzR8a5eeNyX74LIwoMv6QZK+5inM3hXnKHoFpc6yk7zJenqWmQVfW6S0/OXL4d/bZB15R3qzbOORFpVcnTlnQlqmV2SuaKOURVhhvGPJRJm+tofnnfv5bjfjTdRZIzV3wmmPgN7aJ9YCwcM0FixvK5sE3/OiCS0s2O/LkZRv0Pr7iOWshinXhuR9FWX32iqVbjqiOg6m4P6ntdEeriA+vnhJ0TrCsddrXGNel9HWmagYtnc0uSs5HuQrENYAZOvG2l6hEvTZ/gkDozyS1OmUuE9/dogK2pNWTqutKUKTOuLX/XV8yW3WPijmrOJeiPLEGaF7lRMZl0OTIYoUXh2re6dPgwi+ZdsK6EygV8CYpCDulC/Bm+rFpBWbbGvRteK07+kFK2WBD+CD7BPCr3S1Oyw8d9g4F+CzDHUnkMDZgJaQP1blc+5h0/lLm7EPKTNZ8njJ8zoarNcaNYWX+IgZjWevnffGG5kQgK1mh8sOdnDz9QJ+MO9jiUITgbgODM7GYpIdFhohieua6XlrHqJQych8HVYiN8TMFYvg1D6DZF1f6RMHXpvKo3Fmxv76FrZ+Z2b9BdbwtOvnVBB48IMhEj9k/0nGVZ8neX/Jfjg1DCUGCKw4cN0HfRmfacnByWX9nnYRDeUpB3jwgqk17RWTrRJiVnLZkgN8EE51jyfnIMdNy1CI4MWwwlw1HOcGOXsa9kISp1la9B8Ou1hcNuBuW8SPw37lMSy3WxECGDKHK3DrUd440rm0+vCOw4hXc1q1bOB2xK7XzO9WehU/RqJvqlzCmez7yp4qTM08S93fMxyH+PVv0HrnEtb6+LYhKuZ4QYSmlrM1D2aQtzNYbLn783MV3zsntatEhKBjJmiSPtABJrMHotrpkZu6AubfOlqbGeiSitgTHVWCNVcHhgbONpJqXEtjhrzJv+5XRoTgFOeJ3GG7dL7kPk+ToXhmsURfl78oxV8zBQY8JlGpORH1evOd/Di3zLP15IxkzpVwjsAAf9FG9fKMUkwnIjyfHglZjoIEVIztjb8iTpAN6o6PtLymk+iYggApBINMuacY+tsgcnqF08dkWhP8dvAuznd5k9TBmd5eEkWbfpQ0WdGKzavAOYXR0fW1l5pGDnxFjG+FJk6x7yIKPpviDvZnka7wzVw1jwFqDSIX5r8KO5JUO7W9j5v3HB/hc5jHkBBvLCmWmOhT6CkJDOLjCQDSjkODLEBbabFBITbBWTVEiVxIC8gpz2nGGmeymkL0HzKL+HLG4tX4h94CYROPrEKGosszKeKdbPDK1uLYLfg3q3xJaNrpD3zpMx94LZjVEVfb7PiedDxJIiSZ6MoNP1eKNrgtMwIBvwXzkq3gPFrgqOQRcXFI4SI+8EpEkR5U+ACuF8OekTYwNH/oPc/BFcZiOp/xGofWLAK1PyEV76aaF7KqannK3PQVzyFz0Ni0fXQTHKea81TtU9yRrh8tjE2QEFCjF7TMZLr+xZ/3S7nnoMnFvwuxfMTXawhvZX4flSqA/VVBdnoZKpaMd4tO8O4ieu/XDvead+Pa4f+0fOv+WQ3Ar5hQzn7065QTeZT+uMfpydXm66zyC/6NTtpGmn2m60LRYDdJjf+8UXFExWXKnFI3RdPINvcojo4h5NtdQrRHsGGR5DbXWC8YCT8fJ3JPUBl9lM/SxgaNby+hN0jVkb4nu76utP204jfz+/aI+gyj/N8p/afbQvBni8/5viO57Muq3adF7TI9n2HHLc5NcWp2D0OZ/q2A6u86vkLccHdxuawarCAXYQ5jhd0DlTpmzSof715pT+COzjyYyxVSFzuIiJgnnZ81CXgsW+fNfNGIAvlice20VMBvfVmUt7xenKA5yRF3AbuCeXi+fyK/rJRgUcWZI4eVU3dORMYfjjfRXRY7GKnrUv93FjgpbTHO8IdNZIkXxq5OSCIrftLPRG8URrEu3httikjTqC5Su0d9MFUkfQF1zOxl/JtTUBWaBeJZb3Hsco24B8KcEFgHV+lwQRhT+8Gh/BaIhK6Dw8emp169sFQqfsPhgRCvVD7PbeV9fpZ5TYF9C+/2xOtjaklI5GJhAAsaNvl8wc7zC2YcIWv3Bwt5qrIDL1zDFVZT5uYUw07TW/w1u2EgSllS4n/8WiuytM52Ael80CtcQmAgn6nEcnpvOoespBFIHqKYMvxixvXmnyHUInTxDqU/noETj5nshKc2yeRdqGMfcUpIlhU+JmsVLKN8HO4lM0wffOTivfLf0SjNb8BOW+PzMtY22WSV9HpD6lZi4fg+GZGRwPTrV4YNKJh8rXZ39hRhASR/IXnCnbMG+N0FWpLuwLKqE7REaOVJUCouM8UjfE/NdQh5p+Qny+b8ipNidnPuzfNMWDZ4rIxYDSRnCT6Y71c38eQhASeN/KDY/vstnUW0DAoVxSkP5tFc8Iu8ak0gM5NIeHb5LoCym1ePZ9B+ruTT/aiEnMsoB0IqSX9n78Tgld29jSVEyA47vxRxsssfMobR3Nh7rV/ADf8IdB1ayc56cyhbyW1xKHZ/oG1kvKw67V0qjUEqz+UTBMhBBFbknKtSCI133GA+BNzaKNm3W940/+bQ4PVfanoaZRzvLKVmefbm2CmARjgZyHkaHdjtwH1bDKI7r9kobp64iIQhdMziGC2dqXNnevxdtycrRIyqh4Y04Rt/B5pMny0AJIgPRG2jjGP64yb+FeFsvSmY2N9v0UveGxcIQXAHkCdeaKq2GmnUYuBiD4ynVzN7aXbd+rc04IVZluUkDblgEqhoVWSf7Z1iNMJ4uV4/a/++41S+CSBtG0/NmKQfTFzOurAyw1U5Iqz88fs7fl5Iv3y5NjoE7IbZwWv/rrmafxtTaaQLz13mGUifjAWLonXH4wt5B9FBi0AerhyuJkmPPFmxhhkNC0AhPmecop++w5o6sitlISRbmTGItcSSPeY7Uv+uWdA2OJJnY/Oq7C8dKWMXFcU44dPD9oRXZ6kTdcUe2rT1ATSAUxOWKQrjY4cgdQ+dr8HckZKz9D8Nv+BUF8y7nDZ/55/Sk9fNNy2LbqIdajVk+8t1HvhSn1EDZj1d342FMwIvuTi0F3z8sR54137yfnLBFnb/L8nh8UHM8Y+Udbz2Wml3/hf6+7lP6UmcxLBNnaHnc9WU9vh+RJDayfbptxw5EzbT3HFHqD9Bn5x+Huy3D5FUUkCB7IH4TCq31h6PfX0Car2VCUs1UINn12mvkZr21C8EnygrnD5vL1j5WQ15tOzRyI35TrHdtk+Md37GlEv+wk5Ks2i2qXKAaX9elGFd5fBAoKLybK+0mHAb+hWPEXNOzbAdFMjAj3hDG/iNFGQne/GV95FH4w72FuwkXMhkoMCeFSIXus8N3bCKdd2uXQkYE7XlnoacOcf1GwxTV0FS7SR4QMW1FGOgAQ0UDzkc8+au9ZcPAZwXHNg7Pt56i4M6Qoou8Im1+w5GAHfYywHlm2b2S83e16BClNc02wRvx7dVaao+MEYVTEfoRx9CLXYJ2jrV6zKTfWtGgmkalhEahP1hibCoIIEpdE4xblAvdb8FB7Nqchh2INzcm1DZu+YgGz8UJQ/w68jXSwZeDD3YJXG4E3TMSgGkqamIFcbCYnc510irrwkIv4ox/twdvo7UECrTdGNCUdXfpAh5pEnjt83dS9bT316r6RPakgE4Prh69jd1vPFewc2BOdcmtQG2pnXlvpCPcM2GCw+iQ04n3Q7nHvxDdcRX3GF7l/W7AXm5xsHYfj9ezibjZ6T8WGeTvIRaJdolD1RqnHB1siIGlJ5PqCH6jFEvocCzxVJCkjv49a4fo7WMcrxGxvbytAr/QciEbq4ltgtHgFcmIhHFC3S4sYuVAI0iG1sKNQCB0hQqV0vZV3bOWocbBYcJwgn7Y1WTfqd7vGiyZm4o86VVgOtvVcQ2zsvTSo3TC/l4bjwEJMVuBhTgiKlpsbfodvBT8OrQtKG6zEuJcs+TzZ1MHYHopWZ3tJJ6Bd9ane6Wm02WLlBM3/qJAYTF7kfTHpIBRNu04PZuhcb7FBS6fXeWf9cnRYMCeTf2+jDAT0DrjPHiroca9KD8e7WS1TY+r3JFU6/SfiKRkrJ13433eil5QomEJSeNCwhZp+cmthfMTbM+UqmnXFYkiwsogB2i6nZIx9m4fqbnUxNnam7TrF94JFsc6DLYqtWF1UMtTKTJnnm3arc/7XXtsDMBPLSbHfHmrxcBcLkRLrJfINoV2iqNn0pAuTY8mJRwUlSd3yHdIBTJ5coJTSM/cE8xV82BYHSp2Lo1z6gMnj291uywM1mx49S9oHtANxwccxGhL+EgI28pRQTU+Ur84uipjTbdrWO050k7vI/DpT6uV6+4wK5slRIbUTUhvs2fWHVLmIxx1yUjelSliiUBlLCDkYXNDKWrczKyutxlmwb2R+vcf1AKTGd/1KlCdrPLNub+qWGaMPhLVqXUpEYJI1dOvPQmIJeXjg7Fc7pP+V2mrTwaBuCopGr9GW06PhCb+VmMwNGBe/jpAgyPDMpT3BMceSC8allRQYScNDo0jIJFs613ILhw43K0LvHncVWHeQM5Q0ePRWy0444KP3DomEOdc46iUcXM6J+CgDSGCbBbNoVeHrESaqr8h/qnnyK4nQoqhPglCC1aiewqv/Idz+jEuNiPwUTGEfBK8pAifuFeP2vjxpZq4tkjLgcRwoKJcH4Qbnr7S5eItJD9aNeLPndUYjPiNI48qU5kn4BUJ0SDfV6s5GPMGXa4HAZQaH1EgDpVNu1VBbdfcjv4VNc4JZOS7Cerd43n2g9IylcbCptzigLkJD5xyU9KtLTTCdv0lVDdM+M+etW9PUAJVPDuSmPdlEcrhgT7/0ygcsq5g+5kAZVegvQsomZJKFngtwZK/9ImHsa0UJJj6hzkVERFGWl/0V9Mm3g+PBKWbUaM6NCfB4G/6MMEjMXHYzYZZteNPrQsogZM3+TY/7HWVobquHHjyERICUjFU3oNDFJklUo8weSRkYoW7SAWgNXSMmiurSc/EYLCHtwBzpnjV7E/rmiBy2dldqKqlVN2Pu9JjC2Rdm5VDB+uO/LkHRn0eyVwIvGGItwgvEM67MNcudV5p0H771vaGNIFYYXFom0nLtVYzy9QsJXY8Z3np43wM3FwmiW7kIkCxS2ri1LktAYCFqHyjxpdySRIOwcncnT6AW5V1GlfvIJUbEa5/ghXwWdmCp+vQNTKA/UIS4M7my31skY/lm1Ut3UZW5dasey90sDXrPQxhkUmcMsShA2rxpJ/HLAiP1j6Gn1onAv3gpFeH/GTYzt6IsL8vU8yLXvlDV+qAQfDEKNlPrelKP8mZKxgq5TNhChffdstcXmZsg2aVTnxTGvXAumlmHrlE9rGRw6YbjcELK5QrdYH0rsDuuhVpVHpIZgygxxF4hxKckElD6HgqYGhLPydzcosRPDqZlvi0tWHKQ1yUU34HvtxqD9zTSN2H+17ra2DgGk2cXFo577+TJ8+xE/93PoBH3e72e3xrLzN2eAQGWbUrOe1xqyFZb6V3O3ZUMPwP5wG+ZhywfY0BZu7Yo8c9EJwvwujGUsUs+AY+YKBwb5v4jJXP5U7CS5BESbFEwVsRCrNHpmgpzJhNuuPficGVtuA52KrHKgj2rgw5d6wGnYK26Ep35tH801Is0oTk/SspY8Sew/D/GaOoBEue2urw8iTD1Jnzo6ZjAjm7JDgYuQtqJMghJM0JMleZHU6KAVOwU054ZMsfsaYQX9wSlgfq5AUr7QzoYnni0/7jCxPNyVadZOWCwSUEOVbBtUUIigFVxf+DxWivweFJQoRiQbOOQkte35BYnlzeQkhshwcaBAF347rO8Qj9opSx4Cf6d+9j5D7ncB0n4BHzwR+VmIOlvUGwiwBeD9n6t32g3dc7NTHd8nFec9Ec0YmZgirgFqps8beMcWMkPZ6SVhfWedxY6tJ+iPH/+GxjmtxFjcWoYQKRiVHUh4U40lxYSwVfZSf0dZks55A450cPzLDrwz6HP0gFUuplVsdNt855x6+wYZeqnVDr2RAtBuFDzC01Lgy8MlFw6opCFq4ysbSdXI77MjMyxFWEtO4LS1OCoWjcNm98f08YcqsV3lP1jpibKxXty3/JTRC77J9StqmTarHFyV1+Pr9DXwb4UKQsm4b1ugZn5mao0h7GJR4nVuyIu8AQPwr/KpuYWNqlG2aj6M4SqTZK/JhZ9CgjnQ3IZ0OGDCyrWwWPI2F0YtCsJ6ZCTS7onPocIzvTW2J9oa19D09ZRMQ/s/g/o8YjMo+CwGkbKdmgmM8vXzX3W5tRzQSgX1omCXDqiIIYIKwD3NeXqGHSFeJlpM69tdwAEr506vSiyPQcGDv2f4x3ByS9o0ALNIBQxRTyYOdZhmN6lmoPv/ksS+kfZ3RjUz89Km74kpzkNXTggeK8Jnq1qoy7ySNqBo+iXX8ml337RjUKhc7NGV/2NXCbQASY7xI6ufswZyTIHuVfCxun3GKXp4FzJELU95ehEt3igD3tQwll0xEF5kACUwY/352e3axkJRtLDywbB4C0neuBaApM6KucmIEaOjmMnYeOuopSXNujaR0c2LArgYpMm5aiHB/V9CJ08BV8kiTapUyeMXVm65zdVG584IX0nO3rUBnw8e8wg3fHK3R2abAf3o/2wWzfb/uqD/COEjR73T9E/N6PPZP270G9bZqY53qOUtLsaWG6nrGWtK+0aDjLxlN86n0iRv3vEKK55s8GAYASR21BFLfq0EJPk92aNBWEGeavxddlrJSn3w9y6AOy9D9K342usyhpfXhrQPph3a28aELgB61h/b1urUyVycggb/P2kH1PKfoaJ7AHhpU/PGu/4mFxG/D+HMg9aAX99NgAAAABJRU5ErkJggg==\"","import React, { Component } from 'react'\r\n\r\nimport Logo from '../../atom/Logo/Logo';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/LogoMenu.css';\r\n\r\nclass LogoMenu extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state={\r\n menuUrl: this.props.menuUrl,\r\n }\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n // onClick={()=>{this.props.toggleAction()}} \r\n )\r\n }\r\n}\r\n\r\nexport default LogoMenu\r\n","import React, { Component } from 'react'\r\nimport { AuthService } from '../../../services/auth-service';\r\n \r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport LogoMenu from '../../molecules/LogoMenu/LogoMenu'; \r\nimport Line from '../../atom/Line/Line';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom';\r\n \r\n\r\nimport './css/LeftMenu.css';\r\n\r\nimport ButtonGroupCap from '../../molecules/ButtonGroupCap/ButtonGroupCap';\r\n\r\nclass LeftMenu extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();//AuthService.GetUserMatterTypeRestriction();\r\n let userprivileges = AuthService.getUserExternalPrivilegesMenu();\r\n let userdetails = AuthService.getUserDetails();\r\n \r\n this.state={\r\n dashboardCss: 'ButtonIconSelected',\r\n dischargesCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '', \r\n consentsCss: '',\r\n insightsCss: '',\r\n logout: false,\r\n currentPage: \"\",\r\n instrucmsaSubMenuStatus: this.props.instrucmsaSubMenuStatus,\r\n lmwInstructMSASub: this.props.lmwInstructMSASub,\r\n desktopOpenedSubMenu: this.props.desktopOpenedSubMenu,\r\n isInstructPriv:false,\r\n isCustodyPriv:false,\r\n isAdminPriv:false,\r\n username: null,\r\n CanInstructNewLoans: null,\r\n CanInstructDischarges: null,\r\n CanProvideDischargePayout: null,\r\n CanInstructDischargeUpload: null,\r\n CanViewLoanStat: null,\r\n //CanViewTotalLoanAmount: null,\r\n CanInstructNewLoansForm: null,\r\n CanInstructNewLoansUpload: null,\r\n userprivileges : userprivileges,\r\n userdetails:userdetails,\r\n ssologout: false,\r\n isMFARequired: false,\r\n isMFAMobileEnabled: false,\r\n MFAOption: 'email',\r\n hasError: false,\r\n RequiredMFA: null,\r\n MobileMFA: null,\r\n externalPrivileges: [],\r\n matterrestrictions: matterrestrictions,\r\n userHasMatterTypeRestriction:false,\r\n UserHasNewLoansRestriction:false,\r\n UserHasDischargesRestriction: false,\r\n UserHasConsentsRestriction: false,\r\n menuUrl: ''\r\n }\r\n this.handleStatusCallback = this.handleStatusCallback.bind(this); \r\n this.changePage = this.changePage.bind(this);\r\n this.logout = this.logout.bind(this);\r\n this.ssologout = this.ssologout.bind(this);\r\n //this.SaveUserHandler = this.SaveUserHandler.bind(this); \r\n \r\n }\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n handleStatusCallback(child){\r\n //alert(child);\r\n this.setState({\r\n MFAOption: child\r\n },()=>\r\n {\r\n var brokerprivs = [];\r\n brokerprivs.push({\"RequireMFA\":true, \"MobileMFA\": child==\"sms\"?true:false});\r\n //update external priv\r\n //check if user is Required for MFA Mobile\r\n AuthService.updateMFAMobilePrivilege().then((resp)=>{\r\n this.setState({\r\n hasError: false,\r\n externalPrivileges: brokerprivs\r\n //RequiredMFA: this.state.RequiredMFA == true ? false : true\r\n },()=>{\r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n // console.log('isUserMobileMFAEnabled')\r\n // console.log(this.state.isMFAMobileEnabled)\r\n // console.log(this.state.MFAOption)\r\n });\r\n },(err)=>{\r\n this.setState({isMFAMobileEnabled:false, hasError:true});\r\n });\r\n\r\n });\r\n // this.props.callBack(child, this.state.desktopMenu);\r\n }\r\n\r\n\r\n componentDidMount(){\r\n //alert('fdasf')\r\n //alert('leftmenu')\r\n //alert(\"leftmenu\" + this.props.page);\r\n //check if user has matter type restrictions\r\n // AuthService.CheckUserHasMatterTypeRestriction().then(\r\n // (resp)=>{\r\n // this.setState({userHasMatterTypeRestriction:resp.data.Content})\r\n // },\r\n // (err)=>{\r\n // this.setState({userHasMatterTypeRestriction:false})\r\n // }\r\n // );\r\n\r\n\r\n // let matterrestrictions1= [];//this.state.matterrestrictions;\r\n // matterrestrictions1.push(this.state.matterrestrictions[0]);\r\n // //this.state.matterrestrictions.map() ;\r\n // console.log(\"ireneirene\"+matterrestrictions1)\r\n \r\n // var username = AuthService.getUsername();\t\r\n // let matterrestrictions= [1,2]//this.state.matterrestrictions;\r\n // // matterrestrictions.push(this.state.matterrestrictions);\r\n // this.setState({\t\r\n // username: username,\r\n // userHasNewLoansRestriction: matterrestrictions.includes(1)?true:false,\r\n // userHasDischargesRestriction: matterrestrictions.includes(2)?true:false,\r\n // userHasConsentsRestriction: matterrestrictions.includes(3)?true:false,\r\n // }\r\n console.log(this.state.matterrestrictions)\t\r\n var username = AuthService.getUsername();\t\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // let userHasNewLoansRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.userHasNewLoansRestriction) : null;\r\n // let userHasDischargesRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasDischargesRestriction) : null;\r\n // let userHasConsentsRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasConsentsRestriction) : null;\r\n \r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n \r\n \r\n this.setState({\t\r\n username: username,\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n //menuUrl: 'dashboard'\r\n menuUrl: (userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\") ? 'discharges' :\r\n (userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\") ? 'consents' : \r\n (userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\") ? 'dashboard' : 'dashboard'\r\n }\r\n //,()=>{alert(this.state.username)}\t\r\n ,()=>{\r\n console.log(\"userHasNewLoansRestriction1\"+this.state.UserHasNewLoansRestriction);\r\n console.log(\"userHasDischargesRestriction1\"+this.state.UserHasDischargesRestriction);\r\n console.log(\"userHasConsentsRestriction1\"+this.state.UserHasConsentsRestriction);\r\n console.log(\"menuUrl\"+this.state.menuUrl)\r\n }\r\n );\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2 || usertypeid == 3){\r\n //check user access\r\n let CanInstructNewLoans = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoans) : null;\r\n let CanInstructDischarges = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischarges) : null;\r\n let CanProvideDischargePayout = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanProvideDischargePayout) : null;\r\n let CanInstructDischargeUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischargeUpload) : null;\r\n let CanAdminSubUsers = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanAdminSubUsers) : null;\r\n let IsCustodyPrivilege = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.IsCustodyPrivilege) : null; \r\n let CanViewLoanStat = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanViewLoanStat) : null; \r\n \r\n //let CanViewTotalLoanAmount = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanViewTotalLoanAmount) : null; \r\n let CanInstructNewLoansForm = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansForm) : null; \r\n let CanInstructNewLoansUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansUpload) : null;\r\n \r\n\r\n this.setState({\r\n isInstructPriv:(CanInstructNewLoans[0]==true || CanInstructDischarges[0]==true || CanProvideDischargePayout[0]==true || CanInstructDischargeUpload[0]==true || CanInstructNewLoansForm[0]==true || CanInstructNewLoansUpload[0]==true)?true:false,\r\n CanInstructDischarges:CanInstructDischarges[0],\r\n CanProvideDischargePayout:CanProvideDischargePayout[0],\r\n CanInstructNewLoans:CanInstructNewLoans[0],\r\n CanInstructDischargeUpload:CanInstructDischargeUpload[0],\r\n isCustodyPriv:IsCustodyPrivilege[0],\r\n isAdminPriv:CanAdminSubUsers[0],\r\n CanViewLoanStat:CanViewLoanStat[0],\r\n CanInstructNewLoansForm:CanInstructNewLoansForm[0],\r\n CanInstructNewLoansUpload:CanInstructNewLoansUpload[0],\r\n \r\n });\r\n }\r\n if(usertypeid == 4){//broker\r\n let RequiredMFA = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.RequireMFA) : null;\r\n let MobileMFA = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.MobileMFA) : null;\r\n this.setState({\r\n RequiredMFA:RequiredMFA[0],\r\n MobileMFA:MobileMFA[0],\r\n MFAOption: MobileMFA[0]== true? 'sms' : 'email',\r\n CanViewLoanStat: true\r\n },()=>{\r\n //alert(this.state.RequiredMFA)\r\n });\r\n }\r\n\r\n //check if user is Required for MFA\r\n // AuthService.isUserRequiredMFA().then((resp)=>{\r\n // this.setState({isMFARequired:resp.data.Content,},()=>{\r\n // // console.log('isMFARequired')\r\n // // console.log(this.state.isMFARequired)\r\n // // console.log(resp)\r\n // });\r\n // },(err)=>{\r\n // this.setState({isMFARequired:false});\r\n // });\r\n\r\n\r\n //check if user is Required for MFA Mobile\r\n // AuthService.isUserMobileMFAEnabled().then((resp)=>{\r\n // this.setState({\r\n // //isMFAMobileEnabled:true,\r\n // isMFAMobileEnabled: resp.data.Content,\r\n // MFAOption: resp.data.Content == true? 'sms' : 'email'\r\n // },()=>{\r\n // // console.log('isUserMobileMFAEnabled')\r\n // // console.log(this.state.isMFAMobileEnabled)\r\n // // console.log(this.state.MFAOption)\r\n // });\r\n // },(err)=>{\r\n // this.setState({isMFAMobileEnabled:false});\r\n // });\r\n\r\n\r\n\r\n //alert(canInstruct);\r\n //let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n\r\n // AuthService.isUserAuthorisedToInstruct().then((resp)=>{\r\n // this.setState({isInstructPriv:true});\r\n // },(err)=>{\r\n // this.setState({isInstructPriv:false});\r\n // });\r\n // AuthService.isUserCustodyCentreEnabled().then((resp)=>{\r\n // this.setState({isCustodyPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isCustodyPriv:false});\r\n // });\r\n // AuthService.isUserAdminEnabled().then((resp)=>{\r\n // this.setState({isAdminPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isAdminPriv:false});\r\n // });\r\n\r\n //get instructions privileges\r\n // AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n // this.setState({\r\n // CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n // CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n // CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n // CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n // },()=>{console.log(\"canirene\");console.log(this.state.CanInstructNewLoans)});\r\n // },(err)=>{\r\n // console.log(\"there is an error\")\r\n // //this.setState({isInstructPriv:false});\r\n // })\r\n\r\n\r\n this.setState({ \r\n currentPage: this.props.page\r\n })\r\n\r\n if(this.props.page =='dashboard'){\r\n this.setState({\r\n dashboardCss: 'ButtonIconSelected',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n if(this.props.page =='discharges'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: 'ButtonIconSelected',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n if(this.props.page =='consents'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: 'ButtonIconSelected',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n if(this.props.page =='search'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: 'ButtonIconSelected',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n\r\n //if(this.props.page =='dischargeinstructions' || this.props.page =='dischargesupload' || this.props.page =='payoutupload'|| this.props.page =='newloansinstructions'){\r\n if(this.props.page =='dischargeinstructions' || this.props.page =='dischargesupload' || this.props.page =='payoutupload'|| this.props.page =='newloansinstructions' || this.props.page ==\"newloansinstructionsform\"|| this.props.page ==\"newloansinstructionsupload\"){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: 'ButtonIconSelected',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n\r\n if(this.props.page =='custodycentre'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: 'ButtonIconSelected',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n\r\n if(this.props.page =='admincontrol'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: 'ButtonIconSelected',\r\n resourcesCss: '',\r\n insightsCss: '',\r\n })\r\n }\r\n\r\n if(this.props.page =='resources'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: 'ButtonIconSelected',\r\n insightsCss: '',\r\n })\r\n }\r\n\r\n if(this.props.page =='insights'){\r\n this.setState({\r\n dashboardCss: '',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n insightsCss: 'btnInsightsSelected',\r\n })\r\n }\r\n }\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n // nextPath(path,arg){\r\n // this.context.router.history.push(\r\n // {pathname:path,\r\n // state: {user: arg}})\r\n // }\r\n\r\n\r\n changePage(e, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n\r\n // this.setState({ \r\n // currentPage: e.target.id\r\n // })\r\n\r\n this.props.callBack(e.target.id, InstructSubMenu);\r\n\r\n // if(e.target.id == 'dashboard' || this.props.page =='dashboard'){\r\n // this.setState({\r\n // dashboardCss: 'ButtonIconSelected',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'discharges'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: 'ButtonIconSelected',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'search' || this.props.page =='search'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: 'ButtonIconSelected',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'instructions'||this.props.page =='payoutupload'||this.props.page =='newloansinstructions'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: 'ButtonIconSelected',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'custodycentre'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: 'ButtonIconSelected',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'admincontrol'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: 'ButtonIconSelected',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'resources'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: 'ButtonIconSelected',\r\n // })\r\n // }\r\n\r\n }\r\n\r\n nextPath(path,arg){\r\n this.context.router.history.push({\r\n pathname:path,\r\n state: {\r\n user: arg,\r\n\r\n }\r\n });\r\n }\r\n\r\n logout(){\r\n this.setState({\r\n \r\n logout: true\r\n })\r\n }\r\n ssologout(){\r\n this.setState({\r\n \r\n ssologout: true\r\n })\r\n }\r\n\r\n showSubMenu(e){\r\n //alert(e.target.id)\r\n var page=e.target.id;\r\n if(page==\"instructions\"){\r\n if(this.state.lmwInstructMSASub!=\"show\"){\r\n this.setState({\r\n lmwInstructMSASub: \"show\"\r\n });\r\n }else{\r\n this.setState({\r\n lmwInstructMSASub: \"\"\r\n });\r\n }\r\n }\r\n }\r\n\r\n \r\n render() {\r\n let logout='';\t\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\t\r\n logout=(\r\n {menuLink != \"\" ? \r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Dashboard \r\n :''}\r\n \r\n {this.state.UserHasDischargesRestriction?\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Discharges \r\n :''}\r\n\r\n {this.state.UserHasConsentsRestriction?\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Consents \r\n :''}\r\n \r\n :\r\n <>\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Dashboard \r\n\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Discharges \r\n\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Consents \r\n \r\n } \r\n \r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Search Loans \r\n {this.state.isInstructPriv?(\r\n {this.showSubMenu(e)}}>Instruct MSA\r\n {this.showSubMenu(e)}}\r\n //iconURL={\"../../../images/icons/\"+(this.currentPage == \"dischargeinstructions\"|| this.props.page ==\"dischargeinstructions\" || this.currentPage == \"dischargesupload\"|| this.props.page ==\"dischargesupload\" || this.currentPage == \"payoutupload\"|| this.props.page ==\"payoutupload\"||this.currentPage == \"newloansinstructions\"|| this.props.page ==\"newloansinstructions\"?\"OutlineWhite\":\"OutlineDark\")+\"/\"+(this.state.lmwInstructMSASub==\"show\"||this.state.desktopOpenedSubMenu==\"instructions\"?\"Up\":\"Down\")+\".svg\"} \r\n iconURL={\"../../../images/icons/\"+(this.currentPage == \"dischargeinstructions\"|| this.props.page ==\"dischargeinstructions\" || this.currentPage == \"dischargesupload\"|| this.props.page ==\"dischargesupload\" || this.currentPage == \"payoutupload\"|| this.props.page ==\"payoutupload\"||this.currentPage == \"newloansinstructions\"|| this.props.page ==\"newloansinstructionsform\"||this.props.page ==\"newloansinstructionsupload\"?\"OutlineWhite\":\"OutlineDark\")+\"/\"+(this.state.lmwInstructMSASub==\"show\"||this.state.desktopOpenedSubMenu==\"instructions\"?\"Up\":\"Down\")+\".svg\"} \r\n />\r\n \r\n ):''}\r\n {/* {this.showSubMenu(e)}}>Instruct MSA\r\n */}\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}\r\n >Custody Centre )\r\n :''\r\n }\r\n\r\n {this.state.isAdminPriv?({this.changePage(e, this.state.lmwInstructMSASub)}}>Admin Control )\r\n :''\r\n }\r\n\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}\r\n lmwInstructMSASub={this.state.lmwInstructMSASub}>Resources \r\n\r\n Logout */}\r\n {logout}\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default LeftMenu\r\n","import React, { Component } from 'react'\r\n \r\nimport Line from '../../atom/Line/Line';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom'; \r\n\r\nimport './css/LeftMenuSlim.css';\r\nimport { AuthService } from '../../../services/auth-service';\r\n\r\nclass LeftMenu extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n let userprivileges = AuthService.getUserExternalPrivilegesMenu();\r\n let userdetails = AuthService.getUserDetails();\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();//AuthService.GetUserMatterTypeRestriction();\r\n this.state={\r\n dashboardCss: 'ButtonIconSelected',\r\n dischargesCss: '',\r\n consentsCss: '',\r\n searchCss: '',\r\n instructCss: '',\r\n custodyCss: '',\r\n adminCss: '',\r\n resourcesCss: '',\r\n logout: false,\r\n currentPage: \"\",\r\n isInstructPriv:false,\r\n isCustodyPriv:false,\r\n isAdminPriv:false,\r\n username: null,\r\n CanInstructNewLoans: null,\r\n CanInstructDischarges: null,\r\n CanProvideDischargePayout: null,\r\n CanInstructDischargeUpload: null,\r\n CanViewLoanStat: null,\r\n CanInstructNewLoansForm: null,\r\n CanInstructNewLoansUpload: null,\r\n userprivileges : userprivileges,\r\n userdetails:userdetails,\r\n matterrestrictions: matterrestrictions,\r\n userHasMatterTypeRestriction:false,\r\n UserHasNewLoansRestriction:false,\r\n UserHasDischargesRestriction: false,\r\n UserHasConsentsRestriction: false,\r\n }\r\n\r\n this.changePage = this.changePage.bind(this);\r\n this.logout = this.logout.bind(this);\r\n //this.SaveUserHandler = this.SaveUserHandler.bind(this); \r\n \r\n // this.toggleAction = this.props.toggleAction.bind(this);\r\n }\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n\r\n componentDidMount(){\r\n //alert(\"leftmenu\" + this.props.page);\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2 || usertypeid == 3){\r\n //check user access\r\n let CanInstructNewLoans = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoans) : null;\r\n let CanInstructDischarges = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischarges) : null;\r\n let CanProvideDischargePayout = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanProvideDischargePayout) : null;\r\n let CanInstructDischargeUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischargeUpload) : null;\r\n let CanAdminSubUsers = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanAdminSubUsers) : null;\r\n let IsCustodyPrivilege = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.IsCustodyPrivilege) : null; \r\n let CanViewLoanStat = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanViewLoanStat) : null; \r\n let CanInstructNewLoansForm = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansForm) : null; \r\n let CanInstructNewLoansUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansUpload) : null; \r\n\r\n this.setState({\r\n isInstructPriv:(CanInstructNewLoans[0]==true || CanInstructDischarges[0]==true || CanProvideDischargePayout[0]==true || CanInstructDischargeUpload[0]==true)?true:false,\r\n CanInstructDischarges:CanInstructDischarges[0],\r\n CanProvideDischargePayout:CanProvideDischargePayout[0],\r\n CanInstructNewLoans:CanInstructNewLoans[0],\r\n CanInstructDischargeUpload:CanInstructDischargeUpload[0],\r\n isCustodyPriv:IsCustodyPrivilege[0],\r\n isAdminPriv:CanAdminSubUsers[0],\r\n CanViewLoanStat:CanViewLoanStat[0],\r\n CanInstructNewLoansForm:CanInstructNewLoansForm[0],\r\n CanInstructNewLoansUpload:CanInstructNewLoansUpload[0],\r\n });\r\n }\r\n\r\n if(usertypeid == 4){//broker\r\n this.setState({\r\n CanViewLoanStat: true\r\n });\r\n }\r\n\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n \r\n \r\n this.setState({\t\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n }\r\n //,()=>{alert(this.state.username)}\t\r\n ,()=>{\r\n console.log(\"userHasNewLoansRestriction1\"+this.state.UserHasNewLoansRestriction);\r\n console.log(\"userHasDischargesRestriction1\"+this.state.UserHasDischargesRestriction);\r\n console.log(\"userHasConsentsRestriction1\"+this.state.UserHasConsentsRestriction);\r\n }\r\n );\r\n\r\n // AuthService.isUserAuthorisedToInstruct().then((resp)=>{\r\n // this.setState({isInstructPriv:true});\r\n // },(err)=>{\r\n // this.setState({isInstructPriv:false});\r\n // });\r\n // AuthService.isUserCustodyCentreEnabled().then((resp)=>{\r\n // this.setState({isCustodyPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isCustodyPriv:false});\r\n // });\r\n // AuthService.isUserAdminEnabled().then((resp)=>{\r\n // this.setState({isAdminPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isAdminPriv:false});\r\n // });\r\n\r\n //get instructions privileges\r\n // AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n // this.setState({\r\n // CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n // CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n // CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n // CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n // },()=>{console.log(this.state.CanInstructNewLoans)});\r\n // },(err)=>{\r\n // console.log(\"there is an error\")\r\n // //this.setState({isInstructPriv:false});\r\n // })\r\n\r\n this.setState({ \r\n currentPage: this.props.page\r\n })\r\n\r\n // if(this.props.page =='dashboard'){\r\n // this.setState({\r\n // dashboardCss: 'ButtonIconSelected',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n // if(this.props.page =='discharges'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: 'ButtonIconSelected',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n // if(this.props.page =='search'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: 'ButtonIconSelected',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(this.props.page =='instructions'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: 'ButtonIconSelected',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(this.props.page =='custodycentre'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: 'ButtonIconSelected',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(this.props.page =='admincontrol'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: 'ButtonIconSelected',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(this.props.page =='resources'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: 'ButtonIconSelected',\r\n // })\r\n // }\r\n }\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n // nextPath(path,arg){\r\n // this.context.router.history.push(\r\n // {pathname:path,\r\n // state: {user: arg}})\r\n // }\r\n\r\n\r\n changePage(e){\r\n //alert('hello' + e.target.id);\r\n\r\n this.setState({ \r\n currentPage: e.target.id\r\n })\r\n\r\n this.props.callBack(e.target.id);\r\n // if(e.target.id == 'dashboard' || this.props.page =='dashboard'){\r\n // this.setState({\r\n // dashboardCss: 'ButtonIconSelected',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'discharges'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: 'ButtonIconSelected',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'search' || this.props.page =='search'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: 'ButtonIconSelected',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'instructions'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: 'ButtonIconSelected',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'custodycentre'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: 'ButtonIconSelected',\r\n // adminCss: '',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'admincontrol'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: 'ButtonIconSelected',\r\n // resourcesCss: '',\r\n // })\r\n // }\r\n\r\n // if(e.target.id == 'resources'){\r\n // this.setState({\r\n // dashboardCss: '',\r\n // dischargesCss: '',\r\n // searchCss: '',\r\n // instructCss: '',\r\n // custodyCss: '',\r\n // adminCss: '',\r\n // resourcesCss: 'ButtonIconSelected',\r\n // })\r\n // }\r\n\r\n }\r\n\r\n nextPath(path,arg){\r\n this.context.router.history.push({\r\n pathname:path,\r\n state: {\r\n user: arg\r\n }\r\n });\r\n }\r\n\r\n logout(){\r\n this.setState({\r\n \r\n logout: true\r\n })\r\n }\r\n\r\n // openSubMenu=($subMenu)=>{\r\n // //this.props.toggleAction(\"wide\",$subMenu)\r\n // alert()\r\n // }\r\n \r\n\r\n render() {\r\n\r\n if(this.state.logout == true){\r\n return(Hi, John Doe
*/} \r\n \r\n
\r\n\r\n {this.state.RequiredMFA && localStorage.getItem(\"ssoTimeout\") == null ? \r\n (\r\n
\r\n {this.state.CanViewLoanStat?\r\n \r\n Hi, {this.state.username} \r\n {/* {this.state.RequiredMFA && localStorage.getItem(\"ssoTimeout\") == 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 \r\n \r\n
\r\n\r\n\r\n\r\n {(this.state.UserHasNewLoansRestriction || this.state.UserHasDischargesRestriction || this.state.UserHasConsentsRestriction) ?\r\n <>\r\n {this.state.UserHasNewLoansRestriction?\r\n \r\n {this.state.CanInstructDischarges?(\r\n
\r\n\r\n {this.state.isCustodyPriv?({this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Discharge\r\n
):''}\r\n {this.state.CanInstructDischargeUpload?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Discharge Upload\r\n
):''}\r\n {this.state.CanProvideDischargePayout?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ Discharge Payout\r\n
):''}\r\n {this.state.CanInstructNewLoans?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loan\r\n
):''}\r\n {this.state.CanInstructNewLoansForm?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Form\r\n
):''}\r\n {this.state.CanInstructNewLoansUpload?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Upload\r\n
):''}\r\n \r\n \r\n this.props.toggleAction(\"slim\",\"\")} />\r\n {this.state.CanViewLoanStat?\r\n {this.props.callBack(\"dashboard\")}}\r\n />\r\n :''}\r\n \r\n {this.state.UserHasDischargesRestriction ?\r\n {this.props.callBack(\"discharges\")}}\r\n />\r\n :''}\r\n\r\n {this.state.UserHasConsentsRestriction ?\r\n {this.props.callBack(\"consents\")}}\r\n />\r\n :''}\r\n \r\n :\r\n <>\r\n {this.props.callBack(\"dashboard\")}}\r\n />\r\n {this.props.callBack(\"discharges\")}}\r\n />\r\n {this.props.callBack(\"consents\")}}\r\n />\r\n \r\n }\r\n\r\n \r\n {this.props.callBack(\"search\")}}\r\n />\r\n\r\n {/* this.props.toggleAction(\"slim\",\"instructions\")} \r\n /> */}\r\n {this.state.isInstructPriv?(this.props.toggleAction(\"slim\",\"instructions\")} \r\n />):''}\r\n\r\n {this.state.CanInstructNewLoansForm?(\r\n {this.props.callBack(\"custodycentre\")}}\r\n />)\r\n :''\r\n }\r\n\r\n {this.state.isAdminPriv?({this.props.callBack(\"admincontrol\")}}\r\n />)\r\n :''\r\n }\r\n\r\n {this.props.callBack(\"resources\")}} \r\n />\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default LeftMenu\r\n","import React, { Component } from 'react'\r\n\r\n \r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/IconLabelBox.css';\r\n\r\nclass IconLabelBox extends Component {\r\n \r\n render() {\r\n return (\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Form\r\n
):''}\r\n {this.state.CanInstructNewLoansUpload?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Upload\r\n
):''}\r\n\r\n {this.state.isCustodyPriv?(\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default IconLabelBox\r\n","import React, { Component } from 'react'\r\n \r\nimport IconLabelBox from '../../molecules/IconLabelBox/IconLabelBox'; \r\n\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom';\r\n \r\nimport './css/BottomMenu.css'; \r\nimport { AuthService } from '../../../services/auth-service';\r\n\r\nclass BottomMenu extends Component {\r\n\r\n \r\n constructor(props){\r\n super(props);\r\n\r\n let userprivileges = AuthService.getUserExternalPrivilegesMenu();\r\n let userdetails = AuthService.getUserDetails();\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();//AuthService.GetUserMatterTypeRestriction();\r\n this.state={ \r\n logout: false,\r\n instrucmsaSubMenuStatus: this.props.instrucmsaSubMenuStatus,\r\n isInstructPriv:false,\r\n isCustodyPriv:false,\r\n isAdminPriv:false,\r\n username: null,\r\n CanInstructNewLoans: null,\r\n CanInstructDischarges: null,\r\n CanProvideDischargePayout: null,\r\n CanInstructDischargeUpload: null,\r\n CanInstructNewLoansForm: null,\r\n CanInstructNewLoansUpload: null,\r\n CanViewLoanStat: null,\r\n userprivileges : userprivileges,\r\n userdetails:userdetails,\r\n matterrestrictions: matterrestrictions,\r\n userHasMatterTypeRestriction:false,\r\n UserHasNewLoansRestriction:false,\r\n UserHasDischargesRestriction: false,\r\n UserHasConsentsRestriction: false,\r\n }\r\n\r\n this.logout = this.logout.bind(this); \r\n \r\n } \r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n } \r\n\r\n\r\n nextPath(path,arg){\r\n this.context.router.history.push({\r\n pathname:path,\r\n state: {\r\n user: arg, \r\n }\r\n });\r\n }\r\n\r\n logout(){\r\n this.setState({ \r\n logout: true\r\n })\r\n }\r\n\r\n showSubMenu($id){\r\n //console.log($id);\r\n var $btn=document.getElementById($id);\r\n var $btnCoordinates=$btn.getBoundingClientRect();\r\n var $btnXCoordinate=$btnCoordinates.left;\r\n var $subMenu=document.getElementById($id+\"SubMenu\"); \r\n \r\n if($subMenu.style.display===\"none\"||$subMenu.style.display==\"\"){\r\n $subMenu.style.left=$btnXCoordinate+\"px\"; \r\n $subMenu.style.display=\"block\"; \r\n $btn.classList.add(\"ilbShowSubMenu\");\r\n }else{\r\n $subMenu.style.display=\"none\"; \r\n $btn.classList.remove(\"ilbShowSubMenu\");\r\n } \r\n \r\n }\r\n\r\n componentDidMount() {\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2 || usertypeid == 3){\r\n //check user access\r\n let CanInstructNewLoans = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoans) : null;\r\n let CanInstructDischarges = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischarges) : null;\r\n let CanProvideDischargePayout = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanProvideDischargePayout) : null;\r\n let CanInstructDischargeUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructDischargeUpload) : null;\r\n let CanAdminSubUsers = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanAdminSubUsers) : null;\r\n let IsCustodyPrivilege = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.IsCustodyPrivilege) : null; \r\n let CanInstructNewLoansForm = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansForm) : null; \r\n let CanInstructNewLoansUpload = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanInstructNewLoansUpload) : null; \r\n let CanViewLoanStat = this.state.userprivileges != null? this.state.userprivileges.map(d=>d.CanViewLoanStat) : null; \r\n\r\n this.setState({\r\n isInstructPriv:(CanInstructNewLoans[0]==true || CanInstructDischarges[0]==true || CanProvideDischargePayout[0]==true || CanInstructDischargeUpload[0]==true || CanInstructNewLoansForm[0]==true || CanInstructNewLoansUpload[0]==true)?true:false,\r\n CanInstructDischarges:CanInstructDischarges[0],\r\n CanProvideDischargePayout:CanProvideDischargePayout[0],\r\n CanInstructNewLoans:CanInstructNewLoans[0],\r\n CanInstructDischargeUpload:CanInstructDischargeUpload[0],\r\n isCustodyPriv:IsCustodyPrivilege[0],\r\n isAdminPriv:CanAdminSubUsers[0],\r\n CanInstructNewLoansForm:CanInstructNewLoansForm[0],\r\n CanInstructNewLoansUpload:CanInstructNewLoansUpload[0],\r\n CanViewLoanStat:CanViewLoanStat[0],\r\n });\r\n }\r\n\r\n if(usertypeid == 4){//broker\r\n this.setState({\r\n CanViewLoanStat: true\r\n });\r\n }\r\n\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n \r\n \r\n this.setState({\t\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n }\r\n //,()=>{alert(this.state.username)}\t\r\n ,()=>{\r\n console.log(\"userHasNewLoansRestriction1\"+this.state.UserHasNewLoansRestriction);\r\n console.log(\"userHasDischargesRestriction1\"+this.state.UserHasDischargesRestriction);\r\n console.log(\"userHasConsentsRestriction1\"+this.state.UserHasConsentsRestriction);\r\n }\r\n );\r\n // AuthService.isUserAuthorisedToInstruct().then((resp)=>{\r\n // this.setState({isInstructPriv:true});\r\n // },(err)=>{\r\n // this.setState({isInstructPriv:false});\r\n // });\r\n // AuthService.isUserCustodyCentreEnabled().then((resp)=>{\r\n // this.setState({isCustodyPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isCustodyPriv:false});\r\n // });\r\n // AuthService.isUserAdminEnabled().then((resp)=>{\r\n // this.setState({isAdminPriv:resp.data.Content});\r\n // },(err)=>{\r\n // this.setState({isAdminPriv:false});\r\n // });\r\n\r\n //get instructions privileges\r\n // AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n // this.setState({\r\n // CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n // CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n // CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n // CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n // },()=>{console.log(this.state.CanInstructNewLoans)});\r\n // },(err)=>{\r\n // console.log(\"there is an error\")\r\n // //this.setState({isInstructPriv:false});\r\n // })\r\n\r\n var $bmBox=document.querySelector(\".bmBox\");\r\n $bmBox.addEventListener(\"scroll\", this.resetMenu);\r\n window.addEventListener(\"scroll\", this.resetMenu);\r\n window.addEventListener(\"click\", (e)=>this.outsideMenu(e)); \r\n }\r\n\r\n outsideMenu(e){ \r\n if(document.querySelector(\".bmBox\") != null){\r\n if(!document.querySelector(\".bmBox\").contains(e.target)){\r\n this.resetMenu();\r\n } \r\n }\r\n \r\n }\r\n \r\n resetMenu(){\r\n for(var $btnAll of document.querySelectorAll(\".IconLabelBox\")){\r\n $btnAll.classList.remove(\"ilbShowSubMenu\");\r\n }\r\n\r\n for(var $bmSubMenuAll of document.querySelectorAll(\".bmSubMenu\")){\r\n $bmSubMenuAll.style.display=\"none\";\r\n } \r\n }\r\n\r\n changePage(e, InstructSubMenu){ \r\n this.props.callBack(e.target.id, InstructSubMenu);\r\n }\r\n\r\n render() { \r\n\r\n if(this.state.logout == true){\r\n return(\r\n
\r\n \r\n {this.props.ilbLabel}\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default BottomMenu\r\n","import React, { Component } from 'react'\r\n\r\nimport MarginGuide from '../../atom/MarginGuide/MarginGuide';\r\nimport Logo from '../../atom/Logo/Logo';\r\nimport LeftMenu from '../../organism/LeftMenu/LeftMenu' \r\nimport LeftMenuSlim from '../../organism/LeftMenuSlim/LeftMenuSlim'; \r\nimport BottomMenu from '../../organism/BottomMenu/BottomMenu';\r\n\r\nimport './css/LeftMenuContent.css';\r\n\r\nclass LeftMenuContent extends Component {\r\n constructor(props){\r\n super(props); \r\n \r\n \r\n this.state={ \r\n desktopMenu: this.props.desktopMenu,\r\n lmwInstructMSASub: this.props.lmwInstructMSASub,\r\n desktopOpenedSubMenu: this.props.desktopOpenedSubMenu\r\n }\r\n\r\n this.handleMenuCallback = this.handleMenuCallback.bind(this);\r\n this.toggleDesktopMenu = this.toggleDesktopMenu.bind(this); \r\n }\r\n\r\n handleMenuCallback(child, InstructSubMenu, e){\r\n console.log.bind(e)\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n //alert(this.state.lmwInstructMSASub);\r\n this.props.callBack(child, this.state.desktopMenu,InstructSubMenu);\r\n }\r\n\r\n toggleDesktopMenu(currentDMenu, $slimSub){ \r\n console.log(\"Current Menu: \"+currentDMenu)\r\n console.log(\"Opened Sub: \"+$slimSub) \r\n this.setState({\r\n desktopOpenedSubMenu: $slimSub \r\n });\r\n\r\n if(currentDMenu!=\"slim\"){\r\n this.setState({\r\n desktopMenu: \"slim\",\r\n lmwInstructMSASub: \"show\"\r\n });\r\n }else{\r\n this.setState({\r\n desktopMenu: \"\"\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n\r\n console.log(\"desktopMenu: \"+this.state.desktopMenu);\r\n let dMenu;\r\n \r\n if(this.state.desktopMenu==\"slim\"){\r\n //alert(\"Slim\")\r\n dMenu= \r\n {(this.state.UserHasNewLoansRestriction || this.state.UserHasDischargesRestriction || this.state.UserHasConsentsRestriction) ?\r\n <>\r\n {this.state.UserHasNewLoansRestriction ?\r\n {this.props.callBack(\"dashboard\")}}\r\n />\r\n :''}\r\n \r\n {this.state.UserHasDischargesRestriction ?\r\n {this.props.callBack(\"discharges\")}}\r\n />\r\n :''}\r\n\r\n {this.state.UserHasConsentsRestriction ?\r\n {this.props.callBack(\"consents\")}}\r\n />\r\n :''}\r\n \r\n :\r\n <>\r\n {this.props.callBack(\"dashboard\")}}\r\n />\r\n {this.props.callBack(\"discharges\")}}\r\n />\r\n {this.props.callBack(\"consents\")}}\r\n />\r\n \r\n } \r\n \r\n {this.props.callBack(\"search\")}}\r\n />\r\n \r\n {this.state.isInstructPriv?(this.showSubMenu(\"bmBTNInstructions\")} \r\n />):''\r\n }\r\n\r\n\r\n {this.props.callBack(\"custodycentre\")}}\r\n />)\r\n :''\r\n }\r\n \r\n {this.state.isAdminPriv?({this.props.callBack(\"admincontrol\")}}\r\n />)\r\n :''\r\n }\r\n \r\n {this.props.callBack(\"resources\")}}\r\n />\r\n\r\n {this.props.callBack(\"insights\")}}\r\n />\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n \r\n {this.state.CanInstructDischarges?(\r\n
\r\n \r\n {this.state.isCustodyPriv?({this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Discharge\r\n
):''}\r\n {this.state.CanInstructDischargeUpload?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Discharge Upload\r\n
):''}\r\n {this.state.CanProvideDischargePayout?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ Discharge Payout\r\n
):''}\r\n {this.state.CanInstructNewLoans?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loan\r\n
):''}\r\n {this.state.CanInstructNewLoans?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Form\r\n
):''}\r\n {this.state.CanInstructNewLoans?(\r\n {this.changePage(e, this.state.lmwInstructMSASub)}}>+ New Loans Upload\r\n
):''}\r\n \r\n\r\n \r\n \r\n {dMenu}\r\n\r\n\r\n {this.props.children} \r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default LeftMenuContent\r\n","import React, { Component } from 'react'\r\n\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText';\r\n\r\nimport './css/ButtonGroupCapsule.css';\r\nimport { tsNullKeyword } from '@babel/types';\r\n\r\nclass ButtonGroupCapsule extends Component {\r\n constructor(props)\r\n {\r\n super(props);\r\n this.state={\r\n highlighted: this.props.highlighted,\r\n activeHighlight: 'HighlightGrey bgcGreen',\r\n inactiveHighlight: 'HighlightGrey'\r\n }\r\n this.changeHighlight = this.changeHighlight.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n //alert(this.props.highlighted);\r\n // if(this.state.highlighted == 'active'){\r\n // this.setState({\r\n // activeHighlight: 'HighlightGrey bgcGreen',\r\n // inactiveHighlight: 'HighlightGrey'\r\n // });\r\n // }\r\n // else{\r\n // this.setState({\r\n // activeHighlight: 'HighlightGrey',\r\n // inactiveHighlight: 'HighlightGrey bgcGreen'\r\n // });\r\n // }\r\n }\r\n changeHighlight(e){\r\n //alert(e.target.id);\r\n this.props.callback(e.target.id);\r\n if(e.target.id == \"active\"){\r\n\r\n this.setState({\r\n activeHighlight: 'HighlightGrey bgcGreen',\r\n inactiveHighlight: 'HighlightGrey',\r\n \r\n });\r\n }\r\n else{\r\n this.setState({\r\n activeHighlight: 'HighlightGrey',\r\n inactiveHighlight: 'HighlightGrey bgcGreen',\r\n \r\n });\r\n } \r\n \r\n }\r\n render() {\r\n return ( \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ButtonGroupCapsule\r\n","import React from 'react';\r\nimport './css/DropDownList.css'\r\n\r\nclass DropDownList extends React.Component{\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n );\r\n }\r\n\r\n}\r\nexport default DropDownList;","import React from \"react\";\r\nimport \"./css/autologout.css\";\r\n// import { Redirect } from 'react-router-dom';\r\n// import { Button } from \"./controls/standard-button\";\r\nimport { AuthService } from './services/auth-service';\r\nimport PropTypes from 'prop-types'\r\nimport ButtonIcon from \"./components/atom/ButtonIcon/ButtonIcon\";\r\nimport { Redirect } from 'react-router-dom';\r\nimport {withRouter} from 'react-router-dom'; \r\nimport Button from \"./components/atom/Button/Button\";\r\nimport ButtonGroup from \"./components/molecule/ButtonGroup/ButtonGroup\";\r\n//export default function(ComposedClass){\r\n export default function AutoLogout(ComposedClass){\r\n\r\n //class AutoLogout extends React.Component {\r\n return class extends React.Component{\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n warningTime: (15-2) * 60 * 1000,//100 * 60 * 10, //default 15 minutes\r\n signoutTime: 15 * 60 * 1000,//100 * 60 * 15,\r\n isWarning: false,\r\n //session: 'sessionTimeout',\r\n loading:true,\r\n ssoTimeout: 'ssoTimeout',\r\n ssoSignoutTime: 15 * 60 * 1000,//100 * 60 * 15,\r\n shouldRedirect: false,\r\n redirectUrl: 'newloans-dashboard',\r\n //url:'https://tictocssouat.msanational.com.au'//'https://tictocssouat.msanational.com.au/Home/Refresh?url='//'http://localhost:7360/Home/Refresh?url='//\r\n ssourl: AuthService.getSSOUrl()\r\n };\r\n\r\n this.extendSession = this.extendSession.bind(this);\r\n this.endSession = this.endSession.bind(this);\r\n\r\n }\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n nextPath(path,arg){\r\n // this.context.router.history.push(\r\n // {pathname:path,\r\n // state: {user: arg}});\r\n this.props.history.push({pathname:path,\r\n state: {user: arg}\r\n });\r\n }\r\n\r\n componentDidMount(){\r\n //alert(window.location.href);\r\n var url = window.location.href;\r\n var i = url.lastIndexOf('/');\r\n var redirectUrl = url.substring(i+1);\r\n console.log(\"initload\" + this.state.warningTime)\r\n console.log(\"initload\" + this.state.signoutTime)\r\n //alert(\"kfjksalg\");\r\n //console.log(\"HOC\");\r\n //alert(localStorage.getItem(\"sessionTimeout\"));\r\n console.log(localStorage.getItem(\"sessionTimeout\"));\r\n if(localStorage.getItem(\"ssoTimeout\") != 0 && localStorage.getItem(\"ssoTimeout\") != null)\r\n {\r\n //alert(localStorage.getItem(\"ssoDateTimeout\"));\r\n this.useLocalStorage = (typeof localStorage !== 'undefined');\r\n console.log(\"ssotimeout \" + localStorage.getItem(this.state.session));\r\n let sessionTimeout = localStorage.getItem(\"ssoTimeout\");\r\n \r\n //alert(sessionTimeout);\r\n // if(sessionTimeout == \"undefined\")\r\n // {\r\n // sessionTimeout = 15;\r\n // }\r\n \r\n //sessionTimeout = 5;//for testing\r\n \r\n this.setState({\r\n warningTime: (sessionTimeout-(sessionTimeout-1)) * 60 * 1000,\r\n redirectUrl: redirectUrl,\r\n\r\n //signoutTime: (sessionTimeout) * 60 * 1000,\r\n },()=>{\r\n console.log(this.state.warningTime)\r\n console.log(this.state.signoutTime)\r\n this.setSSOTimeout();\r\n })\r\n }\r\n else{\r\n // if(localStorage.getItem(\"sessionTimeout\") != 0 && localStorage.getItem(\"sessionTimeout\") != null)\r\n // {\r\n // this.useLocalStorage = (typeof localStorage !== 'undefined');\r\n // console.log(localStorage.getItem(this.state.session));\r\n // let sessionTimeout = localStorage.getItem(\"sessionTimeout\");\r\n\r\n // if(localStorage.getItem('ssoDateTimeout'))\r\n // {\r\n // localStorage.removeItem('ssoDateTimeout');\r\n // }\r\n \r\n // //alert(sessionTimeout);\r\n // if(sessionTimeout == \"undefined\")\r\n // {\r\n // sessionTimeout = 15;\r\n // }\r\n\r\n // //sessionTimeout = 5;//for testing\r\n \r\n // this.setState({\r\n // warningTime: (sessionTimeout-2) * 60 * 1000,\r\n // signoutTime: (sessionTimeout) * 60 * 1000,\r\n // },()=>{\r\n // console.log(this.state.warningTime)\r\n // console.log(this.state.signoutTime)\r\n // this.setTimeout();\r\n // })\r\n \r\n \r\n \r\n // this.events = [\r\n // 'load',\r\n // 'mousemove',\r\n // 'mousedown',\r\n // 'click',\r\n // 'scroll',\r\n // 'keypress'\r\n // ];\r\n\r\n // for(var i in this.events){\r\n // window.addEventListener(this.events[i], this.resetTimeout);\r\n // console.log(i+\"a\")\r\n // }\r\n\r\n // //this.setTimeout();\r\n // }\r\n \r\n }\r\n }\r\n\r\n clearTimeoutFunc = () => {\r\n if(this.warnTimeout) clearTimeout(this.warnTimeout);\r\n if(this.logoutTimeout) clearTimeout(this.logoutTimeout);\r\n }\r\n\r\n // setTimeout = () => {\r\n // this.warnTimeout = setTimeout(this.warn, this.state.warningTime);\r\n // this.logoutTimeout = setTimeout(this.logout, this.state.signoutTime);\r\n // }\r\n\r\n setSSOTimeout = () => {\r\n this.warnTimeout = setTimeout(this.ssoWarn, this.state.warningTime);\r\n //this.logoutTimeout = setTimeout(this.logout, this.state.signoutTime);\r\n }\r\n\r\n resetTimeout = () => {\r\n this.clearTimeoutFunc();\r\n this.setTimeout();\r\n }\r\n\r\n ssoWarn = () => {\r\n //if time now is same as time passed in the parameter\r\n let today = new Date();\r\n let paramdate=new Date(localStorage.getItem(\"ssoDateTimeout\"));\r\n console.log(today);\r\n console.log(\"paramdate\" + paramdate);\r\n\r\n // var dt = new Date();\r\n // dt.setMinutes(dt.getMinutes()+json.SessionTimeout);\r\n \r\n \r\n // if(today.getTime() >= paramdate.getTime())\r\n // {\r\n // this.setState({\r\n // shouldRedirect: true\r\n // },()=>\r\n // {\r\n // //alert(this.state.redirectUrl + this.state.url);\r\n // console.log(localStorage.getItem(\"ssoTimeout\"));\r\n // let ssoTimeoutMinutes = parseInt(localStorage.getItem(\"ssoTimeout\"));\r\n // var dt = new Date();\r\n // dt.setMinutes(dt.getMinutes()+ssoTimeoutMinutes);\r\n // console.log(dt);\r\n // AuthService.setSSODateTimeout(dt);\r\n // //window.location.href = \"\";//this.state.redirectUrl + this.state.url;\r\n // console.log(\"refreshing session\");\r\n \r\n // this.setSSOTimeout();\r\n // });\r\n \r\n \r\n // }\r\n // this.setSSOTimeout();\r\n \r\n console.log(\"ssowarn\");\r\n\r\n if(today.getTime() >= paramdate.getTime())\r\n {\r\n this.setState({\r\n shouldRedirect: true\r\n },()=>\r\n {\r\n //alert(this.state.redirectUrl + this.state.url);\r\n // console.log(localStorage.getItem(\"ssoTimeout\"));\r\n // let ssoTimeoutMinutes = parseInt(localStorage.getItem(\"ssoTimeout\"));\r\n // var dt = new Date();\r\n // dt.setMinutes(dt.getMinutes()+ssoTimeoutMinutes);\r\n // console.log(dt);\r\n // AuthService.setSSODateTimeout(dt);\r\n // //window.location.href = \"\";//this.state.redirectUrl + this.state.url;\r\n // console.log(\"refreshing session\");\r\n \r\n // this.setSSOTimeout();\r\n AuthService.SSOlogout();\r\n console.log(\"logging out\");\r\n });\r\n \r\n \r\n }\r\n this.setSSOTimeout();\r\n \r\n }\r\n\r\n // warn = () => {\r\n // //window.alert(\"You will be loogged out automatically in 1 minute\") \r\n // console.log(\"You will be logged out automatically in 2 minutes\")\r\n // console.log(this.state.warningTime)\r\n // console.log(this.state.signoutTime)\r\n // this.setState({\r\n // isWarning: true\r\n // });\r\n \r\n // }\r\n\r\n logout = () => {\r\n //Send a logout request to the API\r\n this.setState({\r\n isWarning: false\r\n })\r\n console.log('logging out');\r\n this.destroy(); \r\n }\r\n\r\n destroy = () => {\r\n console.log(\"you have been logged out\")\r\n //clear the session\r\n //browserHistory.push('/');\r\n // window.location.assign('/')\r\n //this.context.router.history.push('/logout');\r\n //AuthService.clearStorage();\r\n this.nextPath('/logout', null);\r\n //AuthService.logout();\r\n this.setState({loading:false,});\r\n console.log(\"logoutval\" + localStorage.getItem(\"sessionTimeout\"));\r\n }\r\n\r\n extendSession(e) {\r\n this.resetTimeout();\r\n this.setState({\r\n isWarning: false\r\n })\r\n }\r\n\r\n endSession(path,e) {\r\n this.logout();\r\n this.setState({\r\n isWarning: false\r\n });\r\n }\r\n\r\n render()\r\n {\r\n if(this.state.shouldRedirect){\r\n window.location.href = this.state.ssourl + '?url=' + this.state.redirectUrl;\r\n //window.location.href=this.state.url;\r\n }\r\n if(this.state.loading){\r\n \r\n }else{\r\n return ( \r\n Active \r\n Inactive \r\n
\r\n \r\n
\r\n \r\n );\r\n \r\n return(\r\n \r\n
\r\n Your login is about to expire, would you like to extend your session?\r\n
\r\n {/* */}\r\n \r\n\r\n this.extendSession(e)}\r\n >\r\n Extend Session\r\n \r\n this.endSession('/logout', e)}\r\n >\r\n End Session\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Your login is about to expire, would you like to extend your session?\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 AutoLogout;","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom'\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nimport './css/DataListCard.css';\r\n\r\nclass DataListCard extends Component {\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n }\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = {\r\n shouldRedirect: false,\r\n path: '',\r\n arg: '',\r\n sArg: '',\r\n }\r\n }\r\n\r\n nextPath(path, arg, sArg) {\r\n this.setState({\r\n path: path,\r\n arg: arg,\r\n sArg: sArg,\r\n shouldRedirect: true,\r\n }); \r\n }\r\n\r\n render() {\r\n\r\n if(this.state.shouldRedirect){\r\n return( this.nextPath(this.props.path, this.props.arg, this.props.sarg)}\r\n >\r\n {this.props.children} \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataListCard\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/GroupBox.css';\r\n\r\nclass GroupBox extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default GroupBox\r\n","import { AuthService } from './auth-service';\r\nimport WebApiService from './web-api-service';\r\n\r\nclass dashboardService extends WebApiService {\r\n\r\n getFilterCount() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getQuickFilterCount\";\r\n const options = {\r\n \"headers\": {\r\n Authorization: AuthService.token,\r\n\r\n }\r\n };\r\n\r\n super.get(url, options).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getFilterCountDischarges() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getQuickFilterCountDischarges\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n }\r\n };\r\n\r\n super.get(url, options).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getFilterCountConsents() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getQuickFilterCountConsents\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n }\r\n };\r\n\r\n super.get(url, options).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getDashboardRefreshInterval() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getDashboardRefreshInterval\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n getNextDashboardNotice(noticeId) {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getNextDashboardNotice\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n 'noticeId': noticeId\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const DashboardService = new dashboardService();\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\n \r\nimport './css/DataTableSearch.css';\r\nimport { MatterService } from '../../../services/matter-service';\r\n\r\nclass DataTableSearch extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state={\r\n //advancedSearch: DataTableSearch.createAdvancedSearchConfig(),\r\n //matters: this.props.matters\r\n matter: this.props.matter,\r\n columns: this.props.columns,\r\n visibleColumns: [],\r\n dtDataSizing: \"80px 1fr 80px 1fr 1fr 1fr 1fr 1fr 1fr\"\r\n }\r\n \r\n //this.getadvancedSearch = this.getadvancedSearch.bind(this);\r\n //this.rowClick = this.rowClick.bind(this);\r\n\r\n }\r\n componentDidMount(){\r\n // let as = this.getadvancedSearch();\r\n // this.runDetailSearch(as);\r\n console.log(\"matters\");\r\n console.log(this.props.matter);\r\n console.log(\"columns\");\r\n console.log(this.props.columns)\r\n let visibleCols = [];\r\n\r\n this.props.columns.forEach(o => {\r\n if(o.Visible == true){\r\n //newArr = [...unallocatedOutstanding];\r\n visibleCols.push(o.Field);\r\n }\r\n\r\n \r\n })\r\n\r\n this.setState({\r\n visibleColumns: visibleCols,\r\n },()=>{\r\n console.log(\"visible columns\")\r\n console.log(this.state.visibleColumns)\r\n })\r\n \r\n } \r\n \r\n\r\n render() {\r\n let searchResult= '';\r\n\r\n\r\n let columns = '' \r\n var newDataSizing=\"\";\r\n var NumColumn=0;\r\n columns =(this.props.columns.map((c) => { \r\n if (c.Visible) {\r\n\r\n NumColumn+=1;\r\n\r\n // if(c.Field==\"matterNo\"){\r\n // var matterNoHeader=\" matterNoHeader\";\r\n // }else{\r\n // var matterNoHeader=\"\";\r\n // }\r\n\r\n // if(c.Field==\"stateName\"){\r\n // var branchHeader=\" branchHeader\";\r\n // }else{\r\n // var branchHeader=\"\";\r\n // }\r\n\r\n if(c.Field==\"matterNo\"){\r\n newDataSizing=newDataSizing.concat(\"80px \");\r\n }else if(c.Field==\"stateName\"){\r\n newDataSizing=newDataSizing.concat(\"80px \"); \r\n }else if(c.Field==\"matterTypeName\"){\r\n newDataSizing=newDataSizing.concat(\"2fr \"); \r\n }else{\r\n newDataSizing=newDataSizing.concat(\"1fr \");\r\n } \r\n\r\n // return({this.props.title}
\r\n {this.props.children} \r\n{c.Title}
)\r\n return({c.Title}
)\r\n }\r\n \r\n }));\r\n //console.log(newDataSizing);\r\n //console.log(window.innerWidth);\r\n\r\n if(window.innerWidth<=768){\r\n newDataSizing=\"unset\"\r\n }\r\n\r\n var ColWidth=\"100%\" ;\r\n var ColOverflow=\"hidden\";\r\n switch(NumColumn) {\r\n case 10:\r\n ColWidth=\"130%\"; \r\n ColOverflow=\"scroll\";\r\n break;\r\n case 11:\r\n ColWidth=\"140%\";\r\n ColOverflow=\"scroll\";\r\n break;\r\n case 12:\r\n ColWidth=\"150%\"; \r\n ColOverflow=\"scroll\";\r\n break;\r\n case 13:\r\n ColWidth=\"160%\"; \r\n ColOverflow=\"scroll\";\r\n break;\r\n case 14:\r\n ColWidth=\"170%\";\r\n ColOverflow=\"scroll\";\r\n break;\r\n default:\r\n ColWidth=\"100%\"; \r\n ColOverflow=\"hidden\";\r\n }\r\n\r\n if(window.innerWidth<=768){\r\n ColWidth=\"\"; \r\n ColOverflow=\"\";\r\n }\r\n\r\n \r\n let grid='';\r\n if(this.props.matter != null){\r\n grid=(\r\n <> \r\n {\r\n this.props.matter.map((matter) => { \r\n var matterlen = matter.matterNo.toString().length; \r\n return (\r\n //need to adjust this when there is a new column\r\n //this.rowClick(e)} >\r\n \r\n \r\n\r\n \r\n //
\r\n // );\r\n // }\r\n\r\n handleColumnUpdate(event) {\r\n //handles updating columns based on how they're organised\r\n event.preventDefault();\r\n\r\n let self = this;\r\n let as = this.props.getAdvancedSearch();\r\n let cols = as.columns;\r\n let i;\r\n\r\n for (i = 0; i < cols.length; i++) {\r\n let myElement = self.refs[cols[i].Field];\r\n let value = false;\r\n if (myElement.value) {\r\n value = myElement.checked;\r\n }\r\n cols[i].Visible = value;\r\n }\r\n\r\n as.columns = cols;\r\n this.props.updateAdvancedSearch(as);\r\n\r\n this.setState({\r\n show: false\r\n });\r\n }\r\n render() {\r\n return (\r\n\r\n \r\n this.props.onRowClick(e, matter.matterNo)} \r\n style={{\"width\": ColWidth, \"overflow\":ColOverflow}}\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 if(this.state.matter != null && this.state.matter.length > 0 ){\r\n searchResult=(\r\n <> \r\n \r\n {this.state.visibleColumns.includes('matterNo')?\r\n ({matter.matterCurrentStatus} )\r\n // : ''\r\n ({matter.matterCurrentStatus} )\r\n // : ''\r\n (
\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('fileOwner')?\r\n (MSA Ref
\r\n {('0000000' + matter.matterNo).slice(matterlen)}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('stateName')?\r\n (MSA File Owner
\r\n {matter.fileOwner}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('matterDescription')?\r\n (Branch
\r\n {matter.stateName}\r\n \r\n
)\r\n : ''\r\n }\r\n {/* {this.state.visibleColumns.includes('matterStatus')?\r\n // (Borrowers
\r\n {matter.matterDescription}\r\n \r\n // Documents Sent \r\n //
)\r\n // ( Current Status
\r\n // \r\n {matter.matterCurrentStatus} \r\n
)\r\n : ''\r\n } */}\r\n {this.state.visibleColumns.includes('securities')?\r\n (Current Status
\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('titleRefs')?\r\n (Securities
\r\n {matter.securities}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('loanAmount')?\r\n (Title Ref
\r\n {matter.titleRefs}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('lenderRefNo')?\r\n (Loan Amount
\r\n {matter.loanAmount}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('relationshipManager')?\r\n (Lender Ref
\r\n {matter.lenderRefNo}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('matterTypeName')?\r\n (Relationship Manager
\r\n {matter.relationshipManager}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('matterStatus')?\r\n // (Type
\r\n {matter.matterTypeName}\r\n \r\n // Documents Sent \r\n //
)\r\n // ( Current Status
\r\n // \r\n {matter.matterCurrentStatus} \r\n
)\r\n : ''\r\n } \r\n {this.state.visibleColumns.includes('settlementDate')?\r\n (Current Status
\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('instructionDate')?\r\n (Settlement Date
\r\n {matter.settlementDate}\r\n \r\n
)\r\n : ''\r\n }\r\n {this.state.visibleColumns.includes('fundingChannel')?\r\n (Instruction Date
\r\n {matter.instructionDate}\r\n \r\n
)\r\n : ''\r\n } \r\n {this.state.visibleColumns.includes('payoutAmount')?\r\n (Funding Channel
\r\n {matter.fundingChannel}\r\n \r\n
)\r\n : ''\r\n } \r\n Payout Amount
\r\n {matter.payoutAmount}\r\n \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n searchResult=(\r\n <>\r\n \r\n {columns}\r\n
\r\n \r\n
\r\n );\r\n // searchResult=( \r\n // <>No matching records found :));\r\n //searchResult = (\r\n
\r\n MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Securities
\r\n Current Status
\r\n Settlement Date/Time
\r\n No matching records found :)
);\r\n }\r\n \r\n return ( \r\n \r\n \r\n \r\n {searchResult} \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableSearch\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/BGTransparentDark.css';\r\n\r\nclass BGTransparentDark extends Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default BGTransparentDark\r\n","import React, { Component } from 'react';\r\nimport ReactPaginate from 'react-paginate';\r\n\r\nimport DataListResult from '../../atom/DataListResult/DataListResult';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/DataTablePaging.css';\r\n\r\nclass DataTablePaging extends Component {\r\n constructor(props)\r\n {\r\n super(props) \r\n this.state={\r\n perPage:this.props.perPage?this.props.perPage : 10,\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTablePaging\r\n","const AllOption = {\r\n id: 0,\r\n value: 'All'\r\n};\r\n\r\nexport default AllOption;","import React from 'react';\r\nimport PropTypes from \"prop-types\";\r\n// import { DropDownList } from '@progress/kendo-react-dropdowns';\r\n\r\n// import { AuthService } from \"../../services/auth-service\";\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport DropDownList from '../../atom/DropDownList/DropDownList';\r\n\r\nclass LenderControl extends React.Component {\r\n\r\n render() { //Controls which lender the user is able to search from \r\n\r\n if (this.props.data && this.props.data.length > 0) {\r\n\r\n let data = this.props.data;\r\n \r\n\r\n if ( AuthService.user.UserTypeId === 2 && data.length === 1 ) {\r\n let opt = data[0];\r\n return (opt.value);\r\n }\r\n\r\n // return (\r\n \r\n Showing {this.props.items+1}-{this.props.total<=10?this.props.total:this.props.items+10>=this.props.total?this.props.total:this.props.items+10} of {this.props.total} results */}\r\n Showing {this.props.items+1}-{this.props.total<=this.state.perPage?this.props.total:this.props.items+this.state.perPage>=this.props.total?this.props.total:this.props.items+this.state.perPage} of {this.props.total} results \r\n\r\n \r\n\r\n
\r\n \r\n }//{'previous'}\r\n previousClassName={'dtpPrev'}\r\n nextLabel={
\r\n\r\n {/* \r\n {this.props.children}\r\n
\r\n \r\n // {\" \"}\r\n // {c.Title}{\" \"}\r\n //
\r\n // );\r\n // } else {\r\n // return (\r\n // \r\n // {c.Title}{\" \"}\r\n //
\r\n // );\r\n // }\r\n // });\r\n\r\n // return (\r\n // Grid Display Columns
\r\n // {popupContent}\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\nSearchLoanBox.propTypes = {\r\n getAdvancedSearch: PropTypes.func.isRequired,\r\n handleDetailedSearch: PropTypes.func.isRequired,\r\n handleGenerateCSV: PropTypes.func.isRequired,\r\n updateAdvancedSearch: PropTypes.func.isRequired\r\n };\r\nexport default SearchLoanBox\r\n","const DefaultStatus = {\r\n id: 1,\r\n value: 'Loans In Progress'\r\n};\r\n\r\nexport default DefaultStatus;\r\n","import React, { Component } from 'react'\r\nimport {withRouter} from 'react-router-dom'; \r\nimport PropTypes from \"prop-types\";\r\nimport Moment from \"moment\";\r\nimport SAlert from \"sweetalert2\";\r\nimport ReactPaginate from 'react-paginate';\r\n// import { orderBy } from \"@progress/kendo-data-query\";\r\n// import { Grid, GridColumn as Column } from \"@progress/kendo-react-grid\";\r\n// import { Container as Grid, Row, Col as Column } from \"react-grid-system\";\r\nimport { Redirect } from 'react-router-dom';\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport BGTransparentDark from '../../atom/BGTransparentDark/BGTransparentDark';\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment';\r\n\r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\nimport TextIcon from '../../molecules/TextIcon/TextIcon';\r\n \r\nimport DataTableSearch from '../../organism/DataTableSearch/DataTableSearch';\r\nimport DataTablePaging from '../../organism/DataTablePaging/DataTablePaging';\r\nimport SearchLoanBox from '../../organism/SearchLoanBox/SearchLoanBox';\r\n\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent'; \r\nimport DefaultOption from \"../../../models/all-option\";\r\nimport DefaultStatus from \"../../../models/default-status\";\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { MatterService } from '../../../services/matter-service';\r\n\r\n\r\nimport './css/SearchPage.css'; \r\nimport { tsImportEqualsDeclaration } from '@babel/types';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nconst stateOption = {\r\n id: 0,\r\n value: \"All\"\r\n };\r\n\r\nclass SearchPage extends Component {\r\n static contextTypes = {\r\n router: PropTypes.object\r\n };\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n\r\n let user = AuthService.user;\r\n\r\n this.state = {\r\n pageTitle : 'search',\r\n leftContent : 'search',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n //advancedSearch: SearchPage.createAdvancedSearchConfig(),\r\n //matters: this.props.matters\r\n //matter: []\r\n loading: false,\r\n message: \"\",\r\n matters: [],\r\n sort: [],\r\n height: \"100px\",\r\n shouldRedirect: false,\r\n advancedSearch: SearchPage.createAdvancedSearchConfig(),\r\n user: user,\r\n userIsNotBroker:false,\r\n errorMessage: null,\r\n skip: 0,\r\n pageCount: 0,\r\n perPage: 10,\r\n currentPage: 0, \r\n offset: 0,\r\n show: false,\r\n //ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage='\r\n searchFormDisplay:\"\",\r\n windowWidth: window.innerWidth,\r\n windowWidthPrevious: \"\",\r\n profileDisplay: \"\",\r\n hasError: false,\r\n cannotDownloadCSVReport: false,\r\n InsightBox:0, \r\n };\r\n\r\n let as = this.state.advancedSearch;\r\n if(localStorage.getItem(\"sessionTimeout\") != 0 && localStorage.getItem(\"sessionTimeout\") != null){\r\n if (this.props.location.state.searchArg != null) {\r\n as.matterStatus = this.props.location.state.searchArg;\r\n as.matterType = this.props.location.state.loanType;\r\n this.props.location.state.searchArg = null;\r\n this.props.location.state.loanType = null;\r\n as.shouldSearch = true;\r\n this.setState({\r\n matterStatus: as.matterStatus,\r\n advancedSearch: as\r\n });\r\n } else {\r\n as.matterStatus = DefaultStatus;\r\n this.setState({\r\n matterStatus: as.matterStatus,\r\n advancedSearch: as\r\n });\r\n }\r\n }\r\n\r\n //this.getadvancedSearch = this.getadvancedSearch.bind(this);\r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n //this.rowClick = this.rowClick.bind(this);\r\n this.handleDetailedSearch = this.handleDetailedSearch.bind(this);\r\n this.handleGenerateCSV = this.handleGenerateCSV.bind(this);\r\n\r\n this.sortChange = this.sortChange.bind(this);\r\n this.getMatters = this.getMatters.bind(this);\r\n this.pageChange = this.pageChange.bind(this);\r\n this.changePage = this.changePage.bind(this);\r\n this.getAdvancedSearch = this.getAdvancedSearch.bind(this);\r\n this.handleSelect = this.handleSelect.bind(this);\r\n this.resetAdvancedSearch = this.resetAdvancedSearch.bind(this);\r\n this.selectedChanged = this.selectedChanged.bind(this);\r\n this.updateAdvancedSearch = this.updateAdvancedSearch.bind(this);\r\n this.handleCloseClick = this.handleCloseClick.bind(this);\r\n this.updateAdvancedSearchColumns = this.updateAdvancedSearchColumns.bind(\r\n this\r\n );\r\n this.componentDidMount = this.componentDidMount.bind(this);\r\n this.download = this.download.bind(this);\r\n if(localStorage.getItem(\"sessionTimeout\") != 0 && localStorage.getItem(\"sessionTimeout\") != null) this.updateAdvancedSearchColumns();\r\n this.userIsNotBroker=this.userIsNotBroker.bind(this);\r\n // this.onStartClick=this.onStartClick.bind(this);\r\n // this.onEndClick=this.onEndClick.bind(this);\r\n this.handleCancelUpdate = this.handleCancelUpdate.bind(this);\r\n this.handleColumnClick = this.handleColumnClick.bind(this);\r\n this.handleColumnUpdate = this.handleColumnUpdate.bind(this);\r\n this.onLoadMore = this.onLoadMore.bind(this);\r\n //this.buildColumnEditor = this.buildColumnEditor.bind(this);\r\n\r\n this.updateWindowDimension = this.updateWindowDimension.bind(this);\r\n this.showSearchForm = this.showSearchForm.bind(this);\r\n this.hideSearchForm = this.hideSearchForm.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this); \r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n}\r\n\r\n resetAdvancedSearch() {\r\n let as = this.state.advancedSearch;\r\n //let brokerOption = DefaultOption;\r\n let lenderOption = DefaultOption;\r\n let mortMgrOption = DefaultOption;\r\n let brokerOption = DefaultOption;\r\n switch (this.state.user.UserTypeId) {\r\n case 2:\r\n lenderOption = {\r\n id: this.state.user.lenderId,\r\n value: this.state.user.LenderName\r\n };\r\n break;\r\n case 3:\r\n mortMgrOption = {\r\n id: this.state.user.MortManagerId,\r\n value: this.state.user.MortManagerName\r\n };\r\n break;\r\n // case 4:\r\n // brokerOption = {\r\n // id: this.state.user.BrokerId,\r\n // value: this.state.user.BrokerName\r\n // };\r\n // break;\r\n default:\r\n break;\r\n }\r\n\r\n as.address = \"\";\r\n as.borrowers = \"\";\r\n as.fileOwner = DefaultOption;\r\n as.lender = lenderOption;\r\n as.lenderRefNo = \"\";\r\n as.matterNo = \"\";\r\n as.matterState = stateOption;\r\n as.matterStatus = DefaultStatus;\r\n as.mortManager = mortMgrOption;\r\n as.matterType = DefaultOption;\r\n as.broker = brokerOption;\r\n this.setState({\r\n advancedSearch: as\r\n });\r\n \r\n }\r\n\r\n handleCloseClick(event) {\r\n let type = event.target.id.substring(0, 1);\r\n let id = event.target.id.substring(1);\r\n\r\n if (type === \"D\") this.removeDetailTab(Number(id));\r\n if (type === \"A\") this.removeReportListTab();\r\n else this.removeReportTab(Number(id));\r\n }\r\n\r\n updateAdvancedSearch(advancedSearch) {\r\n //console.log(\"advance\" + advancedSearch.columns);\r\n if (!advancedSearch.columns) {\r\n advancedSearch.columns = [];\r\n }\r\n\r\n this.setState({\r\n advancedSearch: advancedSearch\r\n });\r\n }\r\n\r\n updateAdvancedSearchColumns() {\r\n let config = this.state.advancedSearch;\r\n console.log(this.state.advancedSearch.matterType.id);\r\n //alert(this.state.advancedSearch.matterType.id);\r\n\r\n MatterService.getAdvancedSearchColumns(this.state.advancedSearch.matterType.id).then(resp => {\r\n config.columns = resp.data.Content;\r\n\r\n this.setState({\r\n advancedSearch: config\r\n });\r\n });\r\n }\r\n\r\n handleSelect(e) {\r\n this.setState({\r\n selected: e.selected\r\n });\r\n }\r\n selectedChanged(e) {\r\n this.setState({\r\n selected: e.selected\r\n });\r\n }\r\n\r\n static createAdvancedSearchConfig() {\r\n if(localStorage.getItem(\"sessionTimeout\") != 0 && localStorage.getItem(\"sessionTimeout\") != null){\r\n return {\r\n loading: false,\r\n //boolean shouldsearch\r\n shouldSearch: false,\r\n\r\n // These parameters store the list options\r\n matterTypes: [DefaultOption],\r\n statuses: [DefaultStatus],\r\n states: [AuthService.user.State],\r\n fileOwners: [DefaultOption],\r\n lenders: [DefaultOption],\r\n mortManagers: [DefaultOption],\r\n \r\n // Search parameters\r\n address: \"\",\r\n borrowers: \"\",\r\n fileOwner: DefaultOption,\r\n lender: DefaultOption,\r\n lenderRefNo: \"\",\r\n matterNo: \"\",\r\n matterState: stateOption,\r\n matterStatus: DefaultStatus,\r\n mortManager: DefaultOption,\r\n matterType: DefaultOption,\r\n results: [],\r\n titleRefNo: \"\",\r\n columns: [],\r\n\r\n // Grid state\r\n skip: 0,\r\n pageSize: 10,\r\n total: 0,\r\n workComplete: null,\r\n pageable: {\r\n buttonCount: 5,\r\n info: true,\r\n type: \"numeric\",\r\n pageSize: true,\r\n previousNext: true\r\n }\r\n };\r\n }\r\n }\r\n\r\n userIsNotBroker(){\r\n \r\n MatterService.CheckUserIsNotBroker().then(response=>{\r\n this.setState({userIsNotBroker:!response.data.Content});\r\n },\r\n error=>{\r\n this.setState({userIsNotBroker:false,\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n })\r\n } \r\n\r\n componentDidMount() {\r\n document.title = \"Loantrak - Advanced Search\"; \r\n window.addEventListener(\"resize\", this.updateWindowDimension); \r\n\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"search\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n });\r\n }\r\n this.userIsNotBroker();\r\n MatterService.UserCannotDownloadCSVReport().then(\r\n (resp)=>{\r\n this.setState({cannotDownloadCSVReport:resp.data.Content})\r\n },\r\n (err)=>{\r\n this.setState({cannotDownloadCSVReport:false})\r\n }\r\n );\r\n }\r\n\r\n componentWillUnmount() {\r\n \r\n }\r\n\r\n handleDetailedSearch() {\r\n \r\n if(this.state.windowWidth<=768){ \r\n this.hideSearchForm();\r\n }\r\n\r\n ///reset pagination\r\n this.setState({\r\n skip: 0,\r\n pageCount: 0,\r\n perPage: 10,\r\n currentPage: 0, \r\n offset: 0,\r\n })\r\n let as = this.getAdvancedSearch();\r\n \r\n \r\n as.loading = true;\r\n as.skip = 0;\r\n this.updateAdvancedSearch(as);\r\n console.log(as)\r\n this.updateAdvancedSearchColumns(as);\r\n this.buildColumnEditor(as);\r\n //this.handleColumnUpdate(as);\r\n \r\n this.runDetailSearch(as);\r\n }\r\n\r\n handleGenerateCSV() {\r\n let as = this.getAdvancedSearch();\r\n //this.updateAdvancedSearch(as);\r\n this.runGenerateCSV(as);\r\n }\r\n\r\n runGenerateCSV(as) {\r\n //previous simple search function, returned details on home screen\r\n if(this.state.userIsNotBroker){\r\n MatterService.generateCSV(as).then(\r\n resp => {\r\n console.log(as.matterStatus.value);\r\n \r\n let headerMessage = \"\";\r\n for (let i = 0; i < resp.Content.Columns.length; i++) {\r\n headerMessage = headerMessage + resp.Content.Columns[i].Title + \",\";\r\n }\r\n headerMessage = headerMessage + \"\\n\";\r\n let message = resp.Content.Matters;\r\n message = headerMessage + message.join(\"\\n\");\r\n this.download(\r\n as.lender.value + \" - \" + as.matterStatus.value + \".csv\",\r\n message\r\n );\r\n //as.workComplete();\r\n },\r\n err => {\r\n this.setState(\r\n {\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n },\r\n () => {\r\n //if (as.workComplete) as.workComplete();\r\n }\r\n );\r\n }\r\n );\r\n }\r\n else{\r\n\r\n }\r\n }\r\n\r\n download(filename, text) {\r\n var element = document.createElement(\"a\");\r\n element.setAttribute(\r\n \"href\",\r\n \"data:text/plain;charset=utf-8,\" + encodeURIComponent(text)\r\n );\r\n element.setAttribute(\"download\", filename);\r\n\r\n element.style.display = \"none\";\r\n document.body.appendChild(element);\r\n\r\n element.click();\r\n\r\n document.body.removeChild(element);\r\n }\r\n\r\n runDetailSearch(as) {\r\n //previous simple search function, returned details on home screen\r\n\r\n //this.updateAdvancedSearchColumns(as);\r\n\r\n let self = this;\r\n MatterService.detailSearch(as).then(\r\n resp => {\r\n let matters = resp.Content.Matters.map(matter => ({\r\n matterNo: matter.MatterId,\r\n matterDescription: matter.MatterDescription,\r\n matterTypeName: matter.MatterTypeName,\r\n settlementDate: matter.SettlementDate\r\n ? Moment(matter.SettlementDate).format(\"DD-MM-YYYY HH:mm:ss\")\r\n : \"\",\r\n stateName: matter.StateName,\r\n fileOwner: matter.FileOwnerFullName,\r\n lenderName: matter.LenderName,\r\n lenderRefNo: matter.LenderRefNo,\r\n \r\n securities: matter.Securities===\"\"?[]:matter.Securities,\r\n titleRefs: matter.TitleRefs===\"\"?[]:matter.TitleRefs,\r\n loanAmount: matter.LoanAmount,\r\n relationshipManager: matter.RelationshipManager,\r\n instructionDate: matter.InstructionsReceivedDate \r\n ? Moment(matter.InstructionsReceivedDate).format(\"DD-MM-YYYY HH:MM:SS \")\r\n : \"\",\r\n fundingChannel: matter.FundingTypeChannel,\r\n matterCurrentStatus: matter.MatterCurrentStatus,\r\n matterStatusCategory: matter.MatterStatusCategory,\r\n payoutAmount: matter.PayoutAmount\r\n\r\n }));\r\n\r\n let message = \"\";\r\n\r\n if (!matters || matters.length === 0) {\r\n message = \"No matching records found\";\r\n new SAlert({\r\n title: \"Detailed search\",\r\n text: message,\r\n type: \"info\"\r\n });\r\n }\r\n\r\n as.results = matters;\r\n as.total = resp.Content.Total;\r\n as.message = message;\r\n as.loading = false;\r\n\r\n self.updateAdvancedSearch(as);\r\n // this.updateAdvancedSearch(as);\r\n\r\n //as.workComplete();\r\n this.setState({\r\n pageCount: Math.ceil(as.total / this.state.perPage),\r\n total: as.total\r\n },()=>{\r\n //alert(as.total)\r\n })\r\n },\r\n err => {\r\n this.setState(\r\n {\r\n loading: false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n },\r\n () => {\r\n //if (as.workComplete) as.workComplete();\r\n }\r\n );\r\n }\r\n );\r\n }\r\n\r\n// rowClick(event, rowIdx) {\r\n// //row click push to relevant matter\r\n// if (event.rowIdx !== -1 && window.innerWidth > 768) {\r\n// window.open(\"/loan-details:\" + event.dataItem.matterNo);\r\n// }\r\n// if (event.rowIdx !== -1 && window.innerWidth <= 768) {\r\n// this.context.router.history.push(\r\n// \"/loan-details:\" + event.dataItem.matterNo\r\n// );\r\n// }\r\n// //this.context.router.history.push(\r\n// //'/loan-details:'+event.dataItem.matterNo\r\n// //)\r\n// }\r\n\r\n rowClick(e, matterId) {\r\n window.open('/matter-details:'+matterId)\r\n // this.state.history.push({pathname:'/matter-details:'+matterId,\r\n // state: {\r\n // searchArg : this.getAdvancedSearch, \r\n // }\r\n // });\r\n\r\n // this.props.history.push({pathname:\"/search\",\r\n // state: {\r\n // // searchArg : null, \r\n // searchArg: this.props.searchArg\r\n // }\r\n // });\r\n //row click push to relevant matter\r\n // if (event.rowIdx !== -1 && window.innerWidth > 768) {\r\n // window.open(\"/matter-details:\" + event.dataItem.matterNo);\r\n // }\r\n // if (event.rowIdx !== -1 && window.innerWidth <= 768) {\r\n // this.context.router.history.push(\r\n // \"/matter-details:\" + event.dataItem.matterNo\r\n // );\r\n // }\r\n //this.context.router.history.push(\r\n //'/loan-details:'+event.dataItem.matterNo\r\n //)\r\n }\r\n\r\n sortChange(event) {\r\n //sort matters on change\r\n /*\r\n this.setState({\r\n matters: this.GetMatters(event.sort),\r\n sort: event.sort\r\n });\r\n */\r\n }\r\n\r\n getMatters(sort) {\r\n //get matters after sort\r\n //return orderBy(this.state.matters, sort);\r\n }\r\n getAdvancedSearch() {\r\n //advanced search getter\r\n return this.state.advancedSearch;\r\n }\r\n pageChange(event) {\r\n //handle page change events and run search if needed\r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.skip = event.page.skip;\r\n as.pageSize = event.page.take;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n }\r\n\r\n changePage(action,take) {\r\n alert(this.state.skip)\r\n //let skip = 10;\r\n //if(action == 'add'){\r\n this.setState({\r\n skip: this.state.skip+action\r\n },()=>\r\n {\r\n //handle page change events and run search if needed\r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.skip = this.state.skip;\r\n as.pageSize = take;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n })\r\n \r\n // //handle page change events and run search if needed\r\n // let as = this.getAdvancedSearch();\r\n\r\n // as.loading = true;\r\n // as.skip = this.state.skip;\r\n // as.pageSize = take;\r\n\r\n // this.runDetailSearch(as);\r\n\r\n // this.updateAdvancedSearch(as);\r\n }\r\n\r\n handlePageClick = (e) => {\r\n const selectedPage = e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n //alert (offset);\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n console.log(this.state.offset + \" offset - perpage \" + this.state.perPage);\r\n //this.receivedData()\r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.skip = offset;\r\n as.pageSize = this.state.perPage;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n });\r\n \r\n };\r\n\r\n onStartClick = (e) => {\r\n const selectedPage = 0;\r\n const offset = 0;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n console.log(this.state.offset + \" offset - perpage \" + this.state.perPage);\r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.skip = offset;\r\n as.pageSize = this.state.perPage;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n });\r\n \r\n };\r\n\r\n onEndClick = (e) => {\r\n const selectedPage = this.state.pageCount-1;//e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n console.log(this.state.offset + \" offset - perpage \" + this.state.perPage);\r\n \r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.skip = offset;\r\n as.pageSize = this.state.perPage;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n });\r\n \r\n }; \r\n\r\n handleCancelUpdate() {\r\n this.setState({\r\n show: false\r\n });\r\n }\r\n \r\n handleColumnClick() { \r\n this.setState({\r\n show: !this.state.show\r\n });\r\n }\r\n\r\n buildColumnEditor(advancedSearch) {\r\n console.log(\"buildColumnEditor\")\r\n console.log(advancedSearch.columns)\r\n //sets the columns available for editing\r\n let list = advancedSearch.columns;\r\n \r\n let popupContent = list.map(function(c) {\r\n if (c.Visible && c.Enabled) {\r\n return (\r\n <>\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n Search Loans
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n MSA Reference\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Loan Type \r\n
\r\n \r\n \r\n {/* All */}\r\n \r\n
\r\n \r\n
\r\n \r\n MSA File Owner \r\n
\r\n \r\n \r\n {/* All */}\r\n \r\n
\r\n \r\n
\r\n \r\n Title Reference \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Borrowers\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Status \r\n
\r\n \r\n \r\n {/* All */}\r\n \r\n
\r\n \r\n
\r\n \r\n Lender \r\n
\r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n
\r\n \r\n Lender Reference \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Branch \r\n
\r\n \r\n \r\n {/* All */}\r\n \r\n
\r\n \r\n
\r\n \r\n Referer \r\n
\r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n
\r\n \r\n Security \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {this.props.columnBtnStatus==1?( \r\n
\r\n \r\n
\r\n ):\"\"}\r\n \r\n
\r\n \r\n );\r\n } else {\r\n if(!c.Enabled){\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {c.Title}
\r\n \r\n
\r\n \r\n );\r\n }\r\n else{\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {c.Title}
\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 {c.Title}
\r\n Grid Display Columns
\r\n {popupContent}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n handleColumnUpdate(event) {\r\n //handles updating columns based on how they're organised\r\n //event.preventDefault(); \r\n let self = this;\r\n //let as = this.props.getAdvancedSearch();\r\n let as = this.getAdvancedSearch();\r\n let cols = as.columns;\r\n let i;\r\n \r\n for (i = 0; i < cols.length; i++) {\r\n let myElement = self.refs[cols[i].Field];\r\n let value = false;\r\n if (myElement.value) {\r\n value = myElement.checked;\r\n }\r\n cols[i].Visible = value;\r\n }\r\n \r\n as.columns = cols;\r\n console.log(\"updated columns\");\r\n console.log(cols);\r\n console.log(\"upodate as\");\r\n console.log(as) ; \r\n //this.props.updateAdvancedSearch(as);\r\n //this.updateAdvancedSearch(as);\r\n \r\n this.setState({\r\n show: false\r\n });\r\n //let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n //as.skip = 10;\r\n as.pageSize = this.state.perPage;\r\n as.columns = cols;\r\n \r\n this.updateAdvancedSearch(as);\r\n this.runDetailSearch(as); \r\n \r\n }\r\n\r\n onLoadMore(){\r\n this.setState({\r\n perPage: this.state.perPage + 10\r\n },()=>{\r\n //alert(this.state.perPage )\r\n let as = this.getAdvancedSearch();\r\n\r\n as.loading = true;\r\n as.take = this.state.perPage;\r\n //as.skip = event.page.skip;\r\n as.pageSize = this.state.perPage;\r\n\r\n this.runDetailSearch(as);\r\n\r\n this.updateAdvancedSearch(as);\r\n if(as.take >= as.total.length){\r\n this.setState({\r\n loadMorelabel: \"Nothing more to load\"\r\n });\r\n }\r\n }); \r\n }\r\n\r\n\r\n updateWindowDimension=()=>{ \r\n this.setState({\r\n windowWidth: window.innerWidth,\r\n profileDisplay: \"\"\r\n }) \r\n \r\n if(this.state.windowWidth<=768){ \r\n //alert(\"Mobile\") \r\n if(this.state.windowWidth!=this.state.windowWidthPrevious){\r\n this.setState({\r\n searchFormDisplay: \"none\"\r\n }) \r\n }\r\n }else{\r\n //alert(\"Desktop\");\r\n this.setState({\r\n searchFormDisplay: \"\"\r\n })\r\n }\r\n\r\n this.setState({\r\n windowWidthPrevious: window.innerWidth \r\n }) \r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n }\r\n\r\n showSearchForm(){\r\n this.setState({\r\n searchFormDisplay: \"\"\r\n }) \r\n }\r\n\r\n hideSearchForm(){\r\n this.setState({\r\n searchFormDisplay: \"none\"\r\n }) \r\n } \r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n console.log(\"WINDOW: \"+this.state.windowWidth);\r\n let searchFormDisplay=this.state.searchFormDisplay; \r\n \r\n\r\n if(this.state.leftContent != this.state.pageTitle){\r\n return( \r\n \r\n
\r\n );\r\n \r\n var columnBtnStatus=0;\r\n if (as.loading) {\r\n //if not finished loading show loading circle\r\n grid = \r\n {/* {this.buildColumnEditor(as)} */}\r\n {popupContent}\r\n
\r\n \r\n this.hideSearchForm()}\r\n handleDetailedSearch={this.handleDetailedSearch}\r\n getAdvancedSearch={this.getAdvancedSearch}\r\n resetAdvancedSearch={this.resetAdvancedSearch}\r\n updateAdvancedSearch={this.updateAdvancedSearch}\r\n handleGenerateCSV={this.handleGenerateCSV}\r\n canGenerateCsv={this.state.userIsNotBroker} \r\n slbActionGTC=\"1fr 1fr\" \r\n />\r\n
\r\n );\r\n } else {\r\n \r\n\r\n \r\n \r\n if (as.results && as.results.length > 0) {\r\n // if search results are not nothing then return them in the grid by passing arguments\r\n let columns = [];\r\n let gridColumns = as.columns; \r\n\r\n gridColumns.forEach(function(c) {\r\n if (c.Visible) {\r\n // columns.push(\r\n // \r\n {/* \r\n {columns} \r\n */}\r\n \r\n {columns} \r\n \r\n
\r\n );\r\n\r\n paging=(\r\n \r\n this.hideSearchForm()}\r\n handleDetailedSearch={this.handleDetailedSearch}\r\n getAdvancedSearch={this.getAdvancedSearch}\r\n resetAdvancedSearch={this.resetAdvancedSearch}\r\n updateAdvancedSearch={this.updateAdvancedSearch}\r\n handleGenerateCSV={this.handleGenerateCSV}\r\n canGenerateCsv={this.state.userIsNotBroker}\r\n columnAction={()=>this.handleColumnClick()}\r\n columnBtnStatus={columnBtnStatus}\r\n slbActionGTC={slbActionGTC} \r\n /> \r\n
\r\n );\r\n\r\n }\r\n }\r\n else{\r\n return \r\n\r\n this.hideInsightBox()}> \r\n {/*
\r\n\r\n \r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n Loan Insights \r\n\r\n
*/}\r\n\r\n\r\n\r\n {/* \r\n
\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n\r\n \r\n \r\n \r\n {popup}\r\n {/* \r\n {popupContent}\r\n */}\r\n */}\r\n {grid}\r\n {/* {searchResults} */}\r\n\r\n {/* \r\n \r\n \r\n ):''\r\n }\r\n\r\n \r\n
\r\n \r\n this.showSearchForm()}\r\n > \r\n
\r\n \r\n\r\n { grid?(\r\n <>\r\n \r\n {divMobileDownloadCSV}\r\n {/* Download .csv file */}\r\n\r\n Column options \r\n
\r\n\r\n \r\n {/* {popupContent} */}\r\n
\r\n {/* this.rowClick(e)} >\r\n \r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return \r\n \r\n \r\n \r\n {/* this.props.cancelRequestPack(e)}\r\n >\r\n { this.props.msg.includes('recorded')?'Close' : 'Cancel'}\r\n \r\n \r\n this.props.sendRequestPack(e)}\r\n >\r\n Request\r\n */}\r\n ); \r\n }\r\n else{\r\n if(this.props.msg.includes('recorded') || this.props.alreadyExists){\r\n requestPackButton=(\r\n \r\n \r\n {/* \r\n */}\r\n \r\n ); \r\n }\r\n else{\r\n requestPackButton=(\r\n \r\n \r\n ); \r\n }\r\n }\r\n \r\n }\r\n\r\n //if(this.props.custodyDocumentRequested == true && this.props.matterIsDigital == false){\r\n if(this.props.custodyDocumentRequested == true && !this.props.docsSentOrReceived){\r\n requestButton = (\r\n this.showInsightBox()} \r\n showInsightsDetails={this.moreInsights}\r\n > \r\n \r\n {/* */}\r\n\r\n this.toggleProfileMenu()}\r\n />\r\n\r\n \r\n )\r\n }\r\n}\r\nMatterDetailsPage=AutoLogout(MatterDetailsPage);\r\nexport default MatterDetailsPage\r\n","import React from 'react';\r\nimport PropTypes from \"prop-types\";\r\n// import { DropDownList } from '@progress/kendo-react-dropdowns';\r\n\r\n// import { AuthService } from \"../../services/auth-service\";\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport DropDownList from '../../atom/DropDownList/DropDownList';\r\n\r\nclass LenderControl extends React.Component {\r\n\r\n render() { //Controls which lender the user is able to search from \r\n\r\n if (this.props.data && this.props.data.length > 0) {\r\n\r\n let data = this.props.data;\r\n \r\n\r\n if ( AuthService.user.UserTypeId === 2 && data.length === 1 ) {\r\n let opt = data[0];\r\n return (opt.value);\r\n }\r\n\r\n // return (\r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return \r\n \r\n \r\n )\r\n }\r\n \r\n \r\n if(this.state.leftContent != this.state.pageTitle){\r\n return( \r\n \r\n );\r\n\r\n }\r\n\r\n \r\n return ( \r\n \r\n this.showInsightBox()} \r\n showInsightsDetails={this.moreInsights}\r\n > \r\n \r\n this.toggleProfileMenu()}\r\n />\r\n\r\n \r\n )\r\n }\r\n}\r\nCustodyCenterPage=AutoLogout(CustodyCenterPage);\r\nexport default CustodyCenterPage\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport Moment from \"moment\";\r\n\r\n\r\n \r\nimport './css/DataTableEventsConsents.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass DataTableEventsConsents extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n loading: false,\r\n matters: [],\r\n shouldRedirect: false,\r\n matterStatusHighlight: 'HighlightBlue',\r\n }\r\n this.rowClick = this.rowClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true\r\n })\r\n\r\n MatterService.getRecentMatterEventsFiltered(3).then(resp => {\r\n this.setState({\r\n matters: resp.data.Content,\r\n loading: false\r\n });\r\n }, (err) => {\r\n if ( err.response && err.response.status === 401) {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n } else {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n \r\n \r\n }\r\n \r\n });\r\n \r\n // MatterService.getRecentMatterEventsDischarges().then(resp => {\r\n // this.setState({\r\n // matters: resp.data.Content,\r\n // loading: false\r\n // });\r\n // }, (err) => {\r\n // if ( err.response && err.response.status === 401) {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n // } else {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n\r\n \r\n // }\r\n\r\n // });\r\n }\r\n\r\n rowClick = (e, matterId) => {\r\n //if(e.target!==-1){\r\n //alert(e.target.id);\r\n //alert(matterId);\r\n window.open('/matter-details:'+matterId)\r\n //}\r\n \r\n //if(event.rowIdx!==-1 &&window.innerWidth>768){\r\n //window.open('/matter')\r\n //window.open('/matter:'+event.dataItem.MatterId)\r\n // }\r\n // if(event.rowIdx!==-1 &&window.innerWidth<=768){\r\n // this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId\r\n // )\r\n // }\r\n //this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId \r\n //)\r\n }\r\n\r\n render() {\r\n\r\n if(this.state.loading)\r\n {\r\n return(
this.rowClick(e, matter.MatterId)} >\r\n
\r\n )\r\n })\r\n } \r\n \r\n )\r\n } \r\n\r\n let datatable = \"\";\r\n\r\n if(this.state.matters!=null){\r\n datatable=(\r\n <>\r\n \r\n
\r\n \r\n MSA Ref
\r\n {('0000000' + matter.MatterId).slice(matterlen)}\r\n \r\n
\r\n \r\n Borrowers
\r\n {matter.Description.length > 30? matter.Description.slice(0,30)+\"...\" : matter.Description }\r\n \r\n
\r\n \r\n Lender Ref
\r\n {matter.LenderRefNo}\r\n \r\n {matter.MatterStatus} */}\r\n {matter.MatterStatus} \r\n
\r\n \r\n Current Status
\r\n {/* {matter.MatterStatusCategory} */}\r\n {/* \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n datatable = (MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Current Status
\r\n No Recently Viewed Loans :)
);\r\n }\r\n return ( \r\n \r\n {datatable}\r\n\r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTable\r\n","import React, { Component } from 'react' \r\n \r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nimport './css/InsightBox.css';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport ButtonGroupCap from '../ButtonGroupCap/ButtonGroupCap';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment';\r\nimport TabButtonBox from '../TabButtonBox/TabButtonBox';\r\nimport Card from '../../atom/Card/Card';\r\nimport LoanStatus from '../../organism/LoanStatus/LoanStatus';\r\nimport DataTable from '../../organism/DataTable/DataTable';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass InsightBox extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loanStatistics: [],\r\n hasError: false, \r\n isLoading:false, \r\n }\r\n\r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n \r\n }\r\n componentDidMount(){ \r\n //alert(this.props.show)\r\n this.setState({\r\n isLoading: true,\r\n //InstructionSubmit:true,\r\n }); \r\n\r\n MatterService.getLoanStatisics().then((resp) => {\r\n let loanStat = resp.data.Content;\r\n console.log(loanStat)\r\n this.setState({\r\n loanStatistics: loanStat,\r\n isLoading: false\r\n })\r\n\r\n \r\n }, err => {\r\n this.setState({\r\n hasError: true\r\n })\r\n });\r\n }\r\n\r\n hideInsightBox(){\r\n this.props.callBackInsight();\r\n }\r\n\r\n moreInsights(){ \r\n this.props.moreInsightCallback();\r\n //this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n \r\n render() { \r\n return (\r\n <>\r\n {/* \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n\r\n
*/}\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents on Hold \r\n
\r\n\r\n Current Status
\r\n */}\r\n \r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return \r\n this.showInsightBox()} \r\n showInsightsDetails={this.moreInsights}\r\n > \r\n \r\n this.toggleProfileMenu()}\r\n />\r\n \r\n\r\n \r\n )\r\n }\r\n}\r\nUserDetailPage=AutoLogout(UserDetailPage);\r\nexport default UserDetailPage\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\n \r\nimport './css/DataTableUser.css';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport Moment from \"moment\";\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { UserLender } from '../../../services/user-lender';\r\nimport UserDetailPage from '../../pages/UserDetailPage/UserDetailPage';\r\n\r\nclass DataTableUser extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n this.state={\r\n viewUserDetail: false,\r\n userid: null \r\n }\r\n\r\n this.handleClick = this.handleClick.bind(this);\r\n }\r\n\r\n viewUserDetail(id){\r\n //window.open('/userdetails:' + id)\r\n this.setState({\r\n viewUserDetail: true,\r\n userid: id\r\n });\r\n }\r\n\r\n handleClick(id, event){\r\n let name = event.target.name\r\n \r\n UserLender.updateLenderUserAccess(id) \r\n .then(response => {\r\n if(response.data.Successful == true)\r\n {\r\n //this.getLenderListForUser() \r\n if(this.props.UserFilter == 'Enabled') {this.props.getEnabledLenderListForUser(); }\r\n else if(this.props.UserFilter == 'Disabled') {this.props.getDisabledUserLenderList();}\r\n else if(this.props.UserFilter == 'Search') {this.props.simpleUserSearch();}\r\n else {this.props.getLenderListForUser();}\r\n\r\n alert('User Updated!')\r\n }\r\n //console.log(response.data.Successful)\r\n })\r\n .catch(error => {\r\n //console.log(error)\r\n }) \r\n }\r\n\r\n render() {\r\n let userDataTable='';\r\n\r\n if(this.state.viewUserDetail){\r\n // return()\r\n window.location.href='/userdetails:'+this.state.userid\r\n }\r\n\r\n if (this.props.userLender.length > 0){\r\n userDataTable = this.props.userLender.map(d => (\r\n \r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return \r\n \r\n \r\n )\r\n }\r\n else {paging = \"\";}\r\n \r\n }\r\n else{\r\n if(this.state.lenderUsersCount > 0){\r\n //alert(this.state.lenderUsersCount)\r\n paging=(\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n else {paging = \"\";}\r\n }\r\n \r\n \r\n \r\n\r\n if (this.state.isLoading) {\r\n divUserDetails=(\r\n \r\n : No record found )\r\n :\r\n (this.state.lenderUsersCount > 0 || (this.state.UserFilter=='Search' && this.state.searchCount > 0)) ?\r\n \r\n \r\n : No record found \r\n \r\n }\r\n \r\n {paging}\r\n {/* {(this.state.UserFilter=='Search' && this.state.searchCount > 0)? paging : (this.state.lenderUsersCount > 10 ) ? paging:\"\"} */}\r\n \r\n \r\n )\r\n }\r\n\r\n return ( \r\n \r\n this.showInsightBox()} \r\n showInsightsDetails={this.moreInsights}\r\n > \r\n \r\n this.toggleProfileMenu()}\r\n />\r\n\r\n \r\n {this.props.children} \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CenterContent\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/FormTextBoxIcon.css';\r\n\r\nclass FormTextBoxIcon extends Component {\r\n render() {\r\n return (\r\n \r\n\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default DisclaimerPage\r\n","import React, { Component } from 'react'\r\n \r\n\r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport DisplayMessage from '../../atom/DisplayMessage/DisplayMessage';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport FormTextBoxIcon from '../../atom/FormTextBoxIcon/FormTextBoxIcon';\r\nimport Logo from '../../atom/Logo/Logo';\r\nimport ValidationText from '../../atom/ValidationText/ValidationText';\r\n\r\nimport DisclaimerPage from '../../pages/DisclaimerPage/DisclaimerPage';\r\nimport { Redirect } from 'react-router-dom';\r\nimport {AuthService} from '../../../services/auth-service';\r\n\r\nimport './css/LoginForm.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\n\r\nclass LoginForm extends Component { \r\n constructor(props){\r\n super(props);\r\n this.state = { \r\n userName: \"\",\r\n userPassword: \"\",\r\n code: \"\",\r\n loginInProgress: false,\r\n errorMessage: \"\",\r\n shouldRedirect: false,\r\n mustAuthenticate:false,\r\n forgotPassword:false,\r\n userType:null,\r\n externalPrivileges: [],\r\n CanInstructDischargeUpload:'',\r\n CanInstructDischarges:'',\r\n CanInstructNewLoans:'',\r\n CanProvideDischargePayout:'',\r\n hasLoginError: null,\r\n displayError: null,\r\n matterRestrictions: []\r\n\r\n };\r\n this.updateUsername = this.updateUsername.bind(this);\r\n this.updatePassword = this.updatePassword.bind(this);\r\n this.handleAuthenticateCodeChanged = this.handleAuthenticateCodeChanged.bind(this);\r\n this.handleLogin = this.handleLogin.bind(this);\r\n this.Authenticate = this.Authenticate.bind(this);\r\n this.sendData = this.sendData.bind(this);\r\n this.handleKeyDown = this.handleKeyDown.bind(this);\r\n }\r\n\r\n sendData = () =>{\r\n //this.props.loginFormCallback([this.state.userName, null, null, null, null]);\r\n this.props.loginFormCallback([this.state.userName,this.state.userPassword,this.state.userType,this.state.shouldRedirect, this.state.forgotPassword, false, this.state.mustAuthenticate]);\r\n }\r\n\r\n updateUsername(event){\r\n this.setState({\r\n userName: event.target.value\r\n },()=>{\r\n //this.props.loginFormCallback([this.state.userName, null, null, null, null]);\r\n this.sendData()\r\n });\r\n \r\n }\r\n updatePassword(event){\r\n this.setState({\r\n userPassword: event.target.value\r\n });\r\n }\r\n\r\n handleAuthenticateCodeChanged(event){\r\n event.preventDefault();\r\n this.setState({code:event.target.value});\r\n }\r\n\r\n handleKeyDown(event){ \r\n //event.preventDefault();\r\n if(event.key===\"Enter\"){\r\n this.handleLogin(event);\r\n }\r\n }\r\n\r\n handleKeyDownAuthenticate(event){ \r\n //event.preventDefault();\r\n if(event.key===\"Enter\"){\r\n this.Authenticate(event);\r\n }\r\n }\r\n\r\n\r\n handleLogin(event)\r\n {\r\n event.preventDefault(); //prevent function from happening on load \r\n \r\n //this.CleanErrorAndSuccess();\r\n this.setState({\r\n loginInProgress: true,\r\n errorMessage: null,\r\n displayError: null\r\n },()=>{\r\n this.sendData()\r\n });\r\n\r\n if (!this.state.userName && !this.state.userPassword) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false, \r\n errorMessage: 'Please input your Email & Password', \r\n },()=>{\r\n //alert(this.state.errorMessage);\r\n //this.sendData()\r\n });\r\n\r\n return;\r\n }else if (!this.state.userName) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false, \r\n errorMessage: 'Please input your Email', \r\n },()=>{\r\n //alert(this.state.errorMessage);\r\n //this.sendData()\r\n });\r\n\r\n return;\r\n }else if(!this.state.userPassword){\r\n this.setState({\r\n loginInProgress: false, \r\n errorMessage: 'Please input your Password',\r\n },()=>{\r\n //alert(this.state.errorMessage);\r\n //this.sendData()\r\n });\r\n return;\r\n }\r\n\r\n //delete record userverificationcode\r\n // AuthService.deleteBrokerCode(this.state.userName).then((resp) => {\r\n // // if(window.innerWidth>768){\r\n // // window.open('/loan-details:'+this.state.matterId)\r\n // // }\r\n // // if(window.innerWidth<=768){\r\n // // this.context.router.history.push(\r\n // // '/loan-details:'+this.state.matterId\r\n // // )\r\n // // }\r\n // this.setState({\r\n // // errorMessage: null,\r\n // // userCode: null,\r\n // // successMessage:null\r\n // })\r\n // // //after viewing successfully, add the matter to viewed matters\r\n // // this.state.viewedMatters.push(this.state.matter); \r\n // // AuthService.setViewedMatters(this.state.viewedMatters);\r\n // },\r\n // (err)=>{\r\n // // this.setState({\r\n // // brokershouldverify: true,\r\n // // lendershouldverify: true,\r\n // // errorMessage:'There is an error with the request.',//+err, \r\n // // });\r\n // // return;\r\n // });\r\n\r\n // AuthService.login(this.state.userName, this.state.userPassword).then((resp) =>(\r\n // this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : (resp.IsSuccessful == 'undefined' ? resp.Successful : resp.IsSuccessful),\r\n // mustAuthenticate:resp.MustAuthenticate,\r\n // loginInProgress: false,\r\n // forgotPassword:resp.MustRedirect,\r\n // userType:resp.UserTypeId, \r\n // errorMessage:null,\r\n // },()=>{\r\n // //console.log(\"MustRedirect\"+ resp.MustRedirect + \"mustAuthenticate\" + resp.MustAuthenticate + \"IsSuccessful\" + resp.IsSuccessful + \"userType\" + resp.UserTypeId)\r\n // //this.props.loginFormCallback([this.state.userName,this.state.userPassword,this.state.userType,this.state.shouldRedirect, this.state.forgotPassword, false]);\r\n // this.sendData()\r\n // })\r\n // ), (err) => {\r\n // this.setState({\r\n // loginInProgress: false,\r\n // // userName: '',\r\n // // userPassword: '',\r\n // // mustAuthenticate:false,\r\n // // data:err,\r\n // errorMessage: (err),\r\n // });\r\n // },()=>{\r\n // this.sendData()\r\n // },this.sendData());\r\n\r\n // //this.sendData()\r\n AuthService.login(this.state.userName, this.state.userPassword).then((resp) =>{\r\n //console.log(\"login resp\")\r\n //console.log(resp)\r\n // console.log(resp.UserTypeId)\r\n // console.log(resp.User)\r\n // console.log(resp.User.UserType)\r\n // console.log(resp.User.UserType.UserTypeId)\r\n this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n mustAuthenticate:resp.MustAuthenticate,\r\n loginInProgress: false,\r\n forgotPassword:resp.MustRedirect,\r\n userType:resp.UserTypeId==undefined?resp.User.UserType.UserTypeId:resp.UserTypeId,\r\n \r\n errorMessage:null,\r\n },()=>{\r\n //alert(this.state.shouldRedirect)\r\n //alert(this.state.mustAuthenticate)\r\n //alert(this.state.userType);\r\n //if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n if(this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n\r\n if(this.state.userType == 4){\r\n AuthService.getUserBrokerExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((r)=>{\r\n this.state.matterRestrictions.push(r.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n //log user activity\r\n // AuthService.logUserActivity(\"login\").then((r) =>{\r\n // alert(r.Content)\r\n // });\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n }\r\n else{\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n AuthService.GetUserMatterTypeRestriction().then((r)=>{\r\n this.state.matterRestrictions.push(r.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n //log user activity\r\n // AuthService.logUserActivity(\"login\").then((r) =>{\r\n // alert(r.Content)\r\n // });\r\n //this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n } \r\n \r\n }\r\n else{\r\n this.sendData()\r\n }\r\n \r\n })\r\n }, (err) => {\r\n //alert(err)\r\n if(err.toString().includes('Unauthorized')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: 'This account is network restricted.',\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('SSO')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: err,\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('password was reset')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n //errorMessage: 'Password for this account has been reset.
Please check your inbox for the temporary password.',\r\n errorMessage: err,\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('disabled')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: err,\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('401')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: 'Please check user name and password.',\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else{\r\n let error = err;\r\n //alert(error);\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n displayError: \"An unexpected error has occurred. Please contact MSA support team at loantraksupport@msanational.com.au.\",\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n }); \r\n \r\n }\r\n\r\n Authenticate(event){\r\n event.preventDefault(); //prevent function from happening on load \r\n //this.CleanErrorAndSuccess();\r\n this.setState({\r\n loginInProgress: true\r\n });\r\n\r\n //if (!this.state.userName || !this.state.userPassword || !this.state.code ) { //check if user and pass are entered\r\n if (!this.state.userName) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your username',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (!this.state.userPassword) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your password',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (!this.state.code ) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your security code',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n AuthService.authenticateUser(this.state.userName, this.state.userPassword,this.state.code.trim()).then((resp) =>(\r\n \r\n this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n shouldRedirect: resp.MustRedirect? false : resp.IsSuccessful,\r\n loginInProgress: false,\r\n forgotPassword:resp.MustRedirect,\r\n //userType:resp.UserTypeId,\r\n userType:resp.UserTypeId==undefined?resp.User.UserType.UserTypeId:resp.UserTypeId,\r\n errorMessage:null,\r\n },()=>{\r\n //this.sendData() \r\n if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect){\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n }\r\n else if((this.state.userType == 4) && this.state.shouldRedirect){\r\n AuthService.getUserBrokerExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n }\r\n else{\r\n this.sendData()\r\n }\r\n \r\n })\r\n ), (err) => {\r\n let error = err;\r\n this.setState({\r\n loginInProgress: false,\r\n data:err,\r\n //errorMessage: error == \"Error: Request failed with status code 401\"? \"Authentication failed.
Unauthorized access.
\" : ('Please check user name, password and security code.'),\r\n errorMessage: 'Please check user name, password and security code.',\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n });\r\n }\r\n\r\n getNewVerificationCode(e)\r\n {\r\n // if(localStorage.getItem(\"ssoTimeout\") == null){\r\n // AuthService.logUserActivity(\"access verification\").then((r) =>{\r\n // //alert(r.Content)\r\n // },(err)=>{\r\n // this.setState({\r\n // hasError: true\r\n // })\r\n // });\r\n // }\r\n // this.setState({\r\n // errorMessage:null,\r\n // successMessage:null, \r\n // });\r\n AuthService.resendUserAuthenticationCode(this.state.userName).then((resp) => {\r\n this.setState({\r\n //errorMessage:resp.Message,\r\n //successMessage:resp.Message, \r\n //enterCode: true,\r\n })\r\n },\r\n (err)=>{\r\n // this.setState({\r\n // errorMessage:'Invalid Details. Please check your security code and details.',//+err,\r\n // resetPasswordButton:'submit-button error',\r\n // resetPasswordEmailInput:this.state.resetPasswordEmailInput+\" input-error\",\r\n // },()=>{setTimeout(()=>{this.setState({resetPasswordButton: \"submit-button\"})},1000);});\r\n return;\r\n });\r\n }\r\n\r\n\r\n render() {\r\n let progressIcon = \"\";\r\n // let mustAuthenticateMsg = '';\r\n //let loginButton = '';\r\n // let mustAuthenticateCodeInput = '';\r\n\r\n \r\n if (this.state.loginInProgress) { \r\n progressIcon=\r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return {this.state.errorMessage} \r\n \r\n \r\n this.handleKeyDown(e)} \r\n />\r\n\r\n this.handleKeyDown(e)} \r\n />\r\n {/* {mustAuthenticateCodeInput} */}\r\n {this.props.mustAuthenticate?\r\n (this.handleKeyDownAuthenticate(e)} \r\n />)\r\n : ''\r\n }\r\n \r\n\r\n\r\n\r\n {/* */}\r\n\r\n {/* {loginButton} */}\r\n {/* {this.props.mustAuthenticate?(\r\n \r\n ):()} */}\r\n {/* */}\r\n {progressIcon}\r\n \r\n {/* \r\n \r\n \r\n );\r\n } \r\n return (\r\n <> \r\n {this.state.errorMessage} \r\n \r\n \r\n \r\n */}\r\n {progressIcon}\r\n \r\n \r\n )\r\n }\r\n \r\n}\r\n\r\nexport default PasswordCodeForm\r\n","import React, { Component } from 'react'\r\n \r\n\r\nimport Logo from '../../atom/Logo/Logo';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport FormTextBoxIcon from '../../atom/FormTextBoxIcon/FormTextBoxIcon';\r\nimport Button from '../../atom/Button/Button';\r\nimport DisplayMessage from '../../atom/DisplayMessage/DisplayMessage';\r\nimport ValidationText from '../../atom/ValidationText/ValidationText';\r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport {AuthService} from '../../../services/auth-service';\r\n\r\nimport './css/ResetPasswordForm.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass ResetPasswordForm extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n versionNo: '',\r\n errorMessage: false,\r\n data: null,\r\n userName: \"\",\r\n userPassword: \"\",\r\n loginInProgress: false,\r\n errorMessage: \"\",\r\n shouldRedirect: false,\r\n mustAuthenticate:false,\r\n codeRecipient: '',\r\n forgotPassword:false,\r\n userType:null, \r\n unknownForgotPassword: false,\r\n createAccount: false,\r\n cencel:null,\r\n respMessage: null,\r\n externalPrivileges: [],\r\n matterRestrictions: []\r\n \r\n };\r\n this.updateUsername = this.updateUsername.bind(this);\r\n this.handleRequestCode = this.handleRequestCode.bind(this);\r\n this.handleCancel = this.handleCancel.bind(this); \r\n this.handleUserCodeChanged = this.handleUserCodeChanged.bind(this);\r\n this.handlePasswordChanged = this.handlePasswordChanged.bind(this);\r\n this.handleConfirmPasswordChanged = this.handleConfirmPasswordChanged.bind(this);\r\n this.backClicked = this.backClicked.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n //alert(this.props.userName);\r\n this.setState({\r\n userName: this.props.resetDetails[0],\r\n respMessage: this.props.resetDetails[1],\r\n codeRecipient: this.props.resetDetails[1].includes('@')?'email':'mobile phone',\r\n },()=>{\r\n //alert(this.state.userName+\"\"+this.state.respMessage)\r\n })\r\n }\r\n\r\n backClicked(event){\r\n alert();\r\n // this.setState({\r\n // goBack: true\r\n // },()=>{\r\n // this.props.createAccountCallback([this.state.goBack,null])\r\n // });\r\n\r\n }\r\n\r\n updateUsername(event){\r\n this.setState({\r\n userName: event.target.value\r\n });\r\n }\r\n\r\n handleUserCodeChanged( event ) { //Gets new user code when entered, nonfunctional backend api\r\n this.setState({\r\n userCode: event.target.value\r\n });\r\n }\r\n\r\n handlePasswordChanged( event ) { //Gets new password when entered, nonfunctional backend api \r\n this.setState({\r\n userPassword: event.target.value,\r\n passwordInputClassName:\"input-boxes input-text-box active-input\",\r\n\r\n });\r\n } \r\n\r\n handleConfirmPasswordChanged( event ) { //Gets new password when entered, nonfunctional backend api \r\n this.setState({\r\n confirmUserPassword: event.target.value\r\n });\r\n }\r\n\r\n\r\n handleRequestCode(event)\r\n {\r\n event.preventDefault(); //prevent function from happening on load \r\n //this.props.callBack(true);\r\n //this.CleanErrorAndSuccess();\r\n if (!this.state.userName) {\r\n this.setState({\r\n \r\n errorMessage: 'User Name is required. Please enter and retry.', \r\n \r\n },()=>{setTimeout(()=>{this.setState({resetPasswordButton: \"submit-button\"})},1000)});\r\n\r\n return;\r\n }\r\n\r\n AuthService.requestUserPasswordCode(this.state.userName).then((resp) => {\r\n this.setState({\r\n errorMessage:null,\r\n successMessage:resp.Message,\r\n forgotPassword: true,\r\n enterCode: true,\r\n },()=>{\r\n this.props.callBack(true);\r\n })\r\n },\r\n (err)=>{\r\n this.setState({\r\n errorMessage:'Sorry, there is an error with the request.',//+err,\r\n resetPasswordButton:'submit-button error',\r\n resetPasswordEmailInput:this.state.resetPasswordEmailInput+\" input-error\",\r\n },()=>{setTimeout(()=>{this.setState({resetPasswordButton: \"submit-button\"})},1000);});\r\n return;\r\n });\r\n }\r\n\r\n \r\n\r\n handleSendCode(event){\r\n event.preventDefault();\r\n //alert(\"gdgd\");\r\n //this.props.callBack(true);\r\n //return;\r\n //this.CleanErrorAndSuccess();\r\n\r\n this.setState({\r\n loginInProgress: true,\r\n });\r\n //Sends api call to begin expecting entry of code from text\r\n if (!this.state.userCode) {\r\n this.setState({\r\n successMessage:'',\r\n loginInProgress: false,\r\n errorMessage: 'Security Code is required. The code has been sent to your email.',\r\n });\r\n\r\n return;\r\n }\r\n if (this.state.userPassword!==this.state.confirmUserPassword) {\r\n this.setState({\r\n successMessage:'',\r\n loginInProgress: false,\r\n errorMessage: 'Your password and confirmation password do not match. Please try again.',\r\n \r\n });\r\n\r\n return;\r\n }\r\n //eslint-disable-next-line\r\n const regExp=/^(?=.*[A-z])(?=.*\\d)(?=.*[#$^+=!*()@%&?/\\\\\\,.|~_\\-\\[\\]]).{8,}$/;\r\n if(regExp.test(this.state.userPassword)){\r\n this.setState({loginInProgress:true},()=>{\r\n AuthService.changePassword(this.state.userName, this.state.userPassword, this.state.userCode.trim()).then((resp) => ( //Fire off Authservice function to api providing username and new password \r\n \r\n this.setState({ \r\n createAccount:false,\r\n forgotPassword:false,\r\n enterCode:false,\r\n //userType:null,\r\n loginInProgress: false,\r\n shouldRedirect:resp.IsSuccessful,\r\n errorMessage:null,\r\n userType:resp.UserTypeId==undefined?resp.User.UserType.UserTypeId:resp.UserTypeId,\r\n mustAuthenticate: resp.MustAuthenticate\r\n },()=>{\r\n //alert(this.state.shouldRedirect);\r\n \r\n if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.props.callBack([this.state.shouldRedirect, this.state.mustAuthenticate, this.state.userPassword]);\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert('Sorry, there is an error with the request.')\r\n });\r\n }\r\n else if((this.state.userType == 4) && this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n AuthService.getUserBrokerExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.props.callBack([this.state.shouldRedirect, this.state.mustAuthenticate, this.state.userPassword]);\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert('Sorry, there is an error with the request.')\r\n });\r\n }\r\n else{\r\n this.props.callBack([this.state.shouldRedirect, this.state.mustAuthenticate, this.state.userPassword]);\r\n } \r\n \r\n\r\n })\r\n ), (err) => {\r\n this.setState({\r\n createAccount:false,\r\n forgotPassword:true,\r\n enterCode:true,\r\n loginInProgress: false,\r\n shouldRedirect:false,\r\n errorMessage:'Please check your security code and details.', \r\n },()=>{setTimeout(()=>{this.setState({submitResetButton: \"submit-button\"})},1000);});\r\n });\r\n // this.setState({\r\n // loginInProgress:false\r\n // });\r\n\r\n\r\n }); \r\n \r\n }else{\r\n this.setState({\r\n errorMessage:'Please check your security code and details.Please ensure your password is 8 characters long. It must contain an uppercase letter, symbol and number.',\r\n },()=>{\r\n this.setState({\r\n loginInProgress:false\r\n });\r\n });\r\n }\r\n }\r\n\r\n handleCancel(event){\r\n this.props.cancelCallback([false,null]);\r\n }\r\n\r\n render() { \r\n let progressIcon = \"\";\r\n \r\n if (this.state.loginInProgress) { \r\n progressIcon={this.state.errorMessage} \r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n );\r\n }\r\n if(this.state.resetSuccess){\r\n // return(\r\n // \r\n\r\n \r\n );\r\n }\r\n\r\n}\r\nexport default ResetPasswordPage;","import React, { Component } from 'react'\r\n \r\n\r\nimport Logo from '../../atom/Logo/Logo';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonGroup from '../../molecule/ButtonGroup/ButtonGroup';\r\nimport ValidationText from '../../atom/ValidationText/ValidationText';\r\nimport {AuthService} from '../../../services/auth-service';\r\n\r\nimport './css/CreateAccountForm.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass CreateAccountForm extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n firstName: '',\r\n lastName: '',\r\n mobileNumber: '',\r\n userName: '',\r\n goBack: false,\r\n respMessage: null,\r\n loginInProgress: false,\r\n }\r\n\r\n this.updateFirstname = this.updateFirstname.bind(this);\r\n this.updateLastname = this.updateLastname.bind(this);\r\n this.updateMobile = this.updateMobile.bind(this);\r\n this.updateEmail = this.updateEmail.bind(this);\r\n this.backClicked = this.backClicked.bind(this);\r\n this.createAccount = this.createAccount.bind(this);\r\n }\r\n\r\n updateFirstname(event){\r\n this.setState({\r\n firstName: event.target.value\r\n });\r\n }\r\n updateLastname(event){\r\n this.setState({\r\n lastName: event.target.value\r\n });\r\n }\r\n updateMobile(event){\r\n this.setState({\r\n mobileNumber: event.target.value\r\n });\r\n }\r\n updateEmail(event){\r\n this.setState({\r\n userName: event.target.value\r\n });\r\n }\r\n\r\n backClicked(event){\r\n this.setState({\r\n goBack: true\r\n },()=>{\r\n this.props.createAccountCallback([this.state.goBack,null])\r\n });\r\n\r\n }\r\n\r\n createAccount(event){\r\n event.preventDefault();\r\n this.setState({\r\n loginInProgress: true,\r\n respMessage:'',\r\n });\r\n AuthService.createAccount(this.state.userName, this.state.mobileNumber,this.state.firstName, this.state.lastName).then((resp) =>(\r\n \r\n this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n respMessage: resp.Message.includes('User created')? 'Create Account Successful
Your account has been created! We have sent login details to your email provided':resp.Message.replace(\"error\", \"\"),//'Your account has been created! We have sent login details to your email provided.',\r\n forgotPassword:false,\r\n loginInProgress: false,\r\n createAccount:false,\r\n //respMessage:null,\r\n },()=>{\r\n if(resp.Message.includes('error')){\r\n this.props.createAccountCallback([false,this.state.respMessage])\r\n }\r\n else this.props.createAccountCallback([true,this.state.respMessage])\r\n \r\n })\r\n ), (err) => {\r\n this.setState({\r\n loginInProgress: false,\r\n respMessage: 'Please ensure your details are correct. You must also have an active matter with MSA.', \r\n },()=>{\r\n //setTimeout(()=>{this.setState({createAccountButtonClass: \"create-account-button\"})},1000)\r\n });\r\n });\r\n\r\n }\r\n\r\n render() { \r\n let progressIcon = \"\";\r\n \r\n if (this.state.loginInProgress) { \r\n progressIcon=\r\n \r\n {/* */}\r\n \r\n \r\n );\r\n } \r\n return (\r\n <> \r\n {this.state.respMessage} \r\n \r\n \r\n \r\n */}\r\n {progressIcon}\r\n \r\n \r\n )\r\n }\r\n \r\n}\r\n\r\nexport default CreateAccountForm\r\n","import React from 'react';\r\nimport CreateAccountForm from '../../organism/CreateAccountForm/CreateAccountForm';\r\n//import LoginForm from '../loginpa/loginform';\r\n//import LoginPage from '../LoginPage/LoginPage';\t\r\nimport CenterContent from '../../template/CenterContent/CenterContent'; \r\nimport Card from '../../atom/Card/Card';\r\nimport MarginGuide from '../../atom/MarginGuide/MarginGuide';\r\n\r\nclass CreateAccount extends React.Component{\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n email: '',\r\n goBack: false,\r\n successMessage: null,\r\n } \r\n this.handleCreateAccountCallback = this.handleCreateAccountCallback.bind(this);\r\n }\r\n\r\n \r\n handleCreateAccountCallback(child){\r\n this.setState({\r\n goBack: child[0],\r\n successMessage: child[1]\r\n },()=>{\r\n this.props.parentCallback([this.state.goBack,this.state.successMessage]);\r\n });\r\n\r\n }\r\n\r\n render(){\r\n // if(this.state.goBack){\r\n // return(\r\n\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default CreateAccount;","import React, { Component } from 'react'\r\nimport { Redirect } from 'react-router-dom';\r\nimport CenterContent from '../../template/CenterContent/CenterContent'; \r\nimport LoginForm from '../../organism/LoginForm/LoginForm'; \r\nimport Card from '../../atom/Card/Card';\r\nimport MarginGuide from '../../atom/MarginGuide/MarginGuide';\r\nimport ResetPasswordPage from '../../pages/ResetPasswordPage/ResetPasswordPage'; \r\nimport DisclaimerPage from '../../pages/DisclaimerPage/DisclaimerPage';\r\nimport CreateAccountPage from '../../pages/CreateAccountPage/CreateAccountPage';\r\nimport {AuthService} from '../../../services/auth-service';\r\n\r\nimport './css/LoginPage.css';\r\n\r\nimport MSALogo from '../../../images/logo/MSANational.png';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass LoginPage extends Component {\r\n constructor(props){\r\n super(props);\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();\r\n this.state={ \r\n userName : '', \r\n userPassword: '',\r\n userType: null,\r\n shouldRedirect: false,\r\n unknownForgotPassword: false,\r\n createAccount: false,\r\n createAccountSuccess: false,\r\n respMessage: '',\r\n mustAuthenticate: false,\r\n errorMessage: AuthService.getNetworkError(),\r\n proceedPasswordReset: false,\r\n matter: this.props.match.params.myKey != null?this.props.match.params.myKey.substring(1,8): null,\r\n matterrestrictions: matterrestrictions,\r\n UserHasNewLoansRestriction: null,\r\n UserHasDischargesRestriction: null,\r\n UserHasConsentsRestriction: null,\r\n UserHasMatterRestriction: false\r\n }\r\n this.handleCreateAccount = this.handleCreateAccount.bind(this);\r\n this.handleUnknownForgotPassword = this.handleUnknownForgotPassword.bind(this);\r\n this.handleLoginFormCallback = this.handleLoginFormCallback.bind(this);\r\n }\r\n\r\n componentDidMount(){ \r\n document.title = \"Loantrak - Login\";\r\n //clear local storage everytime user wil visit the login page\r\n AuthService.clearStorage();\r\n //clear cache if a version is detected\r\n AuthService.isNewVersionDetected();\r\n\r\n AuthService.getVersion().then(resp => {\r\n this.setState({\r\n versionNo: resp.data.VersionNo\r\n }, (err) => { \r\n //this.red()\r\n this.setState({\r\n errorMessage: err\r\n //errorMessage: 'There is an error with the request'//err\r\n },()=>{\r\n //this.red()\r\n });\r\n });\r\n },(err)=>{\r\n this.setState({\r\n errorMessage: err\r\n //errorMessage: 'There is an error with the request'//err\r\n })\r\n //this.red()\r\n });\r\n\r\n\r\n // let userHasNewLoansRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n // let userHasDischargesRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n // let userHasConsentsRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasNewLoansRestiction) : false;\r\n // this.setState({\t\r\n // userHasNewLoansRestriction: userHasNewLoansRestriction,\r\n // userHasDischargesRestriction: userHasDischargesRestriction,\r\n // userHasConsentsRestriction: userHasConsentsRestriction,\r\n // }\r\n // var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // // let userHasNewLoansRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.userHasNewLoansRestriction) : null;\r\n // // let userHasDischargesRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasDischargesRestriction) : null;\r\n // // let userHasConsentsRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasConsentsRestriction) : null;\r\n \r\n // let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n // let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n // let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n \r\n \r\n // this.setState({\t\r\n // UserHasNewLoansRestriction: userHasNewLoansRestriction,//[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n // UserHasDischargesRestriction: userHasDischargesRestriction,//[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n // UserHasConsentsRestriction: userHasConsentsRestriction,//[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n // },()=>{\r\n // console.log(\"userHasNewLoansRestrictiontest\"+this.state.UserHasNewLoansRestriction);\r\n // console.log(\"userHasDischargesRestrictiontest\"+this.state.UserHasDischargesRestriction);\r\n // console.log(\"userHasConsentsRestrictiontest\"+this.state.UserHasConsentsRestriction);\r\n // });\r\n\r\n \r\n \r\n }\r\n\r\n // red(){\r\n // //alert('ddsfdsf')\r\n // // this.props.history.push({pathname:\"/maintenance\",\r\n // // state: {\r\n // // // searchArg : null, \r\n // // //searchArg: this.props.searchArg\r\n // // }\r\n // // });\r\n // return( )\r\n // }\r\n\r\n handleCreateAccount(){\r\n this.setState({\r\n createAccount: true,\r\n unknownForgotPassword: false,\r\n forgotPassword:false,\r\n });\r\n }\r\n\r\n handleUnknownForgotPassword( event ) {\r\n event.preventDefault();\r\n //Go to forgotten password screen if\r\n //this.CleanErrorAndSuccess(); \r\n this.setState({\r\n unknownForgotPassword:true,\r\n forgotPassword: true,\r\n });\r\n }\r\n\r\n handleCallback = (childData) => {\r\n //alert(childData+\"dfsdf\")\r\n this.setState(\r\n {\r\n forgotPassword: childData[0],\r\n proceedPasswordReset: !childData[0],\r\n userName: '',\r\n }, ()=>{\r\n //alert(this.state.data);\r\n //alert(this.state.proceedPasswordReset)\r\n }\r\n ); \r\n }\r\n\r\n handleLoginFormCallback = (childData) => {\r\n //alert(this.state.matter)\r\n //console.log(childData)\r\n //alert(childData)\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // let userHasNewLoansRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.userHasNewLoansRestriction) : null;\r\n // let userHasDischargesRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasDischargesRestriction) : null;\r\n // let userHasConsentsRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasConsentsRestriction) : null;\r\n \r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n this.setState(\r\n {\r\n userName: childData[0],\r\n userPassword: childData[1],\r\n userType: childData[2],\r\n shouldRedirect: childData[3],\r\n forgotPassword: childData[4],\r\n unknownForgotPassword: childData[5], \r\n mustAuthenticate: childData[6],\r\n proceedPasswordReset: false,\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n UserHasMatterRestriction: ((userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false) ||\r\n (userHasDischargesRestriction[0] != null && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false) ||\r\n (userHasConsentsRestriction[0] != null && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false)\r\n )? true: false\r\n // UserHasNewLoansRestriction: userHasNewLoansRestriction,//[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n // UserHasDischargesRestriction: userHasDischargesRestriction,//[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n // UserHasConsentsRestriction: userHasConsentsRestriction,//[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n }, ()=>{\r\n \r\n \r\n \r\n // this.setState({\t\r\n // UserHasNewLoansRestriction: userHasNewLoansRestriction,//[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n // UserHasDischargesRestriction: userHasDischargesRestriction,//[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n // UserHasConsentsRestriction: userHasConsentsRestriction,//[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n // },()=>{\r\n console.log(\"userHasNewLoansRestrictiontest\"+this.state.UserHasNewLoansRestriction);\r\n console.log(\"userHasDischargesRestrictiontest\"+this.state.UserHasDischargesRestriction);\r\n console.log(\"userHasConsentsRestrictiontest\"+this.state.UserHasConsentsRestriction);\r\n // });\r\n //alert(childData); \r\n //alert(this.state.userName + \"\" + this.state.userPassword + \" userType \" + this.state.userType + \" shouldRedirect \" + this.state.shouldRedirect + \" forgotPassword \" +\r\n //this.state.forgotPassword + \" unknownForgotPassword\" + this.state.unknownForgotPassword );\r\n }\r\n );\r\n\r\n \r\n \r\n }\r\n disclaimerCallback= (ack) => {\r\n this.setState({\r\n shouldRedirect: ack\r\n });\r\n }\r\n\r\n handleCreateAccountCallback= (child) => {\r\n this.setState({\r\n createAccountSuccess: child[0],\r\n respMessage: child[1],\r\n createAccount: child[0]?false:true,\r\n },()=>{\r\n // alert(\"from login \" + this.state.createAccountSuccess);\r\n });\r\n }\r\n\r\n \r\n\r\n render() {\r\n if(this.state.errorMessage){\r\n return( \r\n );\r\n }\r\n if(this.state.createAccount)\r\n {\r\n return(\r\n );\r\n }\r\n \r\n // if(this.state.mustAuthenticate){\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\nexport default LoginPage;","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport { AuthService } from '../../../services/auth-service';\r\n// import ProgressDisplay from '../../controls/progress-display'\r\n// import { AuthService } from '../../services/auth-service';\r\n\r\nclass MyLoanRedirect extends Component {\r\n\r\n constructor(props){ \r\n super(props);\r\n this.state=({\r\n matter: this.props.match.params.myKey.substring(1,8) \r\n })\r\n }\r\n\r\n componentDidMount(){ \r\n //alert(this.state.matter)\r\n }\r\n\r\n render(){\r\n if(localStorage.getItem(\"token\") == null)\r\n {\r\n return (
\r\n )\r\n }\r\n}\r\n\r\nexport default LabelBtn\r\n","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport Moment from \"moment\";\r\nimport SAlert from \"sweetalert2\";\r\n \r\nimport Button from '../../atom/Button/Button'; \r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon'; \r\nimport Card from '../../atom/Card/Card'; \r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\nimport LabelCount from '../../atom/LabelCount/LabelCount'; \r\n\r\nimport BackBar from '../../molecules/BackBar/BackBar'; \r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\n\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\nimport './css/MatterDetailsPage.css';\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LabelBtn from '../../atom/LabelBtn/LabelBtn';\r\nimport LabelForm from '../../atom/LabelForm/LabelForm';\r\nimport { MatterDocumentService } from '../../../services/matter-document-service';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport {\r\n isBrowser,\r\n isMobile\r\n} from \"react-device-detect\";\r\n\r\nimport { saveAs } from 'file-saver';\r\nimport ButtonGroup from '../../molecule/ButtonGroup/ButtonGroup';\r\nimport DisplayMessage from '../../atom/DisplayMessage/DisplayMessage';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport FormCheckBox from '../../atom/FormCheckBox/FormCheckBox';\r\nimport DropDownList from '../../atom/DropDownList/DropDownList';\r\nimport { CustodyService } from '../../../services/custody-service';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass MatterDetailsPage extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n\r\n this.state = {\r\n pageTitle : 'custodycentre',\r\n leftContent : 'custodycentre',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n //matterdocs:this.props.matterDocuments,\r\n profileDisplay: \"\",\r\n viewDocError: false,\r\n isUrgentRequest: false,\r\n hasError: false,\r\n InsightBox:0, \r\n //selectedDeliveryLocation: this.props.deliveryLocations.length != 0 ? this.props.deliveryLocations[0].id : \"\"\r\n }\r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.rowClicked = this.rowClicked.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n // this.updateSelectedDeliveryLocation = this.updateSelectedDeliveryLocation.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n // console.log(\"matterdocs\")\r\n // console.log(this.state.matterdocs)\r\n //console.log(\"requested?\");\r\n //console.log(this.props.custodyDocumentRequested);\r\n // console.log(\"deliveryLocations\");\r\n // console.log(this.props.deliveryLocations);\r\n // console.log(\"selectedDeliveryLocation\");\r\n // console.log(this.state.selectedDeliveryLocation);\r\n // console.log(\"irene\");\r\n // console.log(this.props.matterIsDigital);\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"custody centre details\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n })\r\n }\r\n } \r\n\r\n updateWindowDimension = () => {\r\n \r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n }\r\n\r\n rowClicked(id, name) {\r\n this.setState({\r\n loading: true,\r\n });\r\n \r\n const self = this;\r\n MatterDocumentService.getCustodyDocumentAsPdf(id).then(\r\n resp => {\r\n //const file = new Blob([resp.data], {type: resp.request.response.type});\r\n const file = new Blob([resp.data], { type: \"application/pdf\" });\r\n const url = URL.createObjectURL(resp.data);\r\n var isIE = document.documentMode;\r\n\r\n if (!isMobile && !isIE) {\r\n window.open(url);\r\n //this.openDoc(url);\r\n // window.open('/view-document:'+url)\r\n\r\n //this.props.setDocFrame(url);\r\n // this.props.updateDocOnly();\r\n } else {\r\n //this.props.setDocFrame(url);\r\n //this.props.updateDocOnly();\r\n saveAs(file, name + \".pdf\");\r\n }\r\n\r\n //window.open(url);\r\n },\r\n err => {\r\n console.log(\"thisistheerror\")\r\n console.log(err)\r\n // console.log(err.response)\r\n // console.log(err.response.status)\r\n if ((err.response && err.response.status === 401) || err==undefined || err ==\"undefined\" || err.includes(\"Network Error\") || err.includes(\"401\")) {\r\n self.setState({\r\n shouldRedirect: true,\r\n hasError: true\r\n },()=>{console.log(this.state.hasError)});\r\n } else {\r\n self.setState({\r\n shouldRedirect: false,\r\n viewDocError: true\r\n },()=>{console.log(this.state.hasError)});\r\n\r\n // new SAlert({\r\n // title: \"View Document\",\r\n // text: \"Unable to retrieve document.\",\r\n // type: \"warning\"\r\n // });\r\n }\r\n console.log(this.state.hasError)\r\n }\r\n );\r\n this.setState({\r\n loading: false\r\n });\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n closeDialog(){\r\n this.setState({\r\n viewDocError: false\r\n })\r\n }\r\n\r\n setUrgentRequest(e)\r\n {\r\n this.setState({isUrgentRequest: !this.state.isUrgentRequest},()=>\r\n {\r\n //alert(this.state.isUrgentRequest)\r\n })\r\n }\r\n\r\n // updateSelectedDeliveryLocation(arg) {\r\n // //arg.preventDefault();\r\n // const target = arg.target;\r\n // this.setState(\r\n // {\r\n // selectedDeliveryLocation: target.value\r\n // },\r\n // () => {\r\n // alert(this.state.selectedDeliveryLocation);\r\n // }\r\n // );\r\n // }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n\r\n render() {\r\n let matterDocumentsGrid='';\r\n let matterRequestDocumentsGrid = '';\r\n let requestButton = '';\r\n let requestPackButton = '';\r\n // if(this.props.loading)\r\n // {\r\n // return( this.hideInsightBox()} >\r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n {this.state.isLoading?Loan Insights \r\n\r\n {/*
\r\n\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default InsightBox\r\n","import React, { Component } from 'react' \r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card'; \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport FormCheckBox from '../../atom/FormCheckBox/FormCheckBox';\r\nimport FormTextArea from '../../atom/FormTextArea/FormTextArea';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport Line from '../../atom/Line/Line';\r\nimport MessageBox from '../../atom/MessageBox/MessageBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport BackBar from '../../molecules/BackBar/BackBar'; \r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport FileUploadBox from '../../molecules/FileUploadBox/FileUploadBox';import TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox'; \r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\n\r\nimport Accordion from '../../organism/Accordion/Accordion'; \r\nimport DataTableDocuments from '../../organism/DataTableDocuments/DataTableDocuments';\r\nimport CommunicationContent from '../../organism/CommunicationContent/CommunicationContent';\r\nimport CommunicationForm from '../../organism/CommunicationForm/CommunicationForm';\r\nimport LoanDetails from '../../organism/LoanDetails/LoanDetails';\r\nimport ProgressStep from '../../organism/ProgressStep/ProgressStep';\r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\nimport './css/UserDetailPage.css'; \r\nimport ButtonGroupCapsule from '../../molecules/ButtonGroupCapsule/ButtonGroupCapsule';\r\nimport CheckBox from '../../atom/CheckBox/CheckBox';\r\nimport { UserLender } from '../../../services/user-lender';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport { Redirect } from 'react-router-dom';\r\nimport ValidationText from '../../atom/ValidationText/ValidationText';\r\nimport DropDownList from '../../atom/DropDownList/DropDownList';\r\nimport { assertNullLiteralTypeAnnotation } from '@babel/types';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\n\r\nclass UserDetailPage extends Component { \r\n constructor(props){\r\n super(props);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n \r\n this.state = {\r\n userid: this.props.match.params.myKey == null?'' : this.props.match.params.myKey.slice(1),\r\n //userid: this.props.userid == null?'' : this.props.userid,\r\n pageTitle : 'admincontrol',//'userdetail',\r\n leftContent :'admincontrol', //'userdetail',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n userStatus: 'active',\r\n backtoUserAdmin: false,\r\n\r\n active: true,\r\n inactive: null,\r\n selectedoption: \"active\",\r\n emailasusername: false,\r\n username: '',\r\n email: '',\r\n enabled: true,\r\n disabled: false,\r\n lastname: '',\r\n firstname: '',\r\n stateid: '',\r\n shouldRedirect: false,\r\n errorMessage: '',\r\n states: [],\r\n ustate: '',\r\n hasstaterestriction: false,\r\n matterTypes: [],\r\n matterStatuses: [],\r\n matterStates: [], \r\n items:[],\r\n irene: [],\r\n reststates: [],\r\n selecttedstates: [],\r\n selectedmattertypes: [],\r\n selectedprivileges: [], \r\n checked : [],\r\n staterestrictions: [],\r\n checkedAll: false,\r\n hasmattertyperestriction : false,\r\n mattertyperestrictions : [],\r\n checkedAllType: false,\r\n userprivileges: [],\r\n seluserprivileges : [],\r\n \r\n usernameError: \"\",\r\n lastnameError: \"\",\r\n stateidError: \"\",\r\n newLenderUserId: \"\",\r\n stateView: [], \r\n className: 'formTextBox',\r\n validFirstname: false,\r\n validLastname: false,\r\n validEmail: false,\r\n validPhone: false,\r\n validMobile: false,\r\n validFax: false,\r\n firstnameValidationError: null,\r\n lastnameValidationError: null,\r\n emailValidationError: null,\r\n phoneValidationError: null,\r\n mobileValidationError: null,\r\n faxValidationError: null,\r\n errorCounter: 0,\r\n //firstnameValidationError: null,\r\n profileDisplay: \"\",\r\n userCreated: false,\r\n InsightBox:0, \r\n }\r\n\r\n\r\n this.onValueChange = this.onValueChange.bind(this);\r\n // this.cancelChange = this.cancelChange.bind(this);\r\n this.EmailAsUsernameChanged = this.EmailAsUsernameChanged.bind(this);\r\n this.usernameChanged = this.usernameChanged.bind(this);\r\n this.emailChanged = this.emailChanged.bind(this);\r\n // this.enabledChanged = this.enabledChanged.bind(this);\r\n this.firstnameChanged = this.firstnameChanged.bind(this);\r\n // this.isFirstnameValid = this.isFirstnameValid.bind(this);\r\n this.lastnameChanged = this.lastnameChanged.bind(this);\r\n //this.isLastnameValid = this.isLastnameValid.bind(this);\r\n \r\n // this.notesChanged = this.notesChanged.bind(this);\r\n this.phoneChanged = this.phoneChanged.bind(this);\r\n //this.isPhoneValid = this.isPhoneValid.bind(this);\r\n this.mobileChanged = this.mobileChanged.bind(this);\r\n //this.isMobileValid = this.isMobileValid.bind(this);\r\n this.faxChanged = this.faxChanged.bind(this);\r\n // this.isFaxValid = this.isFaxValid.bind(this);\r\n this.stateChanged = this.stateChanged.bind(this);\r\n this.stateRestrictionChanged = this.stateRestrictionChanged.bind(this);\r\n this.SaveUserHandler = this.SaveUserHandler.bind(this); \r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.handleStatusCallback = this.handleStatusCallback.bind(this); \r\n this.backToUserAdmin = this.backToUserAdmin.bind(this); \r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n\r\n backToUserAdmin(child){\r\n //alert('child');\r\n this.setState({\r\n backtoUserAdmin: true\r\n });\r\n }\r\n\r\n componentDidMount() { \r\n if(this.state.userid > 0)\r\n {\r\n //load values from database\r\n this.getLenderUserDetails() \r\n //this.loadUserLookupLists() \r\n }\r\n else this.loadLookupLists();\r\n window.addEventListener(\"resize\", this.updateWindowDimension) \r\n }\r\n\r\n getLenderUserDetails()\r\n {\r\n UserLender.getLenderUserDetails( \r\n this.state.userid\r\n ).then(\r\n resp => {\r\n const userDetails = resp.data.Content; \r\n this.setState({\r\n userDetails: userDetails,\r\n username: userDetails.Username,\r\n email: userDetails.Email,\r\n emailasusername: userDetails.Username === userDetails.Email ? true : false,\r\n stateid : userDetails.StateId,\r\n ustate: userDetails.StateId,\r\n statevalue: userDetails.StateName,\r\n lastname: userDetails.Lastname,\r\n firstname: userDetails.Firstname,\r\n //usertypeid: userDetails.usertypeid,\r\n //lenderid: userDetails.lenderid,\r\n //mortmgrid: userDetails.mortmgrid,\r\n //brokerid: userDetails.brokerid,\r\n //relmgrid: userDetails.relmgrid,\r\n notes: userDetails.Notes,\r\n phone: userDetails.Phone,\r\n mobile : userDetails.Mobile,\r\n fax : userDetails.Fax,\r\n enabled: userDetails.Enabled,\r\n hasstaterestriction: userDetails.HasStateRestrictions,\r\n reststates: userDetails.UserStateRestriction, \r\n hasmattertyperestriction : userDetails.HasMatterTypeRestrictions,\r\n matterTypes : userDetails.UserMatterTypeRestriction,\r\n userprivileges : userDetails.UserExternalPrivileges, \r\n userStatus: userDetails.Enabled == 1?'active':'inactive', \r\n //stateView: [{id: 8, value: 'ACT'},{id: 3, value: 'VIC'},]\r\n },()=>{\r\n this.initialStateChecked();\r\n this.initialMatterChecked();\r\n this.initialPrivilegesChecked(); \r\n this.loadStateList();\r\n });\r\n },\r\n err => {\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n \r\n shouldRedirect: true\r\n // hasSearched: true,\r\n // isLoading: false,\r\n // errorExists: true,\r\n // errorMessage: err,\r\n });\r\n }\r\n ); \r\n\r\n }\r\n\r\n initialStateChecked() {\r\n let states = this.state.reststates\r\n const { staterestrictions } = this.state;\r\n let newArr = [];\r\n states.forEach(stat => {\r\n if(stat.isChecked){ \r\n newArr.push(stat.id); \r\n }\r\n }\r\n ) \r\n this.setState(\r\n {staterestrictions: newArr,\r\n //checkedAll: !this.state.checkedAll\r\n checkedAll: states.length == newArr.length?true:false,\r\n }\r\n , ()=>{\r\n //console.log('initial state', newArr)\r\n }\r\n ) \r\n }\r\n\r\n\r\n initialMatterChecked() {\r\n \r\n let types = this.state.matterTypes\r\n const { checked } = this.state;\r\n let newArr = [];\r\n types.forEach(type => {\r\n //fruite.isChecked = checked\r\n \r\n if(type.isChecked == true){ \r\n newArr.push(type.id); \r\n }\r\n }\r\n ) \r\n \r\n this.setState(\r\n {mattertyperestrictions: newArr,\r\n //checkedAll: true\r\n checkedAllType: types.length == newArr.length?true:false,\r\n }\r\n , ()=>{\r\n //console.log('inital matter', newArr)\r\n }\r\n ) \r\n }\r\n\r\n initialPrivilegesChecked() {\r\n \r\n let privs = this.state.userprivileges\r\n let newArr = [];\r\n privs.forEach(priv => {\r\n //fruite.isChecked = checked \r\n if(priv.isChecked == true){ \r\n var index = priv.id; \r\n newArr.push(priv.id); \r\n this.setState({seluserprivileges: newArr,\r\n //checkedAll: false\r\n }\r\n , ()=>{\r\n //console.log('updated priv', newArr, 'index', index)\r\n }) \r\n }\r\n }\r\n ) \r\n this.setState(\r\n {seluserprivileges: newArr,\r\n //checkedAll: true\r\n }\r\n , ()=>{\r\n //console.log('inital privileges', newArr)\r\n }\r\n ) \r\n }\r\n\r\n loadLookupLists() {\r\n let self = this;\r\n \r\n //----let p1 = MatterService.getMatterTypeGroupList();\r\n let p1 = UserLender.getMatterTypeList();\r\n let p2 = MatterService.getMatterStatusList();\r\n let p3 = MatterService.getStateList();\r\n let p4 = UserLender.getExternalPrivListForUser();\r\n let p5 = MatterService.getStateViewList();\r\n\r\n //----let p3 = UserLender.getStateListForUser();\r\n /* ---let p5 = MatterService.getLenderList();\r\n let---- p6 = MatterService.getMortMgrList();\r\n let ----p7 = MatterService.GetBrokerList(); */\r\n \r\n // Promise.all([p1, p2, p3, p4]).then(values => {\r\n Promise.all([p1,p2,p3,p4,p5]).then(values => {\r\n let matterTypes = values[0].data;\r\n // matterTypes.splice(0, 0); \r\n \r\n let statuses = values[1].data;\r\n statuses.splice(0, 0); \r\n //statuses.splice(0, 0, AllOption);\r\n \r\n let resstates = values[2].data; \r\n resstates.splice(0, 0); \r\n\r\n let userprivileges = values[3].data;\r\n\r\n let stateView = values[4].data;\r\n \r\n /* let lenders = values[4].data;\r\n \r\n let mortManagers = values[5].data;\r\n \r\n let brokers = values[6].data;\r\n brokers.splice(0,0,AllOption); */\r\n this.setState({\r\n //set values\r\n matterTypes: matterTypes,\r\n //matterType: matterType,\r\n matterStatuses: statuses,\r\n // matterStatus: matterStatus,\r\n states: resstates,//states,\r\n reststates: values[2].data,//resstates \r\n //hasstaterestriction: true, \r\n userprivileges: userprivileges ,\r\n //matterState: matterState,\r\n stateView: stateView,\r\n stateid: 8\r\n \r\n /* lenders: lenders,\r\n lender: lenders[0],\r\n mortManagers: mortManagers,\r\n mortManager: mortManagers[0],\r\n brokers:brokers,\r\n broker:brokers[0], */\r\n },()=>{\r\n// if(this.state.userid > 0){\r\n// alert(this.state.userid)\r\n// }\r\n// else {\r\n// alert(\"no\")\r\n this.initialPrivilegesChecked();\r\n //}\r\n //console.log(this.state.stateView)\r\n //console.log(this.state.reststates)\r\n //console.log(\"states\"+this.state.reststates+\"userstates:\" + this.state.states);\r\n // this.initialAllStateChecked();\r\n // this.initialAllTypeChecked();\r\n });\r\n \r\n }); \r\n } \r\n\r\n loadStateList() {\r\n let p = MatterService.getStateViewList();\r\n\r\n Promise.all([p]).then(values => {\r\n \r\n let stateView = values[0].data;\r\n \r\n this.setState({\r\n stateView: stateView \r\n }); \r\n }); \r\n } \r\n\r\n\r\n initialAllTypeChecked() {\r\n \r\n let types = this.state.matterTypes\r\n const { checked } = this.state;\r\n let newArr = [];\r\n types.forEach(type => {\r\n type.isChecked = checked\r\n \r\n if(type.isChecked){ \r\n newArr.push(type.id); \r\n }\r\n }\r\n ) \r\n if(this.state.hasmattertyperestriction == true)\r\n {\r\n //alert('hello')\r\n }\r\n else{\r\n //alert('hi');\r\n newArr=[]\r\n }\r\n this.setState(\r\n {mattertyperestrictions: newArr,\r\n checkedAllType: true}\r\n , ()=>{\r\n //console.log('updated mattertypes', newArr)\r\n }\r\n ) \r\n }\r\n\r\n \r\n \r\n\r\n onValueChange(e){ \r\n //alert(\"hello\");\r\n this.setState({\r\n selectedoption:e.target.value\r\n },()=>{\r\n\r\n //alert(\"selected\" + this.state.selectedoption )\r\n if( this.state.selectedoption ==\"yes\"){\r\n this.setState({\r\n enabled: true,\r\n disabled: false\r\n })\r\n }\r\n else{\r\n this.setState({\r\n enabled: false,\r\n disabled: true\r\n })\r\n }\r\n });\r\n }\r\n\r\n stateRestrictionChanged = (event) =>{\r\n this.setState({\r\n hasstaterestriction: !this.state.hasstaterestriction\r\n }\r\n ,()=>{this.initialAllStateChecked()}\r\n ); \r\n \r\n console.log(this.state.hasstaterestriction)\r\n\r\n }\r\n\r\n handleAllStateChecked= (event) => {\r\n let states = this.state.reststates\r\n const { checked } = this.state;\r\n let newArr = [];\r\n states.forEach(stat => {\r\n stat.isChecked = event.target.checked\r\n \r\n if(stat.isChecked){ \r\n newArr.push(stat.id); \r\n }\r\n }\r\n ) \r\n this.setState(\r\n {staterestrictions: newArr,\r\n checkedAll: !this.state.checkedAll,\r\n hasstaterestriction: newArr.length > 0 ? true:false,\r\n }\r\n , ()=>{\r\n //console.log('updated state', newArr)\r\n }\r\n ) \r\n }\r\n\r\n handleCheckChildElement = (event) => {\r\n let states = this.state.reststates\r\n const { staterestrictions } = this.state;\r\n let newArr = [];\r\n var index = event.target.getAttribute('id')\r\n states.forEach(stat => {\r\n if (stat.value === event.target.value){ \r\n stat.isChecked = event.target.checked\r\n if(stat.isChecked){\r\n newArr = [...staterestrictions, stat.id];\r\n } \r\n else {\r\n newArr = staterestrictions.filter(item => item != stat.id);\r\n }\r\n } \r\n }) \r\n this.setState(\r\n {staterestrictions: newArr,\r\n //checkedAll: false\r\n checkedAll: states.length == newArr.length?true:false,\r\n hasstaterestriction: newArr.length > 0 ? true:false,\r\n }\r\n , ()=>{\r\n //console.log('updated state', newArr, 'index', index)\r\n }\r\n )\r\n } \r\n \r\n handleAllTypesChecked= (event) => {\r\n let types = this.state.matterTypes\r\n const { checked } = this.state;\r\n let newArr = [];\r\n types.forEach(type => {\r\n type.isChecked = event.target.checked\r\n \r\n if(type.isChecked){ \r\n newArr.push(type.id); \r\n }\r\n }\r\n ) \r\n this.setState(\r\n {mattertyperestrictions : newArr,\r\n checkedAllType: !this.state.checkedAllType,\r\n hasmattertyperestriction: newArr.length > 0 ? true:false,\r\n }\r\n , ()=>{\r\n //console.log('updated types', newArr)\r\n }\r\n ) \r\n }\r\n\r\n handleCheckTypeChildElement = (event) => {\r\n let types = this.state.matterTypes\r\n const { mattertyperestrictions } = this.state;\r\n let newArr = [];\r\n var index = event.target.getAttribute('id')\r\n types.forEach(type => {\r\n if (type.value === event.target.value){ \r\n type.isChecked = event.target.checked\r\n if(type.isChecked){\r\n newArr = [...mattertyperestrictions , type.id];\r\n } \r\n else {\r\n newArr = mattertyperestrictions .filter(item => item != type.id);\r\n }\r\n } \r\n }) \r\n this.setState(\r\n {mattertyperestrictions : newArr,\r\n //checkedAllType: false\r\n checkedAllType: types.length == newArr.length?true:false,\r\n hasmattertyperestriction: newArr.length > 0 ? true:false,\r\n }\r\n , ()=>{\r\n //alert(this.state.checkedAllType);\r\n //console.log('updated types', newArr, 'index', index)\r\n }\r\n )\r\n } \r\n\r\n handleCheckPrivElement= (event) => {\r\n let privs = this.state.userprivileges\r\n const { seluserprivileges } = this.state;\r\n let newArr = [];\r\n var index = event.target.getAttribute('id')\r\n privs.forEach(priv => {\r\n if (priv.value === event.target.value){ \r\n priv.isChecked = event.target.checked\r\n if(priv.isChecked){\r\n newArr = [...seluserprivileges, priv.id];\r\n } \r\n else {\r\n newArr = seluserprivileges.filter(item => item != priv.id);\r\n }\r\n } \r\n }) \r\n this.setState(\r\n {seluserprivileges: newArr,\r\n //checkedAll: false\r\n }\r\n , ()=>{\r\n //console.log('updated priv', newArr, 'index', index)\r\n }\r\n )\r\n } \r\n \r\n stateChanged(event) {\r\n let stateidError = \"\";\r\n this.setState({\r\n ustate: event.target.value,\r\n stateid: event.target.value,//event.target.value.id\r\n },()=>{\r\n //alert(this.state.ustate + \" \" + this.state.stateid)\r\n });\r\n if(event.target.value.id == 0){\r\n stateidError = \"Please select State\";\r\n this.setState(\r\n {stateidError: stateidError}\r\n );\r\n }\r\n else{\r\n stateidError = \"\";\r\n this.setState(\r\n {stateidError: stateidError}\r\n );\r\n }\r\n\r\n if(stateidError){\r\n this.setState({stateidError},()=>{\r\n //console.log(stateidError)\r\n });\r\n return false;\r\n }\r\n \r\n\r\n // return true;\r\n //alert(event.value)\r\n }\r\n\r\n firstnameChanged(event) {\r\n let errorCounter = this.state;\r\n this.setState({\r\n firstname: event.target.value,\r\n firstnameValidationError: ''\r\n },()=>{\r\n // //alert(this.state.firstname.length);\r\n // //this.isFirstnameValid(this.state.firstname);\r\n // this.setState({\r\n // validFirstname: this.state.firstname.length>0?true:false,\r\n // },()=>{\r\n // if(!this.state.validFirstname){\r\n // this.setState({\r\n // firstnameValidationError: 'Please enter given name',\r\n // errorCounter: errorCounter + 1\r\n // });\r\n // }\r\n // else{\r\n // this.setState({\r\n // firstnameValidationError: '',\r\n // errorCounter: 0\r\n // });\r\n // }\r\n // }); \r\n\r\n this.validateFirstname(this.state.firstname);\r\n \r\n });\r\n }\r\n\r\n lastnameChanged(event) {\r\n let errorCounter = this.state;\r\n this.setState({\r\n lastname: event.target.value,\r\n lastnameValidationError: ''\r\n },()=>{\r\n // //this.isLastnameValid(this.state.lastname);\r\n // this.setState({\r\n // validLastname: this.state.lastname.length>0?true:false\r\n // },()=>{\r\n // if(!this.state.validLastname){\r\n // this.setState({\r\n // lastnameValidationError: 'Please enter surname',\r\n // errorCounter: errorCounter + 1\r\n // });\r\n // }\r\n // else{\r\n // this.setState({\r\n // errorCounter: 0\r\n // });\r\n // }\r\n // });\r\n this.validateLastname(this.state.lastname);\r\n });\r\n }\r\n\r\n // isFirstnameValid(event){\r\n // this.setState({\r\n // validFirstname: event.length>0?true:false\r\n // }); \r\n\r\n // }\r\n\r\n // isLastnameValid(event){\r\n // this.setState({\r\n // validLastname: event.length>0?true:false\r\n // }); \r\n\r\n // }\r\n\r\n isValidEmail(email) {\r\n const re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n }\r\n\r\n isValidNumber(number){\r\n ///^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im\r\n const re =/^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/;\r\n return re.test(String(number).toLowerCase());\r\n }\r\n\r\n emailChanged(event) {\r\n let emailValidationError = \"\";\r\n this.setState({\r\n email: event.target.value\r\n },()=>{\r\n if(this.state.emailasusername){\r\n this.setState({\r\n username: this.state.email\r\n })\r\n }\r\n });\r\n if(event.target.value.trim() == \"\"){\r\n emailValidationError = \"Please fill out email field\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else if(!this.isValidEmail(event.target.value)){\r\n emailValidationError = \"Invalid email\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else{\r\n emailValidationError = \"\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: true\r\n }\r\n );\r\n }\r\n\r\n if(emailValidationError){\r\n this.setState({emailValidationError},()=>{\r\n //console.log(emailValidationError)\r\n });\r\n return false;\r\n }\r\n \r\n\r\n return true;\r\n //alert(event.value)\r\n \r\n }\r\n\r\n EmailAsUsernameChanged(event){\r\n const email = this.state\r\n //alert(\"dsfgdfg\");\r\n this.setState(initialState=>\r\n ({\r\n emailasusername: !initialState.emailasusername\r\n }),()=>{\r\n //alert(this.state.emailasusername)\r\n if(this.state.emailasusername){\r\n this.setState({\r\n username: this.state.email\r\n })\r\n }\r\n else {\r\n this.setState({\r\n username: ''\r\n })\r\n }\r\n });\r\n //alert(this.state.emailasusername)\r\n //console.log(this.state.emailasusername) \r\n }\r\n\r\n usernameChanged(event) {\r\n let usernameError = \"\";\r\n if(this.state.emailasusername){\r\n this.setState({\r\n username: this.state.email\r\n });\r\n }\r\n else{\r\n this.setState({\r\n username: event.target.value\r\n });\r\n }\r\n \r\n // if(event.target.value.trim() == \"\"){\r\n // usernameError = \"Please fill out username field\";\r\n // this.setState(\r\n // {usernameError: usernameError}\r\n // );\r\n // }\r\n // else{\r\n // usernameError = \"\";\r\n // this.setState(\r\n // {usernameError: usernameError}\r\n // );\r\n // }\r\n\r\n // if(usernameError){\r\n // this.setState({usernameError},()=>{console.log(usernameError)});\r\n // return false;\r\n // }\r\n \r\n\r\n // return true;\r\n //alert(event.value)\r\n }\r\n\r\n phoneChanged(event) {\r\n //let phoneValidationError = \"\";\r\n this.setState({\r\n phone: event.target.value\r\n },()=>{\r\n // const {phone} = this.state\r\n // //if(phone.length > 0 && this.isValidNumber(phone)){\r\n // if(phone.length > 0){\r\n // this.setState({\r\n // validPhone: true,//this.state.phone.length>0?true:false \r\n // phoneValidationError: \"\" \r\n // }); \r\n // }\r\n // else{ \r\n // this.setState({\r\n // validPhone: false,\r\n // phoneValidationError: \"Invalid phone number\"\r\n // }); \r\n // }\r\n \r\n });\r\n }\r\n \r\n\r\n mobileChanged(event) {\r\n this.setState({\r\n mobile: event.target.value\r\n },()=>{\r\n const {mobile} = this.state\r\n if(mobile.length > 0 && this.isValidNumber(mobile)){\r\n this.setState({\r\n validMobile: true,\r\n mobileValidationError: \"\"\r\n }); \r\n }\r\n else{ \r\n this.setState({\r\n validMobile: false,\r\n mobileValidationError: \"Invalid mobile number\"\r\n }); \r\n }\r\n \r\n });\r\n }\r\n\r\n faxChanged(event) {\r\n this.setState({\r\n fax: event.target.value\r\n },()=>{\r\n const {fax} = this.state\r\n //if(fax.length > 0 && this.isValidNumber(fax)){\r\n // if(fax.length > 0){\r\n // this.setState({\r\n // validFax: true,\r\n // mobileValidationError: \"\"\r\n // }); \r\n // }\r\n // else{ \r\n // this.setState({\r\n // validFax: false,\r\n // mobileValidationError: \"Invalid mobile number fax\"\r\n // }); \r\n // }\r\n \r\n });\r\n }\r\n\r\n validateFirstname(firstname)\r\n {\r\n let errorCounter = this.state;\r\n if(firstname.length == 0 ){\r\n this.setState({\r\n validFirstname: false,\r\n firstnameValidationError: 'Please enter given name',\r\n errorCounter: errorCounter + 1\r\n }) \r\n \r\n }\r\n else{\r\n this.setState({\r\n validFirstname: true,\r\n firstnameValidationError: '',\r\n errorCounter: errorCounter <= 0 ? 0 : errorCounter - 1\r\n }) \r\n \r\n }\r\n }\r\n\r\n validateLastname(lastname)\r\n {\r\n let errorCounter = this.state;\r\n if(lastname.length == 0 ){\r\n this.setState({\r\n validLastname: false,\r\n lastnameValidationError: 'Please enter given name',\r\n errorCounter: errorCounter + 1\r\n }) \r\n \r\n }\r\n else{\r\n this.setState({\r\n validLastname: true,\r\n lastnameValidationError: '',\r\n errorCounter: errorCounter <= 0 ? 0 : errorCounter - 1\r\n }) \r\n \r\n }\r\n }\r\n\r\n validateInput =() => {\r\n this.validateFirstname(this.state.firstname);\r\n this.validateLastname(this.state.lastname);\r\n\r\n\r\n // if( this.state.firstname.length == 0 ){\r\n // this.setState({\r\n // validFirstname: false,\r\n // firstnameValidationError: 'Please enter given name',\r\n // })\r\n // return;\r\n // }\r\n // if( this.state.lastname.length == 0 ){\r\n // this.setState({\r\n // validLastname: false,\r\n // lastnameValidationError: 'Please enter surname',\r\n // })\r\n // return;\r\n // }\r\n // if(this.state.email.trim() == \"\"){\r\n // emailValidationError = \"Please fill out email field\";\r\n // this.setState(\r\n // {\r\n // emailValidationError: emailValidationError,\r\n // validEmail: false\r\n // }\r\n // );\r\n // }\r\n // else if(!this.isValidEmail(event.target.value)){\r\n // emailValidationError = \"Invalid email\";\r\n // this.setState(\r\n // {\r\n // emailValidationError: emailValidationError,\r\n // validEmail: false\r\n // }\r\n // );\r\n // }\r\n\r\n }\r\n\r\n SaveUserHandler(event){\r\n //alert(\"hello\");\r\n // console.log(\"errorcount\" + this.state.errorCounter);\r\n // event.preventDefault();\r\n //ADD VALIDATION HERE\r\n //this.validateInput();\r\n \r\n //\"Email is required.\"\r\n \r\n //if(this.state.errorCounter > 0) {alert(\"there is an error\"); return;}\r\n const isValid = true;// this.validateInput();\r\n if (isValid){\r\n \r\n let self = this.state;\r\n let jstaterestrictions = JSON.stringify(self.staterestrictions);\r\n let jmattertyperestrictions = JSON.stringify(self.mattertyperestrictions);\r\n let jseluserprivileges = JSON.stringify(self.seluserprivileges);\r\n \r\n let userinfo = {\r\n userid: this.state.userid,\r\n username: self.emailasusername == true ? self.email : self.username,\r\n email: self.email,\r\n lastname: self.lastname,\r\n firstname: self.firstname,\r\n stateid: self.stateid,\r\n usertypeid: self.usertypeid,\r\n lenderid: self.lenderid,\r\n mortmgrid: self.mortmgrid,\r\n brokerid: self.brokerid,\r\n relmgrid: self.relmgrid,\r\n notes: self.notes,\r\n phone: self.phone,\r\n mobile : self.mobile,\r\n fax : self.fax,\r\n emailasusername: self.emailasusername,\r\n //enabled: self.enabled,\r\n enabled: self.userStatus=='active'?true:false,\r\n hasstaterestriction: self.hasstaterestriction,\r\n //staterestrictions: self.staterestrictions,\r\n staterestrictions : jstaterestrictions,\r\n hasmattertyperestriction : self.hasmattertyperestriction,\r\n //mattertyperestrictions : self.mattertyperestrictions,\r\n mattertyperestrictions : jmattertyperestrictions,\r\n userprivileges : jseluserprivileges,//self.seluserprivileges,//self.userprivileges,\r\n //noteTypeId: this.state.isPrivateNote ? 9 : null,\r\n };\r\n \r\n UserLender.CreateUpdateLenderUser(userinfo).then((resp)=>{\r\n //alert(this.state.userid+ \" \" +resp.data.UserTypeId)\r\n //console.log(resp)\r\n if((this.state.userid!= null || this.state.userid.trim() != \"\") && this.state.userid == resp.data.UserTypeId) {\r\n alert(\"User successfully updated!\");\r\n // this.setState({\r\n // userCreated: true,\r\n // userid: resp.data.UserTypeId,\r\n // });\r\n }\r\n else{\r\n alert(\"User successfully added!\"); \r\n //window.open(\"/userdetails:\" + resp.data.UserTypeId);\r\n //window.close();\r\n this.setState({\r\n userCreated: true,\r\n userid: resp.data.UserTypeId,\r\n });\r\n }\r\n //alert(resp.data.UserTypeId); \r\n // window.open(\"/userdetails:\" + resp.data.userid);\r\n // window.close();\r\n },(err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n // UserLender.CreateUpdateLenderUser(userinfo).then()\r\n }\r\n \r\n }\r\n\r\n handleStatusCallback(child){\r\n //alert(child);\r\n this.setState({\r\n userStatus: child\r\n });\r\n // this.props.callBack(child, this.state.desktopMenu);\r\n }\r\n\r\n updateWindowDimension=()=>{\r\n this.setState({ \r\n profileDisplay: \"\"\r\n })\r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n } \r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n\r\n\r\n\r\n render() { \r\n if(this.state.shouldRedirect){\r\n // return( \r\n
*/}\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n {this.state.loanStatistics.SettledMatterCount}
\r\n \r\n
\r\n\r\n Securities
\r\n \r\n
\r\n NSW
\r\n {this.state.loanStatistics.NSWSecurities}
\r\n \r\n
\r\n VIC
\r\n {this.state.loanStatistics.VICSecurities}
\r\n \r\n
\r\n QLD
\r\n {this.state.loanStatistics.QLDSecurities}
\r\n \r\n
\r\n WA
\r\n {this.state.loanStatistics.WASecuritiesCount}
\r\n \r\n
\r\n SA
\r\n {this.state.loanStatistics.SASecuritiesCount}
\r\n \r\n
\r\n TAS
\r\n {this.state.loanStatistics.TASSecurities}
\r\n \r\n
\r\n NT
\r\n {this.state.loanStatistics.NTSecurities}
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n {this.state.loanStatistics.AverageDaysToSettlement}
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n {this.state.loanStatistics.SettledUsingEsignMatterCount}
\r\n \r\n
\r\n\r\n {/* Number of Escalated Files
\r\n {this.state.loanStatistics.EscalatedMatterCount}
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
*/}\r\n \r\n }\r\n\r\n \r\n\r\n \r\n {\r\n this.state.reststates.map((rstates) => {\r\n return (
\r\n ); \r\n \r\n MatterTypeRestictionChekboxes= ( \r\n \r\n {\r\n this.state.matterTypes.map((types) => {\r\n return (
\r\n );\r\n \r\n\r\n return ( \r\n \r\n // \r\n\r\n this.hideInsightBox()}> \r\n {/* back to Admin Control \r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n Loan Insights \r\n\r\n
*/}\r\n\r\n\r\n \r\n \r\n
\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n {!this.state.userid?'':this.state.firstname + \" \" + this.state.lastname} \r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n Personal Details
\r\n\r\n
\r\n \r\n Name\r\n
\r\n \r\n {/* */}\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n {this.state.firstnameValidationError} \r\n {this.state.lastnameValidationError} \r\n
\r\n \r\n
\r\n \r\n Email\r\n
\r\n \r\n {/* */}\r\n {this.state.emailValidationError} \r\n
\r\n \r\n
\r\n \r\n Username\r\n
\r\n \r\n {/* */}\r\n \r\n {/*
\r\n \r\n
\r\n \r\n Contact Information\r\n
\r\n {/* \r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n {/* */}\r\n \r\n {this.state.phoneValidationError} \r\n
\r\n \r\n \r\n {this.state.mobileValidationError} \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.faxValidationError} \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Time Zone\r\n
\r\n \r\n \r\n
\r\n User Controls
\r\n\r\n
\r\n \r\n \r\n Select the states this user can access:\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n
\r\n \r\n {StateRestictionChekboxes}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Choose access areas:\r\n
\r\n \r\n {
\r\n \r\n {MatterTypeRestictionChekboxes}\r\n {/* {\r\n this.state.userprivileges.map((privs) => { \r\n return (
\r\n \r\n \r\n
\r\n \r\n Choose user permissions:\r\n
\r\n \r\n {\r\n this.state.userprivileges.map((privs) => { \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 }\r\n \r\n return ( \r\n \r\n
\r\n \r\n Name
\r\n {d.FullName}\r\n \r\n
\r\n \r\n Email
\r\n {d.Email}\r\n \r\n this.handleClick(d.UserId, e)}>{d.Enabled ? \"Active\" : \"Inactive\"} \r\n
\r\n\r\n Status
\r\n \r\n
\r\n\r\n Last Login
\r\n {d.LastLogin ? Moment(d.LastLogin).format(\"DD-MM-YYYY HH:MM:SS \") : \"\"}\r\n \r\n {this.viewUserDetail(d.UserId, e)}}\r\n /> \r\n
\r\n\r\n Actions
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableUser\r\n","import React, { Component } from 'react'\r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/SearchBox.css';\r\n\r\nclass SearchBox extends Component {\r\n\r\n constructor(props){\r\n super(props) \r\n this.handleKeyDown = this.handleKeyDown.bind(this);\r\n }\r\n\r\n handleKeyDown(event){ \r\n //event.preventDefault();\r\n if(event.key===\"Enter\"){\r\n this.props.onClick();\r\n }\r\n }\r\n\r\n render() {\r\n return ( \r\n \r\n
\r\n {userDataTable} \r\n \r\n \r\n Name
\r\n Email
\r\n Status
\r\n Last Login
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default SearchBox\r\n","import React, { Component } from 'react'\r\n\r\n \r\nimport IconBox from '../../atom/IconBox/IconBox';\r\n\r\nimport './css/SearchTextIcon.css';\r\n\r\nclass SearchTextIcon extends Component {\r\n render() {\r\n return ( \r\n \r\n
\r\n \r\n {/* Search for user */}\r\n {this.props.label}\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n this.handleKeyDown(e)} />\r\n \r\n {this.props.btnType==\"icon\"?\r\n (Search)}\r\n\r\n {this.props.advancedSearch==1 && this.props.windowWidth>736?\r\n (Advanced Search ):\r\n (\"\")}\r\n\r\n {this.props.advancedSearch==1 && this.props.windowWidth<=736?\r\n (
\r\n \r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default SearchTextIcon\r\n","import React, { Component } from 'react'\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card'; \r\nimport HighlightText from '../../atom/HighlightText/HighlightText';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\nimport TextIcon from '../../molecules/TextIcon/TextIcon';\r\n \r\nimport DataTableUser from '../../organism/DataTableUser/DataTableUser';\r\nimport DataTablePaging from '../../organism/DataTablePaging/DataTablePaging';\r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent'; \r\n\r\nimport './css/AdminControlPage.css'; \r\nimport SearchBox from '../../molecules/SearchBox/SearchBox';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { UserLender } from '../../../services/user-lender';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport SearchTextIcon from '../../molecules/SearchTextIcon/SearchTextIcon';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass AdminControlPage extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n\r\n this.state = {\r\n pageTitle : 'admincontrol',\r\n leftContent : 'admincontrol',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n shouldRedirect: false,\r\n lenderUserTotal: [],\r\n lenderUsers: [],\r\n lenderUser: '' , \r\n lenderUsersCount: [], \r\n isUpdated: false ,\r\n ViewUserAction: false,\r\n CreateUserAction: false ,\r\n isDisplayed: true,\r\n data: 'aa',\r\n UserFilter: '',\r\n SearchFilter: '',\r\n SearchInput: '',\r\n enabledCount: [],\r\n disabledCount: [],\r\n page: '',\r\n param: '',\r\n offset: 0,\r\n data: [],\r\n perPage: 10,\r\n currentPage: 0, \r\n profileDisplay: \"\",\r\n createNewUser: false,\r\n isLoading: true,\r\n searchCount: 0,\r\n InsightBox:0, \r\n }\r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.lenderUsersChanged = this.lenderUsersChanged.bind(this);\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleFilterAll = this.handleFilterAll.bind(this);\r\n this.handleFilterEnabled = this.handleFilterEnabled.bind(this);\r\n this.handleFilterDisabled = this.handleFilterDisabled.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n \r\n this.cancelChange = this.cancelChange.bind(this);\r\n this.getLenderListForUser = this.getLenderListForUser.bind(this);\r\n this.updateSelectedPage = this.updateSelectedPage.bind(this);\r\n this.getEnabledLenderListForUser = this.getEnabledLenderListForUser.bind(this);\r\n this.getDisabledUserLenderList = this.getDisabledUserLenderList.bind(this);\r\n\r\n this.searchUser = this.searchUser.bind(this);\r\n this.changeSearhInput = this.changeSearhInput.bind(this);\r\n this.simpleUserSearch = this.simpleUserSearch.bind(this);\r\n\r\n this.handleNewUser = this.handleNewUser.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n document.title=\"Admin Control\";\r\n AuthService.isUserAdminEnabled().then((resp)=>{\r\n this.setState({isAdminPriv:resp.data.Content,shouldRedirect:!resp.data.Content});\r\n },(err)=>{\r\n this.setState({isAdminPriv:false,shouldRedirect:true});\r\n });\r\n\r\n this.setState({\r\n ViewUserAction: true,\r\n UserFilter: 'All',\r\n }, ()=>{\r\n // console.log(\"edsfdsffdsfdf\" + this.state.lenderUsersCount.slice(0,1) )\r\n }\r\n )\r\n // console.log(\"useraction:\" + this.state.ViewUserAction)\r\n // console.log(\"filter:\" + this.state.UserFilter)\r\n\r\n this.getUserLenderListCount();\r\n this.getLenderListForUser();\r\n this.setState({\r\n //set values \r\n \r\n //EnabledUsers: this.state.lenderUsersCount.map(d=>{d.EnabledUsers}),\r\n //DisabledUsers : this.state.lenderUsersCount.map(d=>{d.DisabledUsers}),\r\n \r\n \r\n }, ()=>{\r\n // console.log(\"sgsfd\" + this.state.lenderUsersCount)\r\n // console.log(\"wqrqewr\" + this.state.EnabledUsers)\r\n });\r\n\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n }\r\n\r\n handleNewUser(){\r\n //alert('dfgdfg')\r\n //window.open('/userdetails')\r\n this.setState({\r\n createNewUser: true\r\n })\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n toggleShowHide = () => {\r\n this.setState(state => ({ isDisplayed: !state.isDisplayed }));\r\n };\r\n\r\n \r\n\r\n getLenderListForUser()\r\n {\r\n let p = UserLender.getLenderListForUser();\r\n let lenderUsers ;\r\n\r\n\r\n\r\n UserLender.getLenderListForUser( \r\n \r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n this.setState({\r\n lenderUserTotal: resp.data.Content,\r\n lenderUsers: slice,//resp.data.Content,\r\n // hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n },()=>{\r\n //console.log(data)\r\n this.getUserLenderListCount();\r\n });\r\n },\r\n err => {\r\n // this.setState({\r\n // hasSearched: true,\r\n // isLoading: false,\r\n // errorExists: true,\r\n // errorMessage: err,\r\n // });\r\n }\r\n ); \r\n\r\n } \r\n\r\n getUserLenderListCount()\r\n { \r\n this.setState({\r\n isLoading: true\r\n })\r\n let p = UserLender.getUserLenderListCount(); \r\n \r\n Promise.all([p]).then(values => {\r\n let lenderUsersCount = values[0].data.Content.slice(0,1); \r\n let enabledCount = values[0].data.Content.slice(1,2);\r\n let disabledCount = values[0].data.Content.slice(2,3);\r\n \r\n this.setState({\r\n //set values \r\n isLoading: false , \r\n lenderUsersCount: lenderUsersCount, \r\n enabledCount: enabledCount ,\r\n disabledCount: disabledCount\r\n // EnabledUsers: 15,//this.state.lenderUsersCount.map(d=>{d.EnabledUsers}),\r\n //DisabledUsers : this.state.lenderUsersCount.map(d=>{d.DisabledUsers}), \r\n \r\n },()=>{\r\n //this.updateSelectedPage(1)\r\n }\r\n /* , ()=>{console.log(\"lenderscount\" + this.state.lenderUsersCount.splice(0,1))\r\n \r\n } */\r\n );\r\n \r\n\r\n \r\n });\r\n \r\n\r\n }\r\n\r\n updateSelectedPage(e) {\r\n //alert(e.selected)\r\n const selectedPage = e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n //console.log(this.state.offset + \" offset - perpage \" + this.state.perPage),\r\n this.receivedData()\r\n });\r\n \r\n }\r\n\r\n onStartClick = (e) => {\r\n const selectedPage = 0;\r\n const offset = 0;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n this.receivedData()\r\n });\r\n \r\n };\r\n\r\n onEndClick = (e) => {\r\n const selectedPage = this.state.pageCount-1;//e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n // console.log(this.state.offset + \" offset - perpage \" + this.state.perPage);\r\n this.receivedData()\r\n });\r\n \r\n }; \r\n\r\n\r\n receivedData() {\r\n //alert(this.state.offset)\r\n const data = this.state.lenderUserTotal;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage)\r\n \r\n this.setState({ \r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n //currentPage : 0,\r\n data: slice,//resp.data.Content\r\n lenderUsers: slice,\r\n //offset: 0,\r\n },()=>{\r\n // console.log(data)\r\n }); \r\n }\r\n\r\n handleFilterAll(e){\r\n this.getLenderListForUser();\r\n\r\n this.setState({\r\n UserFilter: 'All', \r\n currentPage: 0,\r\n offset: 0,\r\n pageCount: 0 ,\r\n SearchInput:''\r\n }) \r\n }\r\n\r\n handleFilterEnabled(e){\r\n this.getEnabledLenderListForUser(); \r\n\r\n this.setState({\r\n UserFilter: 'Enabled',\r\n currentPage: 0,\r\n offset: 0,\r\n pageCount: 0 ,\r\n SearchInput:''\r\n })\r\n }\r\n\r\n handleFilterDisabled(e){\r\n this.getDisabledUserLenderList()\r\n this.setState({\r\n UserFilter: 'Disabled',\r\n currentPage: 0,\r\n offset: 0,\r\n pageCount: 0 ,\r\n SearchInput:''\r\n }) \r\n }\r\n\r\n getEnabledLenderListForUser()\r\n {\r\n let p = UserLender.getEnabledLenderListForUser();\r\n \r\n UserLender.getEnabledLenderListForUser( \r\n \r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n this.setState({\r\n lenderUserTotal: resp.data.Content,\r\n lenderUsers: slice,//resp.data.Content,\r\n // hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n },()=>{\r\n //console.log(data)\r\n this.getUserLenderListCount();\r\n });\r\n },\r\n err => {\r\n // this.setState({\r\n // hasSearched: true,\r\n // isLoading: false,\r\n // errorExists: true,\r\n // errorMessage: err,\r\n // });\r\n }\r\n ); \r\n }\r\n\r\n getDisabledUserLenderList()\r\n {\r\n let p = UserLender.getDisabledUserLenderList();\r\n \r\n UserLender.getDisabledUserLenderList( \r\n \r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n this.setState({\r\n lenderUserTotal: resp.data.Content,\r\n lenderUsers: slice,//resp.data.Content,\r\n // hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n },()=>{\r\n //console.log(data)\r\n this.getUserLenderListCount();\r\n });\r\n },\r\n err => {\r\n // this.setState({\r\n // hasSearched: true,\r\n // isLoading: false,\r\n // errorExists: true,\r\n // errorMessage: err,\r\n // });\r\n }\r\n ); \r\n }\r\n\r\n changeSearhInput(event){\r\n this.setState({\r\n SearchInput : event.target.value,\r\n //UserFilter: 'Search'\r\n }, () =>{\r\n // console.log(\"SearchFilter: \" + this.state.SearchInput)\r\n });\r\n }\r\n \r\n searchUser(e){\r\n // if(this.state.SearchInput == \"\") {\r\n // this.getLenderListForUser(); \r\n // }\r\n // else{\r\n //this.simpleUserSearch();\r\n // }\r\n \r\n //alert(this.state.SearchInput)\r\n this.setState({\r\n UserFilter: 'Search',\r\n SearchFilter: this.state.SearchInput\r\n }, () =>{\r\n // console.log(\"search param: \" + this.state.SearchFilter)\r\n })\r\n }\r\n\r\n simpleUserSearch()\r\n {\r\n this.setState({\r\n isLoading: true,\r\n UserFilter: 'Search',\r\n })\r\n //alert('dsfdsf')\r\n //alert(this.state.SearchInput);\r\n if(this.state.SearchInput == ''){\r\n //return;\r\n this.setState({\r\n UserFilter: 'All'\r\n })\r\n }\r\n //let p = UserLender.simpleUserSearch(this.state.SearchInput);\r\n\r\n UserLender.simpleUserSearch( \r\n this.state.SearchInput\r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n //alert(data.length)\r\n //const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n const slice = data.slice(0, 0 + this.state.perPage) \r\n this.setState({\r\n //lenderUsersCount: data.length,\r\n searchCount: data.length,\r\n lenderUserTotal: resp.data.Content,\r\n lenderUsers: slice,//resp.data.Content,\r\n // hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n selectedPage: 0,\r\n \r\n currentPage:0,\r\n \r\n offset: 0\r\n // length\r\n // perPage \r\n },()=>{\r\n //console.log(data)\r\n //this.getUserLenderListCount();\r\n //this.updateSelectedPage(this.state.selectedPage);\r\n });\r\n },\r\n err => {\r\n // this.setState({\r\n // hasSearched: true,\r\n // isLoading: false,\r\n // errorExists: true,\r\n // errorMessage: err,\r\n // });\r\n }\r\n ); \r\n }\r\n\r\n\r\n handleClick(id, event){\r\n let name = event.target.name\r\n // console.log(id)\r\n // console.log(\"value\" +event.target.value)\r\n // console.log(\"id\" +event.target.getAttribute('id'))\r\n // console.log(\"name\" +event.target.name)\r\n //alert(event.target.getAttribute('id'))\r\n UserLender.updateLenderUserAccess(event.target.getAttribute('id')) \r\n .then(response => {\r\n if(response.data.Successful == true)\r\n {\r\n this.getLenderListForUser()\r\n alert('User Updated!')\r\n }\r\n //console.log(response.data.Successful)\r\n })\r\n .catch(error => {\r\n console.log(error)\r\n }) \r\n }\r\n\r\n lenderUsersChanged(event) {\r\n //setter\r\n\r\n const target = event.target;\r\n\r\n this.setState({\r\n lenderUser: target.value\r\n });\r\n }\r\n updateState()\r\n {\r\n this.setState(state => ({ data: '!state.isDisplayed' }));\r\n }\r\n\r\n cancelChange(event) {\r\n event.preventDefault();\r\n //alert(event.target.getAttribute('id'))\r\n \r\n this.setState({\r\n ViewUserAction: true,\r\n CreateUserAction: false\r\n } ) \r\n }\r\n\r\n \r\n updateWindowDimension=()=>{\r\n this.setState({ \r\n profileDisplay: \"\"\r\n })\r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n }\r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n \r\n render() { \r\n if(this.state.shouldRedirect){\r\n // return( {this.props.tiText}
*/}\r\n \r\n \r\n this.hideInsightBox()}> \r\n\r\n {/*
\r\n\r\n \r\n\r\n \r\n )\r\n }\r\n}\r\nAdminControlPage=AutoLogout(AdminControlPage);\r\nexport default AdminControlPage\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/BoxFullscreen.css';\r\n\r\nclass BoxFullscreen extends Component {\r\n render() {\r\n return (\r\n \r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n Loan Insights \r\n\r\n
*/}\r\n \r\n \r\n
\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n\r\n \r\n User \r\n\r\n this.simpleUserSearch()} \r\n searchTextChange={this.changeSearhInput}\r\n value={this.state.SearchInput}\r\n />\r\n \r\n {(this.state.isLoading) ?progressDisplay :\r\n (this.state.lenderUsersCount > 0) ?\r\n (<>\r\n \r\n\r\n {(this.state.lenderUsersCount > 10) ? paging:\"\"\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 {divUserDetails}\r\n\r\n {/* \r\n New User \r\n
\r\n \r\n
\r\n \r\n All ({this.state.lenderUsersCount}) \r\n Active ({this.state.enabledCount}) \r\n Inactive ({this.state.disabledCount}) \r\n
\r\n Filter status:
\r\n \r\n New User \r\n
\r\n \r\n {this.props.children} \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default BoxFullscreen\r\n","import React, { Component } from 'react'\r\n\r\nimport BoxFullscreen from '../../atom/BoxFullscreen/BoxFullscreen'; \r\n\r\n\r\nimport './css/CenterContent.css';\r\n\r\nclass CenterContent extends Component {\r\n render() {\r\n return ( \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormTextBoxIcon\r\n","import React, { Component } from 'react'\r\n \r\nimport CenterContent from '../../template/CenterContent/CenterContent'; \r\nimport Card from '../../atom/Card/Card';\r\nimport MarginGuide from '../../atom/MarginGuide/MarginGuide';\r\nimport Logo from '../../atom/Logo/Logo'; \r\nimport Button from '../../atom/Button/Button';\r\nimport {AuthService} from '../../../services/auth-service';\r\n\r\nimport './css/DisclaimerPage.css';\r\n\r\nclass DisclaimerPage extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n shouldRedirect: false,\r\n userType: null,\r\n externalPrivileges: [],\r\n matterRestrictions: []\r\n }\r\n\r\n this.handleAcknowledged = this.handleAcknowledged.bind(this);\r\n\r\n }\r\n\r\n handleAcknowledged(event){\r\n event.preventDefault();\r\n \r\n AuthService.termsAcknowledge(this.props.userDetails[0], this.props.userDetails[1], true).then(resp=>{\r\n //console.log(\"disclaimer resp\")\r\n //console.log(resp)\r\n this.setState({\r\n shouldRedirect: resp.IsSuccessful,\r\n // loginInProgress: false,\r\n // forgotPassword:resp.MustRedirect,\r\n userType:resp.UserTypeId==undefined?resp.User.UserType.UserTypeId:resp.UserTypeId,\r\n },()=>{\r\n //alert(this.state.shouldRedirect)\r\n //alert(this.state.userType);\r\n if(this.state.userType == 2 || this.state.userType == 3 && this.state.shouldRedirect){\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.props.parentCallback(this.state.shouldRedirect);\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n \r\n },(err)=>{\r\n alert(err)\r\n });\r\n }\r\n else if(this.state.userType == 4 && this.state.shouldRedirect){\r\n AuthService.getUserBrokerExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.props.parentCallback(this.state.shouldRedirect);\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n \r\n },(err)=>{\r\n alert(err)\r\n });\r\n }\r\n else{\r\n this.props.parentCallback(this.state.shouldRedirect);\r\n }\r\n \r\n \r\n \r\n \r\n })\r\n },(err)=>{\r\n\r\n });\r\n \r\n }\r\n\r\n render() {\r\n return ( \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n Loantrak Unauthorised Use/Access
\r\n\r\n Loantrak is a system owned and operated by MSA National Pty Limited ACN 604 605 156 (“MSA”) and it’s for official use only by its Clients and their authorised representatives. Anyone using this system expressly consents to the Loantrak terms and conditions (click here to see the LoanTrak terms and conditions). Unauthorised access, unauthorised attempted access, or unauthorised use of Loantrak is a violation of the Loantrak terms and conditions and may be subject to having their activities on this system monitored and recorded by system personnel. All http and ftp accesses are logged. In the course of such monitoring, or in the course of system maintenance or trouble shooting, the activities or authorised users also may be monitored. Anyone using Loantrak expressly consents to such monitoring and is advised that if such monitoring reveals possible evidence or criminal activity, further legal action may be taken.\r\n
\r\n \r\nPlease check your inbox for the temporary password.',\r\n errorMessage: err,\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('disabled')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: err,\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else if(err.toString().includes('401')){\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n errorMessage: 'Please check user name and password.',\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n else{\r\n let error = err;\r\n //alert(error);\r\n this.setState({\r\n loginInProgress: false,\r\n mustAuthenticate:false,\r\n data:err,\r\n displayError: \"An unexpected error has occurred. Please contact MSA support team at loantraksupport@msanational.com.au.\",\r\n userInputClassName: this.state.userInputClassName + \" input-error\",\r\n passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)});\r\n }\r\n }); \r\n \r\n }\r\n\r\n Authenticate(event){\r\n event.preventDefault(); //prevent function from happening on load \r\n //this.CleanErrorAndSuccess();\r\n this.setState({\r\n loginInProgress: true\r\n });\r\n\r\n //if (!this.state.userName || !this.state.userPassword || !this.state.code ) { //check if user and pass are entered\r\n if (!this.state.userName) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your username',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (!this.state.userPassword) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your password',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (!this.state.code ) { //check if user and pass are entered\r\n this.setState({\r\n loginInProgress: false,\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n errorMessage: 'Please check your security code',\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n\r\n return;\r\n }\r\n\r\n AuthService.authenticateUser(this.state.userName, this.state.userPassword,this.state.code.trim()).then((resp) =>(\r\n \r\n this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n shouldRedirect: resp.MustRedirect? false : resp.IsSuccessful,\r\n loginInProgress: false,\r\n forgotPassword:resp.MustRedirect,\r\n //userType:resp.UserTypeId,\r\n userType:resp.UserTypeId==undefined?resp.User.UserType.UserTypeId:resp.UserTypeId,\r\n errorMessage:null,\r\n },()=>{\r\n //this.sendData() \r\n if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect){\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n }\r\n else if((this.state.userType == 4) && this.state.shouldRedirect){\r\n AuthService.getUserBrokerExternalPrivilegesList().then((resp)=>{\r\n this.state.externalPrivileges.push(resp.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n //set user matter type restrictions\r\n AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n this.state.matterRestrictions.push(resp.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n }\r\n else{\r\n this.sendData()\r\n }\r\n \r\n })\r\n ), (err) => {\r\n let error = err;\r\n this.setState({\r\n loginInProgress: false,\r\n data:err,\r\n //errorMessage: error == \"Error: Request failed with status code 401\"? \"Authentication failed.
Unauthorized access.
\" : ('Please check user name, password and security code.'),\r\n errorMessage: 'Please check user name, password and security code.',\r\n // userInputClassName: this.state.userInputClassName + \" input-error\",\r\n // passwordInputClassName : this.state.passwordInputClassName + \" input-error\",\r\n // loginButtonClass: this.state.loginButtonClass+\" error\",\r\n },()=>{\r\n //setTimeout(()=>{this.setState({loginButtonClass: \"login-button\"})},1000)\r\n });\r\n });\r\n }\r\n\r\n getNewVerificationCode(e)\r\n {\r\n // if(localStorage.getItem(\"ssoTimeout\") == null){\r\n // AuthService.logUserActivity(\"access verification\").then((r) =>{\r\n // //alert(r.Content)\r\n // },(err)=>{\r\n // this.setState({\r\n // hasError: true\r\n // })\r\n // });\r\n // }\r\n // this.setState({\r\n // errorMessage:null,\r\n // successMessage:null, \r\n // });\r\n AuthService.resendUserAuthenticationCode(this.state.userName).then((resp) => {\r\n this.setState({\r\n //errorMessage:resp.Message,\r\n //successMessage:resp.Message, \r\n //enterCode: true,\r\n })\r\n },\r\n (err)=>{\r\n // this.setState({\r\n // errorMessage:'Invalid Details. Please check your security code and details.',//+err,\r\n // resetPasswordButton:'submit-button error',\r\n // resetPasswordEmailInput:this.state.resetPasswordEmailInput+\" input-error\",\r\n // },()=>{setTimeout(()=>{this.setState({resetPasswordButton: \"submit-button\"})},1000);});\r\n return;\r\n });\r\n }\r\n\r\n\r\n render() {\r\n let progressIcon = \"\";\r\n // let mustAuthenticateMsg = '';\r\n //let loginButton = '';\r\n // let mustAuthenticateCodeInput = '';\r\n\r\n \r\n if (this.state.loginInProgress) { \r\n progressIcon=
{progressIcon}
*/}\r\n {/* {mustAuthenticateMsg} */}\r\n {this.props.mustAuthenticate?\r\n //(Haven't received the code or code has expired? this.getNewVerificationCode(e)} style={{textAlign:'center'}}>Re-send Code
\r\n )\r\n :''\r\n }\r\n Reset Password
\r\n\r\n We will send a text to your verified mobile number or an email to your registered email address. Please provide your registered email below.\r\n
\r\n {/*\r\n Don't have an account yet? Click here.\r\n
*/}\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n } \r\n return (\r\n <> \r\n Please enter the code sent to your {this.state.codeRecipient} on Security Code field.
\r\n \r\n\r\n Your new password must contain an uppercase letter, lowercase letter, symbol, number and must be at least 8 characters long\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 Your account has been created! We have sent login details to your email provided':resp.Message.replace(\"error\", \"\"),//'Your account has been created! We have sent login details to your email provided.',\r\n forgotPassword:false,\r\n loginInProgress: false,\r\n createAccount:false,\r\n //respMessage:null,\r\n },()=>{\r\n if(resp.Message.includes('error')){\r\n this.props.createAccountCallback([false,this.state.respMessage])\r\n }\r\n else this.props.createAccountCallback([true,this.state.respMessage])\r\n \r\n })\r\n ), (err) => {\r\n this.setState({\r\n loginInProgress: false,\r\n respMessage: 'Please ensure your details are correct. You must also have an active matter with MSA.', \r\n },()=>{\r\n //setTimeout(()=>{this.setState({createAccountButtonClass: \"create-account-button\"})},1000)\r\n });\r\n });\r\n\r\n }\r\n\r\n render() { \r\n let progressIcon = \"\";\r\n \r\n if (this.state.loginInProgress) { \r\n progressIcon=
{progressIcon}
*/}\r\nCreate Account
\r\nPlease provide your information below.
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
)\r\n }\r\n if (this.state.shouldRedirect) { //If login correct, navigate to home \r\n if(this.state.matter != null){\r\n return ( \r\n \r\n \r\n \r\n
\r\n \r\n {/* Create Account \r\n */}\r\n {/* Contact Us */}\r\n Forgot your password? Reset Password\r\n
\r\n \r\n {/* Forgot your password? Reset Password */}\r\n Contact Us\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* Forgot your password? Reset Password */}\r\n Contact Us\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* Create Account \r\n */}\r\n {/* Contact Us */}\r\n Forgot your password? Reset Password\r\n
\r\n \r\n {/* Forgot your password? Reset Password */}\r\n Contact Us\r\n
\r\n \r\n \r\n
\r\n logging out
);\r\n }else{\r\n return ( {this.updateSelectedMatter(d, e)}} title={\"Matter Id: \" + d.OrigMatterId}>\r\n
\r\n \r\n )\r\n );\r\n }\r\n return ( \r\n \r\n
\r\n \r\n MSA Ref
\r\n {/* {d.MatterId} */}\r\n {/* {d.OrigMatterId} */}\r\n {('0000000' + d.MatterId).slice(d.MatterId.toString().length)}\r\n \r\n
\r\n \r\n Lender Ref
\r\n {d.LenderId}\r\n \r\n
\r\n\r\n Borrowers Name
\r\n {d.BorrowerDetails}\r\n \r\n
\r\n\r\n Settlement Date/Time
\r\n {/* {Moment(d.SettledDateTime).format(\"YYYY-MM-DD\")} */}\r\n {d.SettledDateTime !=null ? Moment(d.SettledDateTime).format(\"YYYY-MM-DD\") : \"\"}\r\n \r\n
\r\n Securities
\r\n {/* {d.Securities == null ? '' : d.Securities.Address} {d.Securities == null ? '' : d.Securities.Suburb} */}\r\n {/* {d.Securities == null ? '' : d.Securities} */}\r\n {d.Securities != \"\" ? d.Securities : d.SecurityItems!=\"\"?d.SecurityItems : ''}\r\n \r\n
\r\n Transaction Type
\r\n {/* {d.TransactionType} */}\r\n {d.TransactionType!= \"\" && d.TransactionType!=null ? d.TransactionType : 'N/A'}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableCustody\r\n","import WebApiService from './web-api-service';\r\nimport MatterDocumentService from './matter-document-service';\r\nimport { AuthService } from './auth-service';\r\nimport { SSL_OP_NO_SESSION_RESUMPTION_ON_RENEGOTIATION } from 'constants';\r\n\r\n\r\n \r\nclass custodyService extends WebApiService{\r\n\r\n getCustodyMatterSearch(matterNumber, lenderReference, borrowersName, securityAddress, titleReference, solicitor, putawayNumber){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/custodyMatterSearch\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterNumber,\r\n // 'LenderReference':lenderReference,\r\n // 'BorrowersName':borrowersName,\r\n // 'SecurityAddress':securityAddress,\r\n // 'TitleReference':titleReference,\r\n // 'Solicitor':solicitor,\r\n // 'PutawayNumber':putawayNumber, \r\n }\r\n };\r\n\r\n\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n getCustodyMatterAdvancedSearch(matterNumber, borrowers, lenderRefNo, address, matterState, matterType, matterStatus, mortManager, fileOwner, titleRefNo, lender){\r\n //alert(borrowers)\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/custodyMatterAdvancedSearch\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterNumber,\r\n 'BorrowersName':borrowers,\r\n 'LenderReference':lenderRefNo, \r\n 'SecurityAddress':address,\r\n 'StateId':matterState,\r\n 'MatterTypeId':matterType,\r\n 'MatterStatusTypeId':matterStatus,\r\n 'MortMgrId':mortManager,\r\n 'FileOwnerId':fileOwner,\r\n 'TitleRefNo':titleRefNo,\r\n 'LenderId':lender,\r\n // 'Solicitor':solicitor,\r\n // 'PutawayNumber':putawayNumber, \r\n }\r\n };\r\n\r\n\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n getMatterDocuments(matterNumber){\r\n return new Promise((resolve,reject)=>{\r\n const url =\"api/getDocumentsForMatter\"; \r\n })\r\n }\r\n\r\n\r\n\r\n getCustodyLocationForMatter(matterId){\r\n const url=\"api/GetCustodyLocation\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId,\r\n }\r\n };\r\n return new Promise((resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n \r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n });\r\n }\r\n\r\n registerCustodyRequest(matterId, requestLocation, isUrgent){\r\n \r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/RegisterCustodyRequest\";\r\n let data = new FormData();\r\n // data.append('Authorization',AuthService.token);\r\n data.append('MatterId',matterId);\r\n data.append('RequestedDeliveryLocation',requestLocation);\r\n data.append('IsUrgent',isUrgent);\r\n \r\n super.post(url,data).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n });\r\n } \r\n getActiveDocumentRequests(custodyStatusType){\r\n const url = \"api/GetActiveCustodyRequests\";\r\n const options ={\r\n 'headers':{\r\n 'Authorization': AuthService.token,\r\n 'CustodyStatusType':custodyStatusType,\r\n }\r\n };\r\n return new Promise(\r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n getDocumentDeliveryLocations(){\r\n const url = \"api/getCustodyDeliveryLocations\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n // 'Logged':'logged',\r\n }\r\n };\r\n return new Promise(\r\n \r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n\r\n getCurrentDocumentLocation(matterId){\r\n const url = \"api/getCurrentDocumentLocation\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'matterId': matterId\r\n }\r\n };\r\n return new Promise(\r\n \r\n (resolve,reject)=>{\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n }\r\n );\r\n }\r\n\r\n cancelCustodyRequest(matterId){\r\n \r\n return new Promise((resolve,reject)=>{\r\n const url=\"api/CancelCustodyDocumentRequest\";\r\n let data = new FormData();\r\n // data.append('Authorization',AuthService.token);\r\n data.append('MatterId',matterId);\r\n //data.append('RequestedDeliveryLocation',requestLocation); \r\n \r\n super.post(url,data).then((response)=>{\r\n resolve(response);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n });\r\n } \r\n \r\n downloadCustodyCentreDocumentsAsZip(matterId) {\r\n return new Promise((resolve, reject) => {\r\n const url = \"api/DownloadCustodyCentreDocuments\";\r\n const options = {\r\n responseType: \"blob\",\r\n headers: {\r\n Authorization: AuthService.token,\r\n matterId: matterId\r\n }\r\n };\r\n \r\n super.get(url, options).then(\r\n response => {\r\n resolve(response);\r\n },\r\n err => {\r\n reject(err);\r\n }\r\n );\r\n });\r\n }\r\n\r\n\r\n}\r\n\r\nexport const CustodyService = new custodyService();\r\n\r\n","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport { BrowserRouter, Route } from 'react-router-dom'\r\n\r\n\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon'; \r\n\r\nimport './css/LabelBtn.css';\r\n\r\nclass LabelBtn extends Component {\r\n render() {\r\n var $leftIcon=this.props.leftIcon;; \r\n\r\n return (\r\n \r\n
\r\n {matterGrid} \r\n \r\n MSA Ref
\r\n Lender Ref
\r\n Borrowers Name
\r\n Settlement Date/Time
\r\n Securities
\r\n Transaction Type
\r\n \r\n {this.props.label}
\r\n \r\n {this.props.count}\r\n
\r\n \r\n {/* \r\n Requested \r\n
\r\n )\r\n }\r\n else{\r\n if(this.props.custodyDocumentRequested == true && this.props.docsSentOrReceived){\r\n requestButton = (\r\n \r\n Packet has already been Sent or Received \r\n
\r\n )\r\n }\r\n else{\r\n if(this.props.matterIsDigital == false){\r\n requestButton = (\r\n \r\n \r\n
\r\n )\r\n } \r\n }\r\n \r\n }\r\n\r\n if (this.props.requestPackModal) {\r\n matterRequestDocumentsGrid = (\r\n this.props.matterNonDigitalDocuments.map(d => \r\n <> \r\n {this.rowClicked(d.MatterDocumentId, d.DocName)}}>\r\n
\r\n \r\n ) \r\n );\r\n }\r\n\r\n matterDocumentsGrid = (\r\n this.props.matterDocuments.map(d => \r\n <> \r\n {this.rowClicked(d.MatterDocumentId, d.DocName)}}>\r\n
\r\n )\r\n );\r\n\r\n console.log(\"Window Width: \"+this.state.$windowWidth); \r\n console.log(\"Active: \"+this.state.tbbTarget);\r\n\r\n var $mobileMaxWidth=768; \r\n const $TabButtonProps={ \r\n \"title\":\"Jump to:\",\r\n \"activeTarget\":\"MatterDetailsBox\",\r\n \"action\": this.updateTab,\r\n \"buttons\": [ \r\n {\r\n \"id\": \"1\",\r\n \"label\": \"Matter Details\",\r\n \"target\":\"MatterDetailsBox\",\r\n \"status\": 1\r\n },{\r\n \"id\": \"2\",\r\n \"label\": \"Documents (4)\",\r\n \"target\":\"DocumentsBox\",\r\n \"status\": 0\r\n } \r\n ]\r\n }; \r\n\r\n if(this.state.leftContent != this.state.pageTitle){\r\n return( \r\n \r\n this.hideInsightBox()}> \r\n\r\n\r\n {/* this.props.backToSearch(e)}>back to Custody Centre \r\n\r\n
\r\n\r\n \r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n Loan Insights \r\n\r\n
*/}\r\n\r\n\r\n\r\n \r\n
\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {requestPackButton} \r\n \r\n
\r\n \r\n Request Original Paper Packet - Loan:{\" \"}\r\n {this.props.selectedMatterData.MatterId}\r\n
\r\n\r\n You are requesting the paper documents listed below\r\n for {this.props.selectedMatterData.BorrowerDetails}\r\n (MSA Reference:{\" \"}\r\n {this.props.selectedMatterData.MatterId}) to be sent\r\n from the MSA Vault to you at the following address:\r\n {/* */}\r\n \r\n \r\n \r\n
\r\n */} \r\n
\r\n \r\n
this.setUrgentRequest(e)} >\r\n \r\n
{matterRequestDocumentsGrid}
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n Document View
\r\n Unable to retrieve document. \r\n\r\n \r\n
\r\n \r\n {/*
\r\n\r\n \r\n Matter Details \r\n \r\n {/* \r\n
\r\n\r\n \r\n Documents ({this.props.matterDocuments.length}) \r\n \r\n {matterDocumentsGrid.length!==0?(\r\n <>\r\n \r\n\r\n {requestButton} \r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n {/* \r\n
\r\n {this.props.canDownloadCustodianDocuments ? this.props.downloading ? 'Downloading..' :\r\n File Name
\r\n\r\n Download \r\n
: ''\r\n }\r\n \r\n File Name
\r\n \r\n \r\n
*/}\r\n \r\n {matterDocumentsGrid}\r\n
\r\n \r\n ):\"No document found.\" } \r\n \r\n \r\n\r\n
\r\n \r\n )\r\n }\r\n}\r\n// CustodySearchLoanBox.propTypes = {\r\n// getAdvancedSearch: PropTypes.func.isRequired,\r\n// handleDetailedSearch: PropTypes.func.isRequired,\r\n// handleGenerateCSV: PropTypes.func.isRequired,\r\n// updateAdvancedSearch: PropTypes.func.isRequired\r\n// };\r\nexport default CustodySearchLoanBox\r\n","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport Moment from \"moment\";\r\nimport SAlert from \"sweetalert2\";\r\nimport {\r\n isBrowser,\r\n isMobile\r\n} from \"react-device-detect\";\r\n\r\nimport { saveAs } from 'file-saver';\r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card'; \r\nimport HighlightText from '../../atom/HighlightText/HighlightText';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport TextIcon from '../../molecules/TextIcon/TextIcon';\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\n\r\nimport DataTableCustody from '../../organism/DataTableCustody/DataTableCustody';\r\nimport DataTableUser from '../../organism/DataTableUser/DataTableUser';\r\nimport DataTablePaging from '../../organism/DataTablePaging/DataTablePaging';\r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent'; \r\n\r\nimport './css/CustodyCenterPage.css'; \r\nimport SearchBox from '../../molecules/SearchBox/SearchBox';\r\nimport { CustodyService } from \"../../../services/custody-service\";\r\nimport MatterDetailsPage from '../MatterDetailsPage/MatterDetailsPage';\r\nimport { MatterDocumentService } from \"../../../services/matter-document-service\";\r\nimport SearchTextIcon from '../../molecules/SearchTextIcon/SearchTextIcon';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport CustodySearchLoanBox from '../../organism/CustodySearchLoanBox/CustodySearchLoanBox';\r\nimport { assertFlowPredicate } from '@babel/types';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass CustodyCenterPage extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n\r\n this.state = {\r\n pageTitle : 'custodycentre',\r\n leftContent : 'custodycentre',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n searchText: '',\r\n data: [],\r\n pageCount: 0,\r\n perPage: 10,\r\n currentPage: 0, \r\n offset: 0,\r\n requestPack: false,\r\n requestPackModal: false,\r\n hasSearched: false,\r\n hasMatter: false,\r\n loading: false,\r\n selectedMatterData: [],\r\n matterDocuments: [],\r\n deliveryLocations: [],\r\n shouldClear: false,\r\n hasSearched: false,\r\n height: 1,\r\n width: 1,\r\n contLoading: false,\r\n matterSelectionExists: false,\r\n errorExists: false,\r\n errorMessage: \"\",\r\n matterLocation: \"\",\r\n selectedDeliveryLocation: \"\",\r\n msg:'',\r\n custodyDocumentRequested: false,\r\n docsSentOrReceived: false,\r\n alreadyExists: false,\r\n shouldRedirect: false,\r\n searched: false,\r\n profileDisplay: \"\",\r\n msgType: null, \r\n // Search parameters\r\n address: null,\r\n borrowers: null,\r\n fileOwner: null,\r\n lender: null,\r\n lenderRefNo: null,\r\n matterNo: null,\r\n matterState: null,\r\n matterStatus:null,\r\n mortManager: null,\r\n matterType: null,\r\n titleRefNo: null,\r\n custodyFormDisplay: \"none\",\r\n basicSearchDisplay: \"\",\r\n windowWidth: window.innerWidth,\r\n windowWidthPrevious: \"\",\r\n matterIsDigital: false,\r\n matterNonDigitalDocuments: [],\r\n canDownloadCustodianDocuments: false,\r\n downloading: false,\r\n currentDocumentLocation: null,\r\n InsightBox:0, \r\n }\r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.searchClicked = this.searchClicked.bind(this);\r\n this.handleSearchCallback = this.handleSearchCallback.bind(this); \r\n this.searchInputChanged = this.searchInputChanged.bind(this);\r\n this.updateSelectedPage = this.updateSelectedPage.bind(this);\r\n this.updateSelectedMatter = this.updateSelectedMatter.bind(this);\r\n this.backToSearch = this.backToSearch.bind(this);\r\n this.rowClicked = this.rowClicked.bind(this);\r\n this.handleRequestPack = this.handleRequestPack.bind(this);\r\n this.cancelRequestPack = this.cancelRequestPack.bind(this);\r\n this.sendRequestPack = this.sendRequestPack.bind(this);\r\n this.cancelCustodyRequest = this.cancelCustodyRequest.bind(this);\r\n \r\n this.checkIfCustodyDocumentRequested = this.checkIfCustodyDocumentRequested.bind(this);\r\n this.checkIfCustodyDocumentSentOrReceived = this.checkIfCustodyDocumentSentOrReceived.bind(this);\r\n this.checkIfMatterIsDigital = this.checkIfMatterIsDigital.bind(this);\r\n this.getDocumentDeliveryLocations = this.getDocumentDeliveryLocations.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.hideCustodyForm = this.hideCustodyForm.bind(this);\r\n this.showCustodyForm = this.showCustodyForm.bind(this);\r\n this.hideBasicSearch = this.hideBasicSearch.bind(this);\r\n this.showBasicSearch = this.showBasicSearch.bind(this);\r\n this.updateWindowDimension = this.updateWindowDimension.bind(this);\r\n this.updateSelectedDeliveryLocation = this.updateSelectedDeliveryLocation.bind(this);\r\n this.downloadDocuments = this.downloadDocuments.bind(this); \r\n this.getCurrentDocumentLocation = this.getCurrentDocumentLocation.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n \r\n }\r\n\r\n componentDidMount(){\r\n document.title='Loantrak - Custody Centre';\r\n AuthService.isNewVersionDetected();\r\n \r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"custody centre\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n })\r\n }\r\n\r\n AuthService.isUserCustodyCentreEnabled().then((resp)=>{\r\n this.setState({isCustodyPriv:resp.data.Content,shouldRedirect:!resp.data.Content});\r\n },(err)=>{\r\n this.setState({isCustodyPriv:false,shouldRedirect:true});\r\n });\r\n AuthService.userCanDownloadCustodyFiles().then((resp)=>{\r\n this.setState({canDownloadCustodianDocuments:resp.data.Content});\r\n },(err)=>{\r\n this.setState({canDownloadCustodianDocuments:false});\r\n });\r\n\r\n window.addEventListener(\"resize\", this.updateWindowDimension);\r\n // window.addEventListener(\"load\", this.updateWindowDimension);\r\n\r\n \r\n }\r\n\r\n updateSelectedDeliveryLocation(arg) {\r\n //arg.preventDefault();\r\n const target = arg.target;\r\n this.setState(\r\n {\r\n selectedDeliveryLocation: target.value\r\n },\r\n () => {\r\n //alert(this.state.selectedDeliveryLocation);\r\n }\r\n );\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n rowClicked(id, name) {\r\n const self = this;\r\n MatterDocumentService.getCustodyDocumentAsPdf(id).then(\r\n resp => {\r\n //const file = new Blob([resp.data], {type: resp.request.response.type});\r\n const file = new Blob([resp.data], { type: \"application/pdf\" });\r\n const url = URL.createObjectURL(resp.data);\r\n var isIE = document.documentMode;\r\n\r\n if (!isMobile && !isIE) {\r\n window.open(url);\r\n } else {\r\n //saveAs(file, name + \".pdf\");\r\n }\r\n },\r\n err => {\r\n console.log(\"view doc error\" + err)\r\n if (err.response && err.response.status === 401) {\r\n self.setState({\r\n shouldRedirect: true,\r\n hasError: true\r\n });\r\n } else {\r\n self.setState({\r\n shouldRedirect: false\r\n });\r\n\r\n new SAlert({\r\n title: \"View Document\",\r\n text: \"Unable to retrieve document.\",\r\n type: \"warning\"\r\n });\r\n }\r\n }\r\n );\r\n this.setState({\r\n loading: false\r\n });\r\n }\r\n\r\n getDocumentDeliveryLocations() {\r\n CustodyService.getDocumentDeliveryLocations().then(\r\n resp => {\r\n this.setState({ \r\n deliveryLocations: resp.data.Content,\r\n selectedDeliveryLocation: resp.data.Content.length != 0 ? resp.data.Content[0].id : \"\"\r\n },()=>{\r\n // console.log(\"delivery\")\r\n // console.log(this.state.deliveryLocations)\r\n // console.log(this.state. selectedDeliveryLocation)\r\n });\r\n },\r\n err => {\r\n this.setState({ \r\n hasError: true\r\n })\r\n }\r\n );\r\n }\r\n\r\n getCurrentDocumentLocation(matterId) {\r\n CustodyService.getCurrentDocumentLocation(matterId).then(\r\n resp => {\r\n this.setState({ \r\n currentDocumentLocation: resp.data.Content, \r\n },()=>{\r\n // console.log(\"delivery\")\r\n console.log(this.state.currentDocumentLocation)\r\n // console.log(this.state. selectedDeliveryLocation)\r\n });\r\n },\r\n err => {\r\n this.setState({ \r\n hasError: true\r\n })\r\n }\r\n );\r\n }\r\n\r\n handleRequestPack(e) {\r\n e.preventDefault();\r\n this.setState({\r\n msg: '',\r\n });\r\n \r\n this.setState({\r\n requestPack: true,\r\n requestPackModal: true\r\n });\r\n \r\n this.getDocumentDeliveryLocations();\r\n }\r\n\r\n downloadDocuments(e){\r\n /* e.preventDefault();*/\r\n this.setState({downloading: true},()=>{\r\n CustodyService.downloadCustodyCentreDocumentsAsZip(this.state.selectedMatterData.MatterId).then(\r\n resp => {\r\n // console.log(\"zip\")\r\n // console.log(resp.data)\r\n const file = new Blob([resp.data], { type: \"application/zip\" });\r\n const url = URL.createObjectURL(resp.data);\r\n saveAs(file,this.state.selectedMatterData.MatterId+\".zip\"); \r\n this.setState({downloading: false})\r\n },\r\n err => {\r\n this.setState({downloading: false, hasError: true})\r\n if (err.response && err.response.status === 401) {\r\n console.log(err.response);\r\n }})\r\n })\r\n \r\n }\r\n\r\n sendRequestPack(e, isUrgent) {\r\n let btnId = e.target.id;\r\n //alert(deliveryLocationId)\r\n //alert(isUrgent)\r\n //alert(this.state.selectedDeliveryLocation)\r\n e.preventDefault();\r\n this.setState({\r\n contLoading: true\r\n });\r\n CustodyService.registerCustodyRequest(\r\n this.state.selectedMatterData.MatterId,\r\n this.state.selectedDeliveryLocation,\r\n //deliveryLocationId,\r\n isUrgent\r\n ).then((resp)=>{\r\n this.setState({msg:resp.data.Message,contLoading: false, msgType:'success', requestPackModal: false});\r\n //this.setState({msg:\"Custody Document request has been submitted\",contLoading: false, msgType:'success'});\r\n this.checkIfCustodyDocumentRequested(this.state.selectedMatterData.MatterId);\r\n this.checkIfCustodyDocumentSentOrReceived(this.state.selectedMatterData.MatterId);\r\n this.checkIfMatterIsDigital(this.state.selectedMatterData.MatterId);\r\n if(btnId === 'btnSendRequest'){\r\n new SAlert({\r\n title: \"Custody Request Submitted\",\r\n text: \"Custody document request has been submitted successfully.\",\r\n type: \"success\"\r\n });\r\n }\r\n\r\n },(err)=>{\r\n //alert(err)\r\n //this.setState({msg:'A request for delivery already exists. Please contact MSA for further details.',contLoading: false,custodyDocumentRequested : true, alreadyExists: true, msgType:'error'});\r\n if(err.toString().includes(\"Exists\")){\r\n this.setState({msg:'A request for delivery already exists. Please contact MSA for further details.',contLoading: false,custodyDocumentRequested : true, alreadyExists: true, msgType:'error'});\r\n }\r\n else{\r\n this.setState({msg:'An unexpected error occured. Please contact MSA for further details.',contLoading: false,custodyDocumentRequested : false, alreadyExists: false, msgType:'error'});\r\n }\r\n }); \r\n \r\n }\r\n\r\n cancelRequestPack(e) {\r\n e.preventDefault();\r\n this.setState({\r\n requestPack: false,\r\n msg:'',\r\n requestPackModal: false\r\n });\r\n this.setState({\r\n matterSelectionExists: true\r\n }); \r\n }\r\n\r\n cancelCustodyRequest(e){ \r\n let btnId = e.target.id;\r\n //alert(e.target.id); \r\n //return; \r\n CustodyService.cancelCustodyRequest(\r\n this.state.selectedMatterData.MatterId,\r\n //this.state.selectedDeliveryLocation.id,\r\n ).then((resp)=>{\r\n this.setState({\r\n msg:resp.data.Message,\r\n custodyDocumentRequested: false,\r\n docsSentOrReceived: false,\r\n contLoading: false\r\n });\r\n if(btnId === 'CancelFront'){\r\n new SAlert({\r\n title: \"Custody Request Cancelled\",\r\n text: \"Custody document request has been cancelled successfully.\",\r\n type: \"success\"\r\n });\r\n }\r\n \r\n },(err)=>{\r\n this.setState({msg:'There is an error with the request. Please contact MSA for further details.'});\r\n }); \r\n }\r\n \r\n searchClicked(arg) //{ \r\n {\r\n //searchText\r\n //alert(this.state.searchText);\r\n this.setState({\r\n isLoading: true,\r\n currentPage: 0,\r\n searched: true\r\n });\r\n //Do Search\r\n CustodyService.getCustodyMatterSearch(\r\n // matterNumber,\r\n // lenderReference,\r\n // borrowersName,\r\n // securityAddress,\r\n // titleReference,\r\n // solicitor,\r\n // putawayNumber\r\n // '',\r\n // '',\r\n // '',\r\n // '',\r\n // '',\r\n // '',\r\n this.state.searchText\r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n this.setState({\r\n matterData: resp.data.Content,\r\n hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n },()=>{\r\n //console.log(data)\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n hasSearched: true,\r\n isLoading: false,\r\n errorExists: true,\r\n errorMessage: 'There is an error with the request',//err,\r\n hasError: true\r\n });\r\n }\r\n ); \r\n }\r\n\r\n searchInputChanged(event) {\r\n //setter\r\n //alert(event.target.value);\r\n \r\n const target = event.target;\r\n \r\n this.setState({\r\n searchText: target.value\r\n });\r\n } \r\n \r\n updateSelectedMatter(e) {\r\n \r\n //this.getDocumentLocation(e.MatterId);\r\n this.getMatterDocuments(e.MatterId);\r\n this.getVerifiedNonDigitalDocuments(e.MatterId);\r\n this.checkIfCustodyDocumentRequested(e.MatterId); \r\n this.checkIfCustodyDocumentSentOrReceived(e.MatterId);\r\n this.checkIfMatterIsDigital(e.MatterId); \r\n this.getCurrentDocumentLocation(e.MatterId);\r\n this.setState({\r\n selectedMatterData: e,\r\n // matterSelectionExists: true\r\n });\r\n }\r\n\r\n checkIfCustodyDocumentRequested(MatterId){\r\n MatterDocumentService.checkCustodyDocumentRequested(MatterId).then(\r\n resp => {\r\n // console.log(\"checkCustodyDocumentRequested\");\r\n // console.log(resp.data);\r\n //let custodyDocumentRequested = resp.data.Content;\r\n this.setState({\r\n custodyDocumentRequested: resp.data =='True'?true:false, //resp.data.Content,\r\n matterSelectionExists: true\r\n //contLoading: false\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n hasError: true\r\n //contLoading: false\r\n });\r\n }\r\n );\r\n }\r\n\r\n checkIfCustodyDocumentSentOrReceived(MatterId){\r\n MatterDocumentService.checkIfCustodyDocumentSentOrReceived(MatterId).then(\r\n resp => {\r\n // console.log(\"checkCustodyDocumentRequested\");\r\n // console.log(resp.data);\r\n //let custodyDocumentRequested = resp.data.Content;\r\n this.setState({\r\n docsSentOrReceived: resp.data =='True'?true:false, //resp.data.Content,\r\n matterSelectionExists: true\r\n //contLoading: false\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n hasError: true\r\n //contLoading: false\r\n });\r\n }\r\n );\r\n } \r\n\r\n checkIfMatterIsDigital(MatterId){\r\n MatterDocumentService.checkMatterIsDigital(MatterId).then(\r\n resp => {\r\n // console.log(\"checkMatterIsDigital\");\r\n // console.log(resp.data);\r\n //let custodyDocumentRequested = resp.data.Content;\r\n this.setState({\r\n matterIsDigital: resp.data =='True'?true:false, //resp.data.Content,\r\n matterSelectionExists: true\r\n //contLoading: false\r\n },()=>\r\n {\r\n // console.log(\"hello\")\r\n // console.log(this.state.matterIsDigital)\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n hasError: true\r\n //contLoading: false\r\n });\r\n }\r\n );\r\n }\r\n\r\n getMatterDocuments(e) {\r\n this.setState({ contLoading: true });\r\n MatterDocumentService.getVerifiedMatterDocuments(e).then(\r\n resp => {\r\n let docs = resp.data.Content.map(d => ({\r\n MatterDocumentId: d.MatterDocumentId,\r\n DocName: d.DocName,\r\n DocModDate: Moment(d.UpdatedDate).format(\"YYYY-MM-DD\")\r\n }));\r\n this.setState({\r\n matterDocuments: docs, //resp.data.Content,\r\n contLoading: false\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n contLoading: false\r\n });\r\n }\r\n );\r\n }\r\n\r\n getVerifiedNonDigitalDocuments(e) {\r\n this.setState({ contLoading: true });\r\n MatterDocumentService.getVerifiedNonDigitalDocuments(e).then(\r\n resp => {\r\n let docs = resp.data.Content.map(d => ({\r\n MatterDocumentId: d.MatterDocumentId,\r\n DocName: d.DocName,\r\n DocModDate: Moment(d.UpdatedDate).format(\"YYYY-MM-DD\")\r\n }));\r\n this.setState({\r\n matterNonDigitalDocuments: docs, //resp.data.Content,\r\n contLoading: false\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n contLoading: false\r\n });\r\n }\r\n );\r\n }\r\n\r\n updateSelectedPage(e) {\r\n const selectedPage = e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n //console.log(this.state.offset + \" offset - perpage \" + this.state.perPage),\r\n this.receivedData()\r\n });\r\n \r\n }\r\n\r\n onStartClick = (e) => {\r\n const selectedPage = 0;\r\n const offset = 0;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n this.receivedData()\r\n });\r\n \r\n };\r\n\r\n onEndClick = (e) => {\r\n const selectedPage = this.state.pageCount-1;//e.selected;\r\n const offset = selectedPage * this.state.perPage;\r\n \r\n this.setState({\r\n currentPage: selectedPage,\r\n offset: offset,\r\n }, () => {\r\n console.log(this.state.offset + \" offset - perpage \" + this.state.perPage);\r\n this.receivedData()\r\n });\r\n \r\n }; \r\n\r\n receivedData() {\r\n const data = this.state.matterData;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage)\r\n \r\n this.setState({ \r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n //currentPage : 0,\r\n data: slice,//resp.data.Content\r\n offset: 0,\r\n },()=>{console.log(data)}); \r\n }\r\n\r\n backToSearch(e){\r\n this.setState({\r\n matterSelectionExists: false,\r\n //searchText: ''\r\n });\r\n }\r\n\r\n updateWindowDimension=()=>{\r\n \r\n this.setState({ \r\n windowWidth: window.innerWidth,\r\n profileDisplay: \"\"\r\n })\r\n\r\n \r\n // if(this.state.windowWidth<=768){ \r\n // //alert(\"Mobile\") \r\n // if(this.state.windowWidth!=this.state.windowWidthPrevious){\r\n // this.setState({\r\n // custodyFormDisplay: \"none\"\r\n // }) \r\n // }\r\n // }else{\r\n // //alert(\"Desktop\");\r\n // this.setState({\r\n // custodyFormDisplay: \"\"\r\n // })\r\n // }\r\n \r\n this.setState({\r\n windowWidthPrevious: window.innerWidth \r\n }) \r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n } \r\n\r\n showCustodyForm(){ \r\n this.hideBasicSearch();\r\n this.setState({\r\n custodyFormDisplay: \"\"\r\n }) \r\n }\r\n\r\n hideCustodyForm(){ \r\n this.showBasicSearch();\r\n this.setState({\r\n custodyFormDisplay: \"none\"\r\n }) \r\n } \r\n\r\n // showAdvancedSearch(){ \r\n // this.hideBasicSearch();\r\n // this.setState({\r\n // custodyFormDisplay: \"\"\r\n // }) \r\n // } \r\n\r\n showBasicSearch(){ \r\n this.setState({\r\n basicSearchDisplay: \"\"\r\n }) \r\n }\r\n\r\n hideBasicSearch(){\r\n this.setState({\r\n basicSearchDisplay: \"none\"\r\n }) \r\n } \r\n\r\n \r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n handleSearchCallback= (as) => {\r\n // alert(as[0])\r\n //alert(as[1]);\r\n this.setState({\r\n matterNo: as[0],\r\n borrowers: as[1],\r\n lenderRefNo: as[2],\r\n address: as[3],\r\n matterState: as[4],\r\n matterType: as[5],\r\n matterStatus: as[6],\r\n mortManager: as[7],\r\n fileOwner: as[8],\r\n titleRefNo: as[9],\r\n lender: as[10],\r\n isLoading: true,\r\n currentPage: 0,\r\n searched: true,\r\n //searchText:as[0],\r\n },()=>{\r\n //alert(this.state.matterState)\r\n // alert(\"from login \" + this.state.createAccountSuccess);\r\n //Do Search\r\n //CustodyService.getCustodyMatterSearch(\r\n CustodyService.getCustodyMatterAdvancedSearch(\r\n this.state.matterNo,\r\n this.state.borrowers,\r\n this.state.lenderRefNo,\r\n this.state.address,\r\n this.state.matterState,\r\n this.state.matterType,\r\n this.state.matterStatus,\r\n this.state.mortManager,\r\n this.state.fileOwner,\r\n this.state.titleRefNo,\r\n this.state.lender\r\n //this.state.searchText\r\n ).then(\r\n resp => {\r\n const data = resp.data.Content;\r\n const slice = data.slice(this.state.offset, this.state.offset + this.state.perPage) \r\n this.setState({\r\n matterData: resp.data.Content,\r\n hasSearched: true,\r\n isLoading: false,\r\n pageCount: Math.ceil(data.length / this.state.perPage),\r\n data: slice,//resp.data.Content, \r\n },()=>{\r\n //console.log(data)\r\n });\r\n },\r\n err => {\r\n this.setState({\r\n hasSearched: true,\r\n isLoading: false,\r\n errorExists: true,\r\n errorMessage: 'There is an error with the request',//err,\r\n });\r\n }\r\n ); \r\n });\r\n\r\n \r\n \r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n render() {\r\n\r\n console.log(\"WINDOW: \"+this.state.windowWidth); \r\n console.log(\"custodyFormDisplay: \"+this.state.custodyFormDisplay); \r\n\r\n let paging='';\r\n let custodyMatterChild = '';\r\n let matterRequestDocumentsGrid = '';\r\n let custodyFormDisplay=this.state.custodyFormDisplay; \r\n console.log(\"custodyFormDisplay2: \"+custodyFormDisplay); \r\n \r\n\r\n if(this.state.shouldRedirect || this.state.hasError){\r\n // return( \r\n\r\n
\r\n \r\n \r\n
*/}\r\n\r\n Search Loans {this.props.display}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n MSA Reference\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Loan Type \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n MSA File Owner \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Title Reference \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Borrowers\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Status \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Lender \r\n
\r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n
\r\n \r\n Lender Reference \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Branch \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Referer \r\n
\r\n \r\n {/* \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Security \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n {this.props.columnBtnStatus==1?( \r\n
\r\n \r\n
\r\n ):\"\"}\r\n \r\n this.hideInsightBox()}> \r\n\r\n {/*
\r\n\r\n \r\n\r\n this.hideInsightBox()} \r\n />\r\n\r\n Loan Insights \r\n\r\n
*/}\r\n \r\n \r\n
\r\n\r\n Stats
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n\r\n \r\n Custody Centre \r\n\r\n this.searchClicked()} searchTextChange={this.searchInputChanged} value={this.state.searchText} \r\n advancedSearch=\"1\"\r\n advancedSearchAction={() => this.showCustodyForm()} \r\n windowWidth={this.state.windowWidth}\r\n />\r\n \r\n {/* this.hideCustodyForm()}\r\n // handleDetailedSearch={this.handleDetailedSearch}\r\n // getAdvancedSearch={this.getAdvancedSearch}\r\n // resetAdvancedSearch={this.resetAdvancedSearch}\r\n // updateAdvancedSearch={this.updateAdvancedSearch}\r\n // handleGenerateCSV={this.handleGenerateCSV}\r\n // canGenerateCsv={this.state.userIsNotBroker}\r\n // columnAction={()=>this.handleColumnClick()}\r\n // columnBtnStatus={columnBtnStatus}\r\n // slbActionGTC={slbActionGTC} \r\n />\r\n
\r\n {/*\r\n\r\n \r\n \r\n {paging}\r\n \r\n ):(this.state.hasSearched && this.state.data.length==0?\r\n :this.state.searched?
\r\n \r\n this.showCustodyForm()}\r\n > \r\n
*/}\r\n \r\n \r\n \r\n \r\n {/*\r\n
\r\n */}\r\n {/* this.hideCustodyForm()}\r\n // handleDetailedSearch={this.handleDetailedSearch}\r\n // getAdvancedSearch={this.getAdvancedSearch}\r\n // resetAdvancedSearch={this.resetAdvancedSearch}\r\n // updateAdvancedSearch={this.updateAdvancedSearch}\r\n // handleGenerateCSV={this.handleGenerateCSV}\r\n // canGenerateCsv={this.state.userIsNotBroker}\r\n // columnAction={()=>this.handleColumnClick()}\r\n // columnBtnStatus={columnBtnStatus}\r\n // slbActionGTC={slbActionGTC} \r\n /> \r\n
*/}\r\n\r\n {/* {custodyMatterChild} */}\r\n \r\n {(this.state.data.length!==0 && this.state.searched) ?(\r\n <>\r\n No record found.
\r\n this.rowClick(e)} >\r\n //
this.rowClick(e, matter.MatterId)} >\r\n \r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return this.showInsightBox()} \r\n showInsightsDetails={this.moreInsights}\r\n > \r\n this.toggleProfileMenu()}\r\n />\r\n\r\n \r\n )\r\n }\r\n}\r\nConsentsPage=AutoLogout(ConsentsPage);\r\nexport default ConsentsPage\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport Moment from \"moment\";\r\n\r\n\r\n \r\nimport './css/DataTableEventsDischarges.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass DataTableEventsDischarges extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n loading: false,\r\n matters: [],\r\n shouldRedirect: false,\r\n matterStatusHighlight: 'HighlightBlue',\r\n }\r\n this.rowClick = this.rowClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true\r\n })\r\n\r\n MatterService.getRecentMatterEventsFiltered(2).then(resp => {\r\n this.setState({\r\n matters: resp.data.Content,\r\n loading: false\r\n });\r\n }, (err) => {\r\n if ( err.response && err.response.status === 401) {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n } else {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n \r\n \r\n }\r\n \r\n });\r\n \r\n // MatterService.getRecentMatterEventsDischarges().then(resp => {\r\n // this.setState({\r\n // matters: resp.data.Content,\r\n // loading: false\r\n // });\r\n // }, (err) => {\r\n // if ( err.response && err.response.status === 401) {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n // } else {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n\r\n \r\n // }\r\n\r\n // });\r\n }\r\n\r\n rowClick = (e, matterId) => {\r\n //if(e.target!==-1){\r\n //alert(e.target.id);\r\n //alert(matterId);\r\n window.open('/matter-details:'+matterId)\r\n //}\r\n \r\n //if(event.rowIdx!==-1 &&window.innerWidth>768){\r\n //window.open('/matter')\r\n //window.open('/matter:'+event.dataItem.MatterId)\r\n // }\r\n // if(event.rowIdx!==-1 &&window.innerWidth<=768){\r\n // this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId\r\n // )\r\n // }\r\n //this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId \r\n //)\r\n }\r\n\r\n render() {\r\n\r\n if(this.state.loading)\r\n {\r\n return(
this.rowClick(e, matter.MatterId)} >\r\n
\r\n )\r\n })\r\n } \r\n \r\n )\r\n } \r\n\r\n let datatable = \"\";\r\n\r\n if(this.state.matters!=null && this.state.matters.length != 0){\r\n datatable=(\r\n <>\r\n \r\n
\r\n \r\n MSA Ref
\r\n {('0000000' + matter.MatterId).slice(matterlen)}\r\n \r\n
\r\n \r\n Borrowers
\r\n {/* {matter.Description.length > 30? matter.Description.slice(0,30)+\"...\" : matter.Description } */}\r\n {matter.MatterDescription == null? '' : matter.MatterDescription.length > 30? matter.MatterDescription.slice(0,30)+\"...\" : matter.MatterDescription }\r\n \r\n
\r\n \r\n Lender Ref
\r\n {matter.LenderRefNo}\r\n \r\n {matter.MatterStatus} */}\r\n {/* {matter.MatterStatus} */}\r\n {/* {matter.Message} */}\r\n {/* {matter.Message} */}\r\n {matter.MatterStatus} \r\n
\r\n Current Status
\r\n {/* {matter.MatterStatusCategory} */}\r\n {/* \r\n
\r\n {/* Date
\r\n {/* {matter.MessageDate} */}\r\n {matter.EventDate}\r\n {/* {Moment(matter.EventDate).format(\"DD-MMM-YYYY HH:MM:SS \")} */}\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
*/}\r\n {\r\n matter.EventNotes == null || matter.EventNotes == \"\" ? \"\"\r\n :\r\n (Reason: {matter.EventNotes}
)\r\n } \r\n\r\n {/* {\r\n matter.Reason == null || matter.Reason == \"\" ? \"\"\r\n :\r\n (EventNotes:{matter.Reason}
)\r\n } */}\r\n \r\n \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n datatable = (MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Current Status
\r\n Date
\r\n No Recent Events
);\r\n }\r\n return ( \r\n \r\n {datatable}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableEventsConsents\r\n","import React, { Component } from 'react'\r\nimport { Redirect } from 'react-router-dom';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\nimport TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox';\r\n\r\nimport LoanStatus from '../../organism/LoanStatus/LoanStatus';\r\nimport DataTable from '../../organism/DataTable/DataTable'; \r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\n\r\nimport './css/ConsentsPage.css';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport DataTableEventsConsents from '../../organism/DataTableEventsConsents/DataTableEventsConsents';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass ConsentsPage extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // this.state={\r\n // tbbTarget: null ,\r\n // $windowWidth: window.innerWidth,\r\n // pageTitle : 'discharges',\r\n // leftContent : 'discharges',\r\n // desktopMenu: this.props.location.state.desktopMenu,\r\n // lmwInstructMSASub: this.props.location.state.lmwInstructMSASub\r\n // }\r\n // // alert(this.state.lmwInstructMSASub)\r\n\r\n // this.updateTab=this.updateTab.bind(this)\r\n \r\n // this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n \r\n this.state = {\r\n tbbTarget: null ,\r\n $windowWidth: window.innerWidth,\r\n pageTitle : 'consents',\r\n leftContent : 'consents',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n profileDisplay: \"\",\r\n hasError: false,\r\n matterrestrictions: matterrestrictions,\r\n UserHasConsentsRestriction: null,\r\n UserHasMatterRestriction: false,\r\n InsightBox:0,\r\n }\r\n //alert(this.state.lmwInstructMSASub)\r\n\r\n this.updateTab=this.updateTab.bind(this)\r\n \r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n updateWindowDimension=()=>{\r\n this.setState({\r\n $windowWidth: window.innerWidth,\r\n profileDisplay: \"\"\r\n })\r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n } \r\n\r\n updateTab($tbbTarget){\r\n //console.log(\"Active: \"+$tbbTarget)\r\n\r\n this.setState({\r\n tbbTarget: $tbbTarget\r\n })\r\n }\r\n\r\n\r\n componentDidMount(){\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"consents\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n })\r\n }\r\n\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n\r\n this.setState(\r\n {\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n UserHasMatterRestriction: ((userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false) ||\r\n (userHasDischargesRestriction[0] != null && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false) ||\r\n (userHasConsentsRestriction[0] != null && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false)\r\n )? true: false\r\n })\r\n }\r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n render() {\r\n\r\n console.log(\"Window Width: \"+this.state.$windowWidth); \r\n console.log(\"Active: \"+this.state.tbbTarget);\r\n\r\n var $mobileMaxWidth=768; \r\n const $TabButtonProps={ \r\n \"title\":\"\",\r\n \"activeTarget\":\"LoanStatusBox\",\r\n \"action\": this.updateTab,\r\n \"addcss\": \"TabButtonIcon\",\r\n \"buttons\": [ \r\n {\r\n \"id\": \"1\",\r\n \"label\": \"Loan Status\",\r\n \"target\":\"LoanStatusBox\",\r\n \"addcss\":\" iGreyLoanStatus\",\r\n \"status\": this.state.tbbTarget==\"LoanStatusBox\"||this.state.tbbTarget==null?1:0\r\n },{\r\n \"id\": \"2\",\r\n \"label\": \"Recently Viewed\",\r\n \"target\":\"RecentLoansBox\",\r\n \"addcss\":\"iGreyrecentlyViewed\",\r\n \"status\": this.state.tbbTarget==\"RecentLoansBox\"?1:0\r\n }, {\r\n \"id\": \"3\",\r\n \"label\": \"Recent Events\",\r\n \"target\": \"RecentEventsBox\",\r\n \"addcss\":\" iGreyRecentEvents\",\r\n \"status\": this.state.tbbTarget == \"RecentEventsBox\" ? 1 : 0\r\n } \r\n ]\r\n }; \r\n\r\n if(this.state.hasError){\r\n // return( \r\n this.hideInsightBox()}> \r\n {/*
\r\n\r\n \r\n\r\n \r\n this.hideInsightBox()} \r\n />\r\n Loan Insights \r\n
*/}\r\n\r\n \r\n
\r\n Stats
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n $mobileMaxWidth?\"LoanStatusBox content1 block\":\" LoanStatusBox content1 none\"}> \r\n Loan Status \r\n \r\n \r\n
\r\n\r\n =$mobileMaxWidth?\"RecentLoansBox content2 block\":\"RecentLoansBox content2 none\"}> \r\n Recently Viewed Loans \r\n \r\n \r\n
\r\n\r\n = $mobileMaxWidth ? \"RecentEventsBox content3 block\" : \"RecentEventsBox content3 none\"} >\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Recent Events \r\n
\r\n this.rowClick(e)} >\r\n //
this.rowClick(e, matter.MatterId)} >\r\n \r\n // );\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n return this.showInsightBox()}\r\n showInsightsDetails={this.moreInsights}\r\n > \r\n this.toggleProfileMenu()}\r\n />\r\n\r\n \r\n )\r\n }\r\n}\r\nDischargesPage=AutoLogout(DischargesPage);\r\nexport default DischargesPage\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport Moment from \"moment\";\r\n\r\n\r\n \r\nimport './css/DataTableEvents.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass DataTableEvents extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n loading: false,\r\n matters: [],\r\n shouldRedirect: false,\r\n matterStatusHighlight: 'HighlightBlue',\r\n }\r\n this.rowClick = this.rowClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true\r\n })\r\n // MatterService.getRecentBackchannelEvents().then(resp => {\r\n // this.setState({\r\n // matters: resp.data.Content,\r\n // loading: false\r\n // },()=>{\r\n // //alert(this.state.matters)\r\n // });\r\n // }, (err) => {\r\n // if ( err.response && err.response.status === 401) {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n // } else {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n\r\n \r\n // }\r\n\r\n // });\r\n\r\n // MatterService.getRecentMatterEvents().then(resp => {\r\n // this.setState({\r\n // matters: resp.data.Content,\r\n // loading: false\r\n // });\r\n // }, (err) => {\r\n // if ( err.response && err.response.status === 401) {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n // } else {\r\n // this.setState({\r\n // matter: [],\r\n // loading: false,\r\n // shouldRedirect: true\r\n // });\r\n\r\n \r\n // }\r\n\r\n // });\r\n\r\n MatterService.getRecentMatterEventsFiltered(1).then(resp => {\r\n this.setState({\r\n matters: resp.data.Content,\r\n loading: false\r\n });\r\n }, (err) => {\r\n if ( err.response && err.response.status === 401) {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n } else {\r\n this.setState({\r\n matter: [],\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n \r\n \r\n }\r\n \r\n });\r\n }\r\n\r\n rowClick = (e, matterId) => {\r\n //if(e.target!==-1){\r\n //alert(e.target.id);\r\n //alert(matterId);\r\n window.open('/matter-details:'+matterId)\r\n //}\r\n \r\n //if(event.rowIdx!==-1 &&window.innerWidth>768){\r\n //window.open('/matter')\r\n //window.open('/matter:'+event.dataItem.MatterId)\r\n // }\r\n // if(event.rowIdx!==-1 &&window.innerWidth<=768){\r\n // this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId\r\n // )\r\n // }\r\n //this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId \r\n //)\r\n }\r\n\r\n render() {\r\n\r\n if(this.state.loading)\r\n {\r\n return(
this.rowClick(e, matter.MatterId)} >\r\n
\r\n )\r\n })\r\n } \r\n \r\n )\r\n } \r\n\r\n let datatable = \"\";\r\n\r\n if(this.state.matters!=null && this.state.matters.length != 0){\r\n datatable=(\r\n <>\r\n \r\n
\r\n \r\n MSA Ref
\r\n {('0000000' + matter.MatterId).slice(matterlen)}\r\n \r\n
\r\n \r\n Borrowers
\r\n {/* {matter.Description.length > 30? matter.Description.slice(0,30)+\"...\" : matter.Description } */}\r\n {matter.MatterDescription == null? '' : matter.MatterDescription.length > 30? matter.MatterDescription.slice(0,30)+\"...\" : matter.MatterDescription }\r\n \r\n
\r\n \r\n Lender Ref
\r\n {matter.LenderRefNo}\r\n \r\n {matter.MatterStatus} */}\r\n {/* {matter.MatterStatus} */}\r\n {/* {matter.Message} */}\r\n {/* {matter.Message} */}\r\n {matter.MatterStatus} \r\n
\r\n Current Status
\r\n {/* {matter.MatterStatusCategory} */}\r\n {/* \r\n
\r\n {/* Date
\r\n {/* {matter.MessageDate} */}\r\n {matter.EventDate}\r\n {/* {Moment(matter.EventDate).format(\"DD-MMM-YYYY HH:MM:SS \")} */}\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
*/}\r\n {\r\n matter.EventNotes == null || matter.EventNotes == \"\" ? \"\"\r\n :\r\n (Reason: {matter.EventNotes}
)\r\n } \r\n\r\n {/* {\r\n matter.Reason == null || matter.Reason == \"\" ? \"\"\r\n :\r\n (EventNotes:{matter.Reason}
)\r\n } */}\r\n \r\n \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n datatable = (MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Current Status
\r\n Date
\r\n No Recent Events
);\r\n }\r\n return ( \r\n \r\n {datatable}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableEventsDischarges\r\n","import React, { Component } from 'react'\r\nimport { Redirect } from 'react-router-dom';\r\nimport Card from '../../atom/Card/Card'; \r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\nimport TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox';\r\n\r\nimport LoanStatus from '../../organism/LoanStatus/LoanStatus';\r\nimport DataTable from '../../organism/DataTable/DataTable'; \r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\n\r\nimport './css/DischargesPage.css';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport DataTableEventsDischarges from '../../organism/DataTableEventsDischarges/DataTableEventsDischarges';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass DischargesPage extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // this.state={\r\n // tbbTarget: null ,\r\n // $windowWidth: window.innerWidth,\r\n // pageTitle : 'discharges',\r\n // leftContent : 'discharges',\r\n // desktopMenu: this.props.location.state.desktopMenu,\r\n // lmwInstructMSASub: this.props.location.state.lmwInstructMSASub\r\n // }\r\n // // alert(this.state.lmwInstructMSASub)\r\n\r\n // this.updateTab=this.updateTab.bind(this)\r\n \r\n // this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n \r\n this.state = {\r\n tbbTarget: null ,\r\n $windowWidth: window.innerWidth,\r\n pageTitle : 'discharges',\r\n leftContent : 'discharges',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n profileDisplay: \"\",\r\n hasError: false,\r\n matterrestrictions: matterrestrictions,\r\n UserHasDischargesRestriction: null,\r\n UserHasMatterRestriction: false,\r\n InsightBox:0, \r\n }\r\n //alert(this.state.lmwInstructMSASub)\r\n\r\n this.updateTab=this.updateTab.bind(this)\r\n \r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n updateWindowDimension=()=>{\r\n this.setState({\r\n $windowWidth: window.innerWidth,\r\n profileDisplay: \"\"\r\n })\r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n } \r\n\r\n updateTab($tbbTarget){\r\n //console.log(\"Active: \"+$tbbTarget)\r\n\r\n this.setState({\r\n tbbTarget: $tbbTarget\r\n })\r\n }\r\n\r\n\r\n componentDidMount(){\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"discharges\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n })\r\n }\r\n\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n\r\n this.setState(\r\n {\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasMatterRestriction: ((userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false) ||\r\n (userHasDischargesRestriction[0] != null && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false) ||\r\n (userHasConsentsRestriction[0] != null && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false)\r\n )? true: false\r\n })\r\n }\r\n\r\n toggleProfileMenu(){\r\n if(this.state.profileDisplay==\"\"){\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n }else{\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n render() {\r\n\r\n console.log(\"Window Width: \"+this.state.$windowWidth); \r\n console.log(\"Active: \"+this.state.tbbTarget);\r\n\r\n var $mobileMaxWidth=768; \r\n const $TabButtonProps={ \r\n \"title\":\"\",\r\n \"activeTarget\":\"LoanStatusBox\",\r\n \"action\": this.updateTab,\r\n \"addcss\": \"TabButtonIcon\",\r\n \"buttons\": [ \r\n {\r\n \"id\": \"1\",\r\n \"label\": \"Loan Status\",\r\n \"target\":\"LoanStatusBox\",\r\n \"addcss\":\" iGreyLoanStatus\",\r\n \"status\": this.state.tbbTarget==\"LoanStatusBox\"||this.state.tbbTarget==null?1:0\r\n },{\r\n \"id\": \"2\",\r\n \"label\": \"Recently Viewed\",\r\n \"target\":\"RecentLoansBox\",\r\n \"addcss\":\"iGreyrecentlyViewed\",\r\n \"status\": this.state.tbbTarget==\"RecentLoansBox\"?1:0\r\n }, {\r\n \"id\": \"3\",\r\n \"label\": \"Recent Events\",\r\n \"target\": \"RecentEventsBox\",\r\n \"addcss\":\" iGreyRecentEvents\",\r\n \"status\": this.state.tbbTarget == \"RecentEventsBox\" ? 1 : 0\r\n } \r\n ]\r\n }; \r\n\r\n if(this.state.hasError){\r\n // return( \r\n this.hideInsightBox()}> \r\n \r\n {/*
\r\n\r\n \r\n\r\n \r\n this.hideInsightBox()} \r\n />\r\n Loan Insights \r\n
*/}\r\n\r\n \r\n
\r\n Stats
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n $mobileMaxWidth?\"LoanStatusBox content1 block\":\" LoanStatusBox content1 none\"}> \r\n Loan Status \r\n \r\n \r\n
\r\n\r\n =$mobileMaxWidth?\"RecentLoansBox content2 block\":\"RecentLoansBox content2 none\"}> \r\n Recently Viewed Loans \r\n \r\n \r\n
\r\n\r\n = $mobileMaxWidth ? \"RecentEventsBox content3 block\" : \"RecentEventsBox content3 none\"} >\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Recent Events \r\n
\r\n this.rowClick(e)} >\r\n //
this.rowClick(e, matter.MatterId)} >\r\n
this.rowClick(e, matter.MatterId)} >\r\n
\r\n )\r\n })\r\n } \r\n \r\n )\r\n } \r\n\r\n let datatable = \"\";\r\n\r\n if(this.state.matters!=null && this.state.matters.length != 0){\r\n datatable=(\r\n <>\r\n \r\n
\r\n \r\n MSA Ref
\r\n {('0000000' + matter.MatterId).slice(matterlen)}\r\n \r\n
\r\n \r\n Borrowers
\r\n {/* {matter.Description.length > 30? matter.Description.slice(0,30)+\"...\" : matter.Description } */}\r\n {matter.MatterDescription == null? '' : matter.MatterDescription.length > 30? matter.MatterDescription.slice(0,30)+\"...\" : matter.MatterDescription }\r\n \r\n
\r\n \r\n Lender Ref
\r\n {matter.LenderRefNo}\r\n \r\n {matter.MatterStatus} */}\r\n {/* {matter.MatterStatus} */}\r\n {/* {matter.Message} */}\r\n {/* {matter.Message} */}\r\n {matter.MatterStatus} \r\n
\r\n Current Status
\r\n {/* {matter.MatterStatusCategory} */}\r\n {/* \r\n
\r\n {/* Date
\r\n {/* {matter.MessageDate} */}\r\n {matter.EventDate}\r\n {/* {Moment(matter.EventDate).format(\"DD-MMM-YYYY HH:MM:SS \")} */}\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
*/}\r\n {\r\n matter.EventNotes == null || matter.EventNotes == \"\" ? \"\"\r\n :\r\n (Reason: {matter.EventNotes}
)\r\n } \r\n\r\n {/* {\r\n matter.Reason == null || matter.Reason == \"\" ? \"\"\r\n :\r\n (EventNotes:{matter.Reason}
)\r\n } */}\r\n \r\n \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n datatable = (MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Current Status
\r\n Date
\r\n No Recent Events
);\r\n }\r\n return ( \r\n \r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableEvents\r\n","import React, { Component } from 'react'\r\n \r\nimport HighlightText from '../../atom/HighlightText/HighlightText'; \r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { MatterService } from '../../../services/matter-service';\r\n\r\n\r\n \r\nimport './css/DataTableSimpleSearch.css';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass DataTableSimpleSearch extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n loading: false,\r\n matters: [],\r\n shouldRedirect: false,\r\n matterStatusHighlight: 'HighlightBlue',\r\n }\r\n this.rowClick = this.rowClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true\r\n })\r\n //if(this.props.searchResult!=\"\"){\r\n this.setState({\r\n matters:this.props.data,\r\n loading: false\r\n }, ()=>{\r\n //alert(this.state.matters.length);\r\n });\r\n //} \r\n }\r\n\r\n rowClick = (e, matterId) => {\r\n //if(e.target!==-1){\r\n //alert(e.target.id);\r\n //alert(matterId);\r\n window.open('/matter-details:'+matterId)\r\n //}\r\n \r\n //if(event.rowIdx!==-1 &&window.innerWidth>768){\r\n //window.open('/matter')\r\n //window.open('/matter:'+event.dataItem.MatterId)\r\n // }\r\n // if(event.rowIdx!==-1 &&window.innerWidth<=768){\r\n // this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId\r\n // )\r\n // }\r\n //this.context.router.history.push(\r\n // '/loan-details:'+event.dataItem.MatterId \r\n //)\r\n }\r\n\r\n render() {\r\n\r\n if(this.state.loading)\r\n {\r\n return(\r\n
\r\n \r\n MSA Ref
\r\n Borrowers
\r\n Lender Ref
\r\n Current Status
\r\n Date
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet.
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n \r\n\r\n Date
\r\n 08/31/2022 1:02pm\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\r\n\r\n \r\n
*/}\r\n \r\n \r\n\r\n {datatable}\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n
\r\n \r\n Date
\r\n 08/31/2022 1:02pm\r\n Notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\r\n\r\n this.rowClick(e)} >\r\n \r\n // );\r\n if (localStorage.getItem(\"ssoTimeout\") == null) {\r\n return )\r\n loansDataTable = (this.showInsightBox()}\r\n showInsightsDetails={this.moreInsights}\r\n >\r\n\r\n this.toggleProfileMenu()}\r\n />\r\n\r\n {this.UpdatePartySegment()});\r\n }\r\n\r\n PartyTypeUpdated(e,i){\r\n e.preventDefault();\r\n let types =this.state.PartySegmentPartyTypes;\r\n types[i]=e.target.value;\r\n this.setState({PartySegmentPartyTypes:types},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n \r\n\r\n UpdatePartySegment(){\r\n this.checkIfSessionHasExpired();\r\n let ents = this.state.PartySegmentEntities;\r\n \r\n if(ents.length>this.state.PartySegmentCount){\r\n let partyAddresses = this.state.PartySegmentAddresses;\r\n let partyNames = this.state.PartySegmentNames;\r\n let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let partyTypes= this.state.PartySegmentPartyTypes;\r\n let partyEmails = this.state.PartySegmentEmails;\r\n let partyMobiles = this.state.PartySegmentPhoneNumbers;\r\n let companyPPSR = this.state.PartySegmentCompanyPPSR;\r\n for(let i = this.state.PartySegmentEntities.length; i>this.state.PartySegmentCount && i>this.state.PartySegmentMinCount; i--){\r\n partyAddresses.pop();\r\n partyNames.pop();\r\n partyTypes.pop();\r\n ents.pop();\r\n partyMobiles.pop();\r\n partyEmails.pop();\r\n partyPorCTypes.pop();\r\n companyPPSR.pop();\r\n }\r\n this.setState({PartySegmentAddresses:partyAddresses,PartySegmentNames:partyNames,PartySegmentPartyTypes:partyTypes,\r\n PartySegmentEntities:ents,\r\n PartySegmentPhoneNumbers:partyMobiles,\r\n PartySegmentEmails:partyEmails,\r\n PartySegmentPorCTypes:partyPorCTypes,\r\n PartySegmentCompanyPPSR: companyPPSR\r\n });\r\n }else{\r\n let partyTypes= this.state.PartySegmentPartyTypes;\r\n let partyAdd = this.state.PartySegmentAddresses;\r\n let partyNames = this.state.PartySegmentNames;\r\n let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let partyEmails = this.state.PartySegmentEmails;\r\n let partyMobiles = this.state.PartySegmentPhoneNumbers;\r\n let addressEntity = {'state':'','city':'','number':'','postcode':'','street':''};\r\n //let partyNameEntity = {'GivenName':'','Surname':'','CompanyName':'','Acn':'','Abn':'', 'CompanyPPSR':''};\r\n let partyNameEntity = {'GivenName':'','Surname':'','CompanyName':'','Acn':'','Abn':''};\r\n let companyPPSR = this.state.PartySegmentCompanyPPSR;\r\n for(let f = 0; f{\r\n for(let i =0; i < this.state.PartySegmentCount; i++){\r\n ents[i]=((\r\n <>\r\n
this.rowClick(e, matter.MatterId)} >\r\n
\r\n )\r\n })\r\n } \r\n \r\n )\r\n\r\n let datatable = \"\";\r\n\r\n if(this.state.matters.length > 0){\r\n datatable=(\r\n <>\r\n \r\n
\r\n \r\n MSA Ref
\r\n {('0000000' + matter.MatterId).slice(matterlen)}\r\n \r\n
\r\n\r\n Borrowers
\r\n {matter.MatterDescription.length > 30? matter.MatterDescription.slice(0,30)+\"...\" : matter.MatterDescription }\r\n \r\n
\r\n \r\n Lender
\r\n {matter.LenderName}\r\n \r\n
\r\n\r\n {/* Lender Ref
\r\n {matter.LenderRefNo}\r\n \r\n {matter.MatterStatus} */}\r\n {/* {matter.MatterStatus} */}\r\n {/*
*/}\r\n\r\n Current Status
*/}\r\n {/* {matter.MatterStatusCategory} */}\r\n {/* \r\n
\r\n\r\n {grid}\r\n );\r\n }\r\n else{\r\n datatable = (MSA Ref
\r\n Borrowers
\r\n Lender
\r\n Lender Ref
\r\n {/* Current Status
*/}\r\n No Matching Loans :)
);\r\n }\r\n return ( \r\n \r\n {datatable}\r\n\r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTableSimpleSearch\r\n","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment';\r\n\r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\nimport TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox';\r\nimport SearchBox from '../../molecules/SearchBox/SearchBox';\r\nimport SearchTextIcon from '../../molecules/SearchTextIcon/SearchTextIcon';\r\n\r\nimport LoanStatus from '../../organism/LoanStatus/LoanStatus';\r\nimport DataTable from '../../organism/DataTable/DataTable';\r\n\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\n\r\nimport './css/HomePage.css';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport DataTableEvents from '../../organism/DataTableEvents/DataTableEvents';\r\nimport DataTableSimpleSearch from '../../organism/DataTableSimpleSearch/DataTableSimpleSearch';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\nclass HomePage extends Component {\r\n\r\n constructor(props) {\r\n super(props)\r\n let matterrestrictions = AuthService.getUserTypeRestrictions();\r\n try {\r\n var dmInit = this.props.location.state.desktopMenu;\r\n var lmwimsInit = this.props.location.state.lmwInstructMSASub;\r\n } catch{\r\n var dmInit = \"\";\r\n var lmwimsInit = \"\";\r\n }\r\n\r\n this.state = {\r\n tbbTarget: null,\r\n $windowWidth: window.innerWidth,\r\n pageTitle: 'dashboard',\r\n leftContent: 'dashboard',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n searchText: '',\r\n matters: [],\r\n results: [],\r\n loaded: false,\r\n profileDisplay: \"\",\r\n canQuickSearch: false,\r\n hasError: false,\r\n matterrestrictions: matterrestrictions,\r\n UserHasNewLoansRestriction: null,\r\n UserHasMatterRestriction: false,\r\n InsightBox:0, \r\n }\r\n //alert(this.state.lmwInstructMSASub)\r\n\r\n this.updateTab = this.updateTab.bind(this)\r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.searchClicked = this.searchClicked.bind(this);\r\n this.searchInputChanged = this.searchInputChanged.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n if (localStorage.getItem(\"ssoTimeout\") == null) {\r\n AuthService.logUserActivity(\"dashboard\").then((r) => {\r\n //alert(r.Content)\r\n }, (err) => {\r\n this.setState({\r\n hasError: true\r\n })\r\n });\r\n }\r\n\r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // let userHasNewLoansRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.userHasNewLoansRestriction) : null;\r\n // let userHasDischargesRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasDischargesRestriction) : null;\r\n // let userHasConsentsRestriction = this.state.matterrestrictions != null? this.state.matterrestrictions.map(d=>d.UserHasConsentsRestriction) : null;\r\n \r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n\r\n this.setState(\r\n {\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false,\r\n UserHasMatterRestriction: ((userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false) ||\r\n (userHasDischargesRestriction[0] != null && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false) ||\r\n (userHasConsentsRestriction[0] != null && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false)\r\n )? true: false\r\n })\r\n\r\n MatterService.UserCanQuickSearch().then(\r\n (resp) => {\r\n this.setState({ canQuickSearch: resp.data.Content })\r\n },\r\n (err) => {\r\n this.setState({ canQuickSearch: false })\r\n }\r\n );\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu) {\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n updateWindowDimension = () => {\r\n this.setState({\r\n $windowWidth: window.innerWidth,\r\n profileDisplay: \"\"\r\n })\r\n\r\n if(this.state.$windowWidth<768){\r\n this.hideInsightBox();\r\n }\r\n }\r\n\r\n updateTab($tbbTarget) {\r\n //console.log(\"Active: \"+$tbbTarget)\r\n\r\n this.setState({\r\n tbbTarget: $tbbTarget\r\n })\r\n }\r\n\r\n searchInputChanged(event) {\r\n //setter\r\n //alert(event.target.value);\r\n\r\n const target = event.target;\r\n\r\n this.setState({\r\n searchText: target.value,\r\n loaded: false\r\n });\r\n }\r\n\r\n\r\n\r\n searchClicked(arg) //{ \r\n {\r\n //searchText\r\n //alert(this.state.searchText);\r\n this.setState({\r\n isLoading: true,\r\n currentPage: 0,\r\n loaded: false,\r\n });\r\n //Do Search\r\n MatterService.simpleSearch(this.state.searchText.trim()).then((response) => {\r\n this.setState({\r\n loaded: true,\r\n loading: false,\r\n results: response.data.Content\r\n }, () => {\r\n //console.log(this.state.matters)\r\n });\r\n }, (err) => {\r\n\r\n this.setState({\r\n loaded: false,\r\n loading: false,\r\n shouldRedirect: true\r\n });\r\n\r\n });\r\n }\r\n\r\n toggleProfileMenu() {\r\n if (this.state.profileDisplay == \"\") {\r\n this.setState({\r\n profileDisplay: \"display\"\r\n });\r\n } else {\r\n this.setState({\r\n profileDisplay: \"\"\r\n });\r\n }\r\n }\r\n\r\n showInsightBox(){\r\n // alert(\"Show Insights\")\r\n if(this.state.InsightBox==0){\r\n this.setState({\r\n InsightBox: 1\r\n }); \r\n }else{\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n }\r\n hideInsightBox(){\r\n // /alert(\"Hide Insights\")\r\n this.setState({\r\n InsightBox: 0\r\n });\r\n }\r\n moreInsights(){ \r\n this.handleLeftMenuCallback(\"insights\", \"\",\"\");\r\n // window.open('/insights') \r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n console.log(\"Window Width: \" + this.state.$windowWidth);\r\n console.log(\"Active: \" + this.state.tbbTarget);\r\n\r\n var $mobileMaxWidth = 768;\r\n const $TabButtonProps = {\r\n \"title\": \"\",\r\n \"activeTarget\": \"LoanStatusBox\",\r\n \"action\": this.updateTab,\r\n \"addcss\": \"TabButtonIcon\",\r\n \"buttons\": [\r\n {\r\n \"id\": \"1\",\r\n \"label\": \"Loan Status\",\r\n \"target\": \"LoanStatusBox\",\r\n \"addcss\":\" iGreyLoanStatus\",\r\n \"status\": this.state.tbbTarget == \"LoanStatusBox\" || this.state.tbbTarget == null ? 1 : 0\r\n }, {\r\n \"id\": \"2\",\r\n \"label\": \"Recently Viewed\",\r\n \"target\": \"RecentLoansBox\",\r\n \"addcss\":\"iGreyrecentlyViewed\",\r\n \"status\": this.state.tbbTarget == \"RecentLoansBox\" ? 1 : 0\r\n }, {\r\n \"id\": \"3\",\r\n \"label\": \"Recent Events\",\r\n \"target\": \"RecentEventsBox\",\r\n \"addcss\":\" iGreyRecentEvents\",\r\n \"status\": this.state.tbbTarget == \"RecentEventsBox\" ? 1 : 0\r\n }\r\n ]\r\n };\r\n\r\n if (this.state.hasError) {\r\n // return( \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents Sent \r\n
\r\n\r\n Current Status
\r\n \r\n\r\n
*/}\r\n\r\n \r\n
\r\n \r\n MSA Ref
\r\n 3173116\r\n \r\n
\r\n \r\n Borrowers
\r\n Amy Frances Flintoft\r\n \r\n
\r\n\r\n Lender Ref
\r\n MN123465789012345\r\n \r\n Documents on Hold \r\n
\r\n\r\n Current Status
\r\n \r\n this.searchClicked()}\r\n onKeyDown={() => this.handleKeyDown()}\r\n searchTextChange={this.searchInputChanged}\r\n btnType=\"icon\" />\r\n
);\r\n }\r\n\r\n return (\r\n\r\n \r\n\r\n this.hideInsightBox()}> \r\n {/*
\r\n\r\n\r\n\r\n \r\n )\r\n }\r\n}\r\nHomePage = AutoLogout(HomePage);\r\nexport default HomePage\r\n","import WebApiService from './web-api-service';\r\nimport { AuthService } from './auth-service';\r\nclass instructionService extends WebApiService{\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n CheckIsExistingMatter(lenderReference){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/CheckLenderReferenceExists\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'LenderReference':lenderReference,\r\n }\r\n };\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n },error=>{\r\n reject(error);\r\n });\r\n });\r\n }\r\n GetInstructionXml(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetInstructedXml\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId\r\n }\r\n }\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n\r\n },err=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n GetInstructionHtml(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetInstructedHtml\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId\r\n }\r\n }\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n\r\n },err=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n GetNewLoanInstructionXml(matterId){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetNewloanInstructedXml\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':matterId\r\n }\r\n }\r\n super.get(url,options).then((response)=>{\r\n resolve(response);\r\n\r\n },err=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n GetPayoutTrusts(){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetTrustAccounts\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n GetExistingMatterDetails(msaReferenceNumber){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetExistingDischargeInformation\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'MatterId':msaReferenceNumber,\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n GetMatterDetailsForDischarges(lenderRefNo){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/GetMatterDetailsForDischarges\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token,\r\n 'LenderRefNo':lenderRefNo,\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n SendPayoutData(matterId,body){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/SendPayoutData/\"+matterId;\r\n const options={\r\n 'headers':{\r\n \"Content-Type\": \"application/json\",\r\n 'Authorization':AuthService.token,\r\n }\r\n }\r\n super.postJSONWithHeaders(url,body,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n GetInstructionSchema(){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/InstructionScheme\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url).then((response)=>{\r\n resolve(response);\r\n },\r\n (error)=>{\r\n reject(error);\r\n });\r\n });\r\n }\r\n GetInstructionUISchema(){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/InstructionUIScheme\";\r\n \r\n super.get(url).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n GetInstructionStates(){\r\n return new Promise((resolve,reject)=>{\r\n const url =\"api/GetInstructionStates\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n GetLenderMortgagees(){\r\n return new Promise((resolve,reject)=>{\r\n const url =\"api/getLenderMortgagees\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n\r\n GetLenderMortgageesViewList() {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n const url = \"api/getLenderMortgageesViewList\";\r\n const options = {\r\n \"headers\": {\r\n 'Authorization': AuthService.token,\r\n \"responseType\": \"application/json\"\r\n }\r\n };\r\n\r\n super.get( url, options ).then((response) => {\r\n resolve(response);\r\n }, (err) => {\r\n reject(err);\r\n });\r\n });\r\n }\r\n\r\n\r\n GetDischargeTypes(){\r\n return new Promise((resolve,reject)=>{\r\n const url =\"api/GetDischargeTypes\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n GetDischargeReasonTypes(){\r\n return new Promise((resolve,reject)=>{\r\n const url =\"api/GetDischargeReasonTypes\";\r\n const options={\r\n 'headers':{\r\n 'Authorization':AuthService.token\r\n }\r\n }\r\n super.get(url,options).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n });\r\n })\r\n }\r\n\r\n SendDischargeInstruction(instruction){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/SendDischargeInstruction\";\r\n super.postJSON(url,instruction).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n SendNewLoansInstruction(instruction){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/SendNewLoansInstruction\";\r\n super.postJSON(url,instruction).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n\r\n SendInstructionData(instruction){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/SendInstructionData\";\r\n super.postJSON(url,instruction).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n //reject(err);\r\n if(err.response.data.Message)\r\n {\r\n reject(err.response.data.Message)\r\n }\r\n else\r\n {\r\n reject(err);\r\n }\r\n })\r\n })\r\n }\r\n\r\n SendInstructionDischargeUpload(instruction){\r\n return new Promise((resolve,reject)=>{\r\n const url = \"api/SendInstructionDischargeUpload\";\r\n super.postJSON(url,instruction).then((resp)=>{\r\n resolve(resp);\r\n },(err)=>{\r\n reject(err);\r\n })\r\n })\r\n }\r\n \r\n}\r\n\r\n\r\nexport const InstructionService = new instructionService(); ","import React, { Component } from 'react'\r\n\r\nimport './css/RadioButton.css';\r\n\r\nclass RadioButton extends Component {\r\n render() {\r\n return (\r\n \r\n this.hideInsightBox()} \r\n />\r\n Loan Insights \r\n
*/}\r\n\r\n \r\n
\r\n Stats
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n 100
\r\n \r\n
\r\n Number of Settled Matters
\r\n \r\n
\r\n NSW
\r\n 1000
\r\n \r\n
\r\n VIC
\r\n 500
\r\n \r\n
\r\n QLD
\r\n 356
\r\n \r\n
\r\n WA
\r\n 576
\r\n \r\n
\r\n SA
\r\n 234
\r\n \r\n
\r\n TAS
\r\n 642
\r\n \r\n
\r\n NT
\r\n 123
\r\n \r\n
\r\n Average Days to Settlement
\r\n 3
\r\n \r\n
\r\n Settled using eSign Documents
\r\n 25
\r\n \r\n
\r\n Number of Escalated Files
\r\n 30
\r\n \r\n {this.moreInsights()}}\r\n >More Insights\r\n
\r\n $mobileMaxWidth ? \"LoanStatusBox content1 block\" : \" LoanStatusBox content1 none\"}>\r\n Loan Status \r\n \r\n \r\n
\r\n\r\n\r\n\r\n = $mobileMaxWidth ? \"RecentLoansBox content2 block\" : \"RecentLoansBox content2 none\"}>\r\n \r\n {loansDataTable}\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Recently Viewed Loans \r\n
\r\n {divQuickSearch}\r\n = $mobileMaxWidth ? \"RecentEventsBox content3 block\" : \"RecentEventsBox content3 none\"} >\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Recent Events \r\n
\r\n \r\n {/* */}\r\n {/* */}\r\n \r\n
\r\n )\r\n }\r\n\r\n // let $type=this.props.type;\r\n // return ( \r\n // {this.props.title}
\r\n \r\n // \r\n //
\r\n // )\r\n}\r\n\r\nexport default RadioButton\r\n","import React, { Component } from 'react'\r\nimport RadioButton from '../../atom/RadioButon/RadioButon';\r\n\r\nimport './css/RadioButtonGroup.css';\r\n\r\nclass RadioButtonGroup extends Component {\r\n render() {\r\n return (\r\n {this.props.title}
\r\n // \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default RadioButtonGroup\r\n","import React, { Component } from 'react'\r\n\r\nimport './css/ButtonGroupDischarges.css';\r\n\r\nclass ButtonGroupDischarges extends Component {\r\n render() {\r\n return (\r\n // {this.props.children}
\r\n \r\n {\r\n AuthService.checkIfSessionHasExpired(strToken).then((resp)=>{\r\n this.setState({sessionHasExpired:resp.data},\r\n ()=>{\r\n console.log(\"sessionHasExpired\")\r\n console.log(this.state.sessionHasExpired )\r\n });\r\n },(err)=>{\r\n this.setState({\r\n // isInstructPriv:false,\r\n // shouldRedirect:true\r\n sessionHasExpired: true\r\n });\r\n });\r\n }\r\n\r\n verifyQLDSecurityTitle(i,titleRef, street, suburb, state, postcode){\r\n // alert(titleRef)\r\n // alert(street)\r\n // alert(suburb)\r\n // alert(postcode)\r\n let verifierLoading = this.state.SecurityVerifierLoading;\r\n verifierLoading[i] = true;\r\n let stateReadOnly = this.state.SecurityStateReadOnly;\r\n stateReadOnly[i] = true;\r\n this.setState({SecurityVerifierLoading: verifierLoading},\r\n ()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n\r\n MatterService.VerifyQLDSecurityTitle(titleRef).then((r) =>{\r\n console.log(\"monday\")\r\n console.log(r)\r\n //alert(r.data.Content) \r\n\r\n let securityQLDNotExist = this.state.SecurityQLDNotExist;\r\n let verified = this.state.SecurityQLDDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n let addressesMatched = this.state.SecurityQLDAddressesMatched; \r\n let securityQLDVerifiedAddress = this.state.SecurityQLDVerifiedAddress;\r\n let securityQLDLotNo = this.state.SecurityQLDLotNo;\r\n let securityQLDPlanNo = this.state.SecurityQLDPlanNo;\r\n \r\n // securityQLDVerifiedAddress[i] = (r.data.Content[0].Address != \"\" && r.data.Content[0].Address != null) ? r.data.Content[0].Address.trim().replace('\"','').replace('\"','') : '';\r\n //securityQLDVerifiedAddress[i] = (r.data.Content.results[0].Address != \"\" && r.data.Content.results[0].Address != null) ? r.data.Content.results[0].Address.trim().replace('\"','').replace('\"','') : '';\r\n if(r.data.Content != null)\r\n {\r\n if(r.data.Content.hasError == false)\r\n {\r\n // securityQLDVerifiedAddress[i] = r.data.Content.results != null? ((r.data.Content.results[0].Address != \"\" && r.data.Content.results[0].Address != null) ? r.data.Content.results[0].Address.trim().replace('\"','').replace('\"','') : '') : '';\r\n // securityQLDLotNo[i] = r.data.Content.results != null? ((r.data.Content.results[0].LotNo != \"\" && r.data.Content.results[0].LotNo != null) ? r.data.Content.results[0].LotNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n // securityQLDPlanNo[i] = r.data.Content.results != null? ((r.data.Content.results[0].PlanNo != \"\" && r.data.Content.results[0].PlanNo != null) ? r.data.Content.results[0].PlanNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n securityQLDVerifiedAddress[i] = r.data.Content != null? ((r.data.Content.Address != \"\" && r.data.Content.Address != null) ? r.data.Content.Address.trim().replace('\"','').replace('\"','') : '') : '';\r\n securityQLDLotNo[i] = r.data.Content != null? ((r.data.Content.LotNo != \"\" && r.data.Content.LotNo != null) ? r.data.Content.LotNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n securityQLDPlanNo[i] = r.data.Content != null? ((r.data.Content.PlanNo != \"\" && r.data.Content.PlanNo != null) ? r.data.Content.PlanNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n\r\n }\r\n else{\r\n //securityQLDVerifiedAddress[i] = (r.data.Content[0].Address != \"\" && r.data.Content[0].Address != null) ? r.data.Content[0].Address.trim().replace('\"','').replace('\"','') : '';\r\n securityQLDVerifiedAddress[i] = r.data.Content != null? ((r.data.Content.Address != \"\" && r.data.Content.Address != null) ? r.data.Content.Address.trim().replace('\"','').replace('\"','') : '') : '';\r\n securityQLDLotNo[i] = r.data.Content != null? ((r.data.Content.LotNo != \"\" && r.data.Content.LotNo != null) ? r.data.Content.LotNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n securityQLDPlanNo[i] = r.data.Content != null? ((r.data.Content.PlanNo != \"\" && r.data.Content.PlanNo != null) ? r.data.Content.PlanNo.trim().replace('\"','').replace('\"','') : '') : '';\r\n\r\n }\r\n \r\n }\r\n let address = this.state.SecuritySegmentAddreses; \r\n address[i]['lotNo'] = securityQLDLotNo;\r\n address[i]['planNo'] = securityQLDPlanNo;\r\n \r\n verifierLoading[i] = false;\r\n \r\n this.setState({\r\n SecurityQLDVerifiedAddress: securityQLDVerifiedAddress,\r\n SecurityVerifierLoading: verifierLoading,\r\n SecurityQLDLotNo: securityQLDLotNo,\r\n SecurityQLDPlanNo: securityQLDPlanNo\r\n },()=>{\r\n // alert(this.state.SecurityQLDVerifiedAddress)\r\n this.UpdateSecuritySegment();\r\n });\r\n\r\n \r\n var formAddress = street.trim() + \" \" + suburb.trim() + \" \" + state + \" \" + postcode;\r\n // alert(this.state.SecurityQLDVerifiedAddress)\r\n // alert(formAddress)\r\n //check if security details exists first\r\n //var address = (r.data.Content[0].Address != null && r.data.Content[0].Address != \"\") ? r.data.Content[0].Address.trim().replace('\"','').replace('\"','').replace(\"\\\\\",'') : '';\r\n //if(r.data.Content[0].Address == \"\" || r.data.Content[0].Address == null || address==\"\"){\r\n if(securityQLDVerifiedAddress[i]==\"\"){\r\n verified[i] = true;\r\n needsToBeVerified[i] = false;\r\n securityQLDNotExist[i] = true;\r\n this.setState({\r\n //SecurityQLDAddressesMatched: addressesMatched,\r\n SecurityQLDDetailsVerified: verified,\r\n SecurityQLDNotExist: securityQLDNotExist,\r\n SecurityQLDDetailsNeedsToBeVerified: needsToBeVerified\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else{\r\n //check if details match\r\n securityQLDNotExist[i] = false;\r\n if(formAddress == this.state.SecurityQLDVerifiedAddress[i])\r\n {\r\n verified[i] = true;\r\n needsToBeVerified[i] = false;\r\n addressesMatched[i] = true; \r\n this.setState({\r\n SecurityQLDAddressesMatched: addressesMatched,\r\n SecurityQLDDetailsVerified: verified,\r\n SecurityQLDDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityQLDNotExist: securityQLDNotExist,\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else\r\n {\r\n addressesMatched[i] = false; \r\n verified[i] = false;\r\n needsToBeVerified[i] = true;\r\n \r\n this.setState({\r\n SecurityQLDAddressesMatched: addressesMatched,\r\n SecurityQLDDetailsVerified: verified,\r\n SecurityQLDDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityQLDNotExist: securityQLDNotExist, \r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n console.log('securityNeedsToBeVerified');\r\n console.log(this.state.SecurityQLDDetailsNeedsToBeVerified[i])\r\n console.log('matched');\r\n console.log(this.state.SecurityQLDAddressesMatched[i])\r\n } \r\n );\r\n }\r\n } \r\n \r\n },(err)=>{\r\n this.setState({\r\n hasError: true,\r\n shouldRedirect: true\r\n })\r\n });\r\n }\r\n\r\n verifyNSWSecurityTitle(i,titleRef, street, suburb, state, postcode){\r\n // alert(titleRef)\r\n // alert(street)\r\n // alert(suburb)\r\n // alert(postcode)\r\n let verifierLoading = this.state.SecurityVerifierLoading;\r\n verifierLoading[i] = true;\r\n let stateReadOnly = this.state.SecurityStateReadOnly;\r\n stateReadOnly[i] = true;\r\n this.setState({SecurityVerifierLoading: verifierLoading},\r\n ()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n\r\n MatterService.VerifyNSWSecurityTitle(titleRef).then((r) =>{\r\n console.log(\"nsw\")\r\n console.log(r)\r\n //alert(r.data.Content) \r\n\r\n let securityNSWNotExist = this.state.SecurityNSWNotExist;\r\n let verified = this.state.SecurityNSWDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n let addressesMatched = this.state.SecurityNSWAddressesMatched; \r\n let securityNSWVerifiedAddress = this.state.SecurityNSWVerifiedAddress;\r\n let securityNSWVerifiedLandAddress = this.state.SecurityNSWVerifiedLandAddress;\r\n securityNSWVerifiedAddress[i] = (r.data.Content[0].Address != \"\" && r.data.Content[0].Address != null) ? r.data.Content[0].Address.trim().replace('\"','').replace('\"','') : '';\r\n securityNSWVerifiedLandAddress[i] = (r.data.Content[0].LandAddress != \"\" && r.data.Content[0].LandAddress != null) ? r.data.Content[0].LandAddress : '';\r\n verifierLoading[i] = false;\r\n this.setState({\r\n SecurityNSWVerifiedAddress: securityNSWVerifiedAddress,\r\n SecurityNSWVerifiedLandAddress: securityNSWVerifiedLandAddress,\r\n SecurityVerifierLoading: verifierLoading\r\n },()=>{\r\n // alert(this.state.SecurityQLDVerifiedAddress)\r\n this.UpdateSecuritySegment();\r\n });\r\n\r\n \r\n var formAddress = \"\";\r\n if( securityNSWVerifiedAddress[i]!=\"\" && securityNSWVerifiedAddress[i].includes(\"NSW\"))\r\n {formAddress = street.trim() + \" \" + suburb.trim() + \" \" + state + \" \" + postcode;}\r\n else{\r\n formAddress = street.trim() + \" \" + suburb.trim() + \" \" + postcode;\r\n }\r\n //alert(this.state.SecurityNSWVerifiedAddress)\r\n //alert(formAddress)\r\n //check if security details exists first\r\n //var address = (r.data.Content[0].Address != null && r.data.Content[0].Address != \"\") ? r.data.Content[0].Address.trim().replace('\"','').replace('\"','').replace(\"\\\\\",'') : '';\r\n //if(r.data.Content[0].Address == \"\" || r.data.Content[0].Address == null || address==\"\"){\r\n if(securityNSWVerifiedAddress[i]==\"\"){\r\n verified[i] = true;\r\n needsToBeVerified[i] = false;\r\n securityNSWNotExist[i] = true;\r\n this.setState({\r\n //SecurityQLDAddressesMatched: addressesMatched,\r\n SecurityNSWDetailsVerified: verified,\r\n SecurityNSWNotExist: securityNSWNotExist,\r\n SecurityNSWDetailsNeedsToBeVerified: needsToBeVerified\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else{\r\n //check if details match\r\n securityNSWNotExist[i] = false;\r\n if(formAddress.toLowerCase() == this.state.SecurityNSWVerifiedAddress[i].toLowerCase())\r\n {\r\n verified[i] = true;\r\n needsToBeVerified[i] = false;\r\n addressesMatched[i] = true; \r\n this.setState({\r\n SecurityNSWAddressesMatched: addressesMatched,\r\n SecurityNSWDetailsVerified: verified,\r\n SecurityNSWDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityNSWNotExist: securityNSWNotExist,\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else\r\n {\r\n addressesMatched[i] = false; \r\n verified[i] = false;\r\n needsToBeVerified[i] = true;\r\n \r\n this.setState({\r\n SecurityNSWAddressesMatched: addressesMatched,\r\n SecurityNSWDetailsVerified: verified,\r\n SecurityNSWDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityNSWNotExist: securityNSWNotExist, \r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n console.log('securityNeedsToBeVerified');\r\n console.log(this.state.SecurityNSWDetailsNeedsToBeVerified[i])\r\n console.log('matched');\r\n console.log(this.state.SecurityNSWAddressesMatched[i])\r\n } \r\n );\r\n }\r\n } \r\n \r\n },(err)=>{\r\n this.setState({\r\n hasError: true,\r\n shouldRedirect: true\r\n })\r\n });\r\n }\r\n\r\n verifyVICSecurityTitle(i,titleAdd, street, suburb, state, postcode){\r\n //alert(i)\r\n //this.verifyVICSecurityTitle((i,\"this.state.SecuritySegmentTitleAddresses[i]\", \"this.state.SecuritySegmentAddreses[i]['street']\", \"this.state.SecuritySegmentAddreses[i]['city']\", \"this.state.SecuritySegmentAddreses[i]['state']\", \"this.state.SecuritySegmentAddreses[i]['postcode']\"));\r\n console.log(\"titleAdd\")\r\n console.log(this.state.SecuritySegmentTitleAddresses[i])\r\n // console.log(\"titleAdd2\")\r\n // console.log(titleAdd)\r\n // console.log(\"StreetName\")\r\n// console.log(this.state.SecuritySegmentTitleAddresses[i].StreetName)\r\n if(this.state.SecuritySegmentAddreses[i]!=\"\" && this.state.SecuritySegmentAddreses[i]!=null && this.state.SecuritySegmentAddreses[i]!=undefined)\r\n {\r\n // console.log(\"street\")\r\n // console.log(this.state.SecuritySegmentAddreses[i]['street'])\r\n // console.log(\"suburb\")\r\n // console.log(this.state.SecuritySegmentAddreses[i]['suburb'])\r\n // console.log(\"city\")\r\n // console.log(this.state.SecuritySegmentAddreses[i]['city'])\r\n // console.log(\"postcode\")\r\n // this.state.SecuritySegmentAddreses[i]['postcode']\r\n }\r\n \r\n //check if input matches with the one from file\r\n let verifiedStreetNumber = \"\";\r\n let verifiedStreetName = \"\";\r\n let verifiedStreetType = \"\";\r\n let verifiedSuburb = \"\";\r\n let verifiedState = \"\";\r\n let verifiedPostcode= \"\";\r\n\r\n let securityVICNotExist = this.state.SecurityVICNotExist;\r\n let verified = this.state.SecurityVICDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityVICDetailsNeedsToBeVerified;\r\n let addressesMatched = this.state.SecurityVICAddressesMatched; \r\n let securityVICVerifiedAddress = this.state.SecurityVICVerifiedAddress;\r\n\r\n if(this.state.SecuritySegmentTitleAddresses[i]!=\"\" && this.state.SecuritySegmentTitleAddresses[i]!=null && this.state.SecuritySegmentTitleAddresses!=undefined)\r\n {\r\n verifiedStreetNumber = this.state.SecuritySegmentTitleAddresses[i].StreetNumber!=null && this.state.SecuritySegmentTitleAddresses[i].StreetNumber!=undefined ? this.state.SecuritySegmentTitleAddresses[i].StreetNumber.trim():\"\";\r\n verifiedStreetName = this.state.SecuritySegmentTitleAddresses[i].StreetName!=null && this.state.SecuritySegmentTitleAddresses[i].StreetName!=undefined ? this.state.SecuritySegmentTitleAddresses[i].StreetName.trim():\"\";\r\n verifiedStreetType = this.state.SecuritySegmentTitleAddresses[i].StreetType!=null && this.state.SecuritySegmentTitleAddresses[i].StreetType!=undefined ? this.state.SecuritySegmentTitleAddresses[i].StreetType.trim():\"\";\r\n verifiedSuburb = this.state.SecuritySegmentTitleAddresses[i].Suburb!=null && this.state.SecuritySegmentTitleAddresses[i].Suburb!=undefined ? this.state.SecuritySegmentTitleAddresses[i].Suburb.trim():\"\"; \r\n verifiedState = \"VIC\";//this.state.SecuritySegmentTitleAddresses[i].State;\r\n verifiedPostcode = this.state.SecuritySegmentTitleAddresses[i].Postcode;\r\n }\r\n var formAddress = street.trim() + \" \" + suburb.trim() + \" \" + state + \" \" + postcode;\r\n // var verifiedAddress = verifiedStreetNumber!=null?verifiedStreetNumber.trim():\"\" + \" \" + verifiedStreetName!=null?verifiedStreetName.trim():\"\" + \" \" + verifiedStreetType!=null?verifiedStreetType.trim():\"\" + \" \" + verifiedSuburb!=null?verifiedSuburb.trim():\"\" + \" \" + verifiedState + \" \" + verifiedPostcode;\r\n var verifiedAddress = verifiedStreetNumber.trim() + \" \" + verifiedStreetName.trim() + \" \" + verifiedStreetType.trim() + \" \" + verifiedSuburb.trim() + \" \" + verifiedState + \" \" + verifiedPostcode;\r\n\r\n console.log(\"formAddress\")\r\n console.log(formAddress)\r\n console.log(\"verifiedAddress\")\r\n console.log(verifiedAddress)\r\n\r\n // if(formAddress == verifiedAddress)\r\n // {\r\n // this.setState({\r\n // SecurityVICAddressesMatched: true,\r\n // SecuritySegmentTitleAddresses\r\n // });\r\n // }\r\n // else\r\n // {\r\n // console.log(\"not matched\")\r\n // }\r\n\r\n if(this.state.SecuritySegmentTitleAddresses[i]==\"\" || this.state.SecuritySegmentTitleAddresses[i]==null || this.state.SecuritySegmentTitleAddresses==undefined)\r\n {\r\n //alert(\"no title address\")\r\n verified[i] = false;\r\n needsToBeVerified[i] = false;\r\n addressesMatched[i] = false; \r\n securityVICNotExist[i] = true;\r\n this.setState({\r\n SecurityVICNotExist: securityVICNotExist,\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else{\r\n if(formAddress == verifiedAddress && (this.state.SecuritySegmentTitleAddresses[i]!=\"\" && this.state.SecuritySegmentTitleAddresses[i]!=null && this.state.SecuritySegmentTitleAddresses!=undefined))\r\n {\r\n //alert(\"form address = verified address\")\r\n console.log(\"form address = verified address\")\r\n verified[i] = true;\r\n needsToBeVerified[i] = false;\r\n addressesMatched[i] = true; \r\n securityVICNotExist[i] = false;\r\n securityVICVerifiedAddress[i] = verifiedAddress;\r\n \r\n \r\n this.setState({\r\n SecurityVICAddressesMatched: addressesMatched,\r\n SecurityVICDetailsVerified: verified,\r\n SecurityVICDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityVICNotExist: securityVICNotExist,\r\n SecurityVICVerifiedAddress: securityVICVerifiedAddress\r\n \r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n else\r\n {\r\n //alert(\"form address <> verified address\")\r\n console.log(\"form address <> verified address\")\r\n addressesMatched[i] = false; \r\n verified[i] = false;\r\n needsToBeVerified[i] = true;\r\n securityVICNotExist[i] = false;\r\n securityVICVerifiedAddress[i] = verifiedAddress;\r\n \r\n \r\n let address = this.state.SecuritySegmentAddreses; \r\n \r\n \r\n \r\n if(this.state.SecuritySegmentTitleAddresses[i]!=\"\" && this.state.SecuritySegmentTitleAddresses[i]!=null && this.state.SecuritySegmentTitleAddresses!=undefined)\r\n { \r\n address[i]['street'] = this.state.SecuritySegmentTitleAddresses[i].StreetNumber + \" \" + this.state.SecuritySegmentTitleAddresses[i].StreetName + \" \" + this.state.SecuritySegmentTitleAddresses[i].StreetType;\r\n address[i]['city']= this.state.SecuritySegmentTitleAddresses[i].Suburb;\r\n address[i]['state'] = 'VIC';\r\n address[i]['postcode'] = this.state.SecuritySegmentTitleAddresses[i].Postcode;\r\n } \r\n \r\n \r\n this.setState({\r\n SecurityVICAddressesMatched: addressesMatched,\r\n SecurityVICDetailsVerified: verified,\r\n SecurityVICDetailsNeedsToBeVerified: needsToBeVerified,\r\n SecurityVICNotExist: securityVICNotExist, \r\n SecuritySegmentAddreses: address,\r\n SecurityVICVerifiedAddress: securityVICVerifiedAddress \r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n console.log('securityNeedsToBeVerified');\r\n console.log(this.state.SecurityVICDetailsNeedsToBeVerified[i])\r\n console.log('matched');\r\n console.log(this.state.SecurityVICAddressesMatched[i])\r\n } \r\n );\r\n }\r\n }\r\n\r\n }\r\n\r\n OverrideQLDSecurityTitle(i, securityaddress){\r\n //alert(securityaddress);\r\n let address = this.state.SecuritySegmentAddreses; \r\n const splittedAddress = securityaddress.split(\" \");\r\n\r\n let lotNo= this.state.SecurityQLDLotNo;\r\n let planNo= this.state.SecurityQLDPlanNo;\r\n\r\n address[i]['lotNo'] = lotNo;\r\n address[i]['planNo'] = planNo;\r\n address[i]['street'] = securityaddress.substring(0, securityaddress.indexOf(\",\"));\r\n //address[i]['city'] = securityaddress.substring(0, securityaddress.indexOf(\"QLD\"));\r\n address[i]['city']= securityaddress.substring(\r\n securityaddress.indexOf(\",\") + 1, \r\n securityaddress.lastIndexOf(\"QLD\")\r\n );\r\n address[i]['state'] = 'QLD';\r\n address[i]['postcode'] = splittedAddress.pop();\r\n\r\n let verified = this.state.SecurityQLDDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n\r\n needsToBeVerified[i] = false;\r\n verified[i] = true;\r\n this.setState({\r\n SecuritySegmentAddreses: address,\r\n SecurityQLDDetailsVerified: verified,\r\n SecurityQLDDetailsNeedsToBeVerified: needsToBeVerified,\r\n\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n //this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']\r\n\r\n }\r\n\r\n OverrideNSWSecurityTitle(i, securityaddress){\r\n //alert(securityaddress);\r\n let address = this.state.SecuritySegmentAddreses; \r\n //const splittedAddress = securityaddress.split(\" \");\r\n\r\n // address[i]['street'] = securityaddress.substring(0, securityaddress.indexOf(\",\"));\r\n // //address[i]['city'] = securityaddress.substring(0, securityaddress.indexOf(\"QLD\"));\r\n // address[i]['city']= securityaddress.substring(\r\n // securityaddress.indexOf(\",\") + 1, \r\n // securityaddress.lastIndexOf(\"NSW\")\r\n // );\r\n // address[i]['state'] = 'NSW';\r\n // address[i]['postcode'] = splittedAddress.pop();\r\n\r\n address[i]['street'] = (securityaddress.BuildingName!=\"\"? securityaddress.BuildingName + \" \" : \"\") + securityaddress.StreetNumber + \" \" + securityaddress.StreetName + \" \" + securityaddress.StreetType;\r\n address[i]['city']= securityaddress.Suburb;\r\n address[i]['state'] = 'NSW';\r\n address[i]['postcode'] = securityaddress.PostCode;\r\n\r\n let verified = this.state.SecurityNSWDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n\r\n needsToBeVerified[i] = false;\r\n verified[i] = true;\r\n this.setState({\r\n SecuritySegmentAddreses: address,\r\n SecurityNSWDetailsVerified: verified,\r\n SecurityNSWDetailsNeedsToBeVerified: needsToBeVerified,\r\n\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n //this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']\r\n\r\n }\r\n\r\n IgnoreQLDSecurityTitle(i){\r\n let verified = this.state.SecurityQLDDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n\r\n needsToBeVerified[i] = false;\r\n verified[i] = true;\r\n this.setState({\r\n SecurityQLDDetailsVerified: verified,\r\n SecurityQLDDetailsNeedsToBeVerified: needsToBeVerified,\r\n\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n\r\n IgnoreNSWSecurityTitle(i){\r\n let verified = this.state.SecurityNSWDetailsVerified; \r\n let needsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n\r\n needsToBeVerified[i] = false;\r\n verified[i] = true;\r\n this.setState({\r\n SecurityNSWDetailsVerified: verified,\r\n SecurityNSWDetailsNeedsToBeVerified: needsToBeVerified,\r\n\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n }\r\n\r\n ResetSecurityDetails(i){\r\n let address = this.state.SecuritySegmentAddreses; \r\n //address[i] = \"\";\r\n address[i]['lotNo'] = \"\";\r\n address[i]['planNo']= \"\";\r\n address[i]['street'] = \"\";\r\n address[i]['city']= \"\";\r\n address[i]['state'] = \"\";\r\n address[i]['postcode'] = \"\";\r\n\r\n let stateReadOnly = this.state.SecurityStateReadOnly;\r\n stateReadOnly[i] = false;\r\n\r\n let titleRef = this.state.SecuritySegmentTitleReferences;\r\n let QLDverified = this.state.SecurityQLDDetailsVerified; \r\n let QLDneedsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n let QLDaddressesMatched = this.state.SecurityQLDAddressesMatched; \r\n let SecurityQLDNotExist = this.state.SecurityQLDNotExist;\r\n let NSWverified = this.state.SecurityNSWDetailsVerified; \r\n let NSWneedsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n let NSWaddressesMatched = this.state.SecurityNSWAddressesMatched; \r\n let SecurityNSWNotExist = this.state.SecurityNSWNotExist;\r\n let VICverified = this.state.SecurityVICDetailsVerified; \r\n let VICneedsToBeVerified = this.state.SecurityVICDetailsNeedsToBeVerified;\r\n let VICaddressesMatched = this.state.SecurityVICAddressesMatched; \r\n let SecurityVICNotExist = this.state.SecurityVICNotExist;\r\n\r\n titleRef[i] = \"\";\r\n QLDneedsToBeVerified[i] = false;\r\n QLDverified[i] = false;\r\n QLDaddressesMatched[i] = false; \r\n SecurityQLDNotExist[i] = false;\r\n NSWneedsToBeVerified[i] = false;\r\n NSWverified[i] = false;\r\n NSWaddressesMatched[i] = false; \r\n SecurityNSWNotExist[i] = false;\r\n VICneedsToBeVerified[i] = false;\r\n VICverified[i] = false;\r\n VICaddressesMatched[i] = false; \r\n SecurityVICNotExist[i] = false;\r\n\r\n //reset Mortgagee Details\r\n let mortgageeExists = this.state.SecurityMortgageeExists;\r\n let mortgageeNames = this.state.SecurityMortgageeNames;\r\n let mortgageeNamesManual = this.state.SecurityMortgageeNamesManual;\r\n let mortNumbers = this.state.SecurityMortgageNumbers;\r\n let mortCompanyACN = this.state.SecurityMortgageeCompanyACN;\r\n let mortFormattedTitleRefNo = this.state.SecurityMortgageeFormattedTitleRefNo;\r\n let mortLandDesc = this.state.SecurityMortgageeLandDescription;\r\n let mortLot = this.state.SecurityMortgageeLot;\r\n let mortTitleSearch = this.state.SecurityMortgageeTitleSearchFiles;\r\n let mortId = this.state.SecurityMortgageeId;\r\n\r\n let arrFiles = this.state.SecurityTitleFiles;\r\n //arrFiles.push(this.state.SecurityTitleFiles);\r\n // console.log(this.state.files);\r\n // console.log(\"filename\");\r\n // console.log(this.state.files);\r\n \r\n let securityTitleFiles = [];\r\n\r\n let arrFilenames =this.state.SecurityTitleSearchFilenames;\r\n arrFilenames=[];\r\n\r\n mortgageeExists[i] = false;\r\n mortgageeNames[i] = \"\";\r\n mortgageeNamesManual[i] = \"\";\r\n mortNumbers[i] = \"\";\r\n mortCompanyACN[i] = \"\";\r\n mortFormattedTitleRefNo[i] = \"\";\r\n mortLandDesc[i] = \"\";\r\n mortLot[i] = \"\";\r\n mortId[i] = \"\";\r\n mortTitleSearch[i] = \"\";\r\n //titleRef[i] = \"\";\r\n \r\n this.setState({\r\n SecuritySegmentTitleReferences: titleRef,\r\n SecuritySegmentAddreses: address,\r\n SecurityQLDDetailsVerified: QLDverified,\r\n SecurityQLDDetailsNeedsToBeVerified: QLDneedsToBeVerified,\r\n SecurityQLDAddressesMatched: QLDaddressesMatched,\r\n SecurityQLDNotExist: SecurityQLDNotExist,\r\n SecurityNSWDetailsVerified: NSWverified,\r\n SecurityNSWDetailsNeedsToBeVerified: NSWneedsToBeVerified,\r\n SecurityNSWAddressesMatched: NSWaddressesMatched,\r\n SecurityNSWNotExist: SecurityNSWNotExist,\r\n SecurityVICDetailsVerified: VICverified,\r\n SecurityVICDetailsNeedsToBeVerified: VICneedsToBeVerified,\r\n SecurityVICAddressesMatched: VICaddressesMatched,\r\n SecurityVICNotExist: SecurityVICNotExist,\r\n SecurityMortgageeNames: mortgageeNames,\r\n SecurityMortgageeNamesManual: mortgageeNamesManual,\r\n SecurityMortgageNumbers: mortNumbers,\r\n SecurityMortgageeCompanyACN: mortCompanyACN,\r\n SecurityMortgageeExists: mortgageeExists,\r\n SecurityMortgageeFormattedTitleRefNo: mortFormattedTitleRefNo,\r\n SecurityMortgageeLandDescription: mortLandDesc,\r\n SecurityMortgageeLot: mortLot,\r\n SecurityTitleFiles: securityTitleFiles,\r\n SecurityTitleSearchFilenames: arrFilenames,\r\n SecurityMortgageeId: mortId,\r\n SecurityMortgageeTitleSearchFiles: mortTitleSearch,\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n //this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']\r\n\r\n }\r\n\r\n ResetSecurityOtherDetails(i){\r\n let address = this.state.SecuritySegmentAddreses; \r\n //address[i] = \"\";\r\n address[i]['lotNo'] = \"\";\r\n address[i]['planNo']= \"\";\r\n address[i]['street'] = \"\";\r\n address[i]['city']= \"\";\r\n \r\n address[i]['postcode'] = \"\";\r\n\r\n let stateReadOnly = this.state.SecurityStateReadOnly;\r\n stateReadOnly[i] = false;\r\n\r\n let titleRef = this.state.SecuritySegmentTitleReferences;\r\n let QLDverified = this.state.SecurityQLDDetailsVerified; \r\n let QLDneedsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n let QLDaddressesMatched = this.state.SecurityQLDAddressesMatched; \r\n let SecurityQLDNotExist = this.state.SecurityQLDNotExist;\r\n let NSWverified = this.state.SecurityNSWDetailsVerified; \r\n let NSWneedsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n let NSWaddressesMatched = this.state.SecurityNSWAddressesMatched; \r\n let SecurityNSWNotExist = this.state.SecurityNSWNotExist;\r\n\r\n titleRef[i] = \"\";\r\n QLDneedsToBeVerified[i] = false;\r\n QLDverified[i] = false;\r\n QLDaddressesMatched[i] = false; \r\n SecurityQLDNotExist[i] = false;\r\n NSWneedsToBeVerified[i] = false;\r\n NSWverified[i] = false;\r\n NSWaddressesMatched[i] = false; \r\n SecurityNSWNotExist[i] = false;\r\n\r\n //reset Mortgagee Details\r\n let mortgageeExists = this.state.SecurityMortgageeExists;\r\n let mortgageeNames = this.state.SecurityMortgageeNames;\r\n let mortgageeNamesManual = this.state.SecurityMortgageeNamesManual;\r\n let mortNumbers = this.state.SecurityMortgageNumbers;\r\n let mortCompanyACN = this.state.SecurityMortgageeCompanyACN;\r\n let mortFormattedTitleRefNo = this.state.SecurityMortgageeFormattedTitleRefNo;\r\n let mortLandDesc = this.state.SecurityMortgageeLandDescription;\r\n let mortLot = this.state.SecurityMortgageeLot;\r\n let mortTitleSearch = this.state.SecurityMortgageeTitleSearchFiles;\r\n let mortId = this.state.SecurityMortgageeId;\r\n\r\n let arrFiles = this.state.SecurityTitleFiles;\r\n //arrFiles.push(this.state.SecurityTitleFiles);\r\n // console.log(this.state.files);\r\n // console.log(\"filename\");\r\n // console.log(this.state.files);\r\n \r\n let securityTitleFiles = [];\r\n\r\n let arrFilenames =this.state.SecurityTitleSearchFilenames;\r\n arrFilenames=[];\r\n\r\n mortgageeExists[i] = false;\r\n mortgageeNames[i] = \"\";\r\n mortgageeNamesManual[i] = \"\";\r\n mortNumbers[i] = \"\";\r\n mortCompanyACN[i] = \"\";\r\n mortFormattedTitleRefNo[i] = \"\";\r\n mortLandDesc[i] = \"\";\r\n mortLot[i] = \"\";\r\n mortId[i] = \"\";\r\n mortTitleSearch[i] = \"\";\r\n //titleRef[i] = \"\";\r\n \r\n this.setState({\r\n SecuritySegmentTitleReferences: titleRef,\r\n SecuritySegmentAddreses: address,\r\n SecurityQLDDetailsVerified: QLDverified,\r\n SecurityQLDDetailsNeedsToBeVerified: QLDneedsToBeVerified,\r\n SecurityQLDAddressesMatched: QLDaddressesMatched,\r\n SecurityQLDNotExist: SecurityQLDNotExist,\r\n SecurityNSWDetailsVerified: NSWverified,\r\n SecurityNSWDetailsNeedsToBeVerified: NSWneedsToBeVerified,\r\n SecurityNSWAddressesMatched: NSWaddressesMatched,\r\n SecurityNSWNotExist: SecurityNSWNotExist,\r\n SecurityMortgageeNames: mortgageeNames,\r\n SecurityMortgageeNamesManual: mortgageeNamesManual,\r\n SecurityMortgageNumbers: mortNumbers,\r\n SecurityMortgageeCompanyACN: mortCompanyACN,\r\n SecurityMortgageeExists: mortgageeExists,\r\n SecurityMortgageeFormattedTitleRefNo: mortFormattedTitleRefNo,\r\n SecurityMortgageeLandDescription: mortLandDesc,\r\n SecurityMortgageeLot: mortLot,\r\n SecurityTitleFiles: securityTitleFiles,\r\n SecurityTitleSearchFilenames: arrFilenames,\r\n SecurityMortgageeId: mortId,\r\n SecurityMortgageeTitleSearchFiles: mortTitleSearch,\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n });\r\n //this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']\r\n\r\n \r\n\r\n }\r\n\r\n handleInit() {\r\n \r\n }\r\n \r\n handleItemUpdate(fileItems) {\r\n console.log(fileItems);\r\n // Set current file objects to this.state\r\n\r\n // let val = this.state.SecurityTitleSearches;\r\n // val[i]=fileItems.map(fileItem => fileItem.filename);\r\n // alert(val[i])\r\n // this.setState({SecurityMortgageeNames:val},()=>{this.UpdateSecuritySegment()});\r\n this.setState({\r\n files: fileItems.map(fileItem => fileItem.file),\r\n filenames: fileItems.map(fileItem => fileItem.filename),\r\n //SecurityMortgageeTitleSearchFiles: fileItems.map(fileItem => fileItem.filename)\r\n //SecurityTitleFiles:fileItems\r\n },()=>{\t\r\n // console.log(\"SecurityTitleFiles\");\r\n // console.log(this.state.SecurityTitleFiles);\r\n console.log(\"SecurityTitleSearchFilenames\");\r\n console.log(this.state.filenames);\r\n // this.btnUploadFiles(this.state.files)\r\n // alert(this.state.SecurityTitleSearches)\r\n //this.UpdateSecuritySegment();\r\n });\r\n // console.log(this.state.files);\r\n //this.btnUploadFiles(this.state.files)\r\n }\r\n\r\n btnUploadFiles(i) {\r\n //alert(i)\r\n //alert(this.state.SecuritySegmentAddreses[i]['state'])\r\n // alert(fileItems);\r\n // return;\r\n if (this.state.files.length != 0) {\r\n // console.log(\"Button has been clicked!\");\r\n \r\n // console.log(\"To be upload files\");\r\n // console.log(\r\n // this.props.matterId,\r\n // this.state.files,\r\n // this.props.note.OutstandingItemName\r\n // );\r\n //var safeFilename = this.props.note.OutstandingItemName.replace(/[^a-z0-9]/gi, '_').toLowerCase();\r\n //var safeFilename = fileItem.replace(/[^a-z0-9]/gi, '_').toLowerCase();\r\n\r\n //alert(\"sfsafasdf\")\r\n\r\n var fileName = this.state.files[0].name;\r\n var regex = /^[0-9a-zA-Z \\-_.]*$/;//\"^[a-zA-Z0-9 \\-_.]\";\r\n \r\n\r\n if(!regex.test(fileName) || fileName.length > 200)\r\n {\r\n alert (\"Invalid filename. Please check.\");\r\n return;\r\n }\r\n \r\n \r\n \r\n this.setState({ showModal: true });\r\n MatterDocumentService.uploadTitleSearch(\r\n //this.props.matterId,\r\n this.state.files,\r\n // safeFilename,\r\n //this.props.note.OutstandingItemName\r\n //fileItem\r\n this.state.SecuritySegmentAddreses[i]['state']\r\n ).then(\r\n response => {\r\n console.log('titlesearchdetails');\r\n console.log(response.data.Content);\r\n console.log('SecurityMortgageeNames');\r\n console.log(response.data.Content.MortgageeName);\r\n let mortgageeExists = this.state.SecurityMortgageeExists;\r\n let mortgageeNames = this.state.SecurityMortgageeNames;\r\n let mortNumbers = this.state.SecurityMortgageNumbers;\r\n let mortCompanyACN = this.state.SecurityMortgageeCompanyACN;\r\n let mortFormattedTitleRefNo = this.state.SecurityMortgageeFormattedTitleRefNo;\r\n let mortLandDesc = this.state.SecurityMortgageeLandDescription;\r\n let mortLot = this.state.SecurityMortgageeLot;\r\n let mortTitleSearch = this.state.SecurityMortgageeTitleSearchFiles;\r\n let mortId = this.state.SecurityMortgageeId;\r\n let titleRef = this.state.SecuritySegmentTitleReferences;\r\n let titleAdd = this.state.SecuritySegmentTitleAddresses;\r\n // let address = this.state.SecuritySegmentAddreses;\r\n\r\n let arrFiles = this.state.SecurityTitleFiles;\r\n //arrFiles.push(this.state.SecurityTitleFiles);\r\n // console.log(this.state.files);\r\n // console.log(\"filename\");\r\n // console.log(this.state.files);\r\n arrFiles.push(this.state.files);\r\n console.log(\"arrFiles\")\r\n console.log(arrFiles)\r\n let securityTitleFiles = arrFiles;\r\n\r\n let arrFilenames =this.state.SecurityTitleSearchFilenames;\r\n arrFilenames.push(this.state.filenames);\r\n console.log(\"SecurityTitleSearchFilenames\")\r\n console.log(arrFilenames)\r\n\r\n\r\n let filename = this.state.filenames;//this.state.SecurityMortgageeTitleSearchFiles;//this.state.filenames;\r\n\r\n\r\n // let arrFiles = this.state.SecurityTitleFiles;\r\n // //arrFiles.push(this.state.SecurityTitleFiles);\r\n // console.log(this.state.files);\r\n // console.log(\"filename\");\r\n // console.log(this.state.files);\r\n // arrFiles.push(this.state.files);\r\n // console.log(\"arrFiles\")\r\n // console.log(arrFiles)\r\n // let securityTitleFiles = arrFiles;\r\n\r\n // let arrFilenames =this.state.SecurityTitleSearchFilenames;\r\n // arrFilenames.push(this.state.SecurityTitleSearchFilenames);\r\n\r\n mortgageeExists[i] = response.data.Content.MotgageeExists;\r\n mortgageeNames[i] = response.data.Content.MortgageeName;\r\n mortNumbers[i] = response.data.Content.MortgageNumber;\r\n mortCompanyACN[i] = response.data.Content.MortgageeCompanyACN;\r\n mortFormattedTitleRefNo[i] = response.data.Content.TitleRef;\r\n mortLandDesc[i] = response.data.Content.LandDescription;\r\n mortLot[i] = response.data.Content.Lot;\r\n mortId[i] = response.data.Content.MortgageeId;\r\n mortTitleSearch[i] = filename;\r\n titleRef[i] = response.data.Content.TitleRef;\r\n titleAdd[i] = response.data.Content.TitleAdd;\r\n // address[i] = response.data.Content.TitleAdd;\r\n \r\n this.setState({\r\n SecurityMortgageeNames: mortgageeNames,\r\n SecurityMortgageNumbers: mortNumbers,\r\n SecurityMortgageeCompanyACN: mortCompanyACN,\r\n SecurityMortgageeExists: mortgageeExists,\r\n SecurityMortgageeFormattedTitleRefNo: mortFormattedTitleRefNo,\r\n SecurityMortgageeLandDescription: mortLandDesc,\r\n SecurityMortgageeLot: mortLot,\r\n SecurityTitleFiles: securityTitleFiles,\r\n SecurityTitleSearchFilenames: arrFilenames,\r\n SecurityMortgageeId: mortId,\r\n SecurityMortgageeTitleSearchFiles: mortTitleSearch,\r\n SecuritySegmentTitleReferences: titleRef,\r\n SecuritySegmentTitleAddresses: titleAdd,\r\n\r\n },()=>{\r\n if(this.state.SecuritySegmentAddreses[i]['state']==\"VIC\"){\r\n console.log(\"SecuritySegmentTitleAddresses\");\r\n console.log(this.state.SecuritySegmentTitleAddresses[i]);\r\n //this.verifyVICSecurityTitle((i,this.state.SecuritySegmentTitleAddresses[i], this.state.SecuritySegmentAddreses[i]['street'], this.state.SecuritySegmentAddreses[i]['city'], this.state.SecuritySegmentAddreses[i]['state'], this.state.SecuritySegmentAddreses[i]['postcode']));\r\n \r\n if(this.state.SecuritySegmentAddreses[i]!=\"\" && this.state.SecuritySegmentAddreses[i]!=null && this.state.SecuritySegmentAddreses[i]!=undefined)\r\n { \r\n if(this.state.SecuritySegmentTitleAddresses[i]!=\"\" && this.state.SecuritySegmentTitleAddresses[i]!=null && this.state.SecuritySegmentTitleAddresses[i]!=undefined)\r\n {\r\n this.verifyVICSecurityTitle(i,this.state.SecuritySegmentTitleAddresses[i], this.state.SecuritySegmentAddreses[i]['street'], this.state.SecuritySegmentAddreses[i]['city'], this.state.SecuritySegmentAddreses[i]['state'], this.state.SecuritySegmentAddreses[i]['postcode']); \r\n } \r\n else {\r\n this.verifyVICSecurityTitle(i,\"\", this.state.SecuritySegmentAddreses[i]['street'], this.state.SecuritySegmentAddreses[i]['city'], this.state.SecuritySegmentAddreses[i]['state'], this.state.SecuritySegmentAddreses[i]['postcode']);\r\n }\r\n }\r\n\r\n else{\r\n if(this.state.SecuritySegmentTitleAddresses[i]!=\"\" && this.state.SecuritySegmentTitleAddresses[i]!=null && this.state.SecuritySegmentTitleAddresses[i]!=undefined)\r\n {\r\n this.verifyVICSecurityTitle(i,this.state.SecuritySegmentTitleAddresses[i], \"\", \"\", \"\", \"\");\r\n }\r\n else {\r\n this.verifyVICSecurityTitle(i,\"\", \"\", \"\", \"\", \"\");\r\n }\r\n }\r\n this.UpdateSecuritySegment();\r\n console.log(\"SecurityMortgageeNames2\");\r\n console.log(this.state.SecurityMortgageeNames[i]);\r\n }\r\n else{\r\n this.UpdateSecuritySegment();\r\n console.log(\"SecurityMortgageeNames2\");\r\n console.log(this.state.SecurityMortgageeNames[i]);\r\n }\r\n \r\n \r\n //console.log(\"SecurityTitleSearchFilenames\");\r\n //console.log(this.state.SecurityTitleSearchFilenames);\r\n });\r\n // if( new SAlert({\r\n // //title: \"File Upload\",\r\n // //html: \"Document transferred:
\" + response.data.Message,\r\n // // \"Document transferred: \" + files[0].name + \"
\" + result.Message\r\n // //html: \"
Document Name: \" + response.data.Message,\t\r\n // html: \"
\" + error.message,\r\n type: \"error\"\r\n });\r\n this.setState({ showModal: false });\r\n \r\n }\r\n );\r\n } else {\r\n this.pond.browse();\r\n this.setState({ showModal: false });\r\n // SAlert({\r\n // title: \"File Upload\",\r\n // html: \"Please select file(s)\",\r\n // type: \"error\"\r\n // });\r\n }\r\n }\r\n\r\n isValidEmail(email) {\r\n const re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n }\r\n\r\n isValidNumber(number){\r\n ///^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im\r\n const re =/^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/;\r\n return re.test(String(number).toLowerCase());\r\n }\r\n\r\n stringToBool(value){\r\n if(value && typeof value === \"string\"){\r\n if(value === \"Yes\") return true;\r\n if(value === \"No\") return false;\r\n }\r\n //return value;\r\n }\r\n \r\n\r\n CreateDischargeInstructionEntity(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault(); \r\n\r\n let elem = document.getElementById('instruction-form');\r\n if(!elem.checkValidity()){\r\n elem.reportValidity();\r\n var result = elem.checkValidity();\r\n //alert('there is error');\r\n console.log('there is an error');\r\n console.log(elem.reportValidity());\r\n console.log(result);\r\n return;\r\n }\r\n\r\n //var PPSRRequired = false;\r\n\r\n \r\n var SecurityShouldBeVerifiedFirst = false;\r\n\r\n this.state.PartySegmentPartyTypes.forEach((p,i)=>{\r\n //alert(this.state.SecurityDischargeReasons[i]);\r\n // alert(this.state.PartySegmentCompanyPPSR[i])\r\n // alert(this.state.displayPPSRDischarges)\r\n // alert(this.state.PartySegmentPorCTypes[i])\r\n if(this.state.PartySegmentCompanyPPSR[i] === \"\" && this.state.displayPPSRDischarges && this.state.PartySegmentPorCTypes[i]==='Company'){\r\n alert(\"Please answer PPSR field\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n \r\n }) \r\n\r\n\r\n this.state.SecurityDischargeReasons.forEach((p,i)=>{\r\n //alert(this.state.SecurityDischargeReasons[i]);\r\n if(this.state.SecurityDischargeReasons[i] == \"\"){\r\n alert(\"One ore more security has no reason for discharge.\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n } \r\n \r\n }) \r\n\r\n\r\n this.state.SecuritySegmentAddreses.forEach((p,i)=>{\r\n if(this.state.SecuritySegmentAddreses[i]['state'] == 'QLD' && this.state.SecurityQLDDetailsVerified[i] == false && this.state.shouldverifyQLDSecurityTitle ){\r\n alert(\"QLD Securities must be be verified first.\")\r\n // this.setState({\r\n // SecurityShouldBeVerifiedFirst: true\r\n // });\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n if(this.state.SecuritySegmentAddreses[i]['state'] == 'NSW' && this.state.SecurityNSWDetailsVerified[i] == false && this.state.shouldverifyNSWSecurityTitle ){\r\n alert(\"NSW Securities must be be verified first.\")\r\n // this.setState({\r\n // SecurityShouldBeVerifiedFirst: true\r\n // });\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n\r\n //alert(this.state.SecurityMortgageeNames[i])\r\n //alert(this.state.SecurityMortgageeNamesManual[i])\r\n if(this.state.LenderMortgagees.length > 1){\r\n if(this.state.SecurityMortgageeNames[i] == \"\" && (this.state.SecurityMortgageeNamesManual[i] == \"Select Mortgagee\" || this.state.SecurityMortgageeNamesManual[i] == \"\"))\r\n {\r\n alert(\"Mortgagee is required.\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n }\r\n\r\n if(this.state.SecurityTitleSearches[i]==\"\" && !this.state.TitleReferenceValid[i])\r\n {\r\n // alert(\"Invalid title reference. Please check.\")\r\n // SecurityShouldBeVerifiedFirst = true;\r\n // check input\r\n SecurityShouldBeVerifiedFirst = true;\r\n this.CheckTitleReferenceFormat(e,i,this.state.SecuritySegmentTitleReferences[i])\r\n return;\r\n }\r\n\r\n return;\r\n }) \r\n\r\n if(!SecurityShouldBeVerifiedFirst){\r\n let applicationBatch={};\r\n \r\n let instruction={};\r\n \r\n \r\n instruction['LenderRef']=this.state.InstructionLenderReference.trim();\r\n instruction['DischargeType']=this.state.dischargeTypeName?this.state.dischargeTypeName:'Full';\r\n //instruction['SubType']=this.state.subDischargeType;\r\n //instruction['SelfActing']=this.state.SelfActing;\r\n instruction['LoanDetails'] =[];\r\n this.state.LoanIds.forEach((e,i)=>instruction['LoanDetails'].push({'LoanId':e.trim(),'IndicativeAmount':this.state.IndicativeAmounts[i]}));\r\n // instruction['PartyRep']={'UniqueID':'PR1','Type':'Solicitor','FullName':this.state.PartyRepNames[0],'Email':this.state.PartyRepEmails[0],'PhoneNumber':this.state.PartyRepNumbers[0]};\r\n //this.state.PartyRepNames.forEach((e,i)=>instruction['PartyRep'].push({'FullName':e,'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}));\r\n\r\n // instruction['IncomingMortgagee']=this.state.IncomingMortgageeSegmentCount===0?{}:{'UniqueID':'IM1','Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[0],'Email':this.state.IncomingMortgageeEmails[0],'PhoneNumber':this.state.IncomingMortgageeNumbers[0]};\r\n instruction['Party']=[];\r\n if(this.state.displayPPSRDischarges){\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n instruction['Party'].push({'UniqueID':'P'+i.toString(),'Name':{'GivenName':this.state.PartySegmentNames[i]['GivenName'].trim(),'Surname':this.state.PartySegmentNames[i]['Surname'].trim(),'CompanyName':this.state.PartySegmentNames[i]['CompanyName'].trim(),'ACN':this.state.PartySegmentNames[i]['Acn'].trim(),'ABN':this.state.PartySegmentNames[i]['Abn'].trim()},\r\n 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'].trim(),'City':this.state.PartySegmentAddresses[i]['city'].trim(),'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i].trim(),'Email':this.state.PartySegmentEmails[i].trim(),'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i],'CompanyPPSR':this.state.PartySegmentCompanyPPSR[i]}));\r\n }\r\n else{\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n instruction['Party'].push({'UniqueID':'P'+i.toString(),'Name':{'GivenName':this.state.PartySegmentNames[i]['GivenName'].trim(),'Surname':this.state.PartySegmentNames[i]['Surname'].trim(),'CompanyName':this.state.PartySegmentNames[i]['CompanyName'].trim(),'ACN':this.state.PartySegmentNames[i]['Acn'].trim(),'ABN':this.state.PartySegmentNames[i]['Abn'].trim()},\r\n 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'].trim(),'City':this.state.PartySegmentAddresses[i]['city'].trim(),'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i].trim(),'Email':this.state.PartySegmentEmails[i].trim(),'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]}));\r\n } \r\n \r\n \r\n instruction['Security']=[];\r\n this.state.SecuritySegmentAddreses.forEach((p,i)=>\r\n \r\n instruction['Security'].push(\r\n {\r\n 'UniqueID':'S'+i.toString(),'TitleRef':this.state.SecuritySegmentTitleReferences[i].trim(),\r\n 'SelfActing':this.state.SelfActing[i],\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?2:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?3:0,\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:0,\r\n 'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:0,\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?1:this.state.SecurityDischargeReasons[i]==='External Refinance'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?4:1,\r\n //'SubType':this.state.SecurityDischargeReasons[i]?this.state.SecurityDischargeReasons[i]:1,\r\n 'IncomingMortgagee':this.state.SecurityDischargeReasons[i]==='External Refinance'?{'UniqueID':'IM'+i,'Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[i],'Email':this.state.IncomingMortgageeEmails[i],'FaxNumber':this.state.IncomingMortgageeNumbers[i]}:null,\r\n 'PartyRep':!this.state.SelfActing[i]?{'UniqueID':'PR'+i,'Type':'Solicitor','FullName':this.state.PartyRepNames[i].trim(),'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}:null,\r\n //'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state'],'Postcode':this.state.SecuritySegmentAddreses[i]['postcode']}}));\r\n 'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'].trim(),'City':this.state.SecuritySegmentAddreses[i]['city'].trim(),'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']},\r\n 'MortgageeDetails':{\r\n 'UniqueID':'M'+i,\r\n 'MortgageeId': this.state.SecurityMortgageeId[i],\r\n //'MortgageeName':this.state.SecurityMortgageeNames[i].trim(),\r\n 'MortgageeName':(this.state.SecurityMortgageeNames[i] != null && this.state.SecurityMortgageeNames[i] != \"\")?this.state.SecurityMortgageeNames[i].trim():this.state.SecurityMortgageeNamesManual[i],\r\n 'MortgageeNumber':this.state.SecurityMortgageNumbers[i].trim(),\r\n 'FormattedTitleRefNo':this.state.SecurityMortgageeFormattedTitleRefNo[i].trim(),\r\n 'LandDescription':this.state.SecurityMortgageeLandDescription[i].trim(),\r\n 'LotNumber':this.state.SecurityMortgageeLot[i].trim(),\r\n 'TitleSearchFile': this.state.SecurityMortgageeTitleSearchFiles[i].toString()\r\n }\r\n }));\r\n instruction['SettlementSimultaneousWith']=[];//SettlementSimultaneousWith\r\n this.state.SimultaneousSettlementSegmentLoanIds.forEach((v,i)=>{instruction['SettlementSimultaneousWith'].push(v)});//(p,c,i)=>[{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i-1]},{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i]}]):\r\n \r\n instruction['ImportantNotes'] = {'SettlementNotToBeBookedPriorTo':this.state.ImportantNoteSegmentSettlementNotToBeBookedPriorToDates[0],'CollectSurplus':this.state.ImportantNoteSegmentCollectSurplus[0]==='on'?true:false};\r\n if(this.state.HasBorrowerClearTitleToAddress){\r\n instruction['ImportantNotes']['BorrowerClearTitleTo']={'Address':{'Street':this.state.BorrowerClearTitleToAddress[0]['street'].trim(),'City':this.state.BorrowerClearTitleToAddress[0]['city'].trim(),'State':this.state.BorrowerClearTitleToAddress[0]['state'],'Postcode':this.state.BorrowerClearTitleToAddress[0]['postcode']}};\r\n }\r\n if(this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress){\r\n instruction['ImportantNotes']['GuarantorTitleDeedTo']={'Address':{'Street':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['street'].trim(),'City':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['city'].trim(),'State':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['state'],'Postcode':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['postcode']}};\r\n }\r\n instruction['SpecialConditions']=[];\r\n this.state.SpecialConditionSegmentConditionValues.forEach((e,i)=>\r\n\r\n instruction['SpecialConditions'].push({'Type':this.state.SpecialConditionSegmentConditionTypes[i],'SpecialCondition1':this.state.SpecialConditionSegmentConditionValues[i].trim()}));\r\n\r\n instruction['OtherRequests']=this.state.DischargeinstructionOtherRequests;\r\n \r\n applicationBatch['Application']=instruction;\r\n console.log(applicationBatch);\r\n this.setState({isLoading:true});\r\n InstructionService.SendDischargeInstruction(applicationBatch).then((resp)=>{\r\n this.setState({msg:resp.data.Content,\r\n InstructionSubmit:true,\r\n isLoading:false});\r\n \r\n \r\n },(err)=>{\r\n if (err.response && err.response.status === 401) {\r\n this.setState({\r\n isLoading:false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n\r\n } else {\r\n if(err.response.status== 400){\r\n alert('A matter with this lender reference already exists.');\r\n }\r\n else{\r\n alert(\"There is an error wth the request\");\r\n }\r\n //alert('A matter with this lender reference already exists.');\r\n this.setState({isLoading:false,});\r\n }\r\n });\r\n }\r\n } \r\n \r\n\r\n GetDischargeTypes(){\r\n //this.setState({DischargeTypes:['Full','Partial']});\r\n InstructionService.GetDischargeTypes().then((resp)=>{\r\n this.setState({DischargeTypes:resp.data.Content});\r\n \r\n },\r\n (err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n }\r\n\r\n GetDischargeReasonTypes(){\r\n //this.setState({subDischargeTypeOptions:['Sale','External Refinance','Internal Refinance','Debt Repaid']});\r\n InstructionService.GetDischargeReasonTypes().then((resp)=>{\r\n //alert(resp.data.Content)\r\n this.setState({subDischargeTypeOptions:resp.data.Content},()=>{\r\n \r\n //console.log(\"irene again\")\r\n console.log(this.state.subDischargeTypeOptions)\r\n });\r\n //this.UpdateSecuritySegment();\r\n },\r\n (err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n }\r\n\r\n GetStates(){\r\n let respVal = [];\r\n \r\n InstructionService.GetInstructionStates().then((resp)=>{\r\n this.setState({States:resp.data.Content},()=>{\r\n let mapd=[];\r\n mapd.push();\r\n for(let f=0;f{this.state.States[f]});\r\n };\r\n \r\n this.setState({MappedStates:mapd},()=>{\r\n //this.GetDischargeReasonTypes();\r\n this.UpdateIncomingMortgageeSegment();\r\n this.UpdateSecuritySegment();\r\n this.UpdatePartySegment();\r\n this.UpdatePartyRep();\r\n this.GetDischargeTypes();\r\n this.UpdateImportNotesSegment();\r\n //this.GetTrustAccountOptions();\r\n //this.UpdatePayoutSegment();\r\n });\r\n });\r\n },\r\n (err)=>{\r\n this.setState({\r\n\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n \r\n });\r\n\r\n }\r\n\r\n GetLenderMortgagees(){\r\n let respVal = [];\r\n \r\n InstructionService.GetLenderMortgagees().then((resp)=>{\r\n this.setState({LenderMortgagees:resp.data.Content},()=>{\r\n let mapd=[];\r\n //mapd.push();\r\n for(let f=0;f{this.state.LenderMortgagees[f]});\r\n mapd.push();\r\n };\r\n \r\n this.setState({MappedLenderMortgagees:mapd},()=>{\r\n this.UpdateSecuritySegment(); \r\n });\r\n });\r\n },\r\n (err)=>{\r\n this.setState({\r\n\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n \r\n });\r\n\r\n }\r\n\r\n GetExternalUserPrivilege(){\r\n \r\n /* AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({CanInstructNewLoans:resp.data.Content.CanInstructNewLoans},()=>{}\r\n }) */\r\n\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({\r\n CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n },()=>{console.log(this.state.CanInstructNewLoans)});\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n }\r\n\r\n GetLenderDetails(){\r\n //let userdetails = AuthService.getUserDetails();\r\n //let usertypeid = userdetails != null?userdetails.map(d=>d.usertypeid) : '';\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2)\r\n {\r\n AuthService.GetLenderDetails().then((resp)=>{\r\n this.setState({\r\n IsLenderThinkTank:resp.data.Content\r\n },()=>{console.log(this.state.IsLenderThinkTank)});\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n }\r\n \r\n }\r\n\r\n\r\n UpdateLenderReferenceCombined(e){\r\n e.preventDefault();\r\n let vals = this.state.LoanIds;\r\n var ref = '';\r\n for(let x=0;x{this.UpdateLoanIdSegment();});\r\n\r\n }\r\n IndicativeAmountUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IndicativeAmounts;\r\n val[i]=e.target.value;\r\n this.setState({IndicativeAmounts:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n\r\n\r\n UpdateLoanIdSegment(){\r\n this.checkIfSessionHasExpired();\r\n var ents = this.state.LoanIdEntities;\r\n var loanIds = this.state.LoanIds;\r\n var loanAmounts = this.state.IndicativeAmounts;\r\n if(this.state.LoanIdEntities.length>this.state.LoanIdEntityCount){\r\n for(let i = this.state.LoanIdEntities.length; i>this.state.LoanIdEntityCount && i>this.state.LoanIdEntityMinCount ; i--){\r\n ents.pop();\r\n loanIds.pop();\r\n loanAmounts.pop();\r\n }\r\n this.setState({LoanIdEntities:ents,LoanIds:loanIds,IndicativeAmounts: loanAmounts},()=>{return;});\r\n }else{\r\n \r\n \r\n for(let i = 0; i\r\n
));\r\n }\r\n this.setState({LoanIdEntities:ents,LoanIds:loanIds,IndicativeAmounts: loanAmounts});\r\n }\r\n }\r\n \r\n\r\n PartyRepNameUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepNames;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepNames:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n PartyRepEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepEmails;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepEmails:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n PartyRepNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepNumbers:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n PartyRepTypeUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepType;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepType:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n UpdatePartyRep(){\r\n \r\n \r\n }\r\n\r\n SecurityMortgageeNameUpdated(e,i){\t\r\n //alert(e)\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeNames;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeNames:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeCompanyACNUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeCompanyACN;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeCompanyACN:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageNumberUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageNumbers;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageNumbers:val},()=>{this.UpdateSecuritySegment()});\t\r\n } \t\r\n SecurityMortgageeFormattedTitleRefNoUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeFormattedTitleRefNo;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeFormattedTitleRefNo:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeVolumeUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeVolume;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeVolume:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeFolioUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeFolio;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeFolio:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeBlockUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeBlock;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeBlock:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeDistrictDivisionUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeDistrictDivision;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeDistrictDivision:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeLandDescriptionUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeLandDescription;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeLandDescription:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeSectionUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeSection;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeSection:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeUnitUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeUnit;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeUnit:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeLotUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeLot;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeLot:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\t\r\n SecurityMortgageeTownUpdated(e,i){\t\r\n e.preventDefault();\t\r\n let val = this.state.SecurityMortgageeTown;\t\r\n val[i]=e.target.value;\t\r\n this.setState({SecurityMortgageeTown:val},()=>{this.UpdateSecuritySegment()});\t\r\n }\r\n\r\n IncomingMortgageeNameUpdated(e,i){\r\n //alert(e)\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeNames;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeNames:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n IncomingMortgageeEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeEmails;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeEmails:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n IncomingMortgageeNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeNumbers;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeNumbers:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n IncomingMortgageeTypeUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeType;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeType:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n UpdateIncomingMortgageeSegment(){\r\n let ents = this.state.IncomingMortgageeSegmentEntities;\r\n } \r\n\r\n PartySegmentEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentEmails;\r\n val[i]=e.target.value;\r\n\r\n let emailValidationError = \"\";\r\n\r\n if(e.target.value.trim() == \"\"){\r\n emailValidationError = \"Please fill out email field\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else if(!this.isValidEmail(e.target.value)){\r\n emailValidationError = \"Invalid email\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else{\r\n emailValidationError = \"\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: true\r\n }\r\n );\r\n }\r\n\r\n this.setState({PartySegmentEmails:val},()=>{this.UpdatePartySegment()});\r\n }\r\n PartySegmentNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentPhoneNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentPhoneNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n\r\n PartyAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.PartySegmentAddresses;\r\n if(address[i]===undefined){\r\n let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n address.push(addressEntity);\r\n }\r\n address[i][key]=e.target.value;\r\n\r\n this.setState({PartySegmentAddresses:address},()=>{this.UpdatePartySegment()});\r\n\r\n }\r\n\r\n PartyOrCompanyTypeUpdated(e,i){\r\n e.preventDefault();\r\n // let types = this.state.PartySegmentPartyTypes;\r\n // types[i]=e.target.value;\r\n \r\n //this.setState({PartySegmentPorCTypes:types},()=>{this.UpdatePartySegment()});\r\n let inps = document.getElementById('PartyName'+i).getElementsByTagName('input'); \r\n for(let x = 0;x \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ButtonGroupDischarges\r\n","import React, { Component } from 'react' \r\nimport { Redirect } from 'react-router-dom';\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card'; \r\nimport FormCheckBox from '../../atom/FormCheckBox/FormCheckBox';\r\nimport FormTextArea from '../../atom/FormTextArea/FormTextArea';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport Line from '../../atom/Line/Line';\r\nimport MessageBox from '../../atom/MessageBox/MessageBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport BackBar from '../../molecules/BackBar/BackBar'; \r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport FileUploadBox from '../../molecules/FileUploadBox/FileUploadBox';import TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox'; \r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\n\r\nimport Accordion from '../../organism/Accordion/Accordion'; \r\nimport DataTableDocuments from '../../organism/DataTableDocuments/DataTableDocuments';\r\nimport CommunicationContent from '../../organism/CommunicationContent/CommunicationContent';\r\nimport CommunicationForm from '../../organism/CommunicationForm/CommunicationForm';\r\nimport LoanDetails from '../../organism/LoanDetails/LoanDetails';\r\nimport ProgressStep from '../../organism/ProgressStep/ProgressStep';\r\n\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\nimport './css/InstructMSAPage.css'; \r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { InstructionService } from '../../../services/instruction-service';\r\nimport RadioButton from '../../atom/RadioButon/RadioButon';\r\nimport RadioButtonGroup from '../../molecule/RadioButtonGroup/RadioButtonGroup';\r\nimport {saveAs} from 'file-saver';\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonGroupDischarges from '../../molecule/ButtonGroupDischarges/ButtonGroupDischarges';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport { MatterService } from '../../../services/matter-service';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport Dropzone from 'react-dropzone';\r\nimport { FilePond } from 'react-filepond';\r\nimport { MatterDocumentService } from '../../../services/matter-document-service';\r\nimport SAlert from \"sweetalert2\";\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\nimport ButtonGroup from '../../molecule/ButtonGroup/ButtonGroup';\r\n\r\n\r\nclass InstructMSAPage extends Component { \r\n \r\n constructor(props){\r\n super(props) \r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n let userdetails = AuthService.getUserDetails();\t\r\n let lendername= AuthService.getLendername();\r\n // let token = AuthService.getToken();\r\n this.state={ \r\n pageTitle : 'dischargeinstructions',\r\n leftContent : 'dischargeinstructions',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n shouldRedirect: false,\r\n isInstructPriv: null,\r\n isLoading:false,\r\n onboarding:true,\r\n fade:false,\r\n option:\"\",\r\n prompt:\"\",\r\n copy:\"This page can update MSA's systems, eliminating the need to it for an update to be actioned. only certain lenders are permitted to instruct MSA through the portal. For documentation please contact MSA. You will receive a message asking you to confirm your changes.\",\r\n lenderReference:'',\r\n dischargeType:0,\r\n dischargeTypeName:'',\r\n subDischargeType:0,\r\n subDischargeTypeOptions:['Sale','External Refinance','Debt Repaid','Internal Refinance'],\r\n //subDischargeTypeOptions:{},\r\n matterNumber:'',\r\n matterDescription:'',\r\n isChecking:false,\r\n isExistingLenderReference:false,\r\n isNewLoanConfirmed:false,\r\n hasCheckedReferenceNumber:false,\r\n errorMessage:'',\r\n LoanIds:[],\r\n IndicativeAmounts:[],\r\n LoanIdEntityCount:0,\r\n LoanIdEntityMinCount:1,\r\n LoanIdEntities:[],\r\n PartyRepEntityCount:1,\r\n PartyRepEntitySegmentMinCount:1,\r\n PartyRepEntitySegmentMaxCount:1,\r\n PartyRepNames:[],\r\n PartyRepTypes:[],\r\n PartyRepEmails:[],\r\n PartyRepNumbers:[],\r\n PartyRepEntities:[],\r\n IncomingMortgageeNames:[],\r\n IncomingMortgageeEmails:[],\r\n IncomingMortgageeNumbers:[],\r\n IncomingMortgageeType:[],\r\n IncomingMortgageeSegmentEntities:[],\r\n IncomingMortgageeSegmentCount:0,\r\n IncomingMortgageeSegmentMinCount:0,\r\n IncomingMortgageeSegmentMaxCount:1,\r\n PartySegmentPhoneNumbers:[],\r\n PartySegmentPartyTypes:[],\r\n PartySegmentPorCTypes:[],\r\n PartySegmentCompanyPPSR:[],\r\n PartySegmentNames:[],\r\n PartySegmentEmails:[],\r\n PartySegmentAddresses:[],\r\n PartySegmentMinCount:1,\r\n PartySegmentCount:1,\r\n PartySegmentEntities:[],\r\n SecuritySegmentAddreses:[],\r\n SecuritySegmentTitleReferences:[],\r\n SecuritySegmentTitleAddresses:[],\r\n SecuritySegmentEntities:[],\r\n SecuritySegmentMinCount:1,\r\n SecuritySegmentCount:1,\r\n SecuritySegmentMaxCount:1000,\r\n SimultaneousSettlementSegmentEntities:[],\r\n SimultaneousSettlementSegmentCount:0,\r\n SimultaneousSettlementSegmentMaxCount:1,\r\n SimultaneousSettlementSegmentLoanIds:[],\r\n LoanHasSimultaneous:false,\r\n ImportantNoteSegmentEntities:[],\r\n ImportantNoteSegmentCount:1,\r\n ImportantNoteSegmentMinCount:1,\r\n ImportantNoteSegmentMaxCount:1,\r\n HasImportantNoteSegmentGuarantorTitleDeedToAddress:false,\r\n ImportantNoteSegmentGuarantorTitleDeedToAddress:[],\r\n HasBorrowerClearTitleToAddress:false,\r\n BorrowerClearTitleToAddress:[],\r\n ImportantNoteSegmentSettlementNotToBeBookedPriorToDates:[],\r\n ImportantNoteSegmentCollectSurplus:[],\r\n ImportantNoteSegmentGuarantorNames:[],\r\n SpecialConditionSegmentEntities:[],\r\n SpecialConditionSegmentCount:0,\r\n SpecialConditionSegmentConditionValues:[],\r\n SpecialConditionSegmentConditionTypes:[],\r\n DischargeinstructionOtherRequests:'',\r\n InstructionType:null,\r\n InstructionLenderReference:null,\r\n \r\n MatterExists:false,\r\n CheckedMatter:false,\r\n MsaReference:null,\r\n MatterDescription:null,\r\n MatterLenderReference:null,\r\n DateValidGood:true,\r\n SecurityDischargeReasons:[],\r\n DischargeTypeChoice:[],\r\n\r\n SelfActing:[],\r\n States:[],\r\n DischargeTypes:{},\r\n MappedStates:[],\r\n msg:'',\r\n\r\n PayoutHasSpecialConditions:false,\r\n PayoutSpecialConditions:'',\r\n\r\n HasAnticipatedDate:false,\r\n MatterDateValid:null,\r\n MatterAdditionalNotes:null,\r\n MatterLoanAccounts:null,\r\n PayoutStage:'',\r\n shouldRedirect:false,\r\n InstructionSubmit:false,\r\n CanInstructNewLoans: false,\r\n CanInstructDischarges: false,\r\n CanProvideDischargePayout: false,\r\n CanInstructDischargeUpload: false,\r\n IsLenderThinkTank: false,\r\n //ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage='\r\n userdetails: userdetails,\r\n emailValidationError: null,\r\n profileDisplay: \"\",\t\r\n lenderName: lendername,\r\n shouldverifyQLDSecurityTitle: false,\r\n SecurityQLDAddressesMatched: [],\r\n SecurityQLDAddressOverridden: [],\r\n SecurityQLDDetailsVerified: [],\r\n SecurityQLDDetailsNeedsToBeVerified:[],\r\n SecurityQLDVerifiedAddress:[],\r\n SecurityQLDLotNo:[],\r\n SecurityQLDPlanNo:[],\r\n SecurityVerifierLoading:[],\r\n SecurityQLDNotExist:[],\r\n\r\n shouldverifyNSWSecurityTitle: false, \r\n SecurityNSWVerifiedAddress:[],\r\n SecurityNSWVerifiedLandAddress:[],\r\n SecurityNSWNotExist:[],\r\n SecurityNSWAddressesMatched:[],\r\n SecurityNSWDetailsNeedsToBeVerified: [],\r\n SecurityNSWAddressOverridden: [],\r\n SecurityNSWDetailsVerified: [],\r\n\r\n shouldverifyVICSecurityTitle: false,\r\n SecurityVICAddressesMatched: [],\r\n SecurityVICAddressOverridden: [],\r\n SecurityVICDetailsVerified: [],\r\n SecurityVICDetailsNeedsToBeVerified:[],\r\n SecurityVICVerifiedAddress:[],\r\n SecurityVICLotNo:[],\r\n SecurityVICPlanNo:[],\r\n SecurityVICNotExist:[],\r\n SecurityVICTitleAddress:[], \r\n \r\n SecurityShouldBeVerifiedFirst: false,\r\n MatterDetails: [],\r\n\r\n // Upload Title Search\r\n CanUploadTitleSearch: false,\r\n SecurityTitleSearches: [],\r\n files:[],\r\n filenames: [],\r\n SecurityTitleFiles: [],\r\n SecurityTitleSearchFilenames: [],\r\n SecurityMortgageeExists:[],\r\n SecurityMortgageeTitleSearchFiles:[],\r\n SecurityMortgageeId:[],\r\n SecurityMortgageeNames:[],\r\n SecurityMortgageeNamesManual:[],\r\n SecurityMortgageeCompanyACN:[],\r\n SecurityMortgageNumbers:[],\r\n SecurityMortgageeFormattedTitleRefNo:[],\r\n SecurityMortgageeVolume:[],\r\n SecurityMortgageeFolio:[],\r\n SecurityMortgageeBlock:[],\r\n SecurityMortgageeDistrictDivision:[],\r\n SecurityMortgageeLandDescription:[],\r\n SecurityMortgageeSection:[],\r\n SecurityMortgageeUnit:[],\r\n SecurityMortgageeLot:[],\r\n SecurityMortgageeTown:[],\r\n SecurityStateReadOnly:[],\r\n LenderMortgagees:[],\r\n MappedLenderMortgagees:[],\r\n InsightBox:0, \r\n displayPPSRDischarges: false,\r\n //token: token,\r\n sessionHasExpired: false,\r\n redirectToLogin: false,\r\n IsTitleSearchFromUpload: [],\r\n TitleReferenceValid: [],\r\n TitleRefFormat: [],\r\n }\r\n \r\n\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.CheckMatter=this.CheckMatter.bind(this);\r\n this.UpdateLenderReferenceNumber = this.UpdateLenderReferenceNumber.bind(this);\r\n this.LoanIdUpdated = this.LoanIdUpdated.bind(this);\r\n this.IndicativeAmountUpdated=this.IndicativeAmountUpdated.bind(this);\r\n this.UpdateLoanIdSegment=this.UpdateLoanIdSegment.bind(this);\r\n this.CreateDischargeInstructionEntity=this.CreateDischargeInstructionEntity.bind(this);\r\n this.GetDischargeTypes=this.GetDischargeTypes.bind(this);\r\n this.GetStates = this.GetStates.bind(this);\r\n this.LoanIdUpdated=this.LoanIdUpdated.bind(this);\r\n this.IndicativeAmountUpdated = this.IndicativeAmountUpdated.bind(this);\r\n this.UpdateLoanIdSegment = this.UpdateLoanIdSegment.bind(this);\r\n this.PartyRepNameUpdated = this.PartyRepNameUpdated.bind(this);\r\n this.PartyRepEmailUpdated = this.PartyRepEmailUpdated.bind(this);\r\n this.PartyRepNumberUpdated = this.PartyRepNumberUpdated.bind(this);\r\n this.UpdatePartyRep = this.UpdatePartyRep.bind(this);\r\n this.IncomingMortgageeNameUpdated = this.IncomingMortgageeNameUpdated.bind(this);\r\n this.IncomingMortgageeEmailUpdated=this.IncomingMortgageeEmailUpdated.bind(this);\r\n this.IncomingMortgageeNumberUpdated = this.IncomingMortgageeNumberUpdated.bind(this);\r\n this.UpdateIncomingMortgageeSegment = this.UpdateIncomingMortgageeSegment.bind(this);\r\n this.PartySegmentEmailUpdated = this.PartySegmentEmailUpdated.bind(this);\r\n this.PartySegmentNumberUpdated = this.PartySegmentNumberUpdated.bind(this);\r\n this.PartyAddressUpdated=this.PartyAddressUpdated.bind(this);\r\n this.PartyTypeUpdated=this.PartyTypeUpdated.bind(this);\r\n this.PartyNameUpdated = this.PartyNameUpdated.bind(this);\r\n this.UpdatePartySegment=this.UpdatePartySegment.bind(this);\r\n this.SecurityAddressUpdated = this.SecurityAddressUpdated.bind(this);\r\n this.UpdateSecuritySegment = this.UpdateSecuritySegment.bind(this);\r\n this.SimultaneousSettlementSegmentLoanIdUpdated = this.SimultaneousSettlementSegmentLoanIdUpdated.bind(this);\r\n this.UpdateSimultaneuosSettlementSegment = this.UpdateSimultaneuosSettlementSegment.bind(this);\r\n this.UpdateGuarantorTitleDeedToAddress = this.UpdateGuarantorTitleDeedToAddress.bind(this);\r\n this.UpdateBorrowerClearTitleToAddress = this.UpdateBorrowerClearTitleToAddress.bind(this);\r\n this.SettlementNotToBeBookedPriorToUpdated = this.SettlementNotToBeBookedPriorToUpdated.bind(this);\r\n this.CollectSurplusUpdated = this.CollectSurplusUpdated.bind(this);\r\n this.GuarantorUpdated = this.GuarantorUpdated.bind(this);\r\n this.UpdateImportNotesSegment = this.UpdateImportNotesSegment.bind(this);\r\n this.UpdateSpecialConditionValues = this.UpdateSpecialConditionValues.bind(this);\r\n this.UpdateSpecialConditionSegmentTypes = this.UpdateSpecialConditionSegmentTypes.bind(this);\r\n this.UpdateSpecialConditionSegment = this.UpdateSpecialConditionSegment.bind(this);\r\n //this.CreateDischargeInstructionEntity =this.CreateDischargeInstructionEntity.bind(this);\r\n this.SecurityTitleReferenceUpdated = this.SecurityTitleReferenceUpdated.bind(this);\r\n this.GetDischargeTypes = this.GetDischargeTypes.bind(this);\r\n //this.GetStates = this.GetStates.bind(this);\r\n this.UpdateLenderReferenceCombined = this.UpdateLenderReferenceCombined.bind(this);\r\n this.LoanIdUpdated = this.LoanIdUpdated.bind(this);\r\n this.IndicativeAmountUpdated=this.IndicativeAmountUpdated.bind(this);\r\n this.DownloadInstructionHtml=this.DownloadInstructionHtml.bind(this);\r\n this.DownloadInstructionXml=this.DownloadInstructionXml.bind(this);\r\n this.GetExternalUserPrivilege = this.GetExternalUserPrivilege.bind(this);\r\n this.GetLenderDetails = this.GetLenderDetails.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n this.GetDischargeReasonTypes = this.GetDischargeReasonTypes.bind(this);\r\n this.ResetForm = this.ResetForm.bind(this);\r\n this.GetLenderMortgagees = this.GetLenderMortgagees.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n\r\n ResetForm(){\r\n this.setState({\r\n PartySegmentPhoneNumbers:[],\r\n PartySegmentPartyTypes:[],\r\n PartySegmentPorCTypes:[],\r\n PartySegmentCompanyPPSR:[],\r\n PartySegmentNames:[],\r\n PartySegmentEmails:[],\r\n PartySegmentAddresses:[],\r\n PartySegmentMinCount:1,\r\n PartySegmentCount:1,\r\n PartySegmentEntities:[],\r\n SecuritySegmentAddreses:[],\r\n SecuritySegmentTitleReferences:[],\r\n SecuritySegmentEntities:[],\r\n SecuritySegmentMinCount:1,\r\n SecuritySegmentCount:1,\r\n LoanIds:[],\r\n IndicativeAmounts:[],\r\n LoanIdEntityCount:1,\r\n LoanIdEntityMinCount:1,\r\n LoanIdEntities:[],\r\n \r\n },()=>{\r\n this.UpdatePartySegment();\r\n this.UpdateSecuritySegment();\r\n this.UpdateLoanIdSegment();\r\n });\r\n\r\n }\r\n \r\n componentDidMount(){\r\n document.title='Loantrak - Discharges Application';\r\n AuthService.isNewVersionDetected();\r\n\r\n if(localStorage.getItem(\"ssoTimeout\") == null){\r\n AuthService.logUserActivity(\"discharges instruction\").then((r) =>{\r\n //alert(r.Content)\r\n },(err)=>{\r\n this.setState({\r\n hasError: true\r\n })\r\n });\r\n }\r\n\r\n MatterService.ShouldVerifyQLDSecurityTitle().then((r) =>{\r\n console.log(\"monday\")\r\n console.log(r)\r\n //alert(r.data.Content)\r\n this.setState({\r\n shouldverifyQLDSecurityTitle: r.data.Content\r\n })\r\n },(err)=>{\r\n this.setState({\r\n hasError: true,\r\n shouldRedirect: true\r\n })\r\n });\r\n\r\n MatterService.ShouldVerifyNSWSecurityTitle().then((r) =>{\r\n console.log(\"NSW\")\r\n console.log(r)\r\n //alert(r.data.Content)\r\n this.setState({\r\n shouldverifyNSWSecurityTitle: r.data.Content\r\n })\r\n },(err)=>{\r\n this.setState({\r\n hasError: true,\r\n shouldRedirect: true\r\n })\r\n });\r\n\r\n MatterService.CanUserDoTitleSearchUpload().then((s) =>{\t\r\n console.log(\"CanUploadTitleSearch\")\t\r\n console.log(s)\t\r\n //alert(r.data.Content)\t\r\n this.setState({\t\r\n CanUploadTitleSearch: s.data.Content\t\r\n })\t\r\n },(err)=>{\t\r\n this.setState({\t\r\n hasError: true,\t\r\n shouldRedirect: true\t\r\n })\t\r\n });\r\n\r\n MatterService.DisplayPPSRDischarges().then((s) =>{\t\r\n console.log(\"DisplayPPSRDischarges\")\t\r\n console.log(s)\t\r\n //alert(r.data.Content)\t\r\n this.setState({\t\r\n displayPPSRDischarges: s.data.Content\t\r\n })\t\r\n },(err)=>{\t\r\n this.setState({\t\r\n //hasError: true,\t\r\n //shouldRedirect: true\t\r\n })\t\r\n });\r\n \r\n \r\n this.setState({LoanIdEntityCount:this.state.LoanIdEntityCount+1},()=>{this.UpdateLoanIdSegment();});\r\n //this.GetDischargeReasonTypes();\r\n this.GetStates();\r\n this.GetExternalUserPrivilege();\r\n this.GetLenderMortgagees();\r\n //this.GetLenderDetails();\r\n\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2)\t\r\n {\t\r\n this.setState({\t\r\n IsLenderThinkTank: this.state.lenderName !=null ? this.state.lenderName.toLowerCase().includes('think tank')?true:false : false\t\r\n });\t\r\n // AuthService.GetLenderDetails().then((resp)=>{\t\r\n // this.setState({\t\r\n // IsLenderThinkTank:resp.data.Content\t\r\n // },()=>{console.log(this.state.IsLenderThinkTank);\t\r\n // //alert(this.state.IsLenderThinkTank)\t\r\n // });\t\r\n // },(err)=>{\t\r\n // console.log(\"there is an error\")\t\r\n // //this.setState({isInstructPriv:false});\t\r\n // })\t\r\n }\t\r\n\r\n\r\n AuthService.isUserAuthorisedToInstruct().then((resp)=>{\r\n this.setState({isInstructPriv:true,shouldRedirect:false},\r\n ()=>{\r\n console.log(\"caninstruct\" + \"shouldred\")\r\n console.log(this.state.isInstructPriv )\r\n console.log( this.state.shouldRedirect)\r\n });\r\n },(err)=>{\r\n this.setState({\r\n isInstructPriv:false,\r\n shouldRedirect:true\r\n });\r\n });\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({\r\n CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n shouldRedirect: !resp.data.Content.CanInstructDischarges,\r\n },()=>{\r\n console.log(this.state.CanInstructDischarges)\r\n });\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n\r\n \r\n\r\n \r\n }\r\n\r\n componentWillUpdate(np,ns){\r\n if(ns!==this.state){\r\n \r\n }\r\n }\r\n componentDidUpdate(){\r\n let displayNoneElems = document.querySelectorAll('div[style*=\"display:none\"]');\r\n for(let y=0; y\" + response.data.Message,\r\n // // \"Document transferred: \" + files[0].name + \"
\" + result.Message\r\n // //html: \"
A document has been successfully uploaded.
\",//Document Name: \" + response.data.Message,\t\r\n // html: \"
The document has been uploaded and will be sent to the system shortly.
\",\r\n // //onClose:()=>{this.reloadNotes()}\r\n // didClose:()=>{this.reloadNotes()}\r\n // //didClose:this.reloadNotes()\r\n // })\r\n // // .then(function(){\r\n \r\n // // }\r\n\r\n // // )\r\n // ){\r\n // this.setState({\r\n // files: [],\r\n // showModal:false,\t\r\n // uploadSuccess: true\r\n // });\r\n // //this.props.Reload();\r\n // }else{\r\n // alert(\"Document has ben transferred.\");\r\n // this.setState({\r\n // files: [],\r\n // showModal:false\r\n // });\r\n // this.props.Reload();\r\n // }\r\n \r\n \r\n \r\n },\r\n error => {\r\n new SAlert({\r\n title: \"File Upload\",\r\n html: \"Document transfer FAILED.\",//\" + error.message,\r\n type: \"error\"\r\n });\r\n this.setState({ showModal: false });\r\n \r\n }\r\n );\r\n } else {\r\n this.pond.browse();\r\n this.setState({ showModal: false });\r\n // SAlert({\r\n // title: \"File Upload\",\r\n // html: \"Please select file(s)\",\r\n // type: \"error\"\r\n // });\r\n }\r\n }\r\n\r\n isValidEmail(email) {\r\n const re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n }\r\n\r\n isValidNumber(number){\r\n ///^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im\r\n const re =/^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/;\r\n return re.test(String(number).toLowerCase());\r\n }\r\n\r\n stringToBool(value){\r\n if(value && typeof value === \"string\"){\r\n if(value === \"Yes\") return true;\r\n if(value === \"No\") return false;\r\n }\r\n //return value;\r\n }\r\n \r\n\r\n CreateDischargeInstructionEntity(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault(); \r\n\r\n let elem = document.getElementById('instruction-form');\r\n if(!elem.checkValidity()){\r\n elem.reportValidity();\r\n var result = elem.checkValidity();\r\n //alert('there is error');\r\n console.log('there is an error');\r\n console.log(elem.reportValidity());\r\n console.log(result);\r\n return;\r\n }\r\n\r\n //var PPSRRequired = false;\r\n\r\n \r\n var SecurityShouldBeVerifiedFirst = false;\r\n\r\n this.state.PartySegmentPartyTypes.forEach((p,i)=>{\r\n //alert(this.state.SecurityDischargeReasons[i]);\r\n // alert(this.state.PartySegmentCompanyPPSR[i])\r\n // alert(this.state.displayPPSRDischarges)\r\n // alert(this.state.PartySegmentPorCTypes[i])\r\n if(this.state.PartySegmentCompanyPPSR[i] === \"\" && this.state.displayPPSRDischarges && this.state.PartySegmentPorCTypes[i]==='Company'){\r\n alert(\"Please answer PPSR field\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n \r\n }) \r\n\r\n\r\n this.state.SecurityDischargeReasons.forEach((p,i)=>{\r\n //alert(this.state.SecurityDischargeReasons[i]);\r\n if(this.state.SecurityDischargeReasons[i] == \"\"){\r\n alert(\"One ore more security has no reason for discharge.\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n } \r\n \r\n }) \r\n\r\n\r\n this.state.SecuritySegmentAddreses.forEach((p,i)=>{\r\n if(this.state.SecuritySegmentAddreses[i]['state'] == 'QLD' && this.state.SecurityQLDDetailsVerified[i] == false && this.state.shouldverifyQLDSecurityTitle ){\r\n alert(\"QLD Securities must be be verified first.\")\r\n // this.setState({\r\n // SecurityShouldBeVerifiedFirst: true\r\n // });\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n if(this.state.SecuritySegmentAddreses[i]['state'] == 'NSW' && this.state.SecurityNSWDetailsVerified[i] == false && this.state.shouldverifyNSWSecurityTitle ){\r\n alert(\"NSW Securities must be be verified first.\")\r\n // this.setState({\r\n // SecurityShouldBeVerifiedFirst: true\r\n // });\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n\r\n //alert(this.state.SecurityMortgageeNames[i])\r\n //alert(this.state.SecurityMortgageeNamesManual[i])\r\n if(this.state.LenderMortgagees.length > 1){\r\n if(this.state.SecurityMortgageeNames[i] == \"\" && (this.state.SecurityMortgageeNamesManual[i] == \"Select Mortgagee\" || this.state.SecurityMortgageeNamesManual[i] == \"\"))\r\n {\r\n alert(\"Mortgagee is required.\")\r\n SecurityShouldBeVerifiedFirst = true;\r\n return;\r\n }\r\n }\r\n\r\n if(this.state.SecurityTitleSearches[i]==\"\" && !this.state.TitleReferenceValid[i])\r\n {\r\n // alert(\"Invalid title reference. Please check.\")\r\n // SecurityShouldBeVerifiedFirst = true;\r\n // check input\r\n SecurityShouldBeVerifiedFirst = true;\r\n this.CheckTitleReferenceFormat(e,i,this.state.SecuritySegmentTitleReferences[i])\r\n return;\r\n }\r\n\r\n return;\r\n }) \r\n\r\n if(!SecurityShouldBeVerifiedFirst){\r\n let applicationBatch={};\r\n \r\n let instruction={};\r\n \r\n \r\n instruction['LenderRef']=this.state.InstructionLenderReference.trim();\r\n instruction['DischargeType']=this.state.dischargeTypeName?this.state.dischargeTypeName:'Full';\r\n //instruction['SubType']=this.state.subDischargeType;\r\n //instruction['SelfActing']=this.state.SelfActing;\r\n instruction['LoanDetails'] =[];\r\n this.state.LoanIds.forEach((e,i)=>instruction['LoanDetails'].push({'LoanId':e.trim(),'IndicativeAmount':this.state.IndicativeAmounts[i]}));\r\n // instruction['PartyRep']={'UniqueID':'PR1','Type':'Solicitor','FullName':this.state.PartyRepNames[0],'Email':this.state.PartyRepEmails[0],'PhoneNumber':this.state.PartyRepNumbers[0]};\r\n //this.state.PartyRepNames.forEach((e,i)=>instruction['PartyRep'].push({'FullName':e,'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}));\r\n\r\n // instruction['IncomingMortgagee']=this.state.IncomingMortgageeSegmentCount===0?{}:{'UniqueID':'IM1','Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[0],'Email':this.state.IncomingMortgageeEmails[0],'PhoneNumber':this.state.IncomingMortgageeNumbers[0]};\r\n instruction['Party']=[];\r\n if(this.state.displayPPSRDischarges){\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n instruction['Party'].push({'UniqueID':'P'+i.toString(),'Name':{'GivenName':this.state.PartySegmentNames[i]['GivenName'].trim(),'Surname':this.state.PartySegmentNames[i]['Surname'].trim(),'CompanyName':this.state.PartySegmentNames[i]['CompanyName'].trim(),'ACN':this.state.PartySegmentNames[i]['Acn'].trim(),'ABN':this.state.PartySegmentNames[i]['Abn'].trim()},\r\n 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'].trim(),'City':this.state.PartySegmentAddresses[i]['city'].trim(),'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i].trim(),'Email':this.state.PartySegmentEmails[i].trim(),'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i],'CompanyPPSR':this.state.PartySegmentCompanyPPSR[i]}));\r\n }\r\n else{\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n instruction['Party'].push({'UniqueID':'P'+i.toString(),'Name':{'GivenName':this.state.PartySegmentNames[i]['GivenName'].trim(),'Surname':this.state.PartySegmentNames[i]['Surname'].trim(),'CompanyName':this.state.PartySegmentNames[i]['CompanyName'].trim(),'ACN':this.state.PartySegmentNames[i]['Acn'].trim(),'ABN':this.state.PartySegmentNames[i]['Abn'].trim()},\r\n 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'].trim(),'City':this.state.PartySegmentAddresses[i]['city'].trim(),'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i].trim(),'Email':this.state.PartySegmentEmails[i].trim(),'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]}));\r\n } \r\n \r\n \r\n instruction['Security']=[];\r\n this.state.SecuritySegmentAddreses.forEach((p,i)=>\r\n \r\n instruction['Security'].push(\r\n {\r\n 'UniqueID':'S'+i.toString(),'TitleRef':this.state.SecuritySegmentTitleReferences[i].trim(),\r\n 'SelfActing':this.state.SelfActing[i],\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?2:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?3:0,\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:0,\r\n 'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?0:this.state.SecurityDischargeReasons[i]==='External Refinance'?1:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:0,\r\n //'SubType':this.state.SecurityDischargeReasons[i]==='Sale'?1:this.state.SecurityDischargeReasons[i]==='External Refinance'?2:this.state.SecurityDischargeReasons[i]==='Internal Refinance'?3:this.state.SecurityDischargeReasons[i]==='Debt Repaid'?4:1,\r\n //'SubType':this.state.SecurityDischargeReasons[i]?this.state.SecurityDischargeReasons[i]:1,\r\n 'IncomingMortgagee':this.state.SecurityDischargeReasons[i]==='External Refinance'?{'UniqueID':'IM'+i,'Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[i],'Email':this.state.IncomingMortgageeEmails[i],'FaxNumber':this.state.IncomingMortgageeNumbers[i]}:null,\r\n 'PartyRep':!this.state.SelfActing[i]?{'UniqueID':'PR'+i,'Type':'Solicitor','FullName':this.state.PartyRepNames[i].trim(),'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}:null,\r\n //'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state'],'Postcode':this.state.SecuritySegmentAddreses[i]['postcode']}}));\r\n 'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'].trim(),'City':this.state.SecuritySegmentAddreses[i]['city'].trim(),'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']},\r\n 'MortgageeDetails':{\r\n 'UniqueID':'M'+i,\r\n 'MortgageeId': this.state.SecurityMortgageeId[i],\r\n //'MortgageeName':this.state.SecurityMortgageeNames[i].trim(),\r\n 'MortgageeName':(this.state.SecurityMortgageeNames[i] != null && this.state.SecurityMortgageeNames[i] != \"\")?this.state.SecurityMortgageeNames[i].trim():this.state.SecurityMortgageeNamesManual[i],\r\n 'MortgageeNumber':this.state.SecurityMortgageNumbers[i].trim(),\r\n 'FormattedTitleRefNo':this.state.SecurityMortgageeFormattedTitleRefNo[i].trim(),\r\n 'LandDescription':this.state.SecurityMortgageeLandDescription[i].trim(),\r\n 'LotNumber':this.state.SecurityMortgageeLot[i].trim(),\r\n 'TitleSearchFile': this.state.SecurityMortgageeTitleSearchFiles[i].toString()\r\n }\r\n }));\r\n instruction['SettlementSimultaneousWith']=[];//SettlementSimultaneousWith\r\n this.state.SimultaneousSettlementSegmentLoanIds.forEach((v,i)=>{instruction['SettlementSimultaneousWith'].push(v)});//(p,c,i)=>[{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i-1]},{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i]}]):\r\n \r\n instruction['ImportantNotes'] = {'SettlementNotToBeBookedPriorTo':this.state.ImportantNoteSegmentSettlementNotToBeBookedPriorToDates[0],'CollectSurplus':this.state.ImportantNoteSegmentCollectSurplus[0]==='on'?true:false};\r\n if(this.state.HasBorrowerClearTitleToAddress){\r\n instruction['ImportantNotes']['BorrowerClearTitleTo']={'Address':{'Street':this.state.BorrowerClearTitleToAddress[0]['street'].trim(),'City':this.state.BorrowerClearTitleToAddress[0]['city'].trim(),'State':this.state.BorrowerClearTitleToAddress[0]['state'],'Postcode':this.state.BorrowerClearTitleToAddress[0]['postcode']}};\r\n }\r\n if(this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress){\r\n instruction['ImportantNotes']['GuarantorTitleDeedTo']={'Address':{'Street':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['street'].trim(),'City':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['city'].trim(),'State':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['state'],'Postcode':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['postcode']}};\r\n }\r\n instruction['SpecialConditions']=[];\r\n this.state.SpecialConditionSegmentConditionValues.forEach((e,i)=>\r\n\r\n instruction['SpecialConditions'].push({'Type':this.state.SpecialConditionSegmentConditionTypes[i],'SpecialCondition1':this.state.SpecialConditionSegmentConditionValues[i].trim()}));\r\n\r\n instruction['OtherRequests']=this.state.DischargeinstructionOtherRequests;\r\n \r\n applicationBatch['Application']=instruction;\r\n console.log(applicationBatch);\r\n this.setState({isLoading:true});\r\n InstructionService.SendDischargeInstruction(applicationBatch).then((resp)=>{\r\n this.setState({msg:resp.data.Content,\r\n InstructionSubmit:true,\r\n isLoading:false});\r\n \r\n \r\n },(err)=>{\r\n if (err.response && err.response.status === 401) {\r\n this.setState({\r\n isLoading:false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n\r\n } else {\r\n if(err.response.status== 400){\r\n alert('A matter with this lender reference already exists.');\r\n }\r\n else{\r\n alert(\"There is an error wth the request\");\r\n }\r\n //alert('A matter with this lender reference already exists.');\r\n this.setState({isLoading:false,});\r\n }\r\n });\r\n }\r\n } \r\n \r\n\r\n GetDischargeTypes(){\r\n //this.setState({DischargeTypes:['Full','Partial']});\r\n InstructionService.GetDischargeTypes().then((resp)=>{\r\n this.setState({DischargeTypes:resp.data.Content});\r\n \r\n },\r\n (err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n }\r\n\r\n GetDischargeReasonTypes(){\r\n //this.setState({subDischargeTypeOptions:['Sale','External Refinance','Internal Refinance','Debt Repaid']});\r\n InstructionService.GetDischargeReasonTypes().then((resp)=>{\r\n //alert(resp.data.Content)\r\n this.setState({subDischargeTypeOptions:resp.data.Content},()=>{\r\n \r\n //console.log(\"irene again\")\r\n console.log(this.state.subDischargeTypeOptions)\r\n });\r\n //this.UpdateSecuritySegment();\r\n },\r\n (err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n }\r\n\r\n GetStates(){\r\n let respVal = [];\r\n \r\n InstructionService.GetInstructionStates().then((resp)=>{\r\n this.setState({States:resp.data.Content},()=>{\r\n let mapd=[];\r\n mapd.push();\r\n for(let f=0;f
Loan Account {i+1}
\r\n\r\n
\r\n \r\n Loan Id\r\n
\r\n {e.preventDefault();this.UpdateLenderReferenceCombined(e)}} onChange={(e)=>{e.preventDefault();this.LoanIdUpdated(e,i)}} placeholder=\"Loan Id\" autoComplete=\"hello\" readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n
\r\n \r\n Indicative Amount\r\n
\r\n {e.preventDefault();this.IndicativeAmountUpdated(e,i)}} placeholder=\"Amount\" autoComplete=\"hello\" required readOnly={this.state.InstructionSubmit?true:false}/>\r\n Loan Party #{i+1}
\r\n\r\n {this.state.subDischargeTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n dischargeReasonTypeOptions.push()\r\n }\r\n let mappedDischargeReasonOptions = dischargeReasonTypeOptions.length?dischargeReasonTypeOptions.reduce((p,c)=>[p,'',c]):'';\r\n if(ents.length>this.state.SecuritySegmentCount){\r\n //alert('a')\r\n var names = this.state.PartyRepNames;\r\n var emails = this.state.PartyRepEmails;\r\n var numbers = this.state.PartyRepNumbers;\r\n let mortNames=this.state.IncomingMortgageeNames;\r\n let mortEmails = this.state.IncomingMortgageeEmails;\r\n let mortNumbers = this.state.IncomingMortgageeNumbers;\r\n let types = this.state.IncomingMortgageeType;\r\n let selfActingChecks = this.state.SelfActing;\r\n \r\n let partyRepNames = this.state.PartyRepNames;\r\n let partyRepEmails=this.state.PartyRepEmails;\r\n let partyRepNumbers=this.state.PartyRepNumbers;\r\n let partyAddresses = this.state.SecuritySegmentAddreses;\r\n let titleRefs = this.state.SecuritySegmentTitleReferences;\r\n let SecurityQLDAddressesMatched = this.state.SecurityQLDAddressesMatched;\r\n let SecurityQLDAddressOverridden = this.state.SecurityQLDAddressOverridden;\r\n let SecurityQLDDetailsVerified = this.state.SecurityQLDDetailsVerified;\r\n let SecurityQLDDetailsNeedsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n let securityQLDVerifiedAddress = this.state.SecurityQLDVerifiedAddress;\r\n let verifierLoading = this.state.SecurityVerifierLoading;\r\n let SecurityQLDNotExist = this.state.SecurityQLDNotExist;\r\n let securityNSWVerifiedAddress = this.state.SecurityNSWVerifiedAddress;\r\n let SecurityNSWAddressesMatched = this.state.SecurityNSWAddressesMatched;\r\n let SecurityNSWAddressOverridden = this.state.SecurityNSWAddressOverridden;\r\n let SecurityNSWDetailsVerified = this.state.SecurityNSWDetailsVerified;\r\n let SecurityNSWDetailsNeedsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n let SecurityNSWNotExist = this.state.SecurityNSWNotExist;\r\n let SecurityNSWVerifiedLandAddress = this.state.SecurityNSWVerifiedLandAddress;\r\n let titleSearches = this.state.SecurityTitleSearches;\r\n let securityTitleFiles = this.state.SecurityTitleFiles;\r\n let securityTitleSearchFilenames = this.state.SecurityTitleSearchFilenames;\r\n let securityMortgageeExists = this.state.SecurityMortgageeExists;\r\n let securityMortgageeNames = this.state.SecurityMortgageeNames;\r\n let securityMortgageeNamesManual=this.state.SecurityMortgageeNamesManual;\r\n let securityMortgageeCompanyACN = this.state.SecurityMortgageeCompanyACN;\r\n let securityMortgageNumbers = this.state.SecurityMortgageNumbers;\r\n let securityMortgageeFormattedTitleRefNo = this.state.SecurityMortgageeFormattedTitleRefNo;\r\n let securityMortgageeLandDescription = this.state.SecurityMortgageeLandDescription;\r\n let securityMortgageeLot = this.state.SecurityMortgageeLot;\r\n let securityMortgageeId = this.state.SecurityMortgageeId;\r\n let securityMortgageeTitleSearchFiles = this.state.SecurityMortgageeTitleSearchFiles;\r\n let securityQLDLotNo = this.state.SecurityQLDLotNo;\r\n let securityQLDPlanNo = this.state.SecurityQLDPlanNo;\r\n let dischargeReason = this.state.SecurityDischargeReasons;\r\n let titleRefValid = this.state.TitleReferenceValid;\r\n let titleRefFormat = this.state.TitleRefFormat;\r\n\r\n\r\n for(let i = this.state.SecuritySegmentEntities.length; i>this.state.SecuritySegmentCount && i>this.state.SecuritySegmentMinCount ; i--){\r\n ents.pop();\r\n selfActingChecks.pop();\r\n partyAddresses.pop();\r\n mortNames.pop();\r\n mortEmails.pop();\r\n mortNumbers.pop();\r\n types.pop();\r\n names.pop();\r\n emails.pop();\r\n numbers.pop();\r\n titleRefs.pop();\r\n partyRepNames.pop();\r\n partyRepEmails.pop();\r\n partyRepNumbers.pop();\r\n SecurityQLDAddressesMatched.pop();\r\n SecurityQLDAddressOverridden.pop();\r\n SecurityQLDDetailsVerified.pop();\r\n SecurityQLDDetailsNeedsToBeVerified.pop();\r\n securityQLDVerifiedAddress.pop();\r\n verifierLoading.pop();\r\n SecurityQLDNotExist.pop();\r\n securityNSWVerifiedAddress.pop();\r\n SecurityNSWAddressesMatched.pop();\r\n SecurityNSWAddressOverridden.pop();\r\n SecurityNSWDetailsVerified.pop();\r\n SecurityNSWDetailsNeedsToBeVerified.pop();\r\n SecurityNSWNotExist.pop();\r\n SecurityNSWVerifiedLandAddress.pop();\r\n titleSearches.pop();\r\n securityMortgageeExists.pop();\r\n securityMortgageeNames.pop();\r\n securityMortgageeNamesManual.pop();\r\n securityMortgageeCompanyACN.pop();\r\n securityMortgageNumbers.pop();\r\n securityMortgageeFormattedTitleRefNo.pop();\r\n securityMortgageeLandDescription.pop();\r\n securityMortgageeLot.pop();\r\n securityTitleFiles.pop();\r\n securityTitleSearchFilenames.pop();\r\n securityMortgageeId.pop();\r\n securityMortgageeTitleSearchFiles.pop();\r\n securityQLDLotNo.pop();\r\n securityQLDPlanNo.pop();\r\n dischargeReason.pop();\r\n titleRefValid.pop();\r\n titleRefFormat.pop();\r\n }\r\n this.setState({SecuritySegmentAddreses:partyAddresses,PartyRepNames:names,PartyRepEmails:emails,PartyRepNumbers:numbers,SecuritySegmentTitleReferences:titleRefs,SelfActing:selfActingChecks,\r\n PartyRepNames:partyRepNames, PartyRepEmails:partyRepEmails, PartyRepNumbers:partyRepNumbers, \r\n SecurityQLDAddressesMatched: SecurityQLDAddressesMatched,\r\n SecurityQLDAddressOverridden: SecurityQLDAddressOverridden,\r\n SecurityQLDDetailsVerified: SecurityQLDDetailsVerified,\r\n SecurityQLDDetailsNeedsToBeVerified: SecurityQLDDetailsNeedsToBeVerified,\r\n SecurityQLDVerifiedAddress: securityQLDVerifiedAddress,\r\n SecurityVerifierLoading: verifierLoading,\r\n SecurityQLDNotExist: SecurityQLDNotExist,\r\n SecurityNSWVerifiedAddress: securityNSWVerifiedAddress,\r\n SecurityNSWAddressesMatched: SecurityNSWAddressesMatched,\r\n SecurityNSWAddressOverridden: SecurityNSWAddressOverridden,\r\n SecurityNSWDetailsVerified: SecurityNSWDetailsVerified,\r\n SecurityNSWDetailsNeedsToBeVerified: SecurityNSWDetailsNeedsToBeVerified,\r\n SecurityNSWNotExist: SecurityNSWNotExist,\r\n SecurityNSWVerifiedLandAddress: SecurityNSWVerifiedLandAddress,\r\n SecurityTitleSearches: titleSearches,\r\n SecurityTitleFiles: securityTitleFiles,\r\n SecurityMortgageeExists: securityMortgageeExists,\r\n SecurityMortgageeNames: securityMortgageeNames,\r\n SecurityMortgageeNamesManual: securityMortgageeNamesManual,\r\n SecurityMortgageeCompanyACN: securityMortgageeCompanyACN,\r\n SecurityMortgageNumbers: securityMortgageNumbers,\r\n SecurityMortgageeFormattedTitleRefNo: securityMortgageeFormattedTitleRefNo,\r\n SecurityMortgageeLandDescription: securityMortgageeLandDescription,\r\n SecurityMortgageeLot: securityMortgageeLot,\r\n SecurityTitleSearchFilenames: securityTitleSearchFilenames,\r\n SecurityMortgageeId: securityMortgageeId,\r\n SecurityMortgageeTitleSearchFiles: securityMortgageeTitleSearchFiles,\r\n SecurityQLDLotNo: securityQLDLotNo,\r\n SecurityQLDPlanNo: securityQLDPlanNo,\r\n SecurityDischargeReasons:dischargeReason,\r\n TitleReferenceValid: titleRefValid,\r\n TitleRefFormat: titleRefFormat\r\n });\r\n }else{\r\n //alert('b');\r\n var names = this.state.PartyRepNames;\r\n var emails = this.state.PartyRepEmails;\r\n var numbers = this.state.PartyRepNumbers;\r\n let mortNames=this.state.IncomingMortgageeNames;\r\n let mortEmails = this.state.IncomingMortgageeEmails;\r\n let mortNumbers = this.state.IncomingMortgageeNumbers;\r\n let types = this.state.IncomingMortgageeType;\r\n let selfActingChecks = this.state.SelfActing;\r\n var dischargeReasonTypeOptions=[];\r\n let partyRepNames = this.state.PartyRepNames;\r\n let partyRepEmails=this.state.PartyRepEmails;\r\n let partyRepNumbers=this.state.PartyRepNumbers;\r\n let partyAdd = this.state.SecuritySegmentAddreses;\r\n let tRefs = this.state.SecuritySegmentTitleReferences;\r\n let dischargeReason = this.state.SecurityDischargeReasons;\r\n let SecurityQLDAddressesMatched = this.state.SecurityQLDAddressesMatched;\r\n let SecurityQLDAddressOverridden = this.state.SecurityQLDAddressOverridden;\r\n let SecurityQLDDetailsVerified = this.state.SecurityQLDDetailsVerified;\r\n let SecurityQLDDetailsNeedsToBeVerified = this.state.SecurityQLDDetailsNeedsToBeVerified;\r\n let securityQLDVerifiedAddress = this.state.SecurityQLDVerifiedAddress;\r\n let verifierLoading = this.state.SecurityVerifierLoading;\r\n let SecurityQLDNotExist = this.state.SecurityQLDNotExist;\r\n let securityNSWVerifiedAddress = this.state.SecurityNSWVerifiedAddress;\r\n let SecurityNSWAddressesMatched = this.state.SecurityNSWAddressesMatched;\r\n let SecurityNSWAddressOverridden = this.state.SecurityNSWAddressOverridden;\r\n let SecurityNSWDetailsVerified = this.state.SecurityNSWDetailsVerified;\r\n let SecurityNSWDetailsNeedsToBeVerified = this.state.SecurityNSWDetailsNeedsToBeVerified;\r\n let SecurityNSWNotExist = this.state.SecurityNSWNotExist;\r\n let SecurityNSWVerifiedLandAddress = this.state.SecurityNSWVerifiedLandAddress;\r\n let titleSearches = this.state.SecurityTitleSearches;\r\n let securityTitleFiles = this.state.SecurityTitleFiles;\r\n let securityTitleSearchFilenames = this.state.SecurityTitleSearchFilenames;\r\n let securityMortgageeExists = this.state.SecurityMortgageeExists;\r\n let securityMortgageeNames = this.state.SecurityMortgageeNames;\r\n let securityMortgageeNamesManual = this.state.SecurityMortgageeNamesManual;\r\n let securityMortgageeCompanyACN = this.state.SecurityMortgageeCompanyACN;\r\n let securityMortgageNumbers = this.state.SecurityMortgageNumbers;\r\n let securityMortgageeFormattedTitleRefNo = this.state.SecurityMortgageeFormattedTitleRefNo;\r\n let securityMortgageeLandDescription = this.state.SecurityMortgageeLandDescription;\r\n let securityMortgageeLot = this.state.SecurityMortgageeLot;\r\n let securityMortgageeId = this.state.SecurityMortgageeId;\r\n let securityMortgageeTitleSearchFiles = this.state.SecurityMortgageeTitleSearchFiles;\r\n let securityQLDLotNo = this.state.SecurityQLDLotNo;\r\n let securityQLDPlanNo = this.state.SecurityQLDPlanNo;\r\n let titleRefValid = this.state.TitleReferenceValid;\r\n let titleRefFormat = this.state.TitleRefFormat;\r\n\r\n \r\n for(let i = 0; i{\r\n for(let i = 0; i\r\n {\r\n for(let i =0; i < this.state.InstructionsSegmentDocumentsEntityCount; i++){\r\n ents[i]=((\r\n <>\r\n {\r\n for(let i =0; i < this.state.FeeSegmentEntityCount; i++){\r\n ents[i]=((\r\n <>\r\n {this.UpdatePartySegment()});\r\n }\r\n\r\n PartyTypeUpdated(e,i){\r\n e.preventDefault();\r\n let types =this.state.PartySegmentPartyTypes;\r\n types[i]=e.target.value;\r\n this.setState({PartySegmentPartyTypes:types},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartyGuarantorLiabilityAmountUpdated(e,i){\r\n e.preventDefault();\r\n let liablityAmount =this.state.PartySegmentGuarantorLiabilityAmount;\r\n liablityAmount[i]=e.target.value;\r\n this.setState({PartySegmentGuarantorLiabilityAmount:liablityAmount},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentGuarantorLiabilityOtherUpdated(e,i){\r\n e.preventDefault();\r\n let liabilityOther =this.state.PartySegmentGuarantorLiabilityOther;\r\n liabilityOther[i]=e.target.value;\r\n this.setState({PartySegmentGuarantorLiabilityOther:liabilityOther},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n UpdateApplicationSegment(){\r\n\r\n }\r\n\r\n UpdatePartySegment(){\r\n let ents = this.state.PartySegmentEntities;\r\n\r\n // let titleOptions=[];\r\n // for(let i=0; i{this.state.MappedTitles[i]});\r\n // }\r\n \r\n \r\n //let mappedTitleOptions = titleOptions.length? titleOptions.reduce((p,c)=>[p,'',c]):'';\r\n\r\n // console.log(\"title\")\r\n // console.log(mappedTitleOptions)\r\n \r\n if(ents.length>this.state.PartySegmentCount){\r\n let partyAddresses = this.state.PartySegmentAddresses;\r\n let partyApplicantTypes = this.state.PartySegmentApplicantTypes;\r\n let partyIndependentLegalAdvice = this.state.PartySegmentIndependentLegalAdvice;\r\n let partyIndependentFinancialAdvice = this.state.PartySegmentIndependentFinancialAdvice;\r\n let partyChangeOfName = this.state.PartySegmentChangeOfName;\r\n let partyChangeOfNameReason = this.state.PartySegmentChangeOfNameReason;\r\n let partySignUnderPoA = this.state.PartySegmentSignUnderPoA;\r\n let partyGrantGSA = this.state.PartySegmentGrantGSA;\r\n let partyGrantSSA = this.state.PartySegmentGrantSSA;\r\n let partyGuarantorLimitedLiability = this.state.PartySegmentGuarantorLimitedLiability;\r\n let partyGuarantorLiabilityAmount = this.state.PartySegmentGuarantorLiabilityAmount;\r\n let partyGuarantorLiabilityOther = this.state.PartySegmentGuarantorLiabilityOther;\r\n let partyNames = this.state.PartySegmentNames;\r\n let partyPrimaryApplicant = this.state.PartySegmentPrimaryApplicant;\r\n let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let partyTypes= this.state.PartySegmentPartyTypes;\r\n let partyEmails = this.state.PartySegmentEmails;\r\n let partyMobiles = this.state.PartySegmentMobileNumbers;\r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n let partyHomePhones = this.state.PartySegmentHomePhoneNumbers;\r\n let partyWorkPhones = this.state.PartySegmentWorkPhoneNumbers;\r\n let partyHomeFax = this.state.PartySegmentHomeFaxNumbers;\r\n let partyWorkFax = this.state.PartySegmentWorkFaxNumbers;\r\n let partyAddressUsedforMailing = this.state.PartySegmentAddressUsedforMailing;\r\n let partyAddressPostSettlement = this.state.PartySegmentAddressPostSettlement;\r\n let partyAddressPreSettlement = this.state.PartySegmentAddressPreSettlement;\r\n let partyAddressResidential = this.state.PartySegmentAddressResidential;\r\n for(let i = this.state.PartySegmentEntities.length; i>this.state.PartySegmentCount && i>this.state.PartySegmentMinCount; i--){\r\n partyAddresses.pop();\r\n partyApplicantTypes.pop();\r\n partyIndependentLegalAdvice.pop();\r\n partyIndependentFinancialAdvice.pop();\r\n partyChangeOfName.pop();\r\n partyChangeOfNameReason.pop();\r\n partySignUnderPoA.pop();\r\n partyGrantGSA.pop();\r\n partyGrantSSA.pop();\r\n partyGuarantorLimitedLiability.pop();\r\n partyGuarantorLiabilityAmount.pop();\r\n partyGuarantorLiabilityOther.pop();\r\n partyNames.pop();\r\n partyTypes.pop();\r\n ents.pop();\r\n partyMobiles.pop();\r\n //partyPhones.pop();\r\n partyHomePhones.pop();\r\n partyWorkPhones.pop();\r\n partyHomeFax.pop();\r\n partyWorkFax.pop();\r\n partyEmails.pop();\r\n partyPrimaryApplicant.pop();\r\n partyPorCTypes.pop();\r\n partyAddressUsedforMailing.pop();\r\n partyAddressPostSettlement.pop();\r\n partyAddressPreSettlement.pop();\r\n partyAddressResidential.pop();\r\n }\r\n this.setState({PartySegmentAddresses:partyAddresses,\r\n PartySegmentApplicantTypes: partyApplicantTypes,\r\n PartySegmentIndependentLegalAdvice: partyIndependentLegalAdvice,\r\n PartySegmentIndependentFinancialAdvice: partyIndependentFinancialAdvice,\r\n PartySegmentChangeOfName: partyChangeOfName,\r\n PartySegmentChangeOfNameReason: partyChangeOfNameReason,\r\n PartySegmentSignUnderPoA: partySignUnderPoA,\r\n PartySegmentGrantGSA: partyGrantGSA,\r\n PartySegmentGrantSSA: partyGrantSSA,\r\n PartySegmentGuarantorLimitedLiability: partyGuarantorLimitedLiability,\r\n PartySegmentGuarantorLiabilityAmount: partyGuarantorLiabilityAmount,\r\n PartySegmentGuarantorLiabilityOther: partyGuarantorLiabilityOther,\r\n PartySegmentNames:partyNames,PartySegmentPartyTypes:partyTypes,PartySegmentEntities:ents,\r\n //PartySegmentPhoneNumbers:partyPhones,\r\n PartySegmentHomePhoneNumbers: partyHomePhones,\r\n PartySegmentWorkPhoneNumbers: partyWorkPhones,\r\n PartySegmentHomeFaxNumbers: partyHomeFax,\r\n PartySegmentWorkFaxNumbers: partyWorkFax,\r\n PartySegmentMobileNumbers:partyMobiles,PartySegmentEmails:partyEmails,PartySegmentPorCTypes:partyPorCTypes,PartySegmentPrimaryApplicant:partyPrimaryApplicant,\r\n PartySegmentAddressUsedforMailing: partyAddressUsedforMailing,\r\n PartySegmentAddressPostSettlement: partyAddressPostSettlement,\r\n PartySegmentAddressPreSettlement: partyAddressPreSettlement,\r\n PartySegmentAddressResidential: partyAddressResidential\r\n });\r\n }else{\r\n let partyTypes= this.state.PartySegmentPartyTypes;\r\n let partyAdd = this.state.PartySegmentAddresses;\r\n let partyApplicantTypes = this.state.PartySegmentApplicantTypes;\r\n let partyIndependentLegalAdvice = this.state.PartySegmentIndependentLegalAdvice;\r\n let partyIndependentFinancialAdvice = this.state.PartySegmentIndependentFinancialAdvice;\r\n let partyChangeOfName = this.state.PartySegmentChangeOfName;\r\n let partyChangeOfNameReason = this.state.PartySegmentChangeOfNameReason;\r\n let partySignUnderPoA = this.state.PartySegmentSignUnderPoA;\r\n let partyGrantGSA = this.state.PartySegmentGrantGSA;\r\n let partyGrantSSA = this.state.PartySegmentGrantSSA;\r\n let partyGuarantorLimitedLiability = this.state.PartySegmentGuarantorLimitedLiability;\r\n let partyGuarantorLiabilityAmount = this.state.PartySegmentGuarantorLiabilityAmount;\r\n let partyGuarantorLiabilityOther = this.state.PartySegmentGuarantorLiabilityOther;\r\n let partyNames = this.state.PartySegmentNames;\r\n let partyPrimaryApplicant = this.state.PartySegmentPrimaryApplicant;\r\n let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let partyEmails = this.state.PartySegmentEmails;\r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n let partyHomePhones = this.state.PartySegmentHomePhoneNumbers;\r\n let partyWorkPhones = this.state.PartySegmentWorkPhoneNumbers;\r\n let partyHomeFax = this.state.PartySegmentHomeFaxNumbers;\r\n let partyWorkFax = this.state.PartySegmentWorkFaxNumbers;\r\n let partyMobiles = this.state.PartySegmentMobileNumbers;\r\n let partyAddressUsedforMailing = this.state.PartySegmentAddressUsedforMailing;\r\n let partyAddressPostSettlement = this.state.PartySegmentAddressPostSettlement;\r\n let partyAddressPreSettlement = this.state.PartySegmentAddressPreSettlement;\r\n let partyAddressResidential = this.state.PartySegmentAddressResidential;\r\n let addressEntity = {'UsedforMailing':'','building':'','floor':'','floorType':'','street':'','POBox':'','deliveryType':'','overseasline1':'','overseasline2':'','overseasline3':'','overseasline4':'','city':'','state':'','overseasstate':'','postcode':'','countrycode':''};\r\n let partyNameEntity = {'Gender':'','PreviousName':'','NameTitle':'','FirstName':'','MiddleNames':'','Surname':'','Birthdate':'',\r\n 'CompanyName':'','Acn':'','Abn':'','Arbn':'','NumberofDirectors':'','CompanyTypeDesc':'','CompanyPosition':'','CompanyAttentionName':''\r\n ,'PartnershipName':'','PartnershipType':'','PartnershipAbn':''};\r\n for(let f = 0; f{\r\n for(let i =0; i < this.state.PartySegmentCount; i++){\r\n ents[i]=((\r\n <>\r\n \r\n
\r\n
\r\n \r\n Party Type\r\n
\r\n {let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Individual or Company?\r\n
\r\n {let vals = this.state.PartySegmentPorCTypes; vals[i]=e.target.value;this.setState({PartySegmentPorCTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n {/*
\r\n {e.preventDefault();this.PartyOrCompanyTypeUpdated(e,i)}}> */}\r\n
\r\n \r\n
\r\n \r\n Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'GivenName')}} autoComplete=\"hello\" placeholder=\"Given Name\" />\r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Surname')}} autoComplete=\"hello\" placeholder=\"Surname\" />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Company Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyName')}} autoComplete=\"hello\" placeholder=\"Company Name\" />\r\n
\r\n \r\n
\r\n \r\n ACN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Acn')}} autoComplete=\"hello\" placeholder=\"ACN\" />\r\n \r\n
\r\n \r\n
\r\n {this.state.displayPPSRDischarges? \r\n \r\n ABN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Abn')}} autoComplete=\"hello\" placeholder=\"ABN\" />\r\n
\r\n \r\n
\r\n : ''}\r\n {/* {this.state.displayPPSRDischarges? \r\n \r\n PPSR?\r\n
\r\n {/* {let vals = this.state.PartySegmentCompanyPPSR; vals[i]=e.target.value;this.setState({PartySegmentCompanyPPSR:vals},()=>{this.UpdatePartySegment()})}}> \r\n
*/}\r\n {\r\n let vals = this.state.PartySegmentCompanyPPSR; \r\n //vals[i]=this.stringToBool(e.target.value);\r\n vals[i]=e.target.value;\r\n this.setState({PartySegmentCompanyPPSR:vals},()=>{\r\n this.UpdatePartySegment()\r\n console.log(this.state.PartySegmentCompanyPPSR[i])\r\n })}\r\n }> \r\n {/*
\r\n \r\n
\r\n // \r\n PPSR?\r\n
\r\n {alert(e.target.value); let vals = this.state.PartySegmentNames; \r\n vals[i]['CompanyPPSR']=e.target.value;\r\n //vals[i]['CompanyPPSR']=this.stringToBool(e.target.value);\r\n alert( vals[i]['CompanyPPSR'])\r\n this.setState({PartySegmentNames:vals},()=>{this.PartyNameUpdated(e,i,['CompanyPPSR'])})}}> \r\n {this.state.PartySegmentNames[i]['CompanyPPSR']}\r\n
\r\n \r\n //
\r\n : ''} */}\r\n \r\n \r\n // PPSR?\r\n //
\r\n // {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyPPSR')}}> \r\n //
\r\n // \r\n
\r\n \r\n \r\n
\r\n \r\n Street\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'street')}} autoComplete=\"hello\" placeholder=\"Street\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'city')}} autoComplete=\"hello\" placeholder=\"City\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.PartyAddressUpdated(e,i,'postcode')}}} autoComplete=\"hello\" placeholder=\"Postcode\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n Phone Number\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentNumberUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n ));\r\n \r\n }\r\n this.setState({PartySegmentEntities:ents});\r\n });\r\n }\r\n\r\n }\r\n \r\n IsValidPostcode(value){\r\n let re = /[^0-9]/;\r\n return !re.test(value);\r\n }\r\n\r\n SecurityAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.SecuritySegmentAddreses;\r\n address[i][key]=e.target.value;\r\n let titleRefFormat = this.state.TitleRefFormat;\r\n //alert(e.target.value)\r\n // alert(e)\r\n // alert(key)\r\n // alert(address[i])\r\n //if(address[i][key]==\"NSW\" || address[i][key]==\"QLD\"){\r\n if(key==\"state\" && address[i][key]!=\"\"){\r\n //alert('dsfdsfdsf')\r\n this.ResetSecurityOtherDetails(i);\r\n if(e.target.value == \"NSW\")\r\n {\r\n titleRefFormat[i] = \"1/SP12345, 7/12/6789, 7456-56\"\r\n // this.setState({\r\n // TitleRefFormat: \"1/SP12345, 7/12/6789, 7456-56\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"NT\")\r\n {\r\n titleRefFormat[i] = \"12345/12345, CUFT12345/12345\"\r\n // this.setState({\r\n // //TitleRefFormat: \"CUFT145678\"\r\n // TitleRefFormat: \"12345/12345, CUFT12345/12345\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"QLD\")\r\n {\r\n titleRefFormat[i] = \"14483140\"\r\n // this.setState({\r\n // TitleRefFormat: \"14483140\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"SA\")\r\n {\r\n titleRefFormat[i] = \"CT 6321/321, CL 5432/43\"\r\n // this.setState({\r\n // //TitleRefFormat: \"1234/234\"\r\n // TitleRefFormat: \"CT 6321/321, CL 5432/43\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"TAS\")\r\n {\r\n titleRefFormat[i] = \"123456/1\"\r\n // this.setState({\r\n // //TitleRefFormat: \"155100/1, 155100:S1/1\"\r\n // TitleRefFormat: \"123456/1\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"VIC\")\r\n {\r\n titleRefFormat[i] = \"6237/745, 18378/002, 459/789K\"\r\n // this.setState({\r\n // //TitleRefFormat: \"12345/789A\"\r\n // TitleRefFormat: \"6237/745, 18378/002, 459/789K\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"WA\")\r\n {\r\n titleRefFormat[i] = \"AB12345-11111A, 2767-913\"\r\n // this.setState({\r\n // //TitleRefFormat: \"AB12345/11111A\"\r\n // TitleRefFormat: \"AB12345-11111A, 2767-913\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n else if(e.target.value == \"ACT\")\r\n {\r\n titleRefFormat[i] = \"1234:123\"\r\n // this.setState({\r\n // TitleRefFormat: \"1234:123\"\r\n // })\r\n //this.setState({TitleRefFormat:titleRefFormat},()=>{this.UpdateSecuritySegment()});\r\n }\r\n }\r\n this.setState({SecuritySegmentAddreses:address\r\n , TitleRefFormat:titleRefFormat\r\n },()=>{this.UpdateSecuritySegment()});\r\n\r\n \r\n }\r\n\r\n SecurityReasonUpdated(e,i){\r\n e.preventDefault();\r\n let dischargeReason = this.state.SecurityDischargeReasons;\r\n dischargeReason[i]=e.target.value;\r\n //let selfActing = this.state.SelfActing;\r\n \r\n // if(dischargeReason[i] === 'Debt Repaid')\r\n // {\r\n // selfActing[i] = true;\r\n // }\r\n // else {selfActing[i] = false;}\r\n this.setState({SecurityDischargeReasons:dischargeReason, \r\n //SelfActing: selfActing\r\n },()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityTitleReferenceUpdated(e,i){\r\n e.preventDefault();\r\n let titleReferences = this.state.SecuritySegmentTitleReferences;\r\n titleReferences[i]=e.target.value;\r\n this.setState({SecuritySegmentTitleReferences:titleReferences},()=>{\r\n this.UpdateSecuritySegment()\r\n //check if needs to be verified\r\n });\r\n }\r\n\r\n // CheckTitleReferenceFormatTEST(e,i,titleRef){\r\n // e.preventDefault();\r\n // // alert(e)\r\n // // alert(i)\r\n // // alert(titleRef)\r\n // let titleReferences = this.state.SecuritySegmentTitleReferences;\r\n // if(titleRef!=\"\" && titleRef!= undefined)\r\n // {\r\n // titleReferences[i]=titleRef;\r\n // }\r\n // else titleReferences[i]=e.target.value;\r\n // let IsTitleSearchFromUpload = this.state.IsTitleSearchFromUpload;\r\n // let titlesearches = this.state.SecurityTitleSearches;\r\n // let address = this.state.SecuritySegmentAddreses; \r\n // let titleRefValid = this.state.TitleReferenceValid;\r\n\r\n // //if(this.state.IsTitleSearchFromUpload[i])\r\n // // if(this.state.SecurityTitleSearches[i])\r\n // // {\r\n // // //valid - all title references from uploads are assumed to be valid\r\n // // //alert(\"valid from title search\")\r\n // // titleRefValid[i] = true;\r\n\r\n // // this.setState({\r\n // // TitleReferenceValid: titleRefValid\r\n // // },()=>{\r\n // // this.UpdateSecuritySegment();\r\n // // })\r\n // // }\r\n // // else{\r\n\r\n // if(address[i]['state']==\"\")\r\n // {\r\n // alert(\"Please select state first\")\r\n // return;\r\n // }\r\n // if(titleReferences[i]==\"\")\r\n // {\r\n // alert(\"Title reference is required\")\r\n // return;\r\n // }\r\n\r\n // //check the state\r\n // if(address[i]['state'] == \"NT\")\r\n // {\r\n\r\n // var regex = /^[A-Z][/][A-Z][/][A-Z]/;\r\n // if(!regex.test(titleReferences[i]))\r\n // {\r\n // alert(\"not valid\");\r\n // return;\r\n // }\r\n // else{\r\n // alert(\"valid\")\r\n // }\r\n // //NT - no checking for now \r\n // // alert(\"COOL\")\r\n // // alert(address[i]['state'])\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //split the title ref\r\n // // if(titleReferences[i].trim().includes(\" \"))\r\n // // {\r\n // // let words = titleReferences[i].trim().split(\" \");\r\n // // alert(words.length)\r\n // // if(words.length !=3 || titleReferences[i].trim().titleReferences[i].replace(\" \", \"\").length != 12)\r\n // // {\r\n // // alert (\"Invalid title reference. Should be in the format: {Register} {Volume} {Folio}\");\r\n // // return;\r\n // // }\r\n // // else{\r\n // // words.forEach((element) => {\r\n // // console.log(element[0])\r\n // // if(!(/^[a-zA-Z]/).test(element[0]) || element[0].length != 4)\r\n // // {\r\n // // alert (\"Invalid title reference. Should be in the format: {Register} {Volume} {Folio}\");\r\n // // return;\r\n // // }\r\n // // });\r\n \r\n // // }\r\n // // }\r\n // // else{\r\n // // //var regex = /^[0-9a-zA-Z \\-_.]*$/;//\"^[a-zA-Z0-9 \\-_.]\";\r\n // // //var regex = /^[0-9a-zA-Z]\\d{6}$/;\r\n // // var regex = /^[0-9a-zA-Z]/; \r\n \r\n\r\n // // if(!regex.test(titleReferences[i].replace(\" \", \"\")) || titleReferences[i].length != 12)\r\n // // {\r\n // // alert (\"Invalid title reference. Should be in the format: CUFT145678 {Register} {Volume} {Folio}\");\r\n // // return;\r\n // // }\r\n // // } \r\n // }\r\n // else if(address[i]['state'] == \"QLD\")\r\n // {\r\n // //alert(address[i]['state'])\r\n // var regex = /^[0-9]*$/;//\"^[a-zA-Z0-9 \\-_.]\";\r\n // if(!regex.test(titleReferences[i].replace(\" \", \"\")) || titleReferences[i].length != 8)\r\n // {\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // // alert (\"Invalid title reference. Should be in the format: {Title Reference}\");\r\n // alert (\"Invalid QLD Title Reference. Should be in the format: 14483140 {Title Reference}\");\r\n // return;\r\n // }\r\n // else{\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // }\r\n // }\r\n // else if(address[i]['state'] == \"SA\")\r\n // {\r\n // //alert(address[i]['state'])\r\n // if(titleReferences[i].trim().includes(\"/\") && titleReferences[i].trim().replace(\" \", \"\").length == 8)\r\n // {\r\n // let words = titleReferences[i].trim().split(\"/\");\r\n // //alert(words.length)\r\n // if(words.length == 2)\r\n // {\r\n // //alert(\"yey\")\r\n // var regex = /^\\d+$/;\r\n // //words.forEach((element) => {\r\n // console.log(words[0])\r\n // if((regex.test(words[0]) && words[0].length == 4) && (/^\\d+$/.test(words[1]) && words[1].length == 3))\r\n // {\r\n // //valid\r\n // //alert(\"valid\")\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // } \r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // // alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}\");\r\n // alert (\"Invalid SA Title Reference. Should be in the format: 1234/234 {Volume}/{Folio}\");\r\n // return;\r\n // } \r\n // //});\r\n \r\n \r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // // alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}\");\r\n // alert (\"Invalid SA Title Reference. Should be in the format: 1234/234 {Volume}/{Folio}\");\r\n // return;\r\n \r\n // }\r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}\");\r\n // alert (\"Invalid SA Title Reference. Should be in the format: 1234/234 {Volume}/{Folio}\");\r\n // return;\r\n // } \r\n // }\r\n // else if(address[i]['state'] == \"TAS\")\r\n // {\r\n // //NT - no checking for now \r\n // //alert(address[i]['state'])\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //14483140\r\n // // var regex = /^[0-9]*$/;//\"^[a-zA-Z0-9 \\-_.]\";\r\n // // if(!regex.test(titleReferences[i].replace(\" \", \"\")) || titleReferences[i].length != 8)\r\n // // {\r\n // // alert (\"Invalid TAS Title Reference. Should be in the format: 155100/1 OR 155100:S1/1 {Volume}/{Folio}\");\r\n // // return;\r\n // // }\r\n // }\r\n // else if(address[i]['state'] == \"VIC\")\r\n // {\r\n // //alert(address[i]['state'])\r\n\r\n // if(titleReferences[i].trim().includes(\"/\") && (titleReferences[i].trim().replace(\" \", \"\").length == 10 || titleReferences[i].trim().replace(\" \", \"\").length == 9))\r\n // {\r\n // let words = titleReferences[i].trim().split(\"/\");\r\n // if(words.length == 2)\r\n // {\r\n // var regex = /^\\d+$/;\r\n\r\n // if(titleReferences[i].trim().replace(\" \", \"\").length == 9)\r\n // { \r\n // console.log(words[0])\r\n // if((regex.test(words[0]) && words[0].length == 5) && (regex.test(words[1]) && words[1].length == 3))\r\n // {\r\n // //valid\r\n // //alert(\"valid\")\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // } \r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid VIC Title Reference. Should be in the format: 12345/789A {Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // } \r\n // } \r\n\r\n // else if(titleReferences[i].trim().replace(\" \", \"\").length == 10)\r\n // {\r\n // //alert(titleReferences[i].trim().slice(-1))\r\n // if((regex.test(words[0]) && words[0].length == 5) && (/^\\d+$/.test(words[1].slice(0, -1)) && words[1].length == 4) &&\r\n // titleReferences[i].trim().slice(-1) == \"A\" || titleReferences[i].trim().slice(-1) == \"B\" || titleReferences[i].trim().slice(-1) == \"C\" || titleReferences[i].trim().slice(-1) == \"K\" || titleReferences[i].trim().slice(-1) == \"L\")\r\n // {\r\n // //valid\r\n // //alert(\"valid\")\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // } \r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid VIC Title Reference. Should be in the format: 12345/789A {Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // } \r\n\r\n // // if(titleReferences[i].trim().slice(-1) != \"A\" && titleReferences[i].trim().slice(-1) != \"B\" && titleReferences[i].trim().slice(-1) != \"C\" && titleReferences[i].trim().slice(-1) != \"K\" && titleReferences[i].trim().slice(-1) != \"L\");\r\n // // {\r\n // // alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n // // return;\r\n // // }\r\n // }\r\n \r\n \r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid VIC Title Reference. Should be in the format: 12345/789A {Volume}/{Folio}{Suffix}\");\r\n // return;\r\n \r\n // }\r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid VIC Title Reference. Should be in the format: 12345/789A {Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // } \r\n // }\r\n // else if(address[i]['state'] == \"WA\")\r\n // {\r\n // //alert(address[i]['state'])\r\n // if((titleReferences[i].trim().includes(\"/\") || titleReferences[i].trim().includes(\"-\")) && titleReferences[i].length == 14)\r\n // {\r\n // if(titleReferences[i].trim().includes(\"/\"))\r\n // {\r\n // let words = titleReferences[i].trim().split(\"/\");\r\n \r\n // if(words.length == 2)\r\n // {\r\n // var regex = /^\\d+$/;\r\n \r\n // if((regex.test(words[0].slice(2,7)) && words[0].length == 7) && (regex.test(words[1].slice(0, 5)) && (words[1].length == 6 && words[1].trim().slice(-1) == \"A\") || words[1].length == 5))\r\n // {\r\n // //valid\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert(\"valid\")\r\n // } \r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid WA Title Reference. Should be in the format: AB12345/11111A {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // }\r\n // } \r\n // }\r\n // else if (titleReferences[i].trim().includes(\"-\"))\r\n // {\r\n // let words = titleReferences[i].trim().split(\"-\");\r\n // if(words.length == 2)\r\n // {\r\n // var regex = /^\\d+$/;\r\n \r\n // if((regex.test(words[0].slice(2,7)) && words[0].length == 7) && (regex.test(words[1].slice(0, 5)) && (words[1].length == 6 && words[1].trim().slice(-1) == \"A\") || words[1].length == 5))\r\n // {\r\n // //valid\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert(\"valid\")\r\n // } \r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid WA Title Reference. Should be in the format: AB12345/11111A {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // }\r\n // } \r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid WA Title Reference. Should be in the format: AB12345/11111A {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // return;\r\n \r\n // }\r\n // }\r\n // else{\r\n // titleRefValid[i] = false;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // //alert (\"Invalid title reference. Should be in the format: {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // alert (\"Invalid WA Title Reference. Should be in the format: AB12345/11111A {Prefix}{Volume}/{Folio}{Suffix}\");\r\n // return;\r\n // } \r\n // }\r\n // else{\r\n // //NSW & ACT- no checking for now \r\n // //alert(\"COOL NSW\")\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // } \r\n\r\n \r\n // //}\r\n\r\n \r\n // // this.setState({SecuritySegmentTitleReferences:titleReferences},()=>{\r\n // // this.UpdateSecuritySegment()\r\n // // //check if needs to be verified\r\n // // });\r\n // }\r\n\r\n CheckTitleReferenceFormat(e,i,titleRef){\r\n e.preventDefault();\r\n // alert(e)\r\n // alert(i)\r\n // alert(titleRef)\r\n let titleReferences = this.state.SecuritySegmentTitleReferences;\r\n if(titleRef!=\"\" && titleRef!= undefined)\r\n {\r\n titleReferences[i]=titleRef;\r\n }\r\n else titleReferences[i]=e.target.value;\r\n let IsTitleSearchFromUpload = this.state.IsTitleSearchFromUpload;\r\n let titlesearches = this.state.SecurityTitleSearches;\r\n let address = this.state.SecuritySegmentAddreses; \r\n let titleRefValid = this.state.TitleReferenceValid;\r\n\r\n //if(this.state.IsTitleSearchFromUpload[i])\r\n // if(this.state.SecurityTitleSearches[i])\r\n // {\r\n // //valid - all title references from uploads are assumed to be valid\r\n // //alert(\"valid from title search\")\r\n // titleRefValid[i] = true;\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n // }\r\n // else{\r\n\r\n if(address[i]['state']==\"\")\r\n {\r\n alert(\"Please select state first\")\r\n return;\r\n }\r\n if(titleReferences[i]==\"\")\r\n {\r\n alert(\"Title reference is required\")\r\n return;\r\n }\r\n\r\n //check the state\r\n if(address[i]['state'] == \"NT\")\r\n {\r\n //NT: Register: 4 Characters (optional) Volume: 5 Numeric Folio : 5 Numeric Separated by a forward slash “/”.\r\n var regex = /^([A-Z][A-Z][A-Z][A-Z])?\\d{5}[/]\\d{5}$/;\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid NT Title Reference. Should be in the format: [Register]{Volume}/{Folio} \\nSome examples are: 12345/12345, CUFT12345/12345\");\r\n return;\r\n } \r\n }\r\n else if(address[i]['state'] == \"QLD\")\r\n {\r\n //alert(address[i]['state'])\r\n var regex = /^[0-9]*$/;//\"^[a-zA-Z0-9 \\-_.]\";\r\n if(!regex.test(titleReferences[i].replace(\" \", \"\")) || titleReferences[i].length != 8)\r\n {\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert (\"Invalid title reference. Should be in the format: {Title Reference}\");\r\n alert (\"Invalid QLD Title Reference. Should be in the format: 14483140 {Title Reference}\");\r\n return;\r\n }\r\n else{\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n }\r\n }\r\n else if(address[i]['state'] == \"SA\")\r\n {\r\n //SA: Land Title Reference must be in the form Volume Type Volume/ Folio (i.e. separated by a forward slash) \r\n //Volume Type is 2 characters Volume is maximum 4 characters Folio is maximum 4 characters Total characters allowed is 12 maximum Some examples of SA Land Title References are: CT 6321/321 CL 5432/43\r\n //alert(address[i]['state'])\r\n var regex = /^(([A-Z ]{1,4})?\\d{1,4})[/]\\d{1,4}$/;\r\n\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid SA Title Reference. Should be in the format: {Volume}/{Folio} \\nSome examples are: CT 6321/321 CL 5432/43\");\r\n return;\r\n } \r\n }\r\n else if(address[i]['state'] == \"TAS\")\r\n {\r\n //TAS: Land Title Reference must be in the form Volume/Folio (i.e. separated by a forward slash). Volume is maximum 8 alpha-numeric characters Folio is maximum 4 characters For example 123456/1\r\n //TAS - no checking for now \r\n //alert(address[i]['state'])\r\n var regex = /^[A-Za-z\\d]{1,8}[/][A-Za-z\\d]{1,4}$/;\r\n //var regex2 = /^[0-9]{1,5}[/]([0-9]{3}.*[A-Z]{1})$/;\r\n ///^[a-z]{0,10}$/\r\n\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid TAS Title Reference. Should be in the format: {Volume}/{Folio} \\nFor example: 123456/1\");\r\n return;\r\n }\r\n }\r\n else if(address[i]['state'] == \"VIC\")\r\n {\r\n //Land Title Reference must be in the form Volume/Folio (i.e. separated by a forward slash). \r\n //Volume is maximum 5 numeric characters. leading zeros Folio is 3 numeric characters required and maximum of one alpha character allowed, only at the end. \r\n //For folio leading zeros must be inserted to reach 3 numeric characters. Some examples of VIC Land Title References are: 6237/745 18378/002 459/789K\r\n \r\n //alert(address[i]['state'])\r\n\r\n var regex = /^[0-9]{1,5}[/][0-9]{3}$/;\r\n //var regex = /^[0-9]{1,5}[/][0-9]{3}.*([A-Z]{1}?)?$/;\r\n var regex2 = /^[0-9]{1,5}[/]([0-9]{3}.*[A-Z]{1})$/;\r\n\r\n if(regex.test(titleReferences[i]) || regex2.test(titleReferences[i]))\r\n //if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid VIC Title Reference. Should be in the format: {Volume}/{Folio}[Suffix] \\nSome examples are: 6237/745, 18378/002, 459/789K\");\r\n return;\r\n } \r\n }\r\n else if(address[i]['state'] == \"WA\")\r\n {\r\n //alert(address[i]['state'])\r\n //WA: Land Title Reference must be in the form:\r\n //Prefix 2 characters (optional) Volume maximum of 5 numeric Separator “-“ Folio maximum of 5 numeric Suffix of 1 character (allowed values are ‘A’ or blank) \r\n //For example: 2767-913\r\n //WA\t{Prefix}{Volume}/{Folio}{Suffix}\tAlphanumeric\t2 characters for Prefix, 5 digits for Volume, 5 digits for Folio, 1 character for Suffix\t\r\n //AB12345/11111A\tSpace, hyphen (-) and forward slash (/) are acceptable characters. ‘A’ or space are valid Suffix values.\r\n //var regex0 = /^([A-Z][A-Z])?\\d{1,5}[-][0-9]{1,5}$/;\r\n //var regex = /^([A-Z][A-Z])?\\d{1,5}[-][0-9]{1,5}A$/;\r\n var regex = /^([A-Z][A-Z])?\\d{1,5}[-][0-9]{1,5}([A ])?$/;\r\n // var regex = /^([A-Z][A-Z])?\\d{1,5}[-][0-9]{1,5}[A ]$/;\r\n //var regex1 = /^([A-Z][A-Z])?\\d{1,5}[-][0-9]{1,5} $/;\r\n //if(regex0.test(titleReferences[i]) || regex.test(titleReferences[i]) || regex1.test(titleReferences[i]))\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid WA Title Reference. Should be in the format: AB12345/11111A {Prefix}{Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid WA Title Reference. Should be in the format: [Prefix]{Volume}-{Folio}[Suffix] \\nSome examples are: AB12345-11111A, 2767-913\");\r\n return;\r\n }\r\n \r\n }\r\n else if(address[i]['state'] == \"ACT\")\r\n {\r\n //ACT: Land Title Reference must be in the form Volume: Folio (i.e. separated by a colon) Volume is maximum 4 numeric characters Folio is maximum 3 numeric characters\r\n var regex = /^(\\d{1,4})[:]\\d{1,3}$/;\r\n //var regex2 = /^[0-9]{1,5}[/]([0-9]{3}.*[A-Z]{1})$/;\r\n ///^[a-z]{0,10}$/\r\n\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid ACT Title Reference. Should be in the format: {Volume}:{Folio} \\nFor example: 1234:123\");\r\n return;\r\n }\r\n \r\n }\r\n else{\r\n //NSW no checking for now \r\n //NSW: Between 3 and 21 ascii characters Only include \" \", \"/\" or \"-\" other than alpha or numeric characters\r\n //alert(\"COOL NSW\")\r\n // titleRefValid[i] = true;\r\n //var regex = /^[A-Z0-9 \\/-,]$/;\r\n //var regex = /^[A-Z\\d ,-]+(?:\\/[A-Z\\d]+)+$/;\r\n //var regex = /^([ A-Za-z0-9_@./#&+-])*$/;\r\n var regex = /^([ A-Za-z0-9,/-])*$/;\r\n //[a-zA-Z0-9 \\-_.]\r\n if(regex.test(titleReferences[i]))\r\n {\r\n titleRefValid[i] = true;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n // alert(\"valid\");\r\n // return;\r\n }\r\n else{\r\n titleRefValid[i] = false;\r\n\r\n this.setState({\r\n TitleReferenceValid: titleRefValid\r\n },()=>{\r\n this.UpdateSecuritySegment();\r\n })\r\n //alert (\"Invalid title reference. Should be in the format: {Volume}/{Folio}{Suffix}\");\r\n alert (\"Invalid NSW Title Reference. Should be in the format: 1/SP12345, 7/12/6789, 7456-56\");\r\n return;\r\n }\r\n\r\n\r\n // this.setState({\r\n // TitleReferenceValid: titleRefValid\r\n // },()=>{\r\n // this.UpdateSecuritySegment();\r\n // })\r\n } \r\n\r\n \r\n //}\r\n\r\n \r\n // this.setState({SecuritySegmentTitleReferences:titleReferences},()=>{\r\n // this.UpdateSecuritySegment()\r\n // //check if needs to be verified\r\n // });\r\n }\r\n\r\n GoBackClearForm(i){\r\n \r\n }\r\n\r\n UpdateSecuritySegment(){\r\n this.checkIfSessionHasExpired();\r\n let ents = this.state.SecuritySegmentEntities;\r\n var dischargeReasonTypeOptions=[];\r\n // dischargeReasonTypeOptions.push()\r\n for(let x=0;x\r\n Email\r\n
\r\n \r\n {/* {e.preventDefault();this.PartySegmentEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> */}\r\n {/* {e.preventDefault();this.PartySegmentEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> */}\r\n {e.preventDefault();this.PartySegmentEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> \r\n {/* {e.preventDefault();this.PartySegmentEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> */}\r\n
\r\n Security {i+1}
\r\n {/*\r\n {this.state.shouldverifyQLDSecurityTitle || this.state.shouldverifyNSWSecurityTitle ? \r\n
*/}\r\n \r\n Note: To verify security, please fill out Title Ref and State and click on the verify security button\r\n
\r\n
\r\n
\r\n \r\n Reason for discharge\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n{e.preventDefault();this.IgnoreQLDSecurityTitle(i)}}\r\n >Upload Title Search\r\n
*/}\r\n \r\n
\r\n )\r\n :''\r\n }\r\n {this.state.SecuritySegmentAddreses[i]['state'] !=\"\" ? \r\n (<>\r\n
\r\n {\r\n this.state.CanUploadTitleSearch && this.state.SecuritySegmentAddreses[i]['state'] !=\"\" && !this.state.SecurityStateReadOnly[i] ? \r\n (\r\n \r\n Security State\r\n
\r\n \r\n \r\n
\r\n {/* \r\n Title Search\r\n
\r\n \r\n {this.state.SecuritySegmentAddreses[i]['state']==\"VIC\" ? \"Drag and drop any Title Search PDF or TEXT file to upload\" : \"Drag and drop any Title Search PDF file to upload\"}\r\n
\r\n \r\n {/* {this.state.SecurityTitleSearches[i] != \"\" ?
\r\n Uploaded:
: \"\"}\r\n \r\n {this.state.SecurityTitleSearches[i]}\r\n
*/}\r\n {this.state.SecurityTitleSearches[i] != \"\" ? Uploaded:
: \"\"}\r\n \r\n {this.state.SecurityTitleSearches[i]}\r\n
\r\n \r\n {/* */}\r\n \r\n
\" \r\n ref={ref => (this.pond = ref)}\t\r\n files={this.state.SecurityTitleSearches[i]}\t\r\n allowMultiple={false}\t\r\n oninit={() => this.handleInit()}\t\r\n onupdatefiles={fileItems => this.handleItemUpdate(fileItems)}\t\r\n //onupdatefiles={fileItems => this.handleItemUpdate(i,fileItems)}\t\r\n onClick={click => this.handleOnClick(click)}\t\r\n onaddfile={()=>this.btnUploadFiles(i)}\r\n />\r\n \r\n
\r\n \r\n Drag & drop file here
\r\n File format: PDF
\r\n \r\n
*/}\r\n \r\n
\r\n {/* */}\r\n
\r\n \r\n Title Reference\r\n
\r\n {e.preventDefault();this.SecurityTitleReferenceUpdated(e,i)}} onBlur={(e)=>{e.preventDefault();if(this.state.SecurityTitleSearches[i]==\"\"){this.CheckTitleReferenceFormat(e,i)}}} placeholder=\"Enter title reference\" autoComplete=\"hello\" required={this.state.IsLenderThinkTank == false ? true : false}/>\r\n \r\n
\r\n {this.state.TitleRefFormat[i] == \"\" ? \"\" : \"Example: \" + this.state.TitleRefFormat[i]}\r\n
\r\n \r\n {this.state.TitleRefFormat[i] == \"\" ? \"\" : \"Example: \" + this.state.TitleRefFormat[i]}\r\n
\r\n {\r\n //this.state.lenderName == \"RACQ Bank\" ?\r\n this.state.LenderMortgagees.length > 1 ? \r\n \r\n ()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n }\r\n\r\n isValidNumber(number){\r\n ///^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im\r\n const re =/^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/;\r\n return re.test(String(number).toLowerCase());\r\n }\r\n\r\n stringToBool(value){\r\n if(value && typeof value === \"string\"){\r\n if(value === \"Yes\") return true;\r\n if(value === \"No\") return false;\r\n }\r\n //return value;\r\n }\r\n\r\n\r\n GoToPartyDetails(e){\r\n //alert('hi')\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n let elem = document.getElementById('instruction-form-matterdetails');\r\n if(!elem.checkValidity()){\r\n elem.reportValidity();\r\n var result = elem.checkValidity();\r\n //alert('there is error');\r\n console.log('there is an error');\r\n console.log(elem.reportValidity());\r\n console.log(result);\r\n return;\r\n }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: true,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\t\t\t\t\t\r\n\r\n });\r\n\r\n console.log(\"matterdetails\");\r\n let application={};\r\n let instruction={};\r\n // let lenderRef={};\r\n // lenderRef['UniqueID']=this.state.InstructionLenderReference;\r\n application['Identifier'] = {'UniqueID':this.state.InstructionLenderReference};//lenderRef;\r\n // application['Submission']=this.state.ApplicationDateValid;\r\n // instruction['Disclosure']=this.state.DisclosureDateValid;\r\n \r\n //instruction['LenderRef']=this.state.InstructionLenderReference;\r\n // instruction['ApplicationType']=this.state.applicationTypeName?this.state.applicationTypeName:'New Loan';\r\n instruction['Application']={\r\n 'TransactionType': this.state.applicationTypeName?this.state.applicationTypeName:'New Loan',\r\n 'Mortgagee': 'this is the lender',\r\n 'SendDocsToRecipient': this.state.SendDocsToRecipient?this.state.SendDocsToRecipient:'Applicant',\r\n 'ElectronicSigning': this.state.ApplicationElectronicSigning,\r\n 'Method':this.state.ApplicationMethod?this.state.ApplicationMethod:'Collect',\r\n 'SalesChannel': this.state.ApplicationSalesChannel?this.state.ApplicationSalesChannel:'Direct',\r\n 'Classification': this.state.ApplicationClassification?this.state.ApplicationClassification:'Prime',\r\n };\r\n\r\n console.log(application);\r\n console.log(instruction);\r\n }\r\n\r\n BackToMatterDetails(e){\r\n //alert('back')\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: true,\r\n activePartyDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to matter details\")\r\n }\r\n\r\n GoToRelatedPartyDetails(e){\r\n // alert('hello')\r\n window.scrollTo(0,0);\r\n this.setState({\r\n PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n });\r\n\r\n e.preventDefault();\r\n let elem = document.getElementById('instruction-form-partydetails');\r\n if(!elem.checkValidity()){\r\n elem.reportValidity();\r\n var result = elem.checkValidity();\r\n //alert('there is error');\r\n console.log('there is an error');\r\n console.log(elem.reportValidity());\r\n console.log(result);\r\n return;\r\n }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: true,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"party details\");\r\n let applicationBatch={};\r\n let application={};\r\n let instruction={};\r\n \r\n \r\n //instruction['SubType']=this.state.subApplicationType;\r\n //instruction['SelfActing']=this.state.SelfActing;\r\n // var d=new Date(this.state.PartySegmentNames[i]['Birthdate']);\r\n // var year = d.getFullYear();\r\n // var month = d.getMonth() < 12 ? d.getMonth()+ 1 : d.getMonth();\r\n // var day = d.getDay();\r\n\r\n let partySegment={}; \r\n partySegment['Party']=[];\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n partySegment['Party'].push({\r\n 'Identifier':{'UniqueID':'Applicant'+i.toString()},\r\n 'PrimaryApplicant':this.state.PartySegmentPrimaryApplicant[i]=='Yes'?true:false,\r\n 'Type': this.state.PartySegmentPartyTypes[i],\r\n 'ApplicantTransaction': this.state.PartySegmentApplicantTypes[i],\r\n 'IndependentLegalAdvice': this.state.PartySegmentIndependentLegalAdvice[i],\r\n 'IndependentFinancialAdvice': this.state.PartySegmentIndependentFinancialAdvice[i],\r\n 'ChangeOfName': this.state.PartySegmentChangeOfName[i],\r\n 'ChangeOfNameReason': this.state.PartySegmentChangeOfNameReason[i],\r\n 'SignUnderPoA': this.state.PartySegmentSignUnderPoA=='Yes'?true:false,\r\n 'GrantGSA': this.state.PartySegmentGrantGSA=='Yes'?true:false,\r\n 'GrantSSA': this.state.PartySegmentGrantSSA=='Yes'?true:false,\r\n 'GuarantorLimitedLiability': this.state.PartySegmentGuarantorLimitedLiability[i],\r\n 'GuarantorLiabilityAmount': this.state.PartySegmentGuarantorLiabilityAmount[i],\r\n 'GuarantorLiabilityOther': this.state.PartySegmentGuarantorLiabilityOther[i],\r\n 'Person':{\r\n 'PersonName':{\r\n 'NameTitle':{\r\n 'Value':this.state.PartySegmentNames[i]['NameTitle']===''?'Mr':this.state.PartySegmentNames[i]['NameTitle']\r\n }\r\n ,'FirstName':this.state.PartySegmentNames[i]['GivenName']\r\n ,'MiddleNames':this.state.PartySegmentNames[i]['MiddleName']\r\n ,'Surname':this.state.PartySegmentNames[i]['Surname']\r\n },\r\n 'DateOfBirth':{\r\n 'Date1':{\r\n // 'Day':this.state.PartySegmentNames[i]['Birthdate'].getDay(),\r\n // 'Month':this.state.PartySegmentNames[i]['Birthdate'].getMonth(),\r\n // 'Year':this.state.PartySegmentNames[i]['Birthdate'].getFullYear()\r\n }\r\n }\r\n \r\n },\r\n 'Company':{\r\n 'CompanyName':this.state.PartySegmentNames[i]['CompanyName'],\r\n 'CompanyNumber':{\r\n 'ACN':this.state.PartySegmentNames[i]['Acn'],\r\n 'ABN':this.state.PartySegmentNames[i]['Abn'],\r\n 'ARBN':this.state.PartySegmentNames[i]['Arbn'],\r\n },\r\n 'CompanyType':{\r\n 'NumberOfDirectors':this.state.PartySegmentNames[i]['NumberOfDirectors'],\r\n 'Description':this.state.PartySegmentNames[i]['CompanyTypeDesc'],\r\n }, \r\n \r\n \r\n 'AttentionTo':{\r\n 'Position':this.state.PartySegmentNames[i]['CompanyPosition'],\r\n 'Name':this.state.PartySegmentNames[i]['CompanyAttentionName'],\r\n },\r\n 'Director':{\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n 'Role':this.state.RelatedPartySegmentPartyTypes[i],\r\n }\r\n },\r\n 'Partnership':{\r\n 'PartnershipName': this.state.PartySegmentNames[i]['PartnershipName'],\r\n 'PartnershipNumber': {\r\n 'ABN':this.state.PartySegmentNames[i]['PartnershipAbn'],\r\n },\r\n 'PartnershipType':{\r\n 'NumberOfPartners': this.state.PartySegmentNames[i]['PartnershipNumberOfPartners'],\r\n 'Description': this.state.PartySegmentNames[i]['PartnershipType'],\r\n },\r\n 'AttentionTo':{\r\n 'Position':this.state.PartySegmentNames[i]['PartnerPosition'],\r\n 'Name':this.state.PartySegmentNames[i]['PartnerAttentionName'],\r\n },\r\n 'Partner':{\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n 'Role':this.state.RelatedPartySegmentPartyTypes[i],\r\n }\r\n },\r\n 'PartyTrust':{\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n },\r\n 'PowerOfAttorney':{\r\n 'Date':'',\r\n 'DealingNumber':'',\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n },\r\n 'ContactDetails':{\r\n 'AddressDetails':{\r\n 'RelatedID':'Applicant' + i.toString(),\r\n 'UsedforMailing':this.state.PartySegmentAddressUsedforMailing[i],\r\n 'PostSettlement':this.state.PartySegmentAddressPostSettlement[i],\r\n 'PreSettlement':this.state.PartySegmentAddressPreSettlement[i],\r\n 'Residential':this.state.PartySegmentAddressResidential[i],\r\n 'Address':{\r\n // 'AddressSimple':{\r\n // 'Street':this.state.PartySegmentAddresses[i]['street'],\r\n // 'City':this.state.PartySegmentAddresses[i]['city'],\r\n 'BuildingName': this.state.PartySegmentAddresses[i]['building'],\r\n 'Floor':{\r\n 'Number': this.state.PartySegmentAddresses[i]['floor'],\r\n 'Type': this.state.PartySegmentAddresses[i]['floorType']\r\n },\r\n 'Unit':{\r\n 'NumberFrom': this.state.PartySegmentAddresses[i]['floor'],\r\n 'NumberTo': this.state.PartySegmentAddresses[i]['floor'],\r\n 'Type': this.state.PartySegmentAddresses[i]['floor'],\r\n },\r\n 'Street':{\r\n 'NumberFrom': this.state.PartySegmentAddresses[i]['floor'],\r\n 'NumberTo': this.state.PartySegmentAddresses[i]['floor'],\r\n 'Name': this.state.PartySegmentAddresses[i]['floor'],\r\n 'Type': this.state.PartySegmentAddresses[i]['floor'],\r\n },\r\n 'POBox':{\r\n 'DeliveryType': this.state.PartySegmentAddresses[i]['floor'],\r\n 'Number': this.state.PartySegmentAddresses[i]['floor'],\r\n },\r\n 'OverseasLine1': this.state.PartySegmentAddresses[i]['overseasline1'],\r\n 'OverseasLine2': this.state.PartySegmentAddresses[i]['overseasline2'],\r\n 'OverseasLine3': this.state.PartySegmentAddresses[i]['overseasline3'],\r\n 'OverseasLine4': this.state.PartySegmentAddresses[i]['overseasline4'],\r\n 'City': this.state.PartySegmentAddresses[i]['city'],\r\n 'State':{\r\n 'Name':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state']\r\n },\r\n 'OverseasState':{\r\n 'Name': this.state.PartySegmentAddresses[i]['overseasstate'],\r\n },\r\n 'Postcode':this.state.PartySegmentAddresses[i]['postcode'],\r\n 'Country':{\r\n 'ISO3166': this.state.PartySegmentAddresses[i]['countrycode']\r\n }\r\n // }\r\n \r\n },\r\n },\r\n 'HomePhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.PartySegmentHomePhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.PartySegmentHomeFaxNumbers[i]\r\n }\r\n },\r\n 'MobilePhone':{\r\n 'Phone':{\r\n 'Mobile':this.state.PartySegmentMobileNumbers[i]\r\n }, \r\n },\r\n 'WorkPhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.PartySegmentWorkPhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.PartySegmentWorkFaxNumbers[i]\r\n }\r\n },\r\n // 'Phone':{\r\n // 'Phone1':{\r\n // 'Item':this.state.PartySegmentMobileNumbers[i]\r\n // }\r\n // },\r\n // 'WorkPhone':{\r\n // 'Phone':{\r\n // 'FixedPhone':''//this.state.PartySegmentPhoneNumbers[i]\r\n // }\r\n // },\r\n // 'HomePhone':this.state.PartySegmentPhoneNumbers[i],\r\n // 'MobileNumber':this.state.PartySegmentMobileNumbers[i],\r\n 'Email':this.state.PartySegmentEmails[i]\r\n }\r\n // ,\r\n // 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'],'City':this.state.PartySegmentAddresses[i]['city'],'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n // 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i],'MobileNumber':this.state.PartySegmentMobileNumbers[i], 'Email':this.state.PartySegmentEmails[i],'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]\r\n }));\r\n \r\n // partySegment['Party'].push({'Identifier':{'UniqueID':'P'+i.toString()},'IsPrimaryApplicant':this.state.PartySegmentPrimaryApplicant[i]=='Yes'?true:false,'Person':{},'Name':{'NameTitle': this.state.PartySegmentNames[i]['NameTitle'],'GivenName':this.state.PartySegmentNames[i]['GivenName'],'MiddleName':this.state.PartySegmentNames[i]['MiddleName'],'Surname':this.state.PartySegmentNames[i]['Surname'],'CompanyName':this.state.PartySegmentNames[i]['CompanyName'],'ACN':this.state.PartySegmentNames[i]['Acn'],'ABN':this.state.PartySegmentNames[i]['Abn']},\r\n // 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'],'City':this.state.PartySegmentAddresses[i]['city'],'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n // 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i],'MobileNumber':this.state.PartySegmentMobileNumbers[i], 'Email':this.state.PartySegmentEmails[i],'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]}));\r\n instruction['PartySegment']=partySegment;\r\n\r\n console.log(application);\r\n console.log(instruction);\r\n }\r\n\r\n BackToPartyDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: true,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to party details\");\r\n }\r\n\r\n GoToSecurityDetails(e){\r\n alert('security')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: true,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToRelatedPartyDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: true,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to party details\");\r\n }\r\n\r\n\r\n GoToLoanDetails(e){\r\n alert('loan details')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: true,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToSecurityDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: true,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to security details\");\r\n }\r\n\r\n GoToFeeDetails(e){\r\n alert('fees')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: true,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToLoanDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: true,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to loan details\");\r\n }\r\n\r\n GoToInsuranceDetails(e){\r\n alert('insurance')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: true,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackFeeDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: true,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to party details\");\r\n }\r\n\r\n GoToSpecialCondition(e){\r\n alert('special condition')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: true,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToInsuranceDetails(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: true,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to insurance details\");\r\n }\r\n\r\n GoToInstructions(e){\r\n alert('instructions')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: true,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToSpecialCondition(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: true,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to special condition\");\r\n }\r\n\r\n\r\n GoToCommissions(e){\r\n alert('commissions')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: true,\r\n activeComments: false\t\r\n });\r\n }\r\n\r\n BackToInstructions(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: true,\r\n activeCommissions: false,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to instructions\");\r\n }\r\n\r\n GoToComments(e){\r\n alert('comments')\r\n window.scrollTo(0,0);\r\n // this.setState({\r\n // PartySegmentPorCTypes: this.state.PartySegmentPorCTypes == ''? 'Person': this.state.PartySegmentPorCTypes, \r\n // });\r\n\r\n // e.preventDefault();\r\n // let elem = document.getElementById('instruction-form-partydetails');\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: true\t\r\n });\r\n }\r\n\r\n BackToCommissions(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n \r\n this.setState({\r\n activeMatterDetails: false,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: true,\r\n activeComments: false\t\r\n });\r\n\r\n console.log(\"back to commissions details\");\r\n }\r\n\r\n\r\n CreateNewLoanInstructionEntity(e){\r\n window.scrollTo(0,0);\r\n e.preventDefault();\r\n let elem = document.getElementById('instruction-form');\r\n if(!elem.checkValidity()){\r\n elem.reportValidity();\r\n var result = elem.checkValidity();\r\n //alert('there is error');\r\n console.log('there is an error');\r\n console.log(elem.reportValidity());\r\n console.log(result);\r\n return;\r\n }\r\n let applicationBatch={};\r\n let application={};\r\n let instruction={};\r\n // let lenderRef={};\r\n // lenderRef['UniqueID']=this.state.InstructionLenderReference;\r\n application['Identifier'] = {'UniqueID':this.state.InstructionLenderReference};//lenderRef;\r\n // application['Submission']=this.state.ApplicationDateValid;\r\n // instruction['Disclosure']=this.state.DisclosureDateValid;\r\n \r\n //instruction['LenderRef']=this.state.InstructionLenderReference;\r\n // instruction['ApplicationType']=this.state.applicationTypeName?this.state.applicationTypeName:'New Loan';\r\n instruction['Application']={\r\n 'TransactionType': this.state.applicationTypeName?this.state.applicationTypeName:'New Loan',\r\n 'Mortgagee': 'this is the lender',\r\n 'SendDocsToRecipient': this.state.ApplicationMortgagee,\r\n 'ElectronicSigning': this.state.ApplicationElectronicSigning,\r\n 'Method':this.state.ApplicationMethod,\r\n 'SalesChannel': this.state.ApplicationSalesChannel,\r\n 'Classification': this.state.ApplicationClassification,\r\n };\r\n \r\n \r\n //instruction['SubType']=this.state.subApplicationType;\r\n //instruction['SelfActing']=this.state.SelfActing;\r\n\r\n let partySegment={}; \r\n partySegment['Party']=[];\r\n this.state.PartySegmentPartyTypes.forEach((e,i)=>\r\n partySegment['Party'].push({\r\n 'Identifier':{'UniqueID':'Applicant'+i.toString()},\r\n 'PrimaryApplicant':this.state.PartySegmentPrimaryApplicant[i]=='Yes'?true:false,\r\n 'Type': this.state.PartySegmentPartyTypes[i],\r\n 'Person':{\r\n 'PersonName':{\r\n 'NameTitle':{\r\n 'Value':this.state.PartySegmentNames[i]['NameTitle']===''?'Mr':this.state.PartySegmentNames[i]['NameTitle']\r\n }\r\n ,'FirstName':this.state.PartySegmentNames[i]['GivenName']\r\n ,'MiddleNames':this.state.PartySegmentNames[i]['MiddleName']\r\n ,'Surname':this.state.PartySegmentNames[i]['Surname']\r\n }\r\n },\r\n 'Company':{\r\n 'CompanyNumber':{\r\n 'CompanyName':this.state.PartySegmentNames[i]['CompanyName'],\r\n 'ACN':this.state.PartySegmentNames[i]['Acn'],\r\n 'ABN':this.state.PartySegmentNames[i]['Abn'],\r\n 'ARBN':this.state.PartySegmentNames[i]['Arbn'],\r\n },\r\n 'CompanyType':{\r\n 'NumberOfDirectors':this.state.PartySegmentNames[i]['NumberOfDirectors'],\r\n 'Description':this.state.PartySegmentNames[i]['CompanyTypeDesc'],\r\n },\r\n 'AttentionTo':{\r\n 'Position':this.state.PartySegmentNames[i]['CompanyPosition'],\r\n 'Name':this.state.PartySegmentNames[i]['CompanyAttentionName'],\r\n },\r\n 'Director':{\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n 'Role':this.state.RelatedPartySegmentPartyTypes[i],\r\n }\r\n },\r\n 'Partnership':{\r\n 'PartnershipName': this.state.PartySegmentNames[i]['PartnershipName'],\r\n 'PartnershipNumber': {\r\n 'ABN':this.state.PartySegmentNames[i]['PartnershipAbn'],\r\n },\r\n 'PartnershipType':{\r\n 'NumberOfPartners': this.state.PartySegmentNames[i]['PartnershipNumberOfPartners'],\r\n 'Description': this.state.PartySegmentNames[i]['PartnershipType'],\r\n },\r\n 'AttentionTo':{\r\n 'Position':this.state.PartySegmentNames[i]['PartnerPosition'],\r\n 'Name':this.state.PartySegmentNames[i]['PartnerAttentionName'],\r\n },\r\n 'Partner':{\r\n 'RelatedEntityRef':{\r\n 'RelatedID':''\r\n },\r\n 'Role':this.state.RelatedPartySegmentPartyTypes[i],\r\n }\r\n },\r\n 'ContactDetails':{\r\n 'AddressDetails':{\r\n 'RelatedID':'Applicant' + i.toString(),\r\n 'Address':{\r\n // 'AddressSimple':{\r\n // 'Street':this.state.PartySegmentAddresses[i]['street'],\r\n // 'City':this.state.PartySegmentAddresses[i]['city'],\r\n 'State':{\r\n 'Name':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state']\r\n },\r\n 'Postcode':this.state.PartySegmentAddresses[i]['postcode']\r\n // }\r\n \r\n },\r\n },\r\n 'HomePhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.PartySegmentHomePhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.PartySegmentHomeFaxNumbers[i]\r\n }\r\n },\r\n 'MobilePhone':{\r\n 'Phone':{\r\n 'Mobile':this.state.PartySegmentMobileNumbers[i]\r\n }, \r\n },\r\n 'WorkPhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.PartySegmentWorkPhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.PartySegmentWorkFaxNumbers[i]\r\n }\r\n },\r\n // 'Phone':{\r\n // 'Phone1':{\r\n // 'Item':this.state.PartySegmentMobileNumbers[i]\r\n // }\r\n // },\r\n // 'WorkPhone':{\r\n // 'Phone':{\r\n // 'FixedPhone':''//this.state.PartySegmentPhoneNumbers[i]\r\n // }\r\n // },\r\n // 'HomePhone':this.state.PartySegmentPhoneNumbers[i],\r\n // 'MobileNumber':this.state.PartySegmentMobileNumbers[i],\r\n 'Email':this.state.PartySegmentEmails[i]\r\n }\r\n // ,\r\n // 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'],'City':this.state.PartySegmentAddresses[i]['city'],'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n // 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i],'MobileNumber':this.state.PartySegmentMobileNumbers[i], 'Email':this.state.PartySegmentEmails[i],'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]\r\n }));\r\n \r\n // partySegment['Party'].push({'Identifier':{'UniqueID':'P'+i.toString()},'IsPrimaryApplicant':this.state.PartySegmentPrimaryApplicant[i]=='Yes'?true:false,'Person':{},'Name':{'NameTitle': this.state.PartySegmentNames[i]['NameTitle'],'GivenName':this.state.PartySegmentNames[i]['GivenName'],'MiddleName':this.state.PartySegmentNames[i]['MiddleName'],'Surname':this.state.PartySegmentNames[i]['Surname'],'CompanyName':this.state.PartySegmentNames[i]['CompanyName'],'ACN':this.state.PartySegmentNames[i]['Acn'],'ABN':this.state.PartySegmentNames[i]['Abn']},\r\n // 'Address':{'Street':this.state.PartySegmentAddresses[i]['street'],'City':this.state.PartySegmentAddresses[i]['city'],'State':this.state.PartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state'],'Postcode':this.state.PartySegmentAddresses[i]['postcode']},\r\n // 'PhoneNumber':this.state.PartySegmentPhoneNumbers[i],'MobileNumber':this.state.PartySegmentMobileNumbers[i], 'Email':this.state.PartySegmentEmails[i],'PartyType':e,'PersonCompany':this.state.PartySegmentPorCTypes[i]}));\r\n instruction['PartySegment']=partySegment;\r\n\r\n // let relatedPartySegment={}; \r\n // relatedPartySegment['RelatedParty']=[];\r\n instruction['RelatedPartySegment']=[];\r\n this.state.RelatedPartySegmentPartyTypes.forEach((e,i)=>\r\n instruction['RelatedPartySegment'].push({\r\n //'RelatedParty':{\r\n 'Identifier':{'UniqueID':'P'+i.toString()},\r\n 'Person':{'PersonName':\r\n {\r\n //'NameTitle': {'Value':this.state.PartySegmentNames[i]['NameTitle']},\r\n 'FirstName':this.state.RelatedPartySegmentNames[i]['GivenName'],\r\n 'MiddleNames':this.state.RelatedPartySegmentNames[i]['MiddleName'],\r\n 'Surname':this.state.RelatedPartySegmentNames[i]['Surname']}},\r\n 'Company':\r\n {\r\n 'CompanyName':this.state.RelatedPartySegmentNames[i]['CompanyName'],\r\n 'ACN':this.state.RelatedPartySegmentNames[i]['Acn'],\r\n 'ABN':this.state.RelatedPartySegmentNames[i]['Abn'],\r\n 'ARBN':this.state.PartySegmentNames[i]['Arbn'],\r\n },\r\n 'ContactDetails':{\r\n 'AddressDetails':{\r\n 'Address':{\r\n 'AddressSimple':{\r\n 'Street':this.state.RelatedPartySegmentAddresses[i]['street'],\r\n 'City':this.state.RelatedPartySegmentAddresses[i]['city'],\r\n 'State':{\r\n 'Name':this.state.RelatedPartySegmentAddresses[i]['state']===''?'NSW':this.state.PartySegmentAddresses[i]['state']\r\n },\r\n 'Postcode':this.state.RelatedPartySegmentAddresses[i]['postcode']\r\n }\r\n \r\n }\r\n },\r\n 'HomePhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.RelatedPartySegmentHomePhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.RelatedPartySegmentHomeFaxNumbers[i]\r\n }\r\n },\r\n 'MobilePhone':{\r\n 'Phone':{\r\n 'Mobile':this.state.RelatedPartySegmentMobileNumbers[i]\r\n }, \r\n },\r\n 'WorkPhone':{\r\n 'Phone':{\r\n 'FixedPhone':this.state.RelatedPartySegmentWorkPhoneNumbers[i]\r\n },\r\n 'Fax':{\r\n 'FixedPhone':this.state.RelatedPartySegmentWorkFaxNumbers[i]\r\n }\r\n },\r\n // 'HomePhone':{\r\n // 'Phone':{\r\n // 'FixedPhone':this.state.RelatedPartySegmentPhoneNumbers[i]\r\n // }\r\n // },\r\n // 'MobilePhone':{\r\n // 'Phone':{\r\n // 'FixedPhone':this.state.RelatedPartySegmentPhoneNumbers[i]\r\n // }\r\n // },\r\n // 'WorkPhone':{\r\n // 'Phone':{\r\n // 'FixedPhone':''//this.state.PartySegmentPhoneNumbers[i]\r\n // }\r\n // },\r\n 'Email':this.state.RelatedPartySegmentEmails[i]\r\n }, \r\n 'RelPartyType': this.state.RelatedPartySegmentPartyTypes[i]\r\n\r\n //}\r\n \r\n }));\r\n \r\n //instruction['RelatedPartySegment']=relatedPartySegment;\r\n\r\n let loanDetailsSegment={}; \r\n loanDetailsSegment['LoanDetails']=[];\r\n this.state.LoanIds.forEach((e,i)=> loanDetailsSegment['LoanDetails'].push({\r\n //'LoanId':e,\r\n 'LoanTermMonths':this.state.LoanTermMonths[i],\r\n 'AccountNumber':{\r\n 'AcctNbr':e,\r\n },\r\n 'CurrentLoanRepayment':{\r\n 'Amount':this.state.IndicativeAmounts[i],\r\n },\r\n 'AmountRequested':{\r\n 'Amount':this.state.IndicativeAmounts[i],\r\n },\r\n \r\n 'LoanTerm':[{\r\n 'Type':this.state.LoanTermTypes[i]==='Variable'?'Variable':'FixedRate',\r\n 'PaymentFrequency':this.state.LoanPaymentFrequencies[i]==='Twice Monthly'?'TwiceMonthly':this.state.LoanPaymentFrequencies[i],\r\n 'InterestRate':this.state.LoanInterestRates[i],\r\n 'PaymentType':this.state.LoanPaymentTypes[i]==='Principal And Interest'?'PrincipalAndInterest':'InterestOnly', \r\n }],\r\n \r\n \r\n \r\n // 'LoanTermType':this.state.LoanTermTypes[i],\r\n // 'IndicativeAmount':this.state.IndicativeAmounts[i],\r\n // 'InterestRate':this.state.LoanInterestRates[i],\r\n // 'PaymentType':this.state.LoanPaymentTypes[i], \r\n // 'PaymentFrequency':this.state.LoanPaymentFrequencies[i]\r\n }));\r\n\r\n instruction['LoanDetailSegment']=loanDetailsSegment;\r\n\r\n\r\n let fees=[]; \r\n //fees['Fee']=[];\r\n this.state.LoanIds.forEach((e,i)=> fees.push({\r\n //'LoanId':e,\r\n // 'DisclosureDate':{\r\n // 'Date':{\r\n // 'Day':'',\r\n // 'Month':'',\r\n // 'Year':''\r\n // }\r\n // }, \r\n //'Fee':[{\r\n 'Description':'desc',\r\n 'Name':'EarlyRepayment', \r\n //'Type':'',\r\n 'WhenPayable':'AfterSettlement', \r\n //}],\r\n \r\n \r\n \r\n // 'LoanTermType':this.state.LoanTermTypes[i],\r\n // 'IndicativeAmount':this.state.IndicativeAmounts[i],\r\n // 'InterestRate':this.state.LoanInterestRates[i],\r\n // 'PaymentType':this.state.LoanPaymentTypes[i], \r\n // 'PaymentFrequency':this.state.LoanPaymentFrequencies[i]\r\n }));\r\n\r\n var d=new Date(this.state.DisclosureDateValid);\r\n var year = d.getFullYear();\r\n var month = d.getMonth() < 12 ? d.getMonth()+ 1 : d.getMonth();\r\n var day = d.getDay();\r\n //var day = (\"00\"+d.getDate()).slice(d.getDate().toString().length)\r\n d= day + \"/\" + (\"00\"+month).slice(month.toString().length) + \"/\" + d.getFullYear();\r\n\r\n instruction['FeeSegment']={\r\n 'DisclosureDate':{\r\n 'Date1':{\r\n 'Day':day,\r\n 'Month':month,\r\n 'Year':year\r\n }\r\n }, \r\n 'Fee':fees \r\n };\r\n\r\n\r\n // instruction['FeeSegment']=[];//SettlementSimultaneousWith\r\n // // //this.state.LoanIds.forEach((v,i)=>{instruction['FeeSegment'].push(v)});//(p,c,i)=>[{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i-1]},{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i]}]):\r\n // this.state.LoanIds.forEach((v,i)=>{\r\n // instruction['FeeSegment'].push({\r\n // 'DisclosureDate':{\r\n // 'Date1':{\r\n // 'Day':'05',\r\n // 'Month':'02',\r\n // 'Year':'2023'\r\n // }\r\n // }, \r\n // 'Fee':[{\r\n // 'Description':'desv',\r\n // 'Name':'feeNameList\"', \r\n // //'Type':'',\r\n // 'WhenPayable':'feePayableList\"', \r\n // }],\r\n // } )});\r\n \r\n\r\n // instruction['FeeSegment']={\r\n // 'DisclosureDate':{\r\n // 'Date':{\r\n // 'Day':'',\r\n // 'Month':'',\r\n // 'Year':''\r\n // }\r\n // }, \r\n // 'Fee': this.state.LoanIds.forEach((e,i)=> fees['Fee'].push({\r\n \r\n // 'Name':'',\r\n // 'Description':'',\r\n // 'Type=':'',\r\n // 'WhenPayable':'', \r\n // }\r\n \r\n \r\n \r\n // // 'LoanTermType':this.state.LoanTermTypes[i],\r\n // // 'IndicativeAmount':this.state.IndicativeAmounts[i],\r\n // // 'InterestRate':this.state.LoanInterestRates[i],\r\n // // 'PaymentType':this.state.LoanPaymentTypes[i], \r\n // // 'PaymentFrequency':this.state.LoanPaymentFrequencies[i]\r\n // )) \r\n // };\r\n \r\n\r\n // let relatedPartySegment={}; \r\n // relatedPartySegment['RelatedParty']=[];\r\n // this.state.RelatedPartySegmentPartyTypes.forEach((e,i)=>\r\n\r\n\r\n // instruction['RelatedParty']=[];\r\n // this.state.RelatedPartySegmentPartyTypes.forEach((e,i)=>\r\n // instruction['RelatedParty'].push({'UniqueID':'P'+i.toString(),'Name':{'GivenName':this.state.RelatedPartySegmentNames[i]['GivenName'],'MiddleName':this.state.PartySegmentNames[i]['MiddleName'],'Surname':this.state.RelatedPartySegmentNames[i]['Surname'],'CompanyName':this.state.RelatedPartySegmentNames[i]['CompanyName'],'ACN':this.state.RelatedPartySegmentNames[i]['Acn'],'ABN':this.state.RelatedPartySegmentNames[i]['Abn']},\r\n // 'Address':{'Street':this.state.RelatedPartySegmentAddresses[i]['street'],'City':this.state.RelatedPartySegmentAddresses[i]['city'],'State':this.state.RelatedPartySegmentAddresses[i]['state']===''?'NSW':this.state.RelatedPartySegmentAddresses[i]['state'],'Postcode':this.state.RelatedPartySegmentAddresses[i]['postcode']},\r\n // 'PhoneNumber':this.state.RelatedPartySegmentPhoneNumbers[i],'MobileNumber':this.state.RelatedPartySegmentMobileNumbers[i],'Email':this.state.RelatedPartySegmentEmails[i],'PartyType':e,'RelatedPersonCompany':this.state.RelatedPartySegmentPorCTypes[i]}));\r\n \r\n // instruction['ValueItem']=[];\r\n // this.state.SecuritySegmentAddreses.forEach((p,i)=>\r\n \r\n // instruction['ValueItem'].push(\r\n // {\r\n // 'UniqueID':'S'+i.toString(),'TitleRef':this.state.SecuritySegmentTitleReferences[i],\r\n // 'IsPrimarySecurity':this.state.SecuritySegmentPrimarySecurities[i]=='Yes'? true: false,\r\n // 'AssetClass':this.state.SecurityTypes[i],\r\n // //'SelfActing':this.state.SelfActing[i],\r\n // //'SubType':this.state.SecurityTypes[i]==='Sale'?0:this.state.SecurityTypes[i]==='External Refinance'?1:this.state.SecurityTypes[i]==='Internal Refinance'?2:this.state.SecurityTypes[i]==='Debt Repaid'?3:0,\r\n // //'SubType':this.state.SecurityTypes[i]==='Sale'?0:this.state.SecurityTypes[i]==='External Refinance'?1:this.state.SecurityTypes[i]==='Debt Repaid'?2:this.state.SecurityTypes[i]==='Internal Refinance'?3:0,\r\n // //'SubType':this.state.SecurityTypes[i]==='Sale'?0:this.state.SecurityTypes[i]==='External Refinance'?1:this.state.SecurityTypes[i]==='Debt Repaid'?2:this.state.SecurityTypes[i]==='Internal Refinance'?3:0,\r\n // //'SubType':this.state.SecurityTypes[i]==='Sale'?1:this.state.SecurityTypes[i]==='External Refinance'?2:this.state.SecurityTypes[i]==='Internal Refinance'?3:this.state.SecurityTypes[i]==='Debt Repaid'?4:1,\r\n // //'SubType':this.state.SecurityTypes[i]?this.state.SecurityTypes[i]:1,\r\n // //'IncomingMortgagee':this.state.SecurityTypes[i]==='External Refinance'?{'UniqueID':'IM'+i,'Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[i],'Email':this.state.IncomingMortgageeEmails[i],'FaxNumber':this.state.IncomingMortgageeNumbers[i]}:null,\r\n // //'PartyRep':!this.state.SelfActing[i]?{'UniqueID':'PR'+i,'Type':'Solicitor','FullName':this.state.PartyRepNames[i],'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}:null,\r\n // //'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state'],'Postcode':this.state.SecuritySegmentAddreses[i]['postcode']}}));\r\n // 'Address':{'Street':this.state.SecuritySegmentAddreses[i]['street'],'City':this.state.SecuritySegmentAddreses[i]['city'],'State':this.state.SecuritySegmentAddreses[i]['state']!=\"\"?this.state.SecuritySegmentAddreses[i]['state']:'NSW','Postcode':this.state.SecuritySegmentAddreses[i]['postcode']}}));\r\n \r\n\r\n \r\n // instruction['PartyRep']={'UniqueID':'PR1','Type':'Solicitor','FullName':this.state.PartyRepNames[0],'Email':this.state.PartyRepEmails[0],'PhoneNumber':this.state.PartyRepNumbers[0]};\r\n //this.state.PartyRepNames.forEach((e,i)=>instruction['PartyRep'].push({'FullName':e,'Email':this.state.PartyRepEmails[i],'PhoneNumber':this.state.PartyRepNumbers[i]}));\r\n\r\n // instruction['IncomingMortgagee']=this.state.IncomingMortgageeSegmentCount===0?{}:{'UniqueID':'IM1','Type':'IncomingMortgagee','FullName':this.state.IncomingMortgageeNames[0],'Email':this.state.IncomingMortgageeEmails[0],'PhoneNumber':this.state.IncomingMortgageeNumbers[0]};\r\n // instruction['SettlementSimultaneousWith']=[];//SettlementSimultaneousWith\r\n // this.state.SimultaneousSettlementSegmentLoanIds.forEach((v,i)=>{instruction['SettlementSimultaneousWith'].push(v)});//(p,c,i)=>[{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i-1]},{'LoanId':this.state.SimultaneousSettlementSegmentLoanIds[i]}]):\r\n \r\n // instruction['ImportantNotes'] = {'SettlementNotToBeBookedPriorTo':this.state.ImportantNoteSegmentSettlementNotToBeBookedPriorToDates[0],'CollectSurplus':this.state.ImportantNoteSegmentCollectSurplus[0]==='on'?true:false};\r\n // if(this.state.HasBorrowerClearTitleToAddress){\r\n // instruction['ImportantNotes']['BorrowerClearTitleTo']={'Address':{'Street':this.state.BorrowerClearTitleToAddress[0]['street'],'City':this.state.BorrowerClearTitleToAddress[0]['city'],'State':this.state.BorrowerClearTitleToAddress[0]['state'],'Postcode':this.state.BorrowerClearTitleToAddress[0]['postcode']}};\r\n // }\r\n // if(this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress){\r\n // instruction['ImportantNotes']['GuarantorTitleDeedTo']={'Address':{'Street':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['street'],'City':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['city'],'State':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['state'],'Postcode':this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress[0]['postcode']}};\r\n // }\r\n // instruction['SpecialConditions']=[];\r\n // this.state.SpecialConditionSegmentConditionValues.forEach((e,i)=>\r\n\r\n // instruction['SpecialConditions'].push({'Type':this.state.SpecialConditionSegmentConditionTypes[i],'SpecialCondition1':this.state.SpecialConditionSegmentConditionValues[i]}));\r\n\r\n // instruction['OtherRequests']=this.state.DischargeinstructionOtherRequests;\r\n application['Application']=instruction;\r\n //applicationBatch['ApplicationBatch']=instruction;\r\n applicationBatch=application;\r\n console.log(applicationBatch);\r\n this.setState({isLoading:true});\r\n InstructionService.SendNewLoansInstruction(applicationBatch).then((resp)=>{\r\n this.setState({msg:resp.data.Content,\r\n InstructionSubmit:true,\r\n isLoading:false});\r\n \r\n \r\n },(err)=>{\r\n if (err.response && err.response.status === 401) {\r\n this.setState({\r\n isLoading:false,\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n\r\n } else {\r\n if(err.response.status== 400){\r\n alert('A matter with this lender reference already exists.');\r\n }\r\n else{\r\n alert(\"There is an error with the request\");\r\n }\r\n //alert('A matter with this lender reference already exists.');\r\n this.setState({isLoading:false,});\r\n }\r\n });\r\n \r\n } \r\n \r\n\r\n GetApplicationTypes(){\r\n this.setState({ApplicationTypes:[\r\n 'New Loan',\r\n 'Redoc',\r\n 'VarnIncrease',\r\n 'VarnDecrease',\r\n 'VarnSubstitution',\r\n 'VarnBorrChange',\r\n 'VarnIncreaseSubstitution',\r\n 'VarnIncreaseBorrChange',\r\n 'VarnIncreaseSubstitutionBorrChange',\r\n 'VarnDecreaseSubstitution',\r\n 'VarnDecreaseBorrChange',\r\n 'VarnDecreaseSubstitutionBorrChange',\r\n 'VarnProductChange',\r\n 'VarnOther']});\r\n // InstructionService.GetDischargeTypes().then((resp)=>{\r\n // this.setState({ApplicationTypes:resp.data.Content});\r\n \r\n // },\r\n // (err)=>{\r\n // //alert(err);\r\n // alert(\"There is an error with the request\");\r\n // });\r\n }\r\n\r\n GetOtherPartyTypes(){\r\n //this.setState({OtherPartyTypes:['Broker','Solicitor','Creditor']});\r\n // InstructionService.GetDischargeTypes().then((resp)=>{\r\n // this.setState({ApplicationTypes:resp.data.Content});\r\n \r\n // },\r\n // (err)=>{\r\n // //alert(err);\r\n // alert(\"There is an error with the request\");\r\n // });\r\n }\r\n\r\n GetDischargeReasonTypes(){\r\n //this.setState({subApplicationTypeOptions:['Sale','External Refinance','Internal Refinance','Debt Repaid']});\r\n InstructionService.GetDischargeReasonTypes().then((resp)=>{\r\n //alert(resp.data.Content)\r\n this.setState({subApplicationTypeOptions:resp.data.Content},()=>{\r\n \r\n //console.log(\"irene again\")\r\n console.log(this.state.subApplicationTypeOptions)\r\n });\r\n //this.UpdateSecuritySegment();\r\n },\r\n (err)=>{\r\n //alert(err);\r\n alert(\"There is an error with the request\");\r\n });\r\n }\r\n\r\n GetStates(){\r\n let respVal = [];\r\n \r\n InstructionService.GetInstructionStates().then((resp)=>{\r\n this.setState({States:resp.data.Content},()=>{\r\n let mapd=[];\r\n mapd.push();\r\n for(let f=0;f{this.state.States[f]});\r\n };\r\n\r\n let mapTitles=[];\r\n let mapApplicantTransactionList=[];\r\n let mapChangeNameYNList=[];\r\n let mapChangeNameReasonList=[];\r\n let mapPartyTypes=[];\r\n let mapPartyPartnershipTypes=[];\r\n let mapFloorTypes=[];\r\n let mapDeliveryTypes=[];\r\n let mapTrustTypes=[];\r\n let mapCompanyTypes=[];\r\n let mapSettlementActionLists=[];\r\n let mapCommercialTypes=[];\r\n let mapResidentialTypes=[];\r\n let mapUnitTypeList=[];\r\n let mapStreetTypeList=[];\r\n let mapCountries=[];\r\n let mapPrimaryPurposes=[];\r\n let mapTransactions=[];\r\n let mapTitleTorrensExtent=[];\r\n let mapTitleTenureTypeList=[];\r\n let mapTitleTypeList=[];\r\n let mapEncumbranceTypeList=[];\r\n let mapFinanceTypes=[];\r\n let mapNonPropertyTransactionList=[];\r\n let mapFinancialDepositAccountTypeList=[];\r\n let mapMotorVehicleTypeList=[];\r\n let mapMortgagePriorityList=[];\r\n let mapAssetInsuranceCategoryList=[];\r\n let mapAssetInsuranceTypeList=[];\r\n let mapOtherAssetTypeList=[];\r\n let mapNonPropertyShareTypeList=[];\r\n let mapFinancialLoanTypeList=[];\r\n let mapPaidStatusList=[];\r\n let mapFeeNameList=[];\r\n let mapFeeTypeList=[];\r\n let mapFeePayableList=[];\r\n let mapPayerTypeList=[];\r\n let mapInsuranceTypeList=[];\r\n let mapConditionTypeList=[];\r\n let mapDocumentIssuerList=[];\r\n let mapSendDocsToRecipientList=[];\r\n let mapSalesChannelList=[];\r\n let mapDocumentationInstructionsMethodList=[];\r\n let mapClassificationList=[];\r\n let mapGenderList=[];\r\n\r\n // mapTitles.push();\r\n // mapTitles.push(); \r\n // mapTitles.push();\r\n\r\n\r\n \r\n // dischargeReasonTypeOptions.push()\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTitles.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapGenderList.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapApplicantTransactionList.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapChangeNameYNList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapChangeNameReasonList.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapPartyTypes.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapPartyPartnershipTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFloorTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapDeliveryTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTrustTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapCompanyTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapSettlementActionLists.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapCommercialTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapResidentialTypes.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapUnitTypeList.push()\r\n } \r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapStreetTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapCountries.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapPrimaryPurposes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTransactions.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTitleTorrensExtent.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTitleTenureTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapTitleTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapEncumbranceTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFinanceTypes.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapNonPropertyTransactionList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFinancialDepositAccountTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapMotorVehicleTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapMortgagePriorityList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapAssetInsuranceCategoryList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapAssetInsuranceTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapOtherAssetTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapNonPropertyShareTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFinancialLoanTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapPaidStatusList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFeeNameList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFeeTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapFeePayableList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapPayerTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapInsuranceTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapConditionTypeList.push()\r\n }\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n mapDocumentIssuerList.push()\r\n }\r\n for(let x=0;x{this.state.SendDocsToRecipientList[x]})\r\n }\r\n for(let x=0;x{this.state.SalesChannelList[x]})\r\n }\r\n for(let x=0;x{this.state.DocumentationInstructionsMethodList[x]})\r\n }\r\n for(let x=0;x{this.state.ClassificationList[x]})\r\n }\r\n \r\n //let mappedDischargeReasonOptions = dischargeReasonTypeOptions.length?dischargeReasonTypeOptions.reduce((p,c)=>[p,'',c]):'';\r\n \r\n \r\n this.setState({\r\n MappedStates:mapd, \r\n MappedTitles: mapTitles, \r\n ApplicantTransactionList: mapApplicantTransactionList,\r\n ChangeNameYNList: mapChangeNameYNList,\r\n ChangeNameReasonList: mapChangeNameReasonList,\r\n MappedPartyTypes:mapPartyTypes, \r\n MappedPartnershipTypes:mapPartyPartnershipTypes,\r\n FloorTypes:mapFloorTypes,\r\n DeliveryTypes: mapDeliveryTypes,\r\n TrustTypes: mapTrustTypes,\r\n CompanyTypes: mapCompanyTypes,\r\n SettlementActionLists: mapSettlementActionLists,\r\n PropertyCommercialTypeList: mapCommercialTypes,\r\n PropertyResidentialTypeList: mapResidentialTypes,\r\n UnitTypeList: mapUnitTypeList,\r\n StreetTypeList: mapStreetTypeList,\r\n CountryCodeList: mapCountries,\r\n PropertyPurposeList: mapPrimaryPurposes,\r\n PropertyTransactionList: mapTransactions,\r\n TitleTorrensExtent: mapTitleTorrensExtent,\r\n TitleTenureTypeList: mapTitleTenureTypeList,\r\n TitleTypeList: mapTitleTypeList,\r\n EncumbranceTypeList: mapEncumbranceTypeList,\r\n FinanceTypeList: mapFinanceTypes,\r\n NonPropertyTransactionList: mapNonPropertyTransactionList,\r\n FinancialDepositAccountTypeList: mapFinancialDepositAccountTypeList,\r\n MotorVehicleTypeList: mapMotorVehicleTypeList,\r\n MortgagePriorityList: mapMortgagePriorityList,\r\n AssetInsuranceCategoryList: mapAssetInsuranceCategoryList,\r\n AssetInsuranceTypeList: mapAssetInsuranceTypeList,\r\n OtherAssetTypeList: mapOtherAssetTypeList,\r\n NonPropertyShareTypeList: mapNonPropertyShareTypeList,\r\n FinancialLoanTypeList:mapFinancialLoanTypeList,\r\n PaidStatusList:mapPaidStatusList,\r\n FeeNameList:mapFeeNameList,\r\n FeeTypeList:mapFeeTypeList,\r\n FeePayableList:mapFeePayableList,\r\n PayerTypeList:mapPayerTypeList,\r\n InsuranceTypeList:mapInsuranceTypeList,\r\n ConditionTypeList:mapConditionTypeList,\r\n DocumentIssuerList: mapDocumentIssuerList,\r\n SendDocsToRecipientList: mapSendDocsToRecipientList,\r\n SalesChannelList: mapSalesChannelList,\r\n DocumentationInstructionsMethodList: mapDocumentationInstructionsMethodList,\r\n ClassificationList: mapClassificationList,\r\n GenderList: mapGenderList\r\n\r\n },()=>{\r\n //this.GetDischargeReasonTypes();\r\n //this.GetTitles();\r\n this.UpdateIncomingMortgageeSegment();\r\n this.UpdateSecuritySegment();\r\n this.UpdatePartySegment();\r\n this.UpdateRelatedPartySegment();\r\n this.UpdatePartyRep();\r\n this.GetApplicationTypes();\r\n this.GetOtherPartyTypes();\r\n this.UpdateImportNotesSegment();\r\n this.UpdateLoanIdSegment();\r\n this.UpdateFeeSegment();\r\n this.UpdateInstructionsDocumentsSegment();\r\n //this.GetTrustAccountOptions();\r\n //this.UpdatePayoutSegment();\r\n });\r\n });\r\n },\r\n (err)=>{\r\n this.setState({\r\n\r\n shouldRedirect: true,\r\n errorMessage: 'there is an error with the request'\r\n });\r\n \r\n });\r\n\r\n }\r\n GetTitles(){\r\n this.setState({Titles:['Mr', 'Ms', 'Mrs']});\r\n }\r\n\r\n GetExternalUserPrivilege(){\r\n \r\n /* AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({CanInstructNewLoans:resp.data.Content.CanInstructNewLoans},()=>{}\r\n }) */\r\n\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({\r\n CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n },()=>{console.log(this.state.CanInstructNewLoans)});\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n }\r\n\r\n GetLenderDetails(){\r\n //let userdetails = AuthService.getUserDetails();\r\n //let usertypeid = userdetails != null?userdetails.map(d=>d.usertypeid) : '';\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2)\r\n {\r\n AuthService.GetLenderDetails().then((resp)=>{\r\n this.setState({\r\n IsLenderThinkTank:resp.data.Content\r\n },()=>{console.log(this.state.IsLenderThinkTank)});\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n }\r\n \r\n }\r\n\r\n\r\n UpdateLenderReferenceCombined(e){\r\n e.preventDefault();\r\n let vals = this.state.LoanIds;\r\n var ref = '';\r\n for(let x=0;x{this.UpdateLoanIdSegment();});\r\n\r\n }\r\n IndicativeAmountUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IndicativeAmounts;\r\n val[i]=e.target.value;\r\n this.setState({IndicativeAmounts:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanTermUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanTermMonths;\r\n val[i]=e.target.value;\r\n this.setState({LoanTermMonths:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanInterestRateUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanInterestRates;\r\n val[i]=e.target.value;\r\n this.setState({LoanInterestRates:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanDefaultInterestRateUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanDefaultInterestRates;\r\n val[i]=e.target.value;\r\n this.setState({LoanDefaultInterestRates:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanPaymentAmountUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanPaymentAmounts;\r\n val[i]=e.target.value;\r\n this.setState({LoanPaymentAmounts:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanPurposeUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanPurposes;\r\n val[i]=e.target.value;\r\n this.setState({LoanPurposes:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanAmountUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.LoanAmounts;\r\n val[i]=e.target.value;\r\n this.setState({LoanAmounts:val},()=>{this.UpdateLoanIdSegment();});\r\n }\r\n\r\n LoanSegmentKeyDatesUpdated(e,i,key){\r\n e.preventDefault();\r\n let keyDates = this.state.LoanSegmentKeyDates;\r\n if(keyDates[i]===undefined){\r\n let keyDatesEntity = {'ExpiryDateOfCommitment':'','AnticipatedLoanExpiry':''}; \r\n keyDates.push(keyDatesEntity);\r\n }\r\n keyDates[i][key]=e.target.value;\r\n\r\n this.setState({LoanSegmentKeyDates:keyDates},()=>{this.UpdateLoanIdSegment()});\r\n }\r\n\r\n LoanSegmentLoansToBeRepaidUpdated(e,i,key){\r\n e.preventDefault();\r\n let loansToBeRepaid = this.state.LoanSegmentLoansToBeRepaid;\r\n if(loansToBeRepaid[i]===undefined){\r\n let loansToBeRepaidEntity = {'AccountType':'','AccountTypeDescription':'','AccountName':'','AccountNo':'','PaymentPaid':'','PaymentAmountEXGST':'','PaymentTotal':'',\r\n 'PaymentGST':'','PaymentBalance':''}; \r\n loansToBeRepaid.push(loansToBeRepaidEntity);\r\n }\r\n loansToBeRepaid[i][key]=e.target.value;\r\n\r\n this.setState({LoanSegmentLoansToBeRepaid:loansToBeRepaid},()=>{this.UpdateLoanIdSegment()});\r\n }\r\n\r\n LoanSegmentLoanDocPrepUpdated(e,i,key){\r\n e.preventDefault();\r\n let loanDocPrep = this.state.LoanSegmentLoanDocPrep;\r\n if(loanDocPrep[i]===undefined){\r\n let loanDocPrepEntity = {'MortgagePaymentsExistingLoanAmount':'','MortgagePaymentsOthersAmount':'','RentPaidAmount':'','IncomeTaxAmount':'','HirePurchaseAmount':'','LivingExpensesAmount':'','OtherExpensesAmount':'',\r\n 'OtherCommitmentsAmount':'','TotalExpensesAmount':'','GrossSalaryPreTaxAmount':'','NetBusinessIncomePreTaxAmount':'','NetRentalIncomeAmount':'','OtherIncomeAmount':'','TotalIncomeAmount':'','SurplusAmount':'','TotalAssetsAmount':'',\r\n 'TotalLiabilitiesAmount':'','NetAssetsAmount':'',}; \r\n loanDocPrep.push(loanDocPrepEntity);\r\n }\r\n loanDocPrep[i][key]=e.target.value;\r\n\r\n this.setState({LoanSegmentLoanDocPrep:loanDocPrep},()=>{this.UpdateLoanIdSegment()});\r\n }\r\n\r\n UpdateLoanIdSegment(){\r\n var ents = this.state.LoanIdEntities;\r\n var loanIds = this.state.LoanIds;\r\n // var loanTermMonths = this.state.LoanTermMonths;\r\n // var loanTermTypes\r\n let termTypes=[];\r\n \r\n for(let i=0; i{this.state.MappedLoanTermTypes[i]});\r\n }\r\n let mappedLoanTermTypes = termTypes.length? termTypes.reduce((p,c)=>[p,'',c]):'';\r\n\r\n let paymentFrequencies=[];\r\n \r\n for(let i=0; i{this.state.MappedLoanPaymentFrequencies[i]});\r\n }\r\n let mappedLoanPaymentFrequencies = paymentFrequencies.length? paymentFrequencies.reduce((p,c)=>[p,'',c]):'';\r\n\r\n\r\n let paymentTypes=[];\r\n \r\n for(let i=0; i{this.state.MappedLoanPaymentTypes[i]});\r\n }\r\n let mappedLoanPaymentTypes = paymentTypes.length? paymentTypes.reduce((p,c)=>[p,'',c]):'';\r\n\r\n \r\n\r\n if(this.state.LoanIdEntities.length>this.state.LoanIdEntityCount){\r\n for(let i = this.state.LoanIdEntities.length; i>this.state.LoanIdEntityCount && i>this.state.LoanIdEntityMinCount ; i--){\r\n ents.pop();\r\n loanIds.pop();\r\n\r\n }\r\n this.setState({LoanIdEntities:ents,LoanIds:loanIds},()=>{return;});\r\n }else{\r\n \r\n let keyDates = this.state.LoanSegmentKeyDates;\r\n let loansToBeRepaid = this.state.LoanSegmentLoansToBeRepaid;\r\n let loanPurposes = this.state.LoanPurposes;\r\n let loanDocPrep = this.state.LoanSegmentLoanDocPrep;\r\n for(let i = 0; i\r\n {/* Loan details Start */}\r\n
));\r\n }\r\n this.setState({LoanIdEntities:ents,LoanIds:loanIds,\r\n LoanSegmentKeyDates: keyDates,\r\n LoanSegmentLoansToBeRepaid: loansToBeRepaid,\r\n LoanSegmentLoanDocPrep: loanDocPrep,\r\n });\r\n }\r\n }\r\n\r\n CommissionSegmentPayerTypeUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({CommissionSegmentPayerType:e.target.value});\r\n }\r\n CommissionSegmentPaymentPaidStatusUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({CommissionSegmentPaymentPaidStatus:e.target.value});\r\n }\r\n CommissionSegmentPaymentUpdated(e,key){\r\n e.preventDefault();\r\n let payment = this.state.CommissionSegmentPayment;\r\n if(payment===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let paymentEntity = {'PaidType':'','AmountExGST':'','Total':'','WhenPayable':'','Total':'','Balance':''};\r\n \r\n payment.push(paymentEntity);\r\n }\r\n payment[key]=e.target.value;\r\n\r\n this.setState({CommissionSegmentPayment:payment},()=>{this.UpdateFeeSegment()});\r\n\r\n }\r\n\r\n InsuranceSegmentInsuranceTypeUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentInsuranceType:e.target.value});\r\n }\r\n InsuranceSegmentInsuranceDescriptionUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentInsuranceDescription:e.target.value});\r\n }\r\n InsuranceSegmentInsurancePolicyNoUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentInsurancePolicyNo:e.target.value});\r\n }\r\n InsuranceSegmentPaymentPaidStatusUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPaymentPaidStatus:e.target.value});\r\n }\r\n InsuranceSegmentPaymentAmountExGSTUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPaymentAmountExGST:e.target.value});\r\n }\r\n InsuranceSegmentPaymentTotalUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPaymentTotal:e.target.value});\r\n }\r\n InsuranceSegmentPaymentGSTUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPaymentGST:e.target.value});\r\n }\r\n InsuranceSegmentPaymentBalanceUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPaymentBalance:e.target.value});\r\n }\r\n InsuranceSegmentPremiumPayerTypeUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentPremiumPayerType:e.target.value});\r\n }\r\n InsuranceSegmentInsuranceStartDateUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({ InsuranceSegmentInsuranceStartDate:e.target.value});\r\n }\r\n InsuranceSegmentInsuranceEndDateUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({InsuranceSegmentInsuranceEndDate:e.target.value});\r\n }\r\n\r\n SpecialConditionSegmentConditionNameUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({SpecialConditionSegmentConditionName:e.target.value});\r\n }\r\n SpecialConditionSegmentConditionDescriptionUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({SpecialConditionSegmentConditionDescription:e.target.value});\r\n }\r\n\r\n UpdateFeeSegmentFees(e,i,key){\r\n e.preventDefault();\r\n let fees = this.state.FeeSegmentFees;\r\n if(fees[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let feesEntity = {'Name':'','Description':'','Type':'','WhenPayable':'','PayFeesFromLoanAccount':'','PaymentPaid':'','PaymentAmountEXGST':'','PaymentTotal':'','PaymentGST':'','PaymentBalance':'','PayerPayerType':''};\r\n \r\n fees.push(feesEntity);\r\n }\r\n fees[i][key]=e.target.value;\r\n\r\n this.setState({FeeSegmentFees:fees},()=>{this.UpdateFeeSegment()});\r\n\r\n }\r\n\r\n FeeSegmentDisclosureDateValidUpdated(e)\r\n {\r\n e.preventDefault();\r\n this.setState({FeeSegmentDisclosureDateValid:e.target.value});\r\n }\r\n\r\n InstructionsSegmentDocumentsUpdated(e,i,key){\r\n e.preventDefault();\r\n let docs = this.state.InstructionsSegmentDocuments;\r\n if(docs[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let docsEntity = {'Name':'','NumberOfCopies':'','Issuer\"':''};\r\n \r\n docs.push(docsEntity);\r\n }\r\n docs[i][key]=e.target.value;\r\n\r\n this.setState({InstructionsSegmentDocuments:docs},()=>{this.UpdateInstructionsDocumentsSegment()});\r\n\r\n }\r\n\r\n UpdateInstructionsDocumentsSegment(){\r\n let ents = this.state.InstructionsSegmentDocumentsEntities;\r\n\r\n if(ents.length>this.state.InstructionsSegmentDocumentsEntityCount){\r\n \r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n // let partyHomePhones = this.state.PartySegmentHomePhoneNumbers;\r\n // let partyWorkPhones = this.state.PartySegmentWorkPhoneNumbers;\r\n // let partyHomeFax = this.state.PartySegmentHomeFaxNumbers;\r\n // let partyWorkFax = this.state.PartySegmentWorkFaxNumbers;\r\n //let feeNames = this.state.FeeSegmentNames;\r\n let docs = this.state.InstructionsSegmentDocuments;\r\n for(let i = this.state.InstructionsSegmentDocuments.length; i>this.state.InstructionsSegmentDocumentsEntityCount && i>this.state.InstructionsSegmentDocumentsEntityMinCount; i--){\r\n // partyAddresses.pop();\r\n // partyNames.pop();\r\n // partyTypes.pop();\r\n ents.pop();\r\n // partyMobiles.pop();\r\n //partyPhones.pop();\r\n docs.pop();\r\n }\r\n this.setState({\r\n InstructionsSegmentDocumentsEntities:ents,\r\n InstructionsSegmentDocuments: docs,\r\n // PartySegmentAddresses:partyAddresses,PartySegmentNames:partyNames,PartySegmentPartyTypes:partyTypes,PartySegmentEntities:ents,\r\n // //PartySegmentPhoneNumbers:partyPhones,\r\n // PartySegmentHomePhoneNumbers: partyHomePhones,\r\n // PartySegmentWorkPhoneNumbers: partyWorkPhones,\r\n // PartySegmentHomeFaxNumbers: partyHomeFax,\r\n // PartySegmentWorkFaxNumbers: partyWorkFax,\r\n // PartySegmentMobileNumbers:partyMobiles,PartySegmentEmails:partyEmails,PartySegmentPorCTypes:partyPorCTypes,PartySegmentPrimaryApplicant:partyPrimaryApplicant\r\n });\r\n }else{\r\n // let partyTypes= this.state.PartySegmentPartyTypes;\r\n // let partyAdd = this.state.PartySegmentAddresses;\r\n // let partyNames = this.state.PartySegmentNames;\r\n // let partyPrimaryApplicant = this.state.PartySegmentPrimaryApplicant;\r\n // let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let docs = this.state.InstructionsSegmentDocuments;\r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n \r\n let docsEntity = {'Name':'','NumberOfCopies':'','Issuer\"':''};\r\n // let partyNameEntity = {'NameTitle':'','FirstName':'','MiddleNames':'','Surname':'','Birthdate':'',\r\n // 'CompanyName':'','Acn':'','Abn':'','Arbn':'','NumberofDirectors':'','CompanyTypeDesc':'','CompanyPosition':'','CompanyAttentionName':''\r\n // ,'PartnershipName':'','PartnershipType':'','PartnershipAbn':''};\r\n for(let f = 0; f\r\n {\r\n //this.state.CanUploadTitleSearch && this.state.SecuritySegmentAddreses[i]['state'] !=\"\" && this.state.SecurityTitleSearches[i]==\"\" && this.state.SecurityMortgageeNames[i]!=\"\"? \r\n this.state.SecuritySegmentAddreses[i]['state'] !=\"\" && this.state.SecurityTitleSearches[i]==\"\" ? \r\n this.state.SecurityMortgageeNames[i]!=\"\" ?\r\n \r\n
\r\n ));\r\n \r\n }\r\n this.setState({SimultaneousSettlementSegmentEntities:ents,SimultaneousSettlementSegmentLoanIds:loans});\r\n }\r\n }\r\n\r\n UpdateGuarantorTitleDeedToAddress(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n let oPrev = this.state.BorrowerClearTitleToAddress;\r\n address[i][key]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:address,BorrowerClearTitleToAddress:oPrev},()=>{this.UpdateImportNotesSegment()});\r\n\r\n }\r\n\r\n UpdateBorrowerClearTitleToAddress(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.BorrowerClearTitleToAddress;\r\n let oPrev = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n \r\n address[i][key]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:oPrev,BorrowerClearTitleToAddress:address},()=>{this.UpdateImportNotesSegment()});\r\n\r\n }\r\n\r\n SettlementNotToBeBookedPriorToUpdated(e,i){\r\n e.preventDefault();\r\n let vals = this.state.ImportantNoteSegmentSettlementNotToBeBookedPriorToDates;\r\n vals[i]=e.target.value;\r\n this.setState({ImportantNoteSegmentSettlementNotToBeBookedPriorToDates:vals},()=>{this.UpdateImportNotesSegment()});\r\n }\r\n\r\n CollectSurplusUpdated(e,i){\r\n e.preventDefault();\r\n }\r\n\r\n GuarantorUpdated(e,i){\r\n e.preventDefault();\r\n let vals = this.state.ImportantNoteSegmentGuarantorNames;\r\n vals[i]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorNames:vals},()=>{this.UpdateImportNotesSegment()});\r\n }\r\n\r\n UpdateImportNotesSegment(){\r\n this.checkIfSessionHasExpired();\r\n let ents = this.state.ImportantNoteSegmentEntities;\r\n if(this.state.ImportantNoteSegmentEntities.length>this.state.ImportantNoteSegmentCount){\r\n let borrPartyAdd = this.state.BorrowerClearTitleToAddress;\r\n let guarPartyAdd = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n for(let i = this.state.ImportantNoteSegmentEntities.length;i>this.state.ImportantNoteSegmentCount && i>this.state.ImportantNoteSegmentMinCount; i--){\r\n ents.pop();\r\n borrPartyAdd.pop();\r\n guarPartyAdd.pop();\r\n }\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:guarPartyAdd,BorrowerClearTitleToAddress:borrPartyAdd},()=>{});\r\n this.setState({ImportantNoteSegmentEntities:ents});\r\n }else{\r\n let borrPartyAdd = this.state.BorrowerClearTitleToAddress;\r\n let guarPartyAdd = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n for(let i =0; i\r\n
\r\n \r\n : \r\n <>\r\n Mortgagee Details
\r\n {!this.state.SecurityMortgageeExists[i] && this.state.SecurityMortgageeNames[i]!=\"\"? \r\nWarning: Mortgagee does not exist
\r\n :\r\n ''\r\n }\r\n\r\n
\r\n {/* \r\n Mortgagee\r\n
\r\n {e.preventDefault();this.SecurityMortgageeNameUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgagee Name\" readOnly/>\r\n \r\n \r\n {e.preventDefault();this.IncomingMortgageeEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"\" />\r\n
*/}\r\n {/* \r\n Please provide a valid email address\r\n
\r\n \r\n
*/}\r\n \r\n Company ACN\r\n
\r\n {e.preventDefault();this.SecurityMortgageeCompanyACNUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Company ACN\" readOnly/>\r\n \r\n
\r\n \r\n Mortgage Number\r\n
\r\n {e.preventDefault();this.SecurityMortgageNumberUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Number\" readOnly/>\r\n \r\n
\r\n {/* \r\n Formatted Title Ref No\r\n
\r\n {e.preventDefault();this.SecurityMortgageeFormattedTitleRefNoUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Fortmatted Title Ref\" readOnly/>\r\n \r\n
\r\n \r\n Volume\r\n
\r\n {e.preventDefault();this.SecurityMortgageeVolumeUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Volumne\" readOnly/>\r\n \r\n
\r\n \r\n Folio\r\n
\r\n {e.preventDefault();this.SecurityMortgageeFolioUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Folio\" readOnly/>\r\n \r\n
\r\n \r\n Block\r\n
\r\n {e.preventDefault();this.SecurityMortgageeBlockUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Block\" readOnly/>\r\n \r\n
*/}\r\n \r\n District/Division\r\n
\r\n {e.preventDefault();this.SecurityMortgageeDistrictDivisionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage District/Division\" readOnly/>\r\n \r\n
\r\n {/* \r\n Land Description\r\n
\r\n {e.preventDefault();this.SecurityMortgageeLandDescriptionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Land Description\" readOnly/>\r\n \r\n
*/}\r\n {/* \r\n Section\r\n
\r\n {e.preventDefault();this.SecurityMortgageeSectionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Section\" readOnly/>\r\n \r\n
*/}\r\n \r\n Unit\r\n
\r\n {e.preventDefault();this.SecurityMortgageeUnitUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Unit\" readOnly/>\r\n \r\n
\r\n {/* \r\n Lot Number\r\n
\r\n {e.preventDefault();this.SecurityMortgageeLotUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Lot\" readOnly/>\r\n \r\n
*/}\r\n \r\n \r\n \r\n Town\r\n
\r\n {e.preventDefault();this.SecurityMortgageeTownUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Town\" readOnly/>\r\n Mortgagee Details
\r\n\r\n
\r\n \r\n // \r\n Mortgagee\r\n
\r\n \r\n {/* {e.preventDefault();this.SecurityMortgageeNameUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgagee Name\" readOnly/> */}\r\n
\r\n \r\n \r\n :''\r\n }\r\n
\r\n :\r\n this.state.CanUploadTitleSearch && this.state.SecuritySegmentAddreses[i]['state'] !=\"\" && this.state.SecurityTitleSearches[i]==\"\" && this.state.SecurityMortgageeNames[i]!=\"\"? \r\n // \r\n
\r\n \r\n
\r\n \r\n :''\r\n }\r\n Mortgagee Details
\r\n {!this.state.SecurityMortgageeExists[i] && this.state.SecurityMortgageeNames[i]!=\"\"? \r\nWarning: Mortgagee does not exist
\r\n :\r\n ''\r\n }\r\n\r\n
\r\n {/* \r\n Mortgagee\r\n
\r\n {e.preventDefault();this.SecurityMortgageeNameUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgagee Name\" readOnly/>\r\n \r\n \r\n {e.preventDefault();this.IncomingMortgageeEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"\" />\r\n
*/}\r\n {/* \r\n Please provide a valid email address\r\n
\r\n \r\n
*/}\r\n \r\n Company ACN\r\n
\r\n {e.preventDefault();this.SecurityMortgageeCompanyACNUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Company ACN\" readOnly/>\r\n \r\n
\r\n \r\n Mortgage Number\r\n
\r\n {e.preventDefault();this.SecurityMortgageNumberUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Number\" readOnly/>\r\n \r\n
\r\n {/* \r\n Formatted Title Ref No\r\n
\r\n {e.preventDefault();this.SecurityMortgageeFormattedTitleRefNoUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Fortmatted Title Ref\" readOnly/>\r\n \r\n
\r\n \r\n Volume\r\n
\r\n {e.preventDefault();this.SecurityMortgageeVolumeUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Volumne\" readOnly/>\r\n \r\n
\r\n \r\n Folio\r\n
\r\n {e.preventDefault();this.SecurityMortgageeFolioUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Folio\" readOnly/>\r\n \r\n
\r\n \r\n Block\r\n
\r\n {e.preventDefault();this.SecurityMortgageeBlockUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Block\" readOnly/>\r\n \r\n
*/}\r\n \r\n District/Division\r\n
\r\n {e.preventDefault();this.SecurityMortgageeDistrictDivisionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage District/Division\" readOnly/>\r\n \r\n
\r\n {/* \r\n Land Description\r\n
\r\n {e.preventDefault();this.SecurityMortgageeLandDescriptionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Land Description\" readOnly/>\r\n \r\n
*/}\r\n {/* \r\n Section\r\n
\r\n {e.preventDefault();this.SecurityMortgageeSectionUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Section\" readOnly/>\r\n \r\n
*/}\r\n \r\n Unit\r\n
\r\n {e.preventDefault();this.SecurityMortgageeUnitUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Unit\" readOnly/>\r\n \r\n
\r\n {/* \r\n Lot Number\r\n
\r\n {e.preventDefault();this.SecurityMortgageeLotUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Lot\" readOnly/>\r\n \r\n
*/}\r\n \r\n \r\n \r\n Town\r\n
\r\n {e.preventDefault();this.SecurityMortgageeTownUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Mortgage Town\" readOnly/>\r\n \r\n
)\r\n : '' }\r\n \r\n\r\n {/* QLD Security Titles */}\r\n {/* {this.state.shouldverifyQLDSecurityTitle && this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecurityQLDDetailsNeedsToBeVerified[i] == false && this.state.SecurityQLDDetailsVerified[i] == false? */}\r\n {this.state.shouldverifyQLDSecurityTitle ?\r\n (\r\n this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecurityQLDDetailsVerified[i] == false && this.state.SecurityQLDDetailsNeedsToBeVerified[i] != true ?\r\n \r\n this.state.SecurityVerifierLoading[i] ? \r\n \r\n \r\n {/* {this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecuritySegmentAddreses[i]['lotNo'] != \"\"? */}\r\n {this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecurityQLDLotNo[i] != \"\"?\r\n // {e.preventDefault();this.SecurityAddressUpdated(e,i,'lotNo')}} placeholder=\"Lot Number\" autoComplete=\"hello\" required/>\r\n <>\r\n
\r\n \r\n Verified Lot No\r\n
\r\n {/* {e.preventDefault();this.SecurityAddressUpdated(e,i,'lotNo')}} placeholder=\"Lot Number\" autoComplete=\"hello\" required/> */}\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i)}} placeholder=\"Lot Number\" autoComplete=\"hello\" required/>\r\n \r\n \r\n : \r\n ''\r\n }\r\n {/* {this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecuritySegmentAddreses[i]['planNo'] != \"\"? */}\r\n {this.state.SecuritySegmentAddreses[i]['state'] == \"QLD\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecurityQLDPlanNo[i] != \"\"?\r\n // {e.preventDefault();this.SecurityAddressUpdated(e,i,'planNo')}} placeholder=\"Plan Number\" autoComplete=\"hello\" required/>\r\n <>\r\n \r\n Verified Plan Number\r\n
\r\n {/* {e.preventDefault();this.SecurityAddressUpdated(e,i,'planNo')}} placeholder=\"Plan Number\" autoComplete=\"hello\" required/> */}\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i)}} placeholder=\"Plan Number\" autoComplete=\"hello\" required/>\r\n \r\n \r\n : \r\n ''\r\n } \r\n \r\n Address\r\n
\r\n \r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'street')}} placeholder=\"Street\" autoComplete=\"hello\" required/>\r\n \r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'city')}} placeholder=\"Suburb\" autoComplete=\"hello\" />\r\n \r\n \r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.SecurityAddressUpdated(e,i,'postcode')}}} placeholder=\"Postcode\" autoComplete=\"hello\" required/>\r\n
\r\n \r\n {e.preventDefault();this.verifyQLDSecurityTitle(i,this.state.SecuritySegmentTitleReferences[i], this.state.SecuritySegmentAddreses[i]['street'], this.state.SecuritySegmentAddreses[i]['city'], this.state.SecuritySegmentAddreses[i]['state'], this.state.SecuritySegmentAddreses[i]['postcode'])}}\r\n >Verify QLD Security\r\n
\r\n
\r\n \r\n
\r\n // :\r\n // (\r\n
\r\n \r\n
\r\n
\r\n :\r\n this.state.SecurityQLDAddressesMatched[i] ? \r\n Warning: Security not found. Please double check your title reference.
\r\n\r\n {/* Security details matches */}\r\n
\r\n :\r\n (\r\n this.state.SecurityQLDDetailsNeedsToBeVerified[i] && !this.state.SecurityQLDAddressesMatched[i] && !this.state.SecurityQLDDetailsVerified[i] ?\r\n (Security details verified.
\r\n\r\n Record does not match to your input.< br/>\r\n The record shows the following:< br/>\r\n {this.state.SecurityQLDVerifiedAddress[i]}
\r\n Click the override button to update
\r\n{e.preventDefault();this.OverrideQLDSecurityTitle(i,this.state.SecurityQLDVerifiedAddress[i])}}\r\n >Override\r\n \r\n {e.preventDefault();this.IgnoreQLDSecurityTitle(i)}}\r\n >Ignore\r\n
)\r\n :''\r\n )\r\n )\r\n \r\n )\r\n : \r\n ''\r\n }\r\n\r\n {/* NSW Security Titles */}\r\n {this.state.shouldverifyNSWSecurityTitle ?\r\n (\r\n this.state.SecuritySegmentAddreses[i]['state'] == \"NSW\" && this.state.SecuritySegmentTitleReferences[i] !=\"\" && this.state.SecurityNSWDetailsVerified[i] == false && this.state.SecurityNSWDetailsNeedsToBeVerified[i] != true ?\r\n \r\n this.state.SecurityVerifierLoading[i] ? \r\n \r\n Click the override button to update
\r\n
\r\n {e.preventDefault();this.verifyNSWSecurityTitle(i,this.state.SecuritySegmentTitleReferences[i], this.state.SecuritySegmentAddreses[i]['street'], this.state.SecuritySegmentAddreses[i]['city'], this.state.SecuritySegmentAddreses[i]['state'], this.state.SecuritySegmentAddreses[i]['postcode'])}}\r\n >Verify NSW Security\r\n
\r\n
\r\n \r\n
\r\n // :\r\n // (\r\n
\r\n \r\n
\r\n
\r\n :\r\n this.state.SecurityNSWAddressesMatched[i] ? \r\n Warning: Security not found. Please double check your title reference.
\r\n\r\n {/* Security details matches */}\r\n
\r\n :\r\n (\r\n this.state.SecurityNSWDetailsNeedsToBeVerified[i] && !this.state.SecurityNSWAddressesMatched[i] && !this.state.SecurityNSWDetailsVerified[i] ?\r\n (Security details verified.
\r\n\r\n Record does not match to your input.< br/>\r\n The record shows the following:< br/>\r\n {this.state.SecurityNSWVerifiedAddress[i]}
\r\n Click the override button to update
\r\n{e.preventDefault();this.OverrideNSWSecurityTitle(i,this.state.SecurityNSWVerifiedAddress[i])}}\r\n onClick={(e)=>{e.preventDefault();this.OverrideNSWSecurityTitle(i,this.state.SecurityNSWVerifiedLandAddress[i])}}\r\n >Override\r\n \r\n {e.preventDefault();this.IgnoreNSWSecurityTitle(i)}}\r\n >Ignore\r\n
)\r\n :''\r\n )\r\n )\r\n \r\n )\r\n : \r\n ''\r\n }\r\n\r\n {/* VIC Security Titles */}\r\n { \r\n this.state.SecurityVICNotExist[i] ?\r\n \r\n Click the override button to update
\r\n
\r\n
\r\n :\r\n this.state.SecurityVICAddressesMatched[i] ? \r\n Warning: Security not found. Please double check your data.
\r\n\r\n {/* Security details matches */}\r\n
\r\n :\r\n (\r\n this.state.SecurityVICDetailsNeedsToBeVerified[i] && !this.state.SecurityVICAddressesMatched[i] && !this.state.SecurityVICDetailsVerified[i] ?\r\n (Security details verified.
\r\n\r\n Record does not match to your input.< br/>\r\n The record shows the following:< br/>\r\n {this.state.SecurityVICVerifiedAddress[i]}
\r\n Your input has been overwritten. \r\n
)\r\n :''\r\n )\r\n }\r\n \r\n \r\n Your input has been overwritten. \r\n
\r\n {e.preventDefault();this.ResetSecurityDetails(i)}}\r\n >Reset\r\n
\r\n
\r\n
\r\n \r\n {/* \r\n
\r\n
\r\n {let vals = this.state.SelfActing;vals[i]=!this.state.SelfActing[i];this.setState({SelfActing:vals},()=>{this.UpdateSecuritySegment()})}}/>\r\n \r\n
*/} \r\n {this.state.SecuritySegmentAddreses[i]['state'] !=\"\" ? \r\n (\r\n <>\r\n \r\n
\r\n\r\n {/* \r\n Is this security self-acting?\r\n
\r\n {\r\n let vals = this.state.SelfActing; \r\n vals[i]=this.stringToBool(e.target.value);\r\n \r\n // let dischargeReason = this.state.SecurityDischargeReasons;\r\n // if(vals[i] == true){\r\n // //alert('hey')\r\n // dischargeReason[i] = \"Debt Repaid\";\r\n // }\r\n // else{\r\n // //alert('hi')\r\n // dischargeReason[i] = \"\";\r\n // }\r\n \r\n this.setState({\r\n SelfActing:vals,\r\n //SecurityDischargeReasons:dischargeReason\r\n },()=>{\r\n this.UpdateSecuritySegment()\r\n console.log(this.state.SelfActing[i])\r\n })}}> \r\n
\r\n\r\n {/* {let vals = this.state.SelfActing; vals[i]=e.target.value;this.setState({SelfActing:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n \r\n \r\n
*/}\r\n \r\n
*/}\r\n \r\n {/* \r\n
\r\n \r\n Party Type\r\n
\r\n {let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n \r\n \r\n
\r\n */}\r\n {this.state.SelfActing[i]?'': (
));\r\n \r\n }\r\n // this.setState({SecuritySegmentEntities:ents,SecuritySegmentAddreses:partyAdd,SecuritySegmentTitleReferences:titleRefs,PartyRepNames:names,PartyRepEmails:emails,PartyRepNumbers:numbers,SelfActing:selfActingChecks,PartyRepNames:partyRepNames, PartyRepEmails:partyRepEmails, PartyRepNumbers:partyRepNumbers});\r\n this.setState({SecuritySegmentEntities:ents});\r\n });\r\n }\r\n \r\n }\r\n\r\n\r\n SimultaneousSettlementSegmentLoanIdUpdated(e,i){\r\n e.preventDefault();\r\n this.checkIfSessionHasExpired();\r\n let loanIds = this.state.SimultaneousSettlementSegmentLoanIds;\r\n loanIds[i]=e.target.value;\r\n this.setState({SimultaneousSettlementSegmentLoanIds:loanIds},()=>{this.UpdateSimultaneuosSettlementSegment()});\r\n\r\n }\r\n UpdateSimultaneuosSettlementSegment(){\r\n this.checkIfSessionHasExpired();\r\n let ents = this.state.SimultaneousSettlementSegmentEntities;\r\n let loans = this.state.SimultaneousSettlementSegmentLoanIds;\r\n if(this.state.SimultaneousSettlementSegmentEntities.length>this.state.SimultaneousSettlementSegmentCount){\r\n for(let i = this.state.SimultaneousSettlementSegmentEntities.length;i>this.state.SimultaneousSettlementSegmentCount && i>0;i--){\r\n ents.pop();\r\n loans.pop();\r\n \r\n }\r\n this.setState({SimultaneousSettlementSegmentEntities:ents,SimultaneousSettlementSegmentLoanIds:loans});\r\n }else{\r\n for(let i = 0;i\r\n
\r\n \r\n \r\n {/*
)}\r\n \r\n )\r\n \r\n :''}\r\n \r\n \r\n {this.state.SecurityDischargeReasons[i]==='External Refinance'? */}\r\n
Party representative details
\r\n\r\n
\r\n \r\n Full Name\r\n
\r\n {e.preventDefault();this.PartyRepNameUpdated(e,i)}} placeholder=\"Full Name\" autoComplete=\"hello\" required />\r\n \r\n
\r\n \r\n Email\r\n
\r\n {e.preventDefault();this.PartyRepEmailUpdated(e,i)}} placeholder=\"example@email.com\" autoComplete=\"hello\" required={this.state.IsLenderThinkTank == true ? false : true} />\r\n \r\n
\r\n \r\n Phone Number\r\n
\r\n {e.preventDefault();this.PartyRepNumberUpdated(e,i)}} placeholder=\"Phone Number\" autoComplete=\"hello\" required={this.state.IsLenderThinkTank == true ? false : true}/>\r\n \r\n
\r\n :''}\r\n Incoming Mortgagee
\r\n\r\n
\r\n {/* \r\n Full Name\r\n
\r\n {e.preventDefault();this.IncomingMortgageeNameUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Full name\" required={this.state.SecurityDischargeReasons[i]==='External Refinance'? true : false} />\r\n \r\n \r\n {e.preventDefault();this.IncomingMortgageeEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"\" />\r\n
*/}\r\n \r\n Please provide a valid email address\r\n
\r\n \r\n
\r\n \r\n Email\r\n
\r\n {e.preventDefault();this.IncomingMortgageeEmailUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"example@email.com\" />\r\n \r\n
\r\n \r\n Fax Number\r\n
\r\n {e.preventDefault();this.IncomingMortgageeNumberUpdated(e,i)}} autoComplete=\"hello\" placeholder=\"Fax Number\" />\r\n \r\n
\r\n \r\n
\r\n \r\n Loan Id {i+1}\r\n
\r\n {e.preventDefault();this.SimultaneousSettlementSegmentLoanIdUpdated(e,i)}} placeholder=\"\" autoComplete=\"hello\" required/>\r\n \r\n
\r\n \r\n Do you want to mail the Guarantor Title Deed?\r\n
\r\n {this.checkIfSessionHasExpired();this.setState({HasImportantNoteSegmentGuarantorTitleDeedToAddress:this.stringToBool(e.target.value)},\r\n ()=>{\r\n ;document.getElementById('GuarantorTitleDeedToSegment').style.display=(this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?'block':'none');\r\n })}}>\r\n {/*
\r\n { alert('hi');let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> */}\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 Street\r\n
\r\n \r\n {e.preventDefault();this.UpdateGuarantorTitleDeedToAddress(e,i,'street')}} placeholder=\"Street\" autoComplete=\"hello\" required={this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.UpdateGuarantorTitleDeedToAddress(e,i,'city')}} autoComplete=\"hello\" placeholder=\"City\" />\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.UpdateGuarantorTitleDeedToAddress(e,i,'postcode')}}} autoComplete=\"hello\" placeholder=\"Postcode\" required={this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n Do you want to mail the Borrower Title Deed?\r\n
\r\n {this.setState({HasBorrowerClearTitleToAddress:this.stringToBool(e.target.value)},\r\n ()=>{\r\n ;document.getElementById('BorrowerClearTitleToSegment').style.display=(this.state.HasBorrowerClearTitleToAddress?'block':'none');\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 Street\r\n
\r\n \r\n {e.preventDefault();this.UpdateBorrowerClearTitleToAddress(e,i,'street')}} placeholder=\"Street\" autoComplete=\"hello\" required={this.state.HasBorrowerClearTitleToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.UpdateBorrowerClearTitleToAddress(e,i,'city')}} autoComplete=\"hello\" placeholder=\"City\" />\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.UpdateBorrowerClearTitleToAddress(e,i,'postcode')}}} autoComplete=\"hello\" placeholder=\"Postcode\" required={this.state.HasBorrowerClearTitleToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n What is the anticipated settlement date? (Optional)\r\n
\r\n \r\n {e.preventDefault();this.SettlementNotToBeBookedPriorToUpdated(e,i)}} placeholder=\"DD/MM/YY\" />\r\n {/*
\r\n \r\n {\r\n for (let i=0;i\r\n
)\r\n }\r\n }\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\n// import ProgressDisplay from './controls/progress-display'\r\nimport { AuthService } from './services/auth-service';\r\nimport ProgressDisplay from './components/atom/ProgressDisplay/ProgressDisplay';\r\n\r\nclass SSOErrorPage extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state=({\r\n loading:true,\r\n shouldRedirect: false,\r\n fromSSO: false,\r\n errorMessage: null,\r\n //ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage='\r\n //ssourl: this.props !== null? (this.props.location.state.redirectSsoUrl !=\"\" && this.props.location.state.redirectSsoUrl != null)? (this.props.location.state.redirectSsoUrl) : (AuthService.getSSOUrl() + 'Home/AllSignOut') : (AuthService.getSSOUrl() + 'Home/AllSignOut'),\r\n ssourl: AuthService.getSSOUrl() + 'Home/AllSignOut',\r\n })\r\n \r\n this.handleBackToLogin = this.handleBackToLogin.bind(this);\r\n }\r\n componentDidMount(){\r\n //alert(this.props.location.state.redirectSsoUrl)\r\n //window.alert(\"Hello\") \r\n \r\n //AuthService.clearStorage();\r\n if(localStorage.getItem(\"ssoTimeout\") != null){\r\n this.setState({fromSSO:true,\r\n errorMessage: 'there is an error with the request',\r\n //shouldRedirect:true\r\n },()=>{\r\n //window.location.href=this.state.ssourl;\r\n //AuthService.logout();\r\n });\r\n //alert('sso');\r\n }\r\n AuthService.SSOlogout();\r\n this.setState({loading:false,});\r\n }\r\n\r\n handleBackToLogin()\r\n {\r\n this.setState({shouldRedirect:true,});\r\n }\r\n\r\n render() {\r\n //let backtologin= '';\r\n // if(!this.state.fromSSO){\r\n // backtologin=(Back to Login Page);\r\n // }\r\n // if(this.state.fromSSO){\r\n // window.location.href=this.state.ssourl + '?errormessage=' + this.state.errorMessage;\r\n // }\r\n if(this.state.loading){\r\n return (\r\n Would you like MSA to collect the surplus?\r\n
\r\n {/* {let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals},()=>{console.log(this.state.ImportantNoteSegmentCollectSurplus)})}}> */}\r\n {/*
))\r\n }\r\n this.setState({ImportantNoteSegmentEntities:ents,ImportantNoteSegmentGuarantorTitleDeedToAddress:guarPartyAdd,BorrowerClearTitleToAddress:borrPartyAdd});\r\n }\r\n }\r\n\r\n UpdateSpecialConditionValues(e,i){\r\n e.preventDefault();\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n vals[i]=e.target.value;\r\n this.setState({SpecialConditionSegmentConditionValues:vals},()=>{this.UpdateSpecialConditionSegment()});\r\n\r\n }\r\n\r\n UpdateSpecialConditionSegmentTypes(e,i){\r\n e.preventDefault();\r\n let vals = this.state.SpecialConditionSegmentConditionTypes;\r\n vals[i]=e.target.value;\r\n this.setState({SpecialConditionSegmentConditionTypes:vals},()=>{this.UpdateSpecialConditionSegment()});\r\n }\r\n\r\n UpdateSpecialConditionSegment(){\r\n this.checkIfSessionHasExpired();\r\n let ents = this.state.SpecialConditionSegmentEntities;\r\n if(ents.length>this.state.SpecialConditionSegmentCount){\r\n let types =this.state.SpecialConditionSegmentConditionTypes;\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n for(let i =ents.length ; i >this.state.SpecialConditionSegmentCount; i--){\r\n ents.pop();\r\n types.pop();\r\n vals.pop();\r\n }\r\n this.setState({SpecialConditionSegmentConditionTypes:types,SpecialConditionSegmentConditionValues:vals,SpecialConditionSegmentEntities:ents});\r\n\r\n }else{\r\n let types =this.state.SpecialConditionSegmentConditionTypes;\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n for(let i =0;i{let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals},()=>{console.log(this.state.ImportantNoteSegmentCollectSurplus)})}}> */}\r\n
\r\n {let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals})}}>\r\n \r\n \r\n
\r\n Special Condition {i+1}
\r\n {/* \r\n */}\r\n\r\n
\r\n {/* \r\n Condition Type\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {escalateButton}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {successMessage}\r\n {errorMessage}\r\n
\r\n \r\n {/* Something went wrong.
\r\n
*/}\r\n
\r\n );\r\n }\r\n \r\n } \r\n}\r\n\r\nexport default SSOErrorPage;\r\n","import React from 'react';\r\nimport PropTypes from \"prop-types\";\r\n// import { AuthService } from '../../services/auth-service';\r\nimport { Redirect } from 'react-router-dom';\r\n// import ProgressDisplay from '../../controls/progress-display';\r\n// import { dateFieldName } from '@telerik/kendo-intl';\r\nimport { AuthService } from '../../../services/auth-service';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport SSOErrorPage from '../../../ssoerrorpage';\r\n\r\n\r\nclass SSOLogin extends React.Component {\r\n static contextTypes = {\r\n router: PropTypes.object\r\n };\r\n\r\n constructor (props) {\r\n super(props);\r\n //let matterrestrictions = AuthService.getUserTypeRestrictions();\r\n this.state={\r\n data: \"null\",\r\n //data: this.props.match.params.data.substring(1,this.props.match.params.data.length),\r\n token: this.props.match.params.token.substring(1,this.props.match.params.token.length),\r\n userid: this.props.match.params.userid.substring(1,this.props.match.params.userid.length),\r\n shouldRedirect: null,//false,\r\n errorMessage: null,\r\n //url:'https://tictocssouat.msanational.com.au/?errormessage=',\r\n //ssourl: AuthService.getSSOUrl(),\r\n // ssourl: \"\", //this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) + 'Home/AllSignOut',\r\n // ssoredirectUrl: \"\",//this.props.match.params.redirecturl.substring(1,this.props.match.params.redirecturl.length), \r\n //ssourl: this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length),\r\n // ssoredirectUrl: this.props.match.params.redirecturl.substring(1,this.props.match.params.redirecturl.length),\r\n ssourl: \"\",\r\n //ssoredirectUrl: \"\",\r\n ssoredirectUrl: this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length),\r\n \r\n externalPrivileges: [],\r\n CanInstructDischargeUpload:'',\r\n CanInstructDischarges:'',\r\n CanInstructNewLoans:'',\r\n CanProvideDischargePayout:'',\r\n matterRestrictions: [],\r\n UserHasNewLoansRestriction: false,\r\n UserHasDischargesRestriction: false,\r\n UserHasConsentsRestriction: false,\r\n }\r\n }\r\n\r\n // componentDidMount(){ \r\n // //alert(this.props.match.params.token.substring(1,this.props.match.params.token.length));\r\n // //alert(this.props.match.params.userid.substring(1,this.props.match.params.userid.length));\r\n // // alert(this.props.match.params.ssourl);\r\n // // alert(this.props.match.params.redirecturl);\r\n // //alert(this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length));\r\n // //alert(this.props.match.params.redirecturl.substring(1,this.props.match.params.redirecturl.length));\r\n // //AuthService.ssoGetSsoUrl(this.state.token,this.state.userid).then((resp) =>( \r\n // AuthService.ssoGetSsoUrl(this.state.userid).then((resp) =>( \r\n // this.setState({\r\n // ssourl: resp.data.Content + 'Home/AllSignOut' //UAT\r\n // //ssourl: 'https://tictocsso.msanational.com.au/' + 'Home/AllSignOut' //PROD\r\n // },()=>{\r\n // //console.log(resp.Content);\r\n // AuthService.ssologin(this.state.token,this.state.userid).then((resp) =>( \r\n // this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n // //shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // errorMessage:null,\r\n // }\r\n // ,()=>{\r\n // //alert(this.state.shouldRedirect)\r\n // //alert(this.state.mustAuthenticate)\r\n // //alert(this.state.userType);\r\n // //if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n // //if(this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n // AuthService.getUserExternalPrivilegesList().then((r)=>{\r\n // this.state.externalPrivileges.push(r.data.Content); \r\n // AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n // console.log(this.state.externalPrivileges)\r\n \r\n \r\n\r\n\r\n \r\n // //this.sendData()\r\n // },(err)=>{\r\n // //alert(err)\r\n // //alert(\"There is an error with the request\")\r\n // this.setState({\r\n // shouldRedirect: false,\r\n // errorMessage: ('Login failed.' )\r\n // })\r\n // });\r\n\r\n // AuthService.GetUserMatterTypeRestriction().then((resp)=>{\r\n // this.state.matterRestrictions.push(resp.data.Content); \r\n // AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n // console.log(this.state.matterRestrictions)\r\n \r\n // },(err)=>{\r\n // //alert(err)\r\n // alert(\"There is an error with the request\")\r\n // this.setState({\r\n // hasLoginError: true\r\n // })\r\n // });\r\n\r\n // var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n // let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n // let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n // let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n // this.setState({\r\n // // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n // UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n // UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n // },()=>{\r\n // this.setState({\r\n // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // })\r\n // })\r\n\r\n // // }\r\n // // else{\r\n // // //this.sendData()\r\n // // }\r\n \r\n // })\r\n // ), (err) => { \r\n // this.setState({\r\n // shouldRedirect: false,\r\n // errorMessage: ('Login failed.' )//+ err),\r\n // },()=>{\r\n // //alert(this.state.shouldRedirect + \"\" + this.state.errorMessage);\r\n // });\r\n // },()=>{\r\n // // document.cookie = \"bearer=;expires=\"+ Date.toString();\r\n // }); \r\n // }\r\n // ))\r\n \r\n // ), (err) => { \r\n // // if(this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 16 || this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 1639){\r\n // // this.setState({\r\n // // ssourl: 'https://tictocssouat.msanational.com.au/' + 'Home/AllSignOut' //UAT\r\n // // //ssourl: 'https://tictocsso.msanational.com.au/' + 'Home/AllSignOut' //PROD\r\n // // });\r\n // // }\r\n // // if(this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 11 || this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 183){\r\n // // this.setState({\r\n // // ssourl: 'https://nanossouat.msanational.com.au/' + 'Home/AllSignOut'\r\n // // //ssourl: 'https://nanosso.msanational.com.au/' + 'Home/AllSignOut' //PROD\r\n // // });\r\n // // }\r\n // // if(this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 19 || this.props.match.params.ssourl.substring(1,this.props.match.params.ssourl.length) == 171){\r\n // // this.setState({\r\n // // ssourl: 'https://judossouat.msanational.com.au/' + 'Home/AllSignOut'\r\n // // //ssourl: 'https://judosso.msanational.com.au/' + 'Home/AllSignOut' //PROD\r\n // // });\r\n // // }\r\n // } \r\n \r\n\r\n // // alert(this.props.match.params.redirecturl.substring(1,this.props.match.params.redirecturl.length));\r\n // //return;\r\n // // console.log(\"this.props.match.params.ssourl\");\r\n // // console.log(this.props.match.params.ssourl);\r\n // // console.log(\"this.props.match.params.ssoredirectUrl\");\r\n // // console.log(this.props.match.params.redirecturl);\r\n // //return;\r\n \r\n // //alert(this.state.ssoredirectUrl);\r\n // // AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n // // this.state.externalPrivileges.push(resp.data.Content); \r\n // // AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n // // console.log(this.state.externalPrivileges)\r\n // // //this.sendData()\r\n // // },(err)=>{\r\n // // //alert(err)\r\n // // //alert(\"There is an error with the request\")\r\n // // this.setState({\r\n // // errorMessage: ('Login failed.' )\r\n // // })\r\n // // });\r\n // // AuthService.ssologin(this.state.token,this.state.userid).then((resp) =>( \r\n // // this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n // // //shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // // errorMessage:null,\r\n // // }\r\n // // ,()=>{\r\n // // //alert(this.state.shouldRedirect)\r\n // // //alert(this.state.mustAuthenticate)\r\n // // //alert(this.state.userType);\r\n // // //if((this.state.userType == 3 || this.state.userType == 2) && this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n // // //if(this.state.shouldRedirect && !this.state.mustAuthenticate){\r\n // // AuthService.getUserExternalPrivilegesList().then((r)=>{\r\n // // this.state.externalPrivileges.push(r.data.Content); \r\n // // AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n // // console.log(this.state.externalPrivileges)\r\n // // this.setState({\r\n // // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // // })\r\n // // //this.sendData()\r\n // // },(err)=>{\r\n // // //alert(err)\r\n // // //alert(\"There is an error with the request\")\r\n // // this.setState({\r\n // // errorMessage: ('Login failed.' )\r\n // // })\r\n // // });\r\n // // // }\r\n // // // else{\r\n // // // //this.sendData()\r\n // // // }\r\n \r\n // // })\r\n // // ), (err) => { \r\n // // this.setState({\r\n // // shouldRedirect: false,\r\n // // errorMessage: ('Login failed.' )//+ err),\r\n // // },()=>{\r\n // // //alert(this.state.shouldRedirect + \"\" + this.state.errorMessage);\r\n // // });\r\n // // },()=>{\r\n // // // document.cookie = \"bearer=;expires=\"+ Date.toString();\r\n // // }); \r\n \r\n // }\r\n\r\n\r\n componentDidMount(){ \r\n AuthService.ssoGetSsoUrl(this.state.userid).then((resp) => {\r\n this.setState({\r\n url: resp.data.Content + 'Home/AllSignOut' //UAT\r\n }, ()=>{\r\n AuthService.ssologin(this.state.token,this.state.userid).then((resp) => {\r\n this.setState({ //Evaluate Repsonse and login or decline based on that. \r\n //shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n errorMessage:null,\r\n }\r\n ,()=>{\r\n AuthService.GetUserMatterTypeRestriction().then((a)=>{\r\n this.state.matterRestrictions.push(a.data.Content); \r\n AuthService.setUserMatterTypeRestriction(this.state.matterRestrictions);\r\n console.log(this.state.matterRestrictions)\r\n \r\n },(err)=>{\r\n //alert(err)\r\n alert(\"There is an error with the request\")\r\n this.setState({\r\n hasLoginError: true\r\n })\r\n });\r\n AuthService.getUserExternalPrivilegesList().then((r)=>{\r\n this.state.externalPrivileges.push(r.data.Content); \r\n AuthService.setUserExternalPrivilegesMenu(this.state.externalPrivileges);\r\n console.log(this.state.externalPrivileges) \r\n \r\n var matterrestrictions = AuthService.getUserTypeRestrictions();\r\n let userHasNewLoansRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasNewLoansRestriction) : false;\r\n let userHasDischargesRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasDischargesRestriction) : false;\r\n let userHasConsentsRestriction = matterrestrictions != null? matterrestrictions.map(d=>d.UserHasConsentsRestriction) : false;\r\n this.setState({\r\n // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n UserHasNewLoansRestriction: userHasNewLoansRestriction[0] != null && userHasNewLoansRestriction[0] != \"\" ? userHasNewLoansRestriction[0] : false ,\r\n UserHasDischargesRestriction: userHasDischargesRestriction[0] && userHasDischargesRestriction[0] != \"\" ? userHasDischargesRestriction[0] : false,\r\n UserHasConsentsRestriction: userHasConsentsRestriction[0] && userHasConsentsRestriction[0] != \"\" ? userHasConsentsRestriction[0] : false,\r\n shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n },()=>{\r\n // this.setState({\r\n // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // })\r\n })\r\n // this.setState({\r\n // shouldRedirect: resp.MustRedirect && !resp.MustAuthenticate? false : resp.IsSuccessful,\r\n // });\r\n //this.sendData()\r\n },(err)=>{\r\n //alert(err)\r\n //alert(\"There is an error with the request\")\r\n this.setState({\r\n shouldRedirect: false,\r\n errorMessage: ('Login failed.' )\r\n });\r\n });\r\n\r\n \r\n });\r\n },(err)=>{\r\n this.setState({\r\n shouldRedirect: false,\r\n errorMessage: ('Login failed.' )//+ err),\r\n });\r\n \r\n });\r\n });\r\n },(err)=>{\r\n \r\n });\r\n \r\n }\r\n\r\n\r\n\r\n // render(){ \r\n // if (this.state.shouldRedirect) { //If login correct, navigate to home \r\n // return ( OOPS!
\r\nSomething went wrong.
\r\n Please contact MSA support if the issue persists.
\r\n*/}\r\n
Your session has expired.
\r\n Back\r\n {/* {backtologin} */}\r\n\r\n {/* Something went wrong.
\r\n
*/}\r\n
\r\n );\r\n }\r\n \r\n } \r\n}\r\n\r\nexport default ErrorPage;\r\n","import React, { Component } from 'react' \r\nimport { Redirect } from 'react-router-dom';\r\nimport DisplayLeftMenu from '../../template/DisplayLeftMenu';\r\nimport ButtonIcon from '../../atom/ButtonIcon/ButtonIcon';\r\nimport Card from '../../atom/Card/Card'; \r\nimport FormCheckBox from '../../atom/FormCheckBox/FormCheckBox';\r\nimport FormTextArea from '../../atom/FormTextArea/FormTextArea';\r\nimport FormTextBox from '../../atom/FormTextBox/FormTextBox';\r\nimport IconBox from '../../atom/IconBox/IconBox';\r\nimport Line from '../../atom/Line/Line';\r\nimport MessageBox from '../../atom/MessageBox/MessageBox';\r\nimport TitleSegment from '../../atom/TitleSegment/TitleSegment'; \r\n\r\nimport BackBar from '../../molecules/BackBar/BackBar'; \r\nimport ButtonLoadMore from '../../molecules/ButtonLoadMore/ButtonLoadMore';\r\nimport FileUploadBox from '../../molecules/FileUploadBox/FileUploadBox';import TabButtonBox from '../../molecules/TabButtonBox/TabButtonBox'; \r\nimport ProfileMenu from '../../molecules/ProfileMenu/ProfileMenu';\r\n\r\nimport Accordion from '../../organism/Accordion/Accordion'; \r\nimport DataTableDocuments from '../../organism/DataTableDocuments/DataTableDocuments';\r\nimport CommunicationContent from '../../organism/CommunicationContent/CommunicationContent';\r\nimport CommunicationForm from '../../organism/CommunicationForm/CommunicationForm';\r\nimport LoanDetails from '../../organism/LoanDetails/LoanDetails';\r\nimport ProgressStep from '../../organism/ProgressStep/ProgressStep';\r\n\r\nimport LeftMenuContent from '../../template/LeftMenuContent/LeftMenuContent';\r\n\r\n\r\nimport './css/NewLoanInstructionFormPage.css'; \r\nimport { AuthService } from '../../../services/auth-service';\r\nimport { InstructionService } from '../../../services/instruction-service';\r\nimport RadioButton from '../../atom/RadioButon/RadioButon';\r\nimport RadioButtonGroup from '../../molecule/RadioButtonGroup/RadioButtonGroup';\r\nimport {saveAs} from 'file-saver';\r\nimport Button from '../../atom/Button/Button';\r\nimport ButtonGroupDischarges from '../../molecule/ButtonGroupDischarges/ButtonGroupDischarges';\r\nimport AutoLogout from '../../../auto-logout';\r\nimport ProgressDisplay from '../../atom/ProgressDisplay/ProgressDisplay';\r\nimport CheckBox from '../../atom/CheckBox/CheckBox';\r\nimport InsightBox from '../../molecules/InsightBox/InsightBox';\r\n\r\n\r\nclass NewLoanInstructionFormPage extends Component { \r\n \r\n constructor(props){\r\n super(props) \r\n\r\n try{\r\n var dmInit=this.props.location.state.desktopMenu;\r\n var lmwimsInit=this.props.location.state.lmwInstructMSASub;\r\n }catch{\r\n var dmInit=\"\";\r\n var lmwimsInit=\"\";\r\n }\r\n let userdetails = AuthService.getUserDetails();\t\r\n let lendername= AuthService.getLendername();\r\n this.state={ \r\n pageTitle : 'newloansinstructionsform',\r\n leftContent : 'newloansinstructionsform',\r\n desktopMenu: dmInit,\r\n lmwInstructMSASub: lmwimsInit,\r\n shouldRedirect: false,\r\n isInstructPriv: null,\r\n isLoading:false,\r\n onboarding:true,\r\n fade:false,\r\n option:\"\",\r\n prompt:\"\",\r\n copy:\"This page can update MSA's systems, eliminating the need to it for an update to be actioned. only certain lenders are permitted to instruct MSA through the portal. For documentation please contact MSA. You will receive a message asking you to confirm your changes.\",\r\n lenderReference:'',\r\n ApplicationType:0,\r\n applicationTypeName:'',\r\n subApplicationType:0,\r\n subApplicationTypeOptions:['Current Asset','Future Security','Current Security'],\r\n ApplicationDateValidGood:true,\r\n ApplicationDateValid:null,\r\n ApplicationMortgagee: '',\r\n ApplicationSendDocsToRecipient: '',\r\n ApplicationElectronicSigning: 'Yes',\r\n ApplicationMethod:'',\r\n ApplicationSalesChannel:'',\r\n ApplicationClassification:'',\r\n DisclosureDateValidGood:true,\r\n DisclosureDateValid:null,\r\n //subApplicationTypeOptions:{},\r\n matterNumber:'',\r\n matterDescription:'',\r\n isChecking:false,\r\n isExistingLenderReference:false,\r\n isNewLoanConfirmed:false,\r\n hasCheckedReferenceNumber:false,\r\n errorMessage:'',\r\n \r\n\r\n\r\n \r\n MappedLoanTermTypes:['Variable','Fixed Rate'],\r\n //MappedLoanPaymentFrequencies:['Monthly','Fortnightly','Semi-annual','Annual'], \r\n MappedLoanPaymentFrequencies:['Weekly','Fortnightly','Monthly','Twice Monthly'], \r\n MappedLoanPaymentTypes:['Principal And Interest','Principal Only'], \r\n LoanIdEntityCount:0,\r\n LoanIdEntityMinCount:1,\r\n LoanIdEntities:[],\r\n FeeSegmentEntityCount:1,\r\n FeeSegmentEntityMinCount:1,\r\n FeeSegmentEntityMaxCount:1,\r\n FeeSegmentEntities:[],\r\n FeeSegmentNames:[],\r\n FeeSegmentFees:[],\r\n FeeSegmentDisclosureDates:[], \r\n FeeSegmentDisclosureDateValid:[],\r\n FeeSegmentDisclosureDateValidGood:false,\r\n\r\n PartyRepEntityCount:1,\r\n PartyRepEntitySegmentMinCount:1,\r\n PartyRepEntitySegmentMaxCount:1,\r\n PartyRepNames:[],\r\n PartyRepTypes:[],\r\n PartyRepEmails:[],\r\n PartyRepNumbers:[],\r\n PartyRepEntities:[],\r\n RelatedPartyRepEntityCount:1,\r\n RelatedPartyRepEntitySegmentMinCount:1,\r\n RelatedPartyRepEntitySegmentMaxCount:1,\r\n RelatedPartyRepNames:[],\r\n RelatedPartyRepTypes:[],\r\n RelatedPartyRepEmails:[],\r\n RelatedPartyRepNumbers:[],\r\n RelatedPartyRepEntities:[],\r\n IncomingMortgageeNames:[],\r\n IncomingMortgageeEmails:[],\r\n IncomingMortgageeNumbers:[],\r\n IncomingMortgageeType:[],\r\n IncomingMortgageeSegmentEntities:[],\r\n IncomingMortgageeSegmentCount:0,\r\n IncomingMortgageeSegmentMinCount:0,\r\n IncomingMortgageeSegmentMaxCount:1,\r\n //PartySegmentPhoneNumbers:[],\r\n PartySegmentHomePhoneNumbers:[],\r\n PartySegmentHomeFaxNumbers:[],\r\n PartySegmentMobileNumbers:[],\r\n PartySegmentWorkPhoneNumbers:[],\r\n PartySegmentWorkFaxNumbers:[],\r\n PartySegmentPartyTypes:[],\r\n PartySegmentPorCTypes:[],\r\n PartySegmentNames:[],\r\n PartySegmentEmails:[],\r\n PartySegmentAddresses:[],\r\n PartySegmentApplicantTypes:[],\r\n PartySegmentIndependentLegalAdvice:[],\r\n PartySegmentIndependentFinancialAdvice:[],\r\n PartySegmentChangeOfName:[],\r\n PartySegmentChangeOfNameReason:[],\r\n PartySegmentSignUnderPoA:[],\r\n PartySegmentGrantGSA:[],\r\n PartySegmentGrantSSA:[],\r\n PartySegmentGuarantorLimitedLiability:[],\r\n PartySegmentGuarantorLiabilityAmount:[],\r\n PartySegmentGuarantorLiabilityOther:[],\r\n PartySegmentMinCount:1,\r\n PartySegmentCount:1,\r\n PartySegmentEntities:[],\r\n PartySegmentPrimaryApplicant:[],\r\n PartySegmentAddreses:[],\r\n PartySegmentAddressUsedforMailing:[],\r\n PartySegmentAddressPostSettlement:[],\r\n PartySegmentAddressPreSettlement:[],\r\n PartySegmentAddressResidential:[],\r\n //RelatedPartySegmentPhoneNumbers:[],\r\n RelatedPartySegmentHomePhoneNumbers:[],\r\n RelatedPartySegmentHomeFaxNumbers:[],\r\n RelatedPartySegmentWorkPhoneNumbers:[],\r\n RelatedPartySegmentWorkFaxNumbers:[],\r\n RelatedPartySegmentMobileNumbers:[],\r\n RelatedPartySegmentPartyTypes:[],\r\n RelatedPartySegmentPorCTypes:[],\r\n RelatedPartySegmentNames:[],\r\n RelatedPartySegmentEmails:[],\r\n RelatedPartySegmentAddresses:[],\r\n RelatedPartySegmentMinCount:1,\r\n RelatedPartySegmentCount:1,\r\n RelatedPartySegmentEntities:[],\r\n TrustSegmentSettlorNames:[],\r\n TrustSegmentTrustNames:[],\r\n TrustSegmentTrustTypes:[],\r\n TrustSegmentTrustees:[],\r\n TrustSegmentBeneficiaries:[],\r\n TrustSegmentDeclarationDates:[],\r\n TrustSegmentEstablishmentDates:[],\r\n TrustSegmentVestingDates:[],\r\n TrustSegmentTrusteeAppointmentDates:[],\r\n TrustSegmentDeedVariationDates:[],\r\n OtherPartyTypes:[\r\n 'Broker', \r\n 'CommissionPayee',\r\n 'CoOwner',\r\n 'Director',\r\n 'Donee',\r\n 'FinancialInstitution',\r\n 'Insurer',\r\n 'MortgageManager',\r\n 'Partner',\r\n 'Solicitor',\r\n 'TrustBeneficiary',\r\n 'TrustTrustee',\r\n 'Other',\r\n 'Payee',\r\n 'Valuer'\r\n ],\r\n SecuritySegmentPrimarySecurities:[],\r\n SecuritySegmentAddreses:[],\r\n SecuritySegmentTitleReferences:[],\r\n SecuritySegmentEntities:[],\r\n SecuritySegmentMinCount:1,\r\n SecuritySegmentCount:1,\r\n SecuritySegmentMaxCount:1000,\r\n SecuritySegmentSettlementActions:[],\r\n SecuritySegmentConstructions:[],\r\n SecuritySegmentTrustAssets:[],\r\n SecuritySegmentPropertyPrimaryPurposes:[],\r\n SecuritySegmentSecurityHeld:[],\r\n SecuritySegmentTransactions:[],\r\n SecuritySegmentResidentialTypes:[],\r\n SecuritySegmentResidentialOffThePlans:[],\r\n SecuritySegmentCommercialTypes:[],\r\n SecuritySegmentResidentialOrCommercialTypes:[],\r\n SecuritySegmentTitles:[],\r\n SecuritySegmentLeaseStartDates:[],\r\n SecuritySegmentLeaseEndDates:[],\r\n SecuritySegmentEncumbrances:[],\r\n SecuritySegmentEncumbranceDescription:[],\r\n SecuritySegmentEncumbranceTypes:[],\r\n SecuritySegmentEncumbranceRegisteredNumbers:[],\r\n SecuritySegmentEncumbranceDates:[],\r\n SecuritySegmentEncumbranceRelatedIds:[],\r\n SecuritySegmentEncumbranceCreditProviders:[],\r\n SecuritySegmentFinanceTypes:[],\r\n SecuritySegmentContractPrices:[],\r\n SecuritySegmentContractPriceAmount:[],\r\n SecuritySegmentTransferOfLandAmount:[],\r\n SecuritySegmentBuildersContractAmount:[],\r\n\r\n FinancialSegmentNonRealEstates:[],\r\n FinancialSegmentNonRealEstateDepositAccounts:[],\r\n FinancialSegmentNonRealEstateOtherAssets:[],\r\n FinancialSegmentMortgages:[],\r\n FinancialSegmentAssetInsurance:[],\r\n FinancialSegmentValuation:[],\r\n\r\n\r\n \r\n\r\n\r\n LoanDetailsLVRNumber:'',\r\n LoanDetailsFHOG: null,\r\n LoanDetailsFHOGAmount: '',\r\n LoanIds:[], \r\n LoanTermMonths:[],\r\n LoanTermTypes:[],\r\n LoanPaymentFrequencies:[],\r\n LoanPaymentTypes:[],\r\n LoanInterestRates:[], \r\n IndicativeAmounts:[], \r\n CurrentLoanRepaymentAmount:[],\r\n LoanDefaultInterestRates:[],\r\n LoanTermIsLocked:[],\r\n LoanPaymentAmounts:[],\r\n LoanPurposes:[],\r\n LoanAmounts:[],\r\n LoanSegmentLoanPurposeDetails:[],\r\n LoanSegmentKeyDates:[],\r\n LoanSegmentLoansToBeRepaid:[],\r\n LoanSegmentLoanDocPrep:[],\r\n\r\n \r\n\r\n InsuranceSegment:[],\r\n InsuranceSegmentInsuranceType:[],\r\n InsuranceSegmentInsuranceDescription:[],\r\n InsuranceSegmentInsurancePolicyNo:[],\r\n InsuranceSegmentInsuranceStartDate:[],\r\n InsuranceSegmentInsuranceEndDate:[],\r\n InsuranceSegmentPaymentPaidStatus:[],\r\n InsuranceSegmentPaymentAmountExGST:[],\r\n InsuranceSegmentPaymentTotal:[],\r\n InsuranceSegmentPaymentGST:[],\r\n InsuranceSegmentPaymentBalance:[],\r\n InsuranceSegmentPremiumPayerType:[],\r\n\r\n SpecialConditionSegmentEntities:[],\r\n SpecialConditionSegmentCount:0,\r\n SpecialConditionSegmentConditionValues:[],\r\n SpecialConditionSegmentConditionTypes:[],\r\n\r\n SpecialConditionSegmentConditionName:'',\r\n SpecialConditionSegmentConditionDescription:'',\r\n\r\n InstructionsSegment:[],\r\n InstructionsSegmentDocuments:[],\r\n InstructionsSegmentDocumentsEntities:[],\r\n InstructionsSegmentDocumentsEntityCount:1,\r\n InstructionsSegmentDocumentsEntityMinCount:1,\r\n\r\n CommissionSegment:[],\r\n CommentsSegment:[],\r\n Comment:'',\r\n CommissionSegmentPayerType:[],\r\n CommissionSegmentPayment:[],\r\n CommissionSegmentPaymentPaidStatus:[],\r\n\r\n // SecuritySegmentTitleTypes:[],\r\n // SecuritySegmentTitleTenureTypes:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensStrata:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n // SecuritySegmentTitleTorrensExtents:[],\r\n SimultaneousSettlementSegmentEntities:[],\r\n SimultaneousSettlementSegmentCount:0,\r\n SimultaneousSettlementSegmentMaxCount:1,\r\n SimultaneousSettlementSegmentLoanIds:[],\r\n LoanHasSimultaneous:false,\r\n ImportantNoteSegmentEntities:[],\r\n ImportantNoteSegmentCount:1,\r\n ImportantNoteSegmentMinCount:1,\r\n ImportantNoteSegmentMaxCount:1,\r\n HasImportantNoteSegmentGuarantorTitleDeedToAddress:false,\r\n ImportantNoteSegmentGuarantorTitleDeedToAddress:[],\r\n HasBorrowerClearTitleToAddress:false,\r\n BorrowerClearTitleToAddress:[],\r\n ImportantNoteSegmentSettlementNotToBeBookedPriorToDates:[],\r\n ImportantNoteSegmentCollectSurplus:[],\r\n ImportantNoteSegmentGuarantorNames:[],\r\n \r\n DischargeinstructionOtherRequests:'',\r\n InstructionType:null,\r\n InstructionLenderReference:null,\r\n \r\n MatterExists:false,\r\n CheckedMatter:false,\r\n MsaReference:null,\r\n MatterDescription:null,\r\n MatterLenderReference:null,\r\n DateValidGood:true,\r\n SecurityTypes:[],\r\n ApplicationTypeChoice:[],\r\n msg:'',\r\n SelfActing:[],\r\n States:[],\r\n ApplicationTypes:{},\r\n MappedStates:[],\r\n ApplicantTransactionList:[\r\n 'AddLoanParty',\r\n 'NoChangeLoanParty',\r\n 'ReleaseLoanParty',\r\n 'UpdateDetailsLoanParty'\r\n ],\r\n ChangeNameYNList:[\r\n 'No',\r\n 'YesRegForm',\r\n 'YesStatDec'\r\n ],\r\n ChangeNameReasonList:[\r\n 'Adoption of new name',\r\n 'Change of incorporated name',\r\n 'Deed Poll',\r\n 'Error in Register',\r\n 'Marriage',\r\n 'Resumption of maiden name',\r\n ],\r\n SendDocsToRecipientList:[\r\n 'Applicant',\r\n 'Branch',\r\n 'Broker',\r\n 'Lender',\r\n 'LenderRep',\r\n 'MortgageManager',\r\n 'Solicitor'\r\n ],\r\n SalesChannelList:[\r\n 'Direct',\r\n 'Branch',\r\n 'Broker',\r\n 'Online'\r\n ],\r\n DocumentationInstructionsMethodList:[\r\n 'Collect',\r\n 'Digital',\r\n 'Email',\r\n 'Post'\r\n ],\r\n ClassificationList:[\r\n 'Prime',\r\n 'SubPrime'\r\n ],\r\n MappedPartyTypes:['Person','Company','Partnership'],\r\n GenderList:['Male',\r\n 'Female'],\r\n MappedTitles:['Mr','Mrs','Ms','Dr'],\r\n MappedPartnershipTypes:['JointVenture','Partnership'],\r\n \r\n FloorTypes:[\r\n 'Floor Type',\r\n 'Basement',\r\n 'Floor',\r\n 'Ground',\r\n 'Level',\r\n 'LowerGroundFloor',\r\n 'LowerLevel',\r\n 'Mezzanine',\r\n 'ObservationDeck',\r\n 'Parking',\r\n 'Podium',\r\n 'Platform',\r\n 'Penthouse',\r\n 'Rooftop',\r\n 'SubBasement',\r\n 'UpperGroundFloor'\r\n ],\r\n CompanyTypes:[\r\n 'Corporation',\r\n 'SoleTrader',\r\n 'Superannuation'\r\n ],\r\n DeliveryTypes:[\r\n 'Postal Delivery Type',\r\n 'Care PO',\r\n 'CMA',\r\n 'CMB',\r\n 'GPO Bag',\r\n 'GPO Box',\r\n 'Locked Bag',\r\n 'MS',\r\n 'PO Box',\r\n 'Private Bag',\r\n 'RBN',\r\n 'RMB',\r\n 'RMS',\r\n 'RSD'\r\n ],\r\n TrustTypes:[\r\n 'BareTrust',\r\n 'Discretionary',\r\n 'Hybrid',\r\n 'Unit'\r\n ],\r\n SettlementActionLists:[\r\n 'ExtendSecurity',\r\n 'ReleaseSecurity',\r\n 'TakeSecurity'\r\n ],\r\n PropertyPurposeList:[\r\n 'Business',\r\n 'Investment',\r\n 'OwnerOccupied'\r\n ],\r\n PropertyTransactionList:[\r\n 'Owns',\r\n 'Purchasing',\r\n 'Selling'\r\n ],\r\n PropertyResidentialTypeList:[\r\n 'CompanyTitleUnit',\r\n 'ConvertedCommercialProperty',\r\n 'House',\r\n 'StrataTitleUnit',\r\n 'StatumTitleUnit',\r\n 'VacantLand'\r\n ],\r\n PropertyCommercialTypeList:[\r\n 'Factory',\r\n 'NonSpecialisedCommercial',\r\n 'Offices',\r\n 'ProfChambers',\r\n 'ResidentialCommercial',\r\n 'RetirementVillage',\r\n 'VacantLand',\r\n 'Warehouse'\r\n ],\r\n TitleTorrensExtent:[\r\n 'Part',\r\n 'Whole'\r\n ],\r\n TitleTenureTypeList:[\r\n 'CompanyTitle',\r\n 'Freehold',\r\n 'Leasehold',\r\n 'StrataTitle',\r\n 'StratumTitle',\r\n ],\r\n TitleTypeList:[\r\n 'Company',\r\n 'Stratum',\r\n 'Torrens'\r\n ],\r\n UnitTypeList:[\r\n 'Antenna','Apartment','Automatic Teller','Automated Teller Machine','Barbecue','Building','Bungalow','Boatshed','Cage','Carpark','Carspace','Club','Condominium','Coolroom','Cottage','Duplex','Factory','Flat','Garage',\r\n 'Hall','House','Kiosk','Lobby','Loft','Lot','Lease','Marine Berth','Maisonette','Office','Penthouse','Reserve','Room','Suite','Shed','Shop','Showroom','Sign','Site','Stall','Store','Strata Unit','Studio / Studio Apartment',\r\n 'Substation','Tenancy','Townhouse','Tower','Unit','Villa','Vault','Ward','Warehouse','Workshop'\r\n ],\r\n StreetTypeList:[\r\n 'Access','Alley','Alleyway','Amble','Anchorage','Approach','Arcade','Arterial','Artery','Avenue','Banan','Bank','Basin','Bay','Beach','Bend','Block','Boardwalk','Boulevard','Boulevarde','Bowl','Brace','Brae','Break','Bridge','Broadway','Brow','Bypass','Byway',\r\n 'Causeway','Centre','Centreway','Chase','Circle','Circlet','Circuit','Circus','Close','Cluster','Colonnade','Common','Concourse','Connection','Copse','Corner','Corso','Course','Court','Courtyard','Cove','Crescent',\r\n 'Crest','Cross','Crossing','Crossroad','Crossway','Cruiseway','Cul-de-Sac','Cutting','Dale','Dell','Dene','Deviation','Dip','Distributor','Divide','Dock','Domain','Drive','Driveway','Edge','Elbow','End','Entrance',\r\n 'Esplanade','Estate','Expressway','Extension','Fairway','Firebreak','Fireline','Firetrack','Firetrail','Flat','Flats','Follow','Footway','Ford','Foreshore','Formation','Freeway','Front','Frontage','Gap','Garden',\r\n 'Gardens','Gate','Gateway','Glade','Glen','Grange','Green','Ground','Grove','Gully','Harbour','Heath','Heights','Highroad','Highway','Hill','Hollow','Hub','Interchange','Intersection','Island','Junction','Key','Keys',\r\n 'Landing','Lane','Laneway','Lees','Line','Link','Little','Lookout','Loop','Lower','Mall','Manor','Meander','Mew','Mews','Motorway','Mount','Nook','Outlet','Outlook','Parade','Park','Parklands','Parkway','Part','Pass',\r\n 'Passage','Path','Pathway','Piazza','Place','Plateau','Plaza','Pocket','Point','Port','Promenade','Pursuit','Quad','Quadrangle','Quadrant','Quay','Quays','Ramble','Ramp','Range','Reach','Reserve','Rest','Retreat','Return',\r\n 'Ride','Ridge','Ridgeway','Right of Way','Ring','Rise','Rising','River','Riverway','Riviera','Road','Roads','Roadside','Roadway','Ronde','Rosebowl','Rotary','Round','Route','Row','Rue','Run','Service Way','Shunt',\r\n 'Siding','Slope','Sound','Spur','Square','Stairs','State Highway','Steps','Strand','Street','Strip','Subway','Tarn','Terrace','Thoroughfare','Throughway','Tollway','Top','Tor','Towers','Track','Trail','Trailer','Triangle',\r\n 'Trunkway','Turn','Twist','Underpass','Upper','Vale','Valley','Viaduct','View','Views','Villas','Vista','Wade','Walk','Walkway','Waters','Waterway','Way','Wharf','Woods','Wynd','Yard'\r\n ],\r\n CountryCodeList:[\r\n 'AD','AE','AF','AG','AI','AL','AM','AN','AO','AQ','AR','AS','AT','AU','AW','AX','AZ','BA','BB','BD','BE','BF','BG','BH','BI','BJ','BL','BM','BN','BO','BR','BS','BT','BV','BW','BY','BZ','CA','CC','CD','CF','CG',\r\n 'CH','CI','CK','CL','CM','CN','CO','CR','CU','CV','CX','CY','CZ','DE','DJ','DK','DM','DO','DZ','EC','EE','EG','EH','ER','ES','ET','FI','FJ','FK','FM','FO','FR','GA','GB','GD','GE','GF','GG','GH','GI','GL',\r\n 'GM','GN','GP','GQ','GR','GS','GT','GU','GW','GY','HK','HM','HN','HR','HT','HU','ID','IE','IL','IM','IN','IO','IQ','IR','IS','IT','JE','JM','JO','JP','KE','KG','KH','KI','KM','KN','KP','KR','KW','KY','KZ',\r\n 'LA','LB','LC','LI','LK','LR','LS','LT','LU','LV','LY','MA','MC','MD','ME','MF','MG','MH','MK','ML','MM','MN','MO','MP','MQ','MR','MS','MT','MU','MV','MW','MX','MY','MZ','NA','NC','NE','NF','NG','NI','NL',\r\n 'NO','NP','NR','NU','NZ','OM','PA','PE','PF','PG','PH','PK','PL','PM','PN','PR','PS','PT','PW','PY','QA','RE','RO','RS','RU','RW','SA','SB','SC','SD','SE','SG','SH','SI','SJ','SK','SL','SM','SN','SO','SR',\r\n 'SS','ST','SV','SY','SZ','TC','TD','TF','TG','TH','TJ','TK','TL','TM','TN','TO','TR','TT','TV','TW','TZ','UA','UG','UM','US','UY','UZ','VA','VC','VE','VG','VI','VN','VU','WF','WS','YE','YT','ZA','ZM','ZW'\r\n ],\r\n EncumbranceTypeList:[\r\n 'AdministrativeAdvice',\r\n 'Caveat',\r\n 'Charge',\r\n 'Covenant',\r\n 'Easement',\r\n 'LandTaxCharge',\r\n 'Lease',\r\n 'Mortgage',\r\n 'Writ'\r\n ],\r\n FinanceTypeList:[\r\n 'ClearTitle',\r\n 'FurtherAdvance',\r\n 'Purchase',\r\n 'RefinanceAttended',\r\n 'RefinanceUnattended'\r\n ],\r\n NonPropertyTransactionList:[\r\n 'Owns',\r\n 'Purchasing',\r\n 'Selling',\r\n ],\r\n FinancialDepositAccountTypeList:[\r\n 'BankAccount',\r\n 'CashManagement',\r\n 'InvestmentSavings',\r\n 'TermDeposit'\r\n ],\r\n OtherAssetTypeList:[\r\n 'Boat',\r\n 'Cash',\r\n 'ChargeOverCash',\r\n 'CirculatingAssets',\r\n 'Collections',\r\n 'DebentureCharge',\r\n 'Gifts',\r\n 'GoodwillOfBusiness',\r\n 'Guarantee',\r\n 'HomeContents',\r\n 'LifeInsurance',\r\n 'ManagedFunds',\r\n 'MotorVehicle',\r\n 'Other',\r\n 'PersonalEquityInAnyPrivateBusiness',\r\n 'Receivables',\r\n 'Shares',\r\n 'StockAndMachinery',\r\n 'Superannuation',\r\n 'ToolsOfTrade'\r\n ],\r\n NonPropertyShareTypeList:[\r\n 'BearerSecurities',\r\n 'Debentures',\r\n 'InscribedStockCth',\r\n 'InscribedStockState',\r\n 'ListedShares',\r\n 'Options',\r\n 'UnlistedShares'\r\n ],\r\n MotorVehicleTypeList:[\r\n '4WD',\r\n 'Bike',\r\n 'Large',\r\n 'LuxuryCar',\r\n 'Medium',\r\n 'Small',\r\n 'SmallMedium',\r\n ],\r\n MortgagePriorityList:[\r\n 'First',\r\n 'Second',\r\n 'Third',\r\n 'Fourth'\r\n ],\r\n AssetInsuranceCategoryList:[\r\n 'Building',\r\n 'Other'\r\n ],\r\n AssetInsuranceTypeList:[\r\n 'CertOfCurr',\r\n 'Undertaking'\r\n ],\r\n FinancialLoanTypeList:[\r\n 'BusinessLoan',\r\n 'CreditCard',\r\n 'Mortgage',\r\n 'Other',\r\n 'PersonalLoan'\r\n ],\r\n PaidStatusList:[\r\n 'Paid',\r\n 'Part Paid',\r\n 'Unpaid'\r\n ],\r\n FeeNameList:[\r\n 'EarlyRepayment',\r\n 'Establishment',\r\n 'FixedRate',\r\n 'LegalFeesAndDisb',\r\n 'LenderProtectionFee',\r\n 'LendersMortgageInsurance',\r\n 'LoanApplicationFee',\r\n 'LoanProcessingFee',\r\n 'MortgageRiskFee',\r\n 'Other',\r\n 'ProductFee',\r\n 'ProgressPaymentFee',\r\n 'TitleInsurance',\r\n 'ValuationFee',\r\n ],\r\n FeeTypeList:[\r\n 'Origination',\r\n 'Product',\r\n 'Settlement'\r\n ],\r\n FeePayableList:[\r\n 'AfterSettlement',\r\n 'AtOrBeforeSettlement'\r\n ],\r\n PayerTypeList:[\r\n 'Borrower',\r\n 'Lender'\r\n ],\r\n InsuranceTypeList:[\r\n 'ConsumerCreditInsurance',\r\n 'MortgageInsurance',\r\n 'TitleInsurance'\r\n ],\r\n ConditionTypeList:[\r\n 'ConditionsPrecedent',\r\n 'SpecialCondition'\r\n ],\r\n DocumentIssuerList:[\r\n 'Lender',\r\n 'MSA'\r\n ],\r\n\r\n PayoutHasSpecialConditions:false,\r\n PayoutSpecialConditions:'',\r\n\r\n HasAnticipatedDate:false,\r\n MatterDateValid:null,\r\n MatterAdditionalNotes:null,\r\n MatterLoanAccounts:null,\r\n PayoutStage:'',\r\n shouldRedirect:false,\r\n InstructionSubmit:false,\r\n CanInstructNewLoans: false,\r\n CanInstructDischarges: false,\r\n CanProvideDischargePayout: false,\r\n CanInstructDischargeUpload: false,\r\n IsLenderThinkTank: false,\r\n //ssourl: AuthService.getSSOUrl(),//'https://tictocssouat.msanational.com.au/?errormessage='\r\n userdetails: userdetails,\r\n emailValidationError: null,\r\n profileDisplay: \"\",\t\r\n lenderName: lendername,\r\n\r\n\r\n activeMatterDetails: true,\r\n activePartyDetails: false,\r\n activeRelatedPartyDetails: false,\r\n activeSecurityDetails: false,\r\n activeLoanDetails: false,\r\n activeFeeDetails: false,\r\n activeInsuranceDetails: false,\r\n activeSpecialCondition: false,\r\n activeInstructions: false,\r\n activeCommissions: false,\r\n activeComments: false,\r\n\r\n activeSection: 'divMatterDetails',\r\n FormStepsValue:'',\r\n InsightBox:0, \r\n\r\n }\r\n \r\n this.GoToPartyDetails = this.GoToPartyDetails.bind(this);\r\n this.BackToMatterDetails = this.BackToMatterDetails.bind(this);\r\n this.GoToRelatedPartyDetails = this.GoToRelatedPartyDetails.bind(this);\r\n this.BackToPartyDetails = this.BackToPartyDetails.bind(this);\r\n this.GoToSecurityDetails = this.GoToSecurityDetails.bind(this);\r\n this.BackToRelatedPartyDetails = this.BackToRelatedPartyDetails.bind(this);\r\n this.GoToLoanDetails = this.GoToLoanDetails.bind(this);\r\n this.BackToSecurityDetails = this.BackToSecurityDetails.bind(this);\r\n this.GoToFeeDetails = this.GoToFeeDetails.bind(this);\r\n this.BackToLoanDetails = this.BackToLoanDetails.bind(this);\r\n this.GoToInsuranceDetails = this.GoToInsuranceDetails.bind(this);\r\n this.BackFeeDetails = this.BackFeeDetails.bind(this);\r\n this.GoToSpecialCondition = this.GoToSpecialCondition.bind(this);\r\n this.BackToInsuranceDetails = this.BackToInsuranceDetails.bind(this);\r\n this.GoToInstructions = this.GoToInstructions.bind(this);\r\n this.BackToSpecialCondition = this.BackToSpecialCondition.bind(this);\r\n this.GoToCommissions = this.GoToCommissions.bind(this);\r\n this.BackToInstructions = this.BackToInstructions.bind(this);\r\n this.GoToComments = this.GoToComments.bind(this);\r\n this.BackToCommissions = this.BackToCommissions.bind(this);\r\n this.handleLeftMenuCallback = this.handleLeftMenuCallback.bind(this);\r\n this.CheckMatter=this.CheckMatter.bind(this);\r\n this.UpdateLenderReferenceNumber = this.UpdateLenderReferenceNumber.bind(this);\r\n this.LoanIdUpdated = this.LoanIdUpdated.bind(this);\r\n this.IndicativeAmountUpdated=this.IndicativeAmountUpdated.bind(this);\r\n this.UpdateLoanIdSegment=this.UpdateLoanIdSegment.bind(this);\r\n this.CreateNewLoanInstructionEntity=this.CreateNewLoanInstructionEntity.bind(this);\r\n this.GetApplicationTypes=this.GetApplicationTypes.bind(this);\r\n this.GetOtherPartyTypes=this.GetOtherPartyTypes.bind(this);\r\n this.GetStates = this.GetStates.bind(this);\r\n this.LoanIdUpdated=this.LoanIdUpdated.bind(this);\r\n this.LoanInterestRateUpdated = this.LoanInterestRateUpdated.bind(this);\r\n this.UpdateLoanIdSegment = this.UpdateLoanIdSegment.bind(this);\r\n this.PartyRepNameUpdated = this.PartyRepNameUpdated.bind(this);\r\n this.PartyRepEmailUpdated = this.PartyRepEmailUpdated.bind(this);\r\n this.PartyRepNumberUpdated = this.PartyRepNumberUpdated.bind(this);\r\n this.UpdatePartyRep = this.UpdatePartyRep.bind(this);\r\n this.IncomingMortgageeNameUpdated = this.IncomingMortgageeNameUpdated.bind(this);\r\n this.IncomingMortgageeEmailUpdated=this.IncomingMortgageeEmailUpdated.bind(this);\r\n this.IncomingMortgageeNumberUpdated = this.IncomingMortgageeNumberUpdated.bind(this);\r\n this.UpdateIncomingMortgageeSegment = this.UpdateIncomingMortgageeSegment.bind(this);\r\n this.PartySegmentEmailUpdated = this.PartySegmentEmailUpdated.bind(this);\r\n // this.PartySegmentNumberUpdated = this.PartySegmentNumberUpdated.bind(this);\r\n this.PartySegmentWorkPhoneNumberUpdated = this.PartySegmentWorkPhoneNumberUpdated.bind(this);\r\n this.PartySegmentWorkFaxNumberUpdated = this.PartySegmentWorkFaxNumberUpdated.bind(this);\r\n this.PartySegmentHomePhoneNumberUpdated = this.PartySegmentHomePhoneNumberUpdated.bind(this);\r\n this.PartySegmentHomeFaxNumberUpdated = this.PartySegmentHomeFaxNumberUpdated.bind(this);\r\n this.RelatedPartySegmentWorkPhoneNumberUpdated = this.RelatedPartySegmentWorkPhoneNumberUpdated.bind(this);\r\n this.RelatedPartySegmentWorkFaxNumberUpdated = this.RelatedPartySegmentWorkFaxNumberUpdated.bind(this);\r\n this.RelatedPartySegmentHomePhoneNumberUpdated = this.RelatedPartySegmentHomePhoneNumberUpdated.bind(this);\r\n this.RelatedPartySegmentHomeFaxNumberUpdated = this.RelatedPartySegmentHomeFaxNumberUpdated.bind(this);\r\n this.PartyAddressUpdated=this.PartyAddressUpdated.bind(this);\r\n this.PartyTypeUpdated=this.PartyTypeUpdated.bind(this);\r\n this.PartyNameUpdated = this.PartyNameUpdated.bind(this);\r\n this.UpdatePartySegment=this.UpdatePartySegment.bind(this);\r\n this.UpdateRelatedPartySegment=this.UpdateRelatedPartySegment.bind(this);\r\n this.SecurityAddressUpdated = this.SecurityAddressUpdated.bind(this);\r\n this.UpdateSecuritySegment = this.UpdateSecuritySegment.bind(this);\r\n this.UpdateFeeSegment = this.UpdateFeeSegment.bind(this);\r\n \r\n this.SimultaneousSettlementSegmentLoanIdUpdated = this.SimultaneousSettlementSegmentLoanIdUpdated.bind(this);\r\n this.UpdateSimultaneuosSettlementSegment = this.UpdateSimultaneuosSettlementSegment.bind(this);\r\n this.UpdateGuarantorTitleDeedToAddress = this.UpdateGuarantorTitleDeedToAddress.bind(this);\r\n this.UpdateBorrowerClearTitleToAddress = this.UpdateBorrowerClearTitleToAddress.bind(this);\r\n this.SettlementNotToBeBookedPriorToUpdated = this.SettlementNotToBeBookedPriorToUpdated.bind(this);\r\n this.CollectSurplusUpdated = this.CollectSurplusUpdated.bind(this);\r\n this.GuarantorUpdated = this.GuarantorUpdated.bind(this);\r\n this.UpdateImportNotesSegment = this.UpdateImportNotesSegment.bind(this);\r\n this.UpdateSpecialConditionValues = this.UpdateSpecialConditionValues.bind(this);\r\n this.UpdateSpecialConditionSegmentTypes = this.UpdateSpecialConditionSegmentTypes.bind(this);\r\n this.UpdateSpecialConditionSegment = this.UpdateSpecialConditionSegment.bind(this);\r\n //this.CreateDischargeInstructionEntity =this.CreateDischargeInstructionEntity.bind(this);\r\n this.SecurityTitleReferenceUpdated = this.SecurityTitleReferenceUpdated.bind(this);\r\n this.GetApplicationTypes = this.GetApplicationTypes.bind(this);\r\n this.GetStates = this.GetStates.bind(this);\r\n this.UpdateLenderReferenceCombined = this.UpdateLenderReferenceCombined.bind(this);\r\n this.LoanIdUpdated = this.LoanIdUpdated.bind(this);\r\n this.IndicativeAmountUpdated=this.IndicativeAmountUpdated.bind(this);\r\n this.DownloadInstructionHtml=this.DownloadInstructionHtml.bind(this);\r\n this.DownloadInstructionXml=this.DownloadInstructionXml.bind(this);\r\n this.GetExternalUserPrivilege = this.GetExternalUserPrivilege.bind(this);\r\n this.GetLenderDetails = this.GetLenderDetails.bind(this);\r\n this.toggleProfileMenu = this.toggleProfileMenu.bind(this);\r\n this.GetDischargeReasonTypes = this.GetDischargeReasonTypes.bind(this);\r\n this.GetTiles = this.GetTitles.bind(this);\r\n this.SubmissionDateValidUpdated = this.SubmissionDateValidUpdated.bind(this);\r\n this.DisclosureDateValidUpdated = this.DisclosureDateValidUpdated.bind(this); \r\n this.FeeSegmentDisclosureDateValidUpdated = this.FeeSegmentDisclosureDateValidUpdated.bind(this); \r\n this.UpdateInstructionsDocumentsSegment = this.UpdateInstructionsDocumentsSegment.bind(this);\r\n\r\n this.CommentUpdated = this.CommentUpdated.bind(this);\r\n this.SwitchForm = this.SwitchForm.bind(this);\r\n //this.UpdateActiveSection = this.UpdateActiveSection.bind(this);\r\n\r\n this.showInsightBox = this.showInsightBox.bind(this); \r\n this.hideInsightBox = this.hideInsightBox.bind(this);\r\n this.moreInsights = this.moreInsights.bind(this);\r\n \r\n }\r\n\r\n UpdateActiveSection(e){\r\n alert(e);\r\n window.scrollTo(0,0);\r\n this.setState({\r\n activeSection: e\r\n });\r\n\r\n e.preventDefault();\r\n // let elem = document.getElementById(e);\r\n // if(!elem.checkValidity()){\r\n // elem.reportValidity();\r\n // var result = elem.checkValidity();\r\n // //alert('there is error');\r\n // console.log('there is an error');\r\n // console.log(elem.reportValidity());\r\n // console.log(result);\r\n // return;\r\n // }\r\n }\r\n\r\n CommentUpdated(e){\r\n e.preventDefault();\r\n this.setState({Comment:e.target.value});\r\n }\r\n\r\n ApplicationElectronicSigningUpdated(e){\r\n e.preventDefault();\r\n let val = this.state.ApplicationElectronicSigning;\r\n val=e.target.value;\r\n \r\n this.setState({ApplicationElectronicSigning:val});\r\n }\r\n\r\n SubmissionDateValidUpdated(e){\r\n e.preventDefault();\r\n this.setState({ApplicationDateValid:e.target.value});\r\n }\r\n\r\n DisclosureDateValidUpdated(e){\r\n e.preventDefault();\r\n this.setState({DisclosureDateValid:e.target.value});\r\n }\r\n\r\n handleLeftMenuCallback(child, dmMode, InstructSubMenu){\r\n //alert(InstructSubMenu);\r\n this.setState({\r\n leftContent: child,\r\n desktopMenu: dmMode,\r\n lmwInstructMSASub: InstructSubMenu\r\n });\r\n }\r\n \r\n componentDidMount(){\r\n document.title='Loantrak - New Loans Application Form';\r\n AuthService.isNewVersionDetected();\r\n this.setState({LoanIdEntityCount:this.state.LoanIdEntityCount+1},()=>{this.UpdateLoanIdSegment();});\r\n //this.GetDischargeReasonTypes();\r\n this.GetStates();\r\n this.GetExternalUserPrivilege();\r\n //this.GetLenderDetails();\r\n\r\n let usertypeid = this.state.userdetails != null? this.state.userdetails.map(d=>d.usertypeid): '';\r\n if(usertypeid == 2)\t\r\n {\t\r\n this.setState({\t\r\n IsLenderThinkTank: this.state.lenderName !=null ? this.state.lenderName.toLowerCase().includes('think tank')?true:false : false\t\r\n });\t\r\n // AuthService.GetLenderDetails().then((resp)=>{\t\r\n // this.setState({\t\r\n // IsLenderThinkTank:resp.data.Content\t\r\n // },()=>{console.log(this.state.IsLenderThinkTank);\t\r\n // //alert(this.state.IsLenderThinkTank)\t\r\n // });\t\r\n // },(err)=>{\t\r\n // console.log(\"there is an error\")\t\r\n // //this.setState({isInstructPriv:false});\t\r\n // })\t\r\n }\t\r\n\r\n\r\n AuthService.isUserAuthorisedToInstruct().then((resp)=>{\r\n this.setState({isInstructPriv:true,shouldRedirect:false},\r\n ()=>{\r\n console.log(\"caninstruct\" + \"shouldred\")\r\n console.log(this.state.isInstructPriv )\r\n console.log( this.state.shouldRedirect)\r\n });\r\n },(err)=>{\r\n this.setState({\r\n isInstructPriv:false,\r\n shouldRedirect:true\r\n });\r\n });\r\n AuthService.getUserExternalPrivilegesList().then((resp)=>{\r\n this.setState({\r\n CanInstructDischarges:resp.data.Content.CanInstructDischarges,\r\n CanProvideDischargePayout:resp.data.Content.CanProvideDischargePayout,\r\n CanInstructNewLoans:resp.data.Content.CanInstructNewLoans,\r\n CanInstructDischargeUpload:resp.data.Content.CanInstructDischargeUpload,\r\n shouldRedirect: !resp.data.Content.CanInstructDischarges,\r\n },()=>{\r\n console.log(this.state.CanInstructDischarges)\r\n });\r\n },(err)=>{\r\n console.log(\"there is an error\")\r\n //this.setState({isInstructPriv:false});\r\n })\r\n\r\n window.addEventListener(\"resize\", this.updateWindowDimension)\r\n }\r\n\r\n componentWillUpdate(np,ns){\r\n if(ns!==this.state){\r\n \r\n }\r\n }\r\n componentDidUpdate(){\r\n let displayNoneElems = document.querySelectorAll('div[style*=\"display:none\"]');\r\n for(let y=0; yOOPS!
\r\nSomething went wrong.
\r\n Please contact MSA support if the issue persists.
\r\n*/}\r\n
Your session has expired.
\r\n Back to Login Page\r\n {/* {backtologin} */}\r\nLoan Account {i+1}
\r\n\r\n
\r\n \r\n Loan Account Number\r\n
\r\n {/* {e.preventDefault();this.UpdateLenderReferenceCombined(e)}} onChange={(e)=>{e.preventDefault();this.LoanIdUpdated(e,i)}} placeholder=\"Loan Id\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> */}\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanIdUpdated(e,i)}} placeholder=\"Loan Id\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n
\r\n {/* \r\n Amount Requested\r\n
\r\n {e.preventDefault();this.IndicativeAmountUpdated(e,i)}} placeholder=\"Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
*/}\r\n \r\n Current Loan Repayment Amount\r\n
\r\n {e.preventDefault();this.CurrentLoanRepaymentAmountUpdated(e,i)}} placeholder=\"Current Loan Repayment Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Default Rate\r\n
\r\n {e.preventDefault();this.LoanDefaultInterestRateUpdated(e,i)}} placeholder=\"Loan Default Interest Rate\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Interest Rate\r\n
\r\n {e.preventDefault();this.LoanInterestRateUpdated(e,i)}} placeholder=\"Interest Rate\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Is Locked?\r\n
\r\n {let vals = this.state.LoanTermIsLocked; vals[i]=e.target.value;this.setState({LoanTermIsLockedUpdated:vals},()=>{this.UpdateLoanIdSegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Payment Amount\r\n
\r\n {e.preventDefault();this.LoanPaymentAmountUpdated(e,i)}} placeholder=\"Payment Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Loan Payment Frequency\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Number of Payments\r\n
\r\n {e.preventDefault();this.LoanTermUpdated(e,i)}} placeholder=\"Loan Term (Months)\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Loan Payment Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n Loan Term Type\r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n\r\n \r\n Variation Amount\r\n
\r\n {e.preventDefault();this.LoanDetailsVariationAmountUpdated(e,i)}} placeholder=\"Variation Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Loan Purpose\r\n
\r\n {/* {e.preventDefault();this.UpdateLenderReferenceCombined(e)}} onChange={(e)=>{e.preventDefault();this.LoanIdUpdated(e,i)}} placeholder=\"Loan Id\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> */}\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanPurposeUpdated(e,i)}} placeholder=\"Loan Purpose\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n
\r\n \r\n {/* Loan details End */}\r\n\r\n {/* KeyDates Start */}\r\n \r\n Loan Amount\r\n
\r\n {e.preventDefault();this.LoanAmountUpdated(e,i)}} placeholder=\"Loan Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Expiry Date Of Commitment\r\n
\r\n \r\n {e.preventDefault();this.LoanSegmentKeyDatesUpdated(e,i,'ExpiryDateOfCommitment')}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n
\r\n {/* KeyDates End */}\r\n {/* LoansToBeRepaid Start */}\r\n \r\n Anticipated Loan Expiry\r\n
\r\n \r\n {e.preventDefault();this.LoanSegmentKeyDatesUpdated(e,i,'AnticipatedLoanExpiry')}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n
\r\n \r\n Account Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Account Type Description\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['AccountTypeDescription'])}} placeholder=\"Account Type\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Account Name\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['AccountName'])}} placeholder=\"Account Name\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Account No\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['AccountNo'])}} placeholder=\"Account No\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Paid Status\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Payment Amount EXGST\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['PaymentAmountEXGST'])}} placeholder=\"Payment Amount EXGST\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n \r\n
\r\n \r\n Payment Total Amount\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['PaymentTotal'])}} placeholder=\"Payment Total Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n \r\n
\r\n \r\n Payment GST\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['PaymentGST'])}} placeholder=\"GST\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n \r\n
\r\n {/* LoansToBeRepaid End */}\r\n {/* LoanDocPrep Start */}\r\n \r\n Payment Balance\r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoansToBeRepaidUpdated(e,i,['PaymentBalance'])}} placeholder=\"Balance\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required />\r\n \r\n \r\n
\r\n \r\n Mortgage Payments Existing Loan Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['MortgagePaymentsExistingLoanAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Mortgage Payments Others Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['MortgagePaymentsOthersAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Rent Paid Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['RentPaidAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Income Tax Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['IncomeTaxAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Hire Purchase Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['HirePurchaseAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Living Expenses Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['LivingExpensesAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Other Expenses Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['OtherExpensesAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Other Commitments Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['OtherCommitmentsAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Total Expenses Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['TotalExpensesAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Gross Salary Pre Tax Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['GrossSalaryPreTaxAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Net Business Income Pre Tax Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['NetBusinessIncomePreTaxAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Net Rental Income Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['NetRentalIncomeAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Other Income Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['OtherIncomeAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Total Income Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['TotalIncomeAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Surplus Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['SurplusAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Total Assets Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['TotalAssetsAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n \r\n Total Liabilities Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['TotalLiabilitiesAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n \r\n
\r\n {/* LoanDocPrep End */}\r\n\r\n \r\n Net Assets Amount \r\n
\r\n {e.preventDefault();}} onChange={(e)=>{e.preventDefault();this.LoanSegmentLoanDocPrepUpdated(e,i,['NetAssetsAmount'])}} placeholder=\"Amount\" autoComplete={false} readOnly={this.state.InstructionSubmit?true:false} required /> \r\n Document #{i+1}
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Document Name\r\n
\r\n {e.preventDefault();this.InstructionsSegmentDocumentsUpdated(e,i,'Name')}} placeholder=\"Document Name\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/> \r\n \r\n
\r\n\r\n \r\n {/* \r\n Number Of Copies\r\n
\r\n {e.preventDefault();this.InstructionsSegmentDocumentsUpdated(e,i,'DocumentNumberofCopies')}} placeholder=\"Number of Documents\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
*/}\r\n\r\n \r\n Loan Payment Frequency\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n ));\r\n \r\n } \r\n this.setState({InstructionsSegmentDocumentsEntities:ents,\r\n //FeeSegmentNames: feeNames,\r\n InstructionsSegmentDocuments: docs,\r\n });\r\n });\r\n\r\n \r\n }\r\n }\r\n\r\n UpdateFeeSegment(){\r\n let ents = this.state.FeeSegmentEntities;\r\n\r\n if(ents.length>this.state.FeeSegmentEntityCount){\r\n \r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n // let partyHomePhones = this.state.PartySegmentHomePhoneNumbers;\r\n // let partyWorkPhones = this.state.PartySegmentWorkPhoneNumbers;\r\n // let partyHomeFax = this.state.PartySegmentHomeFaxNumbers;\r\n // let partyWorkFax = this.state.PartySegmentWorkFaxNumbers;\r\n //let feeNames = this.state.FeeSegmentNames;\r\n let fees = this.state.FeeSegmentFees;\r\n for(let i = this.state.FeeSegmentEntities.length; i>this.state.FeeSegmentEntityCount && i>this.state.FeeSegmentEntityMinCount; i--){\r\n // partyAddresses.pop();\r\n // partyNames.pop();\r\n // partyTypes.pop();\r\n ents.pop();\r\n // partyMobiles.pop();\r\n //partyPhones.pop();\r\n fees.pop();\r\n }\r\n this.setState({\r\n FeeSegmentEntities:ents,\r\n FeeSegmentFees: fees,\r\n // PartySegmentAddresses:partyAddresses,PartySegmentNames:partyNames,PartySegmentPartyTypes:partyTypes,PartySegmentEntities:ents,\r\n // //PartySegmentPhoneNumbers:partyPhones,\r\n // PartySegmentHomePhoneNumbers: partyHomePhones,\r\n // PartySegmentWorkPhoneNumbers: partyWorkPhones,\r\n // PartySegmentHomeFaxNumbers: partyHomeFax,\r\n // PartySegmentWorkFaxNumbers: partyWorkFax,\r\n // PartySegmentMobileNumbers:partyMobiles,PartySegmentEmails:partyEmails,PartySegmentPorCTypes:partyPorCTypes,PartySegmentPrimaryApplicant:partyPrimaryApplicant\r\n });\r\n }else{\r\n // let partyTypes= this.state.PartySegmentPartyTypes;\r\n // let partyAdd = this.state.PartySegmentAddresses;\r\n // let partyNames = this.state.PartySegmentNames;\r\n // let partyPrimaryApplicant = this.state.PartySegmentPrimaryApplicant;\r\n // let partyPorCTypes = this.state.PartySegmentPorCTypes;\r\n let fees = this.state.FeeSegmentFees;\r\n //let partyPhones = this.state.PartySegmentPhoneNumbers;\r\n \r\n let feesEntity = {'Name':'','Description':'','Type':'','WhenPayable':'','PayFeesFromLoanAccount':'','PaymentPaid':'','PaymentAmountEXGST':'','PaymentTotal':'','PaymentGST':'','PaymentBalance':'','PayerPayerType':''};\r\n // let partyNameEntity = {'NameTitle':'','FirstName':'','MiddleNames':'','Surname':'','Birthdate':'',\r\n // 'CompanyName':'','Acn':'','Abn':'','Arbn':'','NumberofDirectors':'','CompanyTypeDesc':'','CompanyPosition':'','CompanyAttentionName':''\r\n // ,'PartnershipName':'','PartnershipType':'','PartnershipAbn':''};\r\n for(let f = 0; f\r\n Issuer\r\n
\r\n \r\n \r\n
\r\n Fee #{i+1}
\r\n\r\n\r\n
\r\n \r\n Fee Name\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 Fee Description\r\n
\r\n {e.preventDefault();this.UpdateFeeSegmentFees(e,i,'Description')}} placeholder=\"Fee Description\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/> {/* {let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdateFeeSegment()})}}> \r\n \r\n \r\n
*/}\r\n \r\n
*/}\r\n\r\n \r\n ));\r\n \r\n } \r\n this.setState({FeeSegmentEntities:ents,\r\n //FeeSegmentNames: feeNames\r\n FeeSegmentFees: fees\r\n });\r\n });\r\n\r\n \r\n }\r\n }\r\n \r\n\r\n PartyRepNameUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepNames;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepNames:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n PartyRepEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepEmails;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepEmails:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n PartyRepNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepNumbers:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n PartyRepTypeUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartyRepType;\r\n val[i]=e.target.value;\r\n this.setState({PartyRepType:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n UpdatePartyRep(){\r\n \r\n \r\n }\r\n\r\n\r\n IncomingMortgageeNameUpdated(e,i){\r\n //alert(e)\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeNames;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeNames:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n IncomingMortgageeEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeEmails;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeEmails:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n IncomingMortgageeNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeNumbers;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeNumbers:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n IncomingMortgageeTypeUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.IncomingMortgageeType;\r\n val[i]=e.target.value;\r\n this.setState({IncomingMortgageeType:val},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n UpdateIncomingMortgageeSegment(){\r\n let ents = this.state.IncomingMortgageeSegmentEntities;\r\n } \r\n\r\n PartySegmentEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentEmails;\r\n val[i]=e.target.value;\r\n\r\n let emailValidationError = \"\";\r\n\r\n if(e.target.value.trim() == \"\"){\r\n emailValidationError = \"Please fill out email field\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else if(!this.isValidEmail(e.target.value)){\r\n emailValidationError = \"Invalid email\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else{\r\n emailValidationError = \"\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: true\r\n }\r\n );\r\n }\r\n\r\n this.setState({PartySegmentEmails:val},()=>{this.UpdatePartySegment()});\r\n }\r\n PartySegmentHomePhoneNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentHomePhoneNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentHomePhoneNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n PartySegmentHomeFaxNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentHomeFaxNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentHomeFaxNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentWorkPhoneNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentWorkPhoneNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentWorkPhoneNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n PartySegmentWorkFaxNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentWorkFaxNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentWorkFaxNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentMobileUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentMobileNumbers;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentMobileNumbers:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentAddressUsedforMailingUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentAddressUsedforMailing;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentAddressUsedforMailing:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentAddressPostSettlementUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentAddressPostSettlement;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentAddressPostSettlement:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentAddressPreSettlementUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentAddressPreSettlement;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentAddressPreSettlement:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartySegmentAddressResidentialUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.PartySegmentAddressResidential;\r\n val[i]=e.target.value;\r\n this.setState({PartySegmentAddressResidential:val},()=>{this.UpdatePartySegment()});\r\n }\r\n\r\n PartyAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.PartySegmentAddresses;\r\n if(address[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let addressEntity = {'UsedforMailing':'','building':'','floor':'','floorType':'','street':'','POBox':'','deliveryType':'','overseasline1':'','overseasline2':'','overseasline3':'','overseasline4':'','city':'','state':'','overseasstate':'','postcode':'','countrycode':''};\r\n \r\n address.push(addressEntity);\r\n }\r\n address[i][key]=e.target.value;\r\n\r\n this.setState({PartySegmentAddresses:address},()=>{this.UpdatePartySegment()});\r\n\r\n }\r\n\r\n PartyOrCompanyTypeUpdated(e,i){\r\n e.preventDefault();\r\n // let types = this.state.PartySegmentPartyTypes;\r\n // types[i]=e.target.value;\r\n \r\n //this.setState({PartySegmentPorCTypes:types},()=>{this.UpdatePartySegment()});\r\n let inps = document.getElementById('PartyName'+i).getElementsByTagName('input'); \r\n for(let x = 0;x\r\n Number of Payments\r\n
\r\n {e.preventDefault();this.LoanTermUpdated(e,i)}} placeholder=\"Loan Term (Months)\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n Loan Party #{i+1}
\r\n\r\n {this.state.OtherPartyTypes[i]});\r\n }\r\n let mappedOtherPartyTypes = otherPartyTypes.length? otherPartyTypes.reduce((p,c)=>[p,'',c]):'';\r\n for(let f = 0; f{\r\n for(let i =0; i < this.state.RelatedPartySegmentCount; i++){\r\n ents[i]=((\r\n <>\r\n
\r\n
\r\n ));\r\n \r\n } \r\n this.setState({RelatedPartySegmentEntities:ents});\r\n });\r\n\r\n \r\n }\r\n\r\n }\r\n \r\n IsValidPostcode(value){\r\n let re = /[^0-9]/;\r\n return !re.test(value);\r\n }\r\n\r\n SecurityAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.SecuritySegmentAddreses;\r\n address[i][key]=e.target.value;\r\n this.setState({SecuritySegmentAddreses:address},()=>{this.UpdateSecuritySegment()});\r\n\r\n }\r\n\r\n SecurityTitlesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let titles = this.state.SecuritySegmentTitles;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(titles[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let titlesEntity = {'TenureType':'','TitleType':'','TorrensExtent':'','TorrensStrata':'','TorrensAutoConsol':'','TorrensBlock':'','TorrensBuildUnitPlan':'','TorrensDistrict':'','TorrensDivision':'',\r\n 'TorrensFolio':'','TorrensFolioID':'','TorrensLocation':'','TorrensLot':'','TorrensParcel':'','TorrensPlan':'','TorrensPlanType':'','TorrensSection':'','TorrensTitle':'','TorrensTitleRef':'',\r\n 'TorrensUnit':'','TorrensVolume':'','TorrensVolumeFolio':'','CompanyACN':'','CompanyName':'','CompanyShareCertNumb':'','CompanySharesFrom':'','CompanySharesTo':'','CompanySharesTotal':''};\r\n \r\n titles.push(titlesEntity);\r\n }\r\n titles[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentLeaseStartDateUpdated(e,i){\r\n e.preventDefault();\r\n let startDate = this.state.SecuritySegmentLeaseStartDates;\r\n startDate[i]=e.target.value;\r\n this.setState({SecuritySegmentLeaseStartDates:startDate},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentLeaseEndDateUpdated(e,i){\r\n e.preventDefault();\r\n let endDate = this.state.SecuritySegmentLeaseEndDates;\r\n endDate[i]=e.target.value;\r\n this.setState({SecuritySegmentLeaseEndDates:endDate},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentEncumbrancesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let encumbrances = this.state.SecuritySegmentEncumbrances;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(encumbrances[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let encumbrancesEntity = {'Description':'','EncumbranceType':'','RegisteredNumber':'','DateDay':'','DateMonth':'','DateYear':'','EncumbranceRelatedID':'','CreditProviderRelatedID':''};\r\n \r\n encumbrances.push(encumbrancesEntity);\r\n }\r\n encumbrances[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentEncumbrances:encumbrances},()=>{this.UpdateSecuritySegment()});\r\n }\r\n SecuritySegmentFinanceTypesUpdated(e,i){\r\n e.preventDefault();\r\n let financeTypes = this.state.SecuritySegmentFinanceTypes;\r\n financeTypes[i]=e.target.value;\r\n this.setState({SecuritySegmentFinanceTypes:financeTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n // SecuritySegmentContractPricesUpdated(e,i){\r\n // e.preventDefault();\r\n // let contractPrices = this.state.SecuritySegmentContractPriceAmount;\r\n // contractPrices[i]=e.target.value;\r\n // this.setState({SecuritySegmentContractPriceAmount:contractPrices},()=>{this.UpdateSecuritySegment()});\r\n // }\r\n SecuritySegmentContractPricesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let contractPrices = this.state.SecuritySegmentContractPrices;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(contractPrices[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let contractPricesEntity = {'ContractPriceAmount':'','TransferOfLandAmount':''};\r\n \r\n contractPrices.push(contractPricesEntity);\r\n }\r\n contractPrices[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentContractPrices:contractPrices},()=>{this.UpdateSecuritySegment()});\r\n }\r\n SecuritySegmentBuildersContractAmountUpdated(e,i){\r\n e.preventDefault();\r\n let buildersContractAmount = this.state.SecuritySegmentBuildersContractAmount;\r\n buildersContractAmount[i]=e.target.value;\r\n this.setState({SecuritySegmentBuildersContractAmount:buildersContractAmount},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstatesUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstates = this.state.FinancialSegmentNonRealEstates;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(nonRealEstates[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let nonRealEstatesEntity = {'PrimarySecurity':'','Transaction':''};\r\n \r\n nonRealEstates.push(nonRealEstatesEntity);\r\n }\r\n nonRealEstates[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstates:nonRealEstates},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstateDepositAccounts = this.state.FinancialSegmentNonRealEstateDepositAccounts;\r\n if(nonRealEstateDepositAccounts[i]===undefined){\r\n let nonRealEstateDepositAccountsEntity = {'DepositAccountType':'','Description':'','AccountName':'','AcctNbr':'','BSB':'',};\r\n \r\n nonRealEstateDepositAccounts.push(nonRealEstateDepositAccountsEntity);\r\n }\r\n nonRealEstateDepositAccounts[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstateDepositAccounts:nonRealEstateDepositAccounts},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstateOtherAssets = this.state.FinancialSegmentNonRealEstateOtherAssets;\r\n if(nonRealEstateOtherAssets[i]===undefined){\r\n let nonRealEstateOtherAssetsEntity = {'OtherAssetType':'','OtherAssetDescription':'','ShareType':'','MaturityDate':'','VehicleType':'','Make':'','Year':''};\r\n \r\n nonRealEstateOtherAssets.push(nonRealEstateOtherAssetsEntity);\r\n }\r\n nonRealEstateOtherAssets[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstateOtherAssets:nonRealEstateOtherAssets},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentMortgagesUpdated(e,i,key){\r\n e.preventDefault();\r\n let mortgages = this.state.FinancialSegmentMortgages;\r\n if(mortgages[i]===undefined){\r\n let mortgagesEntity = {'NewMortgage':'','AdditionalLoanAgainstMortgage':'','DeedOfPriority':'','MortgageDate':'','MortgageNumb':'','Priority':'',\r\n 'PriorityAmount':'','MortgageNumber':'','MortgageeName':'','MortgagorName':''};\r\n \r\n mortgages.push(mortgagesEntity);\r\n }\r\n mortgages[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentMortgages:mortgages},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentAssetInsuranceUpdated(e,i,key){\r\n e.preventDefault();\r\n let assetInsurance = this.state.FinancialSegmentAssetInsurance;\r\n if(assetInsurance[i]===undefined){\r\n let assetInsuranceEntity = {'Category':'','AssetInsuranceType':'','InsuredAmount':'','PremiumAmount':'','PolicyNumber':'','InsuranceEffectiveDate':'',\r\n 'InsuranceExpiryDate':''};\r\n \r\n assetInsurance.push(assetInsuranceEntity);\r\n }\r\n assetInsurance[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentAssetInsurance:assetInsurance},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentValuationUpdated(e,i,key){\r\n e.preventDefault();\r\n let valuation = this.state.FinancialSegmentValuation;\r\n if(valuation[i]===undefined){\r\n let valuationEntity = {'TotalValue':'','ReplacementInsuranceFull':'','ReplacementInsuranceAmount':'','Date':'','ValuerRelatedID':''};\r\n \r\n valuation.push(valuationEntity);\r\n }\r\n valuation[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentValuation:valuation},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n // SecurityIsPrimarySecurityUpdated = (event, i) => {\r\n // let states = this.state.reststates\r\n // const { staterestrictions } = this.state;\r\n // let newArr = [];\r\n // var index = event.target.getAttribute('id')\r\n // states.forEach(stat => {\r\n // if (stat.value === event.target.value){ \r\n // stat.isChecked = event.target.checked\r\n // if(stat.isChecked){\r\n // newArr = [...staterestrictions, stat.id];\r\n // } \r\n // else {\r\n // newArr = staterestrictions.filter(item => item != stat.id);\r\n // }\r\n // } \r\n // }) \r\n // this.setState(\r\n // {staterestrictions: newArr,\r\n // //checkedAll: false\r\n // checkedAll: states.length == newArr.length?true:false,\r\n // hasstaterestriction: newArr.length > 0 ? true:false,\r\n // }\r\n // , ()=>{console.log('updated state', newArr, 'index', index)}\r\n // )\r\n // } \r\n\r\n SecurityIsPrimarySecurityUpdated(e,i){\r\n e.preventDefault();\r\n alert(e.target.checked)\r\n alert(e.target.value);\r\n //return;\r\n\r\n let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n isPrimarySecurities[i]=e.target.checked;\r\n //alert(\"dsfgdfg\");\r\n this.setState(initialState=>\r\n ({\r\n SecuritySegmentPrimarySecurities: isPrimarySecurities\r\n }),()=>{\r\n this.UpdateSecuritySegment();\r\n console.log(\"isPrimary\");\r\n console.log(this.state.SecuritySegmentPrimarySecurities)\r\n //alert(this.state.emailasusername)\r\n // if(this.state.emailasusername){\r\n // this.setState({\r\n // username: this.state.email\r\n // })\r\n // }\r\n // else {\r\n // this.setState({\r\n // username: ''\r\n // })\r\n // }\r\n });\r\n // let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n // isPrimarySecurities[i]=e.target.value;\r\n // this.setState({SecurityTypes:SecuritySegmentPrimarySecurities},()=>{\r\n // this.UpdateSecuritySegment();\r\n // console.log(\"isPrimary\");\r\n // console.log(this.state.SecurityTypes)\r\n // });\r\n }\r\n\r\n SecurityReasonUpdated(e,i){\r\n e.preventDefault();\r\n let dischargeReason = this.state.SecurityTypes;\r\n dischargeReason[i]=e.target.value;\r\n this.setState({SecurityTypes:dischargeReason},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySettlementActionUpdated(e,i){\r\n e.preventDefault();\r\n let settlementAction = this.state.SecuritySegmentSettlementActions;\r\n settlementAction[i]=e.target.value;\r\n this.setState({SecuritySegmentSettlementActions:settlementAction},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityTitleReferenceUpdated(e,i){\r\n e.preventDefault();\r\n let titleReferences = this.state.SecuritySegmentTitleReferences;\r\n titleReferences[i]=e.target.value;\r\n this.setState({SecuritySegmentTitleReferences:titleReferences},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityResidentialTypesUpdated(e,i){\r\n e.preventDefault();\r\n let residentialTypes = this.state.SecuritySegmentResidentialTypes;\r\n residentialTypes[i]=e.target.value;\r\n this.setState({SecuritySegmentResidentialTypes:residentialTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityCommercialTypesUpdated(e,i){\r\n e.preventDefault();\r\n let commericalTypes = this.state.SecurityCommercialTypes;\r\n commericalTypes[i]=e.target.value;\r\n this.setState({SecurityCommercialTypes:commericalTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityPrimaryPurposeUpdated(e,i){\r\n e.preventDefault();\r\n let primaryPurposes = this.state.SecuritySegmentPropertyPrimaryPurposes;\r\n primaryPurposes[i]=e.target.value;\r\n this.setState({SecuritySegmentPropertyPrimaryPurposes:primaryPurposes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityTransactionsUpdated(e,i){\r\n e.preventDefault();\r\n let transactions = this.state.SecuritySegmentTransactions;\r\n transactions[i]=e.target.value;\r\n this.setState({SecuritySegmentTransactions:transactions},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n GoBackClearForm(i){\r\n \r\n }\r\n\r\n UpdateSecuritySegment(){\r\n let ents = this.state.SecuritySegmentEntities;\r\n var dischargeReasonTypeOptions=[];\r\n // dischargeReasonTypeOptions.push()\r\n for(let x=0;x{this.state.subApplicationTypeOptions[x].replace(\"DebtRepaid\", \"Debt Repaid\").replace(\"Refinance\",\"External Refinance\").replace(\"InternalRefinance\", \"Internal Refinance\")})\r\n dischargeReasonTypeOptions.push()\r\n }\r\n let mappedDischargeReasonOptions = dischargeReasonTypeOptions.length?dischargeReasonTypeOptions.reduce((p,c)=>[p,'',c]):'';\r\n if(ents.length>this.state.SecuritySegmentCount){\r\n //alert('a')\r\n var names = this.state.PartyRepNames;\r\n var emails = this.state.PartyRepEmails;\r\n var numbers = this.state.PartyRepNumbers;\r\n let mortNames=this.state.IncomingMortgageeNames;\r\n let mortEmails = this.state.IncomingMortgageeEmails;\r\n let mortNumbers = this.state.IncomingMortgageeNumbers;\r\n let types = this.state.IncomingMortgageeType;\r\n let selfActingChecks = this.state.SelfActing;\r\n let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n let settlementActions = this.state.SecuritySegmentSettlementActions;\r\n let constructions = this.state.SecuritySegmentConstructions;\r\n let securitySegmentResidentialOrCommercialTypes = this.state.SecuritySegmentResidentialOrCommercialTypes;\r\n let securityResidentialTypes = this.state.SecuritySegmentResidentialTypes;\r\n let securityCommercialTypes = this.state.SecuritySegmentCommercialTypes;\r\n let residentialOffthePlan = this.state.SecuritySegmentResidentialOffThePlans;\r\n let primaryPurposes = this.state.SecuritySegmentPropertyPrimaryPurposes;\r\n let transactions = this.state.SecuritySegmentTransactions;\r\n let securityHeld = this.state.SecuritySegmentSecurityHeld;\r\n let isTrustAsset = this.state.SecuritySegmentTrustAssets;\r\n let leaseStartDates = this.state.SecuritySegmentLeaseStartDates;\r\n let leaseEndDates = this.state.SecuritySegmentLeaseEndDates;\r\n let encumbrances = this.state.SecuritySegmentEncumbrances;\r\n let financeTypes = this.state.SecuritySegmentFinanceTypes;\r\n let contractPrices = this.state.SecuritySegmentContractPrices;\r\n let buildersContractAmount = this.state.SecuritySegmentBuildersContractAmount;\r\n let nonRealEstates = this.state.FinancialSegmentNonRealEstates;\r\n let nonRealEstateDepositAccounts = this.state.FinancialSegmentNonRealEstateDepositAccounts;\r\n let nonRealEstateOtherAssets = this.state.FinancialSegmentNonRealEstateOtherAssets;\r\n let mortgages = this.state.FinancialSegmentMortgages;\r\n let assetInsurance = this.state.FinancialSegmentAssetInsurance;\r\n let valuation = this.state.FinancialSegmentValuation;\r\n \r\n let partyRepNames = this.state.PartyRepNames;\r\n let partyRepEmails=this.state.PartyRepEmails;\r\n let partyRepNumbers=this.state.PartyRepNumbers;\r\n let partyAddresses = this.state.SecuritySegmentAddreses;\r\n let securityTitles = this.state.SecuritySegmentTitles;\r\n let titleRefs = this.state.SecuritySegmentTitleReferences;\r\n for(let i = this.state.SecuritySegmentEntities.length; i>this.state.SecuritySegmentCount && i>this.state.SecuritySegmentMinCount ; i--){\r\n ents.pop();\r\n selfActingChecks.pop();\r\n partyAddresses.pop();\r\n mortNames.pop();\r\n mortEmails.pop();\r\n mortNumbers.pop();\r\n types.pop();\r\n names.pop();\r\n emails.pop();\r\n numbers.pop();\r\n titleRefs.pop();\r\n partyRepNames.pop();\r\n partyRepEmails.pop();\r\n partyRepNumbers.pop();\r\n isPrimarySecurities.pop();\r\n settlementActions.pop();\r\n securitySegmentResidentialOrCommercialTypes.pop();\r\n securityResidentialTypes.pop();\r\n securityCommercialTypes.pop();\r\n residentialOffthePlan.pop();\r\n securityTitles.pop();\r\n primaryPurposes.pop();\r\n transactions.pop();\r\n constructions.pop();\r\n securityHeld.pop();\r\n isTrustAsset.pop();\r\n leaseStartDates.pop();\r\n leaseEndDates.pop();\r\n encumbrances.pop();\r\n financeTypes.pop();\r\n contractPrices.pop();\r\n buildersContractAmount.pop();\r\n nonRealEstates.pop();\r\n nonRealEstateDepositAccounts.pop();\r\n nonRealEstateOtherAssets.pop();\r\n mortgages.pop();\r\n assetInsurance.pop();\r\n valuation.pop();\r\n }\r\n this.setState({SecuritySegmentAddreses:partyAddresses,PartyRepNames:names,PartyRepEmails:emails,PartyRepNumbers:numbers,SecuritySegmentTitleReferences:titleRefs,SelfActing:selfActingChecks,\r\n PartyRepNames:partyRepNames, PartyRepEmails:partyRepEmails, PartyRepNumbers:partyRepNumbers, SecuritySegmentPrimarySecurities:isPrimarySecurities,\r\n SecuritySegmentSettlementActions: settlementActions,\r\n SecuritySegmentConstructions: constructions,\r\n SecuritySegmentSecurityHeld: securityHeld,\r\n SecuritySegmentTrustAssets: isTrustAsset,\r\n SecuritySegmentResidentialOrCommercialTypes: securitySegmentResidentialOrCommercialTypes,\r\n SecuritySegmentResidentialTypes: securityResidentialTypes,\r\n SecuritySegmentCommercialTypes: securityCommercialTypes,\r\n SecuritySegmentResidentialOffThePlans: residentialOffthePlan,\r\n SecuritySegmentTitles: securityTitles,\r\n SecuritySegmentPropertyPrimaryPurposes: primaryPurposes,\r\n SecuritySegmentTransactions: transactions,\r\n SecuritySegmentLeaseStartDates: leaseStartDates,\r\n SecuritySegmentLeaseEndDates: leaseEndDates,\r\n SecuritySegmentEncumbrances: encumbrances,\r\n SecuritySegmentFinanceTypes: financeTypes,\r\n SecuritySegmentContractPrices: contractPrices,\r\n SecuritySegmentBuildersContractAmount: buildersContractAmount,\r\n FinancialSegmentNonRealEstates: nonRealEstates,\r\n FinancialSegmentNonRealEstateDepositAccounts: nonRealEstateDepositAccounts,\r\n FinancialSegmentNonRealEstateOtherAssets: nonRealEstateOtherAssets,\r\n FinancialSegmentMortgages: mortgages,\r\n FinancialSegmentAssetInsurance: assetInsurance,\r\n FinancialSegmentValuation: valuation,\r\n });\r\n }else{\r\n //alert('b');\r\n var names = this.state.PartyRepNames;\r\n var emails = this.state.PartyRepEmails;\r\n var numbers = this.state.PartyRepNumbers;\r\n let mortNames=this.state.IncomingMortgageeNames;\r\n let mortEmails = this.state.IncomingMortgageeEmails;\r\n let mortNumbers = this.state.IncomingMortgageeNumbers;\r\n let types = this.state.IncomingMortgageeType;\r\n let selfActingChecks = this.state.SelfActing;\r\n var dischargeReasonTypeOptions=[];\r\n let partyRepNames = this.state.PartyRepNames;\r\n let partyRepEmails=this.state.PartyRepEmails;\r\n let partyRepNumbers=this.state.PartyRepNumbers;\r\n let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n let partyAdd = this.state.SecuritySegmentAddreses;\r\n let tRefs = this.state.SecuritySegmentTitleReferences;\r\n let dischargeReason = this.state.SecurityTypes;\r\n let settlementActions = this.state.SecuritySegmentSettlementActions;\r\n let constructions = this.state.SecuritySegmentConstructions;\r\n let securityHeld = this.state.SecuritySegmentSecurityHeld;\r\n let isTrustAsset = this.state.SecuritySegmentTrustAssets;\r\n let securitySegmentResidentialOrCommercialTypes = this.state.SecuritySegmentResidentialOrCommercialTypes;\r\n let securityResidentialTypes = this.state.SecuritySegmentResidentialTypes;\r\n let securityCommercialTypes = this.state.SecuritySegmentCommercialTypes;\r\n let residentialOffthePlan = this.state.SecuritySegmentResidentialOffThePlans;\r\n let securityTitles = this.state.SecuritySegmentTitles;\r\n let primaryPurposes = this.state.SecuritySegmentPropertyPrimaryPurposes;\r\n let transactions = this.state.SecuritySegmentTransactions;\r\n let leaseStartDates = this.state.SecuritySegmentLeaseStartDates;\r\n let leaseEndDates = this.state.SecuritySegmentLeaseEndDates;\r\n let encumbrances = this.state.SecuritySegmentEncumbrances;\r\n let financeTypes = this.state.SecuritySegmentFinanceTypes;\r\n let contractPrices = this.state.SecuritySegmentContractPrices;\r\n let buildersContractAmount = this.state.SecuritySegmentBuildersContractAmount;\r\n let nonRealEstates = this.state.FinancialSegmentNonRealEstates;\r\n let nonRealEstateDepositAccounts = this.state.FinancialSegmentNonRealEstateDepositAccounts;\r\n let nonRealEstateOtherAssets = this.state.FinancialSegmentNonRealEstateOtherAssets;\r\n let mortgages = this.state.FinancialSegmentMortgages;\r\n let assetInsurance = this.state.FinancialSegmentAssetInsurance;\r\n let valuation = this.state.FinancialSegmentValuation;\r\n\r\n for(let i = 0; i{\r\n for(let i = 0; i\r\n \r\n
\r\n ));\r\n \r\n }\r\n this.setState({SimultaneousSettlementSegmentEntities:ents,SimultaneousSettlementSegmentLoanIds:loans});\r\n }\r\n }\r\n\r\n UpdateGuarantorTitleDeedToAddress(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n let oPrev = this.state.BorrowerClearTitleToAddress;\r\n address[i][key]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:address,BorrowerClearTitleToAddress:oPrev},()=>{this.UpdateImportNotesSegment()});\r\n\r\n }\r\n\r\n UpdateBorrowerClearTitleToAddress(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.BorrowerClearTitleToAddress;\r\n let oPrev = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n \r\n address[i][key]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:oPrev,BorrowerClearTitleToAddress:address},()=>{this.UpdateImportNotesSegment()});\r\n\r\n }\r\n\r\n SettlementNotToBeBookedPriorToUpdated(e,i){\r\n e.preventDefault();\r\n let vals = this.state.ImportantNoteSegmentSettlementNotToBeBookedPriorToDates;\r\n vals[i]=e.target.value;\r\n this.setState({ImportantNoteSegmentSettlementNotToBeBookedPriorToDates:vals},()=>{this.UpdateImportNotesSegment()});\r\n }\r\n\r\n CollectSurplusUpdated(e,i){\r\n e.preventDefault();\r\n }\r\n\r\n GuarantorUpdated(e,i){\r\n e.preventDefault();\r\n let vals = this.state.ImportantNoteSegmentGuarantorNames;\r\n vals[i]=e.target.value;\r\n this.setState({ImportantNoteSegmentGuarantorNames:vals},()=>{this.UpdateImportNotesSegment()});\r\n }\r\n\r\n UpdateImportNotesSegment(){\r\n let ents = this.state.ImportantNoteSegmentEntities;\r\n if(this.state.ImportantNoteSegmentEntities.length>this.state.ImportantNoteSegmentCount){\r\n let borrPartyAdd = this.state.BorrowerClearTitleToAddress;\r\n let guarPartyAdd = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n for(let i = this.state.ImportantNoteSegmentEntities.length;i>this.state.ImportantNoteSegmentCount && i>this.state.ImportantNoteSegmentMinCount; i--){\r\n ents.pop();\r\n borrPartyAdd.pop();\r\n guarPartyAdd.pop();\r\n }\r\n this.setState({ImportantNoteSegmentGuarantorTitleDeedToAddress:guarPartyAdd,BorrowerClearTitleToAddress:borrPartyAdd},()=>{});\r\n this.setState({ImportantNoteSegmentEntities:ents});\r\n }else{\r\n let borrPartyAdd = this.state.BorrowerClearTitleToAddress;\r\n let guarPartyAdd = this.state.ImportantNoteSegmentGuarantorTitleDeedToAddress;\r\n for(let i =0; i\r\n
\r\n \r\n Party Type\r\n
\r\n {let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n Primary Applicant?\r\n
\r\n {let vals = this.state.PartySegmentPrimaryApplicant; vals[i]=e.target.value;this.setState({PartySegmentPrimaryApplicant:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
*/}\r\n \r\n Individual or Company?\r\n
\r\n {let vals = this.state.PartySegmentPorCTypes; vals[i]=e.target.value;this.setState({PartySegmentPorCTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Applicant Transaction\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Independent Legal Advice?\r\n
\r\n {let vals = this.state.PartySegmentIndependentLegalAdvice; vals[i]=e.target.value;this.setState({PartySegmentIndependentLegalAdvice:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Independent Financial Advice?\r\n
\r\n {let vals = this.state.PartySegmentIndependentFinancialAdvice; vals[i]=e.target.value;this.setState({PartySegmentIndependentFinancialAdvice:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Change Of Name?\r\n
\r\n \r\n \r\n
\r\n {/* {let vals = this.state.PartySegmentChangeOfName; vals[i]=e.target.value;this.setState({PartySegmentChangeOfName:vals},()=>{this.UpdatePartySegment()})}}> \r\n
*/}\r\n \r\n
\r\n \r\n Change of the Name Reason\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n SignUnderPoA?\r\n
\r\n {let vals = this.state.PartySegmentSignUnderPoA; vals[i]=e.target.value;this.setState({PartySegmentSignUnderPoA:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n GrantGSA?\r\n
\r\n {let vals = this.state.PartySegmentGrantGSA; vals[i]=e.target.value;this.setState({PartySegmentGrantGSA:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n GrantSSA?\r\n
\r\n {let vals = this.state.PartySegmentGrantSSA; vals[i]=e.target.value;this.setState({PartySegmentGrantSSA:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n GuarantorLimitedLiability?\r\n
\r\n {let vals = this.state.PartySegmentGuarantorLimitedLiability; vals[i]=e.target.value;this.setState({PartySegmentGuarantorLimitedLiability:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n GuarantorLiabilityAmount\r\n
\r\n {e.preventDefault();this.PartyGuarantorLiabilityAmountUpdated(e,i)}} autoComplete={false} placeholder=\"GuarantorLiabilityAmount\" />\r\n \r\n
\r\n \r\n Guarantor Liability Other\r\n
\r\n {e.preventDefault();this.PartyGuarantorLiabilityOtherUpdated(e,i)}} autoComplete={false} placeholder=\"Guarantor Liability Other\" />\r\n \r\n
\r\n {/* \r\n Individual or Company or Partnership?\r\n
\r\n \r\n \r\n
\r\n */}\r\n
\r\n
\r\n\r\n {/* \r\n
\r\n \r\n Gender\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Previous Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'PreviousName')}} autoComplete={false} placeholder=\"Previous Name\" />\r\n
\r\n \r\n
\r\n \r\n Title\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n First Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'GivenName')}} autoComplete={false} placeholder=\"Given Name\" required={this.state.PartySegmentPorCTypes[i]==='Person'?true:false} />\r\n
\r\n \r\n
\r\n \r\n Middle Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'MiddleName')}} autoComplete={false} placeholder=\"Middle Name\" />\r\n
\r\n \r\n
\r\n \r\n Surname\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Surname')}} autoComplete={false} placeholder=\"Surname\" required={this.state.PartySegmentPorCTypes[i]==='Person'?true:false} />\r\n
\r\n \r\n
*/}\r\n
\r\n \r\n Date Of Birth\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Birthdate')}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n {/* */}\r\n
\r\n
\r\n \r\n
\r\n \r\n Company Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyName')}} autoComplete={false} placeholder=\"Company Name\" />\r\n
\r\n \r\n
\r\n \r\n ACN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Acn')}} autoComplete={false} placeholder=\"ACN\" />\r\n \r\n
\r\n \r\n
\r\n \r\n ABN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Abn')}} autoComplete={false} placeholder=\"ABN\" />\r\n
\r\n \r\n
\r\n \r\n ARBN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Arbn')}} autoComplete={false} placeholder=\"ARBN\" />\r\n
\r\n \r\n
\r\n \r\n Number of Directors\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'NumberofDirectors')}} autoComplete={false} placeholder=\"Number of Directors\" />\r\n
\r\n \r\n
\r\n \r\n Company Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Position\r\n
\r\n \r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyPosition')}} autoComplete={false} placeholder=\"Position\" />\r\n
\r\n \r\n
\r\n \r\n Name\r\n
\r\n \r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyAttentionName')}} autoComplete={false} placeholder=\"Name\" />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Partnership Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'PartnershipName')}} autoComplete={false} placeholder=\"Partnership Name\" />\r\n
\r\n \r\n
\r\n {/* \r\n ABN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'PartnershipAbn')}} autoComplete={false} placeholder=\"ABN\" />\r\n
\r\n \r\n
*/}\r\n \r\n ARBN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Arbn')}} autoComplete={false} placeholder=\"ARBN\" />\r\n
\r\n \r\n
\r\n \r\n Partnership Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Number of Partners\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'NumberofPartners')}} autoComplete={false} placeholder=\"Number of Partners\" />\r\n
\r\n \r\n
\r\n \r\n Position\r\n
\r\n \r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'PartnerPosition')}} autoComplete={false} placeholder=\"Position\" />\r\n
\r\n \r\n
\r\n \r\n Name\r\n
\r\n \r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'PartnerAttentionName')}} autoComplete={false} placeholder=\"Name\" />\r\n
\r\n Contact Details
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Email\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentEmailUpdated(e,i)}} autoComplete={false} placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> \r\n
\r\n \r\n
\r\n
\r\n \r\n Home Phone\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentHomePhoneNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Phone Number\"/>\r\n
\r\n \r\n
\r\n {e.preventDefault();this.PartySegmentHomeFaxNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Fax Number\"/>\r\n
\r\n \r\n
\r\n \r\n Mobile\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentMobileUpdated(e,i)}} autoComplete={false} placeholder=\"Mobile\"/>\r\n
\r\n \r\n
\r\n
\r\n \r\n Work Phone\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentWorkPhoneNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Phone Number\"/>\r\n
\r\n \r\n
\r\n {e.preventDefault();this.PartySegmentWorkFaxNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Fax Number\"/>\r\n
\r\n \r\n
\r\n \r\n Address\r\n
\r\n \r\n
\r\n\r\n \r\n UsedforMailing?\r\n
\r\n {/* {let vals = this.state.PartySegmentAddresses; vals[i]['UsedforMailing']=e.target.value;this.setState({PartySegmentAddresses:vals},()=>{this.PartyAddressUpdated(e,i,'UsedforMailing')})}}> \r\n
*/}\r\n {let vals = this.state.PartySegmentAddressUsedforMailing; vals[i]=e.target.value;this.setState({PartySegmentAddressUsedforMailing:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n\r\n \r\n PostSettlement?\r\n
\r\n {let vals = this.state.PartySegmentAddressPostSettlement; vals[i]=e.target.value;this.setState({PartySegmentAddressPostSettlement:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n\r\n \r\n PreSettlement?\r\n
\r\n {let vals = this.state.PartySegmentAddressPreSettlement; vals[i]=e.target.value;this.setState({PartySegmentAddressPreSettlement:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n \r\n Residential?\r\n
\r\n {let vals = this.state.PartySegmentAddressResidential; vals[i]=e.target.value;this.setState({PartySegmentAddressResidential:vals},()=>{this.UpdatePartySegment()})}}> \r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'building')}} placeholder=\"Building Name\" autoComplete={false}/>\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'floor')}} placeholder=\"Floor Number\" autoComplete={false}/>\r\n \r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'unitnumberfrom')}} placeholder=\"Unit Number From\" autoComplete={false}/>\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'unitnumberto')}} placeholder=\"Unit Number To\" autoComplete={false}/>\r\n \r\n
\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required/> \r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'POBox')}} placeholder=\"PO Box Number\" autoComplete={false}/>\r\n \r\n
\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'overseasline1')}} placeholder=\"Overseas Line 1\" autoComplete={false}/>\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'overseasline2')}} placeholder=\"Overseas Line 2\" autoComplete={false}/>\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'overseasline3')}} placeholder=\"Overseas Line 3\" autoComplete={false}/>\r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'overseasline4')}} placeholder=\"Overseas Line 4\" autoComplete={false}/>\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'city')}} placeholder=\"Suburb\" autoComplete={false} />\r\n \r\n \r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.PartyAddressUpdated(e,i,'postcode')}}} placeholder=\"Postcode\" autoComplete={false} required/>\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'overseasstate')}} placeholder=\"Overseas State\" autoComplete={false}/>\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n */}\r\n ));\r\n \r\n } \r\n this.setState({PartySegmentEntities:ents});\r\n });\r\n\r\n \r\n }\r\n\r\n }\r\n\r\n RelatedPartyTypeUpdated(e,i){\r\n e.preventDefault();\r\n let partyTypes = this.state.RelatedPartySegmentPartyTypes;\r\n partyTypes[i]=e.target.value;\r\n this.setState({RelatedPartySegmentPartyTypes:partyTypes},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartyNameUpdated(e,i,key){\r\n e.preventDefault();\r\n let names = this.state.RelatedPartySegmentNames;\r\n names[i][key]=e.target.value;\r\n this.setState({RelatedPartySegmentNames:names},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartyTypeUpdated(e,i){\r\n e.preventDefault();\r\n let types =this.state.RelatedPartySegmentPartyTypes;\r\n types[i]=e.target.value;\r\n this.setState({RelatedPartySegmentPartyTypes:types},()=>{this.UpdateRelatedPartySegment()});\r\n } \r\n \r\n RelatedPartyAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.RelatedPartySegmentAddresses;\r\n if(address[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let addressEntity = {'building':'','floor':'','floorType':'','street':'','POBox':'','deliveryType':'','overseasline1':'','overseasline2':'','overseasline3':'','overseasline4':'','city':'','state':'','overseasstate':'','postcode':'','countrycode':''};\r\n \r\n address.push(addressEntity);\r\n }\r\n address[i][key]=e.target.value;\r\n\r\n this.setState({RelatedPartySegmentAddresses:address},()=>{this.UpdateRelatedPartySegment()});\r\n\r\n }\r\n\r\n // RelatedPartySegmentNumberUpdated(e,i){\r\n // e.preventDefault();\r\n // let val = this.state.RelatedPartySegmentPhoneNumbers;\r\n // val[i]=e.target.value;\r\n // this.setState({RelatedPartySegmentPhoneNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n // }\r\n\r\n RelatedPartySegmentHomePhoneNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentHomePhoneNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentHomePhoneNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartySegmentHomeFaxNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentHomeFaxNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentHomeFaxNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartySegmentWorkPhoneNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentWorkPhoneNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentWorkPhoneNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n RelatedPartySegmentWorkFaxNumberUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentWorkFaxNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentWorkFaxNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartySegmentMobileUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentMobileNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentMobileNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartySegmentMobileUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentMobileNumbers;\r\n val[i]=e.target.value;\r\n this.setState({RelatedPartySegmentMobileNumbers:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n RelatedPartySegmentEmailUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.RelatedPartySegmentEmails;\r\n val[i]=e.target.value;\r\n\r\n let emailValidationError = \"\";\r\n\r\n if(e.target.value.trim() == \"\"){\r\n emailValidationError = \"Please fill out email field\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else if(!this.isValidEmail(e.target.value)){\r\n emailValidationError = \"Invalid email\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: false\r\n }\r\n );\r\n }\r\n else{\r\n emailValidationError = \"\";\r\n this.setState(\r\n {\r\n emailValidationError: emailValidationError,\r\n validEmail: true\r\n }\r\n );\r\n }\r\n\r\n this.setState({RelatedPartySegmentEmails:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentSettlorNamesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentSettlorNames;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentSettlorNames:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentTrustNamesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentTrustNames;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentTrustNames:val},()=>{this.UpdateRelatedPartySegment()});\r\n } \r\n\r\n TrustSegmentTrustTypesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentTrustTypes;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentTrustTypes:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentDeclarationDatesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentDeclarationDates;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentDeclarationDates:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentEstablishmentDatesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentEstablishmentDates;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentEstablishmentDates:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentVestingDatesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentVestingDates;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentVestingDates:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentTrusteeAppointmentDatesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentTrusteeAppointmentDates;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentTrusteeAppointmentDates:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n TrustSegmentDeedVariationDatesUpdated(e,i){\r\n e.preventDefault();\r\n let val = this.state.TrustSegmentDeedVariationDates;\r\n val[i]=e.target.value;\r\n this.setState({TrustSegmentDeedVariationDates:val},()=>{this.UpdateRelatedPartySegment()});\r\n }\r\n\r\n UpdateRelatedPartySegment(){\r\n let ents = this.state.RelatedPartySegmentEntities;\r\n \r\n if(ents.length>this.state.RelatedPartySegmentCount){\r\n let partyAddresses = this.state.RelatedPartySegmentAddresses;\r\n let partyNames = this.state.RelatedPartySegmentNames;\r\n let partyPorCTypes = this.state.RelatedPartySegmentPorCTypes;\r\n let partyTypes= this.state.RelatedPartySegmentPartyTypes;\r\n let partyEmails = this.state.RelatedPartySegmentEmails;\r\n //let partyPhones = this.state.RelatedPartySegmentPhoneNumbers;\r\n let partyHomePhones = this.state.RelatedPartySegmentHomePhoneNumbers;\r\n let partyWorkPhones = this.state.RelatedPartySegmentWorkPhoneNumbers;\r\n let partyHomeFax = this.state.RelatedPartySegmentHomeFaxNumbers;\r\n let partyWorkFax = this.state.RelatedPartySegmentWorkFaxNumbers;\r\n let partyMobiles = this.state.RelatedPartySegmentMobileNumbers;\r\n let trustSettlorNames = this.state.TrustSegmentSettlorNames;\r\n let trustNames = this.state.TrustSegmentTrustNames;\r\n let trustTypes = this.state.TrustSegmentTrustTypes;\r\n let trustDeclarationDates = this.state.TrustSegmentDeclarationDates;\r\n let trustEstablishmentDates = this.state.TrustSegmentEstablishmentDates;\r\n let trustVestingDates = this.state.TrustSegmentVestingDates;\r\n let trustTrusteeAppointmentDates = this.state.TrustSegmentTrusteeAppointmentDates;\r\n let trustDeedVariationDates = this.state.TrustSegmentDeedVariationDates;\r\n\r\n for(let i = this.state.RelatedPartySegmentEntities.length; i>this.state.RelatedPartySegmentCount && i>this.state.RelatedPartySegmentMinCount; i--){\r\n partyAddresses.pop();\r\n partyNames.pop();\r\n partyTypes.pop();\r\n ents.pop();\r\n //partyPhones.pop();\r\n partyHomePhones.pop();\r\n partyWorkPhones.pop();\r\n partyHomeFax.pop();\r\n partyWorkFax.pop();\r\n partyEmails.pop();\r\n partyMobiles.pop();\r\n partyEmails.pop();\r\n partyPorCTypes.pop();\r\n trustSettlorNames.pop();\r\n trustNames.pop();\r\n trustTypes.pop();\r\n trustDeclarationDates.pop();\r\n trustEstablishmentDates.pop();\r\n trustVestingDates.pop();\r\n trustTrusteeAppointmentDates.pop();\r\n trustDeedVariationDates.pop();\r\n }\r\n this.setState({RelatedPartySegmentAddresses:partyAddresses,RelatedPartySegmentNames:partyNames,RelatedPartySegmentPartyTypes:partyTypes,RelatedPartySegmentEntities:ents,\r\n //RelatedPartySegmentPhoneNumbers:partyPhones,\r\n RelatedPartySegmentHomePhoneNumbers: partyHomePhones,\r\n RelatedPartySegmentWorkPhoneNumbers: partyWorkPhones,\r\n RelatedPartySegmentHomeFaxNumbers: partyHomeFax,\r\n RelatedPartySegmentWorkFaxNumbers: partyHomeFax,\r\n RelatedPartySegmentMobileNumbers:partyMobiles,\r\n RelatedPartySegmentEmails:partyEmails,RelatedPartySegmentPorCTypes:partyPorCTypes,\r\n TrustSegmentSettlorNames: trustSettlorNames,\r\n TrustSegmentTrustNames: trustNames,\r\n TrustSegmentTrustTypes: trustTypes,\r\n TrustSegmentDeclarationDates: trustDeclarationDates,\r\n TrustSegmentEstablishmentDates: trustEstablishmentDates,\r\n TrustSegmentVestingDates: trustVestingDates,\r\n TrustSegmentTrusteeAppointmentDates: trustTrusteeAppointmentDates,\r\n TrustSegmentDeedVariationDates: trustDeedVariationDates,\r\n });\r\n }else{\r\n let partyTypes= this.state.RelatedPartySegmentPartyTypes;\r\n let partyAdd = this.state.RelatedPartySegmentAddresses;\r\n let partyNames = this.state.RelatedPartySegmentNames;\r\n let partyPorCTypes = this.state.RelatedPartySegmentPorCTypes;\r\n let partyEmails = this.state.RelatedPartySegmentEmails;\r\n //let partyPhones = this.state.RelatedPartySegmentPhoneNumbers;\r\n let partyHomePhones = this.state.RelatedPartySegmentHomePhoneNumbers;\r\n let partyWorkPhones = this.state.RelatedPartySegmentWorkPhoneNumbers;\r\n let partyHomeFax = this.state.RelatedPartySegmentHomeFaxNumbers;\r\n let partyWorkFax = this.state.RelatedPartySegmentWorkFaxNumbers;\r\n let partyMobiles = this.state.RelatedPartySegmentMobileNumbers;\r\n // let addressEntity = {'state':'','city':'','number':'','postcode':'','street':''};\r\n // let partyNameEntity = {'GivenName':'','MiddleName':'','Surname':'','CompanyName':'','Acn':'','Abn':'','Arbn':''};\r\n let addressEntity = {'building':'','floor':'','floorType':'','street':'','POBox':'','deliveryType':'','overseasline1':'','overseasline2':'','overseasline3':'','overseasline4':'','city':'','state':'','overseasstate':'','postcode':'','countrycode':''};\r\n let partyNameEntity = {'NameTitle':'','FirstName':'','MiddleNames':'','Surname':'','Birthdate':'','CompanyName':'','Acn':'','Abn':'','Arbn':''};\r\n let otherPartyTypes=[];\r\n let trustSettlorNames = this.state.TrustSegmentSettlorNames;\r\n let trustNames = this.state.TrustSegmentTrustNames;\r\n let trustTypes = this.state.TrustSegmentTrustTypes;\r\n let trustDeclarationDates = this.state.TrustSegmentDeclarationDates;\r\n let trustEstablishmentDates = this.state.TrustSegmentEstablishmentDates;\r\n let trustVestingDates = this.state.TrustSegmentVestingDates;\r\n let trustTrusteeAppointmentDates = this.state.TrustSegmentTrusteeAppointmentDates;\r\n let trustDeedVariationDates = this.state.TrustSegmentDeedVariationDates;\r\n\r\n console.log(\"test\" + this.state.OtherPartyTypes.length);\r\n for(let i=0; i\r\n
\r\n \r\n Street\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'street')}} autoComplete={false} placeholder=\"Street\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.PartyAddressUpdated(e,i,'city')}} autoComplete={false} placeholder=\"City\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.PartyAddressUpdated(e,i,'postcode')}}} autoComplete={false} placeholder=\"Postcode\" required={this.state.SelfActing[0]}/>\r\n
\r\n \r\n
\r\n \r\n Phone Number\r\n
\r\n \r\n {e.preventDefault();this.PartySegmentNumberUpdated(e,i)}} autoComplete={false} placeholder=\"\" required={this.state.SelfActing[0]}/>\r\n
\r\n Other Loan Party #{i+1}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Party Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Individual or Company?\r\n
\r\n {let vals = this.state.RelatedPartySegmentPorCTypes; vals[i]=e.target.value;this.setState({RelatedPartySegmentPorCTypes:vals},()=>{this.UpdateRelatedPartySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Title\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n First Name\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'GivenName')}} autoComplete={false} placeholder=\"Given Name\" />\r\n
\r\n \r\n
\r\n \r\n Middle Name\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'MiddleName')}} autoComplete={false} placeholder=\"Middle Name\" />\r\n
\r\n \r\n
\r\n \r\n Surname\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'Surname')}} autoComplete={false} placeholder=\"Surname\" />\r\n
\r\n \r\n
*/}\r\n
\r\n\r\n \r\n Date Of Birth\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'Birthdate')}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n {/* */}\r\n
\r\n
\r\n\r\n {/* \r\n
\r\n \r\n Company Name\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'CompanyName')}} autoComplete={false} placeholder=\"Company Name\" />\r\n
\r\n \r\n
\r\n \r\n ACN\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'Acn')}} autoComplete={false} placeholder=\"ACN\" />\r\n \r\n
\r\n \r\n
\r\n \r\n ABN\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'Abn')}} autoComplete={false} placeholder=\"ABN\" />\r\n
\r\n \r\n
\r\n \r\n ARBN\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyNameUpdated(e,i,'Arbn')}} autoComplete={false} placeholder=\"ARBN\" />\r\n
\r\n \r\n
*/}\r\n\r\n {/* \r\n
\r\n \r\n Company Name\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'CompanyName')}} autoComplete={false} placeholder=\"Company Name\" />\r\n
\r\n \r\n
\r\n \r\n ACN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Acn')}} autoComplete={false} placeholder=\"ACN\" />\r\n \r\n
\r\n \r\n
\r\n \r\n ABN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Abn')}} autoComplete={false} placeholder=\"ABN\" />\r\n
\r\n \r\n
\r\n \r\n ARBN\r\n
\r\n \r\n {e.preventDefault();this.PartyNameUpdated(e,i,'Arbn')}} autoComplete={false} placeholder=\"ARBN\" />\r\n
\r\n \r\n
\r\n \r\n Phone Number\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Phone Number\"/>\r\n
\r\n \r\n
\r\n \r\n Mobile\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentMobileUpdated(e,i)}} autoComplete={false} placeholder=\"Mobile\"/>\r\n
\r\n \r\n
*/}\r\n \r\n \r\n Address\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required/>\r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'city')}} placeholder=\"City\" autoComplete={false} />\r\n \r\n
\r\n \r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.RelatedPartyAddressUpdated(e,i,'postcode')}}} placeholder=\"Postcode\" autoComplete={false} required/>\r\n
\r\n Contact Details
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Email\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentEmailUpdated(e,i)}} autoComplete={false} placeholder=\"example@email.com\" required={this.state.SelfActing[0]}/> \r\n
\r\n \r\n
\r\n
\r\n \r\n Home Phone\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentHomePhoneNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Phone Number\"/>\r\n
\r\n \r\n
\r\n {e.preventDefault();this.RelatedPartySegmentHomeFaxNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Fax Number\"/>\r\n
\r\n \r\n
\r\n \r\n Mobile\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentMobileUpdated(e,i)}} autoComplete={false} placeholder=\"Mobile\"/>\r\n
\r\n \r\n
\r\n
\r\n \r\n Work Phone\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartySegmentWorkPhoneNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Phone Number\"/>\r\n
\r\n \r\n
\r\n {e.preventDefault();this.RelatedPartySegmentWorkFaxNumberUpdated(e,i)}} autoComplete={false} placeholder=\"Fax Number\"/>\r\n
\r\n \r\n
\r\n \r\n Address\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'building')}} placeholder=\"Building Name\" autoComplete={false}/>\r\n
\r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'floor')}} placeholder=\"Floor Number\" autoComplete={false}/>\r\n \r\n
\r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required/> \r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'POBox')}} placeholder=\"PO Box Number\" autoComplete={false}/>\r\n \r\n
\r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'overseasline1')}} placeholder=\"Overseas Line 1\" autoComplete={false}/>\r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'overseasline2')}} placeholder=\"Overseas Line 2\" autoComplete={false}/>\r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'overseasline3')}} placeholder=\"Overseas Line 3\" autoComplete={false}/>\r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'overseasline4')}} placeholder=\"Overseas Line 4\" autoComplete={false}/>\r\n \r\n {e.preventDefault();this.RelatedPartyAddressUpdated(e,i,'city')}} placeholder=\"Suburb\" autoComplete={false} />\r\n \r\n \r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.RelatedPartyAddressUpdated(e,i,'postcode')}}} placeholder=\"Postcode\" autoComplete={false} required/>\r\n
\r\n \r\n
Trust Details
\r\n \r\n
\r\n \r\n
\r\n \r\n Settlor Name\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentSettlorNamesUpdated(e,i)}} autoComplete={false} placeholder=\"Settlor Name\" />\r\n
\r\n \r\n
\r\n \r\n Trust Name\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentTrustNamesUpdated(e,i)}} autoComplete={false} placeholder=\"Trust Name\" />\r\n
\r\n \r\n
\r\n \r\n Trust Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Declaration Date\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentDeclarationDatesUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Establishment Date\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentEstablishmentDatesUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Vesting Date\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentVestingDatesUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Appointment Date\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentTrusteeAppointmentDatesUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Variation Date\r\n
\r\n \r\n {e.preventDefault();this.TrustSegmentDeedVariationDatesUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n ));\r\n \r\n } \r\n this.setState({RelatedPartySegmentEntities:ents});\r\n });\r\n\r\n \r\n }\r\n\r\n }\r\n \r\n IsValidPostcode(value){\r\n let re = /[^0-9]/;\r\n return !re.test(value);\r\n }\r\n\r\n SecurityAddressUpdated(e,i,key){\r\n e.preventDefault();\r\n let address = this.state.SecuritySegmentAddreses;\r\n address[i][key]=e.target.value;\r\n this.setState({SecuritySegmentAddreses:address},()=>{this.UpdateSecuritySegment()});\r\n\r\n }\r\n\r\n SecurityTitlesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let titles = this.state.SecuritySegmentTitles;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(titles[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let titlesEntity = {'TenureType':'','TitleType':'','TorrensExtent':'','TorrensStrata':'','TorrensAutoConsol':'','TorrensBlock':'','TorrensBuildUnitPlan':'','TorrensDistrict':'','TorrensDivision':'',\r\n 'TorrensFolio':'','TorrensFolioID':'','TorrensLocation':'','TorrensLot':'','TorrensParcel':'','TorrensPlan':'','TorrensPlanType':'','TorrensSection':'','TorrensTitle':'','TorrensTitleRef':'',\r\n 'TorrensUnit':'','TorrensVolume':'','TorrensVolumeFolio':'','CompanyACN':'','CompanyName':'','CompanyShareCertNumb':'','CompanySharesFrom':'','CompanySharesTo':'','CompanySharesTotal':''};\r\n \r\n titles.push(titlesEntity);\r\n }\r\n titles[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentLeaseStartDateUpdated(e,i){\r\n e.preventDefault();\r\n let startDate = this.state.SecuritySegmentLeaseStartDates;\r\n startDate[i]=e.target.value;\r\n this.setState({SecuritySegmentLeaseStartDates:startDate},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentLeaseEndDateUpdated(e,i){\r\n e.preventDefault();\r\n let endDate = this.state.SecuritySegmentLeaseEndDates;\r\n endDate[i]=e.target.value;\r\n this.setState({SecuritySegmentLeaseEndDates:endDate},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySegmentEncumbrancesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let encumbrances = this.state.SecuritySegmentEncumbrances;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(encumbrances[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let encumbrancesEntity = {'Description':'','EncumbranceType':'','RegisteredNumber':'','DateDay':'','DateMonth':'','DateYear':'','EncumbranceRelatedID':'','CreditProviderRelatedID':''};\r\n \r\n encumbrances.push(encumbrancesEntity);\r\n }\r\n encumbrances[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentEncumbrances:encumbrances},()=>{this.UpdateSecuritySegment()});\r\n }\r\n SecuritySegmentFinanceTypesUpdated(e,i){\r\n e.preventDefault();\r\n let financeTypes = this.state.SecuritySegmentFinanceTypes;\r\n financeTypes[i]=e.target.value;\r\n this.setState({SecuritySegmentFinanceTypes:financeTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n // SecuritySegmentContractPricesUpdated(e,i){\r\n // e.preventDefault();\r\n // let contractPrices = this.state.SecuritySegmentContractPriceAmount;\r\n // contractPrices[i]=e.target.value;\r\n // this.setState({SecuritySegmentContractPriceAmount:contractPrices},()=>{this.UpdateSecuritySegment()});\r\n // }\r\n SecuritySegmentContractPricesUpdated(e,i,key){\r\n //alert(e.target.value);\r\n e.preventDefault();\r\n let contractPrices = this.state.SecuritySegmentContractPrices;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(contractPrices[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let contractPricesEntity = {'ContractPriceAmount':'','TransferOfLandAmount':''};\r\n \r\n contractPrices.push(contractPricesEntity);\r\n }\r\n contractPrices[i][key]=e.target.value;\r\n\r\n this.setState({SecuritySegmentContractPrices:contractPrices},()=>{this.UpdateSecuritySegment()});\r\n }\r\n SecuritySegmentBuildersContractAmountUpdated(e,i){\r\n e.preventDefault();\r\n let buildersContractAmount = this.state.SecuritySegmentBuildersContractAmount;\r\n buildersContractAmount[i]=e.target.value;\r\n this.setState({SecuritySegmentBuildersContractAmount:buildersContractAmount},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstatesUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstates = this.state.FinancialSegmentNonRealEstates;\r\n //titles[i][key]=e.target.value;\r\n // this.setState({SecuritySegmentTitles:titles},()=>{this.UpdateSecuritySegment()});\r\n if(nonRealEstates[i]===undefined){\r\n //let addressEntity = {'state':'','city':null,'number':null,'postcode':null};\r\n let nonRealEstatesEntity = {'PrimarySecurity':'','Transaction':''};\r\n \r\n nonRealEstates.push(nonRealEstatesEntity);\r\n }\r\n nonRealEstates[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstates:nonRealEstates},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstateDepositAccounts = this.state.FinancialSegmentNonRealEstateDepositAccounts;\r\n if(nonRealEstateDepositAccounts[i]===undefined){\r\n let nonRealEstateDepositAccountsEntity = {'DepositAccountType':'','Description':'','AccountName':'','AcctNbr':'','BSB':'',};\r\n \r\n nonRealEstateDepositAccounts.push(nonRealEstateDepositAccountsEntity);\r\n }\r\n nonRealEstateDepositAccounts[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstateDepositAccounts:nonRealEstateDepositAccounts},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,key){\r\n e.preventDefault();\r\n let nonRealEstateOtherAssets = this.state.FinancialSegmentNonRealEstateOtherAssets;\r\n if(nonRealEstateOtherAssets[i]===undefined){\r\n let nonRealEstateOtherAssetsEntity = {'OtherAssetType':'','OtherAssetDescription':'','ShareType':'','MaturityDate':'','VehicleType':'','Make':'','Year':''};\r\n \r\n nonRealEstateOtherAssets.push(nonRealEstateOtherAssetsEntity);\r\n }\r\n nonRealEstateOtherAssets[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentNonRealEstateOtherAssets:nonRealEstateOtherAssets},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentMortgagesUpdated(e,i,key){\r\n e.preventDefault();\r\n let mortgages = this.state.FinancialSegmentMortgages;\r\n if(mortgages[i]===undefined){\r\n let mortgagesEntity = {'NewMortgage':'','AdditionalLoanAgainstMortgage':'','DeedOfPriority':'','MortgageDate':'','MortgageNumb':'','Priority':'',\r\n 'PriorityAmount':'','MortgageNumber':'','MortgageeName':'','MortgagorName':''};\r\n \r\n mortgages.push(mortgagesEntity);\r\n }\r\n mortgages[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentMortgages:mortgages},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentAssetInsuranceUpdated(e,i,key){\r\n e.preventDefault();\r\n let assetInsurance = this.state.FinancialSegmentAssetInsurance;\r\n if(assetInsurance[i]===undefined){\r\n let assetInsuranceEntity = {'Category':'','AssetInsuranceType':'','InsuredAmount':'','PremiumAmount':'','PolicyNumber':'','InsuranceEffectiveDate':'',\r\n 'InsuranceExpiryDate':''};\r\n \r\n assetInsurance.push(assetInsuranceEntity);\r\n }\r\n assetInsurance[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentAssetInsurance:assetInsurance},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n FinancialSegmentValuationUpdated(e,i,key){\r\n e.preventDefault();\r\n let valuation = this.state.FinancialSegmentValuation;\r\n if(valuation[i]===undefined){\r\n let valuationEntity = {'TotalValue':'','ReplacementInsuranceFull':'','ReplacementInsuranceAmount':'','Date':'','ValuerRelatedID':''};\r\n \r\n valuation.push(valuationEntity);\r\n }\r\n valuation[i][key]=e.target.value;\r\n\r\n this.setState({FinancialSegmentValuation:valuation},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n // SecurityIsPrimarySecurityUpdated = (event, i) => {\r\n // let states = this.state.reststates\r\n // const { staterestrictions } = this.state;\r\n // let newArr = [];\r\n // var index = event.target.getAttribute('id')\r\n // states.forEach(stat => {\r\n // if (stat.value === event.target.value){ \r\n // stat.isChecked = event.target.checked\r\n // if(stat.isChecked){\r\n // newArr = [...staterestrictions, stat.id];\r\n // } \r\n // else {\r\n // newArr = staterestrictions.filter(item => item != stat.id);\r\n // }\r\n // } \r\n // }) \r\n // this.setState(\r\n // {staterestrictions: newArr,\r\n // //checkedAll: false\r\n // checkedAll: states.length == newArr.length?true:false,\r\n // hasstaterestriction: newArr.length > 0 ? true:false,\r\n // }\r\n // , ()=>{console.log('updated state', newArr, 'index', index)}\r\n // )\r\n // } \r\n\r\n SecurityIsPrimarySecurityUpdated(e,i){\r\n e.preventDefault();\r\n alert(e.target.checked)\r\n alert(e.target.value);\r\n //return;\r\n\r\n let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n isPrimarySecurities[i]=e.target.checked;\r\n //alert(\"dsfgdfg\");\r\n this.setState(initialState=>\r\n ({\r\n SecuritySegmentPrimarySecurities: isPrimarySecurities\r\n }),()=>{\r\n this.UpdateSecuritySegment();\r\n console.log(\"isPrimary\");\r\n console.log(this.state.SecuritySegmentPrimarySecurities)\r\n //alert(this.state.emailasusername)\r\n // if(this.state.emailasusername){\r\n // this.setState({\r\n // username: this.state.email\r\n // })\r\n // }\r\n // else {\r\n // this.setState({\r\n // username: ''\r\n // })\r\n // }\r\n });\r\n // let isPrimarySecurities = this.state.SecuritySegmentPrimarySecurities;\r\n // isPrimarySecurities[i]=e.target.value;\r\n // this.setState({SecurityTypes:SecuritySegmentPrimarySecurities},()=>{\r\n // this.UpdateSecuritySegment();\r\n // console.log(\"isPrimary\");\r\n // console.log(this.state.SecurityTypes)\r\n // });\r\n }\r\n\r\n SecurityReasonUpdated(e,i){\r\n e.preventDefault();\r\n let dischargeReason = this.state.SecurityTypes;\r\n dischargeReason[i]=e.target.value;\r\n this.setState({SecurityTypes:dischargeReason},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecuritySettlementActionUpdated(e,i){\r\n e.preventDefault();\r\n let settlementAction = this.state.SecuritySegmentSettlementActions;\r\n settlementAction[i]=e.target.value;\r\n this.setState({SecuritySegmentSettlementActions:settlementAction},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityTitleReferenceUpdated(e,i){\r\n e.preventDefault();\r\n let titleReferences = this.state.SecuritySegmentTitleReferences;\r\n titleReferences[i]=e.target.value;\r\n this.setState({SecuritySegmentTitleReferences:titleReferences},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityResidentialTypesUpdated(e,i){\r\n e.preventDefault();\r\n let residentialTypes = this.state.SecuritySegmentResidentialTypes;\r\n residentialTypes[i]=e.target.value;\r\n this.setState({SecuritySegmentResidentialTypes:residentialTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityCommercialTypesUpdated(e,i){\r\n e.preventDefault();\r\n let commericalTypes = this.state.SecurityCommercialTypes;\r\n commericalTypes[i]=e.target.value;\r\n this.setState({SecurityCommercialTypes:commericalTypes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityPrimaryPurposeUpdated(e,i){\r\n e.preventDefault();\r\n let primaryPurposes = this.state.SecuritySegmentPropertyPrimaryPurposes;\r\n primaryPurposes[i]=e.target.value;\r\n this.setState({SecuritySegmentPropertyPrimaryPurposes:primaryPurposes},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n SecurityTransactionsUpdated(e,i){\r\n e.preventDefault();\r\n let transactions = this.state.SecuritySegmentTransactions;\r\n transactions[i]=e.target.value;\r\n this.setState({SecuritySegmentTransactions:transactions},()=>{this.UpdateSecuritySegment()});\r\n }\r\n\r\n GoBackClearForm(i){\r\n \r\n }\r\n\r\n UpdateSecuritySegment(){\r\n let ents = this.state.SecuritySegmentEntities;\r\n var dischargeReasonTypeOptions=[];\r\n // dischargeReasonTypeOptions.push()\r\n for(let x=0;x
Security {i+1}
\r\n {/* */}\r\n {/* {let vals = this.state.SecuritySegmentPrimarySecurities; vals[i]=e.target.value;this.setState({SecuritySegmentPrimarySecurities:vals},()=>{this.SecurityIsPrimarySecurityUpdated(e,i)})}} isChecked={this.state.SecuritySegmentPrimarySecurities[i]} /> Primary Security? */}\r\n {/*
));\r\n \r\n }\r\n // this.setState({SecuritySegmentEntities:ents,SecuritySegmentAddreses:partyAdd,SecuritySegmentTitleReferences:titleRefs,PartyRepNames:names,PartyRepEmails:emails,PartyRepNumbers:numbers,SelfActing:selfActingChecks,PartyRepNames:partyRepNames, PartyRepEmails:partyRepEmails, PartyRepNumbers:partyRepNumbers});\r\n this.setState({SecuritySegmentEntities:ents});\r\n });\r\n }\r\n \r\n }\r\n\r\n\r\n SimultaneousSettlementSegmentLoanIdUpdated(e,i){\r\n e.preventDefault();\r\n let loanIds = this.state.SimultaneousSettlementSegmentLoanIds;\r\n loanIds[i]=e.target.value;\r\n this.setState({SimultaneousSettlementSegmentLoanIds:loanIds},()=>{this.UpdateSimultaneuosSettlementSegment()});\r\n\r\n }\r\n UpdateSimultaneuosSettlementSegment(){\r\n let ents = this.state.SimultaneousSettlementSegmentEntities;\r\n let loans = this.state.SimultaneousSettlementSegmentLoanIds;\r\n if(this.state.SimultaneousSettlementSegmentEntities.length>this.state.SimultaneousSettlementSegmentCount){\r\n for(let i = this.state.SimultaneousSettlementSegmentEntities.length;i>this.state.SimultaneousSettlementSegmentCount && i>0;i--){\r\n ents.pop();\r\n loans.pop();\r\n \r\n }\r\n this.setState({SimultaneousSettlementSegmentEntities:ents,SimultaneousSettlementSegmentLoanIds:loans});\r\n }else{\r\n for(let i = 0;i{let vals = this.state.PartySegmentPrimaryApplicant; vals[i]=e.target.value;this.setState({PartySegmentPrimaryApplicant:vals},()=>{this.UpdatePartySegment()})}}> */}\r\n {/*
*/}\r\n \r\n
\r\n \r\n Asset Class\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* Real Estate Start */}\r\n \r\n Settlement Action\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Construction?\r\n
\r\n {let vals = this.state.SecuritySegmentConstructions; vals[i]=e.target.value;this.setState({SecuritySegmentConstructions:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Is Trust Asset?\r\n
\r\n {let vals = this.state.SecuritySegmentTrustAssets; vals[i]=e.target.value;this.setState({SecuritySegmentTrustAssets:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Primary Security?\r\n
\r\n {let vals = this.state.SecuritySegmentPrimarySecurities; vals[i]=e.target.value;this.setState({SecuritySegmentPrimarySecurities:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Property Primary Purpose\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Security Already Held?\r\n
\r\n {let vals = this.state.SecuritySegmentSecurityHeld; vals[i]=e.target.value;this.setState({SecuritySegmentSecurityHeld:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Transaction\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Residential or Commercial?\r\n
\r\n {let vals = this.state.SecuritySegmentResidentialOrCommercialTypes; vals[i]=e.target.value;this.setState({SecuritySegmentResidentialOrCommercialTypes:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Off the Plan?\r\n
\r\n {let vals = this.state.SecuritySegmentResidentialOffThePlans; vals[i]=e.target.value;this.setState({SecuritySegmentResidentialOffThePlans:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Residential Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Commercial Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/*
\r\n \r\n Location Details
\r\n \r\n
\r\n \r\n
\r\n \r\n Address\r\n
\r\n \r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required/>\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'overseasline1')}} placeholder=\"Overseas Line 1\" autoComplete={false}/>\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'overseasline2')}} placeholder=\"Overseas Line 2\" autoComplete={false}/>\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'overseasline3')}} placeholder=\"Overseas Line 3\" autoComplete={false}/>\r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'overseasline4')}} placeholder=\"Overseas Line 4\" autoComplete={false}/>\r\n \r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'city')}} placeholder=\"City\" autoComplete={false} />\r\n \r\n
\r\n \r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.SecurityAddressUpdated(e,i,'postcode')}}} placeholder=\"Postcode\" autoComplete={false} required/>\r\n
\r\n \r\n {e.preventDefault();this.SecurityAddressUpdated(e,i,'overseasstate')}} placeholder=\"Overseas State\" autoComplete={false}/>\r\n \r\n \r\n
\r\n \r\n \r\n {/*
\r\n {let vals = this.state.SelfActing;vals[i]=!this.state.SelfActing[i];this.setState({SelfActing:vals},()=>{this.UpdateSecuritySegment()})}}/>\r\n \r\n
*/}\r\n\r\n \r\n\r\n {/* \r\n
*/}\r\n \r\n \r\n
\r\n \r\n Party Type\r\n
\r\n {let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Title Type List\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Title Tenure Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Torrens Extent\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n Torrens Strata\r\n
\r\n {let vals = this.state.SecuritySegmentTitles; vals[i]['TorrensStrata']=e.target.value;this.setState({SecuritySegmentTitles:vals},()=>{alert(this.state.SecuritySegmentTitles[i]['TorrensStrata']);this.SecurityTitlesUpdated(e,i,'TorrensStrata')})}}> \r\n
\r\n \r\n
*/}\r\n \r\n Construction?\r\n
\r\n {let vals = this.state.SecuritySegmentConstructions; vals[i]=e.target.value;this.setState({SecuritySegmentConstructions:vals},()=>{this.UpdateSecuritySegment()})}}> \r\n
\r\n \r\n
\r\n \r\n Torrens Auto Consol\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensAutoConsol'])}} placeholder=\"Enter Torrens Auto Consul\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Block\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensBlock'])}} placeholder=\"Enter Torrens Block\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Build Unit Plan\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensBuildUnitPlan'])}} placeholder=\"Enter Torrens Build Unit Plan\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens District\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensDistrict'])}} placeholder=\"Enter Torrens District\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Division\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensDivision'])}} placeholder=\"Enter Torrens Division\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Folio\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensFolio'])}} placeholder=\"Enter Torrens Folio\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Folio ID\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensFolioID'])}} placeholder=\"Enter Torrens Folio ID\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Location\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensLocation'])}} placeholder=\"Enter Torrens Location\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Lot\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensLot'])}} placeholder=\"Enter Torrens Lot\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Parcel\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensParcel'])}} placeholder=\"Enter Torrens Parcel\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Plan\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensPlan'])}} placeholder=\"Enter Torrens Plan\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Plan Type\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensPlanType'])}} placeholder=\"Enter Torrens Plan Type\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Section\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensSection'])}} placeholder=\"Enter Torrens Section\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Title\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensTitle'])}} placeholder=\"Enter Torrens Title\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Title Ref\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensTitleRef'])}} placeholder=\"Enter Torrens Title Ref\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Unit\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensUnit'])}} placeholder=\"Enter Torrens Unit\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Volume\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensVolume'])}} placeholder=\"Enter Torrens Volume\" autoComplete={false} />\r\n \r\n
\r\n \r\n Torrens Volume Folio\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['TorrensVolumeFolio'])}} placeholder=\"Enter Torrens Volume Folio\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company ACN\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanyACN'])}} placeholder=\"Enter Company ACN\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company Name\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanyName'])}} placeholder=\"Enter Company Name\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company Share Cert Numb\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanyShareCertNumb'])}} placeholder=\"Enter Company Share Cert Numb\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company Shares From\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanySharesFrom'])}} placeholder=\"Enter Company Shares From\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company Shares To\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanySharesTo'])}} placeholder=\"Enter Company Shares To\" autoComplete={false} />\r\n \r\n
\r\n \r\n Company Shares Total\r\n
\r\n {e.preventDefault();this.SecurityTitlesUpdated(e,i,['CompanySharesTotal'])}} placeholder=\"Enter Company Shares Total\" autoComplete={false} />\r\n \r\n
\r\n\r\n \r\n Lease Start Date\r\n
\r\n \r\n {e.preventDefault();this.SecuritySegmentLeaseStartDateUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n Lease End Date\r\n
\r\n \r\n {e.preventDefault();this.SecuritySegmentLeaseEndDateUpdated(e,i)}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n
\r\n \r\n Encumbrance Description\r\n
\r\n {e.preventDefault();this.SecuritySegmentEncumbrancesUpdated(e,i,['Description'])}} placeholder=\"Enter Encumbrance Description\" autoComplete={false} />\r\n \r\n
\r\n \r\n Encumbrance Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Registered Number\r\n
\r\n {e.preventDefault();this.SecuritySegmentEncumbrancesUpdated(e,i,['RegisteredNumber'])}} placeholder=\"Enter Registered Number\" autoComplete={false} />\r\n \r\n
\r\n \r\n Finance Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Contract Price Amount\r\n
\r\n {e.preventDefault();this.SecuritySegmentContractPricesUpdated(e,i,['ContractPriceAmount'])}} placeholder=\"Contract Price Amount\" autoComplete={false} />\r\n \r\n
\r\n \r\n Transfer Of Land Amount\r\n
\r\n {e.preventDefault();this.SecuritySegmentContractPricesUpdated(e,i,['TransferOfLandAmount'])}} placeholder=\"Transfer Of Land Amount\" autoComplete={false} />\r\n \r\n
\r\n {/* Real Estate End */} \r\n\r\n {/* Non Real Estate Start */} \r\n \r\n Builders Contract Amount\r\n
\r\n {e.preventDefault();this.SecuritySegmentBuildersContractAmountUpdated(e,i)}} placeholder=\"Builders Contract Amount\" autoComplete={false} />\r\n \r\n
\r\n \r\n Primary Security?\r\n
\r\n {let vals = this.state.FinancialSegmentNonRealEstates; vals[i]['PrimarySecurity']=e.target.value;this.setState({FinancialSegmentNonRealEstates:vals},()=>{this.FinancialSegmentNonRealEstatesUpdated(e,i,['PrimarySecurity'])})}}> \r\n
\r\n \r\n
\r\n\r\n \r\n Transaction\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Deposit Account Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Account Description\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,['Description'])}} placeholder=\"Enter Account Description\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Account Name\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,['AccountName'])}} placeholder=\"Enter Account Name\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Account Number\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,['AcctNbr'])}} placeholder=\"Enter Account Number\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n {/* Non Real Estate End */} \r\n\r\n {/*Other Asset Start */} \r\n\r\n \r\n BSB\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateDepositAccountsUpdated(e,i,['BSB'])}} placeholder=\"Enter BSB\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Other Asset Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Other Asset Description\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,['OtherAssetDescription'])}} placeholder=\"Enter Description\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Share Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Maturity Date\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,['MaturityDate'])}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Motor Vehicle Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Vehicle Make\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,['Make'])}} placeholder=\"Enter Vehicle Make\" autoComplete={false} />\r\n
\r\n \r\n
\r\n\r\n {/* Other Asset End */} \r\n {/* Mortgage Start */}\r\n\r\n \r\n Vehicle Year\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentNonRealEstateOtherAssetsUpdated(e,i,['Year'])}} placeholder=\"Enter Vehicle Year\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n New Mortgage?\r\n
\r\n {let vals = this.state.FinancialSegmentMortgages; vals[i]['NewMortgage']=e.target.value;this.setState({FinancialSegmentMortgages:vals},()=>{this.FinancialSegmentMortgagesUpdated(e,i,['NewMortgage'])})}}> \r\n
\r\n \r\n
\r\n \r\n Additional Loan Against Mortgage?\r\n
\r\n {let vals = this.state.FinancialSegmentMortgages; vals[i]['AdditionalLoanAgainstMortgage']=e.target.value;this.setState({FinancialSegmentMortgages:vals},()=>{this.FinancialSegmentMortgagesUpdated(e,i,['AdditionalLoanAgainstMortgage'])})}}> \r\n
\r\n \r\n
\r\n \r\n Deed Of Priority?\r\n
\r\n {let vals = this.state.FinancialSegmentMortgages; vals[i]['DeedOfPriority']=e.target.value;this.setState({FinancialSegmentMortgages:vals},()=>{this.FinancialSegmentMortgagesUpdated(e,i,['DeedOfPriority'])})}}> \r\n
\r\n \r\n
\r\n \r\n Mortgage Date\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentMortgagesUpdated(e,i,['MortgageDate'])}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n \r\n Mortgage Number\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentMortgagesUpdated(e,i,['MortgageNumb'])}} placeholder=\"Enter Mortgage Number\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Priority\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Collateral Mortgage Mortgage Number\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentMortgagesUpdated(e,i,['MortgageNumber'])}} placeholder=\"Enter Collateral Mortgage Number\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Mortgagee Name\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentMortgagesUpdated(e,i,['MortgageeName'])}} placeholder=\"Enter Mortgagee Name\" autoComplete={false} />\r\n
\r\n \r\n
\r\n\r\n {/* Mortgage End */} \r\n\r\n {/* AssetInsurance Start */}\r\n \r\n Mortgagor Name\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentMortgagesUpdated(e,i,['MortgagorName'])}} placeholder=\"Mortgagor Name\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Asset Insuranace Category\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Asset Insurance Type\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Insured Amount\r\n
\r\n {e.preventDefault();this.FinancialSegmentAssetInsuranceUpdated(e,i,['InsuredAmount'])}} placeholder=\"Insured Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Premium Amount\r\n
\r\n {e.preventDefault();this.FinancialSegmentAssetInsuranceUpdated(e,i,['PremiumAmount'])}} placeholder=\"Premium Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Policy Number\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentAssetInsuranceUpdated(e,i,['PolicyNumber'])}} placeholder=\"Policy Number\" autoComplete={false} />\r\n
\r\n \r\n
\r\n \r\n Insurance Effective Date\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentAssetInsuranceUpdated(e,i,['InsuranceEffectiveDate'])}} autoComplete={false} placeholder=\"DD/MM/YY\"/>\r\n
\r\n \r\n
\r\n {/* AssetInsurance End */}\r\n {/* Valuation Start */}\r\n \r\n Insurance Expiry Date\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentAssetInsuranceUpdated(e,i,['InsuranceExpiryDate'])}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n
\r\n \r\n Valuation Total Value\r\n
\r\n {e.preventDefault();this.FinancialSegmentValuationUpdated(e,i,['TotalValue'])}} placeholder=\"Enter Total Value\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n \r\n Replacement Insurance Full?\r\n
\r\n {let vals = this.state.FinancialSegmentValuation; vals[i]['ReplacementInsuranceFull']=e.target.value;this.setState({FinancialSegmentValuation:vals},()=>{this.FinancialSegmentValuationUpdated(e,i,['ReplacementInsuranceFull'])})}}> \r\n
\r\n \r\n
\r\n \r\n Premium Amount\r\n
\r\n {e.preventDefault();this.FinancialSegmentValuationUpdated(e,i,['ReplacementInsuranceAmount'])}} placeholder=\"Replacement Insurance Amount\" autoComplete={false} required readOnly={this.state.InstructionSubmit?true:false}/>\r\n \r\n
\r\n {/* Valuation End */}\r\n \r\n Insurance Expiry Date\r\n
\r\n \r\n {e.preventDefault();this.FinancialSegmentValuationUpdated(e,i,['Date'])}} autoComplete={false} placeholder=\"DD/MM/YY\" required/>\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loan Id {i+1}\r\n
\r\n {e.preventDefault();this.SimultaneousSettlementSegmentLoanIdUpdated(e,i)}} placeholder=\"\" autoComplete={false} required/>\r\n \r\n
\r\n \r\n Do you want to mail the Guarantor Title Deed?\r\n
\r\n {this.setState({HasImportantNoteSegmentGuarantorTitleDeedToAddress:this.stringToBool(e.target.value)},\r\n ()=>{\r\n ;document.getElementById('GuarantorTitleDeedToSegment').style.display=(this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?'block':'none');\r\n })}}>\r\n {/*
\r\n { alert('hi');let vals = this.state.PartySegmentPartyTypes; vals[i]=e.target.value;this.setState({PartySegmentPartyTypes:vals},()=>{this.UpdatePartySegment()})}}> */}\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 Street\r\n
\r\n \r\n {e.preventDefault();this.UpdateGuarantorTitleDeedToAddress(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required={this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.UpdateGuarantorTitleDeedToAddress(e,i,'city')}} autoComplete={false} placeholder=\"City\" />\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.UpdateGuarantorTitleDeedToAddress(e,i,'postcode')}}} autoComplete={false} placeholder=\"Postcode\" required={this.state.HasImportantNoteSegmentGuarantorTitleDeedToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n Do you want to mail the Borrower Title Deed?\r\n
\r\n {this.setState({HasBorrowerClearTitleToAddress:this.stringToBool(e.target.value)},\r\n ()=>{\r\n ;document.getElementById('BorrowerClearTitleToSegment').style.display=(this.state.HasBorrowerClearTitleToAddress?'block':'none');\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 Street\r\n
\r\n \r\n {e.preventDefault();this.UpdateBorrowerClearTitleToAddress(e,i,'street')}} placeholder=\"Street\" autoComplete={false} required={this.state.HasBorrowerClearTitleToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n City\r\n
\r\n \r\n {e.preventDefault();this.UpdateBorrowerClearTitleToAddress(e,i,'city')}} autoComplete={false} placeholder=\"City\" />\r\n
\r\n \r\n
\r\n \r\n State\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Postcode\r\n
\r\n \r\n {e.preventDefault();if(!this.IsValidPostcode(e.target.value)){return;}else{this.UpdateBorrowerClearTitleToAddress(e,i,'postcode')}}} autoComplete={false} placeholder=\"Postcode\" required={this.state.HasBorrowerClearTitleToAddress?true:false}/>\r\n
\r\n \r\n
\r\n \r\n What is the anticipated settlement date? (Optional)\r\n
\r\n \r\n {e.preventDefault();this.SettlementNotToBeBookedPriorToUpdated(e,i)}} placeholder=\"DD/MM/YY\" />\r\n {/*
\r\n \r\n {\r\n for (let i=0;i\r\n
\r\n Would you like MSA to collect the surplus?\r\n
\r\n {/* {let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals},()=>{console.log(this.state.ImportantNoteSegmentCollectSurplus)})}}> */}\r\n {/*
))\r\n }\r\n this.setState({ImportantNoteSegmentEntities:ents,ImportantNoteSegmentGuarantorTitleDeedToAddress:guarPartyAdd,BorrowerClearTitleToAddress:borrPartyAdd});\r\n }\r\n }\r\n\r\n UpdateSpecialConditionValues(e,i){\r\n e.preventDefault();\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n vals[i]=e.target.value;\r\n this.setState({SpecialConditionSegmentConditionValues:vals},()=>{this.UpdateSpecialConditionSegment()});\r\n\r\n }\r\n\r\n UpdateSpecialConditionSegmentTypes(e,i){\r\n e.preventDefault();\r\n let vals = this.state.SpecialConditionSegmentConditionTypes;\r\n vals[i]=e.target.value;\r\n this.setState({SpecialConditionSegmentConditionTypes:vals},()=>{this.UpdateSpecialConditionSegment()});\r\n }\r\n\r\n UpdateSpecialConditionSegment(){\r\n let ents = this.state.SpecialConditionSegmentEntities;\r\n if(ents.length>this.state.SpecialConditionSegmentCount){\r\n let types =this.state.SpecialConditionSegmentConditionTypes;\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n for(let i =ents.length ; i >this.state.SpecialConditionSegmentCount; i--){\r\n ents.pop();\r\n types.pop();\r\n vals.pop();\r\n }\r\n this.setState({SpecialConditionSegmentConditionTypes:types,SpecialConditionSegmentConditionValues:vals,SpecialConditionSegmentEntities:ents});\r\n\r\n }else{\r\n let types =this.state.SpecialConditionSegmentConditionTypes;\r\n let vals = this.state.SpecialConditionSegmentConditionValues;\r\n for(let i =0;i{let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals},()=>{console.log(this.state.ImportantNoteSegmentCollectSurplus)})}}> */}\r\n
\r\n {let vals = this.state.ImportantNoteSegmentCollectSurplus; vals[0]=this.stringToBool(e.target.value);this.setState({ImportantNoteSegmentCollectSurplus:vals})}}>\r\n \r\n \r\n
\r\n Special Condition {i+1}
\r\n {/* \r\n */}\r\n\r\n
\r\n {/* \r\n Condition Type\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n