@mseva/upyog-ui-module-asset 1.1.10 → 1.1.11

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { SubmitBar, Header, Card, SearchForm, SearchField, Dropdown, TextInput, DatePicker, Table, Loader, Toast, PropertyHouse, CloseSvg, Label, LinkLabel, ActionBar, MobileNumber, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, AppContainer, BackButton, PrivateRoute, BreadCrumb, EmployeeModuleCard, CheckBox, Localities, RemoveableTag, UploadFile, ArrowDown, Modal, FormComposer, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, StatusTable, Row, LinkButton, Close as Close$c, BreakLine, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, Banner, TickMark, CardLabelError, FormStep, RadioOrSelect, CardText, InfoBannerIcon, TextArea, CardCaption, LocationIcon, CardLabelDesc } from '@mseva/digit-ui-react-components';
+import { SubmitBar, Header, Card, SearchForm, SearchField, Dropdown, TextInput, DatePicker, Table, Loader, Toast, PropertyHouse, CloseSvg, Label, LinkLabel, ActionBar, MobileNumber, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, AppContainer, BackButton, PrivateRoute, BreadCrumb, EmployeeModuleCard, CheckBox, Localities, RemoveableTag, UploadFile, ArrowDown, Modal, FormComposer, CardSubHeader, PDFSvg as PDFSvg$1, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, StatusTable, Row, LinkButton, Close as Close$c, BreakLine, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, Banner, TickMark, CardLabelError, FormStep, RadioOrSelect, CardText, InfoBannerIcon, TextArea, CardCaption, LocationIcon, CardLabelDesc } from '@mseva/digit-ui-react-components';
 import React, { useEffect, useMemo, useState, useRef, useCallback, Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useParams, useLocation, Switch, useRouteMatch, Route, Redirect } from 'react-router-dom';
@@ -12224,7 +12224,7 @@ function DocumentsPreview({
           display: "flex",
           justifyContent: "flex-start"
         }
-      }, /*#__PURE__*/React.createElement(PDFSvg, null)), /*#__PURE__*/React.createElement("p", {
+      }, /*#__PURE__*/React.createElement(PDFSvg$1, null)), /*#__PURE__*/React.createElement("p", {
         style: {
           marginTop: "8px",
           fontWeight: "bold",
@@ -12265,7 +12265,7 @@ function DocumentsPreview({
         display: "flex",
         justifyContent: "flex-start"
       }
-    }, /*#__PURE__*/React.createElement(PDFSvg, null)), /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/React.createElement(PDFSvg$1, null)), /*#__PURE__*/React.createElement("p", {
       style: {
         marginTop: "8px",
         fontWeight: "bold",
@@ -12330,7 +12330,7 @@ function DocumentsPreview({
         lineHeight: "15px",
         marginBottom: "10px"
       }
-    }, `${t(value === null || value === void 0 ? void 0 : value.docInfo)}`) : null, /*#__PURE__*/React.createElement(PDFSvg, null), /*#__PURE__*/React.createElement("p", {
+    }, `${t(value === null || value === void 0 ? void 0 : value.docInfo)}`) : null, /*#__PURE__*/React.createElement(PDFSvg$1, null), /*#__PURE__*/React.createElement("p", {
       style: {
         marginTop: "8px",
         fontSize: "16px",
@@ -15016,6 +15016,194 @@ const PaymentHistory = ({
   }, "Total Payments: ", payments.length))));
 };
 
+const parseDate = dateStr => {
+  if (!dateStr || dateStr === "N/A") return null;
+  if (typeof dateStr === "string" && dateStr !== null && dateStr !== void 0 && dateStr.includes("/")) {
+    const [day, month, year] = dateStr === null || dateStr === void 0 ? void 0 : dateStr.split("/");
+    return new Date(year, month - 1, day);
+  }
+  return new Date(dateStr);
+};
+const calculateDays = (start, end) => {
+  if (!start || !end) return "N/A";
+  const startDate = parseDate(start);
+  const endDate = parseDate(end);
+  if (!startDate || !endDate || isNaN(startDate === null || startDate === void 0 ? void 0 : startDate.getTime()) || isNaN(endDate === null || endDate === void 0 ? void 0 : endDate.getTime())) {
+    return "N/A";
+  }
+  const diffDays = Math.floor((endDate - startDate) / 86400000);
+  return diffDays < 0 ? "N/A" : diffDays === 0 ? "0 Days" : `${diffDays} Days`;
+};
+const PDFSvg = React.memo(({
+  width: _width = 85,
+  height: _height = 100,
+  style
+}) => /*#__PURE__*/React.createElement("svg", {
+  style: style,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: _width,
+  height: _height,
+  viewBox: "0 0 20 20",
+  fill: "gray"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"
+})));
+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 TimelineDocument = React.memo(({
+  value,
+  Code,
+  index
+}) => {
+  const {
+    isLoading,
+    data
+  } = Digit.Hooks.ads.useADSDocumentSearch({
+    value
+  }, {
+    value
+  }, Code, index);
+  const documents = useMemo(() => {
+    var _value$documents;
+    const docs = value !== null && value !== void 0 && value.documents ? value === null || value === void 0 ? void 0 : (_value$documents = value.documents) === null || _value$documents === void 0 ? void 0 : _value$documents.documents : value;
+    return (docs === null || docs === void 0 ? void 0 : docs.filter(doc => (doc === null || doc === void 0 ? void 0 : doc.documentType) === Code)) || [];
+  }, [value, Code]);
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "10px",
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "10px"
+    }
+  }, documents === null || documents === void 0 ? void 0 : documents.map((document, idx) => {
+    const documentLink = pdfDownloadLink(data === null || data === void 0 ? void 0 : data.pdfFiles, document === null || document === void 0 ? void 0 : document.fileStoreId);
+    if (!documentLink) return null;
+    return /*#__PURE__*/React.createElement("a", {
+      key: idx,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: documentLink,
+      style: {
+        minWidth: "100px"
+      }
+    }, /*#__PURE__*/React.createElement(PDFSvg, {
+      style: {
+        background: "#f6f6f6",
+        padding: "8px"
+      }
+    }));
+  }));
+});
+const normalizeTimeline = workflowDetails => {
+  var _workflowDetails$data;
+  const rawTimeline = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline;
+  if (!rawTimeline || !Array.isArray(rawTimeline)) return [];
+  return rawTimeline === null || rawTimeline === void 0 ? void 0 : rawTimeline.map((item, index) => {
+    var _item$auditDetails, _item$auditDetails2, _item$assigner, _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";
+    const lastModified = (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.lastModified) || "N/A";
+    return {
+      id: index,
+      state: item === null || item === void 0 ? void 0 : item.state,
+      assignerName: (item === null || item === void 0 ? void 0 : (_item$assigner = item.assigner) === null || _item$assigner === void 0 ? void 0 : _item$assigner.name) || "N/A",
+      performedAction: item === null || item === void 0 ? void 0 : item.performedAction,
+      comment: (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "",
+      documents: (item === null || item === void 0 ? void 0 : item.wfDocuments) || [],
+      createdDate,
+      lastModified,
+      noOfDays: calculateDays(createdDate, lastModified)
+    };
+  });
+};
+const HEADER_FIELDS = [{
+  label: "CM_TIMELINE_NAME",
+  key: "assignerName"
+}, {
+  label: "CM_TIMELINE_ACTION_TAKEN",
+  key: "performedAction"
+}, {
+  label: "CM_TIMELINE_ACTION_TAKEN_ON",
+  key: "lastModified"
+}, {
+  label: "CM_TIMELINE_DATE_RECEIVED",
+  key: "createdDate"
+}, {
+  label: "CM_TIMELINE_NO_OF_DAYS",
+  key: "noOfDays"
+}];
+const TimelineCaption = React.memo(({
+  checkpoint,
+  t
+}) => {
+  var _checkpoint$documents, _checkpoint$documents2;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "timeline-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "timeline-header"
+  }, HEADER_FIELDS === null || HEADER_FIELDS === void 0 ? void 0 : HEADER_FIELDS.map(({
+    label,
+    key
+  }) => /*#__PURE__*/React.createElement("div", {
+    key: key,
+    className: "timeline-header-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "timeline-label"
+  }, t(label), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "timeline-value"
+  }, (checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint[key]) || "N/A")))), /*#__PURE__*/React.createElement("div", {
+    className: "timeline-note"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "timeline-label"
+  }, t("CM_TIMELINE_NOTE"), ":"), /*#__PURE__*/React.createElement("div", {
+    className: "note-box"
+  }, (checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.comment) || t("CM_TIMELINE_NO_COMMENTS"))), (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$documents = checkpoint.documents) === null || _checkpoint$documents === void 0 ? void 0 : _checkpoint$documents.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "timeline-docs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "timeline-label"
+  }, t("CM_TIMELINE_DOCUMENT_ATTACHED"), ":"), checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$documents2 = checkpoint.documents) === null || _checkpoint$documents2 === void 0 ? void 0 : _checkpoint$documents2.map((doc, index) => /*#__PURE__*/React.createElement(TimelineDocument, {
+    key: `${doc === null || doc === void 0 ? void 0 : doc.documentType}-${index}`,
+    value: checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.documents,
+    Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
+    index: index
+  }))));
+});
+const ApplicationTimeline = ({
+  workflowDetails,
+  t
+}) => {
+  var _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _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;
+  if (!(timeline !== null && timeline !== void 0 && timeline.length)) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "timeline-hoc-container"
+  }, (timeline === null || timeline === void 0 ? void 0 : timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
+    isCompleted: true,
+    label: t(timeline === null || timeline === void 0 ? void 0 : (_timeline$ = timeline[0]) === null || _timeline$ === void 0 ? void 0 : _timeline$.state),
+    customChild: /*#__PURE__*/React.createElement(TimelineCaption, {
+      checkpoint: timeline === null || timeline === void 0 ? void 0 : timeline[0],
+      t: t
+    })
+  }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, timeline === null || timeline === void 0 ? void 0 : timeline.map(checkpoint => /*#__PURE__*/React.createElement(CheckPoint, {
+    key: checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.id,
+    keyValue: checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.id,
+    isCompleted: (checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.state) === currentState,
+    label: t(checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.state),
+    customChild: /*#__PURE__*/React.createElement(TimelineCaption, {
+      checkpoint: checkpoint,
+      t: t
+    })
+  }))));
+};
+
 function ApplicationDetailsContent({
   applicationDetails,
   demandData,
@@ -15067,7 +15255,7 @@ function ApplicationDetailsContent({
       onClick: () => routeTo(value)
     }) : t("CS_NA")
   }];
-  console.log("TIMELINE", applicationDetails);
+  console.log("TIMELINE", applicationDetails, moduleCode);
   useEffect(() => {
     const fetchPaymentHistory = async () => {
       if (window.location.href.includes("employee/ws") && applicationData !== null && applicationData !== void 0 && applicationData.connectionNo) {
@@ -15668,7 +15856,7 @@ function ApplicationDetailsContent({
     payments: payments
   }), moduleCode !== "WS" && moduleCode !== "SW" && moduleCode !== "OBPS" && moduleCode !== "BPAStakeholder" && moduleCode !== "BPAREG" && /*#__PURE__*/React.createElement(ApplicationHistory, {
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && moduleCode !== "BPAREG" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
@@ -15698,7 +15886,10 @@ function ApplicationDetailsContent({
   }))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data19 = workflowDetails.data) === null || _workflowDetails$data19 === void 0 ? void 0 : (_workflowDetails$data20 = _workflowDetails$data19.timeline) === null || _workflowDetails$data20 === void 0 ? void 0 : _workflowDetails$data20.length) > 2 && /*#__PURE__*/React.createElement(LinkButton, {
     label: showAllTimeline ? t("COLLAPSE") : t("VIEW_TIMELINE"),
     onClick: toggleTimeline
-  })))), window.location.href.includes("/pt/") ? /*#__PURE__*/React.createElement(ActionBar, {
+  }))), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && moduleCode === "BPAREG" && /*#__PURE__*/React.createElement(ApplicationTimeline, {
+    workflowDetails: workflowDetails,
+    t: t
+  })), window.location.href.includes("/pt/") ? /*#__PURE__*/React.createElement(ActionBar, {
     className: "clear-search-container",
     style: {
       display: "block"