@djb25/digit-ui-module-wt 1.0.20 → 1.0.21

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { TickMark, ArrowDown, MobileNumber, CardLabelError, TextInput, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, HomeIcon, KeyNote, Modal, CardHeader, CardText, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, CustomNameDropdown, MultiSelectDropdown, LabelFieldPair, AddIcon, Menu, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, FormComposer, PDFSvg, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, ButtonSelector, LocationIcon, CitizenHomeCard, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
+import { TickMark, ArrowDown, MobileNumber, CardLabelError, TextInput, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, HomeIcon, KeyNote, Modal, CardHeader, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, CustomNameDropdown, MultiSelectDropdown, LabelFieldPair, AddIcon, Menu, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, FormComposer, PDFSvg, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, ButtonSelector, LocationIcon, CitizenHomeCard, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
 import React, { useState, useMemo, useCallback, useEffect, Fragment, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -355,12 +355,12 @@ const WTCreate = () => {
   const WTAcknowledgement = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WTAcknowledgement");
   const MTAcknowledgement = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("MTAcknowledgement");
   const TPAcknowledgement = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("TPAcknowledgement");
-  console.log(config);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-form-section-wrapper"
-  }, !pathname.includes("/info") && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(VerticalTimeline, {
-    config: config
-  })), /*#__PURE__*/React.createElement("div", {
+  }, !pathname.includes("/info") && /*#__PURE__*/React.createElement(VerticalTimeline, {
+    config: config,
+    showFinalStep: true
+  }), /*#__PURE__*/React.createElement("div", {
     className: "employee-form-section"
   }, /*#__PURE__*/React.createElement(Switch, null, config.map((routeObj, index) => {
     var _userDetails$user;
@@ -1555,13 +1555,14 @@ const InfoPage = ({
     className: "search-form-wrapper",
     style: {
       flexDirection: "column",
-      gap: "12px"
+      gap: "12px",
+      justifyContent: "flex-start"
     }
-  }, moduleKey && /*#__PURE__*/React.createElement(CardHeader, null, t(moduleKey)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardText, {
+  }, moduleKey && /*#__PURE__*/React.createElement(CardHeader, null, t(moduleKey)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
     className: "primaryColor"
-  }, t("SV_DOC_REQ_SCREEN_SUB_HEADER")), /*#__PURE__*/React.createElement(CardText, {
+  }, t("SV_DOC_REQ_SCREEN_SUB_HEADER")), /*#__PURE__*/React.createElement("p", {
     className: "primaryColor"
-  }, t("SV_DOC_REQ_SCREEN_TEXT")), /*#__PURE__*/React.createElement(CardText, {
+  }, t("SV_DOC_REQ_SCREEN_TEXT")), /*#__PURE__*/React.createElement("p", {
     className: "primaryColor"
   }, t("SV_DOC_REQ_SCREEN_SUB_TEXT"))), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("COMMON_NEXT"),
@@ -1605,7 +1606,7 @@ const RequestDetails = ({
   const [error, setError] = useState(null);
   const tenantId = Digit.ULBService.getStateId();
   const inputStyles = {
-    width: user.type === "EMPLOYEE" ? "100%" : "100%"
+    width: user.type === "EMPcommonConfigLOYEE" ? "100%" : "100%"
   };
   const {
     data: VehicleType
@@ -1767,8 +1768,9 @@ const RequestDetails = ({
     config: config,
     onSelect: goNext,
     t: t,
-    isDisabled: !tankerType || !deliveryDate || !tankerQuantity || !waterQuantity || !deliveryTime || !description || !waterType
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+    isDisabled: !tankerType || !deliveryDate || !tankerQuantity || !waterQuantity || !deliveryTime || !description || !waterType,
+    className: "card-form-container"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(RadioButtons, {
     t: t,
@@ -1788,7 +1790,7 @@ const RequestDetails = ({
     onSelect: settankerType,
     labelKey: "i18nKey",
     isPTFlow: true
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_WATER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_WATER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
     className: "form-field",
@@ -2267,7 +2269,9 @@ const WTAcknowledgement = ({
     }, tenantInfo, t);
     Digit.Utils.pdf.generate(data);
   };
-  return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(BannerPicker, {
+  return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, {
+    className: "vehicle-details-card"
+  }, /*#__PURE__*/React.createElement(BannerPicker, {
     t: t,
     data: mutation.data,
     isSuccess: mutation.isSuccess,
@@ -11766,7 +11770,7 @@ const LocalityModal = ({
   tenantId,
   modalMode
 }) => {
-  var _initialValues$addres2;
+  var _initialValues$fillin3, _initialValues$addres2;
   const isView = modalMode === "VIEW";
   const isUpdate = modalMode === "UPDATE";
   const [selectedHierarchy, setSelectedHierarchy] = useState(null);
@@ -11809,9 +11813,10 @@ const LocalityModal = ({
     return flattenLocalities(selectedHierarchy.boundary);
   }, [selectedHierarchy]);
   React.useEffect(() => {
-    var _initialValues$addres;
-    if (structuredLocalities.length > 0 && initialValues !== null && initialValues !== void 0 && (_initialValues$addres = initialValues.address) !== null && _initialValues$addres !== void 0 && _initialValues$addres.locality && (isView || isUpdate)) {
-      const currentLocalityCodes = initialValues.address.locality.split(",").map(s => s.trim());
+    var _initialValues$fillin, _initialValues$addres;
+    if (structuredLocalities.length > 0 && ((initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$fillin = initialValues.fillingPointLocalityCodes) === null || _initialValues$fillin === void 0 ? void 0 : _initialValues$fillin.length) > 0 || initialValues !== null && initialValues !== void 0 && (_initialValues$addres = initialValues.address) !== null && _initialValues$addres !== void 0 && _initialValues$addres.locality) && (isView || isUpdate)) {
+      var _initialValues$fillin2;
+      const currentLocalityCodes = (initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$fillin2 = initialValues.fillingPointLocalityCodes) === null || _initialValues$fillin2 === void 0 ? void 0 : _initialValues$fillin2.length) > 0 ? initialValues.fillingPointLocalityCodes : initialValues.address.locality.split(",").map(s => s.trim());
       const preSelected = structuredLocalities.filter(loc => currentLocalityCodes.includes(loc.code)).map(loc => [loc.i18nKey, loc]);
       setSelectedLocality(preSelected);
     }
@@ -11896,7 +11901,7 @@ const LocalityModal = ({
       fontWeight: "600",
       marginBottom: "8px"
     }
-  }, (initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$addres2 = initialValues.address) === null || _initialValues$addres2 === void 0 ? void 0 : _initialValues$addres2.locality) || "NA")), !isView ? /*#__PURE__*/React.createElement("div", {
+  }, (initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$fillin3 = initialValues.fillingPointLocalityCodes) === null || _initialValues$fillin3 === void 0 ? void 0 : _initialValues$fillin3.length) > 0 ? initialValues.fillingPointLocalityCodes.join(", ") : (initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$addres2 = initialValues.address) === null || _initialValues$addres2 === void 0 ? void 0 : _initialValues$addres2.locality) || "NA")), !isView ? /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "16px"
     }
@@ -12277,26 +12282,26 @@ const SearchFillingPointAddress = () => {
         id: "eeName"
       }, {
         Header: t("WT_LOCALITY"),
-        id: "locality",
         Cell: ({
           row
         }) => {
-          var _row$original, _row$original$address;
+          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";
           return /*#__PURE__*/React.createElement("div", {
             style: {
               display: "flex",
               alignItems: "center",
               gap: "8px"
             }
-          }, /*#__PURE__*/React.createElement("span", null, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : (_row$original$address = _row$original.address) === null || _row$original$address === void 0 ? void 0 : _row$original$address.locality) || "NA"));
+          }, /*#__PURE__*/React.createElement("span", null, localities));
         }
       }, {
         Header: t("WT_ADD_LOCALITY"),
         Cell: ({
           row
         }) => {
-          var _row$original2, _row$original2$addres, _row$original3, _row$original3$addres;
-          const hasLocality = ((_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) && ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$addres = _row$original3.address) === null || _row$original3$addres === void 0 ? void 0 : _row$original3$addres.locality) !== "NA";
+          var _row$original3, _row$original3$fillin, _row$original4, _row$original4$addres, _row$original5, _row$original5$addres;
+          const hasLocality = ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$fillin = _row$original3.fillingPointLocalityCodes) === null || _row$original3$fillin === void 0 ? void 0 : _row$original3$fillin.length) > 0 || ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : (_row$original4$addres = _row$original4.address) === null || _row$original4$addres === void 0 ? void 0 : _row$original4$addres.locality) && ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$addres = _row$original5.address) === null || _row$original5$addres === void 0 ? void 0 : _row$original5$addres.locality) !== "NA";
           return /*#__PURE__*/React.createElement("div", {
             style: {
               display: "flex",