@mseva/digit-ui-module-ndc 1.0.71 → 1.0.72-UAT.1

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';
@@ -2030,6 +2030,7 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
2030
2030
  const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
2031
2031
  return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
2032
2032
  };
2033
+ const pattern = /\[#\?.*?\*\*\]/;
2033
2034
  const timelineRows = timeline.map((item, index) => {
2034
2035
  var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
2035
2036
  const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
@@ -2039,7 +2040,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
2039
2040
  const mobileNumber = (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.mobileNumber) || "N/A";
2040
2041
  const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
2041
2042
  const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
2042
- const comment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
2043
+ const rawComment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
2044
+ const comment = typeof rawComment === "string" ? rawComment.split(pattern)[0] : rawComment;
2043
2045
  const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
2044
2046
  const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
2045
2047
  const assignedTo = Array.isArray(item === null || item === void 0 ? void 0 : item.assignes) ? item.assignes.map(a => a === null || a === void 0 ? void 0 : a.name).filter(Boolean).join(", ") : "";
@@ -2151,7 +2153,9 @@ function NewApplicationTimeline({
2151
2153
  workflowDetails,
2152
2154
  t,
2153
2155
  tenantId = Digit.ULBService.getCurrentTenantId(),
2154
- timeObj
2156
+ timeObj,
2157
+ empUserName = null,
2158
+ handleSetEmpDesignation = () => {}
2155
2159
  }) {
2156
2160
  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
2157
2161
  const {
@@ -2226,6 +2230,9 @@ function NewApplicationTimeline({
2226
2230
  const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
2227
2231
  deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
2228
2232
  });
2233
+ if (employeeData && empUserName) {
2234
+ handleSetEmpDesignation(t(deptMap[empUserName]));
2235
+ }
2229
2236
  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
2230
2237
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
2231
2238
  className: "custom-timeline-container"
@@ -2549,7 +2556,7 @@ const availableOptions = [{
2549
2556
  name: "No"
2550
2557
  }];
2551
2558
  const ApplicationOverview = () => {
2552
- var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user, _user$info, _user$info$roles, _user2, _user2$info, _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;
2559
+ 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$A0, _applicationDetails$A1, _propertyDetailsFetch3, _Object$entries, _displayData$NdcDetai2, _displayData$Document, _applicationDetails$A24, _applicationDetails$A25, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _applicationDetails$A26, _applicationDetails$A27, _workflowDetails$data12;
2553
2560
  const {
2554
2561
  id
2555
2562
  } = useParams();
@@ -2582,6 +2589,7 @@ const ApplicationOverview = () => {
2582
2589
  const [showModal, setShowModal] = useState(false);
2583
2590
  const [getPropertyId, setPropertyId] = useState(null);
2584
2591
  const [approver, setApprover] = useState(null);
2592
+ const [showOptions, setShowOptions] = useState(false);
2585
2593
  const handleMarkPending = (consumerCode, value, index) => {
2586
2594
  setMarkedPending(prev => {
2587
2595
  const updated = {
@@ -2660,6 +2668,68 @@ const ApplicationOverview = () => {
2660
2668
  const empData = EmployeeData(tenantId, approver);
2661
2669
  console.log("approver for ndc", approver);
2662
2670
  console.log("officerData", empData);
2671
+ const {
2672
+ data: reciept_data,
2673
+ isLoading: recieptDataLoading
2674
+ } = Digit.Hooks.useRecieptSearch({
2675
+ tenantId: tenantId,
2676
+ businessService: "NDC",
2677
+ consumerCodes: id,
2678
+ isEmployee: false
2679
+ }, {
2680
+ enabled: id ? true : false
2681
+ });
2682
+ async function getRecieptSearch({
2683
+ tenantId,
2684
+ payments,
2685
+ ...params
2686
+ }) {
2687
+ setLoader(true);
2688
+ try {
2689
+ var _applicationDetails$A, _response;
2690
+ let response = null;
2691
+ let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
2692
+ if (payments !== null && payments !== void 0 && payments.fileStoreId) {
2693
+ response = {
2694
+ filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
2695
+ };
2696
+ } else {
2697
+ response = await Digit.PaymentService.generatePdf(tenantId, {
2698
+ Payments: [{
2699
+ ...(payments || {}),
2700
+ ...application
2701
+ }]
2702
+ }, "ndc-receipt");
2703
+ }
2704
+ const fileStore = await Digit.PaymentService.printReciept(tenantId, {
2705
+ fileStoreIds: response.filestoreIds[0]
2706
+ });
2707
+ window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
2708
+ setLoader(false);
2709
+ } catch (error) {
2710
+ console.error(error);
2711
+ setLoader(false);
2712
+ }
2713
+ }
2714
+ const dowloadOptions = [];
2715
+ 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") {
2716
+ dowloadOptions.push({
2717
+ label: t("DOWNLOAD_CERTIFICATE"),
2718
+ onClick: () => handleDownloadPdf()
2719
+ });
2720
+ if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
2721
+ dowloadOptions.push({
2722
+ label: t("PTR_FEE_RECIEPT"),
2723
+ onClick: () => {
2724
+ var _reciept_data$Payment;
2725
+ return getRecieptSearch({
2726
+ 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,
2727
+ payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
2728
+ });
2729
+ }
2730
+ });
2731
+ }
2732
+ }
2663
2733
  let user = Digit.UserService.getUser();
2664
2734
  const menuRef = useRef();
2665
2735
  if (window.location.href.includes("/obps") || window.location.href.includes("/noc")) {
@@ -2668,7 +2738,9 @@ const ApplicationOverview = () => {
2668
2738
  user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.value;
2669
2739
  }
2670
2740
  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);
2671
- const isCemp = (_user2 = user) === null || _user2 === void 0 ? void 0 : (_user2$info = _user2.info) === null || _user2$info === void 0 ? void 0 : _user2$info.roles.filter(role => role.code === "CEMP");
2741
+ console.log('userRoles', userRoles);
2742
+ const isCemp = (_user2 = user) === null || _user2 === void 0 ? void 0 : (_user2$info = _user2.info) === null || _user2$info === void 0 ? void 0 : (_user2$info$roles$fin = _user2$info.roles.find(role => role.code === "CEMP")) === null || _user2$info$roles$fin === void 0 ? void 0 : _user2$info$roles$fin.code;
2743
+ console.log('isCemp', isCemp);
2672
2744
  let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data6 = workflowDetails.data) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.actionState) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.nextActions) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.filter(e => {
2673
2745
  return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
2674
2746
  var _e$roles;
@@ -2702,8 +2774,8 @@ const ApplicationOverview = () => {
2702
2774
  });
2703
2775
  };
2704
2776
  useEffect(() => {
2705
- var _applicationDetails$A;
2706
- const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
2777
+ var _applicationDetails$A6;
2778
+ const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A6 = applicationDetails.Applications) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6[0];
2707
2779
  if (ndcObject) {
2708
2780
  var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
2709
2781
  const applicantData = {
@@ -2768,9 +2840,9 @@ const ApplicationOverview = () => {
2768
2840
  }
2769
2841
  };
2770
2842
  function onActionSelect(action) {
2771
- var _action$state, _applicationDetails$A3, _applicationDetails$A4, _action$state2, _action$state2$action, _filterNexState$, _filterRoles$, _displayData$applican;
2843
+ var _action$state, _applicationDetails$A8, _applicationDetails$A9, _action$state2, _action$state2$action, _filterNexState$, _filterRoles$, _displayData$applican;
2772
2844
  console.log("action====???", action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : _action$state.actions);
2773
- 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) || [];
2845
+ 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) || [];
2774
2846
  const hasDuePending = ndcDetails === null || ndcDetails === void 0 ? void 0 : ndcDetails.some(item => item.isDuePending === true);
2775
2847
  console.log("hasDuePending", hasDuePending);
2776
2848
  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));
@@ -2909,7 +2981,7 @@ const ApplicationOverview = () => {
2909
2981
  enabled: getPropertyId ? true : false,
2910
2982
  privacy: Digit.Utils.getPrivacyObject()
2911
2983
  });
2912
- 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);
2984
+ console.log("applicationDetails", 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.NdcDetails);
2913
2985
  useEffect(() => {
2914
2986
  const handleClickOutside = event => {
2915
2987
  if (toastRef.current && !toastRef.current.contains(event.target)) {
@@ -2929,7 +3001,7 @@ const ApplicationOverview = () => {
2929
3001
  address = propertyDetailsFetch.Properties[0].address;
2930
3002
  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(", ");
2931
3003
  }
2932
- if (isLoading || isDetailsLoading) {
3004
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
2933
3005
  return /*#__PURE__*/React.createElement(Loader, null);
2934
3006
  }
2935
3007
  return /*#__PURE__*/React.createElement("div", {
@@ -2941,16 +3013,19 @@ const ApplicationOverview = () => {
2941
3013
  alignItems: "center",
2942
3014
  padding: "16px"
2943
3015
  }
2944
- }, 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, {
2945
- className: "downLoadButton",
2946
- label: t("DOWNLOAD_CERTIFICATE"),
2947
- onClick: handleDownloadPdf
2948
- })), /*#__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, {
3016
+ }, isCemp && /*#__PURE__*/React.createElement("div", {
3017
+ className: "cardHeaderWithOptions ral-app-details-header"
3018
+ }, getLoader && /*#__PURE__*/React.createElement(Loader, null), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
3019
+ className: "multilinkWrapper",
3020
+ onHeadClick: () => setShowOptions(!showOptions),
3021
+ displayOptions: showOptions,
3022
+ options: dowloadOptions
3023
+ }))), /*#__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, {
2949
3024
  key: key,
2950
3025
  label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
2951
3026
  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")
2952
3027
  }))))), /*#__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) => {
2953
- 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;
3028
+ var _applicationDetails$A10, _applicationDetails$A11, _applicationDetails$A12, _applicationDetails$A13, _applicationDetails$A14, _applicationDetails$A15, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _propertyDetailsFetch4, _propertyDetailsFetch5, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _applicationDetails$A19, _applicationDetails$A20, _applicationDetails$A21, _applicationDetails$A22, _applicationDetails$A23;
2954
3029
  const isPT = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_PROPERTY_TAX";
2955
3030
  const isSW = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_SEWERAGE_SERVICE_CONNECTION";
2956
3031
  const isWS = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_WATER_SERVICE_CONNECTION";
@@ -3009,7 +3084,7 @@ const ApplicationOverview = () => {
3009
3084
  text: t(detail.propertyType) || detail.propertyType
3010
3085
  }), isPT && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
3011
3086
  label: t("CHB_DISCOUNT_REASON"),
3012
- 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}`)
3087
+ 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}`)
3013
3088
  }), /*#__PURE__*/React.createElement(Row, {
3014
3089
  label: t("City"),
3015
3090
  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
@@ -3033,7 +3108,7 @@ const ApplicationOverview = () => {
3033
3108
  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
3034
3109
  }), /*#__PURE__*/React.createElement(Row, {
3035
3110
  label: t("Remarks"),
3036
- 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"
3111
+ 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"
3037
3112
  }))), canRaiseFlag && /*#__PURE__*/React.createElement("div", {
3038
3113
  className: "mychallan-custom"
3039
3114
  }, /*#__PURE__*/React.createElement(CardLabel, {
@@ -3061,7 +3136,7 @@ const ApplicationOverview = () => {
3061
3136
  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), /*#__PURE__*/React.createElement(NewApplicationTimeline, {
3062
3137
  workflowDetails: workflowDetails,
3063
3138
  t: t
3064
- }), (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, {
3139
+ }), (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$A25.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, {
3065
3140
  localeKeyPrefix: `WF_EDITRENEWAL`,
3066
3141
  options: actions,
3067
3142
  optionKey: "action",
@@ -3071,11 +3146,11 @@ const ApplicationOverview = () => {
3071
3146
  ref: menuRef,
3072
3147
  label: t("WF_TAKE_ACTION"),
3073
3148
  onSubmit: () => setDisplayMenu(!displayMenu)
3074
- })), (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, {
3149
+ })), (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" && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
3075
3150
  label: t("COMMON_EDIT"),
3076
3151
  onSubmit: () => {
3077
- var _applicationDetails$A25, _applicationDetails$A26;
3078
- 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;
3152
+ var _applicationDetails$A28, _applicationDetails$A29;
3153
+ const id = 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.applicationNo;
3079
3154
  history.push(`/digit-ui/employee/ndc/create/${id}`);
3080
3155
  }
3081
3156
  })), showModal ? /*#__PURE__*/React.createElement(NDCModal, {
@@ -10418,7 +10493,7 @@ var lodash = createCommonjsModule(function (module, exports) {
10418
10493
  });
10419
10494
 
10420
10495
  const CitizenApplicationOverview = () => {
10421
- 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;
10496
+ var _applicationDetails$A2, _applicationDetails$A3, _applicationDetails$A4, _applicationDetails$A5, _user, _user$info, _user$info$roles, _propertyDetailsFetch3, _propertyDetailsFetch4, _propertyDetailsFetch5, _ownerForName$map, _ownerForName$map$fil, _applicationDetails$A8, _applicationDetails$A9, _applicationDetails$A0, _applicationDetails$A1, _applicationDetails$A10, _Object$entries, _Object$entries$filte, _displayData$NdcDetai2, _displayData$Document;
10422
10497
  const {
10423
10498
  id
10424
10499
  } = useParams();
@@ -10431,6 +10506,7 @@ const CitizenApplicationOverview = () => {
10431
10506
  const [appDetails, setAppDetails] = useState({});
10432
10507
  const [showToast, setShowToast] = useState(null);
10433
10508
  const [approver, setApprover] = useState(null);
10509
+ const [showOptions, setShowOptions] = useState(false);
10434
10510
  const [ndcDatils, setNdcDetails] = useState([]);
10435
10511
  const [displayData, setDisplayData] = useState({});
10436
10512
  const [getLoader, setLoader] = useState(false);
@@ -10476,6 +10552,68 @@ const CitizenApplicationOverview = () => {
10476
10552
  const userInfo = userInfos ? JSON.parse(userInfos) : {};
10477
10553
  user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.value;
10478
10554
  }
10555
+ const {
10556
+ data: reciept_data,
10557
+ isLoading: recieptDataLoading
10558
+ } = Digit.Hooks.useRecieptSearch({
10559
+ tenantId: tenantId,
10560
+ businessService: "NDC",
10561
+ consumerCodes: id,
10562
+ isEmployee: false
10563
+ }, {
10564
+ enabled: id ? true : false
10565
+ });
10566
+ async function getRecieptSearch({
10567
+ tenantId,
10568
+ payments,
10569
+ ...params
10570
+ }) {
10571
+ setLoader(true);
10572
+ try {
10573
+ var _applicationDetails$A, _response;
10574
+ let response = null;
10575
+ let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
10576
+ if (payments !== null && payments !== void 0 && payments.fileStoreId) {
10577
+ response = {
10578
+ filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
10579
+ };
10580
+ } else {
10581
+ response = await Digit.PaymentService.generatePdf(tenantId, {
10582
+ Payments: [{
10583
+ ...(payments || {}),
10584
+ ...application
10585
+ }]
10586
+ }, "ndc-receipt");
10587
+ }
10588
+ const fileStore = await Digit.PaymentService.printReciept(tenantId, {
10589
+ fileStoreIds: response.filestoreIds[0]
10590
+ });
10591
+ window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
10592
+ setLoader(false);
10593
+ } catch (error) {
10594
+ console.error(error);
10595
+ setLoader(false);
10596
+ }
10597
+ }
10598
+ const dowloadOptions = [];
10599
+ 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") {
10600
+ dowloadOptions.push({
10601
+ label: t("DOWNLOAD_CERTIFICATE"),
10602
+ onClick: () => handleDownloadPdf()
10603
+ });
10604
+ }
10605
+ if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
10606
+ dowloadOptions.push({
10607
+ label: t("PTR_FEE_RECIEPT"),
10608
+ onClick: () => {
10609
+ var _reciept_data$Payment;
10610
+ return getRecieptSearch({
10611
+ 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,
10612
+ payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
10613
+ });
10614
+ }
10615
+ });
10616
+ }
10479
10617
  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);
10480
10618
  const removeDuplicatesByUUID = arr => {
10481
10619
  const seen = new Set();
@@ -10489,8 +10627,8 @@ const CitizenApplicationOverview = () => {
10489
10627
  });
10490
10628
  };
10491
10629
  useEffect(() => {
10492
- var _applicationDetails$A;
10493
- const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
10630
+ var _applicationDetails$A6;
10631
+ const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A6 = applicationDetails.Applications) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6[0];
10494
10632
  console.log("ndcObject", ndcObject);
10495
10633
  if (ndcObject) {
10496
10634
  var _ndcObject$owners, _ndcObject$owners2, _removeDuplicatesByUU;
@@ -10595,14 +10733,14 @@ const CitizenApplicationOverview = () => {
10595
10733
  address = propertyDetailsFetch.Properties[0].address;
10596
10734
  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(", ");
10597
10735
  }
10598
- if (isLoading || isDetailsLoading) {
10736
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
10599
10737
  return /*#__PURE__*/React.createElement(Loader, null);
10600
10738
  }
10601
10739
  console.log("propertyDetailsFetch", propertyDetailsFetch);
10602
10740
  console.log("displayData?.applicantData", displayData);
10603
10741
  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) || [];
10604
10742
  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(", ");
10605
- 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]);
10743
+ console.log("applicationDetails?.[0]", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A8 = applicationDetails.Applications) === null || _applicationDetails$A8 === void 0 ? void 0 : _applicationDetails$A8[0]);
10606
10744
  return /*#__PURE__*/React.createElement("div", {
10607
10745
  className: "employee-main-application-details"
10608
10746
  }, /*#__PURE__*/React.createElement("div", {
@@ -10614,15 +10752,18 @@ const CitizenApplicationOverview = () => {
10614
10752
  alignItems: "center",
10615
10753
  padding: "16px"
10616
10754
  }
10617
- }, (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, {
10618
- className: "downLoadButton",
10619
- label: t("DOWNLOAD_CERTIFICATE"),
10620
- onClick: handleDownloadPdf
10621
- })), ((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, {
10755
+ }, /*#__PURE__*/React.createElement("div", {
10756
+ className: "cardHeaderWithOptions ral-app-details-header"
10757
+ }, getLoader && /*#__PURE__*/React.createElement(Loader, null), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
10758
+ className: "multilinkWrapper",
10759
+ onHeadClick: () => setShowOptions(!showOptions),
10760
+ displayOptions: showOptions,
10761
+ options: dowloadOptions
10762
+ }))), ((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.applicationStatus) == "INITIATED" || (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) == "CITIZENACTIONREQUIRED") && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
10622
10763
  label: t("COMMON_EDIT"),
10623
10764
  onSubmit: () => {
10624
- var _applicationDetails$A0, _applicationDetails$A1;
10625
- 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;
10765
+ var _applicationDetails$A11, _applicationDetails$A12;
10766
+ const id = 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.applicationNo;
10626
10767
  history.push(`/digit-ui/citizen/ndc/new-application/${id}`);
10627
10768
  }
10628
10769
  }))), /*#__PURE__*/React.createElement(Card, {
@@ -10641,7 +10782,7 @@ const CitizenApplicationOverview = () => {
10641
10782
  }, /*#__PURE__*/React.createElement(CardSubHeader, {
10642
10783
  className: "ndc_label"
10643
10784
  }, 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) => {
10644
- 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;
10785
+ var _detail$dueAmount, _applicationDetails$A13, _applicationDetails$A14, _applicationDetails$A15, _applicationDetails$A16, _applicationDetails$A17, _applicationDetails$A18, _applicationDetails$A19, _applicationDetails$A20, _applicationDetails$A21, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8, _propertyDetailsFetch9, _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _propertyDetailsFetch18, _propertyDetailsFetch19, _propertyDetailsFetch20, _propertyDetailsFetch21, _propertyDetailsFetch22, _propertyDetailsFetch23, _applicationDetails$A22, _applicationDetails$A23, _applicationDetails$A24, _applicationDetails$A25, _applicationDetails$A26;
10645
10786
  console.log("detail", detail);
10646
10787
  const isRed = detail.dueAmount > 0;
10647
10788
  return /*#__PURE__*/React.createElement("div", {
@@ -10671,7 +10812,7 @@ const CitizenApplicationOverview = () => {
10671
10812
  text: t(detail.propertyType) || detail.propertyType
10672
10813
  }), (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, {
10673
10814
  label: t("CHB_DISCOUNT_REASON"),
10674
- 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}`)
10815
+ text: t(`${(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.reason) === "OTHERS" ? 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$A17 = _applicationDetails$A16.NdcDetails) === null || _applicationDetails$A17 === void 0 ? void 0 : (_applicationDetails$A18 = _applicationDetails$A17.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A18 === void 0 ? void 0 : (_applicationDetails$A19 = _applicationDetails$A18.additionalDetails) === null || _applicationDetails$A19 === void 0 ? void 0 : _applicationDetails$A19.reason : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A20 = applicationDetails.Applications) === null || _applicationDetails$A20 === void 0 ? void 0 : (_applicationDetails$A21 = _applicationDetails$A20[0]) === null || _applicationDetails$A21 === void 0 ? void 0 : _applicationDetails$A21.reason}`)
10675
10816
  }), /*#__PURE__*/React.createElement(Row, {
10676
10817
  label: t("City"),
10677
10818
  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"
@@ -10695,7 +10836,7 @@ const CitizenApplicationOverview = () => {
10695
10836
  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
10696
10837
  }), /*#__PURE__*/React.createElement(Row, {
10697
10838
  label: t("Remarks"),
10698
- 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"
10839
+ text: (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$A24 = _applicationDetails$A23.NdcDetails) === null || _applicationDetails$A24 === void 0 ? void 0 : (_applicationDetails$A25 = _applicationDetails$A24.find(item => (item === null || item === void 0 ? void 0 : item.businessService) === "PT")) === null || _applicationDetails$A25 === void 0 ? void 0 : (_applicationDetails$A26 = _applicationDetails$A25.additionalDetails) === null || _applicationDetails$A26 === void 0 ? void 0 : _applicationDetails$A26.remarks) || "N/A"
10699
10840
  }))));
10700
10841
  })), /*#__PURE__*/React.createElement(Card, {
10701
10842
  className: "ndc_card_main"