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

package/dist/index.modern.js

@@ -1453,9 +1453,10 @@ const RequestDetails = ({
   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 [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
@@ -1590,7 +1591,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 +1611,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 +1622,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 +1633,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 +1644,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 +1655,14 @@ 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_DESCRIPTION")}`, " ", /*#__PURE__*/React.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(TextArea, Object.assign({
     t: t,
@@ -1678,11 +1679,25 @@ 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("div", {
+    style: {
+      disabled: "true",
+      height: "20px",
+      width: "100%"
+    }
+  }), /*#__PURE__*/React.createElement(CheckBox, {
     label: t("WT_IMMEDIATE"),
     onChange: setextrachargeHandler,
     checked: extraCharge
-  }))));
+  })));
 };
 
 const ActionButton = ({