@djb25/digit-ui-module-wt 1.0.64 → 1.0.66

package/dist/index.modern.js

@@ -3083,7 +3083,7 @@ const SearchApplication = ({
   return /*#__PURE__*/React.createElement("form", {
     id: "search-form",
     onSubmit: handleSubmit(onSubmitInput),
-    className: "search-form-wrapper search-complaint-container"
+    className: " search-complaint-container"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, (type === "mobile" || mobileView) && /*#__PURE__*/React.createElement("div", {
     className: "complaint-header"
   }, /*#__PURE__*/React.createElement("h2", null, t("ES_COMMON_SEARCH_BY")), /*#__PURE__*/React.createElement("span", {
@@ -3490,13 +3490,7 @@ const WTDesktopInbox = ({
       flex: 1
     }
   }, !props.isSearch && /*#__PURE__*/React.createElement("div", {
-    className: "summary-cards-container",
-    style: {
-      display: "flex",
-      gap: "12px",
-      flexWrap: "wrap",
-      width: "100%"
-    }
+    className: "summary-cards-container"
   }, ((_props$searchParams, _props$searchParams$s, _data$4, _props$searchParams2) => {
     const getCount = statusList => {
       var _data$3;
@@ -8705,6 +8699,12 @@ const SearchFillingPointAddress = () => {
       }
     });
   };
+  const getLocalityTranslation = (localityCode, tenantId, t) => {
+    if (!localityCode) return "";
+    const tenant = tenantId || Digit.ULBService.getCurrentTenantId() || "djb";
+    const prefix = tenant.replace(".", "_").toUpperCase();
+    return t(`${prefix}_REVENUE_${localityCode}`);
+  };
   const columns = React.useMemo(() => {
     if (selectedTab === "FIXED_POINT") {
       return [{
@@ -8742,7 +8742,7 @@ const SearchFillingPointAddress = () => {
         Header: t("WT_LOCALITY"),
         accessor: row => {
           var _row$address;
-          return (row === null || row === void 0 ? void 0 : (_row$address = row.address) === null || _row$address === void 0 ? void 0 : _row$address.locality) || "NA";
+          return getLocalityTranslation(row === null || row === void 0 ? void 0 : (_row$address = row.address) === null || _row$address === void 0 ? void 0 : _row$address.locality, tenantId, t) || "NA";
         },
         id: "locality"
       }, {
@@ -8826,14 +8826,15 @@ const SearchFillingPointAddress = () => {
           row
         }) => {
           var _row$original, _row$original$filling5, _row$original2, _row$original2$addres;
-          const localities = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : (_row$original$filling5 = _row$original.fillingPointLocalityCodes) === null || _row$original$filling5 === void 0 ? void 0 : _row$original$filling5.length) > 0 ? row.original.fillingPointLocalityCodes.join(", ") : ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : (_row$original2$addres = _row$original2.address) === null || _row$original2$addres === void 0 ? void 0 : _row$original2$addres.locality) || "NA";
+          const codes = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : (_row$original$filling5 = _row$original.fillingPointLocalityCodes) === null || _row$original$filling5 === void 0 ? void 0 : _row$original$filling5.length) > 0 ? row.original.fillingPointLocalityCodes : (_row$original2 = row.original) !== null && _row$original2 !== void 0 && (_row$original2$addres = _row$original2.address) !== null && _row$original2$addres !== void 0 && _row$original2$addres.locality ? [row.original.address.locality] : [];
+          const translated = codes.length > 0 ? codes.map(code => getLocalityTranslation(code, tenantId, t)).join(", ") : "NA";
           return /*#__PURE__*/React.createElement("div", {
             style: {
               display: "flex",
               alignItems: "center",
               gap: "8px"
             }
-          }, /*#__PURE__*/React.createElement("span", null, localities));
+          }, /*#__PURE__*/React.createElement("span", null, translated));
         }
       }, {
         Header: t("WT_ADD_LOCALITY"),
@@ -8968,7 +8969,7 @@ const SearchFillingPointAddress = () => {
         Header: t("WT_LOCALITY"),
         exportAccessor: row => {
           var _row$address4;
-          return (row === null || row === void 0 ? void 0 : (_row$address4 = row.address) === null || _row$address4 === void 0 ? void 0 : _row$address4.locality) || "NA";
+          return getLocalityTranslation(row === null || row === void 0 ? void 0 : (_row$address4 = row.address) === null || _row$address4 === void 0 ? void 0 : _row$address4.locality, tenantId, t) || "NA";
         }
       }, {
         Header: t("WT_LATITUDE"),
@@ -9034,7 +9035,8 @@ const SearchFillingPointAddress = () => {
       Header: t("WT_LOCALITY"),
       exportAccessor: row => {
         var _row$fillingPointLoca, _row$address7;
-        return (row === null || row === void 0 ? void 0 : (_row$fillingPointLoca = row.fillingPointLocalityCodes) === null || _row$fillingPointLoca === void 0 ? void 0 : _row$fillingPointLoca.length) > 0 ? row.fillingPointLocalityCodes.join(", ") : (row === null || row === void 0 ? void 0 : (_row$address7 = row.address) === null || _row$address7 === void 0 ? void 0 : _row$address7.locality) || "NA";
+        const codes = (row === null || row === void 0 ? void 0 : (_row$fillingPointLoca = row.fillingPointLocalityCodes) === null || _row$fillingPointLoca === void 0 ? void 0 : _row$fillingPointLoca.length) > 0 ? row.fillingPointLocalityCodes : row !== null && row !== void 0 && (_row$address7 = row.address) !== null && _row$address7 !== void 0 && _row$address7.locality ? [row.address.locality] : [];
+        return codes.length > 0 ? codes.map(code => getLocalityTranslation(code, tenantId, t)).join(", ") : "NA";
       }
     }];
   }, [selectedTab, t]);
@@ -18668,6 +18670,181 @@ const WTEditApplicationModal = ({
   }))))));
 };
 
+const TripImages = ({
+  startFileStoreId,
+  endFileStoreId
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const [modalImage, setModalImage] = useState(null);
+  const [startImageUrl, setStartImageUrl] = useState(null);
+  const [endImageUrl, setEndImageUrl] = useState(null);
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  useEffect(() => {
+    const fetchImages = async () => {
+      try {
+        if (startFileStoreId) {
+          var _resStart$data;
+          const resStart = await Digit.UploadServices.Filefetch([startFileStoreId], tenantId);
+          if (resStart !== null && resStart !== void 0 && (_resStart$data = resStart.data) !== null && _resStart$data !== void 0 && _resStart$data[startFileStoreId]) {
+            setStartImageUrl(resStart.data[startFileStoreId].split(",")[0]);
+          }
+        }
+        if (endFileStoreId) {
+          var _resEnd$data;
+          const resEnd = await Digit.UploadServices.Filefetch([endFileStoreId], tenantId);
+          if (resEnd !== null && resEnd !== void 0 && (_resEnd$data = resEnd.data) !== null && _resEnd$data !== void 0 && _resEnd$data[endFileStoreId]) {
+            setEndImageUrl(resEnd.data[endFileStoreId].split(",")[0]);
+          }
+        }
+      } catch (err) {
+        console.error("Error fetching trip images", err);
+      }
+    };
+    fetchImages();
+  }, [startFileStoreId, endFileStoreId, tenantId]);
+  if (!startFileStoreId && !endFileStoreId) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px",
+      marginTop: "16px",
+      marginBottom: "16px"
+    }
+  }, modalImage && /*#__PURE__*/React.createElement(Modal, {
+    hideSubmit: true,
+    popmoduleClassName: "wt-trip-image-modal",
+    headerBarMain: /*#__PURE__*/React.createElement("h1", {
+      className: "heading-m"
+    }, t("WT_TRIP_IMAGE")),
+    headerBarEnd: /*#__PURE__*/React.createElement("div", {
+      onClick: () => setModalImage(null),
+      style: {
+        cursor: "pointer",
+        fontSize: "1.5rem"
+      }
+    }, "\xD7"),
+    actionCancelLabel: t("CS_COMMON_CANCEL"),
+    actionCancelOnSubmit: () => setModalImage(null),
+    formId: "modal-action"
+  }, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      padding: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: modalImage,
+    alt: "Trip Image",
+    style: {
+      maxWidth: "100%",
+      maxHeight: "60vh",
+      objectFit: "contain"
+    }
+  }))), startImageUrl && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontWeight: "bold",
+      marginBottom: "8px",
+      fontSize: "16px"
+    }
+  }, t("WT_START_TRIP_IMAGE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      width: "120px",
+      height: "120px",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: startImageUrl,
+    alt: "Start Trip",
+    style: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    onClick: () => setModalImage(startImageUrl),
+    style: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      background: "rgba(0,0,0,0.6)",
+      borderRadius: "50%",
+      padding: "8px",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(ViewsIcon, {
+    fill: "#ffffff",
+    style: {
+      width: "24px",
+      height: "24px"
+    }
+  })))), endImageUrl && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontWeight: "bold",
+      marginBottom: "8px",
+      fontSize: "16px"
+    }
+  }, t("WT_END_TRIP_IMAGE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      width: "120px",
+      height: "120px",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: endImageUrl,
+    alt: "End Trip",
+    style: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    onClick: () => setModalImage(endImageUrl),
+    style: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      background: "rgba(0,0,0,0.6)",
+      borderRadius: "50%",
+      padding: "8px",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(ViewsIcon, {
+    fill: "#ffffff",
+    style: {
+      width: "24px",
+      height: "24px"
+    }
+  })))));
+};
+
 const configPTApproverApplication = ({
   t,
   action,
@@ -19003,9 +19180,7 @@ const configWSApproverApplication = ({
   error
 }) => {
   var _action$action;
-  let checkCondtions = true;
-  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_CONNECTION") checkCondtions = false;
-  if (action.isTerminateState) checkCondtions = false;
+  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_CONNECTION") ;
   return {
     label: {
       heading: `WF_${action === null || action === void 0 ? void 0 : action.action}_APPLICATION`,
@@ -19014,18 +19189,6 @@ const configWSApproverApplication = ({
     },
     form: [{
       body: [{
-        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
-        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
-        type: "dropdown",
-        populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
-          option: approvers,
-          autoComplete: "off",
-          optionKey: "name",
-          id: "fieldInspector",
-          select: setSelectedApprover,
-          selected: selectedApprover
-        })
-      }, {
         label: t("WF_COMMON_COMMENTS"),
         type: "textarea",
         populators: {
@@ -19065,10 +19228,8 @@ const configWSDisConnectApplication = ({
   error
 }) => {
   var _action$action;
-  let checkCondtions = true,
-    isDatePickerDisplay = false;
-  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "RESUBMIT_APPLICATION") checkCondtions = false;
-  if (action.isTerminateState) checkCondtions = false;
+  let isDatePickerDisplay = false;
+  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "RESUBMIT_APPLICATION") ;
   if ((action === null || action === void 0 ? void 0 : action.action) == "EXECUTE_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "DISCONNECTION_EXECUTED") isDatePickerDisplay = true;
   return {
     label: {
@@ -19077,19 +19238,7 @@ const configWSDisConnectApplication = ({
       cancel: "CS_COMMON_CANCEL"
     },
     form: [{
-      body: [{
-        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
-        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
-        type: "dropdown",
-        populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
-          option: approvers,
-          autoComplete: "off",
-          optionKey: "name",
-          id: "fieldInspector",
-          select: setSelectedApprover,
-          selected: selectedApprover
-        })
-      }, isDatePickerDisplay && {
+      body: [isDatePickerDisplay && {
         label: t("ES_FSM_ACTION_SERVICE_DATE"),
         isMandatory: isDatePickerDisplay ? true : false,
         type: "custom",
@@ -23451,7 +23600,7 @@ function PropertyDocuments({
     }));
   };
   const renderDocumentRow = (value, index) => {
-    var _pdfFiles$value$fileS;
+    var _pdfFiles$value$fileS, _value$originalDoc, _value$originalDoc2, _value$originalDoc3;
     const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
     const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
     const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
@@ -23534,11 +23683,18 @@ function PropertyDocuments({
           margin: 0
         }
       }, /*#__PURE__*/React.createElement("input", {
+        key: `chk-${value === null || value === void 0 ? void 0 : (_value$originalDoc = value.originalDoc) === null || _value$originalDoc === void 0 ? void 0 : _value$originalDoc.id}-${value === null || value === void 0 ? void 0 : (_value$originalDoc2 = value.originalDoc) === null || _value$originalDoc2 === void 0 ? void 0 : _value$originalDoc2.isVerified}`,
         type: "checkbox",
         style: {
           width: "18px",
           height: "18px",
           accentColor: "#F47738"
+        },
+        defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc3 = value.originalDoc) === null || _value$originalDoc3 === void 0 ? void 0 : _value$originalDoc3.isVerified,
+        onChange: e => {
+          if (value !== null && value !== void 0 && value.originalDoc) {
+            value.originalDoc.isVerified = e.target.checked;
+          }
         }
       }), "Check Verified"))
     })));
@@ -26695,11 +26851,12 @@ const ApplicationDetails$1 = () => {
   };
   useEffect(() => {
     if (applicationDetails) {
-      var _details$applicationD, _details$applicationD2, _details$applicationD3, _details$applicationD4;
+      var _details$applicationD, _details$applicationD2, _details$applicationD3, _details$applicationD6, _details$applicationD9, _details$applicationD0, _details$applicationD1;
       let details = lodash.cloneDeep(applicationDetails);
       const bookingStatus = details === null || details === void 0 ? void 0 : (_details$applicationD = details.applicationData) === null || _details$applicationD === void 0 ? void 0 : (_details$applicationD2 = _details$applicationD.applicationData) === null || _details$applicationD2 === void 0 ? void 0 : _details$applicationD2.bookingStatus;
       const isDelivered = bookingStatus === "DELIVERED" || bookingStatus === "TANKER_DELIVERED";
       if ((details === null || details === void 0 ? void 0 : (_details$applicationD3 = details.applicationDetails) === null || _details$applicationD3 === void 0 ? void 0 : _details$applicationD3.length) > 0 && !isDelivered && isFixedPoint) {
+        var _details$applicationD4, _details$applicationD5;
         details.applicationDetails[0].Component = () => /*#__PURE__*/React.createElement("div", {
           onClick: () => setShowEditModal(true),
           style: {
@@ -26727,8 +26884,56 @@ const ApplicationDetails$1 = () => {
             fontSize: "14px"
           }
         }, t("WT_EDIT_FIELDS")));
-      } else if ((details === null || details === void 0 ? void 0 : (_details$applicationD4 = details.applicationDetails) === null || _details$applicationD4 === void 0 ? void 0 : _details$applicationD4.length) > 0) {
+        if ((details === null || details === void 0 ? void 0 : (_details$applicationD4 = details.applicationData) === null || _details$applicationD4 === void 0 ? void 0 : (_details$applicationD5 = _details$applicationD4.applicationDetails) === null || _details$applicationD5 === void 0 ? void 0 : _details$applicationD5.length) > 0) {
+          details.applicationData.applicationDetails[0].Component = details.applicationDetails[0].Component;
+        }
+      } else if ((details === null || details === void 0 ? void 0 : (_details$applicationD6 = details.applicationDetails) === null || _details$applicationD6 === void 0 ? void 0 : _details$applicationD6.length) > 0) {
+        var _details$applicationD7, _details$applicationD8;
         delete details.applicationDetails[0].Component;
+        if ((details === null || details === void 0 ? void 0 : (_details$applicationD7 = details.applicationData) === null || _details$applicationD7 === void 0 ? void 0 : (_details$applicationD8 = _details$applicationD7.applicationDetails) === null || _details$applicationD8 === void 0 ? void 0 : _details$applicationD8.length) > 0) {
+          delete details.applicationData.applicationDetails[0].Component;
+        }
+      }
+      const tripReport = details === null || details === void 0 ? void 0 : (_details$applicationD9 = details.applicationData) === null || _details$applicationD9 === void 0 ? void 0 : (_details$applicationD0 = _details$applicationD9.applicationData) === null || _details$applicationD0 === void 0 ? void 0 : (_details$applicationD1 = _details$applicationD0.driverTripReport) === null || _details$applicationD1 === void 0 ? void 0 : _details$applicationD1[0];
+      if (tripReport && bookingStatus === "TANKER_DELIVERED") {
+        var _tripReport$startLati, _tripReport$startLong, _tripReport$endLatitu, _tripReport$endLongit, _details$applicationD10;
+        const newSection = {
+          title: "WT_DRIVER_TRIP_REPORT",
+          asSectionHeader: true,
+          values: [{
+            title: "WT_START_LATITUDE",
+            value: (tripReport === null || tripReport === void 0 ? void 0 : (_tripReport$startLati = tripReport.startLatitude) === null || _tripReport$startLati === void 0 ? void 0 : _tripReport$startLati.toString()) || t("CS_NA")
+          }, {
+            title: "WT_START_LONGITUDE",
+            value: (tripReport === null || tripReport === void 0 ? void 0 : (_tripReport$startLong = tripReport.startLongitude) === null || _tripReport$startLong === void 0 ? void 0 : _tripReport$startLong.toString()) || t("CS_NA")
+          }, {
+            title: "WT_END_LATITUDE",
+            value: (tripReport === null || tripReport === void 0 ? void 0 : (_tripReport$endLatitu = tripReport.endLatitude) === null || _tripReport$endLatitu === void 0 ? void 0 : _tripReport$endLatitu.toString()) || t("CS_NA")
+          }, {
+            title: "WT_END_LONGITUDE",
+            value: (tripReport === null || tripReport === void 0 ? void 0 : (_tripReport$endLongit = tripReport.endLongitude) === null || _tripReport$endLongit === void 0 ? void 0 : _tripReport$endLongit.toString()) || t("CS_NA")
+          }],
+          belowComponent: () => /*#__PURE__*/React.createElement(TripImages, {
+            startFileStoreId: tripReport === null || tripReport === void 0 ? void 0 : tripReport.startFileStoreId,
+            endFileStoreId: tripReport === null || tripReport === void 0 ? void 0 : tripReport.endFileStoreId
+          })
+        };
+        if (details !== null && details !== void 0 && details.applicationDetails) {
+          const vehicleIndex = details.applicationDetails.findIndex(sec => sec.title === "WT_VEHICLE_DETAILS");
+          if (vehicleIndex !== -1) {
+            details.applicationDetails.splice(vehicleIndex + 1, 0, newSection);
+          } else {
+            details.applicationDetails.push(newSection);
+          }
+        }
+        if (details !== null && details !== void 0 && (_details$applicationD10 = details.applicationData) !== null && _details$applicationD10 !== void 0 && _details$applicationD10.applicationDetails) {
+          const vehicleIndex = details.applicationData.applicationDetails.findIndex(sec => sec.title === "WT_VEHICLE_DETAILS");
+          if (vehicleIndex !== -1) {
+            details.applicationData.applicationDetails.splice(vehicleIndex + 1, 0, newSection);
+          } else {
+            details.applicationData.applicationDetails.push(newSection);
+          }
+        }
       }
       setAppDetailsToShow(details);
     }