@djb25/digit-ui-module-ws 1.0.6 → 1.0.8

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useMemo, Fragment as Fragment$2, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, Switch, Route, useHistory, useRouteMatch, Redirect, useParams } from 'react-router-dom';
-import { Loader as Loader$1, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, BackButton, PrivateRoute, Banner, CardText, ActionBar, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, BreadcrumbHeader, ArrowLeft, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CardLabelError, DeleteIcon, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, DropIcon, InboxComposer, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, Localities, Modal, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, EditIcon, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, ViewsIcon, Menu, ButtonSelector, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader as Loader$1, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, BackButton, PrivateRoute, Banner, CardText, ActionBar, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, BreadcrumbHeader, ArrowLeft, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CardLabelError, DeleteIcon, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, Localities, Modal, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, EditIcon, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, ViewsIcon, Menu, ButtonSelector, CitizenHomeCard } from '@djb25/digit-ui-react-components';
 import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient } from 'react-query';
@@ -7602,6 +7602,7 @@ const WSInfoLabel = ({
   userType = userType || Digit.SessionStorage.get("userType");
   const isMobile = window.Digit.Utils.browser.isMobile();
   let isPrivacyEnabled = sessionStorage.getItem("isPrivacyEnabled");
+  console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>", isPrivacyEnabled);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isPrivacyEnabled === "true" && /*#__PURE__*/React.createElement("div", {
     style: userType === "citizen" ? {
       maxWidth: "970px"
@@ -9252,7 +9253,7 @@ const BILLSBreadCrumbs = ({
         maxWidth: "100% !important"
       }
     }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MultiLink, {
-      className: "abcd",
+      className: "",
       onHeadClick: () => setShowOptions(!showOptions),
       displayOptions: showOptions,
       options: dowloadOptions,
@@ -9414,11 +9415,17 @@ const App$1 = ({
   const WSBulkBillGeneration = (_Digit25 = Digit) === null || _Digit25 === void 0 ? void 0 : (_Digit25$ComponentReg = _Digit25.ComponentRegistryService) === null || _Digit25$ComponentReg === void 0 ? void 0 : _Digit25$ComponentReg.getComponent("WSBulkBillGeneration");
   const locationCheck = window.location.href.includes("/employee/ws/new-application") || window.location.href.includes("/employee/ws/modify-application") || window.location.href.includes("/employee/ws/edit-application") || window.location.href.includes("/employee/ws/activate-connection") || window.location.href.includes("/employee/ws/application-details") || window.location.href.includes("/employee/ws/modify-details") || window.location.href.includes("/employee/ws/ws-response") || window.location.href.includes("/employee/ws/new-disconnection/application-form") || window.location.href.includes("/employee/ws/ws-disconnection-response") || window.location.href.includes("/employee/ws/consumption-details") || window.location.href.includes("/employee/ws/edit-disconnection-application") || window.location.href.includes("/employee/ws/config-by-disconnection-application") || window.location.href.includes("/employee/ws/resubmit-disconnection-application") || window.location.href.includes("/employee/ws/water/bulk-bill");
   const locationCheckReqDocs = window.location.href.includes("/employee/ws/create-application") || window.location.href.includes("/employee/ws/new-disconnection/docsrequired");
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "form-container"
+  return /*#__PURE__*/React.createElement("div", {
+    className: "app-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(BILLSBreadCrumbs, {
     location: location
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/create-application`,
     component: WSDocsRequired
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
@@ -9571,7 +9578,7 @@ const App$1 = ({
     component: props => /*#__PURE__*/React.createElement(WSBulkBillGeneration, Object.assign({}, props, {
       parentRoute: path
     }))
-  }))));
+  }))))));
 };
 
 let actions = [];
@@ -15631,7 +15638,7 @@ const WSEditConnectionDetails = ({
     applicationNumber
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails$4, Object.assign({
-    key: connectionDetail.key,
+    key: connectionDetail.key || index,
     index: index,
     connectionDetail: connectionDetail
   }, commonProps))));
@@ -19987,16 +19994,7 @@ const WSInbox = ({
   links = links.filter(link => link.roles ? checkForEmployee(link.roles) : true);
   const PropsForInboxLinks = {
     logoIcon: /*#__PURE__*/React.createElement(DropIcon, null),
-    headerText: checkPathName ? "MODULE_WATER" : "MODULE_SW",
-    links: [...links, {
-      text: t("WS_SEWERAGE_CONNECTION_SEARCH_LABEL"),
-      link: checkPathName ? `/digit-ui/employee/ws/water/search-connection?from=WS_SEWERAGE_INBOX` : `/digit-ui/employee/ws/sewerage/search-connection?from=WS_SEWERAGE_INBOX`,
-      roles: checkPathName ? ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"] : ["SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
-    }, {
-      text: t("WS_SEWERAGE_APPLICATION_SEARCH"),
-      link: checkPathName ? `/digit-ui/employee/ws/water/search-application?from=WS_SEWERAGE_INBOX` : `/digit-ui/employee/ws/sewerage/search-application?from=WS_SEWERAGE_INBOX`,
-      roles: checkPathName ? ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"] : ["SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
-    }]
+    headerText: checkPathName ? "MODULE_WATER" : "MODULE_SW"
   };
   const SearchFormFields = useCallback(({
     registerRef,
@@ -20093,7 +20091,9 @@ const WSInbox = ({
     sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
     onSortFormReset
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InboxComposer, _extends({
+  return /*#__PURE__*/React.createElement("div", {
+    className: "app-container"
+  }, /*#__PURE__*/React.createElement(InboxComposer, _extends({
     isInboxLoading,
     PropsForInboxLinks
   }, propsForSearchForm, propsForFilterForm, propsForMobileSortForm, {
@@ -35953,8 +35953,9 @@ const TLCaption = ({
   }), /*#__PURE__*/React.createElement("p", null, "\xA0\xA0\xA0\xA0")), data.source && /*#__PURE__*/React.createElement("p", null, t("ES_APPLICATION_DETAILS_APPLICATION_CHANNEL_" + data.source.toUpperCase())), data.comment && /*#__PURE__*/React.createElement(Reason$1, {
     otherComment: data === null || data === void 0 ? void 0 : data.otherComment,
     headComment: data === null || data === void 0 ? void 0 : data.comment
-  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map(e => /*#__PURE__*/React.createElement("div", {
-    className: "TLComments"
+  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map((e, index) => /*#__PURE__*/React.createElement("div", {
+    className: "TLComments",
+    key: index
   }, /*#__PURE__*/React.createElement("h3", null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React.createElement("p", {
     style: {
       overflowX: "scroll"
@@ -37155,7 +37156,7 @@ function ApplicationDetailsContent({
   oldValue,
   isInfoLabel = false
 }) {
-  var _applicationDetails$a, _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
+  var _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   const {
     t
   } = useTranslation();
@@ -37167,8 +37168,6 @@ function ApplicationDetailsContent({
   let {
     id: applicationNo
   } = useParams();
-  const ownersSequences = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.owners;
-  console.log("ownersSequences:- ", ownersSequences);
   function OpenImage(imageSource, index, thumbnailsToShow) {
     var _thumbnailsToShow$ful;
     window.open(thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[0], "_blank");
@@ -37398,6 +37397,7 @@ function ApplicationDetailsContent({
     setSelectedData(data);
     setShowPopup(true);
   };
+  console.log("===========================");
   return /*#__PURE__*/React.createElement(Card, {
     style: {
       position: "relative"
@@ -38477,7 +38477,6 @@ const ApplicationDetails$1 = () => {
     }
   });
   workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data37 = workflowDetails.data) === null || _workflowDetails$data37 === void 0 ? void 0 : (_workflowDetails$data38 = _workflowDetails$data37.actionState) === null || _workflowDetails$data38 === void 0 ? void 0 : (_workflowDetails$data39 = _workflowDetails$data38.nextActions) === null || _workflowDetails$data39 === void 0 ? void 0 : _workflowDetails$data39.forEach(action => {
-    console.log("workflowDetails", workflowDetails);
     if ((action === null || action === void 0 ? void 0 : action.action) === "PAY") {
       var _workflowDetails$data40, _workflowDetails$data41, _workflowDetails$data42, _workflowDetails$data43, _workflowDetails$data44, _workflowDetails$data45;
       if ((workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data40 = workflowDetails.data) === null || _workflowDetails$data40 === void 0 ? void 0 : (_workflowDetails$data41 = _workflowDetails$data40.processInstances) === null || _workflowDetails$data41 === void 0 ? void 0 : (_workflowDetails$data42 = _workflowDetails$data41[0]) === null || _workflowDetails$data42 === void 0 ? void 0 : _workflowDetails$data42.businessService) == "WSReconnection") {
@@ -39618,7 +39617,6 @@ const EditApplication$1 = () => {
     state
   } = useLocation();
   state = state ? typeof state === "string" ? JSON.parse(state) : state : {};
-  const history = useHistory();
   let filters = getQueryStringParams(location.search);
   const [canSubmit, setSubmitValve] = useState(false);
   const [showToast, setShowToast] = useState(null);
@@ -39791,11 +39789,10 @@ const EditApplication$1 = () => {
   if (enabledLoader || isConfigLoading) {
     return /*#__PURE__*/React.createElement(Loader$1, null);
   }
+  console.log(config.body);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: "15px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, null, t(config.head))), /*#__PURE__*/React.createElement(FormComposer, {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement(FormComposer, {
     config: config.body,
     userType: "employee",
     onFormValueChange: onFormValueChange,
@@ -39808,7 +39805,7 @@ const EditApplication$1 = () => {
     label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
     warning: showToast === null || showToast === void 0 ? void 0 : showToast.warning,
     onClose: closeToast
-  }));
+  })));
 };
 
 const ConsumptionDetails = ({