@mseva/upyog-ui-module-ads 1.1.58 → 1.1.60

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Modal, Card as Card$1, CheckBox, Header, SearchForm, SearchField, TextInput, Dropdown, MobileNumber, CardLabelError as CardLabelError$1, DatePicker, SubmitBar, Table, Loader as Loader$2, Toast, AppContainer, BackButton, PrivateRoute, CloseSvg, RadioButtons, Banner, CardText as CardText$1, ActionBar, KeyNote, DeleteIcon, CardSubHeader, FormStep, CardHeader as CardHeader$1, CardLabel, TelePhone, DisplayPhotos, LocationSearchCard as LocationSearchCard$1, CheckPoint, ConnectingCheckPoints, CardSectionHeader, TickMark, CardLabelDesc, TextArea, LabelFieldPair, UploadFile, StatusTable, Row, LinkButton, EmployeeModuleCard, PropertyHouse, Label, LinkLabel, Localities, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, MultiLink, FormComposer, Menu, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { Modal, Card as Card$1, CheckBox, Header, SearchForm, SearchField, TextInput, Dropdown, MobileNumber, CardLabelError as CardLabelError$1, DatePicker, SubmitBar, Table, Loader as Loader$2, Toast, AppContainer, BackButton, PrivateRoute, CloseSvg, RadioButtons, Banner, CardText as CardText$1, ActionBar, KeyNote, DeleteIcon, CardSubHeader, FormStep, CardHeader as CardHeader$1, CardLabel, TelePhone, DisplayPhotos, LocationSearchCard as LocationSearchCard$1, CheckPoint, ConnectingCheckPoints, TickMark, CardLabelDesc, TextArea, LabelFieldPair, UploadFile, StatusTable, Row, LinkButton, EmployeeModuleCard, PropertyHouse, Label, LinkLabel, Localities, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, MultiLink, FormComposer, Menu, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useMemo, useCallback, useRef, Fragment as Fragment$1 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useParams, useRouteMatch, Switch, useLocation, Route, Redirect } from 'react-router-dom';
@@ -16763,13 +16763,20 @@ const GIS = ({
   }))));
 };
 
-const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, t) => {
+const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles = {}, t) => {
   var _workflowDetails$data, _workflowDetails$data2, _processInstances$, _processInstances$2, _processInstances$3, _timeline$, _timeline$2, _timeline$3, _timeline$4;
+  console.log('pdfFiles', pdfFiles);
   const timeline = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.timeline) || [];
   const processInstances = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.processInstances) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.processInstances) || [];
   const businessId = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$ = processInstances[0]) === null || _processInstances$ === void 0 ? void 0 : _processInstances$.businessId) || "N/A";
   const businessService = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$2 = processInstances[0]) === null || _processInstances$2 === void 0 ? void 0 : _processInstances$2.businessService) || "N/A";
   const moduleName = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$3 = processInstances[0]) === null || _processInstances$3 === void 0 ? void 0 : _processInstances$3.moduleName) || "N/A";
+  const pdfDownloadLink = (documents, fileStoreId) => {
+    var _downloadLink$split;
+    const downloadLink = (documents === null || documents === void 0 ? void 0 : documents[fileStoreId]) || "";
+    const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
+    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]) || "";
+  };
   const timelineRows = timeline.map((item, index) => {
     var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
     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";
@@ -16796,7 +16803,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, t) => {
       documents: documents.map(doc => ({
         name: (doc === null || doc === void 0 ? void 0 : doc.fileName) || (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
         type: (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
-        fileStoreId: doc === null || doc === void 0 ? void 0 : doc.fileStoreId
+        fileStoreId: doc === null || doc === void 0 ? void 0 : doc.fileStoreId,
+        link: pdfDownloadLink(pdfFiles, doc === null || doc === void 0 ? void 0 : doc.fileStoreId)
       })),
       hasDocuments: documents.length > 0
     };
@@ -16980,18 +16988,30 @@ const ApplicationTimeline = ({
   workflowDetails,
   t
 }) => {
-  var _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _timeline$;
+  var _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _timeline$;
   const details = (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.data) || workflowDetails;
   const timeline = useMemo(() => normalizeTimeline({
     data: details
   }), [details]);
   const currentState = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : (_workflowDetails$data3 = _workflowDetails$data2.timeline) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.state;
+  const {
+    isLoading,
+    data
+  } = Digit.Hooks.ads.useADSDocumentSearch({
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : (_workflowDetails$data6 = _workflowDetails$data5.timeline) === null || _workflowDetails$data6 === void 0 ? void 0 : _workflowDetails$data6.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, {
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data7 = workflowDetails.data) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.timeline) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, null, 0);
+  console.log('data of doc hook', data);
   const handleDownloadPDF = useCallback(() => {
-    const tenantInfo = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY") || {};
-    const acknowledgementData = getTimelineAcknowledgementData(workflowDetails, tenantInfo, t);
-    Digit.Utils.pdf.generateTimelinePDF(acknowledgementData);
-  }, [workflowDetails, t]);
+    if (!isLoading) {
+      const tenantInfo = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY") || {};
+      const acknowledgementData = getTimelineAcknowledgementData(workflowDetails, tenantInfo, (data === null || data === void 0 ? void 0 : data.pdfFiles) || {}, t);
+      Digit.Utils.pdf.generateTimelinePDF(acknowledgementData);
+    }
+  }, [workflowDetails, data, t]);
   if (!(timeline !== null && timeline !== void 0 && timeline.length)) return null;
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader$2, null);
   return /*#__PURE__*/React.createElement("div", {
     className: "timeline-hoc-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -17023,7 +17043,7 @@ const ApplicationTimeline = ({
 };
 
 const ADSWFApplicationTimeline = props => {
-  var _props$application2, _props$application3, _props$application4, _data$timeline;
+  var _props$application2, _props$application3, _props$application4;
   const {
     t
   } = useTranslation();
@@ -17036,12 +17056,7 @@ const ADSWFApplicationTimeline = props => {
     moduleCode: "advandhoarding-services"
   });
   if (isLoading) return /*#__PURE__*/React.createElement(Loader$2, null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (data === null || data === void 0 ? void 0 : (_data$timeline = data.timeline) === null || _data$timeline === void 0 ? void 0 : _data$timeline.length) > 0 && /*#__PURE__*/React.createElement(CardSectionHeader, {
-    style: {
-      marginBottom: "16px",
-      marginTop: "32px"
-    }
-  }, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), /*#__PURE__*/React.createElement(ApplicationTimeline, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ApplicationTimeline, {
     workflowDetails: data,
     t: t
   }));
@@ -19749,7 +19764,8 @@ const ReservationTimer = ({
 const AdsApplication = ({
   application,
   tenantId,
-  buttonLabel
+  buttonLabel,
+  refetchBookings
 }) => {
   var _application$auditDet, _application$auditDet2, _application$applican;
   const {
@@ -19760,6 +19776,35 @@ const AdsApplication = ({
   const handleMakePayment = () => {
     history.push(`/digit-ui/citizen/payment/my-bills/adv-services/${application === null || application === void 0 ? void 0 : application.bookingNo}`);
   };
+  const handleCancelBooking = async () => {
+    const formData = {
+      tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
+      ...application,
+      workflow: {
+        businessService: "advandhoarding",
+        action: "CANCEL",
+        comments: "User cancelled booking"
+      }
+    };
+    try {
+      var _response$ResponseInf;
+      const response = await Digit.ADSServices.update({
+        bookingApplication: formData
+      }, application === null || application === void 0 ? void 0 : application.tenantId);
+      if ((response === null || response === void 0 ? void 0 : (_response$ResponseInf = response.ResponseInfo) === null || _response$ResponseInf === void 0 ? void 0 : _response$ResponseInf.status) == "SUCCESSFUL" || (response === null || response === void 0 ? void 0 : response.status) == "SUCCESSFUL") {
+        setShowToast({
+          label: t((response === null || response === void 0 ? void 0 : response.resMsgId) || "ADS_CANCEL_SUCCESS"),
+          error: false
+        });
+        refetchBookings();
+      }
+    } catch (err) {
+      setShowToast({
+        label: "ADS_CANCEL_FAILED",
+        error: true
+      });
+    }
+  };
   useEffect(() => {
     if (showToast) {
       const timer = setTimeout(() => {
@@ -19802,6 +19847,13 @@ const AdsApplication = ({
       margin: "20px"
     },
     disabled: expired
+  }), application.bookingStatus === "BOOKED" && /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("ADS_CANCEL_BOOKING"),
+    onSubmit: handleCancelBooking,
+    style: {
+      margin: "20px"
+    },
+    disabled: expired
   })), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.error,
     warning: showToast.warning,
@@ -19893,7 +19945,8 @@ const ADSMyApplications = () => {
   }, /*#__PURE__*/React.createElement(AdsApplication, {
     application: application,
     tenantId: tenantId,
-    buttonLabel: t("ADS_SUMMARY")
+    buttonLabel: t("ADS_SUMMARY"),
+    refetchBookings: refetch
   }))), !(applications !== null && applications !== void 0 && applications.length) > 0 && /*#__PURE__*/React.createElement("p", {
     style: {
       marginLeft: "16px",
@@ -23099,7 +23152,7 @@ const ApplicationDetails = () => {
       const appNo = (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican3 = displayData.applicantData) === null || _displayData$applican3 === void 0 ? void 0 : _displayData$applican3.applicationNo) || id;
       return history.push(`/digit-ui/employee/payment/collect/adv-services/${appNo}/${tenantId}?tenantId=${tenantId}`);
     }
-    if (wfAction.action === "SUBMIT" || wfAction.action === "INITIATE") {
+    if (wfAction.action === "SUBMIT" || wfAction.action === "INITIATE" || wfAction.action === "CANCEL") {
       const payloadAction = {
         action: wfAction.action,
         comment: wfAction.action || ""