@djb25/digit-ui-module-wt 1.0.63 → 1.0.65

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.
@@ -3490,13 +3490,7 @@ const WTDesktopInbox = ({
3490
3490
  flex: 1
3491
3491
  }
3492
3492
  }, !props.isSearch && /*#__PURE__*/React.createElement("div", {
3493
- className: "summary-cards-container",
3494
- style: {
3495
- display: "flex",
3496
- gap: "12px",
3497
- flexWrap: "wrap",
3498
- width: "100%"
3499
- }
3493
+ className: "summary-cards-container"
3500
3494
  }, ((_props$searchParams, _props$searchParams$s, _data$4, _props$searchParams2) => {
3501
3495
  const getCount = statusList => {
3502
3496
  var _data$3;
@@ -18668,6 +18662,181 @@ const WTEditApplicationModal = ({
18668
18662
  }))))));
18669
18663
  };
18670
18664
 
18665
+ const TripImages = ({
18666
+ startFileStoreId,
18667
+ endFileStoreId
18668
+ }) => {
18669
+ const {
18670
+ t
18671
+ } = useTranslation();
18672
+ const [modalImage, setModalImage] = useState(null);
18673
+ const [startImageUrl, setStartImageUrl] = useState(null);
18674
+ const [endImageUrl, setEndImageUrl] = useState(null);
18675
+ const tenantId = Digit.ULBService.getCurrentTenantId();
18676
+ useEffect(() => {
18677
+ const fetchImages = async () => {
18678
+ try {
18679
+ if (startFileStoreId) {
18680
+ var _resStart$data;
18681
+ const resStart = await Digit.UploadServices.Filefetch([startFileStoreId], tenantId);
18682
+ if (resStart !== null && resStart !== void 0 && (_resStart$data = resStart.data) !== null && _resStart$data !== void 0 && _resStart$data[startFileStoreId]) {
18683
+ setStartImageUrl(resStart.data[startFileStoreId].split(",")[0]);
18684
+ }
18685
+ }
18686
+ if (endFileStoreId) {
18687
+ var _resEnd$data;
18688
+ const resEnd = await Digit.UploadServices.Filefetch([endFileStoreId], tenantId);
18689
+ if (resEnd !== null && resEnd !== void 0 && (_resEnd$data = resEnd.data) !== null && _resEnd$data !== void 0 && _resEnd$data[endFileStoreId]) {
18690
+ setEndImageUrl(resEnd.data[endFileStoreId].split(",")[0]);
18691
+ }
18692
+ }
18693
+ } catch (err) {
18694
+ console.error("Error fetching trip images", err);
18695
+ }
18696
+ };
18697
+ fetchImages();
18698
+ }, [startFileStoreId, endFileStoreId, tenantId]);
18699
+ if (!startFileStoreId && !endFileStoreId) return null;
18700
+ return /*#__PURE__*/React.createElement("div", {
18701
+ style: {
18702
+ display: "flex",
18703
+ gap: "24px",
18704
+ marginTop: "16px",
18705
+ marginBottom: "16px"
18706
+ }
18707
+ }, modalImage && /*#__PURE__*/React.createElement(Modal, {
18708
+ hideSubmit: true,
18709
+ popmoduleClassName: "wt-trip-image-modal",
18710
+ headerBarMain: /*#__PURE__*/React.createElement("h1", {
18711
+ className: "heading-m"
18712
+ }, t("WT_TRIP_IMAGE")),
18713
+ headerBarEnd: /*#__PURE__*/React.createElement("div", {
18714
+ onClick: () => setModalImage(null),
18715
+ style: {
18716
+ cursor: "pointer",
18717
+ fontSize: "1.5rem"
18718
+ }
18719
+ }, "\xD7"),
18720
+ actionCancelLabel: t("CS_COMMON_CANCEL"),
18721
+ actionCancelOnSubmit: () => setModalImage(null),
18722
+ formId: "modal-action"
18723
+ }, /*#__PURE__*/React.createElement(Card, {
18724
+ style: {
18725
+ display: "flex",
18726
+ justifyContent: "center",
18727
+ padding: "16px"
18728
+ }
18729
+ }, /*#__PURE__*/React.createElement("img", {
18730
+ src: modalImage,
18731
+ alt: "Trip Image",
18732
+ style: {
18733
+ maxWidth: "100%",
18734
+ maxHeight: "60vh",
18735
+ objectFit: "contain"
18736
+ }
18737
+ }))), startImageUrl && /*#__PURE__*/React.createElement("div", {
18738
+ style: {
18739
+ display: "flex",
18740
+ flexDirection: "column",
18741
+ alignItems: "center"
18742
+ }
18743
+ }, /*#__PURE__*/React.createElement("p", {
18744
+ style: {
18745
+ fontWeight: "bold",
18746
+ marginBottom: "8px",
18747
+ fontSize: "16px"
18748
+ }
18749
+ }, t("WT_START_TRIP_IMAGE")), /*#__PURE__*/React.createElement("div", {
18750
+ style: {
18751
+ position: "relative",
18752
+ width: "120px",
18753
+ height: "120px",
18754
+ border: "1px solid #ccc",
18755
+ borderRadius: "4px",
18756
+ overflow: "hidden"
18757
+ }
18758
+ }, /*#__PURE__*/React.createElement("img", {
18759
+ src: startImageUrl,
18760
+ alt: "Start Trip",
18761
+ style: {
18762
+ width: "100%",
18763
+ height: "100%",
18764
+ objectFit: "cover"
18765
+ }
18766
+ }), /*#__PURE__*/React.createElement("div", {
18767
+ onClick: () => setModalImage(startImageUrl),
18768
+ style: {
18769
+ position: "absolute",
18770
+ top: "50%",
18771
+ left: "50%",
18772
+ transform: "translate(-50%, -50%)",
18773
+ background: "rgba(0,0,0,0.6)",
18774
+ borderRadius: "50%",
18775
+ padding: "8px",
18776
+ cursor: "pointer",
18777
+ display: "flex",
18778
+ alignItems: "center",
18779
+ justifyContent: "center"
18780
+ }
18781
+ }, /*#__PURE__*/React.createElement(ViewsIcon, {
18782
+ fill: "#ffffff",
18783
+ style: {
18784
+ width: "24px",
18785
+ height: "24px"
18786
+ }
18787
+ })))), endImageUrl && /*#__PURE__*/React.createElement("div", {
18788
+ style: {
18789
+ display: "flex",
18790
+ flexDirection: "column",
18791
+ alignItems: "center"
18792
+ }
18793
+ }, /*#__PURE__*/React.createElement("p", {
18794
+ style: {
18795
+ fontWeight: "bold",
18796
+ marginBottom: "8px",
18797
+ fontSize: "16px"
18798
+ }
18799
+ }, t("WT_END_TRIP_IMAGE")), /*#__PURE__*/React.createElement("div", {
18800
+ style: {
18801
+ position: "relative",
18802
+ width: "120px",
18803
+ height: "120px",
18804
+ border: "1px solid #ccc",
18805
+ borderRadius: "4px",
18806
+ overflow: "hidden"
18807
+ }
18808
+ }, /*#__PURE__*/React.createElement("img", {
18809
+ src: endImageUrl,
18810
+ alt: "End Trip",
18811
+ style: {
18812
+ width: "100%",
18813
+ height: "100%",
18814
+ objectFit: "cover"
18815
+ }
18816
+ }), /*#__PURE__*/React.createElement("div", {
18817
+ onClick: () => setModalImage(endImageUrl),
18818
+ style: {
18819
+ position: "absolute",
18820
+ top: "50%",
18821
+ left: "50%",
18822
+ transform: "translate(-50%, -50%)",
18823
+ background: "rgba(0,0,0,0.6)",
18824
+ borderRadius: "50%",
18825
+ padding: "8px",
18826
+ cursor: "pointer",
18827
+ display: "flex",
18828
+ alignItems: "center",
18829
+ justifyContent: "center"
18830
+ }
18831
+ }, /*#__PURE__*/React.createElement(ViewsIcon, {
18832
+ fill: "#ffffff",
18833
+ style: {
18834
+ width: "24px",
18835
+ height: "24px"
18836
+ }
18837
+ })))));
18838
+ };
18839
+
18671
18840
  const configPTApproverApplication = ({
18672
18841
  t,
18673
18842
  action,
@@ -19003,9 +19172,7 @@ const configWSApproverApplication = ({
19003
19172
  error
19004
19173
  }) => {
19005
19174
  var _action$action;
19006
- let checkCondtions = true;
19007
- 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;
19008
- if (action.isTerminateState) checkCondtions = false;
19175
+ 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") ;
19009
19176
  return {
19010
19177
  label: {
19011
19178
  heading: `WF_${action === null || action === void 0 ? void 0 : action.action}_APPLICATION`,
@@ -19014,18 +19181,6 @@ const configWSApproverApplication = ({
19014
19181
  },
19015
19182
  form: [{
19016
19183
  body: [{
19017
- label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
19018
- placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
19019
- type: "dropdown",
19020
- populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
19021
- option: approvers,
19022
- autoComplete: "off",
19023
- optionKey: "name",
19024
- id: "fieldInspector",
19025
- select: setSelectedApprover,
19026
- selected: selectedApprover
19027
- })
19028
- }, {
19029
19184
  label: t("WF_COMMON_COMMENTS"),
19030
19185
  type: "textarea",
19031
19186
  populators: {
@@ -19065,10 +19220,8 @@ const configWSDisConnectApplication = ({
19065
19220
  error
19066
19221
  }) => {
19067
19222
  var _action$action;
19068
- let checkCondtions = true,
19069
- isDatePickerDisplay = false;
19070
- 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;
19071
- if (action.isTerminateState) checkCondtions = false;
19223
+ let isDatePickerDisplay = false;
19224
+ 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") ;
19072
19225
  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;
19073
19226
  return {
19074
19227
  label: {
@@ -19077,19 +19230,7 @@ const configWSDisConnectApplication = ({
19077
19230
  cancel: "CS_COMMON_CANCEL"
19078
19231
  },
19079
19232
  form: [{
19080
- body: [{
19081
- label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
19082
- placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
19083
- type: "dropdown",
19084
- populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
19085
- option: approvers,
19086
- autoComplete: "off",
19087
- optionKey: "name",
19088
- id: "fieldInspector",
19089
- select: setSelectedApprover,
19090
- selected: selectedApprover
19091
- })
19092
- }, isDatePickerDisplay && {
19233
+ body: [isDatePickerDisplay && {
19093
19234
  label: t("ES_FSM_ACTION_SERVICE_DATE"),
19094
19235
  isMandatory: isDatePickerDisplay ? true : false,
19095
19236
  type: "custom",
@@ -23451,7 +23592,7 @@ function PropertyDocuments({
23451
23592
  }));
23452
23593
  };
23453
23594
  const renderDocumentRow = (value, index) => {
23454
- var _pdfFiles$value$fileS;
23595
+ var _pdfFiles$value$fileS, _value$originalDoc, _value$originalDoc$ad;
23455
23596
  const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
23456
23597
  const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
23457
23598
  const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
@@ -23539,6 +23680,15 @@ function PropertyDocuments({
23539
23680
  width: "18px",
23540
23681
  height: "18px",
23541
23682
  accentColor: "#F47738"
23683
+ },
23684
+ defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc = value.originalDoc) === null || _value$originalDoc === void 0 ? void 0 : (_value$originalDoc$ad = _value$originalDoc.additionalDetails) === null || _value$originalDoc$ad === void 0 ? void 0 : _value$originalDoc$ad.isDocumentVerified,
23685
+ onChange: e => {
23686
+ if (value !== null && value !== void 0 && value.originalDoc) {
23687
+ if (!value.originalDoc.additionalDetails) {
23688
+ value.originalDoc.additionalDetails = {};
23689
+ }
23690
+ value.originalDoc.additionalDetails.isDocumentVerified = e.target.checked;
23691
+ }
23542
23692
  }
23543
23693
  }), "Check Verified"))
23544
23694
  })));
@@ -26695,11 +26845,12 @@ const ApplicationDetails$1 = () => {
26695
26845
  };
26696
26846
  useEffect(() => {
26697
26847
  if (applicationDetails) {
26698
- var _details$applicationD, _details$applicationD2, _details$applicationD3, _details$applicationD4;
26848
+ var _details$applicationD, _details$applicationD2, _details$applicationD3, _details$applicationD6, _details$applicationD9, _details$applicationD0, _details$applicationD1;
26699
26849
  let details = lodash.cloneDeep(applicationDetails);
26700
26850
  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;
26701
26851
  const isDelivered = bookingStatus === "DELIVERED" || bookingStatus === "TANKER_DELIVERED";
26702
26852
  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) {
26853
+ var _details$applicationD4, _details$applicationD5;
26703
26854
  details.applicationDetails[0].Component = () => /*#__PURE__*/React.createElement("div", {
26704
26855
  onClick: () => setShowEditModal(true),
26705
26856
  style: {
@@ -26727,8 +26878,56 @@ const ApplicationDetails$1 = () => {
26727
26878
  fontSize: "14px"
26728
26879
  }
26729
26880
  }, t("WT_EDIT_FIELDS")));
26730
- } else if ((details === null || details === void 0 ? void 0 : (_details$applicationD4 = details.applicationDetails) === null || _details$applicationD4 === void 0 ? void 0 : _details$applicationD4.length) > 0) {
26881
+ 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) {
26882
+ details.applicationData.applicationDetails[0].Component = details.applicationDetails[0].Component;
26883
+ }
26884
+ } else if ((details === null || details === void 0 ? void 0 : (_details$applicationD6 = details.applicationDetails) === null || _details$applicationD6 === void 0 ? void 0 : _details$applicationD6.length) > 0) {
26885
+ var _details$applicationD7, _details$applicationD8;
26731
26886
  delete details.applicationDetails[0].Component;
26887
+ 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) {
26888
+ delete details.applicationData.applicationDetails[0].Component;
26889
+ }
26890
+ }
26891
+ 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];
26892
+ if (tripReport && bookingStatus === "TANKER_DELIVERED") {
26893
+ var _tripReport$startLati, _tripReport$startLong, _tripReport$endLatitu, _tripReport$endLongit, _details$applicationD10;
26894
+ const newSection = {
26895
+ title: "WT_DRIVER_TRIP_REPORT",
26896
+ asSectionHeader: true,
26897
+ values: [{
26898
+ title: "WT_START_LATITUDE",
26899
+ 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")
26900
+ }, {
26901
+ title: "WT_START_LONGITUDE",
26902
+ 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")
26903
+ }, {
26904
+ title: "WT_END_LATITUDE",
26905
+ 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")
26906
+ }, {
26907
+ title: "WT_END_LONGITUDE",
26908
+ 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")
26909
+ }],
26910
+ belowComponent: () => /*#__PURE__*/React.createElement(TripImages, {
26911
+ startFileStoreId: tripReport === null || tripReport === void 0 ? void 0 : tripReport.startFileStoreId,
26912
+ endFileStoreId: tripReport === null || tripReport === void 0 ? void 0 : tripReport.endFileStoreId
26913
+ })
26914
+ };
26915
+ if (details !== null && details !== void 0 && details.applicationDetails) {
26916
+ const vehicleIndex = details.applicationDetails.findIndex(sec => sec.title === "WT_VEHICLE_DETAILS");
26917
+ if (vehicleIndex !== -1) {
26918
+ details.applicationDetails.splice(vehicleIndex + 1, 0, newSection);
26919
+ } else {
26920
+ details.applicationDetails.push(newSection);
26921
+ }
26922
+ }
26923
+ if (details !== null && details !== void 0 && (_details$applicationD10 = details.applicationData) !== null && _details$applicationD10 !== void 0 && _details$applicationD10.applicationDetails) {
26924
+ const vehicleIndex = details.applicationData.applicationDetails.findIndex(sec => sec.title === "WT_VEHICLE_DETAILS");
26925
+ if (vehicleIndex !== -1) {
26926
+ details.applicationData.applicationDetails.splice(vehicleIndex + 1, 0, newSection);
26927
+ } else {
26928
+ details.applicationData.applicationDetails.push(newSection);
26929
+ }
26930
+ }
26732
26931
  }
26733
26932
  setAppDetailsToShow(details);
26734
26933
  }