@djb25/digit-ui-module-wt 1.0.8 → 1.0.10

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { TickMark, ArrowDown, MobileNumber, CardLabelError, TextInput, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Toast, AppContainer, BackButton, PrivateRoute, KeyNote, Modal, CardHeader, CardText, FormStep, CardLabel, RadioButtons, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, HomeIcon, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, ModuleHeader, ArrowLeft, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, UploadFile, FormComposer, PDFSvg, LabelFieldPair, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, Menu, 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, BackButton, PrivateRoute, KeyNote, Modal, CardHeader, CardText, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, HomeIcon, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, ModuleHeader, ArrowLeft, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, FormComposer, PDFSvg, LabelFieldPair, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, Menu, 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, useHistory, useRouteMatch, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -426,7 +426,7 @@ const formatDate = dateString => {
 };
 const APPLICATION_PATH = "/digit-ui";
 const waterTankerPayload = data => {
-  var _data$requestDetails, _data$requestDetails$, _data$requestDetails2, _data$requestDetails3, _data$requestDetails4, _data$requestDetails5, _data$requestDetails6, _data$requestDetails7, _data$requestDetails8, _data$requestDetails9, _data$requestDetails0, _data$requestDetails1, _data$address, _data$owner, _data$owner2, _data$owner3, _data$owner4, _data$address2, _data$address2$addres, _data$address3, _data$address4, _data$address4$city, _data$address4$city$c, _data$address5, _data$address5$city, _data$address5$city$c, _data$address6, _data$address7, _data$address8, _data$address8$locali, _data$address9, _data$address9$locali, _data$address0, _data$address1, _data$address10;
+  var _data$requestDetails, _data$requestDetails$, _data$requestDetails2, _data$requestDetails3, _data$requestDetails4, _data$requestDetails5, _data$requestDetails6, _data$requestDetails7, _data$requestDetails8, _data$requestDetails9, _data$requestDetails0, _data$requestDetails1, _data$address, _data$owner, _data$owner2, _data$owner3, _data$owner4, _data$address2, _data$address2$addres, _data$address3, _data$address4, _data$address4$city, _data$address4$city$c, _data$address5, _data$address5$city, _data$address5$city$c, _data$address6, _data$address7, _data$address8, _data$address8$locali, _data$address9, _data$address9$locali, _data$address0, _data$address1, _data$address10, _data$requestDetails10;
   const formdata = {
     waterTankerBookingDetail: {
       tenantId: data === null || data === void 0 ? void 0 : data.tenantId,
@@ -458,6 +458,7 @@ const waterTankerPayload = data => {
         houseNo: data === null || data === void 0 ? void 0 : (_data$address1 = data.address) === null || _data$address1 === void 0 ? void 0 : _data$address1.houseNo,
         landmark: data === null || data === void 0 ? void 0 : (_data$address10 = data.address) === null || _data$address10 === void 0 ? void 0 : _data$address10.landmark
       },
+      WTfileStoreId: data === null || data === void 0 ? void 0 : (_data$requestDetails10 = data.requestDetails) === null || _data$requestDetails10 === void 0 ? void 0 : _data$requestDetails10.fileStoreId,
       bookingStatus: "BOOKING_CREATED",
       workflow: {
         action: "APPLY",
@@ -783,12 +784,7 @@ const WTSearchApplication = ({
       type: "number",
       maxlength: 10
     }), /*#__PURE__*/React.createElement(CardLabelError, null, formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$mob = _formState$errors["mobileNumber"]) === null || _formState$errors$mob === void 0 ? void 0 : _formState$errors$mob.message))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement("div", {
-      className: "wt-search-grid",
-      style: {
-        display: "grid",
-        gridTemplateColumns: "repeat(3, 1fr)",
-        gap: "24px"
-      }
+      className: "formcomposer-section-grid"
     }, /*#__PURE__*/React.createElement("div", {
       className: "search-field-wrapper"
     }, /*#__PURE__*/React.createElement("label", null, t("WT_BOOKING_NO")), /*#__PURE__*/React.createElement(TextInput, {
@@ -1442,20 +1438,27 @@ const RequestDetails = ({
   userType,
   formData
 }) => {
-  var _formData$requestDeta, _formData$requestDeta2, _formData$requestDeta3, _formData$requestDeta4, _formData$requestDeta5, _formData$requestDeta6, _formData$requestDeta7, _formData$requestDeta8;
+  var _formData$requestDeta, _formData$requestDeta2, _formData$requestDeta3, _formData$requestDeta4, _formData$requestDeta5, _formData$requestDeta6, _formData$requestDeta7, _formData$requestDeta8, _formData$requestDeta9;
   const user = Digit.UserService.getUser().info;
   let validation = {};
   const [tankerType, settankerType] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta = formData.requestDetails) === null || _formData$requestDeta === void 0 ? void 0 : _formData$requestDeta.tankerType) || "");
-  const [tankerQuantity, settankerQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta2 = formData.requestDetails) === null || _formData$requestDeta2 === void 0 ? void 0 : _formData$requestDeta2.tankerQuantity) || "");
+  const [tankerQuantity, settankerQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta2 = formData.requestDetails) === null || _formData$requestDeta2 === void 0 ? void 0 : _formData$requestDeta2.tankerQuantity) || {
+    i18nKey: "1",
+    code: "1",
+    value: "1"
+  });
   const [waterQuantity, setwaterQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta3 = formData.requestDetails) === null || _formData$requestDeta3 === void 0 ? void 0 : _formData$requestDeta3.waterQuantity) || "");
   const [waterType, setWaterType] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta4 = formData.requestDetails) === null || _formData$requestDeta4 === void 0 ? void 0 : _formData$requestDeta4.waterType) || "");
   const [deliveryDate, setdeliveryDate] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta5 = formData.requestDetails) === null || _formData$requestDeta5 === void 0 ? void 0 : _formData$requestDeta5.deliveryDate) || "");
   const [description, setdescription] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta6 = formData.requestDetails) === null || _formData$requestDeta6 === void 0 ? void 0 : _formData$requestDeta6.description) || "");
   const [deliveryTime, setdeliveryTime] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta7 = formData.requestDetails) === null || _formData$requestDeta7 === void 0 ? void 0 : _formData$requestDeta7.deliveryTime) || "");
   const [extraCharge, setextraCharge] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta8 = formData.requestDetails) === null || _formData$requestDeta8 === void 0 ? void 0 : _formData$requestDeta8.extraCharge) || false);
+  const [uploadedFile, setUploadedFile] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta9 = formData.requestDetails) === null || _formData$requestDeta9 === void 0 ? void 0 : _formData$requestDeta9.fileStoreId) || null);
+  const [file, setFile] = useState(null);
+  const [error, setError] = useState(null);
   const tenantId = Digit.ULBService.getStateId();
   const inputStyles = {
-    width: user.type === "EMPLOYEE" ? "50%" : "100%"
+    width: user.type === "EMPLOYEE" ? "100%" : "100%"
   };
   const {
     data: VehicleType
@@ -1565,6 +1568,33 @@ const RequestDetails = ({
   function setDeliveryDate(e) {
     setdeliveryDate(e.target.value);
   }
+  function selectfile(e) {
+    setUploadedFile(null);
+    setFile(e.target.files[0]);
+  }
+  useEffect(() => {
+    (async () => {
+      setError(null);
+      if (file) {
+        if (file.size >= 2000000) {
+          setError(t("WT_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+        } else {
+          try {
+            var _response$data, _response$data$files;
+            const response = await Digit.UploadServices.Filestorage("wt", file, Digit.ULBService.getStateId());
+            if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
+              var _response$data2, _response$data2$files;
+              setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
+            } else {
+              setError(t("WT_FILE_UPLOAD_ERROR"));
+            }
+          } catch (err) {
+            setError(t("WT_FILE_UPLOAD_ERROR"));
+          }
+        }
+      }
+    })();
+  }, [file]);
   const goNext = () => {
     let requestDetails = formData.requestDetails;
     let request = {
@@ -1576,7 +1606,8 @@ const RequestDetails = ({
       waterQuantity,
       deliveryTime,
       description,
-      extraCharge
+      extraCharge,
+      fileStoreId: uploadedFile
     };
     onSelect(config.key, request, false);
   };
@@ -1590,7 +1621,7 @@ const RequestDetails = ({
     onSelect: goNext,
     t: t,
     isDisabled: !tankerType || !deliveryDate || !tankerQuantity || !waterQuantity || !deliveryTime || !description || !waterType
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(RadioButtons, {
     t: t,
@@ -1610,7 +1641,7 @@ const RequestDetails = ({
     onSelect: settankerType,
     labelKey: "i18nKey",
     isPTFlow: true
-  }), /*#__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",
@@ -1621,7 +1652,7 @@ const RequestDetails = ({
     style: inputStyles,
     optionKey: "i18nKey",
     t: t
-  }), /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_WATER_QUANTITY")}`, " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_WATER_QUANTITY")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
     className: "form-field",
@@ -1632,7 +1663,7 @@ const RequestDetails = ({
     style: inputStyles,
     optionKey: "i18nKey",
     t: t
-  }), /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_QUANTITY")}`, " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_TANKER_QUANTITY")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
     className: "form-field",
@@ -1643,7 +1674,7 @@ const RequestDetails = ({
     style: inputStyles,
     optionKey: "i18nKey",
     t: t
-  }), /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DELIVERY_DATE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DELIVERY_DATE")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(TextInput, {
     t: t,
@@ -1654,14 +1685,24 @@ const RequestDetails = ({
     style: inputStyles,
     value: deliveryDate,
     onChange: setDeliveryDate,
-    min: new Date().toISOString().split('T')[0],
+    min: new Date().toISOString().split("T")[0],
     rules: {
       required: t("CORE_COMMON_REQUIRED_ERRMSG"),
       validDate: val => /^\d{4}-\d{2}-\d{2}$/.test(val) ? true : t("ERR_DEFAULT_INPUT_FIELD_MSG")
     }
-  }), /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DELIVERY_TIME")}`, " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DELIVERY_TIME")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TimeInput, null), /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DESCRIPTION")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, "*")), /*#__PURE__*/React.createElement(TimeInput, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_UPLOAD_DOCUMENT")}`), /*#__PURE__*/React.createElement(UploadFile, {
+    id: "wt-doc",
+    extraStyleName: "propertyCreate",
+    accept: ".jpg,.png,.pdf,.jpeg",
+    onUpload: selectfile,
+    onDelete: () => {
+      setUploadedFile(null);
+    },
+    message: uploadedFile ? `1 ${t(`WT_ACTION_FILEUPLOADED`)}` : t(`WT_ACTION_NO_FILEUPLOADED`),
+    error: error
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DESCRIPTION")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(TextArea, Object.assign({
     t: t,
@@ -1678,11 +1719,19 @@ const RequestDetails = ({
     pattern: "^[a-zA-Z ]+$",
     type: "tel",
     title: t("PT_NAME_ERROR_MESSAGE")
-  })), /*#__PURE__*/React.createElement(CheckBox, {
+  }))), error ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: "20px",
+      width: "100%",
+      fontSize: "20px",
+      color: "red",
+      marginTop: "5px"
+    }
+  }, error) : "", /*#__PURE__*/React.createElement(CheckBox, {
     label: t("WT_IMMEDIATE"),
     onChange: setextrachargeHandler,
     checked: extraCharge
-  }))));
+  })));
 };
 
 const ActionButton = ({
@@ -1745,9 +1794,19 @@ const WTCheckPage = ({
   } = _value;
   const [agree, setAgree] = useState(false);
   const immediateRequired = requestDetails !== null && requestDetails !== void 0 && requestDetails.extraCharge ? "YES" : "NO";
+  const [fileUrl, setFileUrl] = useState(null);
   const setdeclarationhandler = () => {
     setAgree(!agree);
   };
+  React.useEffect(() => {
+    if (requestDetails !== null && requestDetails !== void 0 && requestDetails.fileStoreId) {
+      Digit.UploadServices.Filefetch([requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId], Digit.ULBService.getStateId()).then(res => {
+        var _res$data2, _res$data2$fileStoreI, _res$data2$fileStoreI2, _res$data2$fileStoreI3;
+        const url = res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$fileStoreI = _res$data2.fileStoreIds) === null || _res$data2$fileStoreI === void 0 ? void 0 : (_res$data2$fileStoreI2 = _res$data2$fileStoreI[0]) === null || _res$data2$fileStoreI2 === void 0 ? void 0 : (_res$data2$fileStoreI3 = _res$data2$fileStoreI2.url) === null || _res$data2$fileStoreI3 === void 0 ? void 0 : _res$data2$fileStoreI3.split(",")[0];
+        setFileUrl(url);
+      });
+    }
+  }, [requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WT_SUMMARY_PAGE")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ES_TITILE_OWNER_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
     style: {
       marginTop: "30px",
@@ -1829,6 +1888,17 @@ const WTCheckPage = ({
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WT_DESCRIPTION"),
     text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.description))}`
+  }), (requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId) && /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_UPLOAD_DOCUMENT"),
+    text: /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        cursor: "pointer"
+      },
+      onClick: () => openFilePDF(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, null))
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WT_IMMEDIATE"),
     text: `${t(checkForNA(immediateRequired))}`
@@ -12978,7 +13048,11 @@ const ActionModal$5 = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
   var _action$assigneeRoles, _action$assigneeRoles2;
   const {
@@ -13226,7 +13300,11 @@ const ActionModal$5 = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -13410,7 +13488,11 @@ const ActionModal$7 = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
   var _action$roles, _action$roles$, _action$roles$$map;
   const {
@@ -13490,7 +13572,11 @@ const ActionModal$7 = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -14043,7 +14129,11 @@ const ActionModal$b = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
   var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle;
   const {
@@ -14213,7 +14303,11 @@ const ActionModal$b = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -18030,7 +18124,8 @@ const ApplicationDetails = props => {
     actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline,
     businessService: businessService,
     workflowDetails: workflowDetails,
-    moduleCode: moduleCode
+    moduleCode: moduleCode,
+    cardFormWrapperClassName: "modal-form"
   }) : null, isWarningPop ? /*#__PURE__*/React.createElement(ApplicationDetailsWarningPopup, {
     action: selectedAction,
     workflowDetails: workflowDetails,