\r\n {\"& Development Authority\"}\r\n \r\n \r\n
\r\n \r\n {OrgId ? null : (\r\n \r\n Select Authority To Continue \r\n )}\r\n {getAuthorityListState.list.map((item) => (\r\n \r\n \r\n \r\n {item.AliasName}\r\n \r\n \r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n {\"& Development Authority\"}\r\n \r\n \r\n
\r\n \r\n {getAuthorityListState.list.map((item) => (\r\n \r\n \r\n \r\n {item.AliasName}\r\n \r\n \r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n {item.OrgAddress}\r\n {item.ContactNumber && (\r\n <>\r\n
\r\n
\r\n
\r\n {item.OrgAddress}\r\n {item.ContactNumber && (\r\n <>\r\n
\r\n
\r\n
List of Citizen Services
\r\n- \r\n {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(item => (\r\n
\r\n
\r\n */}\r\n - \r\n {getServiceListState.data.map(service => (\r\n <>\r\n {service.Services.map(item => (\r\n
No services found
\r\n }\r\n \r\n }\r\n\r\n {/* \r\n KNOW PROPERTY DETAILS \r\n */}\r\n {verifyUpnAndMobileSubmitOtpState.apiState != \"success\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {knowYourPropertyVerifyUpnAndMobileState.apiState ===\r\n \"success\" && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {knowYourPropertyVerifyUpnAndMobileState.apiState ===\r\n \"success\"\r\n ? \"VERIFY\"\r\n : \"GET OTP\"}\r\n \r\n {knowYourPropertyVerifyUpnAndMobileState.apiState ===\r\n \"success\" && (\r\n <>\r\n {\r\n knowYourPropertyVerifyUpnAndMobileResetState();\r\n resetKnowYourPropertyForm();\r\n }}\r\n icon={ 0 ? true : false}\r\n onClick={handleknowYourPropertyResendOtp}\r\n icon={
\r\n \r\n {verifyUpnAndMobileSubmitOtpState.apiState != \"success\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n GET DETAILS\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {getWebContentState.apiState === \"success\" && (\r\n <>\r\n {getWebContentState.data.NewSchemes &&\r\n getWebContentState.data.NewSchemes.length > 0 && (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n {item.IsNew && (\r\n NEW \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {item.IsNew && NEW }\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {item.IsNew && NEW }\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {item.IsNew && (\r\n NEW \r\n )}\r\n
\r\n \r\n Notices and Advertisements{\" \"}\r\n
\r\n {getWebContentState.apiState === \"loading\" && (\r\n \r\n Loading announcements...\r\n \r\n )}\r\n {getWebContentState.apiState === \"success\" && (\r\n <>\r\n {getWebContentState.data.Announcements.length === 0 ? (\r\n <>\r\n \r\n There are no announcements currently.\r\n \r\n \r\n ) : (\r\n <>\r\n- \r\n {getWebContentState.data.Announcements.map(\r\n (item) => (\r\n
- \r\n
Don't remember your NOC Number? Know your NOC Number from this page.
\r\n \r\n }\r\n {apiSuccess &&\r\n Don't remember your UPN? Know your UPN from this page.
\r\n Mobile number not registered with UPN? Register mobile number from this page.
\r\n\r\n \r\n }\r\n\r\n {apiSuccess &&\r\n \r\n \r\n {`${purchaser.Salutation} ${purchaser.Name}`} \r\n {purchaser.IsPrimary === 'Y' &&\r\n Primary {props.changeOfOwnerShip ? \"Transferee\" : \"Purchaser\"} \r\n }\r\n \r\n\r\n {purchaser.MobileNumber || \"\"} {purchaser.EmailAddress ? \" | \" + purchaser.EmailAddress : \"\"} \r\n \r\n \r\n \r\n\r\n\r\n {purchaser.IsPrimary === 'N' &&\r\n deletePurchaserTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: purchaser.PurchaserId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n \r\n \r\n }\r\n\r\n {(purchaser.GPADetails && purchaser.GPADetails.Id > 0) ?\r\n <>\r\n \r\n removeGpa(purchaser.GPADetails)}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\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 {(getPurchaserListState.data\r\n && getPurchaserListState.data.length > 0) &&\r\n <>\r\n
\r\n {/* END: To display primary purchaer */}\r\n {openFrom &&\r\n\r\n \r\n\r\n }\r\n\r\n {/* GPA Form */}\r\n {visibleGpa &&\r\n\r\n \r\n\r\n }\r\n \r\n )\r\n}\r\n\r\nPurchaserDetails.propTypes = {\r\n panelTitle: PropsTypes.string,\r\n OrgId: PropsTypes.string,\r\n applicationId: PropsTypes.string,\r\n refreshApplication: PropsTypes.func,\r\n triggerDraftSave: PropsTypes.func,\r\n triggerFetchApplication: PropsTypes.func,\r\n triggerPurchaserSubmit: PropsTypes.bool,\r\n changeOfOwnerShip: PropsTypes.bool,\r\n}\r\n\r\nPurchaserDetails.defaultProps = {\r\n panelTitle: \"Purchaser's Details\",\r\n OrgId: \"\",\r\n applicationId: \"\",\r\n refreshApplication: () => { return },\r\n triggerDraftSave: () => { return },\r\n triggerFetchApplication: () => { return },\r\n triggerPurchaserSubmit: false,\r\n changeOfOwnerShip: false\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n transferApplicationSavePurchaserState: state.transferApplicationSavePurchaser,\r\n transferApplicationSaveState: state.transferApplicationSave,\r\n transferApplicationFetchState: state.transferApplicationFetch,\r\n transferApplicationDeletePurchaserState: state.transferApplicationDeletePurchaser,\r\n getSalutationListState: state.getSalutationList,\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n saveChangeOfOwnershipApplicationState: state.saveChangeOfOwnershipApplication,\r\n saveGpaState: state.saveGpa,\r\n deleteGpaState: state.deleteGpa,\r\n getPurchaserListState: state.getPurchaserList,\r\n\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n savePurchaserTransferApplication: (params) => dispatch(savePurchaserTransferApplication(params)),\r\n deletePurchaserTransferApplication: (params) => dispatch(deletePurchaserTransferApplication(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n savePurchaserTransferApplicationReset: () => dispatch(savePurchaserTransferApplicationReset()),\r\n saveGpa: (params) => dispatch(saveGpa(params)),\r\n saveGpaResetState: () => dispatch(saveGpaResetState()),\r\n deleteGpa: (params) => dispatch(deleteGpa(params)),\r\n deleteGpaResetState: () => dispatch(deleteGpaResetState()),\r\n getPurchaserList: (params) => dispatch(getPurchaserList(params)),\r\n getPurchaserListResetState: () => dispatch(getPurchaserListResetState()),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PurchaserDetails)","import styled from \"styled-components\"\r\n\r\nexport const PurchaserContainer = styled.div`\r\ndisplay: flex;\r\n/* justify-content: space-between; */\r\n/* flex-flow: row wrap; */\r\nflex-direction:column;\r\n\r\n`\r\n\r\nexport const Purchaser = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-top: 1rem;\r\n`\r\nexport const DeleteBtn = styled.div`\r\n margin-right: 10px;\r\n`\r\nexport const Image = styled.div`\r\n margin-right: 10px;\r\n`\r\n\r\nexport const Details = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n`\r\n\r\nexport const Name = styled.span`\r\n font-weight: bold;\r\n margin-right: 5px;\r\n`\r\nexport const LegalHeirName = styled.span`\r\n font-weight: bold;\r\n font-size: 12px;\r\n`\r\n\r\nexport const Mobile = styled.span`\r\n\r\n`\r\n\r\nexport const Email = styled.span`\r\n\r\n`\r\n\r\nexport const LegalHeirContainer = styled.div`\r\n margin-left: 2rem;\r\n`\r\n\r\nexport const LegalHeir = styled.div`\r\ndisplay: flex;\r\n align-items: center;\r\n margin-top: 1rem;\r\n`\r\n","import React, { useEffect, useState } from \"react\"\r\nimport { Form, Row, Col, Input, Select, notification, Button, Popconfirm, Space, Skeleton, Modal } from \"antd\"\r\nimport { CloseCircleOutlined, UploadOutlined } from '@ant-design/icons'\r\nimport { connect } from \"react-redux\"\r\nimport PropsTypes from \"prop-types\"\r\nimport _ from \"lodash\"\r\n\r\n// components\r\nimport { FlexDiv, DocumentUpload, TextButton, FormItem, BlueButton, ValidationDiv, FileTitle } from '../Xcomponents'\r\nimport { PurchaserContainer, Purchaser, Name, Details, Image, Mobile } from \"./LegalHeirFormStyle\"\r\n\r\n// actions\r\nimport { saveLegalHeirTransferApplication } from '../../actions/transferApplicationSaveLegalHeirActions'\r\nimport { getSalutationList } from '../../actions/getSalutationListActions'\r\nimport { deleteLegalHeirTransferApplication } from '../../actions/transferApplicationDeleteLegalHeirActions'\r\nimport { getLegalHeirList, getLegalHeirListResetState } from '../../actions/getLegalHeirListAction'\r\n// others\r\nimport conf from '../../config'\r\nimport { getAuthData, getOrgId } from '../../utils'\r\n\r\nconst Option = Select.Option\r\n\r\nconst LegalHeirForm = props => {\r\n // variables\r\n const {\r\n saveLegalHeirTransferApplication, transferApplicationSaveLegalHeirState,\r\n getSalutationList, getSalutationListState,\r\n deleteLegalHeirTransferApplication, transferApplicationDeleteLegalHeirState,\r\n verifyUpnAndMobileSubmitOtpState,\r\n transferApplicationFetchState,\r\n getLegalHeirList, getLegalHeirListState, getLegalHeirListResetState,\r\n getPurchaserListState\r\n\r\n } = props\r\n const [openFrom, setOpenFrom] = useState(false)\r\n const initialFormData = {\r\n Salutation: \"\",\r\n Name: \"\",\r\n FatherName: \"\",\r\n Relationship: \"\",\r\n Address: \"\",\r\n Gender: \"\",\r\n Mobile: \"\",\r\n Email: \"\",\r\n IdentityProofUploaded: false,\r\n PhotoUploaded: false,\r\n SignatureUploaded: false,\r\n TempPhotoId: \"\",\r\n TempSignId: \"\",\r\n TempIdentityProofId: \"\",\r\n PurchaserId: 0,\r\n EntityId: 0,\r\n LegalHeirId: 0,\r\n }\r\n const [formData, setFormData] = useState(initialFormData)\r\n const [form] = Form.useForm()\r\n const headers = {\r\n 'AuthKey': getAuthData().AuthKey,\r\n 'AuthId': getAuthData().AuthId,\r\n }\r\n const [submitBtnLoading, setSubmitBtnLoading] = useState(false)\r\n const [fileList, setFileList] = useState([])\r\n const [uploadLoading, setUploadLoading] = useState([])\r\n const [files, setFiles] = useState([])\r\n const OrgId = getOrgId()\r\n const [defaultFileList, setDefaultFileList] = useState([])\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState('');\r\n const [currentFileType, setCurrentFileType] = useState(''); // Current file format\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false); // Current file format\r\n const serviceId = props.serviceId\r\n\r\n // callbacks\r\n\r\n /* call salutation list on component mount */\r\n useEffect(() => {\r\n getSalutationList({\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n callLegalHeirList()\r\n return (() => {\r\n getLegalHeirListResetState()\r\n })\r\n }, [])\r\n const callLegalHeirList = () => {\r\n getLegalHeirList({\r\n OrgId: OrgId,\r\n ApplicationId: props.applicationId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n\r\n\r\n useEffect(() => {\r\n if (getLegalHeirListState.apiState === \"success\") {\r\n if (getLegalHeirListState.data && getLegalHeirListState.data.length > 0) {\r\n setOpenFrom(false)\r\n }\r\n else {\r\n if (getPurchaserListState.data && getPurchaserListState.data.length > 0) {\r\n setOpenFrom(true)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n }\r\n\r\n }\r\n }\r\n }, [getLegalHeirListState, getPurchaserListState])\r\n\r\n\r\n useEffect(() => {\r\n if (transferApplicationDeleteLegalHeirState.apiState === \"alert\") {\r\n transferApplicationDeleteLegalHeirState.apiState = \"\"\r\n notification.error({\r\n message: transferApplicationDeleteLegalHeirState.alertMessage,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationDeleteLegalHeirState.apiState === \"error\") {\r\n transferApplicationDeleteLegalHeirState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationDeleteLegalHeirState.apiState === \"success\") {\r\n transferApplicationDeleteLegalHeirState.apiState = \"\"\r\n setOpenFrom(false)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n notification.success({\r\n message: \"Legal Heir has been deleted\",\r\n placement: \"bottomRight\"\r\n })\r\n // props.triggerFetchApplication()\r\n callLegalHeirList()\r\n }\r\n }, [transferApplicationDeleteLegalHeirState.apiState])\r\n\r\n useEffect(() => {\r\n if (transferApplicationSaveLegalHeirState.apiState === \"alert\") {\r\n transferApplicationSaveLegalHeirState.apiState = \"\"\r\n notification.error({\r\n message: transferApplicationSaveLegalHeirState.alertMessage,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationSaveLegalHeirState.apiState === \"error\") {\r\n transferApplicationSaveLegalHeirState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationSaveLegalHeirState.apiState === \"success\") {\r\n transferApplicationSaveLegalHeirState.apiState = \"\"\r\n setOpenFrom(false)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n notification.success({\r\n message: \"Legal Heir has been saved\",\r\n placement: \"bottomRight\"\r\n })\r\n // props.triggerFetchApplication()\r\n callLegalHeirList()\r\n // props.refreshApplication()\r\n }\r\n }, [transferApplicationSaveLegalHeirState.apiState])\r\n\r\n /* watching transferApplicationFetchState to check whther we need to display Add-primary-purchaser-button or not */\r\n\r\n // functions\r\n const handleOnChange = (e) => {\r\n setFormData({ ...formData, [e.target.name]: e.target.value })\r\n }\r\n\r\n const handleSalutationSelect = (Salutation) => {\r\n setFormData({ ...formData, [\"Salutation\"]: Salutation })\r\n }\r\n\r\n\r\n const handlePurchaserSelect = (PurchaserId) => {\r\n setFormData({ ...formData, [\"PurchaserId\"]: PurchaserId })\r\n }\r\n\r\n const editLegalHeirDetails = (legalHeir) => {\r\n form.resetFields()\r\n let editFormData = {\r\n Salutation: legalHeir.SalutationId,\r\n Name: legalHeir.Name,\r\n FatherName: legalHeir.FatherName,\r\n Address: legalHeir.Address,\r\n Gender: legalHeir.Gender,\r\n MobileNumber: legalHeir.MobileNumber,\r\n EmailAddress: legalHeir.EmailAddress,\r\n IsPrimary: legalHeir.IsPrimary,\r\n LegalHeirId: legalHeir.LegalHeirId,\r\n EntityId: legalHeir.LegalHeirId,\r\n PurchaserId: legalHeir.PurchaserId,\r\n Relationship: legalHeir.Relationship\r\n }\r\n let editFormDataValue = {\r\n Salutation: legalHeir.Salutation,\r\n Name: legalHeir.Name,\r\n FatherName: legalHeir.FatherName,\r\n Address: legalHeir.Address,\r\n Gender: legalHeir.Gender,\r\n MobileNumber: legalHeir.MobileNumber,\r\n EmailAddress: legalHeir.EmailAddress,\r\n IsPrimary: legalHeir.IsPrimary,\r\n LegalHeirId: legalHeir.LegalHeirId,\r\n PurchaserId: legalHeir.PurchaserId,\r\n Relationship: legalHeir.Relationship\r\n }\r\n setFormData(editFormData)\r\n form.setFieldsValue(editFormDataValue)\r\n let fileArr = []\r\n legalHeir.LegalHeirDocument.map((item) => {\r\n let extension = item.FileName.substr(item.FileName.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${item.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${item.FileData}`\r\n }\r\n // if (item.DocumentTypeId === 3) {\r\n // fileArr.push({\r\n // documentTypeId: item.DocumentTypeId,\r\n // uid: item.DocumentId,\r\n // name: item.FileName,\r\n // status: 'done',\r\n // url: item.FileData,\r\n // })\r\n // }\r\n // else if (item.DocumentTypeId === 2) {\r\n\r\n // fileArr.push({\r\n // documentTypeId: item.DocumentTypeId,\r\n // uid: item.DocumentId,\r\n // name: item.FileName,\r\n // status: 'done',\r\n // url: item.FileData,\r\n // })\r\n // }\r\n if (item.DocumentTypeId === 1) {\r\n\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n }\r\n\r\n })\r\n\r\n setDefaultFileList(fileArr)\r\n setOpenFrom(true)\r\n }\r\n\r\n\r\n const onFinish = () => {\r\n if (props.applicationId) {\r\n let temp = {}\r\n if (formData.TempPhotoId !== \"\") {\r\n temp['TempPhotoId'] = formData.TempPhotoId\r\n }\r\n if (formData.TempSignId !== \"\") {\r\n temp['TempSignId'] = formData.TempSignId\r\n }\r\n if (formData.TempIdentityProofId !== \"\") {\r\n temp['TempIdentityProofId'] = formData.TempIdentityProofId\r\n }\r\n saveLegalHeirTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: formData.PurchaserId,\r\n LegalHeirId: formData.LegalHeirId,\r\n ApplicationId: props.applicationId,\r\n PropertyRefId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId,\r\n Salutation: formData.Salutation,\r\n Name: formData.Name,\r\n FatherName: formData.FatherName,\r\n Relationship: formData.Relationship,\r\n Address: formData.Address,\r\n Gender: formData.Gender,\r\n MobileNumber: formData.MobileNumber,\r\n EmailAddress: formData.EmailAddress,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n ...temp\r\n })\r\n }\r\n }\r\n\r\n const normFile = (e) => {\r\n if (Array.isArray(e)) {\r\n return e\r\n }\r\n\r\n return e && e.fileList\r\n }\r\n\r\n const onPreview = async file => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1)\r\n let src = file.url;\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n if (!src) {\r\n src = await new Promise(resolve => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n // const image = new Image();\r\n // image.src = src;\r\n // const imgWindow = window.open(src);\r\n // imgWindow.document.write(image.outerHTML);\r\n setCurrentFileType('image');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n else {\r\n setCurrentFileType('pdf');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n // let pdfWindow = window.open(\"\")\r\n // pdfWindow.document.write(\r\n // \"\"\r\n // )\r\n }\r\n\r\n }\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n }\r\n\r\n return (\r\n <>\r\n\r\n {/* START: To display primary purchaer */}\r\n \r\n {\r\n setOpenFrom(true)\r\n setFormData(initialFormDataNew)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n {props.changeOfOwnerShip\r\n ? \"Add More Transferee\"\r\n : \"Add More Purchaser\"\r\n }\r\n \r\n
\r\n \r\n }\r\n \r\n \r\n {`${legalHeir.Salutation} ${legalHeir.Name}`} \r\n \r\n\r\n Legal Heir of {legalHeir.PurchaserName || \"\"} \r\n \r\n \r\n \r\n deleteLegalHeirTransferApplication({\r\n OrgId: OrgId,\r\n LegalHeirId: legalHeir.LegalHeirId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n setOpenFrom(true)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n Add More Legal Heir\r\n \r\n
\r\n \r\n : !openFrom ?\r\n <>\r\n \r\n To add legal heir please save at least one {props.PurchaserOrTransferee} details.\r\n
\r\n \r\n : null\r\n\r\n\r\n }\r\n\r\n\r\n {/* END: To display primary purchaer */}\r\n\r\n {openFrom &&\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nLegalHeirForm.propTypes = {\r\n visible: PropsTypes.bool,\r\n closeForm: PropsTypes.func,\r\n OrgId: PropsTypes.string,\r\n applicationId: PropsTypes.string,\r\n PurchaserOrTransferee: PropsTypes.string,\r\n}\r\n\r\nLegalHeirForm.defaultProps = {\r\n visible: false,\r\n closeForm: () => { return },\r\n OrgId: 0,\r\n applicationId: \"\",\r\n PurchaserOrTransferee: \"Purchaser\",\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n transferApplicationSaveLegalHeirState: state.transferApplicationSaveLegalHeir,\r\n transferApplicationSaveState: state.transferApplicationSave,\r\n transferApplicationFetchState: state.transferApplicationFetch,\r\n getSalutationListState: state.getSalutationList,\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n transferApplicationDeleteLegalHeirState: state.transferApplicationDeleteLegalHeir,\r\n getLegalHeirListState: state.getLegalHeirList,\r\n getPurchaserListState: state.getPurchaserList,\r\n})\r\nconst mapDispatchToProps = (dispatch) => ({\r\n saveLegalHeirTransferApplication: (params) => dispatch(saveLegalHeirTransferApplication(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n deleteLegalHeirTransferApplication: (params) => dispatch(deleteLegalHeirTransferApplication(params)),\r\n getLegalHeirList: (params) => dispatch(getLegalHeirList(params)),\r\n getLegalHeirListResetState: () => dispatch(getLegalHeirListResetState()),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LegalHeirForm)","import React, { useEffect, useState } from \"react\"\r\nimport { Col, Form, Row, Upload, Button, notification, Input, DatePicker, Select, Checkbox, InputNumber, Space, Alert, Modal, Popconfirm } from \"antd\"\r\nimport { connect } from \"react-redux\"\r\nimport { CloseCircleOutlined, UploadOutlined } from '@ant-design/icons'\r\nimport { Link, Redirect } from \"react-router-dom\"\r\nimport _ from \"lodash\"\r\n\r\n// components\r\nimport { Container, Heading } from './ApplicationFormStyle'\r\nimport { FormItem, BlankSpace, BlueButton, DocumentUpload, ValidationDiv, FileTitle, TextButton, FlexDiv } from '../Xcomponents'\r\nimport SelectSearchNotFound from \"../SelectSearchNotFound\";\r\nimport { PurchaserContainer, Purchaser, Name, Details } from \"../PurchaserDetails/PurchaserDetailsStyle\"\r\n// actions\r\nimport { getDocumentList, getDocumentListResetState } from '../../actions/getDocumentListAction'\r\nimport { saveTransferApplication, saveTransferApplicationResetState } from '../../actions/transferApplicationSaveActions'\r\nimport { fetchTransferApplication, fetchTransferApplicationSuccess, resetStateFetchTransferApplication } from '../../actions/transferApplicationfetchActions'\r\nimport { deleteTransferApplication } from '../../actions/transferApplicationDeleteActions'\r\nimport { getAppointmentDate, getAppointmentDateResetState } from '../../actions/getAppointmentDateAction'\r\nimport { saveChangeOfOwnershipApplication, resetStateSaveChangeOfOwnershipApplication } from '../../actions/saveChangeOfOwnershipApplicationAction'\r\nimport { saveGpa, saveGpaResetState } from '../../actions/saveGpaAction'\r\nimport { deleteGpa, deleteGpaResetState } from '../../actions/deleteGpaActions'\r\n\r\n// others\r\nimport { getOrgId } from '../../utils'\r\nimport conf from \"../../config\"\r\nimport PurchaserDetails from \"../PurchaserDetails/PurchaserDetails\";\r\nimport LegalHeirForm from \"../LegalHeirForm/LegalHeirForm\";\r\nimport { verifyUpnAndMobile } from \"../../actions/verifyUpnAndMobileAction\"\r\nconst { Option } = Select\r\n\r\nconst ApplicationForm = props => {\r\n // variables\r\n const {\r\n getServiceDetailState,\r\n getDocumentList, getDocumentListResetState, getDocumentListState,\r\n verifyUpnAndMobileSubmitOtpState,\r\n verifyUpnAndMobileState,\r\n saveTransferApplication, transferApplicationSaveState, saveTransferApplicationResetState,\r\n fetchTransferApplication, transferApplicationFetchState, resetStateFetchTransferApplication,\r\n getAppointmentDate, getAppointmentDateState, getAppointmentDateResetState,\r\n saveChangeOfOwnershipApplication, resetStateSaveChangeOfOwnershipApplication, saveChangeOfOwnershipApplicationState,\r\n saveGpa, saveGpaState, saveGpaResetState,\r\n deleteGpa, deleteGpaState, deleteGpaResetState,\r\n getLegalHeirListState,\r\n getPurchaserListState\r\n } = props\r\n const serviceId = props.serviceId\r\n const OrgId = getOrgId()\r\n let initialFormData = {\r\n PropertyId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId ? verifyUpnAndMobileSubmitOtpState.data.PropertyRefId : 0,\r\n OrgId: OrgId ? OrgId : 0,\r\n ApplicationTypeId: serviceId,\r\n OwnerId: 0,\r\n OwnerName: \"\",\r\n Remark: \"\",\r\n PermissionType: \"\",\r\n Relation: \"\",\r\n Share: 100,\r\n documentEntityId: 0,\r\n AppointmentDate: \"\",\r\n PermissionNo: verifyUpnAndMobileSubmitOtpState.nocNumber,\r\n }\r\n const [formData, setFormData] = useState(initialFormData)\r\n const [form] = Form.useForm()\r\n\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState('');\r\n const [currentFileType, setCurrentFileType] = useState(''); // Current file format\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false); // Current file format\r\n\r\n const [fileList, setFileList] = useState([])\r\n const [documentFileId, setDocumentFileId] = useState([])\r\n const [uploadLoading, setUploadLoading] = useState([])\r\n const [files, setFiles] = useState([])\r\n const [redirect, setRedirect] = useState([false, \"\"])\r\n const [applicationId, setApplicationId] = useState(verifyUpnAndMobileSubmitOtpState.data.ApplicationId)\r\n const [submitApplication, setSubmitApplication] = useState(false)\r\n const [isPVerificationRequired, setIsPVerificationRequired] = useState(false)\r\n const [defaultFileList, setDefaultFileList] = useState([])\r\n const [triggerPurchaserSubmit, setTriggerPurchaserSubmit] = useState(false)\r\n const [triggerPurchaserSubmitStatus, setTriggerPurchaserSubmitStatus] = useState(false)\r\n\r\n const initialGpaFormData = {\r\n Id: 0,\r\n ApplicationId: 0,\r\n PropertyRefId: 0,\r\n Name: \"\",\r\n FName: \"\",\r\n Address: \"\",\r\n EntityType: \"\",\r\n EntityId: 0,\r\n UploadGPA: false\r\n }\r\n\r\n const [gpaFormData, setGpaFormData] = useState(initialGpaFormData)\r\n const [gpaForm] = Form.useForm()\r\n const [filesGpa, setFilesGpa] = useState([])\r\n const [fileListGpa, setFileListGpa] = useState([])\r\n const [defaultFileListGpa, setDefaultFileListGpa] = useState([])\r\n const [visibleGpa, setVisibleGpa] = useState(false)\r\n const [submitBtnLoading, setSubmitBtnLoading] = useState(false)\r\n const [currentGpa, setCurrentGpa] = useState(false)\r\n\r\n // callbacks\r\n useEffect(() => {\r\n return (() => {\r\n saveTransferApplicationResetState()\r\n resetStateFetchTransferApplication()\r\n getAppointmentDateResetState()\r\n getDocumentListResetState()\r\n resetStateSaveChangeOfOwnershipApplication()\r\n saveGpaResetState()\r\n deleteGpaResetState()\r\n })\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (currentGpa) {\r\n if (saveGpaState.apiState === \"alert\") {\r\n saveGpaState.apiState = \"\"\r\n notification.error({\r\n message: saveGpaState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n setCurrentGpa(false)\r\n }\r\n\r\n if (saveGpaState.apiState === \"error\") {\r\n saveGpaState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n setCurrentGpa(false)\r\n }\r\n\r\n if (saveGpaState.apiState === \"success\") {\r\n saveGpaState.apiState = \"\"\r\n setVisibleGpa(false)\r\n setGpaFormData(initialGpaFormData)\r\n setDefaultFileListGpa([])\r\n setFileListGpa([])\r\n setFilesGpa([])\r\n gpaForm.resetFields()\r\n notification.success({\r\n message: \"GPA added successfully\",\r\n placement: \"bottomRight\"\r\n })\r\n fetchApplication()\r\n setCurrentGpa(false)\r\n }\r\n }\r\n }, [saveGpaState])\r\n\r\n useEffect(() => {\r\n if (currentGpa) {\r\n if (deleteGpaState.apiState === \"alert\") {\r\n deleteGpaState.apiState = \"\"\r\n notification.error({\r\n message: deleteGpaState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n setCurrentGpa(false)\r\n }\r\n\r\n if (deleteGpaState.apiState === \"error\") {\r\n deleteGpaState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n setCurrentGpa(false)\r\n }\r\n\r\n if (deleteGpaState.apiState === \"success\") {\r\n deleteGpaState.apiState = \"\"\r\n setVisibleGpa(false)\r\n setGpaFormData(initialGpaFormData)\r\n setDefaultFileListGpa([])\r\n setFileListGpa([])\r\n setFilesGpa([])\r\n gpaForm.resetFields()\r\n notification.success({\r\n message: \"GPA removed successfully\",\r\n placement: \"bottomRight\"\r\n })\r\n fetchApplication()\r\n setCurrentGpa(false)\r\n }\r\n }\r\n }, [deleteGpaState])\r\n\r\n\r\n\r\n useEffect(() => {\r\n if (serviceId === '21' || serviceId === '1048') {\r\n setFormData({ ...formData, ['PermissionType']: 'Transfer' })\r\n }\r\n getDocumentList({\r\n PropertyId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId,\r\n OrgId: OrgId,\r\n ApplicationTypeId: serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n fetchApplication()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (getDocumentListState.apiState === \"success\") {\r\n let data = _.find(getDocumentListState.list, { 'IsPVerificationRequired': true }) ? true : false\r\n if (data) {\r\n setIsPVerificationRequired(true)\r\n getAppointmentDate({\r\n OrgId: OrgId,\r\n ApplicationTypeId: serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n else {\r\n setIsPVerificationRequired(false)\r\n }\r\n }\r\n }, [getDocumentListState])\r\n\r\n useEffect(() => {\r\n if (transferApplicationFetchState.apiState === \"success\") {\r\n form.resetFields()\r\n let AppointmentDate = \"\"\r\n if (transferApplicationFetchState.data.AppointmentDetail !== null) {\r\n AppointmentDate = transferApplicationFetchState.data.AppointmentDetail.AppointmentDateWithSlot\r\n }\r\n setFormData({\r\n ...formData,\r\n [\"OwnerId\"]: transferApplicationFetchState.data.OwnerId,\r\n [\"PermissionType\"]: transferApplicationFetchState.data.TransferType,\r\n [\"Relation\"]: transferApplicationFetchState.data.TransferSubType,\r\n [\"Share\"]: transferApplicationFetchState.data.TransferPercentage,\r\n [\"AppointmentDate\"]: AppointmentDate,\r\n [\"Remark\"]: transferApplicationFetchState.data.Remarks,\r\n })\r\n form.setFieldsValue({\r\n OwnerName: transferApplicationFetchState.data.ApplicantDetails.Name,\r\n PermissionType: transferApplicationFetchState.data.TransferType,\r\n Relation: transferApplicationFetchState.data.TransferSubType,\r\n Share: transferApplicationFetchState.data.TransferPercentage,\r\n AppointmentDate: AppointmentDate,\r\n Remark: transferApplicationFetchState.data.Remarks,\r\n })\r\n let fileArr = []\r\n transferApplicationFetchState.data.Documents.map((item) => {\r\n let extension = item.FileName.substr(item.FileName.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${item.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${item.FileData}`\r\n }\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n })\r\n setDefaultFileList(fileArr)\r\n\r\n if (transferApplicationFetchState.data.AppliedOwner.length > 0 && transferApplicationFetchState.data.AppliedOwner[0].GPADetails.Id > 0) {\r\n\r\n }\r\n else {\r\n\r\n addGpa(transferApplicationFetchState.data.OwnerId)\r\n }\r\n }\r\n }, [transferApplicationFetchState])\r\n\r\n useEffect(() => {\r\n if (transferApplicationSaveState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: transferApplicationSaveState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n saveTransferApplicationResetState()\r\n setSubmitApplication(false)\r\n }\r\n\r\n if (transferApplicationSaveState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: transferApplicationSaveState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n setApplicationId(transferApplicationSaveState.data.ApplicationId)\r\n fetchTransferApplication({\r\n OrgId: formData.OrgId,\r\n ApplicationId: transferApplicationSaveState.data.ApplicationId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n if (triggerPurchaserSubmitStatus) {\r\n setTriggerPurchaserSubmit(true)\r\n }\r\n if (submitApplication) {\r\n verifyUpnAndMobileSubmitOtpState.submitApplication = true\r\n setRedirect([true, \"/ndc-details/\" + transferApplicationSaveState.data.ApplicationId])\r\n }\r\n }\r\n }, [transferApplicationSaveState])\r\n\r\n\r\n useEffect(() => {\r\n if (saveChangeOfOwnershipApplicationState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: saveChangeOfOwnershipApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n resetStateSaveChangeOfOwnershipApplication()\r\n setSubmitApplication(false)\r\n }\r\n\r\n if (saveChangeOfOwnershipApplicationState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: saveChangeOfOwnershipApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n setApplicationId(saveChangeOfOwnershipApplicationState.data.ApplicationId)\r\n fetchTransferApplication({\r\n OrgId: formData.OrgId,\r\n ApplicationId: saveChangeOfOwnershipApplicationState.data.ApplicationId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n if (triggerPurchaserSubmitStatus) {\r\n setTriggerPurchaserSubmit(true)\r\n }\r\n if (submitApplication) {\r\n verifyUpnAndMobileSubmitOtpState.submitApplication = true\r\n setRedirect([true, \"/ndc-details/\" + saveChangeOfOwnershipApplicationState.data.ApplicationId])\r\n }\r\n }\r\n }, [saveChangeOfOwnershipApplicationState])\r\n\r\n\r\n // useEffect(() => {\r\n // if (triggerPurchaserSubmit) {\r\n // setTriggerPurchaserSubmit(false)\r\n // }\r\n // }, [triggerPurchaserSubmit])\r\n // functions\r\n\r\n const handleOnChangeGpa = (e) => {\r\n setGpaFormData({ ...gpaFormData, [e.target.name]: e.target.value })\r\n }\r\n const onFinishGpa = () => {\r\n setSubmitBtnLoading(false)\r\n setCurrentGpa(true)\r\n saveGpa({\r\n OrgId: OrgId,\r\n Id: gpaFormData.Id,\r\n EntityId: gpaFormData.EntityId,\r\n EntityType: gpaFormData.EntityType,\r\n ApplicationId: applicationId,\r\n PropertyRefId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId,\r\n Name: gpaFormData.Name,\r\n FName: gpaFormData.FName,\r\n Address: gpaFormData.Address,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n })\r\n\r\n }\r\n\r\n const addGpa = (OwnerId) => {\r\n setVisibleGpa(true)\r\n gpaForm.resetFields()\r\n setGpaFormData({ ...gpaFormData, ['Id']: 0, ['EntityId']: OwnerId, ['ApplicationId']: applicationId, ['EntityType']: 'S', ['PropertyRefId']: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId, ['Name']: \"\", ['FName']: \"\", ['Address']: \"\" })\r\n }\r\n\r\n const editGpa = (gpaDetails) => {\r\n\r\n setGpaFormData({ ...gpaFormData, ['Id']: gpaDetails.Id, ['EntityId']: gpaDetails.EntityId, ['ApplicationId']: gpaDetails.ApplicationId, ['EntityType']: gpaDetails.EntityType, ['PropertyRefId']: gpaDetails.PropertyRefId, ['Name']: gpaDetails.Name, ['FName']: gpaDetails.FName, ['Address']: gpaDetails.Address })\r\n gpaForm.setFieldsValue({\r\n Name: gpaDetails.Name,\r\n FName: gpaDetails.FName,\r\n Address: gpaDetails.Address\r\n })\r\n\r\n let fileArr = []\r\n if (gpaDetails.Document) {\r\n let extension = gpaDetails.Document.FileName.substr(gpaDetails.Document.FileName.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${gpaDetails.Document.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${gpaDetails.Document.FileData}`\r\n }\r\n if (gpaDetails.Document.DocumentTypeId === 812) {\r\n fileArr.push({\r\n documentTypeId: gpaDetails.Document.DocumentTypeId,\r\n uid: gpaDetails.Document.DocumentId,\r\n name: gpaDetails.Document.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n setDefaultFileListGpa(fileArr)\r\n }\r\n\r\n }\r\n setVisibleGpa(true)\r\n }\r\n\r\n const removeGpa = (gpaDetails) => {\r\n setCurrentGpa(true)\r\n deleteGpa({\r\n OrgId: formData.OrgId,\r\n EntityId: gpaDetails.EntityId,\r\n EntityType: gpaDetails.EntityType,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n\r\n\r\n const fetchApplication = () => {\r\n if (applicationId) {\r\n fetchTransferApplication({\r\n OrgId: formData.OrgId,\r\n ApplicationId: applicationId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n }\r\n\r\n const handleOnChange = e => {\r\n setFormData({\r\n ...formData,\r\n [e.target.name]: e.target.value\r\n })\r\n }\r\n\r\n const handleSubmit = () => {\r\n if (getPurchaserListState.data && getPurchaserListState.data.length > 0) {\r\n if (getLegalHeirListState.data.length > 0) {\r\n if (getPurchaserListState.data.length <= getLegalHeirListState.data.length) {\r\n if (serviceId === '25' || serviceId === '32') {\r\n saveChangeOfOwnershipApplication({\r\n ApplicationId: applicationId,\r\n OrgId: formData.OrgId,\r\n PermissionNo: verifyUpnAndMobileSubmitOtpState.nocNumber,\r\n ApplicationTypeId: formData.ApplicationTypeId,\r\n Remark: formData.Remark,\r\n TemporaryApplicationId: getDocumentListState.EntityId,\r\n AppointmentDate: formData.AppointmentDate,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n SubmitType: 1,\r\n })\r\n }\r\n else {\r\n saveTransferApplication({\r\n ApplicationId: applicationId,\r\n ApplicationTypeId: formData.ApplicationTypeId,\r\n PropertyRefId: formData.PropertyId,\r\n Name: verifyUpnAndMobileState.data.OwnerName,\r\n Remark: formData.Remark,\r\n TemporaryApplicationId: getDocumentListState.EntityId,\r\n GPASPA: \"N\",\r\n OwnerId: verifyUpnAndMobileState.data.OwnerId,\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n TransferType: formData.PermissionType,\r\n TransferSubType: formData.Relation,\r\n TransferPercentage: formData.Share,\r\n AppointmentDate: formData.AppointmentDate,\r\n SubmitType: 1,\r\n })\r\n }\r\n setSubmitApplication(true)\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add Legal Heir of every ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"}`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add Legal Heir of every ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"}`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add at least one ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"} and Legal Heir`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n\r\n const onSave = () => {\r\n if (serviceId === '25' || serviceId === '32') {\r\n saveChangeOfOwnershipApplication({\r\n ApplicationId: applicationId,\r\n OrgId: formData.OrgId,\r\n PermissionNo: verifyUpnAndMobileSubmitOtpState.nocNumber,\r\n ApplicationTypeId: formData.ApplicationTypeId,\r\n Remark: formData.Remark,\r\n TemporaryApplicationId: getDocumentListState.EntityId,\r\n AppointmentDate: formData.AppointmentDate,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n SubmitType: 0,\r\n })\r\n }\r\n else {\r\n saveTransferApplication({\r\n ApplicationId: applicationId,\r\n ApplicationTypeId: formData.ApplicationTypeId,\r\n OrgId: formData.OrgId,\r\n PropertyRefId: formData.PropertyId,\r\n OwnerId: verifyUpnAndMobileState.data.OwnerId,\r\n OwnerName: formData.OwnerName,\r\n TransferType: formData.PermissionType,\r\n TransferSubType: formData.Relation,\r\n TransferPercentage: formData.Share,\r\n Remark: formData.Remark,\r\n TemporaryApplicationId: getDocumentListState.EntityId,\r\n AppointmentDate: formData.AppointmentDate,\r\n SubmitType: 0,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n\r\n }\r\n\r\n const handleOnChangeSelect = (value, name) => {\r\n setFormData({ ...formData, [name]: value })\r\n }\r\n\r\n const normFile = e => {\r\n if (Array.isArray(e)) {\r\n return e;\r\n }\r\n\r\n return e && e.fileList;\r\n };\r\n\r\n const onPreview = async file => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1)\r\n let src = file.url;\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n if (!src) {\r\n src = await new Promise(resolve => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n // const image = new Image();\r\n // image.src = src;\r\n // const imgWindow = window.open(src);\r\n // imgWindow.document.write(image.outerHTML);\r\n setCurrentFileType('image');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n else {\r\n setCurrentFileType('pdf');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n // let pdfWindow = window.open(\"\")\r\n // pdfWindow.document.write(\r\n // \"\"\r\n // )\r\n }\r\n\r\n }\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n }\r\n\r\n const onSaveWithPurchaser = () => {\r\n onSave()\r\n setTriggerPurchaserSubmitStatus(true)\r\n }\r\n\r\n const createMarkup = (processContent) => {\r\n return { __html: processContent };\r\n }\r\n\r\n const renderExtensions = (extension) => {\r\n let extensionData = []\r\n extension.map((data) => {\r\n let a = \".\" + _.split(data, \"/\")[1]\r\n extensionData.push(a)\r\n })\r\n return extensionData.join(\", \")\r\n }\r\n\r\n return (\r\n <>\r\n {redirect[0] &&\r\n If applying as GPA, please provide GPA details below and click on Save GPA Details.
\r\n \r\n\r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n Online application submission shall be available soon.
\r\n }\r\n {securityCheck &&\r\n \r\n {key + 1} : {item.Name}\r\n
\r\n )\r\n })}\r\n {item.Salutation == 88 ? \"Husband Name\" : \"Father's Name\"} : {item.FatherName}
\r\n Email : {item.EmailAddress}
\r\n Mobile : {item.MobileNumber}
\r\n Address : {item.Address}
\r\n \r\n {prevData && Object.keys(prevData).length > 0 &&\r\n
\r\n\r\n {openForm &&\r\n }\r\n \r\n )\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n saveOwnerPrivatePropertiesState: state.saveOwnerPrivateProperties,\r\n getSalutationListState: state.getSalutationList,\r\n getOwnerListState: state.getOwnerList,\r\n saveNdcApplicationState: state.saveNdcApplication,\r\n\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n saveOwnerPrivateProperties: (params) => dispatch(saveOwnerPrivateProperties(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n getOwnerList: (params) => dispatch(getOwnerList(params)),\r\n getOwnerListResetState: () => dispatch(getOwnerListResetState()),\r\n saveOwnerPrivatePropertiesResetState: () => dispatch(saveOwnerPrivatePropertiesResetState()),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OwnerForm)","import React, { useEffect, useState } from \"react\"\r\nimport { Col, Form, Row, Upload, Button, notification, Input, DatePicker, Select, Checkbox, InputNumber, Alert, Space, Modal } from \"antd\"\r\nimport { connect } from \"react-redux\"\r\nimport { UploadOutlined } from '@ant-design/icons'\r\nimport _ from \"lodash\"\r\nimport { Link, Redirect } from \"react-router-dom\"\r\n\r\n// Components\r\nimport { BlankSpace, FlexDiv, DocumentUpload, TextButton, FormItem, ValidationDiv, BlueButton, FileTitle } from '../Xcomponents'\r\nimport { Container, Heading } from './ServiceDetailsPrivatePropertiesFormStyle'\r\nimport { getAuthData, getOrgId } from '../../utils'\r\nimport OwnerForm from \"../../pages/ServiceDetailsPrivateProperties/OwnerForm\"\r\nimport conf from '../../config'\r\n\r\n// Actions\r\nimport { privatePropertyApplication, privatePropertyApplicationResetState } from '../../actions/privatePropertyApplicationAction'\r\nimport { getAppointmentDate, getAppointmentDateResetState } from '../../actions/getAppointmentDateAction'\r\nimport { getDocumentList, getDocumentListResetState } from '../../actions/getDocumentListAction'\r\nimport { toGetPrivateScheme, toGetPrivateSchemeResetState } from '../../actions/toGetPrivateSchemeAction'\r\nimport { toGetPrivatePropertiesList, toGetPrivatePropertiesListResetState } from '../../actions/toGetPrivatePropertiesListAction'\r\nimport { saveNdcApplication, saveNdcApplicationResetState } from '../../actions/saveNdcApplicationAction'\r\nimport { getPropertyAreaUnitList, resetStateGetPropertyAreaUnitList } from '../../actions/getPropertyAreaUnitListAction'\r\n\r\n\r\nconst { Option } = Select\r\nexport const ServiceDetailsPrivatePropertiesForm = (props) => {\r\n const {\r\n getPropertyAreaUnitList,\r\n getPropertyAreaUnitListState,\r\n privatePropertyApplication,\r\n privatePropertyApplicationResetState,\r\n verifyUpnAndMobileSubmitOtpState,\r\n toGetPrivatePropertiesList,\r\n toGetPrivateScheme,\r\n saveNdcApplication,\r\n saveNdcApplicationResetState,\r\n listofDocuments,\r\n saveNdcApplicationState,\r\n getDocumentList, getDocumentListState,\r\n toGetPrivatePropertiesListState,\r\n toGetPrivateSchemeState,\r\n getAppointmentDateState,\r\n mobileNoState,\r\n getDocumentListResetState,\r\n getAppointmentDate,\r\n getAppointmentDateResetState,\r\n saveOwnerPrivatePropertiesState,\r\n toGetPrivatePropertiesListResetState } = props;\r\n const [uploadLoading, setUploadLoading] = useState([])\r\n const [documentFileId, setDocumentFileId] = useState([])\r\n const [redirect, setRedirect] = useState(false);\r\n const [appId, setAppId] = useState();\r\n const OrgId = getOrgId();\r\n const [currentFileType, setCurrentFileType] = useState(''); // Current file format\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState('');\r\n const [fileList, setFileList] = useState([])\r\n const [files, setFiles] = useState([])\r\n const [form] = Form.useForm();\r\n const [defaultFileList, setDefaultFileList] = useState([]);\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false);\r\n const [basedOnProperty, setBasedOnProperty] = useState(true);\r\n const [formData, setFormData] = useState({\r\n IdentityProofUploaded: \"\",\r\n ApplicantName: '',\r\n Remark: \"\",\r\n SchemeId: \"\",\r\n PropertyNumber: \"\",\r\n Mobile: '',\r\n AppointmentDate: '',\r\n UnitOfArea: '',\r\n Area: ''\r\n });\r\n const [isPVerificationRequired, setIsPVerificationRequired] = useState(false);\r\n\r\n useEffect(() => {\r\n setAppId();\r\n setRedirect(false);\r\n toGetPrivateScheme();\r\n saveNdcApplicationResetState();\r\n privatePropertyApplicationResetState();\r\n getDocumentListResetState();\r\n getAppointmentDateResetState();\r\n getDocumentList({\r\n PropertyId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId,\r\n OrgId: OrgId,\r\n ApplicationTypeId: props.serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n getPropertyAreaUnitList();\r\n }, []);\r\n\r\n const handleOnChange = (event) => {\r\n setFormData({ ...formData, [event.target.name]: event.target.value })\r\n };\r\n\r\n useEffect(() => {\r\n if (saveNdcApplicationState.apiState === \"success\") {\r\n notification.success({\r\n message: saveNdcApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n });\r\n setRedirect(true);\r\n setAppId(saveNdcApplicationState.data.ApplicationId)\r\n }\r\n else if (saveNdcApplicationState.apiState == 'alert') {\r\n notification.warn({\r\n message: saveNdcApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n });\r\n }\r\n }, [saveNdcApplicationState]);\r\n\r\n const submit = () => {\r\n if (saveOwnerPrivatePropertiesState.apiState === 'success') {\r\n saveNdcApplication({\r\n OrgId: OrgId,\r\n PermissionNo: verifyUpnAndMobileSubmitOtpState.nocNumber,\r\n ApplicationType: props.serviceId,\r\n Name: formData.ApplicantName,\r\n Remark: formData.Remark,\r\n Mobile: mobileNoState.MobileNo,\r\n UnitOfArea: formData.UnitOfArea,\r\n Area: formData.Area,\r\n TemporaryApplicationId: getDocumentListState.EntityId,\r\n PropertyRefId: formData.PropertyNumber,\r\n SubmitType: 1,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n ApiKey: \"SavePropertyApplication\",\r\n GPASPA: \"\",\r\n AppointmentDate: formData.AppointmentDate,\r\n })\r\n }\r\n else {\r\n notification.warn({\r\n message: \"Atleast one owner must be added\",\r\n placement: \"bottomRight\"\r\n });\r\n }\r\n };\r\n\r\n const handleOnChangeSelect = (field, value) => {\r\n setFormData({ ...formData, [field]: value })\r\n };\r\n\r\n const normFile = (e) => {\r\n if (Array.isArray(e)) {\r\n return e\r\n }\r\n return e && e.fileList\r\n };\r\n\r\n const onPreview = async file => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1)\r\n let src = file.url;\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n if (!src) {\r\n src = await new Promise(resolve => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n setCurrentFileType('image');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n else {\r\n setCurrentFileType('pdf');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (formData.SchemeId) {\r\n form.setFieldsValue({ \"PropertyNumber\": \"\", \"Area\": \"\", \"UnitOfArea\": \"\" })\r\n toGetPrivatePropertiesList(formData.SchemeId);\r\n }\r\n }, [formData.SchemeId]);\r\n\r\n useEffect(() => {\r\n if (formData.PropertyNumber) {\r\n let array = [];\r\n toGetPrivatePropertiesListState.data.map((item) => {\r\n if (item.Id === formData.PropertyNumber) {\r\n array = item\r\n }\r\n }, [])\r\n if (array.PropertyAreaUnit === 0 && array.Area === 0) {\r\n setBasedOnProperty(false)\r\n }\r\n else {\r\n setBasedOnProperty(true);\r\n setFormData({ ...formData, ['Area']: \"\", ['UnitOfArea']: \"\" });\r\n }\r\n form.setFieldsValue({\r\n ...form,\r\n Area: array.Area == 0 ? \"\" : array.Area,\r\n UnitOfArea: array.PropertyAreaLabel == \"-\" ? \"\" : array.PropertyAreaLabel\r\n })\r\n }\r\n\r\n }, [formData.PropertyNumber]);\r\n\r\n const renderExtensions = (extension) => {\r\n let extensionData = []\r\n extension.map((data) => {\r\n let a = \".\" + _.split(data, \"/\")[1]\r\n extensionData.push(a)\r\n })\r\n return extensionData.join(\", \")\r\n };\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (getDocumentListState.apiState === \"success\") {\r\n let data = _.find(getDocumentListState.list, { 'IsPVerificationRequired': true }) ? true : false\r\n if (data) {\r\n setIsPVerificationRequired(true);\r\n getAppointmentDate({\r\n OrgId: OrgId,\r\n ApplicationTypeId: props.serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n else {\r\n setIsPVerificationRequired(false)\r\n }\r\n }\r\n }, [getDocumentListState])\r\n\r\n return (\r\n <>\r\n {saveNdcApplicationState.apiState === \"success\" && appId ?\r\n \r\n {\r\n setOpenForm(true)\r\n setFormData(initialFormData)\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n\r\n Add More Owners\r\n\r\n \r\n
\r\n }\r\n \r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n }\r\n
- {item.AllowedDocumentTypes}
\r\n ))}\r\n \r\nOnline application submission shall be available soon.
\r\n }\r\n\r\n {securityCheck &&\r\n \r\n \r\n {item.Remarks} \r\n
\r\n }\r\n\r\n {(item.displayActions && item.displayActions.length > 0)\r\n ? [\r\n item.displayActions.map((action) => {\r\n if (action.slug === \"view_pay_demand_note\") {\r\n return (\r\n <>\r\n \r\n
\r\n
Something is not right.
\r\n }\r\n\r\n {render &&\r\n <>\r\n\r\n DOWNLOAD CERTIFICATE \r\n }\r\n
\r\n {verifyUpnAndMobileSubmitOtpState.submitApplication &&\r\n <>\r\n \r\n Application ID: {getNdcDetailsState.data.ApplicationNo} \r\n
\r\n {getNdcDetailsState.data.DownloadCertificateLink &&\r\n getNdcDetailsState.data.ApplicationTypeId !== 1727 && getNdcDetailsState.data.ApplicationTypeId !== 1710 &&\r\n \r\n \r\n {getNdcDetailsState.data.ApplicationName} . \r\n {getNdcDetailsState.data.ApplicationStatus} \r\n
\r\n \r\n \r\n {item.AppointmentDateWithSlot}}\r\n description={\r\n <>\r\n \r\n {item.Status === 'COMPLETED' ? 'Physical verification of documents successfully completed. '\r\n : 'Reason for Rescheduling: '\r\n }\r\n \r\n {item.Remarks}\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 Your Application ID is {ApplicationId} and application was submitted on {getNdcDetailsState.data.ApplicationDate}. Your application is currently in {getNdcDetailsState.data.ApplicationStatus} status.\r\n {(getNdcDetailsState.data.ApplicationTypeId === 28 || getNdcDetailsState.data.ApplicationTypeId === 29 || getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726) &&\r\n <>\r\n {getNdcDetailsState.data.IsRenewal === \"N\" ? \" Application is applied for new certificate.\" : \" Application is applied for renewal certificate.\"}\r\n \r\n }\r\n \r\n\r\n \r\n {(getNdcDetailsState.data.ApplicationTypeId === 21 || getNdcDetailsState.data.ApplicationTypeId === 1048 || getNdcDetailsState.data.ApplicationTypeId === 20 || getNdcDetailsState.data.ApplicationTypeId === 1509 || getNdcDetailsState.data.ApplicationTypeId === 1508 || getNdcDetailsState.data.ApplicationTypeId === 26 || getNdcDetailsState.data.ApplicationTypeId === 25 || getNdcDetailsState.data.ApplicationTypeId === 32) ?\r\n\r\n <>\r\n {(getNdcDetailsState.data.ApplicationTypeId === 20 || getNdcDetailsState.data.ApplicationTypeId === 21) &&\r\n Property Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Applicant Details \r\n \r\n \r\n \r\n \r\n \r\n {(getNdcDetailsState.data.ApplicationTypeId === 1509 || getNdcDetailsState.data.ApplicationTypeId === 1508 || getNdcDetailsState.data.ApplicationTypeId === 26 || getNdcDetailsState.data.ApplicationTypeId === 25 || getNdcDetailsState.data.ApplicationTypeId === 32) ?\r\n null\r\n :\r\n \r\n \r\n \r\n \r\n }\r\n {getNdcDetailsState.data.TransferType === \"Transfer\" &&\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 {getNdcDetailsState.data.AppliedOwner.length > 0 && getNdcDetailsState.data.AppliedOwner[0].GPADetails.Id > 0 &&\r\n <>\r\n GPA Details of {`${getNdcDetailsState.data.ApplicantDetails.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 \r\n
\r\n {/* {getNdcDetailsState.data.ApplicationTypeId !== 25 && */}\r\n\r\n {getNdcDetailsState.data.AppliedOwner[0].GPADetails.Document &&\r\n\r\n DownloadGPAFile(getNdcDetailsState.data.AppliedOwner[0].GPADetails.Document.DocumentId, getNdcDetailsState.data.AppliedOwner[0].GPADetails.Document.FileName)}>\r\n \r\n\r\n }\r\n\r\n \r\n }\r\n\r\n {getNdcDetailsState.data.PurchaserDetails.map((purchaser) => {\r\n return (\r\n <>\r\n {changeOfOwnerShip ? (getNdcDetailsState.data.ApplicationTypeId !== 25 ? \"Transferee's\" : getNdcDetailsState.data.ApplicationTypeId === 25 ? \"Transferee’s Details as per NOC\" : \"Transferee’s Details as per Transfer Permission\") : \"Purchaser's\"} Details of {`${purchaser.Salutation} ${purchaser.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 \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 {purchaser.PurchaserDocument.map(item => {\r\n return (\r\n DownloadPurchaserOrLegalHeirFile(item.DocumentId, item.FileName, 900)}>\r\n \r\n )\r\n })\r\n }\r\n \r\n {purchaser.GPADetails && purchaser.GPADetails.Id > 0 &&\r\n <>\r\n GPA Details of {`${purchaser.Salutation} ${purchaser.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 \r\n
\r\n {/* {getNdcDetailsState.data.ApplicationTypeId !== 25 && */}\r\n\r\n {purchaser.GPADetails.Document &&\r\n\r\n DownloadGPAFile(purchaser.GPADetails.Document.DocumentId, purchaser.GPADetails.Document.FileName)}>\r\n \r\n\r\n }\r\n\r\n \r\n }\r\n \r\n\r\n )\r\n })}\r\n\r\n {getNdcDetailsState.data.LegalHeirDetails.map((legalHeir) => {\r\n return (\r\n <>\r\n Legal Heir Details of {`${legalHeir.PurchaserName}`} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n
\r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n
*/}\r\n {legalHeir.LegalHeirDocument.map(item => {\r\n return (\r\n DownloadPurchaserOrLegalHeirFile(item.DocumentId, item.FileName, 901)}>\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 (getNdcDetailsState.data.ApplicationTypeId === 1626 || getNdcDetailsState.data.ApplicationTypeId === 1625) ?\r\n <>\r\n Applicant Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n Property Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {(getNdcDetailsState.data.PurchaserDetails).map((details) => {\r\n return (\r\n Applicant Details \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Property Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \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 {getNdcDetailsState.data.ApplicationTypeId === 33 &&\r\n <>\r\n Property Details where applicant will run professional consultancy services \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Applicant's Personal Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Applicant's Permanent Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Applicant's Correspondence Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Professional Consultancy Services Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \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 {getNdcDetailsState.data.ApplicationTypeId === 1475 &&\r\n <>\r\n Required Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \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 {(getNdcDetailsState.data.ApplicationTypeId === 30 || getNdcDetailsState.data.ApplicationTypeId === 1059 || getNdcDetailsState.data.ApplicationTypeId === 1712 || getNdcDetailsState.data.ApplicationTypeId === 1716) &&\r\n <>\r\n Requirements \r\n {(getNdcDetailsState.data.ApplicationTypeId === 1059 || getNdcDetailsState.data.ApplicationTypeId === 1712 || getNdcDetailsState.data.ApplicationTypeId === 1716) &&\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 {(getNdcDetailsState.data.ApplicationTypeId === 1059 || getNdcDetailsState.data.ApplicationTypeId === 1712 || getNdcDetailsState.data.ApplicationTypeId === 1716) &&\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n }\r\n {(getNdcDetailsState.data.ApplicationTypeId === 30 || getNdcDetailsState.data.ApplicationTypeId === 1059 || getNdcDetailsState.data.ApplicationTypeId === 1712 || getNdcDetailsState.data.ApplicationTypeId === 1716) &&\r\n <>\r\n \r\n {getNdcDetailsState.data.ApplicationTypeId === 30 &&\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 {(getNdcDetailsState.data.ApplicationTypeId === 30 || getNdcDetailsState.data.ApplicationTypeId === 1059 || getNdcDetailsState.data.ApplicationTypeId === 1712 || getNdcDetailsState.data.ApplicationTypeId === 1716) &&\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 {(getNdcDetailsState.data.ApplicationTypeId === 30) &&\r\n <>\r\n Plumber Certificate Details (Who issued certificate) \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n }\r\n {(getNdcDetailsState.data.ApplicationTypeId === 28 || getNdcDetailsState.data.ApplicationTypeId === 29 || getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726) &&\r\n <>\r\n {(getNdcDetailsState.data.ApplicationTypeId === 28 || getNdcDetailsState.data.ApplicationTypeId === 29) ?\r\n <>\r\n Applicant Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {getNdcDetailsState.data.ApplicationTypeId === 28 ? \"Estate Agent\" : \"Promoter\"} Personal Details \r\n \r\n :\r\n Plumber's Personal Details \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {((getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1638 || getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1639) || (getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726)) &&\r\n \r\n \r\n \r\n \r\n }\r\n
\r\n {((getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1638 || getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1639) || (getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726)) &&\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 {((getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1638 || getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId === 1639) || (getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726)) &&\r\n \r\n \r\n \r\n \r\n }\r\n {((getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId !== 1638 && getNdcDetailsState.data.EntrepreneurDetails.ConstituationTypeId !== 1639) && (getNdcDetailsState.data.ApplicationTypeId !== 1721 && getNdcDetailsState.data.ApplicationTypeId !== 1726)) &&\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 {(getNdcDetailsState.data.ApplicationTypeId === 1721 || getNdcDetailsState.data.ApplicationTypeId === 1726) &&\r\n <>\r\n Qualification and Experience Details: \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n }\r\n {(getNdcDetailsState.data.ApplicationTypeId === 28 || getNdcDetailsState.data.ApplicationTypeId === 29) ?\r\n {getNdcDetailsState.data.ApplicationTypeId === 28 ? \"Estate Agent\" : \"Promoter\"} Permanent Address \r\n :\r\n Plumber's Permanent Address \r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {(getNdcDetailsState.data.ApplicationTypeId === 28 || getNdcDetailsState.data.ApplicationTypeId === 29) ?\r\n {getNdcDetailsState.data.ApplicationTypeId === 28 ? \"Estate Agent\" : \"Promoter\"} Correspondence Address \r\n :\r\n Plumber's Correspondence Address \r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Building Plan Details \r\n \r\n {/* {getNdcDetailsState.data.AreainSqYard > 1195.99 && */}\r\n \r\n \r\n \r\n \r\n {/* } */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n {(getDrawingScrutinyReportState.apiState === \"success\" && getDrawingScrutinyReportState.list.length > 0) &&\r\n <>\r\n Building Plan Revision History \r\n \r\n }\r\n {getDrawingScrutinyReportState.apiState === \"success\" && getDrawingScrutinyReportState.list.map((item, index) => (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n {((item.Status === '04' || item.Status === '05') && getDocumentListState.apiState === \"success\" && index === 1) &&\r\n \r\n\r\n \r\n \r\n Upload revised building plan.\r\n \r\n {\r\n setUploadLoading(true)\r\n return true\r\n }}\r\n onSuccess={(response) => {\r\n if (response.Status === 2) {\r\n notification[\"success\"]({\r\n message: \"Revised building plan document successfully submitted.\",\r\n placement: \"bottomRight\"\r\n })\r\n postAutoDCR({\r\n OrgId: OrgId,\r\n ApplicationId: getDocumentListState.EntityId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken ?? \"\",\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey ?? \"\",\r\n ArchitectToken: verifyUpnAndMobileSubmitOtpState.ArchitectToken ?? \"\",\r\n ArchitectTokenKey: verifyUpnAndMobileSubmitOtpState.ArchitectTokenKey ?? \"\"\r\n })\r\n }\r\n if (response.Status === 1) {\r\n notification[\"error\"]({\r\n message: response.Message,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n setUploadLoading(false)\r\n }}\r\n > } loading={uploadLoading} >Click to Upload\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 {(getNdcDetailsState.data.ApplicationTypeId === 1679 || getNdcDetailsState.data.ApplicationTypeId === 1710 || getNdcDetailsState.data.ApplicationTypeId === 1727) &&\r\n <>\r\n Application Details \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n Architect's Personal Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Certificate of Registration Details at Council of Architecture \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 Architect's Permanent Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Architect's official Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n }\r\n\r\n Documents Uploaded \r\n\r\n {getDocumentListState.apiState === \"success\"\r\n ? (getDocumentListState.list || []).map(item => {\r\n if (item.DocumentId) {\r\n return (\r\n DownloadFile(item.DocumentId, item.FileName)}>\r\n \r\n )\r\n }\r\n })\r\n : null}\r\n\r\n {getDocumentListState.apiState === \"success\"\r\n ? [\r\n attachedDocs === 0\r\n ? \r\n Appointment Detail For Physical Verification of Documents \r\n \r\n\r\n {(getNdcDetailsState.data.AppointmentDetail.IsExpired === 'Yes' && getAppointmentDateState.apiState === \"success\") ?\r\n <>\r\n \r\n handleOnChangeSelect(v, 'NewAppointmentDatewithSlot')}\r\n >\r\n {getAppointmentDateState.data.map((item) => {\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 Submit \r\n \r\n\r\n \r\n \r\n :\r\n <>\r\n {getNdcDetailsState.data.AppointmentDetail.Status === 'SCHEDULED' &&\r\n 0) ? 'Rescheduled Appointment Date' : 'Appointment Date'}\r\n >\r\n \r\n \r\n \r\n }\r\n\r\n {getNdcDetailsState.data.AppointmentDetail.IsExpired === 'Yes' &&\r\n\r\n\r\n \r\n Reschedule Appointment \r\n \r\n \r\n }\r\n\r\n \r\n }\r\n\r\n
\r\n {(getAppointmentHistoryState.apiState === 'success' && getAppointmentHistoryState.data.length > 0) &&\r\n \r\n Appointment History
}\r\n itemLayout=\"horizontal\"\r\n dataSource={getAppointmentHistoryState.data}\r\n renderItem={item => (\r\n \r\n \r\n Note:- All Allotees/Applicants purchasers along with sellers must visit the single window for the due\r\n verification of the details filled up in the application form and get their photograph clicked at the time of verification\r\n of documents only.\r\n \r\n
\r\n }\r\n {getNdcDetailsState.data.AppliedOwner[0].GPADetails.Document.DocumentName}
\r\n{item.DocumentName}
\r\n{purchaser.GPADetails.Document.DocumentName}
\r\n{item.DocumentName}
\r\n\r\n Owner Details of {details.Salutation} {details.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 \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 (getNdcDetailsState.data.ApplicationTypeId !== 28 && getNdcDetailsState.data.ApplicationTypeId !== 29 && getNdcDetailsState.data.ApplicationTypeId !== 1721 && getNdcDetailsState.data.ApplicationTypeId !== 1726 && getNdcDetailsState.data.ApplicationTypeId !== 1679 && getNdcDetailsState.data.ApplicationTypeId !== 1710 && getNdcDetailsState.data.ApplicationTypeId !== 1727) &&\r\n <>\r\n {`${++index}. ${item.ReportDate}`} :
\r\n \r\n {item.Remarks}
\r\n\r\n \r\n \r\n \r\n {\r\n item.Status === '03' &&\r\n View Building Plan \r\n }\r\n {\r\n (item.Status === '03' || item.Status === '04') &&\r\n View Scrutiny Report \r\n }\r\n \r\n
\r\n \r\n {item.Name}
\r\n\r\n \r\n \r\n
\r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n getApplicationDetailState: state.getApplicationDetail,\r\n})\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getApplicationDetail: (params) => dispatch(getApplicationDetail(params)),\r\n})\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PrintAcknowledgement)","import styled from \"styled-components\"\r\n\r\nexport const Container = styled.div`\r\n width: 950px;\r\n padding: 16px;\r\n background: #fff;\r\n border: solid 1px #707070;\r\n margin-bottom: 48px;\r\n margin-top: 12px;\r\n`\r\n\r\nexport const Heading = styled.h3`\r\n font-size: ${props => props.theme.fontSizes.lg};\r\n font-weight: bold;\r\n border-bottom: solid 1px #70707063;\r\n padding-bottom: ${props => props.theme.fontSizes.sm};\r\n`\r\n\r\nexport const UpnNumberCard = styled.div`\r\n text-align: center;\r\n padding: 12px;\r\n margin-top: 10px;\r\n border-radius: 10px;\r\n border:dashed 1px #49cc49;\r\n background-color: #f3fdf3;\r\n`\r\n\r\nexport const Label = styled.span`\r\n font-size: 16px;\r\n font-weight: bold;\r\n`","import React, { useState, useEffect } from 'react'\r\nimport { connect } from \"react-redux\"\r\nimport { Link } from 'react-router-dom'\r\nimport { Form, Col, Row, Input, Select, Tooltip, notification, Space, Button, Alert } from 'antd'\r\nimport { CheckCircleFilled, CloseCircleOutlined, InfoCircleOutlined, UndoOutlined } from '@ant-design/icons'\r\n\r\nimport './GetUpn.css'\r\nimport {\r\n requestAuthorityList, requestLocationList,\r\n requestSectorList, requestUsageTypesList, requestPropertyTypeList,\r\n requestPropertyNumberList, getUpnNumber, getUpnVerifyOtp, getUpnResetState\r\n} from \"../../actions/GetUpnActions\"\r\nimport { PrimaryButton, BlankSpace, FormItem, BlueButton, GreenButton, Xlink, FlexDiv, FlexRow, TextButton } from '../../components/Xcomponents'\r\nimport { Container, UpnNumberCard, Label } from './GetUpnStyle'\r\nimport { LeftSection, RightSection, ServiceBar, ServiceName } from '../ServiceDetailPage/ServiceDetailPageStyle'\r\nimport { BackIcon } from '../../components/CustomIcons'\r\n\r\n\r\nconst { Option } = Select;\r\n\r\nconst GetUpn = props => {\r\n\r\n const {\r\n GetUpnState, getUpnResetState, requestLocationList,\r\n requestSectorList, requestUsageTypesList, requestPropertyTypeList,\r\n requestPropertyNumberList, getUpnNumber,\r\n getAuthorityListState\r\n } = props\r\n\r\n const {\r\n getUpnData,\r\n AuthorityListRequestStatus,\r\n LocationList,\r\n SectorList,\r\n UsageTypesList,\r\n PropertyTypeList,\r\n PropertyNumberList,\r\n DisableDevelopmentAuthority,\r\n DisableLocation,\r\n DisableSector,\r\n DisableUsageType,\r\n DisablePropertyType,\r\n DisablePropertyNumber,\r\n LoadingDevelopmentAuthority,\r\n LoadingLocation,\r\n LoadingSector,\r\n LoadingUsageType,\r\n LoadingPropertyType,\r\n LoadingPropertyNumber,\r\n getUpnNumberStatus,\r\n loadingSubmit,\r\n getUpnNumberAlertMessage,\r\n visibleOtpModal,\r\n } = GetUpnState\r\n\r\n\r\n const [DevelopmentAuthorityOptions, setDevelopmentAuthorityOptions] = useState([])\r\n const [LocationOptions, setLocationOptions] = useState([])\r\n const [SectorOptions, setSectorOptions] = useState([])\r\n const [UsageTypesOptions, setUsageTypesOptions] = useState([])\r\n const [PropertyTypeOptions, setPropertyTypeOptions] = useState([])\r\n const [PropertyNumberOptions, setPropertyNumberOptions] = useState([])\r\n const initialFormData = {\r\n AuthorityId: null,\r\n LocationName: null,\r\n SectorId: null,\r\n UsageTypeId: null,\r\n PropertyTypeId: null,\r\n PropertyNumberId: null,\r\n AllotmentNumber: \"\",\r\n MobileNumber: \"\",\r\n }\r\n const [FormData, setFormData] = useState(initialFormData)\r\n\r\n const [displayOtpModal, setDisplayOtpModal] = useState(false)\r\n\r\n const [form] = Form.useForm();\r\n\r\n\r\n\r\n\r\n useEffect(() => {\r\n // requestAuthorityList()\r\n return (() => getUpnResetState())\r\n }, [])\r\n\r\n const handleDevelopmentAuthoritySelect = (AuthorityId, option) => {\r\n setFormData({ ...FormData, [\"AuthorityId\"]: AuthorityId })\r\n requestLocationList(AuthorityId)\r\n form.setFieldsValue({\r\n Location: undefined,\r\n Sector: undefined,\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n\r\n const handleLocationSelect = (LocationName, option) => {\r\n setFormData({ ...FormData, [\"LocationName\"]: LocationName })\r\n requestSectorList({\r\n AuthorityId: FormData.AuthorityId,\r\n LocationName: LocationName\r\n })\r\n form.setFieldsValue({\r\n Sector: undefined,\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n\r\n const handleSectorSelect = (SectorId, option) => {\r\n setFormData({ ...FormData, [\"SectorId\"]: SectorId })\r\n requestUsageTypesList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: SectorId\r\n })\r\n form.setFieldsValue({\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n\r\n const handleUsageTypeSelect = (UsageTypeId, option) => {\r\n setFormData({ ...FormData, [\"UsageTypeId\"]: UsageTypeId })\r\n requestPropertyTypeList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: FormData.SectorId,\r\n UsageTypeId: UsageTypeId\r\n })\r\n form.setFieldsValue({\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n })\r\n }\r\n\r\n const handlePropertyTypeSelect = (PropertyTypeId, option) => {\r\n GetUpnState.DisablePropertyNumber = false\r\n GetUpnState.PropertyNumberList = null\r\n setFormData({ ...FormData, [\"PropertyTypeId\"]: PropertyTypeId })\r\n }\r\n\r\n const handlePropertyNumberSelect = (PropertyNumberId, option) => {\r\n setFormData({ ...FormData, [\"PropertyNumberId\"]: PropertyNumberId })\r\n }\r\n\r\n const handlePropertyNumberSearch = (SearchTerm) => {\r\n if (SearchTerm.length >= 1) {\r\n requestPropertyNumberList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: FormData.SectorId,\r\n UsageTypeId: FormData.UsageTypeId,\r\n PropertyTypeId: FormData.PropertyTypeId,\r\n SearchTerm: SearchTerm\r\n })\r\n } else {\r\n setPropertyNumberOptions([])\r\n }\r\n }\r\n\r\n const handleOnChange = (e) => {\r\n setFormData({ ...FormData, [e.target.name]: e.target.value })\r\n }\r\n\r\n\r\n\r\n useEffect(() => {\r\n {\r\n let options = []\r\n getAuthorityListState.list.map(item => {\r\n options.push()\r\n })\r\n setDevelopmentAuthorityOptions(options)\r\n }\r\n }, [getAuthorityListState])\r\n\r\n useEffect(() => {\r\n if (LocationList && LocationList.length > 0) {\r\n let options = []\r\n LocationList.forEach(\r\n (item) => {\r\n if (item.Name) options.push()\r\n }\r\n )\r\n setLocationOptions(options)\r\n }\r\n }, [LocationList])\r\n\r\n useEffect(() => {\r\n if (SectorList && SectorList.length > 0) {\r\n let options = []\r\n SectorList.forEach(\r\n (item) => {\r\n if (item.Name) options.push()\r\n }\r\n )\r\n setSectorOptions(options)\r\n }\r\n }, [SectorList])\r\n\r\n useEffect(() => {\r\n if (UsageTypesList && UsageTypesList.length > 0) {\r\n let options = []\r\n UsageTypesList.forEach(\r\n (item) => {\r\n if (item.Name) options.push()\r\n }\r\n )\r\n setUsageTypesOptions(options)\r\n }\r\n }, [UsageTypesList])\r\n\r\n useEffect(() => {\r\n if (PropertyTypeList && PropertyTypeList.length > 0) {\r\n let options = []\r\n PropertyTypeList.forEach(\r\n (item) => {\r\n if (item.Name) options.push()\r\n }\r\n )\r\n setPropertyTypeOptions(options)\r\n }\r\n }, [PropertyTypeList])\r\n\r\n useEffect(() => {\r\n if (PropertyNumberList && PropertyNumberList.length > 0) {\r\n let options = []\r\n PropertyNumberList.forEach(\r\n (item) => {\r\n if (item.Name) options.push()\r\n }\r\n )\r\n setPropertyNumberOptions(options)\r\n } else {\r\n setPropertyNumberOptions([])\r\n }\r\n }, [PropertyNumberList])\r\n\r\n useEffect(() => {\r\n if (AuthorityListRequestStatus === \"Fail\") {\r\n GetUpnState.AuthorityListRequestStatus = null\r\n notification.error({\r\n message: \"Something went wrong. Please reload the page.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }, [AuthorityListRequestStatus])\r\n\r\n useEffect(() => {\r\n if (getUpnNumberStatus === \"Fail\") {\r\n GetUpnState.getUpnNumberStatus = null\r\n notification.error({\r\n message: \"Something went wrong. Please submit again.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (getUpnNumberStatus === \"Alert\") {\r\n GetUpnState.getUpnNumberStatus = null\r\n notification.error({\r\n message: getUpnNumberAlertMessage,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (getUpnNumberStatus === \"Success\") {\r\n setPropertyNumberOptions([])\r\n setPropertyTypeOptions([])\r\n setUsageTypesOptions([])\r\n setSectorOptions([])\r\n setLocationOptions([])\r\n setFormData({ ...initialFormData })\r\n form.resetFields()\r\n setDisplayOtpModal(false)\r\n }\r\n }, [getUpnNumberStatus])\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n // useEffect(() => {\r\n // if (visibleOtpModal) {\r\n\r\n // // notification.success({\r\n // // message: `Enter OTP received on ${firstPart}********${lastPart}`,\r\n // // placement: \"bottomRight\"\r\n // // })\r\n // setDisplayOtpModal(true)\r\n // } else {\r\n // setDisplayOtpModal(false)\r\n // }\r\n // }, [visibleOtpModal])\r\n\r\n const onFinish = () => {\r\n getUpnNumber(FormData)\r\n }\r\n\r\n const resetForm = () => {\r\n setPropertyNumberOptions([])\r\n setPropertyTypeOptions([])\r\n setUsageTypesOptions([])\r\n setSectorOptions([])\r\n setLocationOptions([])\r\n setFormData({ ...initialFormData })\r\n form.resetFields()\r\n setDisplayOtpModal(false)\r\n getUpnResetState()\r\n }\r\n\r\n return (\r\n \r\n
| \r\n
\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n return null\r\n }\r\n\r\n\r\n const handleDevelopmentAuthoritySelect = (AuthorityId, option) => {\r\n setFormData({ ...FormData, [\"AuthorityId\"]: AuthorityId })\r\n requestLocationList(AuthorityId)\r\n form.setFieldsValue({\r\n Location: undefined,\r\n Sector: undefined,\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n\r\n const handleLocationSelect = (LocationName, option) => {\r\n setFormData({ ...FormData, [\"LocationName\"]: LocationName })\r\n requestSectorList({\r\n AuthorityId: FormData.AuthorityId,\r\n LocationName: LocationName\r\n })\r\n form.setFieldsValue({\r\n Sector: undefined,\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n const handleSelect = (name, v) => {\r\n setFormData({ ...FormData, [name]: v })\r\n }\r\n\r\n const handleSectorSelect = (SectorId, option) => {\r\n setFormData({ ...FormData, [\"SectorId\"]: SectorId })\r\n requestUsageTypesList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: SectorId\r\n })\r\n form.setFieldsValue({\r\n UsageType: undefined,\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n });\r\n }\r\n\r\n const handleUsageTypeSelect = (UsageTypeId, option) => {\r\n setFormData({ ...FormData, [\"UsageTypeId\"]: UsageTypeId })\r\n requestPropertyTypeList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: FormData.SectorId,\r\n UsageTypeId: UsageTypeId\r\n })\r\n form.setFieldsValue({\r\n PropertyType: undefined,\r\n PropertyNumber: undefined\r\n })\r\n }\r\n\r\n const handlePropertyTypeSelect = (PropertyTypeId, option) => {\r\n GetUpnState.DisablePropertyNumber = false\r\n GetUpnState.PropertyNumberList = null\r\n setFormData({ ...FormData, [\"PropertyTypeId\"]: PropertyTypeId })\r\n }\r\n\r\n const handlePropertyNumberSelect = (PropertyNumberId, option) => {\r\n setFormData({ ...FormData, [\"PropertyNumberId\"]: PropertyNumberId, ['AlloteeName']: \"\" })\r\n form.setFieldsValue({\r\n AlloteeName: null\r\n })\r\n getCurrentOwnersByPropertyRefId({\r\n OrgId: FormData.AuthorityId,\r\n PropertyRefId: PropertyNumberId,\r\n })\r\n }\r\n\r\n const handlePropertyNumberSearch = (SearchTerm) => {\r\n if (SearchTerm.length >= 1) {\r\n requestPropertyNumberList({\r\n AuthorityId: FormData.AuthorityId,\r\n SectorId: FormData.SectorId,\r\n UsageTypeId: FormData.UsageTypeId,\r\n PropertyTypeId: FormData.PropertyTypeId,\r\n SearchTerm: SearchTerm\r\n })\r\n } else {\r\n setPropertyNumberOptions([])\r\n }\r\n }\r\n\r\n const handleOnChange = (e) => {\r\n setFormData({ ...FormData, [e.target.name]: e.target.value })\r\n }\r\n\r\n const handleOtpChange = (e) => {\r\n setOtp(e.target.value)\r\n }\r\n\r\n const handleVerifyOtpClick = () => {\r\n GetUpnState.getUpnObjAfterOtp.OTP = otp\r\n setVerifyOtpLoading(true)\r\n getUpnVerifyOtp(getUpnObjAfterOtp)\r\n }\r\n\r\n\r\n\r\n const resetForm = () => {\r\n setPropertyNumberOptions([])\r\n setPropertyTypeOptions([])\r\n setUsageTypesOptions([])\r\n setSectorOptions([])\r\n setLocationOptions([])\r\n setFormData({ ...initialFormData })\r\n form.resetFields()\r\n setDisplayOtpModal(false)\r\n }\r\n\r\n return (\r\n \r\n \r\n {displayOtpModal &&\r\n \r\n }\r\n\r\n
\r\n }\r\n\r\n {\r\n (GetUpnState.uiState === \"success\") &&\r\n <>\r\n \r\n {\r\n (props.spacingTop) &&\r\n \r\n }\r\n\r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nexport default ScrollBox\r\n","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Skeleton, Tooltip } from \"antd\";\nimport { CaretRightOutlined, CheckCircleTwoTone } from \"@ant-design/icons\";\n\nimport { Container } from \"./BasicStyle\";\nimport { getPropertyBasicDetail } from \"../../../actions/getPropertyBasicDetailAction\";\nimport LabelView from \"./LabelView/LabelView\";\nimport {\n Xcollapse,\n Xgrid,\n XgridCard,\n Xtable,\n FlexDiv,\n} from \"../../../components/Xcomponents\";\nimport ScrollBox from \"../../../components/ScrollBox\";\n\nconst Basic = (props) => {\n const { getPropertyBasicDetailState, getPropertyBasicDetail } = props;\n\n useEffect(() => {\n getPropertyBasicDetail({\n PropertyId: props.id,\n OrgId: props.org,\n AuthToken: props.AuthToken,\n AuthTokenKey: props.AuthTokenKey,\n });\n }, []);\n\n const columns = [\n {\n title: \"\",\n dataIndex: \"IsLinked\",\n render: (item) =>\n item.IsLinked > 0 ? (\n ${email}
`\n );\n printWindow.document.write(\"\" + printContent + \"
\");\n printWindow.document.write(\"\");\n\n printWindow.document.close();\n\n printWindow.onload = function () {\n printWindow.print();\n printWindow.close();\n };\n\n return true;\n }\n\n return (\n <>\n {item.PaymentMode === \"Online Transaction\" ? (\n \n 
\n \n
\n {name}
\n{address}
\n \n| Date | \n: | \n{item.PaymentDate} | \n
| Receipt No | \n: | \n{item.PaymentDetail} | \n
| Transaction No | \n: | \n{item.PaymentDetail} | \n
| Applicant Name | \n: | \n{`${data[0].Salutation} ${data[0].Name}`} | \n
| Property/Form No. | \n: | \n{itemTwo.data.ProertyDetails.PlotNumber} | \n
| Scheme | \n: | \n{itemTwo.data.ProertyDetails.SchemeName} | \n
| Amount | \n: | \n\n ₹{item.TotalAmount}\n | \n
| Fee Type | \n: | \n\n {item.PaymentHeadDetails.map((data, key) => (\n {`${data.HeadName}: ₹${data.HeadAmount}${\n item.PaymentHeadDetails.length - 1 !== key ? \",\" : \"\"\n }`}\n ))}\n | \n
\n {`₹${inr(\n rcd.HeadAmount\n )}`}\n }\n />\n
\n ))}\n >\n Processing Payment...
\r\n \r\n \r\n } else if (PropertyDuePaymentsState.uiState === \"empty\") {\r\n otherJsx = \r\n \r\n \r\n {\r\n setHeight(height - 50);\r\n setWidth(width - 50);\r\n }}\r\n >\r\n {\r\n setHeight(height + 50);\r\n setWidth(width + 50);\r\n }}\r\n >\r\n
\r\n\r\n \r\n setPageNumber(Number(pdfPage))}\r\n >\r\n Goto Page\r\n \r\n setPdfPage(event.target.value)}\r\n />\r\n
\r\n \r\n Page {pageNumber} of {numPages}\r\n
\r\n{item.SrNo}
\r\n };\r\n }\r\n },\r\n {\r\n title: \"Date\",\r\n dataIndex: \"ShowDueDate\",\r\n width: 130,\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.ShowDueDate}
\r\n };\r\n }\r\n },\r\n {\r\n title: \"Narration\",\r\n dataIndex: \"Narration\",\r\n width: 250,\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.Narration}
\r\n };\r\n }\r\n },\r\n {\r\n title: \"Dr. Amount\",\r\n dataIndex: \"DR\",\r\n align: \"right\",\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.DR}
\r\n };\r\n }\r\n },\r\n {\r\n title: \"Cr. Amount\",\r\n dataIndex: \"CR\",\r\n align: \"right\",\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.CR}
\r\n };\r\n }\r\n },\r\n {\r\n title: `Delay (in days) for which penal interest is payable`,\r\n dataIndex: \"Days\",\r\n width: 150,\r\n align: \"right\",\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.Days}
\r\n };\r\n }\r\n },\r\n {\r\n title: \"Balance\",\r\n dataIndex: \"balance\",\r\n align: \"right\",\r\n render(item) {\r\n return {\r\n props: {\r\n style: {\r\n background: item.TransId !== \"0\" ? item.TransColorCode : '#0000',\r\n color: item.TransId == \"0\" && item.TransColorCode,\r\n borderTop: item.TransId == \"0\" && '2px solid #999',\r\n borderBottom: item.TransId == \"0\" && '2px solid #999',\r\n borderRight: item.TransId == \"0\" && '2px solid #999',\r\n fontWeight: item.TransId == \"0\" && '700'\r\n }\r\n },\r\n children: {item.balance}
\r\n };\r\n }\r\n },\r\n ]\r\n setColumns(columns)\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (getPropertyLedgerState.apiState === \"success\") {\r\n let data = []\r\n getPropertyLedgerState.data.Data.map((item, index) => {\r\n data.push({\r\n SrNo: { SrNo: ++index, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n ShowDueDate: { ShowDueDate: item.ShowDueDate, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n Narration: { Narration: item.Narration, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n DR: { DR: item.DR, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n CR: { CR: item.CR, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n Days: { Days: item.Days, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n balance: { balance: item.balance, TransColorCode: item.TransColorCode, TransId: item.TransId },\r\n })\r\n })\r\n // console.log(data)\r\n setDataSource(data)\r\n }\r\n }, [getPropertyLedgerState])\r\n\r\n\r\n //Functions\r\n const handleOnChangeSelect = (value) => {\r\n setTransactionType(value)\r\n }\r\n\r\n\r\n return (\r\n Ownership Details
\r\n {getPropertyDetailLedgerState.apiState === \"success\" &&\r\n <>\r\n {o.TransName}
))}\r\n \r\n \r\n \r\n {\r\n setHeight(height - 50);\r\n setWidth(width - 50);\r\n }}\r\n >\r\n {\r\n setHeight(height + 50);\r\n setWidth(width + 50);\r\n }}\r\n >\r\n
\r\n\r\n \r\n setPageNumber(Number(pdfPage))}\r\n >\r\n Goto Page\r\n \r\n setPdfPage(event.target.value)}\r\n />\r\n
\r\n \r\n Page {pageNumber} of {numPages}\r\n
\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n {key + 1} : {owner.Name}\r\n \r\n \r\n \r\n deletePurchaserTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: owner.PurchaserId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n {getOwnerListState.data.length > 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 Father's Name : {owner.FatherName}
\r\n Email : {owner.EmailAddress}
\r\n Mobile : {owner.MobileNumber}
\r\n Address : {owner.Address}
\r\n \r\n {getOwnerListState.data.length > 0 &&\r\n
\r\n\r\n {openForm &&\r\n }\r\n \r\n )\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n saveOwnerPrivatePropertiesState: state.saveOwnerPrivateProperties,\r\n getSalutationListState: state.getSalutationList,\r\n getOwnerListState: state.getOwnerList,\r\n saveNdcApplicationState: state.saveNdcApplication,\r\n deletePurchaserState: state.transferApplicationDeletePurchaser,\r\n\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n saveOwnerPrivateProperties: (params) => dispatch(saveOwnerPrivateProperties(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n getOwnerList: (params) => dispatch(getOwnerList(params)),\r\n getOwnerListResetState: () => dispatch(getOwnerListResetState()),\r\n saveOwnerPrivatePropertiesResetState: () => dispatch(saveOwnerPrivatePropertiesResetState()),\r\n deletePurchaserTransferApplication: (params) => dispatch(deletePurchaserTransferApplication(params)),\r\n\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditOwnerForm)","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Col,\r\n Form,\r\n Row,\r\n Upload,\r\n Button,\r\n notification,\r\n Input,\r\n DatePicker,\r\n Select,\r\n Checkbox,\r\n InputNumber,\r\n Alert,\r\n Space,\r\n Modal,\r\n} from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { UploadOutlined } from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\nimport _ from \"lodash\";\r\n\r\n// components\r\nimport { Container, Heading } from \"./EditNdcFormStyle\";\r\nimport {\r\n FormItem,\r\n BlankSpace,\r\n BlueButton,\r\n DocumentUpload,\r\n ValidationDiv,\r\n FileTitle,\r\n} from \"../Xcomponents\";\r\nimport EditOwnerForm from \"./EditOwnerForm\";\r\n\r\n// actions\r\nimport {\r\n toGetPrivatePropertiesList,\r\n toGetPrivatePropertiesListResetState,\r\n} from \"../../actions/toGetPrivatePropertiesListAction\";\r\nimport {\r\n saveProfessionalService,\r\n saveProfessionalServiceResetState,\r\n} from \"../../actions/saveProfessionalServiceAction\";\r\nimport {\r\n getDocumentList,\r\n getDocumentListResetState,\r\n} from \"../../actions/getDocumentListAction\";\r\nimport {\r\n saveEditApplication,\r\n saveEditApplicationResetState,\r\n} from \"../../actions/saveEditApplicationAction\";\r\nimport {\r\n saveEditWaterApplication,\r\n saveEditWaterApplicationResetState,\r\n} from \"../../actions/saveEditWaterApplicationAction\";\r\nimport {\r\n saveEditProfessionalService,\r\n saveEditProfessionalServiceResetState,\r\n} from \"../../actions/saveEditProfessionalServiceAction\";\r\nimport { getSalutationList } from \"../../actions/getSalutationListActions\";\r\nimport {\r\n getStateList,\r\n getStateListResetState,\r\n} from \"../../actions/getStateListAction\";\r\nimport {\r\n getDistrictList,\r\n getDistrictListResetState,\r\n} from \"../../actions/getDistrictListAction\";\r\nimport { getEntrepreneurDetailByPan } from \"../../actions/getEntrepreneurDetailByPanAction\";\r\nimport {\r\n getNdcDetails,\r\n getNdcDetailsResetState,\r\n} from \"../../actions/getNdcDetailsAction\";\r\nimport {\r\n toGetPrivateScheme,\r\n toGetPrivateSchemeResetState,\r\n} from \"../../actions/toGetPrivateSchemeAction\";\r\nimport {\r\n getAppointmentDate,\r\n getAppointmentDateResetState,\r\n} from \"../../actions/getAppointmentDateAction\";\r\n\r\n// others\r\nimport { getOrgId, getAuthData } from \"../../utils\";\r\nimport conf from \"../../config\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nconst { Option } = Select;\r\nconst EditNdcForm = (props) => {\r\n const serviceId = props.serviceId;\r\n // variables\r\n const {\r\n getServiceDetailState,\r\n getNdcDetailsState,\r\n getNdcDetails,\r\n toGetPrivateSchemeState,\r\n toGetPrivateScheme,\r\n getDocumentList,\r\n getDocumentListResetState,\r\n getDocumentListState,\r\n toGetPrivatePropertiesListState,\r\n toGetPrivatePropertiesList,\r\n verifyUpnAndMobileSubmitOtpState,\r\n saveProfessionalServiceState,\r\n verifyUpnAndMobileState,\r\n saveProfessionalService,\r\n saveProfessionalServiceResetState,\r\n saveEditApplication,\r\n saveEditApplicationResetState,\r\n saveEditApplicationState,\r\n saveEditWaterApplication,\r\n saveEditWaterApplicationResetState,\r\n saveEditWaterApplicationState,\r\n saveEditProfessionalService,\r\n saveEditProfessionalServiceResetState,\r\n saveEditProfessionalServiceState,\r\n viewEditApplicationState,\r\n getSalutationList,\r\n getSalutationListState,\r\n getStateList,\r\n getStateListState,\r\n getStateListResetState,\r\n getDistrictList,\r\n getDistrictListState,\r\n getDistrictListResetState,\r\n getEntrepreneurDetailByPan,\r\n getEntrepreneurDetailByPanState,\r\n getAppointmentDateState,\r\n getAppointmentDate,\r\n } = props;\r\n\r\n let initialFormData = {};\r\n if (\r\n serviceId === \"30\" ||\r\n serviceId === \"1059\" ||\r\n serviceId === \"1712\" ||\r\n serviceId === \"1716\" ||\r\n serviceId === \"1475\"\r\n ) {\r\n initialFormData = {\r\n Remark: viewEditApplicationState.data.Remarks,\r\n Remarks: \"\",\r\n DetailId: viewEditApplicationState.data.WaterApplicationDetails.DetailId,\r\n ApplicationRefId:\r\n viewEditApplicationState.data.WaterApplicationDetails.ApplicationRefId,\r\n ApplicationDetail:\r\n viewEditApplicationState.data.WaterApplicationDetails.Remark,\r\n // Remarks: viewEditApplicationState.data.WaterApplicationDetails.Remarks,\r\n AppointmentDate:\r\n viewEditApplicationState.data.WaterApplicationDetails.AppointmentDate,\r\n WheatherBuildingIs:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .WheatherBuildingIs,\r\n NoOfFloorConstructed:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .NoOfFloorConstructed,\r\n IsBasmentConstruct:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .IsBasmentConstruct,\r\n BuildingPlanSanctionDate:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .BuildingPlanSanctionDate,\r\n PlumberName:\r\n viewEditApplicationState.data.WaterApplicationDetails.PlumberName,\r\n PlumberLicenseNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .PlumberLicenseNumber,\r\n PlumberAddress:\r\n viewEditApplicationState.data.WaterApplicationDetails.PlumberAddress,\r\n CerificateIssueDate:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .CerificateIssueDate,\r\n NumberOfSeats:\r\n viewEditApplicationState.data.WaterApplicationDetails.NumberOfSeats,\r\n SeatsGroundFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.SeatsGroundFloor,\r\n SeatsFirstFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.SeatsFirstFloor,\r\n SeatsSecondFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.SeatsSecondFloor,\r\n ServicePipeLineLength:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ServicePipeLineLength,\r\n ServicePipeLineSize:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ServicePipeLineSize,\r\n NumberOfTap:\r\n viewEditApplicationState.data.WaterApplicationDetails.NumberOfTap,\r\n SizeOfTap:\r\n viewEditApplicationState.data.WaterApplicationDetails.SizeOfTap,\r\n FerrulCockSize:\r\n viewEditApplicationState.data.WaterApplicationDetails.FerrulCockSize,\r\n SanaitaryMaterialsDtl:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .SanaitaryMaterialsDtl,\r\n HotWaterFittingDtl:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .HotWaterFittingDtl,\r\n PurposeOfConnection:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .PurposeOfConnection,\r\n AreaMumty:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaMumty,\r\n IsMumtyConstructed:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .IsMumtyConstructed,\r\n AreaGroundFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaGroundFloor,\r\n AreaFirstFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaFirstFloor,\r\n AreaSecondFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaSecondFloor,\r\n ConstructionCost:\r\n viewEditApplicationState.data.WaterApplicationDetails.ConstructionCost,\r\n MeterNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails.MeterNumber,\r\n MeterMakeAndModel:\r\n viewEditApplicationState.data.WaterApplicationDetails.MeterMakeAndModel,\r\n InstallationDate: viewEditApplicationState.data.WaterApplicationDetails\r\n .InstallationDate\r\n ? moment(\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .InstallationDate\r\n )\r\n : \"\",\r\n MeterBillNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails.MeterBillNumber,\r\n MeterWarrantyYears:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .MeterWarrantyYears,\r\n HotWaterFittingBillNo:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .HotWaterFittingBillNo,\r\n AreaBasment:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaBasment,\r\n };\r\n } else if (serviceId === \"33\") {\r\n initialFormData = {\r\n Remark: viewEditApplicationState.data.Remarks,\r\n Remarks: \"\",\r\n PAN: viewEditApplicationState.data.EntrepreneurDetails.Pan,\r\n Salutation: viewEditApplicationState.data.EntrepreneurDetails.Title,\r\n Name: viewEditApplicationState.data.EntrepreneurDetails.FullName,\r\n MobileNumber:\r\n viewEditApplicationState.data.EntrepreneurDetails.MobileNumber,\r\n EmailAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.EmailAddress,\r\n Gender: viewEditApplicationState.data.EntrepreneurDetails.Gender,\r\n MaritalStatusId:\r\n viewEditApplicationState.data.EntrepreneurDetails.MaritalStatusId,\r\n Dob: viewEditApplicationState.data.EntrepreneurDetails.Dob,\r\n FatherHusbandName:\r\n viewEditApplicationState.data.EntrepreneurDetails.FatherName,\r\n AadhaarNumber: viewEditApplicationState.data.EntrepreneurDetails.Aadhar,\r\n PermanentAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeAddressLine1,\r\n PermanentAddressDistrict:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeDistrictId,\r\n PermanentAddressState:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeStateId,\r\n PermanentAddressPin:\r\n viewEditApplicationState.data.EntrepreneurDetails.PePin,\r\n CorrespondenceAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoAddressLine1,\r\n CorrespondenceAddressDistrict:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoDistrictId,\r\n CorrespondenceAddressState:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoStateId,\r\n CorrespondenceAddressPin:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoPin,\r\n ServiceCategory:\r\n viewEditApplicationState.data.EntrepreneurDetails.ServiceCategory,\r\n ProfessionalDetail:\r\n viewEditApplicationState.data.EntrepreneurDetails.ProfessionalDetail,\r\n VisitorDetails:\r\n viewEditApplicationState.data.EntrepreneurDetails.VisitorDetail,\r\n WorkingHours:\r\n viewEditApplicationState.data.EntrepreneurDetails.WorkingHours,\r\n Floor: viewEditApplicationState.data.EntrepreneurDetails.Floor,\r\n TotalArea: viewEditApplicationState.data.EntrepreneurDetails.TotalArea,\r\n IsCorrespondenceAddressSame: false,\r\n };\r\n } else {\r\n initialFormData = {\r\n Remark: viewEditApplicationState.data.Remarks,\r\n Remarks: \"\",\r\n PermissionNo: viewEditApplicationState.data.PermissionNo,\r\n AppointmentDate: \"\",\r\n };\r\n }\r\n\r\n // useEffect(() => {\r\n // if (getNdcDetailsState.apiState === 'success') {\r\n // if (serviceId === '1679' ||\r\n // serviceId === '1710' ||\r\n // serviceId === '1727') {\r\n // setFormData({\r\n // ...formData,\r\n // ['PAN']: getNdcDetailsState.data.EntrepreneurDetails.Pan,\r\n // ['Salutation']: getNdcDetailsState.data.EntrepreneurDetails.Title,\r\n // ['FullName']: getNdcDetailsState.data.EntrepreneurDetails.FullName,\r\n // ['FatherName']: getNdcDetailsState.data.EntrepreneurDetails.FatherName,\r\n // ['Gender']: getNdcDetailsState.data.EntrepreneurDetails.Gender,\r\n // ['MaritalStatus']: getNdcDetailsState.data.EntrepreneurDetails.MaritalStatus,\r\n // ['Dob']: getNdcDetailsState.data.EntrepreneurDetails.Dob,\r\n // ['Aadhar']: getNdcDetailsState.data.EntrepreneurDetails.Aadhar,\r\n // ['EmailAddress']: getNdcDetailsState.data.EntrepreneurDetails.EmailAddress,\r\n // ['MobileNumber']: getNdcDetailsState.data.EntrepreneurDetails.MobileNumber,\r\n // ['LicenseNumber']: getNdcDetailsState.data.EntrepreneurDetails.LicenseNumber,\r\n // ['LicenseIssueDate']: getNdcDetailsState.data.EntrepreneurDetails.LicenseIssueDate,\r\n // ['LicenseExpiryDate']: getNdcDetailsState.data.EntrepreneurDetails.LicenseExpiryDate,\r\n // ['PeAddressLine1']: getNdcDetailsState.data.EntrepreneurDetails.PeAddressLine1,\r\n // ['PeState']: getNdcDetailsState.data.EntrepreneurDetails.PeState,\r\n // ['PeDistrict']: getNdcDetailsState.data.EntrepreneurDetails.PeDistrict,\r\n // ['PePin']: getNdcDetailsState.data.EntrepreneurDetails.PePin,\r\n // ['CoAddressLine1']: getNdcDetailsState.data.EntrepreneurDetails.CoAddressLine1,\r\n // ['CoState']: getNdcDetailsState.data.EntrepreneurDetails.CoState,\r\n // ['CoDistrict']: getNdcDetailsState.data.EntrepreneurDetails.CoDistrict,\r\n // ['CoPin']: getNdcDetailsState.data.EntrepreneurDetails.CoPin\r\n // })\r\n // }\r\n // }\r\n // }, [getNdcDetailsState])\r\n\r\n const [formData, setFormData] = useState(initialFormData);\r\n const [validDate, setValidDate] = useState({\r\n ValidFrom: null,\r\n ValidTill: null,\r\n });\r\n const [form] = Form.useForm();\r\n const OrgId = getOrgId();\r\n const [fileList, setFileList] = useState([]);\r\n const [uploadLoading, setUploadLoading] = useState([]);\r\n const [files, setFiles] = useState([]);\r\n const [redirect, setRedirect] = useState([false, \"\"]);\r\n const [isPVerificationRequired, setIsPVerificationRequired] = useState(false);\r\n const [documentFileId, setDocumentFileId] = useState([]);\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState(\"\");\r\n const [currentFileType, setCurrentFileType] = useState(\"\"); // Current file format\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false); // Current file format\r\n const [defaultFileList, setDefaultFileList] = useState([]);\r\n const [checkSameAs, setCheckSameAs] = useState(false);\r\n const [selectState, setSelectState] = useState(true);\r\n const [districtList, setDistrictList] = useState({\r\n permanentDistrict: [],\r\n correspondenceDistrict: [],\r\n });\r\n const [callDistrictPInitial, setCallDistrictPInitial] = useState(0);\r\n const [callDistrictCInitial, setCallDistrictCInitial] = useState(0);\r\n\r\n // defaultValue = { viewEditApplicationState.data.WaterApplicationDetails.MeterNumber }\r\n // callbacks\r\n useEffect(() => {\r\n getStateList({\r\n OrgId: OrgId,\r\n });\r\n return () => {\r\n saveProfessionalServiceResetState();\r\n saveEditApplicationResetState();\r\n saveEditWaterApplicationResetState();\r\n saveEditProfessionalServiceResetState();\r\n getDocumentListResetState();\r\n getDistrictListResetState();\r\n getStateListResetState();\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (viewEditApplicationState.apiState === \"success\") {\r\n if (\r\n serviceId === \"30\" ||\r\n serviceId === \"1059\" ||\r\n serviceId === \"1712\" ||\r\n serviceId === \"1716\" ||\r\n serviceId === \"1475\"\r\n ) {\r\n form.setFieldsValue({\r\n DetailId:\r\n viewEditApplicationState.data.WaterApplicationDetails.DetailId,\r\n ApplicationRefId:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ApplicationRefId,\r\n ApplicationDetail:\r\n viewEditApplicationState.data.WaterApplicationDetails.Remark,\r\n Remarks:\r\n viewEditApplicationState.data.WaterApplicationDetails.Remarks,\r\n AppointmentDate:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .AppointmentDate,\r\n WheatherBuildingIs:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .WheatherBuildingIsString,\r\n NoOfFloorConstructed:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .NoOfFloorConstructedString,\r\n IsBasmentConstruct:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .IsBasmentConstruct === 1\r\n ? true\r\n : false,\r\n BuildingPlanSanctionDate: viewEditApplicationState.data\r\n .WaterApplicationDetails.BuildingPlanSanctionDate\r\n ? moment(\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .BuildingPlanSanctionDate\r\n )\r\n : \"\",\r\n PlumberName:\r\n viewEditApplicationState.data.WaterApplicationDetails.PlumberName,\r\n PlumberLicenseNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .PlumberLicenseNumber,\r\n PlumberAddress:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .PlumberAddress,\r\n CerificateIssueDate: viewEditApplicationState.data\r\n .WaterApplicationDetails.CerificateIssueDate\r\n ? moment(\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .CerificateIssueDate\r\n )\r\n : \"\",\r\n NumberOfSeats:\r\n viewEditApplicationState.data.WaterApplicationDetails.NumberOfSeats,\r\n SeatsGroundFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .SeatsGroundFloor,\r\n SeatsFirstFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .SeatsFirstFloor,\r\n SeatsSecondFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .SeatsSecondFloor,\r\n ServicePipeLineLength:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ServicePipeLineLength,\r\n ServicePipeLineSize:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ServicePipeLineSize,\r\n NumberOfTap:\r\n viewEditApplicationState.data.WaterApplicationDetails.NumberOfTap,\r\n SizeOfTap:\r\n viewEditApplicationState.data.WaterApplicationDetails.SizeOfTap,\r\n FerrulCockSize:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .FerrulCockSize,\r\n SanaitaryMaterialsDtl:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .SanaitaryMaterialsDtl,\r\n HotWaterFittingDtl:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .HotWaterFittingDtl,\r\n PurposeOfConnection:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .PurposeOfConnection,\r\n AreaMumty:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaMumty,\r\n IsMumtyConstructed:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .IsMumtyConstructed === 1\r\n ? true\r\n : false,\r\n AreaGroundFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .AreaGroundFloor,\r\n AreaFirstFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .AreaFirstFloor,\r\n AreaSecondFloor:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .AreaSecondFloor,\r\n ConstructionCost:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .ConstructionCost,\r\n MeterNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails.MeterNumber,\r\n MeterMakeAndModel:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .MeterMakeAndModel,\r\n InstallationDate: viewEditApplicationState.data\r\n .WaterApplicationDetails.InstallationDate\r\n ? moment(\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .InstallationDate\r\n )\r\n : \"\",\r\n MeterBillNumber:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .MeterBillNumber,\r\n MeterWarrantyYears:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .MeterWarrantyYears,\r\n HotWaterFittingBillNo:\r\n viewEditApplicationState.data.WaterApplicationDetails\r\n .HotWaterFittingBillNo,\r\n AreaBasment:\r\n viewEditApplicationState.data.WaterApplicationDetails.AreaBasment,\r\n });\r\n } else if (serviceId === \"33\") {\r\n form.setFieldsValue({\r\n Remark: viewEditApplicationState.data.Remarks,\r\n Remarks: \"\",\r\n PAN: viewEditApplicationState.data.EntrepreneurDetails.Pan,\r\n Salutation: viewEditApplicationState.data.EntrepreneurDetails.Title,\r\n Name: viewEditApplicationState.data.EntrepreneurDetails.FullName,\r\n MobileNumber:\r\n viewEditApplicationState.data.EntrepreneurDetails.MobileNumber,\r\n EmailAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.EmailAddress,\r\n Gender: viewEditApplicationState.data.EntrepreneurDetails.Gender,\r\n MaritalStatusId:\r\n viewEditApplicationState.data.EntrepreneurDetails.MaritalStatus,\r\n Dob: viewEditApplicationState.data.EntrepreneurDetails.Dob\r\n ? moment(viewEditApplicationState.data.EntrepreneurDetails.Dob)\r\n : \"\",\r\n FatherHusbandName:\r\n viewEditApplicationState.data.EntrepreneurDetails.FatherName,\r\n AadhaarNumber:\r\n viewEditApplicationState.data.EntrepreneurDetails.Aadhar,\r\n PermanentAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeAddressLine1,\r\n // PermanentAddressDistrict: viewEditApplicationState.data.EntrepreneurDetails.PeDistrict,\r\n PermanentAddressState:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeState,\r\n PermanentAddressPin:\r\n viewEditApplicationState.data.EntrepreneurDetails.PePin,\r\n CorrespondenceAddress:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoAddressLine1,\r\n // CorrespondenceAddressDistrict: viewEditApplicationState.data.EntrepreneurDetails.CoDistrict,\r\n CorrespondenceAddressState:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoState,\r\n CorrespondenceAddressPin:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoPin,\r\n ServiceCategory:\r\n viewEditApplicationState.data.EntrepreneurDetails.ServiceCategory,\r\n ProfessionalDetail:\r\n viewEditApplicationState.data.EntrepreneurDetails\r\n .ProfessionalDetail,\r\n VisitorDetails:\r\n viewEditApplicationState.data.EntrepreneurDetails.VisitorDetail,\r\n WorkingHours:\r\n viewEditApplicationState.data.EntrepreneurDetails.WorkingHours,\r\n Floor: viewEditApplicationState.data.EntrepreneurDetails.Floor,\r\n TotalArea:\r\n viewEditApplicationState.data.EntrepreneurDetails.TotalArea,\r\n IsCorrespondenceAddressSame: false,\r\n });\r\n } else if (serviceId === \"1625\" || serviceId === \"1626\") {\r\n form.setFieldsValue({\r\n ApplicantName: viewEditApplicationState.data.ApplicantDetails.Name,\r\n MobileNumber: viewEditApplicationState.data.ApplicantDetails.MobileNo,\r\n Area: viewEditApplicationState.data.PropertyDetails.Area,\r\n AuthorityName:\r\n viewEditApplicationState.data.PropertyDetails.AuthorityName,\r\n Remark: viewEditApplicationState.data.Remarks,\r\n AppointmentDate:\r\n viewEditApplicationState.data.AppointmentDetail\r\n .AppointmentDateWithSlot,\r\n });\r\n setFormData({\r\n [\"ApplicantName\"]:\r\n viewEditApplicationState.data.ApplicantDetails.Name,\r\n [\"Remark\"]: viewEditApplicationState.data.Remarks,\r\n [\"AppointmentDate\"]:\r\n viewEditApplicationState.data.AppointmentDetail\r\n .AppointmentDateWithSlot,\r\n });\r\n }\r\n }\r\n }, [viewEditApplicationState]);\r\n\r\n useEffect(() => {\r\n if (getNdcDetailsState.apiState === \"success\") {\r\n if (\r\n serviceId === \"1679\" ||\r\n serviceId === \"1710\" ||\r\n serviceId === \"1727\"\r\n ) {\r\n setFormData({\r\n [\"PAN\"]: getNdcDetailsState.data.EntrepreneurDetails.Pan,\r\n [\"Salutation\"]: getNdcDetailsState.data.EntrepreneurDetails.Title,\r\n [\"Name\"]: getNdcDetailsState.data.EntrepreneurDetails.FullName,\r\n [\"FatherHusbandName\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.FatherName,\r\n [\"Gender\"]: getNdcDetailsState.data.EntrepreneurDetails.Gender,\r\n [\"MaritalStatus\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.MaritalStatusId,\r\n [\"DateOfBirth\"]: moment(\r\n getNdcDetailsState.data.EntrepreneurDetails.Dob\r\n ),\r\n [\"AadhaarNumber\"]: getNdcDetailsState.data.EntrepreneurDetails.Aadhar,\r\n [\"EmailAddress\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.EmailAddress,\r\n [\"MobileNumber\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.MobileNumber,\r\n [\"CertificateNumber\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseNumber,\r\n [\"ValidFrom\"]: moment(\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseIssueDate\r\n ),\r\n [\"ValidTill\"]: moment(\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseExpiryDate\r\n ),\r\n [\"PermanentAddress\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeAddressLine1,\r\n [\"PermanentAddressState\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeStateId,\r\n [\"PermanentAddressDistrict\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeDistrictId,\r\n [\"PermanentAddressPin\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.PePin,\r\n [\"CorrespondenceAddress\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoAddressLine1,\r\n [\"CorrespondenceAddressState\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoStateId,\r\n [\"CorrespondenceAddressDistrict\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoDistrictId,\r\n [\"CorrespondenceAddressPin\"]:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoPin,\r\n });\r\n form.setFieldsValue({\r\n PAN: getNdcDetailsState.data.EntrepreneurDetails.Pan,\r\n Salutation: getNdcDetailsState.data.EntrepreneurDetails.Title,\r\n Name: getNdcDetailsState.data.EntrepreneurDetails.FullName,\r\n FatherHusbandName:\r\n getNdcDetailsState.data.EntrepreneurDetails.FatherName,\r\n Gender: getNdcDetailsState.data.EntrepreneurDetails.Gender,\r\n MaritalStatus:\r\n getNdcDetailsState.data.EntrepreneurDetails.MaritalStatus,\r\n DateOfBirth: moment(getNdcDetailsState.data.EntrepreneurDetails.Dob),\r\n AadhaarNumber: getNdcDetailsState.data.EntrepreneurDetails.Aadhar,\r\n EmailAddress:\r\n getNdcDetailsState.data.EntrepreneurDetails.EmailAddress,\r\n MobileNumber:\r\n getNdcDetailsState.data.EntrepreneurDetails.MobileNumber,\r\n CertificateNumber:\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseNumber,\r\n ValidFrom: moment(\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseIssueDate\r\n ),\r\n ValidTill: moment(\r\n getNdcDetailsState.data.EntrepreneurDetails.LicenseExpiryDate\r\n ),\r\n PermanentAddress:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeAddressLine1,\r\n PermanentAddressState:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeState,\r\n PermanentAddressDistrict:\r\n getNdcDetailsState.data.EntrepreneurDetails.PeDistrict,\r\n PermanentAddressPin:\r\n getNdcDetailsState.data.EntrepreneurDetails.PePin,\r\n CorrespondenceAddress:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoAddressLine1,\r\n CorrespondenceAddressState:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoState,\r\n CorrespondenceAddressDistrict:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoDistrict,\r\n CorrespondenceAddressPin:\r\n getNdcDetailsState.data.EntrepreneurDetails.CoPin,\r\n });\r\n }\r\n }\r\n }, [getNdcDetailsState]);\r\n\r\n useEffect(() => {\r\n if (viewEditApplicationState.apiState === \"success\") {\r\n if (serviceId === \"33\") {\r\n if (callDistrictPInitial === 0) {\r\n setSelectState(true);\r\n getDistrictList({\r\n OrgId: OrgId,\r\n StateId:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeStateId,\r\n });\r\n } else if (callDistrictCInitial === 0 && callDistrictPInitial === 1) {\r\n setSelectState(false);\r\n getDistrictList({\r\n OrgId: OrgId,\r\n StateId:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoStateId,\r\n });\r\n }\r\n }\r\n }\r\n }, [callDistrictPInitial, callDistrictCInitial]);\r\n\r\n useEffect(() => {\r\n if (getEntrepreneurDetailByPanState.apiState === \"success\") {\r\n setFormData({\r\n ...formData,\r\n [\"Salutation\"]: getEntrepreneurDetailByPanState.data.Title,\r\n [\"Name\"]: getEntrepreneurDetailByPanState.data.FullName,\r\n [\"MobileNumber\"]: getEntrepreneurDetailByPanState.data.MobileNumber,\r\n [\"EmailAddress\"]: getEntrepreneurDetailByPanState.data.EmailAddress,\r\n [\"Dob\"]: getEntrepreneurDetailByPanState.data.Dob,\r\n [\"Gender\"]: getEntrepreneurDetailByPanState.data.Gender,\r\n [\"MaritalStatusId\"]:\r\n getEntrepreneurDetailByPanState.data.MaritalStatusId,\r\n [\"FatherHusbandName\"]: getEntrepreneurDetailByPanState.data.FatherName,\r\n [\"AadhaarNumber\"]: getEntrepreneurDetailByPanState.data.Aadhar,\r\n [\"PermanentAddress\"]:\r\n getEntrepreneurDetailByPanState.data.PeAddressLine1,\r\n [\"PermanentAddressState\"]:\r\n getEntrepreneurDetailByPanState.data.PeStateId,\r\n [\"PermanentAddressDistrict\"]:\r\n getEntrepreneurDetailByPanState.data.PeDistrictId,\r\n [\"PermanentAddressPin\"]: getEntrepreneurDetailByPanState.data.PePin,\r\n [\"CorrespondenceAddress\"]:\r\n getEntrepreneurDetailByPanState.data.CoAddressLine1,\r\n [\"CorrespondenceAddressState\"]:\r\n getEntrepreneurDetailByPanState.data.CoStateId,\r\n [\"CorrespondenceAddressDistrict\"]:\r\n getEntrepreneurDetailByPanState.data.CoDistrictId,\r\n [\"CorrespondenceAddressPin\"]:\r\n getEntrepreneurDetailByPanState.data.CoPin,\r\n });\r\n form.setFieldsValue({\r\n Salutation: getEntrepreneurDetailByPanState.data.Title,\r\n Name: getEntrepreneurDetailByPanState.data.FullName,\r\n MobileNumber: getEntrepreneurDetailByPanState.data.MobileNumber,\r\n EmailAddress: getEntrepreneurDetailByPanState.data.EmailAddress,\r\n Dob: getEntrepreneurDetailByPanState.data.Dob\r\n ? moment(getEntrepreneurDetailByPanState.data.Dob)\r\n : \"\",\r\n Gender: getEntrepreneurDetailByPanState.data.Gender,\r\n MaritalStatusId: getEntrepreneurDetailByPanState.data.MaritalStatus,\r\n FatherHusbandName: getEntrepreneurDetailByPanState.data.FatherName,\r\n AadhaarNumber: getEntrepreneurDetailByPanState.data.Aadhar,\r\n PermanentAddress: getEntrepreneurDetailByPanState.data.PeAddressLine1,\r\n PermanentAddressState: getEntrepreneurDetailByPanState.data.PeState,\r\n PermanentAddressDistrict:\r\n getEntrepreneurDetailByPanState.data.PeDistrict,\r\n PermanentAddressPin: getEntrepreneurDetailByPanState.data.PePin,\r\n CorrespondenceAddress:\r\n getEntrepreneurDetailByPanState.data.CoAddressLine1,\r\n CorrespondenceAddressState:\r\n getEntrepreneurDetailByPanState.data.CoState,\r\n CorrespondenceAddressDistrict:\r\n getEntrepreneurDetailByPanState.data.CoDistrict,\r\n CorrespondenceAddressPin: getEntrepreneurDetailByPanState.data.CoPin,\r\n });\r\n } else if (getEntrepreneurDetailByPanState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: getEntrepreneurDetailByPanState.alertMessage,\r\n placement: \"bottomRight\",\r\n });\r\n }\r\n }, [getEntrepreneurDetailByPanState]);\r\n\r\n useEffect(() => {\r\n if (getDocumentListState.apiState === \"success\") {\r\n let data = _.find(getDocumentListState.list, {\r\n IsPVerificationRequired: true,\r\n })\r\n ? true\r\n : false;\r\n if (data) {\r\n setIsPVerificationRequired(true);\r\n getAppointmentDate({\r\n OrgId: OrgId,\r\n ApplicationTypeId: props.serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n } else {\r\n setIsPVerificationRequired(false);\r\n }\r\n }\r\n }, [getDocumentListState]);\r\n\r\n useEffect(() => {\r\n getDocumentList({\r\n PropertyId: viewEditApplicationState.data.PropertyRefId,\r\n OrgId: OrgId,\r\n ApplicationTypeId: props.serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n getNdcDetails({\r\n OrgId: OrgId,\r\n ApplicationId: parseInt(viewEditApplicationState.data.ApplicationId),\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken ?? \"\",\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey ?? \"\",\r\n ArchitectToken: verifyUpnAndMobileSubmitOtpState.ArchitectToken ?? \"\",\r\n ArchitectTokenKey:\r\n verifyUpnAndMobileSubmitOtpState.ArchitectTokenKey ?? \"\",\r\n });\r\n getSalutationList({\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken ?? \"\",\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey ?? \"\",\r\n });\r\n toGetPrivateScheme();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (getDocumentListState.apiState === \"success\") {\r\n // let data = _.find(getDocumentListState.list, { 'IsPVerificationRequired': true }) ? true : false\r\n // if (data) {\r\n // setIsPVerificationRequired(true)\r\n\r\n // }\r\n // else {\r\n // setIsPVerificationRequired(false)\r\n // }\r\n\r\n let fileArr = [];\r\n viewEditApplicationState.data.Documents.map((item) => {\r\n let extension = item.FileName.substr(\r\n item.FileName.lastIndexOf(\".\") + 1\r\n );\r\n let filePrependString = \"\";\r\n if (\r\n extension === \"jpg\" ||\r\n extension === \"jpeg\" ||\r\n extension === \"png\"\r\n ) {\r\n filePrependString = `data:image/${extension};base64,${item.FileData}`;\r\n } else {\r\n filePrependString = `data:application/${extension};base64,${item.FileData}`;\r\n }\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: \"done\",\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n });\r\n });\r\n setDefaultFileList(fileArr);\r\n }\r\n }, [getDocumentListState]);\r\n\r\n useEffect(() => {\r\n if (saveEditApplicationState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: saveEditApplicationState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n saveEditApplicationResetState();\r\n }\r\n\r\n if (saveEditApplicationState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: saveEditApplicationState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n setRedirect([\r\n true,\r\n \"/ndc-details/\" + viewEditApplicationState.data.ApplicationId,\r\n ]);\r\n }\r\n }, [saveEditApplicationState]);\r\n\r\n useEffect(() => {\r\n if (saveEditWaterApplicationState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: saveEditWaterApplicationState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n saveEditWaterApplicationResetState();\r\n }\r\n\r\n if (saveEditWaterApplicationState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: saveEditWaterApplicationState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n setRedirect([\r\n true,\r\n \"/ndc-details/\" + viewEditApplicationState.data.ApplicationId,\r\n ]);\r\n }\r\n }, [saveEditWaterApplicationState]);\r\n\r\n useEffect(() => {\r\n if (saveEditProfessionalServiceState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: saveEditProfessionalServiceState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n saveEditProfessionalServiceResetState();\r\n }\r\n\r\n if (saveEditProfessionalServiceState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: saveEditProfessionalServiceState.apiMessage,\r\n placement: \"bottomRight\",\r\n });\r\n setRedirect([true, \"/\"]);\r\n }\r\n }, [saveEditProfessionalServiceState]);\r\n\r\n // functions\r\n const handleOnChange = (e) => {\r\n setFormData({\r\n ...formData,\r\n [e.target.name]: e.target.value,\r\n });\r\n };\r\n\r\n const handleSubmit = () => {\r\n if (\r\n serviceId === \"30\" ||\r\n serviceId === \"1059\" ||\r\n serviceId === \"1712\" ||\r\n serviceId === \"1716\" ||\r\n serviceId === \"1475\"\r\n ) {\r\n saveEditWaterApplication({\r\n DetailId: formData.DetailId,\r\n ApplicationRefId: formData.ApplicationRefId,\r\n ApplicationDetail: formData.Remark,\r\n Remarks: formData.Remarks,\r\n AppointmentDate: formData.AppointmentDate,\r\n WheatherBuildingIs: formData.WheatherBuildingIs,\r\n NoOfFloorConstructed: formData.NoOfFloorConstructed,\r\n IsBasmentConstruct: formData.IsBasmentConstruct,\r\n BuildingPlanSanctionDate: formData.BuildingPlanSanctionDate,\r\n PlumberName: formData.PlumberName,\r\n PlumberLicenseNumber: formData.PlumberLicenseNumber,\r\n PlumberAddress: formData.PlumberAddress,\r\n CerificateIssueDate: formData.CerificateIssueDate,\r\n NumberOfSeats: formData.NumberOfSeats,\r\n SeatsGroundFloor: formData.SeatsGroundFloor,\r\n SeatsFirstFloor: formData.SeatsFirstFloor,\r\n SeatsSecondFloor: formData.SeatsSecondFloor,\r\n ServicePipeLineLength: formData.ServicePipeLineLength,\r\n ServicePipeLineSize: formData.ServicePipeLineSize,\r\n NumberOfTap: formData.NumberOfTap,\r\n SizeOfTap: formData.SizeOfTap,\r\n FerrulCockSize: formData.FerrulCockSize,\r\n SanaitaryMaterialsDtl: formData.SanaitaryMaterialsDtl,\r\n HotWaterFittingDtl: formData.HotWaterFittingDtl,\r\n PurposeOfConnection: formData.PurposeOfConnection,\r\n AreaMumty: formData.AreaMumty,\r\n IsMumtyConstructed: formData.IsMumtyConstructed,\r\n AreaGroundFloor: formData.AreaGroundFloor,\r\n AreaFirstFloor: formData.AreaFirstFloor,\r\n AreaSecondFloor: formData.AreaSecondFloor,\r\n ConstructionCost: formData.ConstructionCost,\r\n MeterNumber: formData.MeterNumber,\r\n MeterMakeAndModel: formData.MeterMakeAndModel,\r\n InstallationDate: formData.InstallationDate,\r\n MeterBillNumber: formData.MeterBillNumber,\r\n MeterWarrantyYears: formData.MeterWarrantyYears,\r\n HotWaterFittingBillNo: formData.HotWaterFittingBillNo,\r\n AreaBasment: formData.AreaBasment,\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n } else if (serviceId === \"33\") {\r\n saveEditProfessionalService({\r\n ApplicationId: verifyUpnAndMobileSubmitOtpState.data.ApplicationId,\r\n ApplicationDetail: formData.Remark,\r\n Remarks: formData.Remarks,\r\n OrgId: OrgId,\r\n PAN: formData.PAN,\r\n Salutation: formData.Salutation,\r\n Name: formData.Name,\r\n FatherHusbandName: formData.FatherHusbandName,\r\n Gender: formData.Gender,\r\n MaritalStatusId: formData.MaritalStatusId,\r\n Dob: formData.Dob,\r\n AadhaarNumber: formData.AadhaarNumber,\r\n MobileNumber: formData.MobileNumber,\r\n EmailAddress: formData.EmailAddress,\r\n ServiceCategory: formData.ServiceCategory,\r\n ProfessionalDetail: formData.ProfessionalDetail,\r\n VisitorDetails: formData.VisitorDetails,\r\n WorkingHours: formData.WorkingHours,\r\n Floor: formData.Floor,\r\n TotalArea: formData.TotalArea,\r\n PermanentAddress: formData.PermanentAddress,\r\n PermanentAddressState: formData.PermanentAddressState,\r\n PermanentAddressDistrict: formData.PermanentAddressDistrict,\r\n PermanentAddressPin: formData.PermanentAddressPin,\r\n CorrespondenceAddress: checkSameAs\r\n ? formData.PermanentAddress\r\n : formData.CorrespondenceAddress,\r\n CorrespondenceAddressState: checkSameAs\r\n ? formData.PermanentAddressState\r\n : formData.CorrespondenceAddressState,\r\n CorrespondenceAddressDistrict: checkSameAs\r\n ? formData.PermanentAddressDistrict\r\n : formData.CorrespondenceAddressDistrict,\r\n CorrespondenceAddressPin: checkSameAs\r\n ? formData.PermanentAddressPin\r\n : formData.CorrespondenceAddressPin,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n } else if (\r\n serviceId === \"1679\" ||\r\n serviceId === \"1710\" ||\r\n serviceId === \"1727\"\r\n ) {\r\n saveEditProfessionalService({\r\n ApplicationId: viewEditApplicationState.data.ApplicationId,\r\n PropertyRefId: verifyUpnAndMobileSubmitOtpState.data.PropertyRefId,\r\n RegistrationCategory: formData.RegistrationCategory,\r\n AppointmentDate: formData.AppointmentDate,\r\n OrgId: OrgId,\r\n PAN: formData.PAN,\r\n PreRegNo: formData.PreRegNo,\r\n Salutation: formData.Salutation,\r\n Name: formData.Name,\r\n FatherHusbandName: formData.FatherHusbandName,\r\n Gender: formData.Gender,\r\n MaritalStatusId: formData.MaritalStatus,\r\n Dob: formData.DateOfBirth,\r\n AadhaarNumber: formData.AadhaarNumber,\r\n MobileNumber: formData.MobileNumber,\r\n EmailAddress: formData.EmailAddress,\r\n CertificateNumber: formData.CertificateNumber,\r\n ValidFrom: formData.ValidFrom,\r\n ValidTill: formData.ValidTill,\r\n PermanentAddress: formData.PermanentAddress,\r\n PermanentAddressState: formData.PermanentAddressState,\r\n PermanentAddressDistrict: formData.PermanentAddressDistrict,\r\n PermanentAddressPin: formData.PermanentAddressPin,\r\n CorrespondenceAddress: checkSameAs\r\n ? formData.PermanentAddress\r\n : formData.CorrespondenceAddress,\r\n CorrespondenceAddressState: checkSameAs\r\n ? formData.PermanentAddressState\r\n : formData.CorrespondenceAddressState,\r\n CorrespondenceAddressDistrict: checkSameAs\r\n ? formData.PermanentAddressDistrict\r\n : formData.CorrespondenceAddressDistrict,\r\n CorrespondenceAddressPin: checkSameAs\r\n ? formData.PermanentAddressPin\r\n : formData.CorrespondenceAddressPin,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n } else if (serviceId === \"1626\" || serviceId === \"1625\") {\r\n saveEditApplication({\r\n OrgId: OrgId,\r\n ApplicationType: props.serviceId,\r\n ApplicationId: viewEditApplicationState.data.ApplicationId,\r\n Name: formData.ApplicantName,\r\n Remarks: formData.Remark,\r\n AppointmentDate: formData.AppointmentDate,\r\n SubmitType: 1,\r\n GPASPA: \"\",\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n });\r\n } else {\r\n saveEditApplication({\r\n ApplicationType: props.serviceId,\r\n PropertyRefId: viewEditApplicationState.data.PropertyRefId,\r\n Remark: formData.Remark,\r\n Remarks: formData.Remarks,\r\n ApplicationId: viewEditApplicationState.data.ApplicationId,\r\n GPASPA: \"N\",\r\n OwnerId: viewEditApplicationState.data.OwnerId,\r\n OrgId: OrgId,\r\n PermissionNo: formData.PermissionNo,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n }\r\n };\r\n\r\n const disabledDate = (current) => {\r\n // Can not select days before today and today\r\n return current && current < moment().endOf(\"day\");\r\n };\r\n\r\n const disabledDob = (current) => {\r\n var tillDate = moment().subtract(13, \"years\");\r\n return !tillDate.isAfter(current);\r\n };\r\n\r\n const handleOnChangeDate = (date, dateString, name) => {\r\n setFormData({ ...formData, [name]: dateString });\r\n };\r\n\r\n const handleOnChangeSelect = (value, name) => {\r\n setFormData({ ...formData, [name]: value });\r\n };\r\n\r\n const handleOnChangeCheck = (e, name) => {\r\n if (e.target.checked) {\r\n setFormData({ ...formData, [name]: 1 });\r\n } else {\r\n setFormData({ ...formData, [name]: 0 });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (getDistrictListState.apiState === \"success\") {\r\n if (selectState) {\r\n setDistrictList({\r\n ...districtList,\r\n [\"permanentDistrict\"]: getDistrictListState.list,\r\n });\r\n if (callDistrictPInitial === 1) {\r\n setFormData({ ...formData, [\"PermanentAddressDistrict\"]: \"\" });\r\n form.setFieldsValue({\r\n PermanentAddressDistrict: null,\r\n });\r\n } else {\r\n form.setFieldsValue({\r\n PermanentAddressDistrict:\r\n viewEditApplicationState.data.EntrepreneurDetails.PeDistrict,\r\n });\r\n setCallDistrictPInitial(1);\r\n }\r\n } else {\r\n setDistrictList({\r\n ...districtList,\r\n [\"correspondenceDistrict\"]: getDistrictListState.list,\r\n });\r\n if (callDistrictCInitial === 1) {\r\n setFormData({ ...formData, [\"CorrespondenceAddressDistrict\"]: \"\" });\r\n form.setFieldsValue({\r\n CorrespondenceAddressDistrict: null,\r\n });\r\n } else {\r\n form.setFieldsValue({\r\n CorrespondenceAddressDistrict:\r\n viewEditApplicationState.data.EntrepreneurDetails.CoDistrict,\r\n });\r\n setCallDistrictCInitial(1);\r\n }\r\n }\r\n } else if (\r\n getDistrictListState.apiState === \"alert\" &&\r\n getDistrictListState.apiState === \"error\"\r\n ) {\r\n if (selectState) {\r\n setDistrictList({ ...districtList, [\"permanentDistrict\"]: [] });\r\n setFormData({ ...formData, [\"PermanentAddressDistrict\"]: \"\" });\r\n form.setFieldsValue({\r\n PermanentAddressDistrict: null,\r\n });\r\n setCallDistrictPInitial(1);\r\n } else {\r\n setDistrictList({ ...districtList, [\"correspondenceDistrict\"]: [] });\r\n setFormData({ ...formData, [\"CorrespondenceAddressDistrict\"]: \"\" });\r\n form.setFieldsValue({\r\n CorrespondenceAddressDistrict: null,\r\n });\r\n setCallDistrictCInitial(1);\r\n }\r\n }\r\n }, [getDistrictListState]);\r\n\r\n useEffect(() => {\r\n if (checkSameAs) {\r\n form.validateFields([\r\n \"CorrespondenceAddress\",\r\n \"CorrespondenceAddressState\",\r\n \"CorrespondenceAddressDistrict\",\r\n \"CorrespondenceAddressPin\",\r\n ]);\r\n }\r\n }, [checkSameAs]);\r\n\r\n useEffect(() => {\r\n if (formData.NoOfFloorConstructed < 2) {\r\n setFormData({\r\n ...formData,\r\n [\"SeatsFirstFloor\"]: 0,\r\n [\"SeatsSecondFloor\"]: 0,\r\n [\"AreaFirstFloor\"]: 0,\r\n [\"AreaSecondFloor\"]: 0,\r\n });\r\n form.setFieldsValue({\r\n SeatsFirstFloor: null,\r\n SeatsSecondFloor: null,\r\n AreaFirstFloor: null,\r\n AreaSecondFloor: null,\r\n });\r\n } else if (formData.NoOfFloorConstructed < 3) {\r\n setFormData({\r\n ...formData,\r\n [\"SeatsSecondFloor\"]: 0,\r\n [\"AreaSecondFloor\"]: 0,\r\n });\r\n form.setFieldsValue({\r\n SeatsSecondFloor: null,\r\n AreaSecondFloor: null,\r\n });\r\n }\r\n }, [formData.NoOfFloorConstructed]);\r\n\r\n useEffect(() => {\r\n if (formData.IsBasmentConstruct === 0) {\r\n setFormData({\r\n ...formData,\r\n [\"AreaBasment\"]: 0,\r\n });\r\n form.setFieldsValue({\r\n AreaBasment: null,\r\n });\r\n }\r\n }, [formData.IsBasmentConstruct]);\r\n\r\n useEffect(() => {\r\n if (formData.IsMumtyConstructed === 0) {\r\n setFormData({\r\n ...formData,\r\n [\"AreaMumty\"]: 0,\r\n });\r\n form.setFieldsValue({\r\n AreaMumty: null,\r\n });\r\n }\r\n }, [formData.IsMumtyConstructed]);\r\n\r\n // Functions\r\n const callEntrepreneurDetailByPan = () => {\r\n getEntrepreneurDetailByPan({\r\n OrgId: OrgId,\r\n PAN: formData.PAN,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n });\r\n };\r\n\r\n const handleOnChangeSelectState = (value, name, status) => {\r\n setFormData({ ...formData, [name]: value });\r\n setSelectState(status);\r\n getDistrictList({\r\n OrgId: OrgId,\r\n StateId: value,\r\n });\r\n };\r\n\r\n const onSameAsChange = (e) => {\r\n setCheckSameAs(e.target.checked);\r\n };\r\n\r\n const normFile = (e) => {\r\n if (Array.isArray(e)) {\r\n return e;\r\n }\r\n\r\n return e && e.fileList;\r\n };\r\n\r\n const onPreview = async (file) => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1);\r\n let src = file.url;\r\n if (extension === \"jpg\" || extension === \"jpeg\" || extension === \"png\") {\r\n if (!src) {\r\n src = await new Promise((resolve) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n // const image = new Image();\r\n // image.src = src;\r\n // const imgWindow = window.open(src);\r\n // imgWindow.document.write(image.outerHTML);\r\n setCurrentFileType(\"image\");\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n } else {\r\n setCurrentFileType(\"pdf\");\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n // let pdfWindow = window.open(\"\")\r\n // pdfWindow.document.write(\r\n // \"\"\r\n // )\r\n }\r\n };\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n };\r\n\r\n const renderExtensions = (extension) => {\r\n let extensionData = [];\r\n extension.map((data) => {\r\n let a = \".\" + _.split(data, \"/\")[1];\r\n extensionData.push(a);\r\n });\r\n return extensionData.join(\", \");\r\n };\r\n\r\n const handleOnChangeDateValid = (date, dateString, name) => {\r\n setValidDate({ ...validDate, [name]: date });\r\n setFormData({ ...formData, [name]: dateString });\r\n };\r\n\r\n const disabledValidFromDate = (current) => {\r\n if (validDate.ValidTill !== null) {\r\n return current && current > validDate.ValidTill;\r\n } else {\r\n return current && current < validDate.ValidTill;\r\n }\r\n };\r\n\r\n const disabledValidTillDate = (current) => {\r\n return current && current < validDate.ValidFrom;\r\n };\r\n\r\n useEffect(() => {\r\n form.setFieldsValue({ PropertyNumber: \"\" });\r\n toGetPrivatePropertiesList(formData.Scheme);\r\n }, [formData.Scheme]);\r\n\r\n return (\r\n <>\r\n {\r\n redirect[0] && \r\n {\r\n setOpenForm(true)\r\n setFormData(initialFormData)\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n\r\n Add More Owners\r\n\r\n \r\n
\r\n }\r\n \r\n \r\n {`${legalHeir.Salutation} ${legalHeir.Name}`} \r\n \r\n Legal Heir of {legalHeir.PurchaserName || \"\"} \r\n {/* {legalHeir.MobileNumber || \"\"} {legalHeir.EmailAddress ? \" | \" + legalHeir.EmailAddress : \"\"} */}\r\n \r\n \r\n \r\n deleteLegalHeirTransferApplication({\r\n OrgId: OrgId,\r\n LegalHeirId: legalHeir.LegalHeirId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n setOpenFrom(true)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n Add More Legal Heir\r\n \r\n
\r\n \r\n : !openFrom ?\r\n <>\r\n \r\n To add legal heir please save at least one {props.PurchaserOrTransferee} details.\r\n
\r\n \r\n : null\r\n\r\n\r\n }\r\n\r\n\r\n {/* END: To display primary purchaer */}\r\n\r\n {openFrom &&\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nEditLegalHeirForm.propTypes = {\r\n visible: PropsTypes.bool,\r\n closeForm: PropsTypes.func,\r\n OrgId: PropsTypes.string,\r\n applicationId: PropsTypes.string,\r\n PurchaserOrTransferee: PropsTypes.string,\r\n}\r\n\r\nEditLegalHeirForm.defaultProps = {\r\n visible: false,\r\n closeForm: () => { return },\r\n OrgId: 0,\r\n applicationId: \"\",\r\n PurchaserOrTransferee: \"Purchaser\",\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n transferApplicationSaveLegalHeirState: state.transferApplicationSaveLegalHeir,\r\n viewEditApplicationState: state.viewEditApplication,\r\n getSalutationListState: state.getSalutationList,\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n transferApplicationDeleteLegalHeirState: state.transferApplicationDeleteLegalHeir,\r\n getLegalHeirListState: state.getLegalHeirList,\r\n getPurchaserListState: state.getPurchaserList,\r\n})\r\nconst mapDispatchToProps = (dispatch) => ({\r\n saveLegalHeirTransferApplication: (params) => dispatch(saveLegalHeirTransferApplication(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n deleteLegalHeirTransferApplication: (params) => dispatch(deleteLegalHeirTransferApplication(params)),\r\n getLegalHeirList: (params) => dispatch(getLegalHeirList(params)),\r\n getLegalHeirListResetState: () => dispatch(getLegalHeirListResetState()),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditLegalHeirForm)","import styled from \"styled-components\"\r\n\r\nexport const PurchaserContainer = styled.div`\r\ndisplay: flex;\r\n/* justify-content: space-between; */\r\n/* flex-flow: row wrap; */\r\nflex-direction:column;\r\n`\r\n\r\nexport const Purchaser = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-top: 1rem;\r\n`\r\nexport const DeleteBtn = styled.div`\r\n margin-right: 10px;\r\n`\r\nexport const Image = styled.div`\r\n margin-right: 10px;\r\n`\r\n\r\nexport const Details = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n`\r\n\r\nexport const Name = styled.span`\r\n font-weight: bold;\r\n margin-right: 5px;\r\n`\r\nexport const LegalHeirName = styled.span`\r\n font-weight: bold;\r\n font-size: 12px;\r\n`\r\n\r\nexport const Mobile = styled.span`\r\n\r\n`\r\n\r\nexport const Email = styled.span`\r\n\r\n`\r\n\r\nexport const LegalHeirContainer = styled.div`\r\n margin-left: 2rem;\r\n`\r\n\r\nexport const LegalHeir = styled.div`\r\ndisplay: flex;\r\n align-items: center;\r\n margin-top: 1rem;\r\n`","import React, { useEffect, useState } from \"react\"\r\nimport { Form, Row, Col, Input, Select, notification, Button, Popconfirm, Tag, Space, Modal } from \"antd\"\r\nimport { CloseCircleOutlined, UploadOutlined } from '@ant-design/icons'\r\nimport { connect } from \"react-redux\"\r\nimport PropsTypes from \"prop-types\"\r\nimport _ from \"lodash\"\r\nimport { useMediaQuery } from 'react-responsive'\r\n\r\n\r\n\r\n// components\r\nimport { FlexDiv, DocumentUpload, TextButton, FormItem, ValidationDiv, BlueButton, FileTitle } from '../Xcomponents'\r\nimport { PurchaserContainer, Purchaser, Name, Details, Mobile, Image } from \"./EditPurchaserDetailsStyle\"\r\n\r\n// actions\r\nimport { savePurchaserTransferApplication, savePurchaserTransferApplicationReset } from '../../actions/transferApplicationSavePurchaserActions'\r\nimport { deletePurchaserTransferApplication } from '../../actions/transferApplicationDeletePurchaserActions'\r\nimport { getSalutationList } from '../../actions/getSalutationListActions'\r\nimport { getPurchaserList, getPurchaserListResetState } from '../../actions/getPurchaserListAction'\r\n\r\n// others\r\nimport conf from '../../config'\r\nimport { getAuthData, getOrgId } from '../../utils'\r\n\r\n\r\nconst Option = Select.Option\r\n\r\nconst EditPurchaserDetails = props => {\r\n\r\n // variables\r\n const {\r\n savePurchaserTransferApplication, transferApplicationSavePurchaserState, savePurchaserTransferApplicationReset,\r\n transferApplicationSaveState,\r\n viewEditApplicationState,\r\n deletePurchaserTransferApplication, transferApplicationDeletePurchaserState,\r\n getSalutationList, getSalutationListState,\r\n verifyUpnAndMobileSubmitOtpState,\r\n getPurchaserList, getPurchaserListState, getPurchaserListResetState,\r\n } = props\r\n const [openFrom, setOpenFrom] = useState(true)\r\n const [legalHeirFormVisible, setLegalHeirFormVisible] = useState(false)\r\n const initialFormDataNew = {\r\n Salutation: \"\",\r\n Name: \"\",\r\n FatherName: \"\",\r\n Address: \"\",\r\n Gender: \"\",\r\n MobileNumber: \"\",\r\n EmailAddress: \"\",\r\n IdentityProofUploaded: false,\r\n PhotoUploaded: false,\r\n SignatureUploaded: false,\r\n TempPhotoId: \"\",\r\n TempSignId: \"\",\r\n TempIdentityProofId: \"\",\r\n IsPrimary: \"N\",\r\n PurchaserId: 0,\r\n EntityId: 0\r\n }\r\n const initialFormData = {\r\n Salutation: \"\",\r\n Name: \"\",\r\n FatherName: \"\",\r\n Address: \"\",\r\n Gender: \"\",\r\n MobileNumber: \"\",\r\n EmailAddress: \"\",\r\n IdentityProofUploaded: false,\r\n PhotoUploaded: false,\r\n SignatureUploaded: false,\r\n TempPhotoId: \"\",\r\n TempSignId: \"\",\r\n TempIdentityProofId: \"\",\r\n IsPrimary: \"Y\",\r\n PurchaserId: 0,\r\n EntityId: 0\r\n }\r\n const [formData, setFormData] = useState(initialFormData)\r\n const [form] = Form.useForm()\r\n const headers = {\r\n 'AuthKey': getAuthData().AuthKey,\r\n 'AuthId': getAuthData().AuthId,\r\n }\r\n const [displayFileValidation, setDisplayFileValidation] = useState(false)\r\n const [purchaserId, setPurchaserId] = useState(0)\r\n const isMobileL = useMediaQuery({ query: '(max-width: 425px)' })\r\n const [submitBtnLoading, setSubmitBtnLoading] = useState(false)\r\n const [displayPrimaryAddPurchaserBtn, setDisplayPrimaryAddPurchaserBtn] = useState(false)\r\n const [fileList, setFileList] = useState([])\r\n const [defaultFileList, setDefaultFileList] = useState([])\r\n\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState('');\r\n const [currentFileType, setCurrentFileType] = useState(''); // Current file format\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false); // Current file format\r\n\r\n const [files, setFiles] = useState([])\r\n const OrgId = getOrgId()\r\n const serviceId = props.serviceId\r\n // callbacks\r\n\r\n useEffect(() => {\r\n return (() => {\r\n savePurchaserTransferApplicationReset()\r\n getPurchaserListResetState()\r\n })\r\n }, [])\r\n /* call salutation list on component mount */\r\n useEffect(() => {\r\n getSalutationList({\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n callGetPurchaserList()\r\n }, [])\r\n\r\n const callGetPurchaserList = () => {\r\n getPurchaserList({\r\n OrgId: OrgId,\r\n ApplicationId: props.applicationId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (transferApplicationSavePurchaserState.apiState === \"alert\") {\r\n transferApplicationSavePurchaserState.apiState = \"\"\r\n notification.error({\r\n message: transferApplicationSavePurchaserState.alertMessage,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationSavePurchaserState.apiState === \"error\") {\r\n transferApplicationSavePurchaserState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationSavePurchaserState.apiState === \"success\") {\r\n transferApplicationSavePurchaserState.apiState = \"\"\r\n setOpenFrom(false)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n notification.success({\r\n message: props.changeOfOwnerShip ? \"Transferee added successfully\" : \"Purchaser added successfully\",\r\n placement: \"bottomRight\"\r\n })\r\n // props.refreshApplication()\r\n // props.triggerFetchApplication()\r\n callGetPurchaserList()\r\n }\r\n }, [transferApplicationSavePurchaserState.apiState])\r\n\r\n\r\n\r\n useEffect(() => {\r\n if (transferApplicationDeletePurchaserState.apiState === \"alert\") {\r\n transferApplicationDeletePurchaserState.apiState = \"\"\r\n notification.error({\r\n message: transferApplicationDeletePurchaserState.alertMessage,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationDeletePurchaserState.apiState === \"error\") {\r\n transferApplicationDeletePurchaserState.apiState = \"\"\r\n notification.error({\r\n message: \"Something went wrong, please try again.\",\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n\r\n if (transferApplicationDeletePurchaserState.apiState === \"success\") {\r\n transferApplicationDeletePurchaserState.apiState = \"\"\r\n setOpenFrom(false)\r\n setFormData(initialFormData)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n notification.success({\r\n message: props.changeOfOwnerShip ? \"Transferee has been deleted\" : \"Purchaser has been deleted\",\r\n placement: \"bottomRight\"\r\n })\r\n // props.triggerFetchApplication()\r\n callGetPurchaserList()\r\n }\r\n }, [transferApplicationDeletePurchaserState.apiState])\r\n\r\n\r\n useEffect(() => {\r\n if (transferApplicationSaveState.apiState === \"success\" && props.applicationId) {\r\n if (formData.Salutation) {\r\n setSubmitBtnLoading(false)\r\n setDisplayFileValidation(false)\r\n transferApplicationSaveState.apiState = \"\"\r\n savePurchaserTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: formData.PurchaserId,\r\n ApplicationId: props.applicationId,\r\n PropertyRefId: viewEditApplicationState.data.PropertyRefId,\r\n Salutation: formData.Salutation,\r\n Name: formData.Name,\r\n FatherName: formData.FatherName,\r\n Address: formData.Address,\r\n Gender: formData.Gender,\r\n MobileNumber: formData.MobileNumber,\r\n EmailAddress: formData.EmailAddress,\r\n TempPhotoId: formData.TempPhotoId,\r\n TempSignId: formData.TempSignId,\r\n TempIdentityProofId: formData.TempIdentityProofId,\r\n IsPrimary: formData.IsPrimary,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }\r\n }\r\n }, [transferApplicationSaveState.apiState, props.applicationId])\r\n\r\n // useEffect(() => {\r\n // if (props.triggerPurchaserSubmit) {\r\n // onFinish()\r\n // }\r\n // }, [props.triggerPurchaserSubmit])\r\n\r\n\r\n useEffect(() => {\r\n if (getPurchaserListState.apiState === \"success\") {\r\n if (getPurchaserListState.data && getPurchaserListState.data.length > 0) {\r\n setOpenFrom(false)\r\n }\r\n else {\r\n setOpenFrom(true)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n if (serviceId !== '25') {\r\n form.resetFields()\r\n }\r\n }\r\n }\r\n }, [getPurchaserListState])\r\n\r\n useEffect(() => {\r\n if (getPurchaserListState.apiState === \"success\") {\r\n if (serviceId === '25') {\r\n\r\n if (getPurchaserListState.data && getPurchaserListState.data.length > 0) {\r\n\r\n }\r\n else {\r\n\r\n form.resetFields()\r\n let editFormData = {\r\n Name: getPurchaserListState.data[0].Name,\r\n FatherName: getPurchaserListState.data[0].FatherName,\r\n Address: getPurchaserListState.data[0].Address,\r\n MobileNumber: getPurchaserListState.data[0].MobileNumber,\r\n EmailAddress: getPurchaserListState.data[0].EmailAddress,\r\n PurchaserId: getPurchaserListState.data[0].PurchaserId,\r\n EntityId: getPurchaserListState.data[0].PurchaserId,\r\n IsPrimary: 'Y',\r\n }\r\n let editFormDataValue = {\r\n Name: getPurchaserListState.data[0].Name,\r\n FatherName: getPurchaserListState.data[0].FatherName,\r\n Address: getPurchaserListState.data[0].Address,\r\n Gender: getPurchaserListState.data[0].Gender,\r\n MobileNumber: getPurchaserListState.data[0].MobileNumber,\r\n EmailAddress: getPurchaserListState.data[0].EmailAddress,\r\n PurchaserId: getPurchaserListState.data[0].PurchaserId,\r\n IsPrimary: 'Y',\r\n }\r\n setFormData(editFormData)\r\n form.setFieldsValue(editFormDataValue)\r\n }\r\n }\r\n }\r\n }, [getPurchaserListState])\r\n // functions\r\n const handleOnChange = (e) => {\r\n setFormData({ ...formData, [e.target.name]: e.target.value })\r\n }\r\n\r\n const handleSalutationSelect = (Salutation) => {\r\n setFormData({ ...formData, [\"Salutation\"]: Salutation })\r\n }\r\n\r\n\r\n\r\n const onFinish = () => {\r\n if (props.applicationId) {\r\n let temp = {}\r\n if (formData.TempPhotoId !== \"\") {\r\n temp['TempPhotoId'] = formData.TempPhotoId\r\n }\r\n if (formData.TempSignId !== \"\") {\r\n temp['TempSignId'] = formData.TempSignId\r\n }\r\n if (formData.TempIdentityProofId !== \"\") {\r\n temp['TempIdentityProofId'] = formData.TempIdentityProofId\r\n }\r\n savePurchaserTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: formData.PurchaserId,\r\n ApplicationId: props.applicationId,\r\n PropertyRefId: viewEditApplicationState.data.PropertyRefId,\r\n Salutation: formData.Salutation,\r\n Name: formData.Name,\r\n FatherName: formData.FatherName,\r\n Address: formData.Address,\r\n Gender: formData.Gender,\r\n MobileNumber: formData.MobileNumber,\r\n EmailAddress: formData.EmailAddress,\r\n IsPrimary: formData.IsPrimary,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n ...temp\r\n })\r\n\r\n } else {\r\n props.triggerDraftSave()\r\n setSubmitBtnLoading(true)\r\n }\r\n }\r\n const editPurchaserDetails = (purchaser) => {\r\n form.resetFields()\r\n let editFormData = {\r\n Salutation: purchaser.SalutationId,\r\n Name: purchaser.Name,\r\n FatherName: purchaser.FatherName,\r\n Address: purchaser.Address,\r\n Gender: purchaser.Gender,\r\n MobileNumber: purchaser.MobileNumber,\r\n EmailAddress: purchaser.EmailAddress,\r\n IsPrimary: purchaser.IsPrimary,\r\n PurchaserId: purchaser.PurchaserId,\r\n EntityId: purchaser.PurchaserId\r\n }\r\n let editFormDataValue = {\r\n Salutation: purchaser.Salutation,\r\n Name: purchaser.Name,\r\n FatherName: purchaser.FatherName,\r\n Address: purchaser.Address,\r\n Gender: purchaser.Gender,\r\n MobileNumber: purchaser.MobileNumber,\r\n EmailAddress: purchaser.EmailAddress,\r\n IsPrimary: purchaser.IsPrimary,\r\n PurchaserId: purchaser.PurchaserId\r\n }\r\n setFormData(editFormData)\r\n form.setFieldsValue(editFormDataValue)\r\n let fileArr = []\r\n purchaser.PurchaserDocument.map((item) => {\r\n let extension = item.FileName.substr(item.FileName.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${item.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${item.FileData}`\r\n }\r\n if (item.DocumentTypeId === 3) {\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n }\r\n else if (item.DocumentTypeId === 2) {\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n }\r\n else if (item.DocumentTypeId === 1) {\r\n\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n }\r\n })\r\n setDefaultFileList(fileArr)\r\n setOpenFrom(true)\r\n }\r\n\r\n const normFile = (e) => {\r\n if (Array.isArray(e)) {\r\n return e\r\n }\r\n\r\n return e && e.fileList\r\n }\r\n\r\n const onPreview = async file => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1)\r\n let src = file.url;\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n if (!src) {\r\n src = await new Promise(resolve => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n // const image = new Image();\r\n // image.src = src;\r\n // const imgWindow = window.open(src);\r\n // imgWindow.document.write(image.outerHTML);\r\n setCurrentFileType('image');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n else {\r\n setCurrentFileType('pdf');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n // let pdfWindow = window.open(\"\")\r\n // pdfWindow.document.write(\r\n // \"\"\r\n // )\r\n }\r\n\r\n }\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n }\r\n\r\n\r\n return (\r\n <>\r\n {/* START: To display primary purchaer */}\r\n \r\n \r\n {`${purchaser.Salutation} ${purchaser.Name}`} \r\n {purchaser.IsPrimary === 'Y' &&\r\n Primary {props.changeOfOwnerShip ? \"Transferee\" : \"Purchaser\"} \r\n }\r\n \r\n\r\n {purchaser.MobileNumber || \"\"} {purchaser.EmailAddress ? \" | \" + purchaser.EmailAddress : \"\"} \r\n \r\n \r\n \r\n {purchaser.IsPrimary === 'N' &&\r\n deletePurchaserTransferApplication({\r\n OrgId: OrgId,\r\n PurchaserId: purchaser.PurchaserId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n \r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {(getPurchaserListState.data\r\n && getPurchaserListState.data.length > 0) &&\r\n <>\r\n
\r\n {/* END: To display primary purchaer */}\r\n {openFrom &&\r\n\r\n \r\n\r\n }\r\n \r\n )\r\n}\r\n\r\nEditPurchaserDetails.propTypes = {\r\n panelTitle: PropsTypes.string,\r\n OrgId: PropsTypes.string,\r\n applicationId: PropsTypes.string,\r\n refreshApplication: PropsTypes.func,\r\n triggerDraftSave: PropsTypes.func,\r\n triggerFetchApplication: PropsTypes.func,\r\n triggerPurchaserSubmit: PropsTypes.bool,\r\n changeOfOwnerShip: PropsTypes.bool,\r\n}\r\n\r\nEditPurchaserDetails.defaultProps = {\r\n panelTitle: \"Purchaser's Details\",\r\n OrgId: \"\",\r\n applicationId: \"\",\r\n refreshApplication: () => { return },\r\n triggerDraftSave: () => { return },\r\n triggerFetchApplication: () => { return },\r\n triggerPurchaserSubmit: false,\r\n changeOfOwnerShip: false\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n transferApplicationSavePurchaserState: state.transferApplicationSavePurchaser,\r\n transferApplicationSaveState: state.transferApplicationSave,\r\n viewEditApplicationState: state.viewEditApplication,\r\n transferApplicationDeletePurchaserState: state.transferApplicationDeletePurchaser,\r\n getSalutationListState: state.getSalutationList,\r\n verifyUpnAndMobileSubmitOtpState: state.verifyUpnAndMobileSubmitOtp,\r\n getPurchaserListState: state.getPurchaserList,\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n savePurchaserTransferApplication: (params) => dispatch(savePurchaserTransferApplication(params)),\r\n deletePurchaserTransferApplication: (params) => dispatch(deletePurchaserTransferApplication(params)),\r\n getSalutationList: (params) => dispatch(getSalutationList(params)),\r\n savePurchaserTransferApplicationReset: () => dispatch(savePurchaserTransferApplicationReset()),\r\n getPurchaserList: (params) => dispatch(getPurchaserList(params)),\r\n getPurchaserListResetState: () => dispatch(getPurchaserListResetState()),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditPurchaserDetails)","import React, { useEffect, useState } from \"react\"\r\nimport { Col, Form, Row, Upload, Button, notification, Input, DatePicker, Select, Checkbox, InputNumber, Space, Alert, Modal } from \"antd\"\r\nimport { connect } from \"react-redux\"\r\nimport { UploadOutlined } from '@ant-design/icons'\r\nimport { Link, Redirect } from \"react-router-dom\"\r\nimport _ from \"lodash\"\r\n\r\n// components\r\nimport { Container, Heading } from './EditApplicationFormStyle'\r\nimport { FormItem, BlankSpace, BlueButton, DocumentUpload, ValidationDiv, FileTitle } from '../Xcomponents'\r\nimport SelectSearchNotFound from \"../SelectSearchNotFound\";\r\n\r\n// actions\r\nimport { getDocumentList, getDocumentListResetState } from '../../actions/getDocumentListAction'\r\nimport { saveTransferApplication, saveTransferApplicationResetState } from '../../actions/transferApplicationSaveActions'\r\nimport { fetchTransferApplication, resetStateFetchTransferApplication } from '../../actions/transferApplicationfetchActions'\r\nimport { deleteTransferApplication } from '../../actions/transferApplicationDeleteActions'\r\nimport { saveEditApplication, saveEditApplicationResetState } from '../../actions/saveEditApplicationAction'\r\n\r\n// others\r\nimport { getOrgId } from '../../utils'\r\nimport conf from \"../../config\"\r\nimport EditLegalHeirForm from \"../EditLegalHeirForm/EditLegalHeirForm\"\r\nimport EditPurchaserDetails from \"../EditPurchaserDetails/EditPurchaserDetails\"\r\nconst { Option } = Select\r\n\r\nconst EditApplicationForm = props => {\r\n // variables\r\n const {\r\n getServiceDetailState,\r\n getDocumentList, getDocumentListResetState, getDocumentListState,\r\n verifyUpnAndMobileSubmitOtpState,\r\n verifyUpnAndMobileState,\r\n saveTransferApplication, transferApplicationSaveState, saveTransferApplicationResetState,\r\n fetchTransferApplication, transferApplicationFetchState, resetStateFetchTransferApplication,\r\n saveEditApplication, saveEditApplicationResetState, saveEditApplicationState,\r\n token,\r\n viewEditApplicationState,\r\n getLegalHeirListState,\r\n getPurchaserListState\r\n } = props\r\n const serviceId = props.serviceId\r\n const OrgId = getOrgId()\r\n\r\n let initialFormData = {\r\n PropertyId: viewEditApplicationState.data.PropertyRefId,\r\n OrgId: OrgId ? OrgId : 0,\r\n ApplicationTypeId: serviceId,\r\n OwnerId: 0,\r\n Remark: viewEditApplicationState.data.Remarks,\r\n Remarks: \"\",\r\n PermissionType: viewEditApplicationState.data.Remarks,\r\n Relation: viewEditApplicationState.data.Remarks,\r\n Share: viewEditApplicationState.data.Remarks,\r\n documentEntityId: 0,\r\n PermissionNo: viewEditApplicationState.data.PermissionNo,\r\n }\r\n const [formData, setFormData] = useState(initialFormData)\r\n const [form] = Form.useForm()\r\n\r\n const [previewVisible, setPreviewVisible] = useState(false);\r\n const [previewImage, setPreviewImage] = useState('');\r\n const [currentFileType, setCurrentFileType] = useState(''); // Current file format\r\n const [submitDocumentStatus, setSubmitDocumentStatus] = useState(false); // Current file format\r\n\r\n const [fileList, setFileList] = useState([])\r\n const [documentFileId, setDocumentFileId] = useState([])\r\n const [uploadLoading, setUploadLoading] = useState([])\r\n const [files, setFiles] = useState([])\r\n const [redirect, setRedirect] = useState([false, \"\"])\r\n const [applicationId, setApplicationId] = useState(viewEditApplicationState.data.ApplicationId)\r\n const [submitApplication, setSubmitApplication] = useState(false)\r\n const [isPVerificationRequired, setIsPVerificationRequired] = useState(false)\r\n const [defaultFileList, setDefaultFileList] = useState([])\r\n // const [triggerPurchaserSubmit, setTriggerPurchaserSubmit] = useState(false)\r\n // const [triggerPurchaserSubmitStatus, setTriggerPurchaserSubmitStatus] = useState(false)\r\n // callbacks\r\n useEffect(() => {\r\n return (() => {\r\n // saveTransferApplicationResetState()\r\n resetStateFetchTransferApplication()\r\n getDocumentListResetState()\r\n saveEditApplicationResetState()\r\n })\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (serviceId === '21' || serviceId === '1048') {\r\n setFormData({ ...formData, ['PermissionType']: 'Transfer' })\r\n }\r\n getDocumentList({\r\n PropertyId: viewEditApplicationState.data.PropertyRefId,\r\n OrgId: OrgId,\r\n ApplicationTypeId: serviceId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey\r\n })\r\n }, [])\r\n\r\n\r\n useEffect(() => {\r\n if (viewEditApplicationState.apiState === \"success\") {\r\n form.resetFields()\r\n setFormData({\r\n ...formData,\r\n [\"OwnerId\"]: viewEditApplicationState.data.OwnerId,\r\n [\"PermissionType\"]: viewEditApplicationState.data.TransferType,\r\n [\"Relation\"]: viewEditApplicationState.data.TransferSubType,\r\n [\"Share\"]: viewEditApplicationState.data.TransferPercentage,\r\n [\"Remark\"]: viewEditApplicationState.data.Remarks,\r\n })\r\n form.setFieldsValue({\r\n OwnerName: viewEditApplicationState.data.ApplicantDetails.Name,\r\n PermissionType: viewEditApplicationState.data.TransferType,\r\n Relation: viewEditApplicationState.data.TransferSubType,\r\n Share: viewEditApplicationState.data.TransferPercentage,\r\n Remark: viewEditApplicationState.data.Remarks,\r\n })\r\n let fileArr = []\r\n viewEditApplicationState.data.Documents.map((item) => {\r\n let extension = item.FileName.substr(item.FileName.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${item.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${item.FileData}`\r\n }\r\n fileArr.push({\r\n documentTypeId: item.DocumentTypeId,\r\n uid: item.DocumentId,\r\n name: item.FileName,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n })\r\n setDefaultFileList(fileArr)\r\n }\r\n }, [viewEditApplicationState])\r\n\r\n // useEffect(() => {\r\n // if (transferApplicationSaveState.apiState === \"alert\") {\r\n // notification[\"error\"]({\r\n // message: transferApplicationSaveState.apiMessage,\r\n // placement: \"bottomRight\"\r\n // })\r\n // saveTransferApplicationResetState()\r\n // setSubmitApplication(false)\r\n // }\r\n\r\n // if (transferApplicationSaveState.apiState === \"success\") {\r\n // notification[\"success\"]({\r\n // message: transferApplicationSaveState.apiMessage,\r\n // placement: \"bottomRight\"\r\n // })\r\n // setApplicationId(transferApplicationSaveState.data.ApplicationId)\r\n // fetchApplication()\r\n // if (triggerPurchaserSubmitStatus) {\r\n // setTriggerPurchaserSubmit(true)\r\n // }\r\n // if (submitApplication) {\r\n // setRedirect([true, \"/ndc-details/\" + transferApplicationSaveState.data.ApplicationId])\r\n // }\r\n // }\r\n // }, [transferApplicationSaveState])\r\n\r\n\r\n useEffect(() => {\r\n if (saveEditApplicationState.apiState === \"alert\") {\r\n notification[\"error\"]({\r\n message: saveEditApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n saveEditApplicationResetState()\r\n setSubmitApplication(false)\r\n }\r\n\r\n if (saveEditApplicationState.apiState === \"success\") {\r\n notification[\"success\"]({\r\n message: saveEditApplicationState.apiMessage,\r\n placement: \"bottomRight\"\r\n })\r\n setApplicationId(viewEditApplicationState.data.ApplicationId)\r\n // if (triggerPurchaserSubmitStatus) {\r\n // setTriggerPurchaserSubmit(true)\r\n // }\r\n setRedirect([true, \"/ndc-details/\" + viewEditApplicationState.data.ApplicationId])\r\n }\r\n }, [saveEditApplicationState])\r\n\r\n // functions\r\n\r\n const fetchApplication = () => {\r\n props.fetchNdcApplication()\r\n }\r\n\r\n const handleOnChange = e => {\r\n setFormData({\r\n ...formData,\r\n [e.target.name]: e.target.value\r\n })\r\n }\r\n\r\n const handleSubmit = () => {\r\n if (getPurchaserListState.data && getPurchaserListState.data.length > 0) {\r\n if (getLegalHeirListState.data.length > 0) {\r\n if (getPurchaserListState.data.length <= getLegalHeirListState.data.length) {\r\n saveEditApplication({\r\n ApplicationId: viewEditApplicationState.data.ApplicationId,\r\n PropertyRefId: viewEditApplicationState.data.PropertyRefId,\r\n OrgId: formData.OrgId,\r\n ApplicationType: props.serviceId,\r\n Remark: formData.Remark,\r\n Remarks: formData.Remarks,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n TransferType: formData.PermissionType,\r\n TransferSubType: formData.Relation,\r\n TransferPercentage: formData.Share,\r\n PermissionNo: formData.PermissionNo,\r\n OwnerId: viewEditApplicationState.data.OwnerId,\r\n GPASPA: \"N\",\r\n })\r\n\r\n setSubmitApplication(true)\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add Legal Heir of every ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"}`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add Legal Heir of every ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"}`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n else {\r\n notification[\"error\"]({\r\n message: `Please add at least one ${props.changeOfOwnerShip ? \"Transferor's\" : \"Purchaser's\"} and Legal Heir`,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const handleOnChangeSelect = (value, name) => {\r\n setFormData({ ...formData, [name]: value })\r\n }\r\n\r\n const normFile = e => {\r\n if (Array.isArray(e)) {\r\n return e;\r\n }\r\n\r\n return e && e.fileList;\r\n };\r\n\r\n const onPreview = async file => {\r\n let extension = file.name.substr(file.name.lastIndexOf(\".\") + 1)\r\n let src = file.url;\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n if (!src) {\r\n src = await new Promise(resolve => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file.originFileObj);\r\n reader.onload = () => resolve(reader.result);\r\n });\r\n }\r\n // const image = new Image();\r\n // image.src = src;\r\n // const imgWindow = window.open(src);\r\n // imgWindow.document.write(image.outerHTML);\r\n setCurrentFileType('image');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n }\r\n else {\r\n setCurrentFileType('pdf');\r\n setPreviewImage(src);\r\n setPreviewVisible(true);\r\n // let pdfWindow = window.open(\"\")\r\n // pdfWindow.document.write(\r\n // \"\"\r\n // )\r\n }\r\n\r\n }\r\n\r\n const handleCancel = () => {\r\n setPreviewVisible(false);\r\n }\r\n\r\n const renderExtensions = (extension) => {\r\n let extensionData = []\r\n extension.map((data) => {\r\n let a = \".\" + _.split(data, \"/\")[1]\r\n extensionData.push(a)\r\n })\r\n return extensionData.join(\", \")\r\n }\r\n\r\n return (\r\n <>\r\n {redirect[0] &&\r\n \r\n {\r\n setOpenFrom(true)\r\n setFormData(initialFormDataNew)\r\n setDefaultFileList([])\r\n setFileList([])\r\n setFiles([])\r\n form.resetFields()\r\n }}\r\n style={{ marginTop: 16, marginBottom: 16 }}\r\n >\r\n {props.changeOfOwnerShip\r\n ? \"Add More Transferee\"\r\n : \"Add More Purchaser\"\r\n }\r\n \r\n
\r\n \r\n }\r\n \r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n \r\n Architect's official Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n autoComplete=\"dontshow\"\r\n name=\"CorrespondenceAddressState\"\r\n size=\"large\"\r\n style={{ width: '100%' }}\r\n onSelect={(v) => handleOnChangeSelectState(v, 'CorrespondenceAddressState', false)}\r\n >\r\n {getStateListState.list.map(item => ())}\r\n \r\n \r\n \r\n \r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n autoComplete=\"dontshow\"\r\n name=\"CorrespondenceAddressDistrict\"\r\n size=\"large\" style={{ width: '100%' }}\r\n onSelect={(v) => handleOnChangeSelect(v, 'CorrespondenceAddressDistrict')}\r\n >\r\n {districtList.correspondenceDistrict.map(item => ())}\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 {getDocumentListState.apiState === \"success\" &&\r\n <>\r\n \r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n Online application submission shall be available soon.
\r\n }\r\n\r\n {securityCheck.open &&\r\n \r\n {serviceName} Correspondence Address \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n autoComplete=\"dontshow\"\r\n name=\"CorrespondenceAddressState\"\r\n size=\"large\"\r\n style={{ width: '100%' }}\r\n onSelect={(v) => handleOnChangeSelectState(v, 'CorrespondenceAddressState', false)}\r\n >\r\n {getStateListState.list.map(item => ())}\r\n \r\n \r\n \r\n \r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n autoComplete=\"dontshow\"\r\n name=\"CorrespondenceAddressDistrict\"\r\n size=\"large\" style={{ width: '100%' }}\r\n onSelect={(v) => handleOnChangeSelect(v, 'CorrespondenceAddressDistrict')}\r\n >\r\n {districtList.correspondenceDistrict.map(item => ())}\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 {getDocumentListState.apiState === \"success\" &&\r\n <>\r\n \r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n Online application submission shall be available soon.
\r\n }\r\n\r\n {securityCheck.open &&\r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: \"Owner\",\r\n dataIndex: \"owner\",\r\n key: \"owner\",\r\n },\r\n {\r\n title: \"Submitted On\",\r\n dataIndex: \"submitted_on\",\r\n key: \"submitted_on\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n key: \"status\",\r\n },\r\n {\r\n title: \"Action\",\r\n dataIndex: \"application_id\",\r\n key: \"action\",\r\n render: (application_id) => (\r\n {property.UPN}
\r\n {property.PropertyNo}
\r\n ![](\"https://cdn.thelivemirror.com/wp-content/uploads/2020/01/Ashish-Chanchlani-Controversial-Statements.jpg\")
\r\n */}\r\n \r\n \r\n \r\n Select Building Plan\r\n \r\n \r\n {/* \r\n APPLY NEW BUILDING PLAN APPROVAL OF PRIVATE PROPERTIES \r\n \r\n APPLY NEW BUILDING PLAN APPROVAL APPLICATION \r\n */}\r\n
\r\n \r\n \r\n\r\n \r\n handleSelectChange(\"hospital\", v)}\r\n showSearch\r\n filterOption={false}\r\n filterOption={(input, option) =>\r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n \r\n \r\n handleSelectChange(\"hospital\", v)}\r\n showSearch\r\n filterOption={false}\r\n filterOption={(input, option) =>\r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n \r\n \r\n
\r\n\r\n
*/}\r\n + \"Issued Date : \" + item.IssuedOn\r\n />\r\n \r\n ))\r\n ]\r\n\r\n : null\r\n }\r\n\r\n {verifyUpnAndMobileSubmitOtpState.apiState === \"error\" &&\r\n
\r\n \r\n (File must be in \".jpeg/.jpg/.png\" format and less than 100KB in size.\")\r\n \r\n
\r\n \r\n \r\n (File must be in \".jpeg/.jpg/.png\" format and less than 100KB in size.\")\r\n \r\n
\r\n \r\n \r\n (File must be in \".jpeg/.jpg/.png\" format and less than 100KB in size.\")\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n },\r\n {\r\n title: \"Action\",\r\n dataIndex: \"Id\",\r\n render: (id) => (\r\n {item?.Mobile}
\r\n {item?.Email}
\r\n \r\n handleDelete(id)} >Delete\r\n
\r\n )\r\n },\r\n ]\r\n\r\n\r\n useEffect(() => {\r\n if (refresh > 0) {\r\n let data = []\r\n formData.DirectorDetails.map((item, index) => {\r\n data.push({\r\n Key: ++index,\r\n Id: ++index,\r\n Name: item.Name,\r\n Address: item.Address,\r\n Designation: item.Designation,\r\n ContactDetail: { Mobile: item.Mobile, Email: item.Email, Gender: item.Gender },\r\n })\r\n })\r\n setDataSource(data)\r\n }\r\n\r\n }, [refresh])\r\n\r\n useEffect(() => {\r\n // setDetailsOfDitectors(data)\r\n }, [formData])\r\n\r\n const addDetails = () => {\r\n if (formData.Name && formData.Designation && formData.Address && formData.Email && formData.Mobile && formData.Gender) {\r\n const newElement = {\r\n \"Name\": formData.Name,\r\n \"Designation\": formData.Designation,\r\n \"Address\": formData.Address,\r\n \"Mobile\": formData.Mobile,\r\n \"Email\": formData.Email,\r\n \"Gender\": formData.Gender,\r\n };\r\n setFormData({ ...formData, DirectorDetails: [...formData.DirectorDetails, newElement], ['Name']: \"\", ['Designation']: \"\", ['Address']: \"\", ['Mobile']: \"\", ['Email']: \"\", ['Gender']: \"\" });\r\n form.setFieldsValue({\r\n Name: \"\",\r\n Designation: \"\",\r\n Address: \" \",\r\n Mobile: \"\",\r\n Email: \"\",\r\n Gender: null\r\n })\r\n setRefresh(refresh + 1)\r\n\r\n }\r\n }\r\n\r\n const handleSubmit = () => {\r\n if (formData.DirectorDetails.length > 0) {\r\n saveEcluBussinessDetails({\r\n OrgId: OrgId,\r\n AuthToken: verifyUpnAndMobileSubmitOtpState.AuthToken,\r\n AuthTokenKey: verifyUpnAndMobileSubmitOtpState.AuthTokenKey,\r\n ...formData\r\n })\r\n }\r\n }\r\n const handleDelete = (id) => {\r\n const newData = dataSource.filter((data) => data.Id !== id);\r\n let data = []\r\n let dataForFromData = []\r\n newData.map((item, index) => {\r\n data.push({\r\n Key: ++index,\r\n Id: ++index,\r\n Name: item.Name,\r\n Address: item.Address,\r\n Designation: item.Designation,\r\n ContactDetail: { Mobile: item.ContactDetail.Mobile, Email: item.ContactDetail.Email, Gender: item.ContactDetail.Gender },\r\n })\r\n dataForFromData.push({\r\n Name: item.Name,\r\n Address: item.Address,\r\n Designation: item.Designation,\r\n Mobile: item.ContactDetail.Mobile,\r\n Email: item.ContactDetail.Email,\r\n Gender: item.ContactDetail.Gender\r\n })\r\n })\r\n setDataSource(data)\r\n setFormData({ ...formData, ['DirectorDetails']: dataForFromData })\r\n }\r\n const onSameAsChange = (e) => {\r\n setCheckSameAs(e.target.checked)\r\n if (e.target.checked) {\r\n if (getEcluDetailState.data) {\r\n getDistrictList({\r\n OrgId: OrgId,\r\n StateId: getEcluDetailState.data.StateId\r\n })\r\n\r\n setFormData({\r\n ...formData,\r\n Address1: getEcluDetailState.data.Address1,\r\n Address2: getEcluDetailState.data.Address2,\r\n Pin: getEcluDetailState.data.Pin,\r\n Country: getEcluDetailState.data.Country,\r\n StateId: getEcluDetailState.data.StateId,\r\n DistrictId: getEcluDetailState.data.DistrictId,\r\n Tehsil: getEcluDetailState.data.Tehsil,\r\n })\r\n form.setFieldsValue({\r\n Address1: getEcluDetailState.data.Address1,\r\n Address2: getEcluDetailState.data.Address2,\r\n Pin: getEcluDetailState.data.Pin,\r\n Country: getEcluDetailState.data.Country,\r\n StateId: getEcluDetailState.data.StateId,\r\n DistrictId: getEcluDetailState.data.DistrictId,\r\n Tehsil: getEcluDetailState.data.Tehsil,\r\n })\r\n }\r\n\r\n }\r\n else {\r\n setFormData({\r\n ...formData,\r\n Address1: \"\",\r\n Address2: \"\",\r\n Pin: \"\",\r\n Country: \"\",\r\n StateId: \"\",\r\n DistrictId: \"\",\r\n Tehsil: \"\",\r\n })\r\n form.setFieldsValue({\r\n Address1: \"\",\r\n Address2: \"\",\r\n Pin: \"\",\r\n Country: \"\",\r\n StateId: null,\r\n DistrictId: null,\r\n Tehsil: \"\",\r\n })\r\n }\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n (File must be in \".jpeg/.jpg/.png\" format and less than 100KB in size.\")\r\n \r\n
\r\n (For Standalone Project: The Khasra number under join ownership (Mustaka Khata) shall not be considered for CLU Only sole ownership (Salam Khata)/ Registered Lease Dead for Minimum 15 years of Khasra Numbers under sole ownership shall be considered for )
\r\nDetail of Already Granted CLU (if Any)
\r\n\r\n \r\n onPreview(_.find(defaultFileList, { 'documentTypeId': 812 }))}\r\n action={`http://localhost:3000/`}\r\n className=\"avatar-uploader\"\r\n beforeUpload={file => {\r\n setFormData({\r\n ...formData,\r\n [\"UploadGPA\"]: true\r\n })\r\n setFiles({\r\n ...files,\r\n [\"UploadGPA\"]: file\r\n })\r\n setFileList(state => ({\r\n ...fileList,\r\n [\"UploadGPA\"]: []\r\n }))\r\n setSubmitDocumentStatus(true)\r\n return true\r\n }}\r\n onError={(info) => {\r\n setSubmitDocumentStatus(false)\r\n setFormData({ ...formData, [\"UploadGPA\"]: false })\r\n }}\r\n onRemove={file => {\r\n setFileList(state => ({\r\n ...fileList,\r\n [\"UploadGPA\"]: []\r\n }))\r\n const defaultFileLists = defaultFileList;\r\n let fileArr = []\r\n defaultFileLists.forEach(item => {\r\n if (item.documentTypeId !== 812) {\r\n fileArr.push(item)\r\n }\r\n })\r\n setDefaultFileList(fileArr)\r\n }}\r\n onSuccess={(response) => {\r\n if (response.Status === 2) {\r\n let fileArr = []\r\n const defaultFileLists = defaultFileList;\r\n defaultFileLists.forEach((defaultItem) => {\r\n fileArr.push(defaultItem)\r\n })\r\n let extension = files[\"UploadGPA\"].name.substr(files[\"UploadGPA\"].name.lastIndexOf(\".\") + 1)\r\n let filePrependString = \"\"\r\n if (extension === 'jpg' || extension === 'jpeg' || extension === 'png') {\r\n filePrependString = `data:image/${extension};base64,${response.CustomObject.FileData}`\r\n }\r\n else {\r\n filePrependString = `data:application/${extension};base64,${response.CustomObject.FileData}`\r\n }\r\n fileArr.push({\r\n documentTypeId: 812,\r\n uid: response.CustomObject.DocumentId,\r\n name: files[\"UploadGPA\"].name,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n })\r\n setDefaultFileList(fileArr)\r\n setFileList(state => ({\r\n ...fileList,\r\n [\"UploadGPA\"]: [{\r\n documentTypeId: 812,\r\n uid: response.CustomObject.DocumentId,\r\n name: files[\"UploadGPA\"].name,\r\n status: 'done',\r\n url: filePrependString,\r\n thumbUrl: filePrependString,\r\n preview: filePrependString,\r\n }]\r\n }))\r\n\r\n }\r\n if (response.Status === 1) {\r\n notification[\"error\"]({\r\n message: response.Message,\r\n placement: \"bottomRight\"\r\n })\r\n }\r\n if (response.CustomObject && response.CustomObject.EntityId) {\r\n setFormData({ ...formData, [\"UploadGPA\"]: false })\r\n }\r\n else {\r\n setFormData({ ...formData, [\"UploadGPA\"]: false })\r\n }\r\n setSubmitDocumentStatus(false)\r\n }}\r\n defaultFileList={_.find(defaultFileList, { 'documentTypeId': 812 }) ? [_.find(defaultFileList, { 'documentTypeId': 812 })] : []}\r\n fileList={fileList[\"UploadGPA\"]}\r\n >\r\n {_.find(defaultFileList, { 'documentTypeId': 812 }) ? null : }\r\n loading={formData.UploadGPA}\r\n >Click to Upload\r\n }\r\n \r\n \r\n \r\n CLU LETTER\r\n \r\n\r\n
\r\n \r\n \r\n Declaration
\r\n I Ashok Kumar on behalf of iic, do hereby undertake as under that\r\n
\r\n \r\n I Ashok Kumar on behalf of iic, do hereby undertake as under that\r\n
1. All the facts, figures and information submitted are true and correct and nothing has been misstated or misrepresented or concealed therein.
\r\n2. All the documents submitted/ uploaded are genuine and authentic.
\r\n3. The site/land for which Change of Land Use is being applied is Under Construction.
\r\n4 All applicable statutory laws, rules, regulations and notifications shall be binding.
\r\n5. In the event of any false /incorrect / fake / misleading submission of any facts/ figures/ information/documents submitted or concealment of these thereupon at any point of time, then, the applicant and the business entity shall be liable for prosecution and / or penalization.
\r\n6. Any further responses, replies, information, additional fees/charges required/sought from time to time, while processing this application, shall be submitted appropriately in a time-bound manner as and when demanded.
\r\n7. Any instruction passed on while processing this application shall be binding. 8. It is understood that merely submission of this application do not guarantee acceptance/approval for the request applied for.
\r\n\r\n \r\n Upload relevant document (File must be in \".jpeg/.jpg/.png/.pdf format and less than 2048KB in size\")\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n }\r\n\r\n {render &&\r\n <>\r\n Please enter valid grievance Number.
\r\n\r\n\r\n
\r\n \r\n {getGrievanceDetailState.data.GrievanceDate} \r\n
\r\n \r\n \r\n Grievance Number : {getGrievanceDetailState.data.GrievanceNo} \r\n\r\n \r\n {getGrievanceDetailState.data.Status} \r\n
\r\n \r\n
\r\n\r\n \r\n }\r\n \r\n\r\n \r\n\r\n Complainant's Details \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Grievance Details \r\n \r\n \r\n \r\n \r\n \r\n {getGrievanceDetailState.data.GrievanceTypeId === 19 ?\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n I would like to get tele-phonic assistance on my mobile number verified above. \r\n \r\n \r\n
\r\n\r\n Documents Uploaded \r\n\r\n {(getGrievanceDetailState.data.Documents || []).map(item => {\r\n if (item.DocumentId) {\r\n return (\r\n DownloadFile(item.DocumentId, item.FileName)}>\r\n \r\n )\r\n }\r\n })}\r\n\r\n {/* {getDocumentListState.apiState === \"success\"\r\n ? [\r\n attachedDocs === 0\r\n ? \r\n
\r\n {item.Name}
\r\n\r\n
\r\n }\r\n \r\n OR\r\n
\r\n \r\n \r\n Don't remember K/Bill number?{\" \"}\r\n setSectionVisible(\"second\")}>\r\n Pay water bill through property number.\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {sectionVisible == \"second\" && (\r\n \r\n {\" \"}\r\n setSectionVisible(\"first\")}>\r\n Pay water bill through Bill/K number.\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 Water & Sewerage Bill
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n Property Details
\r\n| Type | \r\n:{getWaterBillDetailsState.data.PropertyType} | \r\n
| Property No | \r\n:{getWaterBillDetailsState.data.PropertyNo} | \r\n
| Owner | \r\n:{getWaterBillDetailsState.data.Owner} | \r\n
| Mobile No | \r\n:{getWaterBillDetailsState.data.MobileNo} | \r\n
\r\n \r\n
\r\n
\r\n Bill Details
\r\n| Bill No | \r\n:{getWaterBillDetailsState.data.BillNo} | \r\n
| Issue Date | \r\n:{getWaterBillDetailsState.data.IssueDate} | \r\n
| Due Date | \r\n:{getWaterBillDetailsState.data.DueDate} | \r\n
| Bill Type | \r\n:{getWaterBillDetailsState.data.BillType} | \r\n
\r\n \r\n
\r\n
\r\n Bill Period
\r\n| No of Days | \r\n:{getWaterBillDetailsState.data.NoofDays} | \r\n
| Date From | \r\n:{getWaterBillDetailsState.data.DateFrom} | \r\n
| Date To | \r\n:{getWaterBillDetailsState.data.DateTo} | \r\n
| K Number | \r\n:{getWaterBillDetailsState.data.KNumber} | \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n Meter Readings [Status:{\" \"}\r\n {getWaterBillDetailsState.data.ReadingStatus}]\r\n
\r\n| Meter Number | \r\n:{getWaterBillDetailsState.data.MeterNo} | \r\n
| Current Meter Reading | \r\n:{getWaterBillDetailsState.data.CurrentReading} | \r\n
| Previous Meter Reading | \r\n:{getWaterBillDetailsState.data.PreviousReading} | \r\n
| Units Consumed | \r\n:{getWaterBillDetailsState.data.UnitsConsumed} | \r\n
\r\n \r\n
\r\n
\r\n | Water charges | \r\n:{getWaterBillDetailsState.data.WaterCharges} | \r\n
| \r\n Sewer charges (No. of seats{\" \"}\r\n {getWaterBillDetailsState.data.NoofSeat})\r\n | \r\n:{getWaterBillDetailsState.data.SewerCharges} | \r\n
| Current bill amount | \r\n:{getWaterBillDetailsState.data.CurrentBillAmt} | \r\n
| Outstanding | \r\n:{getWaterBillDetailsState.data.Outstanding} | \r\n
| Advance amount | \r\n:{getWaterBillDetailsState.data.AdvanceAmount} | \r\n
| Amount payble before due date | \r\n\r\n :{getWaterBillDetailsState.data.AmtPayableBeforeDueDate}\r\n | \r\n
| Surcharge after due date | \r\n:{getWaterBillDetailsState.data.Surchage} | \r\n
| Amount payble after due date | \r\n\r\n :{getWaterBillDetailsState.data.AmtPayableAfterDueDate}\r\n | \r\n
\r\n Water & Sewerage Payment Receipt\r\n
\r\n\r\n {/*
{authority.Name}
*/}\r\n {/*{authority.OrgAddress}
*/}\r\n\r\n \r\n
\r\n
\r\n Owner Detail
\r\n| Received From. | \r\n: {getoldBillDetailState.data.Owner} | \r\n
| Scheme. | \r\n: {getoldBillDetailState.data.SchemeName} | \r\n
| Property No. | \r\n: {getoldBillDetailState.data.PropertyNo} | \r\n
| Type | \r\n: {getoldBillDetailState.data.PropertyType} | \r\n
\r\n \r\n
\r\n
\r\n \r\n Receipt Detail
\r\n| Receipt No : | \r\n\r\n {getoldBillDetailState.data.BillId}\r\n | \r\n
| Receipt Date : | \r\n\r\n {getoldBillDetailState.data.IssueDate}\r\n | \r\n
| Bill No : | \r\n\r\n {getoldBillDetailState.data.BillNo}\r\n | \r\n
\r\n
\r\n \r\n
\r\n
\r\n | Paymode | \r\n: Online | \r\n
\r\n \r\n
\r\n
\r\n \r\n | \r\n Bill Amount to be Received :\r\n | \r\n\r\n ₹{getoldBillDetailState.data.PayableAmount}\r\n | \r\n
| \r\n Amount Received :\r\n | \r\n\r\n ₹{getoldBillDetailState.data.ReceivedAmount}\r\n | \r\n
| Balance : | \r\n\r\n ₹{getoldBillDetailState.data.BalanceAmount}\r\n | \r\n
\r\n
\r\n \r\n \r\n Amount in Words :{\" \"}\r\n {price_in_words(getoldBillDetailState.data.PayableAmount)}\r\n
\r\n\r\n Its a computer generated receipt, does not Require\r\n Authentication.\r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n Fetching payment status.
}\r\n {paymentState === 'In-Progress' &&\r\n
\r\n
\r\n
\r\n Water & Sewerage Payment Receipt
\r\n\r\n
{authority.Name}
\r\n{authority.OrgAddress}
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n Owner Detail
\r\n| Received From. | \r\n: {getWaterReceiptState.data.Owner} | \r\n
| Scheme. | \r\n: {getWaterReceiptState.data.SchemeName} | \r\n
| Property No. | \r\n: {getWaterReceiptState.data.PropertyNo} | \r\n
| Type | \r\n: {getWaterReceiptState.data.PropertyType} | \r\n
\r\n \r\n
\r\n
\r\n Receipt Detail
\r\n| Receipt No : | \r\n{getWaterReceiptState.data.BillId} | \r\n
| Receipt Date : | \r\n{getWaterReceiptState.data.IssueDate} | \r\n
| Bill No : | \r\n{getWaterReceiptState.data.BillNo} | \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n | Paymode | \r\n: Online | \r\n
| Transaction No | \r\n: {PropertyDuePaymentsState.TransactionNo} | \r\n
\r\n \r\n
\r\n
\r\n | Bill Amount to be Received : | \r\n₹{getWaterReceiptState.data.PayableAmount} | \r\n
| Amount Received : | \r\n₹{getWaterReceiptState.data.ReceivedAmount} | \r\n
| Balance : | \r\n₹{getWaterReceiptState.data.BalanceAmount} | \r\n
\r\n
\r\n Amount in Words : {price_in_words(getWaterReceiptState.data.PayableAmount)}
\r\nIts a computer generated receipt, does not Require Authentication.
\r\n\r\n \r\n
\r\n \r\n }\r\n \r\n \r\n {item.Name}\r\n \r\n \r\n {item.SampleFileURL ? Download Sample Document. : null}\r\n {item.IsPVerificationRequired &&\r\n \r\n }\r\n
\r\n \r\n \r\n (File must be in \"{renderExtensions(item.Extensions)} format and less than {item.MaxSizeInKb}KB in size.\")\r\n \r\n
\r\n {(item.IsPVerificationRequired || item.SampleFileURL) &&\r\n Online application submission shall be available soon.
\r\n }\r\n {securityCheck &&\r\n