@djb25/digit-ui-module-wt 1.0.4 → 1.0.5

package/dist/index.modern.js

@@ -14071,8 +14071,8 @@ const ActionModal$b = ({
   });
   let vendorDescription = [];
   dsoData === null || dsoData === void 0 ? void 0 : (_dsoData$vendor = dsoData.vendor) === null || _dsoData$vendor === void 0 ? void 0 : _dsoData$vendor.map(item => {
-    var _item$additionalDetai;
-    if ((item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.description) === "WT") {
+    var _item$additionalDetai, _item$additionalDetai2;
+    if ((item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.description) === "WT" || (item === null || item === void 0 ? void 0 : (_item$additionalDetai2 = item.additionalDetails) === null || _item$additionalDetai2 === void 0 ? void 0 : _item$additionalDetai2.serviceType) === "WT") {
       vendorDescription.push({
         code: item === null || item === void 0 ? void 0 : item.name,
         name: item === null || item === void 0 ? void 0 : item.name,
@@ -15966,7 +15966,7 @@ const WSAdditonalDetails = ({
     connectionDetails: [],
     plumberDetails: []
   };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
@@ -15977,7 +15977,9 @@ const WSAdditonalDetails = ({
   }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "connection-details-new-value-wrapper"
   }, connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.map((value, index) => {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, /*#__PURE__*/React.createElement(Row, {
       className: "border-none",
       key: `${value.title}`,
       label: `${t(`${value.title}`)}`,
@@ -15999,9 +16001,10 @@ const WSAdditonalDetails = ({
     style: cardSubHeaderStyles()
   }, t("WS_ROAD_CUTTING_DETAILS")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "plumber-details-new-value-wrapper"
-  }, roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.map(value => {
+  }, roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.map((value, index) => {
     var _value$values;
     return /*#__PURE__*/React.createElement("div", {
+      key: index,
       style: (roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.length) > 1 ? {
         border: "1px solid #D6D5D4",
         background: "#FAFAFA",
@@ -17223,18 +17226,18 @@ function ApplicationDetailsContent({
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationDetails) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.map((detail, index) => {
-    var _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _detail$additionalDet2, _applicationDetails$a6, _applicationDetails$a7, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _detail$additionalDet2, _applicationDetails$a6, _applicationDetails$a7, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
       style: getMainDivStyles()
-    }, index === 0 && !detail.asSectionHeader ? /*#__PURE__*/React.createElement(CardSubHeader, {
+    }, (detail === null || detail === void 0 ? void 0 : (_detail$title = detail.title) === null || _detail$title === void 0 ? void 0 : _detail$title.trim()) && (index === 0 && !detail.asSectionHeader ? /*#__PURE__*/React.createElement(CardSubHeader, {
       style: {
         marginBottom: "16px",
         fontSize: "24px"
       }
-    }, t(detail.title)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
-      style: index == 0 && checkLocation ? {
+    }, t(detail.title)) : /*#__PURE__*/React.createElement(CardSectionHeader, {
+      style: index === 0 && checkLocation ? {
         marginBottom: "16px",
         fontSize: "24px"
       } : {
@@ -17242,7 +17245,7 @@ function ApplicationDetailsContent({
         marginTop: "32px",
         fontSize: "24px"
       }
-    }, isNocLocation ? `${t(detail.title)}` : t(detail.title), detail !== null && detail !== void 0 && detail.Component ? /*#__PURE__*/React.createElement(detail.Component, null) : null)), (detail === null || detail === void 0 ? void 0 : detail.isTable) && /*#__PURE__*/React.createElement("table", {
+    }, t(detail.title), detail !== null && detail !== void 0 && detail.Component ? /*#__PURE__*/React.createElement(detail.Component, null) : null)), (detail === null || detail === void 0 ? void 0 : detail.isTable) && /*#__PURE__*/React.createElement("table", {
       style: {
         tableLayout: "fixed",
         width: "100%",
@@ -17254,14 +17257,17 @@ function ApplicationDetailsContent({
       style: {
         textAlign: "left"
       }
-    }, detail === null || detail === void 0 ? void 0 : detail.headers.map(header => /*#__PURE__*/React.createElement("th", {
+    }, detail === null || detail === void 0 ? void 0 : detail.headers.map((header, index) => /*#__PURE__*/React.createElement("th", {
       style: {
         padding: "10px",
         paddingLeft: "5px",
         border: "1px solid black"
-      }
+      },
+      key: index
     }, t(header)))), detail === null || detail === void 0 ? void 0 : detail.tableRows.map((row, index) => {
-      return /*#__PURE__*/React.createElement("tr", null, row.map((element, idx) => Array.isArray(element) && element.length > 1 && detail.isMaintenance === true ? /*#__PURE__*/React.createElement("td", {
+      return /*#__PURE__*/React.createElement("tr", {
+        key: index
+      }, row.map((element, idx) => Array.isArray(element) && element.length > 1 && detail.isMaintenance === true ? /*#__PURE__*/React.createElement("td", {
         style: {
           paddingTop: "20px",
           textAlign: "left",
@@ -17374,7 +17380,9 @@ function ApplicationDetailsContent({
           }
         });
       }
-      return /*#__PURE__*/React.createElement("div", null, window.location.href.includes("modify") ? /*#__PURE__*/React.createElement(Row, {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index
+      }, window.location.href.includes("modify") ? /*#__PURE__*/React.createElement(Row, {
         className: "border-none",
         key: `${value.title}`,
         label: `${t(`${value.title}`)}`,
@@ -18083,43 +18091,44 @@ const WorkflowTimeline = ({
   const {
     t
   } = useTranslation();
-  if (!(workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data = workflowDetails.data) !== null && _workflowDetails$data !== void 0 && _workflowDetails$data.timeline)) {
+  const timeline = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.processInstances;
+  if (!timeline || timeline.length === 0) {
     return null;
   }
-  const timeline = workflowDetails.data.timeline;
-  const getStatusClass = (status, index) => {
-    if (index === 0) return 'current2';
-    return 'completed2';
+  const getStatusClass = index => {
+    if (index === 0) return "current2";
+    return "completed2";
   };
-  const convertEpochToDate = dateEpoch => {
-    if (!dateEpoch) return "N/A";
-    const date = new Date(dateEpoch);
-    const day = date.getDate().toString().padStart(2, '0');
-    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+  const convertEpochToDateTime = epoch => {
+    if (!epoch) return "N/A";
+    const date = new Date(epoch);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
     const year = date.getFullYear().toString().slice(-2);
-    const hours = date.getHours().toString().padStart(2, '0');
-    const minutes = date.getMinutes().toString().padStart(2, '0');
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
     return `${day}/${month}/${year} ${hours}:${minutes}`;
   };
   return /*#__PURE__*/React.createElement(Card, {
     className: "workflow-timeline-card2 digit-form-composer",
     style: {
-      background: '#fafafa',
-      padding: '16px'
+      background: "#fafafa",
+      padding: "16px"
     }
   }, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
-      marginBottom: '16px',
-      fontSize: '16px',
-      fontWeight: '700',
-      color: '#374151'
+      marginBottom: "16px",
+      fontSize: "16px",
+      fontWeight: "700",
+      color: "#374151"
     }
   }, t("WORKFLOW_TIMELINE")), /*#__PURE__*/React.createElement("div", {
     className: "timeline-container2"
   }, timeline.map((checkpoint, index) => {
-    var _checkpoint$auditDeta, _checkpoint$assignes, _checkpoint$assignes2, _checkpoint$assignes3;
-    const statusClass = getStatusClass(checkpoint.status, index);
+    var _checkpoint$auditDeta, _checkpoint$auditDeta2, _checkpoint$state, _checkpoint$state2, _checkpoint$state3, _checkpoint$assigner, _checkpoint$assigner2;
+    const statusClass = getStatusClass(index);
     const showLine = index !== timeline.length - 1 && timeline.length > 1;
+    const epochTime = (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta = checkpoint.auditDetails) === null || _checkpoint$auditDeta === void 0 ? void 0 : _checkpoint$auditDeta.lastModifiedTime) || (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta2 = checkpoint.auditDetails) === null || _checkpoint$auditDeta2 === void 0 ? void 0 : _checkpoint$auditDeta2.createdTime);
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: `timeline-item2 ${statusClass}`
@@ -18127,7 +18136,7 @@ const WorkflowTimeline = ({
       className: "timeline-marker2"
     }, /*#__PURE__*/React.createElement("div", {
       className: "timeline-circle2"
-    }, statusClass === 'completed2' ? /*#__PURE__*/React.createElement(CheckIcon, null) : /*#__PURE__*/React.createElement(ClockIcon, null)), showLine && /*#__PURE__*/React.createElement("div", {
+    }, statusClass === "completed2" ? /*#__PURE__*/React.createElement(CheckIcon, null) : /*#__PURE__*/React.createElement(ClockIcon, null)), showLine && /*#__PURE__*/React.createElement("div", {
       className: "timeline-line2"
     })), /*#__PURE__*/React.createElement("div", {
       className: "timeline-content2"
@@ -18135,17 +18144,17 @@ const WorkflowTimeline = ({
       className: "timeline-header2"
     }, /*#__PURE__*/React.createElement("div", {
       className: "timeline-title2"
-    }, t(`WF_${(checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.performedAction) === "REOPEN" ? checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.performedAction : checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.state}`)), /*#__PURE__*/React.createElement("span", {
+    }, t(`WF_${checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$state = checkpoint.state) === null || _checkpoint$state === void 0 ? void 0 : _checkpoint$state.state}`)), /*#__PURE__*/React.createElement("span", {
       className: "timeline-date2"
-    }, convertEpochToDate(checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta = checkpoint.auditDetails) === null || _checkpoint$auditDeta === void 0 ? void 0 : _checkpoint$auditDeta.lastModified))), /*#__PURE__*/React.createElement("div", {
+    }, convertEpochToDateTime(epochTime))), /*#__PURE__*/React.createElement("div", {
       className: "timeline-body2"
     }, /*#__PURE__*/React.createElement("div", {
       className: `timeline-status-tag2 status-${statusClass}`
-    }, t(checkpoint.status)), (checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.comment) && /*#__PURE__*/React.createElement("div", {
+    }, t((checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$state2 = checkpoint.state) === null || _checkpoint$state2 === void 0 ? void 0 : _checkpoint$state2.applicationStatus) || (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$state3 = checkpoint.state) === null || _checkpoint$state3 === void 0 ? void 0 : _checkpoint$state3.state))), (checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.comment) && /*#__PURE__*/React.createElement("div", {
       className: "timeline-comment2"
-    }, t(checkpoint.comment))), (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assignes = checkpoint.assignes) === null || _checkpoint$assignes === void 0 ? void 0 : _checkpoint$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, checkpoint.comment)), (checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner = checkpoint.assigner) === null || _checkpoint$assigner === void 0 ? void 0 : _checkpoint$assigner.name) && /*#__PURE__*/React.createElement("div", {
       className: "timeline-footer2"
-    }, /*#__PURE__*/React.createElement("span", null, t("ES_COMMON_ASSIGNED_TO"), ": ", /*#__PURE__*/React.createElement("strong", null, checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assignes2 = checkpoint.assignes) === null || _checkpoint$assignes2 === void 0 ? void 0 : (_checkpoint$assignes3 = _checkpoint$assignes2[0]) === null || _checkpoint$assignes3 === void 0 ? void 0 : _checkpoint$assignes3.name)))));
+    }, /*#__PURE__*/React.createElement("span", null, t("ES_COMMON_ASSIGNED_TO"), ":", " ", /*#__PURE__*/React.createElement("strong", null, checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner2 = checkpoint.assigner) === null || _checkpoint$assigner2 === void 0 ? void 0 : _checkpoint$assigner2.name)))));
   })));
 };