@mseva/digit-ui-module-garbagecollection 1.0.31 → 1.0.33

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { CardHeader, Toast, CardLabel, TextInput, Dropdown, ActionBar, SubmitBar, MobileNumber, TextArea, FormComposer, Loader as Loader$1, CardSubHeader, StatusTable, Card, CardSectionHeader, Menu, LabelFieldPair, UploadFile, SearchField, FilterFormField, RadioButtons, CheckBox, ComplaintIcon, Header, InboxComposer, AppContainer, BackButton, PrivateRoute, KeyNote, MultiLink, Row, Banner, Modal, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
+import { CardHeader, Toast, CardLabel, TextInput, LabelFieldPair, Dropdown, ActionBar, SubmitBar, MobileNumber, CardLabelError, TextArea, FormComposer, Loader as Loader$1, CardSubHeader, StatusTable, Card, CardSectionHeader, Menu, UploadFile, SearchField, FilterFormField, RadioButtons, CheckBox, ComplaintIcon, Header, InboxComposer, AppContainer, BackButton, PrivateRoute, KeyNote, MultiLink, Row, Banner, Modal, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useRef, Fragment as Fragment$1, useMemo, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useLocation, Switch, useRouteMatch, useParams } from 'react-router-dom';
@@ -3032,6 +3032,7 @@ const CHBCitizenSecond = ({
     setPropertyId(null);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
+    className: "employeeCard",
     style: {
       paddingBottom: "150px"
     },
@@ -3082,15 +3083,13 @@ const CHBCitizenSecond = ({
     style: {
       color: "red"
     }
-  }, errors.propertyId.message)), ((propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData)) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NDC_MSG_PROPERTY_TYPE_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.propertyId.message)), ((propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData)) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NDC_MSG_PROPERTY_TYPE_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "propertyType",
     rules: {
@@ -3113,18 +3112,16 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.propertyType) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.propertyType.message)), /*#__PURE__*/React.createElement("div", {
-    className: "form-field",
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_ACKNOWELDGMENT_PLOT_SIZE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.propertyType.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_ACKNOWELDGMENT_PLOT_SIZE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "plotSize",
     rules: {
@@ -3142,18 +3139,16 @@ const CHBCitizenSecond = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.plotSize) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.plotSize.message)), /*#__PURE__*/React.createElement("div", {
-    className: "form-field",
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_LOCATION")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.plotSize.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_LOCATION")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "location",
     rules: {
@@ -3171,17 +3166,16 @@ const CHBCitizenSecond = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.location) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px"
     }
-  }, errors.location.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_FREQUENCY")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.location.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_FREQUENCY")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "frequency",
     rules: {
@@ -3204,17 +3198,16 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.frequency) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.frequency.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_WASTE_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.frequency.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_WASTE_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "typeOfWaste",
     rules: {
@@ -3237,17 +3230,16 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.typeOfWaste) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px"
     }
-  }, errors.typeOfWaste.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_CONNECTION_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.typeOfWaste.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_CONNECTION_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "connectionCategory",
     rules: {
@@ -3270,9 +3262,10 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.connectionCategory) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px"
     }
-  }, errors.connectionCategory.message)))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, errors.connectionCategory.message))))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       background: " white",
       color: "black",
@@ -9126,6 +9119,7 @@ const NewADSStepFormOne = ({
   onGoNext,
   onBackClick
 }) => {
+  var _window$location, _window$location$href;
   const dispatch = useDispatch();
   const {
     t
@@ -9147,12 +9141,15 @@ const NewADSStepFormOne = ({
     setShowToast(false);
     setError("");
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CHBCitizenSecond, {
+  const isCitizen = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$href = _window$location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.includes("citizen"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: !isCitizen ? "employeeCard" : ""
+  }, /*#__PURE__*/React.createElement(CHBCitizenSecond, {
     onGoBack: onGoBack,
     goNext: goNext,
     currentStepData: currentStepData,
     t: t
-  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     error: true,
     label: error,
@@ -9263,20 +9260,21 @@ const CHBCitizenDetailsNew = ({
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
+    className: "employeeCard",
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      maxWidth: !isCitizen ? "100%" : "100%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NOC_APPLICANT_MOBILE_NO_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NOC_APPLICANT_MOBILE_NO_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "mobileNumber",
     rules: {
@@ -9289,7 +9287,6 @@ const CHBCitizenDetailsNew = ({
     render: props => /*#__PURE__*/React.createElement(MobileNumber, {
       value: props.value,
       onChange: e => {
-        console.log("eee", e);
         props.onChange(e);
         setValue("name", "");
         if (e.length === 10) {
@@ -9299,19 +9296,19 @@ const CHBCitizenDetailsNew = ({
       onBlur: props.onBlur,
       t: t
     })
-  }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.mobileNumber.message)), /*#__PURE__*/React.createElement("div", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: {
-      marginBottom: "20px"
+      marginTop: "4px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.mobileNumber.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "name",
     rules: {
@@ -9335,19 +9332,19 @@ const CHBCitizenDetailsNew = ({
         t: t
       });
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.name) && /*#__PURE__*/React.createElement("p", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.name) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: {
-      color: "red"
+      marginTop: "4px"
     }
-  }, errors.name.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NOC_APPLICANT_EMAIL_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.name.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NOC_APPLICANT_EMAIL_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "emailId",
     rules: {
@@ -9367,19 +9364,19 @@ const CHBCitizenDetailsNew = ({
       },
       t: t
     })
-  }), (errors === null || errors === void 0 ? void 0 : errors.emailId) && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.emailId.message)), /*#__PURE__*/React.createElement("div", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.emailId) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: {
-      marginBottom: "20px"
+      marginTop: "4px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("PT_COMMON_COL_ADDRESS")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.emailId.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("PT_COMMON_COL_ADDRESS")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "address",
     rules: {
@@ -9400,11 +9397,11 @@ const CHBCitizenDetailsNew = ({
       },
       t: t
     })
-  }), (errors === null || errors === void 0 ? void 0 : errors.address) && /*#__PURE__*/React.createElement("p", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.address) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: {
-      color: "red"
+      marginTop: "4px"
     }
-  }, errors.address.message))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, errors.address.message)))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Next",
     submit: "submit"
   }))), loader && /*#__PURE__*/React.createElement(Loader, {
@@ -9417,6 +9414,7 @@ const NewADSStepFormTwo = ({
   onBackClick,
   onGoNext
 }) => {
+  var _window$location, _window$location$href;
   const {
     t
   } = useTranslation();
@@ -9438,12 +9436,15 @@ const NewADSStepFormTwo = ({
     setShowToast(false);
     setError("");
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CHBCitizenDetailsNew, {
+  const isCitizen = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$href = _window$location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.includes("citizen"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: !isCitizen ? "employeeCard" : ""
+  }, /*#__PURE__*/React.createElement(CHBCitizenDetailsNew, {
     onGoBack: onGoBack,
     goNext: goNext,
     currentStepData: currentStepData,
     t: t
-  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     error: true,
     label: error,
@@ -10212,7 +10213,8 @@ const SearchFormFieldsComponents = ({
     }, /*#__PURE__*/React.createElement("div", {
       className: "complaint-input-container",
       style: {
-        textAlign: "start"
+        textAlign: "start",
+        display: "flex"
       }
     }, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
       name: "applicationNumber",
@@ -10817,7 +10819,12 @@ const App = () => {
   const GCApplicationDetails = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("GCApplicationDetails");
   const GCResponseCitizen = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("GCResponseCitizen");
   return /*#__PURE__*/React.createElement("span", {
-    className: "mcollect-citizen"
+    className: "chb-citizen",
+    style: {
+      width: "100%",
+      paddingRight: "25px",
+      paddingLeft: "25px"
+    }
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(BackButton, {
     style: {
       top: "55px"
@@ -11520,7 +11527,7 @@ const TimelineDocument = React.memo(({
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-doc-container"
   }, documents === null || documents === void 0 ? void 0 : documents.map((document, idx) => {
-    const documentLink = pdfDownloadLink$1(data === null || data === void 0 ? void 0 : data.pdfFiles, document === null || document === void 0 ? void 0 : document.fileStoreId);
+    const documentLink = pdfDownloadLink$1(data === null || data === void 0 ? void 0 : data.pdfFiles, (document === null || document === void 0 ? void 0 : document.fileStoreId) || (document === null || document === void 0 ? void 0 : document.documentUid));
     if (!documentLink) return null;
     return /*#__PURE__*/React.createElement("a", {
       key: idx,
@@ -11573,8 +11580,7 @@ function NewApplicationTimeline({
     return normalized.reverse();
   };
   const data = useMemo(() => normalizeTimeline(workflowDetails), [workflowDetails]);
-  const sortedData = data || [];
-  console.log("sortedData", sortedData);
+  const sortedData = (data === null || data === void 0 ? void 0 : data.filter(val => !((val === null || val === void 0 ? void 0 : val.performedAction) === "SAVE_AS_DRAFT"))) || [];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -12263,6 +12269,7 @@ const NDCModal = ({
     formId: "modal-action"
   }, /*#__PURE__*/React.createElement(FormComposer, {
     config: config.form,
+    className: "BPAemployeeCard bpa-workflow-modal-form",
     noBoxShadow: true,
     inline: true,
     childrenAtTheBottom: true,