@mseva/digit-ui-module-ndc 1.0.70 → 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.
Files changed (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +188 -40
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -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';
@@ -48,13 +48,20 @@ const pdfDownloadLink = (documents = {}, fileStoreId = "", format = "") => {
48
48
  return fileURL;
49
49
  };
50
50
  const EmployeeData = (tenantId, approver) => {
51
- var _employeeData$data, _employeeData$data$Em, _officerRaw$assignmen, _officerRaw$user;
52
- const employeeData = Digit.Hooks.useEmployeeSearch(tenantId, {
51
+ var _employeeDataByCode$d, _employeeDataByCode$d2, _employeeDataByCode$d3, _employeeDataByCode$d4, _employeeData$data, _employeeData$data$Em, _officerRaw$assignmen, _officerRaw$user;
52
+ const employeeDataByCode = Digit.Hooks.useEmployeeSearch(tenantId, {
53
53
  codes: approver,
54
54
  isActive: true
55
55
  }, {
56
56
  enabled: !!approver
57
57
  });
58
+ const employeeDataByName = Digit.Hooks.useEmployeeSearch(tenantId, {
59
+ names: approver,
60
+ isActive: true
61
+ }, {
62
+ enabled: !!approver && !(employeeDataByCode !== null && employeeDataByCode !== void 0 && (_employeeDataByCode$d = employeeDataByCode.data) !== null && _employeeDataByCode$d !== void 0 && (_employeeDataByCode$d2 = _employeeDataByCode$d.Employees) !== null && _employeeDataByCode$d2 !== void 0 && _employeeDataByCode$d2.length)
63
+ });
64
+ const employeeData = employeeDataByCode !== null && employeeDataByCode !== void 0 && (_employeeDataByCode$d3 = employeeDataByCode.data) !== null && _employeeDataByCode$d3 !== void 0 && (_employeeDataByCode$d4 = _employeeDataByCode$d3.Employees) !== null && _employeeDataByCode$d4 !== void 0 && _employeeDataByCode$d4.length ? employeeDataByCode : employeeDataByName;
58
65
  console.log("employeeData", employeeData);
59
66
  const officerRaw = employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$data = employeeData.data) === null || _employeeData$data === void 0 ? void 0 : (_employeeData$data$Em = _employeeData$data.Employees) === null || _employeeData$data$Em === void 0 ? void 0 : _employeeData$data$Em[0];
60
67
  const officerAssignment = officerRaw === null || officerRaw === void 0 ? void 0 : (_officerRaw$assignmen = officerRaw.assignments) === null || _officerRaw$assignmen === void 0 ? void 0 : _officerRaw$assignmen[0];
@@ -2023,6 +2030,7 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
2023
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)) || [];
2024
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]) || "";
2025
2032
  };
2033
+ const pattern = /\[#\?.*?\*\*\]/;
2026
2034
  const timelineRows = timeline.map((item, index) => {
2027
2035
  var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
2028
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";
@@ -2032,7 +2040,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
2032
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";
2033
2041
  const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
2034
2042
  const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
2035
- 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;
2036
2045
  const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
2037
2046
  const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
2038
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(", ") : "";
@@ -2144,7 +2153,9 @@ function NewApplicationTimeline({
2144
2153
  workflowDetails,
2145
2154
  t,
2146
2155
  tenantId = Digit.ULBService.getCurrentTenantId(),
2147
- timeObj
2156
+ timeObj,
2157
+ empUserName = null,
2158
+ handleSetEmpDesignation = () => {}
2148
2159
  }) {
2149
2160
  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
2150
2161
  const {
@@ -2219,6 +2230,9 @@ function NewApplicationTimeline({
2219
2230
  const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
2220
2231
  deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
2221
2232
  });
2233
+ if (employeeData && empUserName) {
2234
+ handleSetEmpDesignation(t(deptMap[empUserName]));
2235
+ }
2222
2236
  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
2223
2237
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
2224
2238
  className: "custom-timeline-container"
@@ -2542,7 +2556,7 @@ const availableOptions = [{
2542
2556
  name: "No"
2543
2557
  }];
2544
2558
  const ApplicationOverview = () => {
2545
- 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;
2546
2560
  const {
2547
2561
  id
2548
2562
  } = useParams();
@@ -2575,6 +2589,7 @@ const ApplicationOverview = () => {
2575
2589
  const [showModal, setShowModal] = useState(false);
2576
2590
  const [getPropertyId, setPropertyId] = useState(null);
2577
2591
  const [approver, setApprover] = useState(null);
2592
+ const [showOptions, setShowOptions] = useState(false);
2578
2593
  const handleMarkPending = (consumerCode, value, index) => {
2579
2594
  setMarkedPending(prev => {
2580
2595
  const updated = {
@@ -2653,6 +2668,68 @@ const ApplicationOverview = () => {
2653
2668
  const empData = EmployeeData(tenantId, approver);
2654
2669
  console.log("approver for ndc", approver);
2655
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
+ }
2656
2733
  let user = Digit.UserService.getUser();
2657
2734
  const menuRef = useRef();
2658
2735
  if (window.location.href.includes("/obps") || window.location.href.includes("/noc")) {
@@ -2661,7 +2738,9 @@ const ApplicationOverview = () => {
2661
2738
  user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.value;
2662
2739
  }
2663
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);
2664
- 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);
2665
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 => {
2666
2745
  return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
2667
2746
  var _e$roles;
@@ -2695,8 +2774,8 @@ const ApplicationOverview = () => {
2695
2774
  });
2696
2775
  };
2697
2776
  useEffect(() => {
2698
- var _applicationDetails$A;
2699
- 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];
2700
2779
  if (ndcObject) {
2701
2780
  var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
2702
2781
  const applicantData = {
@@ -2761,9 +2840,9 @@ const ApplicationOverview = () => {
2761
2840
  }
2762
2841
  };
2763
2842
  function onActionSelect(action) {
2764
- 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;
2765
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);
2766
- 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) || [];
2767
2846
  const hasDuePending = ndcDetails === null || ndcDetails === void 0 ? void 0 : ndcDetails.some(item => item.isDuePending === true);
2768
2847
  console.log("hasDuePending", hasDuePending);
2769
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));
@@ -2902,7 +2981,7 @@ const ApplicationOverview = () => {
2902
2981
  enabled: getPropertyId ? true : false,
2903
2982
  privacy: Digit.Utils.getPrivacyObject()
2904
2983
  });
2905
- 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);
2906
2985
  useEffect(() => {
2907
2986
  const handleClickOutside = event => {
2908
2987
  if (toastRef.current && !toastRef.current.contains(event.target)) {
@@ -2922,7 +3001,7 @@ const ApplicationOverview = () => {
2922
3001
  address = propertyDetailsFetch.Properties[0].address;
2923
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(", ");
2924
3003
  }
2925
- if (isLoading || isDetailsLoading) {
3004
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
2926
3005
  return /*#__PURE__*/React.createElement(Loader, null);
2927
3006
  }
2928
3007
  return /*#__PURE__*/React.createElement("div", {
@@ -2934,16 +3013,19 @@ const ApplicationOverview = () => {
2934
3013
  alignItems: "center",
2935
3014
  padding: "16px"
2936
3015
  }
2937
- }, 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, {
2938
- className: "downLoadButton",
2939
- label: t("DOWNLOAD_CERTIFICATE"),
2940
- onClick: handleDownloadPdf
2941
- })), /*#__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, {
2942
3024
  key: key,
2943
3025
  label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
2944
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")
2945
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) => {
2946
- 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;
2947
3029
  const isPT = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_PROPERTY_TAX";
2948
3030
  const isSW = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_SEWERAGE_SERVICE_CONNECTION";
2949
3031
  const isWS = (detail === null || detail === void 0 ? void 0 : detail.businessService) === "NDC_WATER_SERVICE_CONNECTION";
@@ -3002,7 +3084,7 @@ const ApplicationOverview = () => {
3002
3084
  text: t(detail.propertyType) || detail.propertyType
3003
3085
  }), isPT && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
3004
3086
  label: t("CHB_DISCOUNT_REASON"),
3005
- 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[2]) === 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}`)
3006
3088
  }), /*#__PURE__*/React.createElement(Row, {
3007
3089
  label: t("City"),
3008
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
@@ -3026,7 +3108,7 @@ const ApplicationOverview = () => {
3026
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
3027
3109
  }), /*#__PURE__*/React.createElement(Row, {
3028
3110
  label: t("Remarks"),
3029
- 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[2]) === 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"
3030
3112
  }))), canRaiseFlag && /*#__PURE__*/React.createElement("div", {
3031
3113
  className: "mychallan-custom"
3032
3114
  }, /*#__PURE__*/React.createElement(CardLabel, {
@@ -3054,7 +3136,7 @@ const ApplicationOverview = () => {
3054
3136
  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), /*#__PURE__*/React.createElement(NewApplicationTimeline, {
3055
3137
  workflowDetails: workflowDetails,
3056
3138
  t: t
3057
- }), (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, {
3058
3140
  localeKeyPrefix: `WF_EDITRENEWAL`,
3059
3141
  options: actions,
3060
3142
  optionKey: "action",
@@ -3064,11 +3146,11 @@ const ApplicationOverview = () => {
3064
3146
  ref: menuRef,
3065
3147
  label: t("WF_TAKE_ACTION"),
3066
3148
  onSubmit: () => setDisplayMenu(!displayMenu)
3067
- })), (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, {
3068
3150
  label: t("COMMON_EDIT"),
3069
3151
  onSubmit: () => {
3070
- var _applicationDetails$A25, _applicationDetails$A26;
3071
- 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;
3072
3154
  history.push(`/digit-ui/employee/ndc/create/${id}`);
3073
3155
  }
3074
3156
  })), showModal ? /*#__PURE__*/React.createElement(NDCModal, {
@@ -10411,7 +10493,7 @@ var lodash = createCommonjsModule(function (module, exports) {
10411
10493
  });
10412
10494
 
10413
10495
  const CitizenApplicationOverview = () => {
10414
- 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;
10415
10497
  const {
10416
10498
  id
10417
10499
  } = useParams();
@@ -10424,6 +10506,7 @@ const CitizenApplicationOverview = () => {
10424
10506
  const [appDetails, setAppDetails] = useState({});
10425
10507
  const [showToast, setShowToast] = useState(null);
10426
10508
  const [approver, setApprover] = useState(null);
10509
+ const [showOptions, setShowOptions] = useState(false);
10427
10510
  const [ndcDatils, setNdcDetails] = useState([]);
10428
10511
  const [displayData, setDisplayData] = useState({});
10429
10512
  const [getLoader, setLoader] = useState(false);
@@ -10469,6 +10552,68 @@ const CitizenApplicationOverview = () => {
10469
10552
  const userInfo = userInfos ? JSON.parse(userInfos) : {};
10470
10553
  user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.value;
10471
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
+ }
10472
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);
10473
10618
  const removeDuplicatesByUUID = arr => {
10474
10619
  const seen = new Set();
@@ -10482,8 +10627,8 @@ const CitizenApplicationOverview = () => {
10482
10627
  });
10483
10628
  };
10484
10629
  useEffect(() => {
10485
- var _applicationDetails$A;
10486
- 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];
10487
10632
  console.log("ndcObject", ndcObject);
10488
10633
  if (ndcObject) {
10489
10634
  var _ndcObject$owners, _ndcObject$owners2, _removeDuplicatesByUU;
@@ -10588,14 +10733,14 @@ const CitizenApplicationOverview = () => {
10588
10733
  address = propertyDetailsFetch.Properties[0].address;
10589
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(", ");
10590
10735
  }
10591
- if (isLoading || isDetailsLoading) {
10736
+ if (isLoading || isDetailsLoading || recieptDataLoading) {
10592
10737
  return /*#__PURE__*/React.createElement(Loader, null);
10593
10738
  }
10594
10739
  console.log("propertyDetailsFetch", propertyDetailsFetch);
10595
10740
  console.log("displayData?.applicantData", displayData);
10596
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) || [];
10597
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(", ");
10598
- 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]);
10599
10744
  return /*#__PURE__*/React.createElement("div", {
10600
10745
  className: "employee-main-application-details"
10601
10746
  }, /*#__PURE__*/React.createElement("div", {
@@ -10607,15 +10752,18 @@ const CitizenApplicationOverview = () => {
10607
10752
  alignItems: "center",
10608
10753
  padding: "16px"
10609
10754
  }
10610
- }, (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, {
10611
- className: "downLoadButton",
10612
- label: t("DOWNLOAD_CERTIFICATE"),
10613
- onClick: handleDownloadPdf
10614
- })), ((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, {
10615
10763
  label: t("COMMON_EDIT"),
10616
10764
  onSubmit: () => {
10617
- var _applicationDetails$A0, _applicationDetails$A1;
10618
- 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;
10619
10767
  history.push(`/digit-ui/citizen/ndc/new-application/${id}`);
10620
10768
  }
10621
10769
  }))), /*#__PURE__*/React.createElement(Card, {
@@ -10634,7 +10782,7 @@ const CitizenApplicationOverview = () => {
10634
10782
  }, /*#__PURE__*/React.createElement(CardSubHeader, {
10635
10783
  className: "ndc_label"
10636
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) => {
10637
- 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;
10638
10786
  console.log("detail", detail);
10639
10787
  const isRed = detail.dueAmount > 0;
10640
10788
  return /*#__PURE__*/React.createElement("div", {
@@ -10664,7 +10812,7 @@ const CitizenApplicationOverview = () => {
10664
10812
  text: t(detail.propertyType) || detail.propertyType
10665
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, {
10666
10814
  label: t("CHB_DISCOUNT_REASON"),
10667
- 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[2]) === 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}`)
10668
10816
  }), /*#__PURE__*/React.createElement(Row, {
10669
10817
  label: t("City"),
10670
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"
@@ -10688,7 +10836,7 @@ const CitizenApplicationOverview = () => {
10688
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
10689
10837
  }), /*#__PURE__*/React.createElement(Row, {
10690
10838
  label: t("Remarks"),
10691
- 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[0]) === 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"
10692
10840
  }))));
10693
10841
  })), /*#__PURE__*/React.createElement(Card, {
10694
10842
  className: "ndc_card_main"