@mseva/digit-ui-module-ndc 1.0.72 → 1.0.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { Card, Banner, ActionBar, SubmitBar as SubmitBar$1, PrivateRoute, BreadCrumb, AppContainer, Dropdown, UploadFile, Modal, FormComposer, Toast, Loader as Loader$1, LinkButton, CardSubHeader, StatusTable, Row, TextInput, CardLabel, FilterFormField, RadioButtons, Menu, EmployeeModuleCard, SearchField, CheckBox, ComplaintIcon, Header, InboxComposer, MobileNumber, CardLabelError, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, LabelFieldPair, DeleteIcon, KeyNote } from '@mseva/digit-ui-react-components';
1
+ import { Card, Banner, ActionBar, SubmitBar as SubmitBar$1, PrivateRoute, BreadCrumb, AppContainer, Dropdown, UploadFile, Modal, FormComposer, Toast, Loader as Loader$1, MultiLink, CardSubHeader, StatusTable, Row, TextInput, CardLabel, FilterFormField, RadioButtons, Menu, EmployeeModuleCard, SearchField, CheckBox, ComplaintIcon, Header, InboxComposer, MobileNumber, CardLabelError, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, LabelFieldPair, DeleteIcon, KeyNote } from '@mseva/digit-ui-react-components';
2
2
  import React, { Fragment as Fragment$1, useState, useEffect, useMemo, useRef, useReducer, useCallback, forwardRef } from 'react';
3
3
  import { useHistory, useLocation, Switch, Route, useRouteMatch, useParams, Link } from 'react-router-dom';
4
4
  import { useTranslation } from 'react-i18next';
@@ -2153,7 +2153,9 @@ function NewApplicationTimeline({
2153
2153
  workflowDetails,
2154
2154
  t,
2155
2155
  tenantId = Digit.ULBService.getCurrentTenantId(),
2156
- timeObj
2156
+ timeObj,
2157
+ empUserName = null,
2158
+ handleSetEmpDesignation = () => {}
2157
2159
  }) {
2158
2160
  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
2159
2161
  const {
@@ -2228,6 +2230,9 @@ function NewApplicationTimeline({
2228
2230
  const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
2229
2231
  deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
2230
2232
  });
2233
+ if (employeeData && empUserName) {
2234
+ handleSetEmpDesignation(t(deptMap[empUserName]));
2235
+ }
2231
2236
  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
2232
2237
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
2233
2238
  className: "custom-timeline-container"
@@ -2369,7 +2374,7 @@ const getReadableCity = (tenantId = "") => {
2369
2374
  return cityMap[key] || capitalize(key);
2370
2375
  };
2371
2376
  const capitalize = text => (text === null || text === void 0 ? void 0 : text.charAt(0).toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
2372
- const getAcknowledgementData = async (application, formattedAddress, tenantInfo, t, approver, ulbType, empData) => {
2377
+ const getAcknowledgementData = async (application, formattedAddress, tenantInfo, t, approver, ulbType, empData, approverStatement) => {
2373
2378
  var _application$Applicat, _appData$owners, _appData$NdcDetails, _appData$auditDetails, _appData$auditDetails2, _empData$officer, _appData$NdcDetails2, _appData$NdcDetails3, _appData$NdcDetails3$, _appData$NdcDetails3$2, _appData$NdcDetails4, _appData$NdcDetails4$, _appData$NdcDetails4$2, _appData$owners2, _appData$owners2$;
2374
2379
  const appData = (application === null || application === void 0 ? void 0 : (_application$Applicat = application.Applications) === null || _application$Applicat === void 0 ? void 0 : _application$Applicat[0]) || {};
2375
2380
  const owner = (appData === null || appData === void 0 ? void 0 : (_appData$owners = appData.owners) === null || _appData$owners === void 0 ? void 0 : _appData$owners[0]) || {};
@@ -2530,6 +2535,7 @@ const getAcknowledgementData = async (application, formattedAddress, tenantInfo,
2530
2535
  approvalDate,
2531
2536
  approver,
2532
2537
  designation,
2538
+ approverStatement,
2533
2539
  ulbType,
2534
2540
  tenantId: appData === null || appData === void 0 ? void 0 : appData.tenantId,
2535
2541
  name: ` No Dues Certificate `,
@@ -2551,7 +2557,7 @@ const availableOptions = [{
2551
2557
  name: "No"
2552
2558
  }];
2553
2559
  const ApplicationOverview = () => {
2554
- var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user, _user$info, _user$info$roles, _user2, _user2$info, _user2$info$roles$fin, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetailsTemp$, _workflowDetailsTemp$2, _applicationDetails$A5, _applicationDetails$A6, _propertyDetailsFetch3, _applicationDetails$A7, _applicationDetails$A8, _Object$entries, _displayData$NdcDetai2, _displayData$Document, _applicationDetails$A21, _applicationDetails$A22, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _applicationDetails$A23, _applicationDetails$A24, _workflowDetails$data12;
2560
+ var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _applicationDetails$A2, _applicationDetails$A3, _applicationDetails$A4, _applicationDetails$A5, _user, _user$info, _user$info$roles, _user2, _user2$info, _user2$info$roles$fin, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetailsTemp$, _workflowDetailsTemp$2, _applicationDetails$A10, _applicationDetails$A11, _propertyDetailsFetch3, _Object$entries, _displayData$NdcDetai2, _displayData$Document, _applicationDetails$A26, _applicationDetails$A27, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _applicationDetails$A28, _applicationDetails$A29, _workflowDetails$data12;
2555
2561
  const {
2556
2562
  id
2557
2563
  } = useParams();
@@ -2584,6 +2590,8 @@ const ApplicationOverview = () => {
2584
2590
  const [showModal, setShowModal] = useState(false);
2585
2591
  const [getPropertyId, setPropertyId] = useState(null);
2586
2592
  const [approver, setApprover] = useState(null);
2593
+ const [approverStatement, setApproverStatement] = useState(null);
2594
+ const [showOptions, setShowOptions] = useState(false);
2587
2595
  const handleMarkPending = (consumerCode, value, index) => {
2588
2596
  setMarkedPending(prev => {
2589
2597
  const updated = {
@@ -2662,6 +2670,68 @@ const ApplicationOverview = () => {
2662
2670
  const empData = EmployeeData(tenantId, approver);
2663
2671
  console.log("approver for ndc", approver);
2664
2672
  console.log("officerData", empData);
2673
+ const {
2674
+ data: reciept_data,
2675
+ isLoading: recieptDataLoading
2676
+ } = Digit.Hooks.useRecieptSearch({
2677
+ tenantId: tenantId,
2678
+ businessService: "NDC",
2679
+ consumerCodes: id,
2680
+ isEmployee: false
2681
+ }, {
2682
+ enabled: id ? true : false
2683
+ });
2684
+ async function getRecieptSearch({
2685
+ tenantId,
2686
+ payments,
2687
+ ...params
2688
+ }) {
2689
+ setLoader(true);
2690
+ try {
2691
+ var _applicationDetails$A, _response;
2692
+ let response = null;
2693
+ let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
2694
+ if (payments !== null && payments !== void 0 && payments.fileStoreId) {
2695
+ response = {
2696
+ filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
2697
+ };
2698
+ } else {
2699
+ response = await Digit.PaymentService.generatePdf(tenantId, {
2700
+ Payments: [{
2701
+ ...(payments || {}),
2702
+ ...application
2703
+ }]
2704
+ }, "ndc-receipt");
2705
+ }
2706
+ const fileStore = await Digit.PaymentService.printReciept(tenantId, {
2707
+ fileStoreIds: response.filestoreIds[0]
2708
+ });
2709
+ window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
2710
+ setLoader(false);
2711
+ } catch (error) {
2712
+ console.error(error);
2713
+ setLoader(false);
2714
+ }
2715
+ }
2716
+ const dowloadOptions = [];
2717
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A2 = applicationDetails.Applications) === null || _applicationDetails$A2 === void 0 ? void 0 : (_applicationDetails$A3 = _applicationDetails$A2[0]) === null || _applicationDetails$A3 === void 0 ? void 0 : _applicationDetails$A3.applicationStatus) === "APPROVED" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A4 = applicationDetails.Applications) === null || _applicationDetails$A4 === void 0 ? void 0 : (_applicationDetails$A5 = _applicationDetails$A4[0]) === null || _applicationDetails$A5 === void 0 ? void 0 : _applicationDetails$A5.applicationStatus) === "REJECTED") {
2718
+ dowloadOptions.push({
2719
+ label: t("DOWNLOAD_CERTIFICATE"),
2720
+ onClick: () => handleDownloadPdf()
2721
+ });
2722
+ if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
2723
+ dowloadOptions.push({
2724
+ label: t("PTR_FEE_RECIEPT"),
2725
+ onClick: () => {
2726
+ var _reciept_data$Payment;
2727
+ return getRecieptSearch({
2728
+ tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
2729
+ payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
2730
+ });
2731
+ }
2732
+ });
2733
+ }
2734
+ }
2665
2735
  let user = Digit.UserService.getUser();
2666
2736
  const menuRef = useRef();
2667
2737
  if (window.location.href.includes("/obps") || window.location.href.includes("/noc")) {
@@ -2706,8 +2776,8 @@ const ApplicationOverview = () => {
2706
2776
  });
2707
2777
  };
2708
2778
  useEffect(() => {
2709
- var _applicationDetails$A;
2710
- const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
2779
+ var _applicationDetails$A6;
2780
+ const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A6 = applicationDetails.Applications) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6[0];
2711
2781
  if (ndcObject) {
2712
2782
  var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
2713
2783
  const applicantData = {
@@ -2759,9 +2829,8 @@ const ApplicationOverview = () => {
2759
2829
  const ulbType = tenantInfo === null || tenantInfo === void 0 ? void 0 : (_tenantInfo$city = tenantInfo.city) === null || _tenantInfo$city === void 0 ? void 0 : _tenantInfo$city.ulbType;
2760
2830
  let acknowledgementData;
2761
2831
  if (empData) {
2762
- acknowledgementData = await getAcknowledgementData(Property, formattedAddress, tenantInfo, t, approver, ulbType, empData);
2832
+ acknowledgementData = await getAcknowledgementData(Property, formattedAddress, tenantInfo, t, approver, ulbType, empData, approverStatement);
2763
2833
  }
2764
- console.log("acknowledgementData", acknowledgementData);
2765
2834
  setTimeout(() => {
2766
2835
  Digit.Utils.pdf.generateNDC(acknowledgementData);
2767
2836
  setLoader(false);
@@ -2772,9 +2841,9 @@ const ApplicationOverview = () => {
2772
2841
  }
2773
2842
  };
2774
2843
  function onActionSelect(action) {
2775
- var _action$state, _applicationDetails$A3, _applicationDetails$A4, _action$state2, _action$state2$action, _filterNexState$, _filterRoles$, _displayData$applican;
2844
+ var _action$state, _applicationDetails$A8, _applicationDetails$A9, _action$state2, _action$state2$action, _filterNexState$, _filterRoles$, _displayData$applican;
2776
2845
  console.log("action====???", action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : _action$state.actions);
2777
- const ndcDetails = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : (_applicationDetails$A4 = _applicationDetails$A3[0]) === null || _applicationDetails$A4 === void 0 ? void 0 : _applicationDetails$A4.NdcDetails) || [];
2846
+ const ndcDetails = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A8 = applicationDetails.Applications) === null || _applicationDetails$A8 === void 0 ? void 0 : (_applicationDetails$A9 = _applicationDetails$A8[0]) === null || _applicationDetails$A9 === void 0 ? void 0 : _applicationDetails$A9.NdcDetails) || [];
2778
2847
  const hasDuePending = ndcDetails === null || ndcDetails === void 0 ? void 0 : ndcDetails.some(item => item.isDuePending === true);
2779
2848
  console.log("hasDuePending", hasDuePending);
2780
2849
  const filterNexState = action === null || action === void 0 ? void 0 : (_action$state2 = action.state) === null || _action$state2 === void 0 ? void 0 : (_action$state2$action = _action$state2.actions) === null || _action$state2$action === void 0 ? void 0 : _action$state2$action.filter(item => item.action == (action === null || action === void 0 ? void 0 : action.action));
@@ -2875,10 +2944,11 @@ const ApplicationOverview = () => {
2875
2944
  };
2876
2945
  useEffect(() => {
2877
2946
  if (workflowDetails) {
2878
- var _workflowDetails$data9, _workflowDetails$data0, _approveInstance$assi;
2879
- console.log("workflowDetails here", workflowDetails);
2880
- const approveInstance = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : (_workflowDetails$data0 = _workflowDetails$data9.processInstances) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.find(pi => (pi === null || pi === void 0 ? void 0 : pi.action) === "APPROVE");
2947
+ var _workflowDetails$data9, _workflowDetails$data0, _approveInstance$assi, _applicationDetails$A0, _applicationDetails$A1;
2948
+ const approveInstance = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : (_workflowDetails$data0 = _workflowDetails$data9.processInstances) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.find(pi => (pi === null || pi === void 0 ? void 0 : pi.action) === "APPROVE" || (pi === null || pi === void 0 ? void 0 : pi.action) === "REJECT");
2881
2949
  const name = (approveInstance === null || approveInstance === void 0 ? void 0 : (_approveInstance$assi = approveInstance.assigner) === null || _approveInstance$assi === void 0 ? void 0 : _approveInstance$assi.name) || "NA";
2950
+ const status = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A0 = applicationDetails.Applications) === null || _applicationDetails$A0 === void 0 ? void 0 : (_applicationDetails$A1 = _applicationDetails$A0[0]) === null || _applicationDetails$A1 === void 0 ? void 0 : _applicationDetails$A1.applicationStatus;
2951
+ setApproverStatement(status ? `${t(status)} By` : "");
2882
2952
  setApprover(name);
2883
2953
  }
2884
2954
  }, [workflowDetails]);
@@ -2913,7 +2983,7 @@ const ApplicationOverview = () => {
2913
2983
  enabled: getPropertyId ? true : false,
2914
2984
  privacy: Digit.Utils.getPrivacyObject()
2915
2985
  });
2916
- console.log("applicationDetails", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A5 = applicationDetails.Applications) === null || _applicationDetails$A5 === void 0 ? void 0 : (_applicationDetails$A6 = _applicationDetails$A5[0]) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6.NdcDetails);
2986
+ console.log("applicationDetails", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A10 = applicationDetails.Applications) === null || _applicationDetails$A10 === void 0 ? void 0 : (_applicationDetails$A11 = _applicationDetails$A10[0]) === null || _applicationDetails$A11 === void 0 ? void 0 : _applicationDetails$A11.NdcDetails);
2917
2987
  useEffect(() => {
2918
2988
  const handleClickOutside = event => {
2919
2989
  if (toastRef.current && !toastRef.current.contains(event.target)) {
@@ -2933,7 +3003,7 @@ const ApplicationOverview = () => {
2933
3003
  address = propertyDetailsFetch.Properties[0].address;
2934
3004
  formattedAddress = [(_address = address) === null || _address === void 0 ? void 0 : _address.doorNo, (_address2 = address) === null || _address2 === void 0 ? void 0 : _address2.buildingName, (_address3 = address) === null || _address3 === void 0 ? void 0 : _address3.street, (_address4 = address) === null || _address4 === void 0 ? void 0 : (_address4$locality = _address4.locality) === null || _address4$locality === void 0 ? void 0 : _address4$locality.name, (_address5 = address) === null || _address5 === void 0 ? void 0 : _address5.city].filter(Boolean).join(", ");
2935
3005
  }
2936
- if (isLoading || isDetailsLoading) {
3006
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
2937
3007
  return /*#__PURE__*/React.createElement(Loader, null);
2938
3008
  }
2939
3009
  return /*#__PURE__*/React.createElement("div", {
@@ -2945,16 +3015,19 @@ const ApplicationOverview = () => {
2945
3015
  alignItems: "center",
2946
3016
  padding: "16px"
2947
3017
  }
2948
- }, isCemp && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A7 = applicationDetails.Applications) === null || _applicationDetails$A7 === void 0 ? void 0 : (_applicationDetails$A8 = _applicationDetails$A7[0]) === null || _applicationDetails$A8 === void 0 ? void 0 : _applicationDetails$A8.applicationStatus) === "APPROVED" && /*#__PURE__*/React.createElement(LinkButton, {
2949
- className: "downLoadButton",
2950
- label: t("DOWNLOAD_CERTIFICATE"),
2951
- onClick: handleDownloadPdf
2952
- })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
3018
+ }, isCemp && /*#__PURE__*/React.createElement("div", {
3019
+ className: "cardHeaderWithOptions ral-app-details-header"
3020
+ }, getLoader && /*#__PURE__*/React.createElement(Loader, null), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
3021
+ className: "multilinkWrapper",
3022
+ onHeadClick: () => setShowOptions(!showOptions),
3023
+ displayOptions: showOptions,
3024
+ options: dowloadOptions
3025
+ }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
2953
3026
  key: key,
2954
3027
  label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
2955
3028
  text: Array.isArray(value) ? value.map(item => typeof item === "object" ? t((item === null || item === void 0 ? void 0 : item.code) || "N/A") : t(item || "N/A")).join(", ") : typeof value === "object" ? t((value === null || value === void 0 ? void 0 : value.code) || "N/A") : t(value || "N/A")
2956
3029
  }))))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_NDC_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$NdcDetai2 = displayData.NdcDetails) === null || _displayData$NdcDetai2 === void 0 ? void 0 : _displayData$NdcDetai2.map((detail, index) => {
2957
- var _applicationDetails$A9, _applicationDetails$A0, _applicationDetails$A1, _applicationDetails$A10, _applicationDetails$A11, _applicationDetails$A12, _applicationDetails$A13, _applicationDetails$A14, _applicationDetails$A15, _propertyDetailsFetch4, _propertyDetailsFetch5, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _applicationDetails$A19, _applicationDetails$A20;
3030
+ var _applicationDetails$A12, _applicationDetails$A13, _applicationDetails$A14, _applicationDetails$A15, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _applicationDetails$A19, _applicationDetails$A20, _propertyDetailsFetch4, _propertyDetailsFetch5, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _applicationDetails$A21, _applicationDetails$A22, _applicationDetails$A23, _applicationDetails$A24, _applicationDetails$A25;
2958
3031
  const isPT = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_PROPERTY_TAX";
2959
3032
  const isSW = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_SEWERAGE_SERVICE_CONNECTION";
2960
3033
  const isWS = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_WATER_SERVICE_CONNECTION";
@@ -3013,7 +3086,7 @@ const ApplicationOverview = () => {
3013
3086
  text: t(detail.propertyType) || detail.propertyType
3014
3087
  }), isPT && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
3015
3088
  label: t("CHB_DISCOUNT_REASON"),
3016
- text: t(`${(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A9 = applicationDetails.Applications) === null || _applicationDetails$A9 === void 0 ? void 0 : (_applicationDetails$A0 = _applicationDetails$A9[0]) === null || _applicationDetails$A0 === void 0 ? void 0 : _applicationDetails$A0.reason) == "OTHERS" ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A1 = applicationDetails.Applications) === null || _applicationDetails$A1 === void 0 ? void 0 : (_applicationDetails$A10 = _applicationDetails$A1[0]) === null || _applicationDetails$A10 === void 0 ? void 0 : (_applicationDetails$A11 = _applicationDetails$A10.NdcDetails) === null || _applicationDetails$A11 === void 0 ? void 0 : (_applicationDetails$A12 = _applicationDetails$A11.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A12 === void 0 ? void 0 : (_applicationDetails$A13 = _applicationDetails$A12.additionalDetails) === null || _applicationDetails$A13 === void 0 ? void 0 : _applicationDetails$A13.reason : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A14 = applicationDetails.Applications) === null || _applicationDetails$A14 === void 0 ? void 0 : (_applicationDetails$A15 = _applicationDetails$A14[0]) === null || _applicationDetails$A15 === void 0 ? void 0 : _applicationDetails$A15.reason}`)
3089
+ text: t(`${(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A12 = applicationDetails.Applications) === null || _applicationDetails$A12 === void 0 ? void 0 : (_applicationDetails$A13 = _applicationDetails$A12[0]) === null || _applicationDetails$A13 === void 0 ? void 0 : _applicationDetails$A13.reason) == "OTHERS" ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A14 = applicationDetails.Applications) === null || _applicationDetails$A14 === void 0 ? void 0 : (_applicationDetails$A15 = _applicationDetails$A14[0]) === null || _applicationDetails$A15 === void 0 ? void 0 : (_applicationDetails$A16 = _applicationDetails$A15.NdcDetails) === null || _applicationDetails$A16 === void 0 ? void 0 : (_applicationDetails$A17 = _applicationDetails$A16.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A17 === void 0 ? void 0 : (_applicationDetails$A18 = _applicationDetails$A17.additionalDetails) === null || _applicationDetails$A18 === void 0 ? void 0 : _applicationDetails$A18.reason : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A19 = applicationDetails.Applications) === null || _applicationDetails$A19 === void 0 ? void 0 : (_applicationDetails$A20 = _applicationDetails$A19[0]) === null || _applicationDetails$A20 === void 0 ? void 0 : _applicationDetails$A20.reason}`)
3017
3090
  }), /*#__PURE__*/React.createElement(Row, {
3018
3091
  label: t("City"),
3019
3092
  text: propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch4 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch4 === void 0 ? void 0 : (_propertyDetailsFetch5 = _propertyDetailsFetch4[0]) === null || _propertyDetailsFetch5 === void 0 ? void 0 : (_propertyDetailsFetch6 = _propertyDetailsFetch5.address) === null || _propertyDetailsFetch6 === void 0 ? void 0 : _propertyDetailsFetch6.city
@@ -3037,7 +3110,7 @@ const ApplicationOverview = () => {
3037
3110
  text: propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch19 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch19 === void 0 ? void 0 : (_propertyDetailsFetch20 = _propertyDetailsFetch19[0]) === null || _propertyDetailsFetch20 === void 0 ? void 0 : (_propertyDetailsFetch21 = _propertyDetailsFetch20.additionalDetails) === null || _propertyDetailsFetch21 === void 0 ? void 0 : _propertyDetailsFetch21.yearConstruction
3038
3111
  }), /*#__PURE__*/React.createElement(Row, {
3039
3112
  label: t("Remarks"),
3040
- text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A16 = applicationDetails.Applications) === null || _applicationDetails$A16 === void 0 ? void 0 : (_applicationDetails$A17 = _applicationDetails$A16[0]) === null || _applicationDetails$A17 === void 0 ? void 0 : (_applicationDetails$A18 = _applicationDetails$A17.NdcDetails) === null || _applicationDetails$A18 === void 0 ? void 0 : (_applicationDetails$A19 = _applicationDetails$A18.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A19 === void 0 ? void 0 : (_applicationDetails$A20 = _applicationDetails$A19.additionalDetails) === null || _applicationDetails$A20 === void 0 ? void 0 : _applicationDetails$A20.remarks) || "N/A"
3113
+ text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A21 = applicationDetails.Applications) === null || _applicationDetails$A21 === void 0 ? void 0 : (_applicationDetails$A22 = _applicationDetails$A21[0]) === null || _applicationDetails$A22 === void 0 ? void 0 : (_applicationDetails$A23 = _applicationDetails$A22.NdcDetails) === null || _applicationDetails$A23 === void 0 ? void 0 : (_applicationDetails$A24 = _applicationDetails$A23.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A24 === void 0 ? void 0 : (_applicationDetails$A25 = _applicationDetails$A24.additionalDetails) === null || _applicationDetails$A25 === void 0 ? void 0 : _applicationDetails$A25.remarks) || "N/A"
3041
3114
  }))), canRaiseFlag && /*#__PURE__*/React.createElement("div", {
3042
3115
  className: "mychallan-custom"
3043
3116
  }, /*#__PURE__*/React.createElement(CardLabel, {
@@ -3065,7 +3138,7 @@ const ApplicationOverview = () => {
3065
3138
  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), /*#__PURE__*/React.createElement(NewApplicationTimeline, {
3066
3139
  workflowDetails: workflowDetails,
3067
3140
  t: t
3068
- }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A21 = applicationDetails.Applications) === null || _applicationDetails$A21 === void 0 ? void 0 : (_applicationDetails$A22 = _applicationDetails$A21[0]) === null || _applicationDetails$A22 === void 0 ? void 0 : _applicationDetails$A22.applicationStatus) !== "INITIATED" && actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data1 = workflowDetails.data) !== null && _workflowDetails$data1 !== void 0 && (_workflowDetails$data10 = _workflowDetails$data1.actionState) !== null && _workflowDetails$data10 !== void 0 && _workflowDetails$data10.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && _workflowDetails$data11.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
3141
+ }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A26 = applicationDetails.Applications) === null || _applicationDetails$A26 === void 0 ? void 0 : (_applicationDetails$A27 = _applicationDetails$A26[0]) === null || _applicationDetails$A27 === void 0 ? void 0 : _applicationDetails$A27.applicationStatus) !== "INITIATED" && (actions === null || actions === void 0 ? void 0 : actions.length) && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data1 = workflowDetails.data) !== null && _workflowDetails$data1 !== void 0 && (_workflowDetails$data10 = _workflowDetails$data1.actionState) !== null && _workflowDetails$data10 !== void 0 && _workflowDetails$data10.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && _workflowDetails$data11.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
3069
3142
  localeKeyPrefix: `WF_EDITRENEWAL`,
3070
3143
  options: actions,
3071
3144
  optionKey: "action",
@@ -3075,11 +3148,11 @@ const ApplicationOverview = () => {
3075
3148
  ref: menuRef,
3076
3149
  label: t("WF_TAKE_ACTION"),
3077
3150
  onSubmit: () => setDisplayMenu(!displayMenu)
3078
- })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A23 = applicationDetails.Applications) === null || _applicationDetails$A23 === void 0 ? void 0 : (_applicationDetails$A24 = _applicationDetails$A23[0]) === null || _applicationDetails$A24 === void 0 ? void 0 : _applicationDetails$A24.applicationStatus) == "INITIATED" && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
3151
+ })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A28 = applicationDetails.Applications) === null || _applicationDetails$A28 === void 0 ? void 0 : (_applicationDetails$A29 = _applicationDetails$A28[0]) === null || _applicationDetails$A29 === void 0 ? void 0 : _applicationDetails$A29.applicationStatus) == "INITIATED" && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
3079
3152
  label: t("COMMON_EDIT"),
3080
3153
  onSubmit: () => {
3081
- var _applicationDetails$A25, _applicationDetails$A26;
3082
- const id = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A25 = applicationDetails.Applications) === null || _applicationDetails$A25 === void 0 ? void 0 : (_applicationDetails$A26 = _applicationDetails$A25[0]) === null || _applicationDetails$A26 === void 0 ? void 0 : _applicationDetails$A26.applicationNo;
3154
+ var _applicationDetails$A30, _applicationDetails$A31;
3155
+ const id = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A30 = applicationDetails.Applications) === null || _applicationDetails$A30 === void 0 ? void 0 : (_applicationDetails$A31 = _applicationDetails$A30[0]) === null || _applicationDetails$A31 === void 0 ? void 0 : _applicationDetails$A31.applicationNo;
3083
3156
  history.push(`/digit-ui/employee/ndc/create/${id}`);
3084
3157
  }
3085
3158
  })), showModal ? /*#__PURE__*/React.createElement(NDCModal, {
@@ -10422,7 +10495,7 @@ var lodash = createCommonjsModule(function (module, exports) {
10422
10495
  });
10423
10496
 
10424
10497
  const CitizenApplicationOverview = () => {
10425
- var _user, _user$info, _user$info$roles, _propertyDetailsFetch3, _propertyDetailsFetch4, _propertyDetailsFetch5, _ownerForName$map, _ownerForName$map$fil, _applicationDetails$A3, _applicationDetails$A4, _applicationDetails$A5, _applicationDetails$A6, _applicationDetails$A7, _applicationDetails$A8, _applicationDetails$A9, _Object$entries, _Object$entries$filte, _displayData$NdcDetai2, _displayData$Document;
10498
+ var _applicationDetails$A4, _applicationDetails$A5, _applicationDetails$A6, _applicationDetails$A7, _user, _user$info, _user$info$roles, _propertyDetailsFetch3, _propertyDetailsFetch4, _propertyDetailsFetch5, _ownerForName$map, _ownerForName$map$fil, _applicationDetails$A0, _applicationDetails$A1, _applicationDetails$A10, _applicationDetails$A11, _applicationDetails$A12, _Object$entries, _Object$entries$filte, _displayData$NdcDetai2, _displayData$Document;
10426
10499
  const {
10427
10500
  id
10428
10501
  } = useParams();
@@ -10435,6 +10508,8 @@ const CitizenApplicationOverview = () => {
10435
10508
  const [appDetails, setAppDetails] = useState({});
10436
10509
  const [showToast, setShowToast] = useState(null);
10437
10510
  const [approver, setApprover] = useState(null);
10511
+ const [approverStatement, setApproverStatement] = useState(null);
10512
+ const [showOptions, setShowOptions] = useState(false);
10438
10513
  const [ndcDatils, setNdcDetails] = useState([]);
10439
10514
  const [displayData, setDisplayData] = useState({});
10440
10515
  const [getLoader, setLoader] = useState(false);
@@ -10457,10 +10532,11 @@ const CitizenApplicationOverview = () => {
10457
10532
  });
10458
10533
  useEffect(() => {
10459
10534
  if (workflowDetails) {
10460
- var _workflowDetails$data, _workflowDetails$data2, _approveInstance$assi;
10461
- console.log("workflowDetails here", workflowDetails);
10462
- const approveInstance = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.processInstances) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.find(pi => (pi === null || pi === void 0 ? void 0 : pi.action) === "APPROVE");
10535
+ var _workflowDetails$data, _workflowDetails$data2, _approveInstance$assi, _applicationDetails$A, _applicationDetails$A2;
10536
+ const approveInstance = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.processInstances) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.find(pi => (pi === null || pi === void 0 ? void 0 : pi.action) === "APPROVE" || (pi === null || pi === void 0 ? void 0 : pi.action) === "REJECT");
10463
10537
  const name = (approveInstance === null || approveInstance === void 0 ? void 0 : (_approveInstance$assi = approveInstance.assigner) === null || _approveInstance$assi === void 0 ? void 0 : _approveInstance$assi.name) || "NA";
10538
+ const status = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : (_applicationDetails$A2 = _applicationDetails$A[0]) === null || _applicationDetails$A2 === void 0 ? void 0 : _applicationDetails$A2.applicationStatus;
10539
+ setApproverStatement(status ? `${t(status)} By` : "");
10464
10540
  setApprover(name);
10465
10541
  }
10466
10542
  }, [workflowDetails]);
@@ -10480,6 +10556,68 @@ const CitizenApplicationOverview = () => {
10480
10556
  const userInfo = userInfos ? JSON.parse(userInfos) : {};
10481
10557
  user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.value;
10482
10558
  }
10559
+ const {
10560
+ data: reciept_data,
10561
+ isLoading: recieptDataLoading
10562
+ } = Digit.Hooks.useRecieptSearch({
10563
+ tenantId: tenantId,
10564
+ businessService: "NDC",
10565
+ consumerCodes: id,
10566
+ isEmployee: false
10567
+ }, {
10568
+ enabled: id ? true : false
10569
+ });
10570
+ async function getRecieptSearch({
10571
+ tenantId,
10572
+ payments,
10573
+ ...params
10574
+ }) {
10575
+ setLoader(true);
10576
+ try {
10577
+ var _applicationDetails$A3, _response;
10578
+ let response = null;
10579
+ let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : _applicationDetails$A3[0];
10580
+ if (payments !== null && payments !== void 0 && payments.fileStoreId) {
10581
+ response = {
10582
+ filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
10583
+ };
10584
+ } else {
10585
+ response = await Digit.PaymentService.generatePdf(tenantId, {
10586
+ Payments: [{
10587
+ ...(payments || {}),
10588
+ ...application
10589
+ }]
10590
+ }, "ndc-receipt");
10591
+ }
10592
+ const fileStore = await Digit.PaymentService.printReciept(tenantId, {
10593
+ fileStoreIds: response.filestoreIds[0]
10594
+ });
10595
+ window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
10596
+ setLoader(false);
10597
+ } catch (error) {
10598
+ console.error(error);
10599
+ setLoader(false);
10600
+ }
10601
+ }
10602
+ const dowloadOptions = [];
10603
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A4 = applicationDetails.Applications) === null || _applicationDetails$A4 === void 0 ? void 0 : (_applicationDetails$A5 = _applicationDetails$A4[0]) === null || _applicationDetails$A5 === void 0 ? void 0 : _applicationDetails$A5.applicationStatus) === "APPROVED" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A6 = applicationDetails.Applications) === null || _applicationDetails$A6 === void 0 ? void 0 : (_applicationDetails$A7 = _applicationDetails$A6[0]) === null || _applicationDetails$A7 === void 0 ? void 0 : _applicationDetails$A7.applicationStatus) === "REJECTED") {
10604
+ dowloadOptions.push({
10605
+ label: t("DOWNLOAD_CERTIFICATE"),
10606
+ onClick: () => handleDownloadPdf()
10607
+ });
10608
+ }
10609
+ if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
10610
+ dowloadOptions.push({
10611
+ label: t("PTR_FEE_RECIEPT"),
10612
+ onClick: () => {
10613
+ var _reciept_data$Payment;
10614
+ return getRecieptSearch({
10615
+ tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
10616
+ payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
10617
+ });
10618
+ }
10619
+ });
10620
+ }
10483
10621
  const userRoles = (_user = user) === null || _user === void 0 ? void 0 : (_user$info = _user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles = _user$info.roles) === null || _user$info$roles === void 0 ? void 0 : _user$info$roles.map(e => e.code);
10484
10622
  const removeDuplicatesByUUID = arr => {
10485
10623
  const seen = new Set();
@@ -10493,8 +10631,8 @@ const CitizenApplicationOverview = () => {
10493
10631
  });
10494
10632
  };
10495
10633
  useEffect(() => {
10496
- var _applicationDetails$A;
10497
- const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
10634
+ var _applicationDetails$A8;
10635
+ const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A8 = applicationDetails.Applications) === null || _applicationDetails$A8 === void 0 ? void 0 : _applicationDetails$A8[0];
10498
10636
  console.log("ndcObject", ndcObject);
10499
10637
  if (ndcObject) {
10500
10638
  var _ndcObject$owners, _ndcObject$owners2, _removeDuplicatesByUU;
@@ -10553,9 +10691,8 @@ const CitizenApplicationOverview = () => {
10553
10691
  const ulbType = tenantInfo === null || tenantInfo === void 0 ? void 0 : (_tenantInfo$city = tenantInfo.city) === null || _tenantInfo$city === void 0 ? void 0 : _tenantInfo$city.ulbType;
10554
10692
  let acknowledgementData;
10555
10693
  if (empData) {
10556
- acknowledgementData = await getAcknowledgementData(Property, formattedAddress, tenantInfo, t, approver, ulbType, empData);
10694
+ acknowledgementData = await getAcknowledgementData(Property, formattedAddress, tenantInfo, t, approver, ulbType, empData, approverStatement);
10557
10695
  }
10558
- console.log("acknowledgementData", acknowledgementData);
10559
10696
  setTimeout(() => {
10560
10697
  Digit.Utils.pdf.generateNDC(acknowledgementData);
10561
10698
  }, 0);
@@ -10599,14 +10736,14 @@ const CitizenApplicationOverview = () => {
10599
10736
  address = propertyDetailsFetch.Properties[0].address;
10600
10737
  formattedAddress = [(_address = address) === null || _address === void 0 ? void 0 : _address.doorNo, (_address2 = address) === null || _address2 === void 0 ? void 0 : _address2.buildingName, (_address3 = address) === null || _address3 === void 0 ? void 0 : _address3.street, (_address4 = address) === null || _address4 === void 0 ? void 0 : (_address4$locality = _address4.locality) === null || _address4$locality === void 0 ? void 0 : _address4$locality.name, (_address5 = address) === null || _address5 === void 0 ? void 0 : _address5.city].filter(Boolean).join(", ");
10601
10738
  }
10602
- if (isLoading || isDetailsLoading) {
10739
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
10603
10740
  return /*#__PURE__*/React.createElement(Loader, null);
10604
10741
  }
10605
10742
  console.log("propertyDetailsFetch", propertyDetailsFetch);
10606
10743
  console.log("displayData?.applicantData", displayData);
10607
10744
  const ownerForName = (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch4 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch4 === void 0 ? void 0 : (_propertyDetailsFetch5 = _propertyDetailsFetch4[0]) === null || _propertyDetailsFetch5 === void 0 ? void 0 : _propertyDetailsFetch5.owners) || [];
10608
10745
  const ownerNames = ownerForName === null || ownerForName === void 0 ? void 0 : (_ownerForName$map = ownerForName.map(owner => owner === null || owner === void 0 ? void 0 : owner.name)) === null || _ownerForName$map === void 0 ? void 0 : (_ownerForName$map$fil = _ownerForName$map.filter(Boolean)) === null || _ownerForName$map$fil === void 0 ? void 0 : _ownerForName$map$fil.join(", ");
10609
- console.log("applicationDetails?.[0]", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : _applicationDetails$A3[0]);
10746
+ console.log("applicationDetails?.[0]", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A0 = applicationDetails.Applications) === null || _applicationDetails$A0 === void 0 ? void 0 : _applicationDetails$A0[0]);
10610
10747
  return /*#__PURE__*/React.createElement("div", {
10611
10748
  className: "employee-main-application-details"
10612
10749
  }, /*#__PURE__*/React.createElement("div", {
@@ -10618,15 +10755,18 @@ const CitizenApplicationOverview = () => {
10618
10755
  alignItems: "center",
10619
10756
  padding: "16px"
10620
10757
  }
10621
- }, (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A4 = applicationDetails.Applications) === null || _applicationDetails$A4 === void 0 ? void 0 : (_applicationDetails$A5 = _applicationDetails$A4[0]) === null || _applicationDetails$A5 === void 0 ? void 0 : _applicationDetails$A5.applicationStatus) === "APPROVED" && /*#__PURE__*/React.createElement(LinkButton, {
10622
- className: "downLoadButton",
10623
- label: t("DOWNLOAD_CERTIFICATE"),
10624
- onClick: handleDownloadPdf
10625
- })), ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A6 = applicationDetails.Applications) === null || _applicationDetails$A6 === void 0 ? void 0 : (_applicationDetails$A7 = _applicationDetails$A6[0]) === null || _applicationDetails$A7 === void 0 ? void 0 : _applicationDetails$A7.applicationStatus) == "INITIATED" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A8 = applicationDetails.Applications) === null || _applicationDetails$A8 === void 0 ? void 0 : (_applicationDetails$A9 = _applicationDetails$A8[0]) === null || _applicationDetails$A9 === void 0 ? void 0 : _applicationDetails$A9.applicationStatus) == "CITIZENACTIONREQUIRED") && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
10758
+ }, /*#__PURE__*/React.createElement("div", {
10759
+ className: "cardHeaderWithOptions ral-app-details-header"
10760
+ }, getLoader && /*#__PURE__*/React.createElement(Loader, null), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
10761
+ className: "multilinkWrapper",
10762
+ onHeadClick: () => setShowOptions(!showOptions),
10763
+ displayOptions: showOptions,
10764
+ options: dowloadOptions
10765
+ }))), ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A1 = applicationDetails.Applications) === null || _applicationDetails$A1 === void 0 ? void 0 : (_applicationDetails$A10 = _applicationDetails$A1[0]) === null || _applicationDetails$A10 === void 0 ? void 0 : _applicationDetails$A10.applicationStatus) == "INITIATED" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A11 = applicationDetails.Applications) === null || _applicationDetails$A11 === void 0 ? void 0 : (_applicationDetails$A12 = _applicationDetails$A11[0]) === null || _applicationDetails$A12 === void 0 ? void 0 : _applicationDetails$A12.applicationStatus) == "CITIZENACTIONREQUIRED") && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
10626
10766
  label: t("COMMON_EDIT"),
10627
10767
  onSubmit: () => {
10628
- var _applicationDetails$A0, _applicationDetails$A1;
10629
- const id = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A0 = applicationDetails.Applications) === null || _applicationDetails$A0 === void 0 ? void 0 : (_applicationDetails$A1 = _applicationDetails$A0[0]) === null || _applicationDetails$A1 === void 0 ? void 0 : _applicationDetails$A1.applicationNo;
10768
+ var _applicationDetails$A13, _applicationDetails$A14;
10769
+ const id = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A13 = applicationDetails.Applications) === null || _applicationDetails$A13 === void 0 ? void 0 : (_applicationDetails$A14 = _applicationDetails$A13[0]) === null || _applicationDetails$A14 === void 0 ? void 0 : _applicationDetails$A14.applicationNo;
10630
10770
  history.push(`/digit-ui/citizen/ndc/new-application/${id}`);
10631
10771
  }
10632
10772
  }))), /*#__PURE__*/React.createElement(Card, {
@@ -10645,7 +10785,7 @@ const CitizenApplicationOverview = () => {
10645
10785
  }, /*#__PURE__*/React.createElement(CardSubHeader, {
10646
10786
  className: "ndc_label"
10647
10787
  }, t("NDC_APPLICATION_NDC_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$NdcDetai2 = displayData.NdcDetails) === null || _displayData$NdcDetai2 === void 0 ? void 0 : _displayData$NdcDetai2.map((detail, index) => {
10648
- var _detail$dueAmount, _applicationDetails$A10, _applicationDetails$A11, _applicationDetails$A12, _applicationDetails$A13, _applicationDetails$A14, _applicationDetails$A15, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _propertyDetailsFetch22, _propertyDetailsFetch23, _applicationDetails$A19, _applicationDetails$A20, _applicationDetails$A21, _applicationDetails$A22, _applicationDetails$A23;
10788
+ var _detail$dueAmount, _applicationDetails$A15, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _applicationDetails$A19, _applicationDetails$A20, _applicationDetails$A21, _applicationDetails$A22, _applicationDetails$A23, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _propertyDetailsFetch22, _propertyDetailsFetch23, _applicationDetails$A24, _applicationDetails$A25, _applicationDetails$A26, _applicationDetails$A27, _applicationDetails$A28;
10649
10789
  console.log("detail", detail);
10650
10790
  const isRed = detail.dueAmount > 0;
10651
10791
  return /*#__PURE__*/React.createElement("div", {
@@ -10675,7 +10815,7 @@ const CitizenApplicationOverview = () => {
10675
10815
  text: t(detail.propertyType) || detail.propertyType
10676
10816
  }), (detail === null || detail === void 0 ? void 0 : detail.businessService) == "NDC_PROPERTY_TAX" && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
10677
10817
  label: t("CHB_DISCOUNT_REASON"),
10678
- text: t(`${(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A10 = applicationDetails.Applications) === null || _applicationDetails$A10 === void 0 ? void 0 : (_applicationDetails$A11 = _applicationDetails$A10[0]) === null || _applicationDetails$A11 === void 0 ? void 0 : _applicationDetails$A11.reason) === "OTHERS" ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A12 = applicationDetails.Applications) === null || _applicationDetails$A12 === void 0 ? void 0 : (_applicationDetails$A13 = _applicationDetails$A12[0]) === null || _applicationDetails$A13 === void 0 ? void 0 : (_applicationDetails$A14 = _applicationDetails$A13.NdcDetails) === null || _applicationDetails$A14 === void 0 ? void 0 : (_applicationDetails$A15 = _applicationDetails$A14.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A15 === void 0 ? void 0 : (_applicationDetails$A16 = _applicationDetails$A15.additionalDetails) === null || _applicationDetails$A16 === void 0 ? void 0 : _applicationDetails$A16.reason : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A17 = applicationDetails.Applications) === null || _applicationDetails$A17 === void 0 ? void 0 : (_applicationDetails$A18 = _applicationDetails$A17[0]) === null || _applicationDetails$A18 === void 0 ? void 0 : _applicationDetails$A18.reason}`)
10818
+ text: t(`${(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A15 = applicationDetails.Applications) === null || _applicationDetails$A15 === void 0 ? void 0 : (_applicationDetails$A16 = _applicationDetails$A15[0]) === null || _applicationDetails$A16 === void 0 ? void 0 : _applicationDetails$A16.reason) === "OTHERS" ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A17 = applicationDetails.Applications) === null || _applicationDetails$A17 === void 0 ? void 0 : (_applicationDetails$A18 = _applicationDetails$A17[0]) === null || _applicationDetails$A18 === void 0 ? void 0 : (_applicationDetails$A19 = _applicationDetails$A18.NdcDetails) === null || _applicationDetails$A19 === void 0 ? void 0 : (_applicationDetails$A20 = _applicationDetails$A19.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A20 === void 0 ? void 0 : (_applicationDetails$A21 = _applicationDetails$A20.additionalDetails) === null || _applicationDetails$A21 === void 0 ? void 0 : _applicationDetails$A21.reason : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A22 = applicationDetails.Applications) === null || _applicationDetails$A22 === void 0 ? void 0 : (_applicationDetails$A23 = _applicationDetails$A22[0]) === null || _applicationDetails$A23 === void 0 ? void 0 : _applicationDetails$A23.reason}`)
10679
10819
  }), /*#__PURE__*/React.createElement(Row, {
10680
10820
  label: t("City"),
10681
10821
  text: (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch6 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch6 === void 0 ? void 0 : (_propertyDetailsFetch7 = _propertyDetailsFetch6[0]) === null || _propertyDetailsFetch7 === void 0 ? void 0 : (_propertyDetailsFetch8 = _propertyDetailsFetch7.address) === null || _propertyDetailsFetch8 === void 0 ? void 0 : _propertyDetailsFetch8.city) || "N/A"
@@ -10699,7 +10839,7 @@ const CitizenApplicationOverview = () => {
10699
10839
  text: propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch21 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch21 === void 0 ? void 0 : (_propertyDetailsFetch22 = _propertyDetailsFetch21[0]) === null || _propertyDetailsFetch22 === void 0 ? void 0 : (_propertyDetailsFetch23 = _propertyDetailsFetch22.additionalDetails) === null || _propertyDetailsFetch23 === void 0 ? void 0 : _propertyDetailsFetch23.yearConstruction
10700
10840
  }), /*#__PURE__*/React.createElement(Row, {
10701
10841
  label: t("Remarks"),
10702
- text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A19 = applicationDetails.Applications) === null || _applicationDetails$A19 === void 0 ? void 0 : (_applicationDetails$A20 = _applicationDetails$A19[0]) === null || _applicationDetails$A20 === void 0 ? void 0 : (_applicationDetails$A21 = _applicationDetails$A20.NdcDetails) === null || _applicationDetails$A21 === void 0 ? void 0 : (_applicationDetails$A22 = _applicationDetails$A21.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A22 === void 0 ? void 0 : (_applicationDetails$A23 = _applicationDetails$A22.additionalDetails) === null || _applicationDetails$A23 === void 0 ? void 0 : _applicationDetails$A23.remarks) || "N/A"
10842
+ text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A24 = applicationDetails.Applications) === null || _applicationDetails$A24 === void 0 ? void 0 : (_applicationDetails$A25 = _applicationDetails$A24[0]) === null || _applicationDetails$A25 === void 0 ? void 0 : (_applicationDetails$A26 = _applicationDetails$A25.NdcDetails) === null || _applicationDetails$A26 === void 0 ? void 0 : (_applicationDetails$A27 = _applicationDetails$A26.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A27 === void 0 ? void 0 : (_applicationDetails$A28 = _applicationDetails$A27.additionalDetails) === null || _applicationDetails$A28 === void 0 ? void 0 : _applicationDetails$A28.remarks) || "N/A"
10703
10843
  }))));
10704
10844
  })), /*#__PURE__*/React.createElement(Card, {
10705
10845
  className: "ndc_card_main"
@@ -14621,7 +14761,7 @@ const PayWSBillModal = ({
14621
14761
  d: "M0 0h24v24H0V0z",
14622
14762
  fill: "none"
14623
14763
  }), /*#__PURE__*/React.createElement("path", {
14624
- d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 \r 17.59 19 19 17.59 13.41 12 19 6.41z"
14764
+ d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
14625
14765
  }));
14626
14766
  const CloseBtn = ({
14627
14767
  onClick