@djb25/digit-ui-module-wt 1.0.28 → 1.0.30

package/dist/index.modern.js

@@ -692,6 +692,53 @@ const fixedPointPayload = data => {
     }
   };
 };
+const EmergencyFixedPointInfoPage = data => {
+  var _data$requestDetails11, _data$requestDetails12, _data$requestDetails13, _data$requestDetails14, _data$requestDetails15, _data$requestDetails16, _data$requestDetails17, _data$requestDetails18, _data$requestDetails19, _data$requestDetails20, _data$requestDetails21, _data$requestDetails22, _data$address71, _data$owner29, _data$owner30, _data$owner31, _data$owner32, _data$address72, _data$address72$addre, _data$address73, _data$address74, _data$address74$city, _data$address74$city$, _data$address75, _data$address75$city, _data$address75$city$, _data$address76, _data$address77, _data$address78, _data$address78$local, _data$address79, _data$address79$local, _data$address80, _data$address81, _data$address82, _data$address83, _data$address84, _data$requestDetails23;
+  const formdata = {
+    waterTankerBookingDetail: {
+      tenantId: data === null || data === void 0 ? void 0 : data.tenantId,
+      tankerType: data === null || data === void 0 ? void 0 : (_data$requestDetails11 = data.requestDetails) === null || _data$requestDetails11 === void 0 ? void 0 : (_data$requestDetails12 = _data$requestDetails11.tankerType) === null || _data$requestDetails12 === void 0 ? void 0 : _data$requestDetails12.code,
+      waterType: data === null || data === void 0 ? void 0 : (_data$requestDetails13 = data.requestDetails) === null || _data$requestDetails13 === void 0 ? void 0 : (_data$requestDetails14 = _data$requestDetails13.waterType) === null || _data$requestDetails14 === void 0 ? void 0 : _data$requestDetails14.code,
+      tankerQuantity: data === null || data === void 0 ? void 0 : (_data$requestDetails15 = data.requestDetails) === null || _data$requestDetails15 === void 0 ? void 0 : (_data$requestDetails16 = _data$requestDetails15.tankerQuantity) === null || _data$requestDetails16 === void 0 ? void 0 : _data$requestDetails16.code,
+      waterQuantity: data === null || data === void 0 ? void 0 : (_data$requestDetails17 = data.requestDetails) === null || _data$requestDetails17 === void 0 ? void 0 : (_data$requestDetails18 = _data$requestDetails17.waterQuantity) === null || _data$requestDetails18 === void 0 ? void 0 : _data$requestDetails18.code,
+      description: data === null || data === void 0 ? void 0 : (_data$requestDetails19 = data.requestDetails) === null || _data$requestDetails19 === void 0 ? void 0 : _data$requestDetails19.description,
+      deliveryDate: data === null || data === void 0 ? void 0 : (_data$requestDetails20 = data.requestDetails) === null || _data$requestDetails20 === void 0 ? void 0 : _data$requestDetails20.deliveryDate,
+      deliveryTime: data === null || data === void 0 ? void 0 : (_data$requestDetails21 = data.requestDetails) === null || _data$requestDetails21 === void 0 ? void 0 : _data$requestDetails21.deliveryTime,
+      extraCharge: data !== null && data !== void 0 && (_data$requestDetails22 = data.requestDetails) !== null && _data$requestDetails22 !== void 0 && _data$requestDetails22.extraCharge ? "Y" : "N",
+      addressDetailId: (data === null || data === void 0 ? void 0 : (_data$address71 = data.address) === null || _data$address71 === void 0 ? void 0 : _data$address71.addressDetailId) || "",
+      applicantDetail: {
+        name: data === null || data === void 0 ? void 0 : (_data$owner29 = data.owner) === null || _data$owner29 === void 0 ? void 0 : _data$owner29.applicantName,
+        mobileNumber: data === null || data === void 0 ? void 0 : (_data$owner30 = data.owner) === null || _data$owner30 === void 0 ? void 0 : _data$owner30.mobileNumber,
+        alternateNumber: data === null || data === void 0 ? void 0 : (_data$owner31 = data.owner) === null || _data$owner31 === void 0 ? void 0 : _data$owner31.alternateNumber,
+        emailId: data === null || data === void 0 ? void 0 : (_data$owner32 = data.owner) === null || _data$owner32 === void 0 ? void 0 : _data$owner32.emailId
+      },
+      address: {
+        addressType: data === null || data === void 0 ? void 0 : (_data$address72 = data.address) === null || _data$address72 === void 0 ? void 0 : (_data$address72$addre = _data$address72.addressType) === null || _data$address72$addre === void 0 ? void 0 : _data$address72$addre.code,
+        pincode: data === null || data === void 0 ? void 0 : (_data$address73 = data.address) === null || _data$address73 === void 0 ? void 0 : _data$address73.pincode,
+        city: data === null || data === void 0 ? void 0 : (_data$address74 = data.address) === null || _data$address74 === void 0 ? void 0 : (_data$address74$city = _data$address74.city) === null || _data$address74$city === void 0 ? void 0 : (_data$address74$city$ = _data$address74$city.city) === null || _data$address74$city$ === void 0 ? void 0 : _data$address74$city$.name,
+        cityCode: data === null || data === void 0 ? void 0 : (_data$address75 = data.address) === null || _data$address75 === void 0 ? void 0 : (_data$address75$city = _data$address75.city) === null || _data$address75$city === void 0 ? void 0 : (_data$address75$city$ = _data$address75$city.city) === null || _data$address75$city$ === void 0 ? void 0 : _data$address75$city$.code,
+        addressLine1: data === null || data === void 0 ? void 0 : (_data$address76 = data.address) === null || _data$address76 === void 0 ? void 0 : _data$address76.addressLine1,
+        addressLine2: data === null || data === void 0 ? void 0 : (_data$address77 = data.address) === null || _data$address77 === void 0 ? void 0 : _data$address77.addressLine2,
+        locality: data === null || data === void 0 ? void 0 : (_data$address78 = data.address) === null || _data$address78 === void 0 ? void 0 : (_data$address78$local = _data$address78.locality) === null || _data$address78$local === void 0 ? void 0 : _data$address78$local.i18nKey,
+        localityCode: data === null || data === void 0 ? void 0 : (_data$address79 = data.address) === null || _data$address79 === void 0 ? void 0 : (_data$address79$local = _data$address79.locality) === null || _data$address79$local === void 0 ? void 0 : _data$address79$local.code,
+        streetName: data === null || data === void 0 ? void 0 : (_data$address80 = data.address) === null || _data$address80 === void 0 ? void 0 : _data$address80.streetName,
+        houseNo: data === null || data === void 0 ? void 0 : (_data$address81 = data.address) === null || _data$address81 === void 0 ? void 0 : _data$address81.houseNo,
+        landmark: data === null || data === void 0 ? void 0 : (_data$address82 = data.address) === null || _data$address82 === void 0 ? void 0 : _data$address82.landmark,
+        latitude: data === null || data === void 0 ? void 0 : (_data$address83 = data.address) === null || _data$address83 === void 0 ? void 0 : _data$address83.latitude,
+        longitude: data === null || data === void 0 ? void 0 : (_data$address84 = data.address) === null || _data$address84 === void 0 ? void 0 : _data$address84.longitude
+      },
+      WTfileStoreId: data === null || data === void 0 ? void 0 : (_data$requestDetails23 = data.requestDetails) === null || _data$requestDetails23 === void 0 ? void 0 : _data$requestDetails23.fileStoreId,
+      bookingStatus: "BOOKING_CREATED",
+      workflow: {
+        action: "APPLY",
+        comments: "",
+        businessService: "watertanker",
+        moduleName: "request-service.water_tanker"
+      }
+    }
+  };
+  return formdata;
+};
 
 const CollapsibleCardPage = ({
   number,
@@ -2402,13 +2449,11 @@ const WTCard = () => {
   const fixedPointInboxCount = isFixedPointInboxLoading ? "-" : (fixedPointInboxData === null || fixedPointInboxData === void 0 ? void 0 : fixedPointInboxData.totalCount) ?? 0;
   const links = [{
     count: citizenInboxCount,
-    label: t("ES_COMMON_INBOX"),
-    subLabel: t("CITIZEN"),
+    label: t("ES_COMMON_INBOX_CITIZEN"),
     link: `${APPLICATION_PATH}/employee/wt/inbox`
   }, {
     count: fixedPointInboxCount,
-    label: t("ES_COMMON_INBOX"),
-    subLabel: t("FIXED_POINT"),
+    label: t("ES_COMMON_INBOX_FIXED_POINT"),
     link: `${APPLICATION_PATH}/employee/wt/fixed-point/inbox`
   }, {
     label: t("ES_COMMON_APPLICATION_SEARCH"),
@@ -7178,6 +7223,7 @@ const SearchFillingPointAddress = () => {
           return (row === null || row === void 0 ? void 0 : row.fillingPointId) || (row === null || row === void 0 ? void 0 : (_row$fillingpointmeta = row.fillingpointmetadata) === null || _row$fillingpointmeta === void 0 ? void 0 : _row$fillingpointmeta.fillingPointId) || (row === null || row === void 0 ? void 0 : row.fillingPtName) || (row === null || row === void 0 ? void 0 : row.filling_pt_name) || (row === null || row === void 0 ? void 0 : row.fillingPoint) || "NA";
         },
         id: "fillingPoint",
+        minWidth: 250,
         Cell: ({
           row
         }) => {
@@ -7194,7 +7240,9 @@ const SearchFillingPointAddress = () => {
             option: allFillingPoints,
             select: value => onFillingPointSelect(row, value),
             style: {
-              textAlign: "left"
+              textAlign: "left",
+              width: "100%",
+              minWidth: "250px"
             },
             optionKey: "fillingPointName",
             t: t
@@ -7796,7 +7844,7 @@ const VendorAssign = ({
 const EmployeeApp = ({
   path
 }) => {
-  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi;
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi;
   const {
     t
   } = useTranslation();
@@ -7832,6 +7880,10 @@ const EmployeeApp = ({
       crumbs.push({
         label: t(label)
       });
+    } else if (pathname.includes("/fixed-point/request-service")) {
+      crumbs.push({
+        label: t("WT_APPLICATION_CREATE_FIXED_POINT")
+      });
     } else if (pathname.includes("/request-service")) {
       crumbs.push({
         label: t("WT_REQUEST_SERVICE")
@@ -7933,6 +7985,7 @@ const EmployeeApp = ({
   };
   const ApplicationDetails = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("ApplicationDetails");
   const WTCreate = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WTCreate");
+  const WTEmergencyFixedPointCreate = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("WTEmergencyFixedPointCreate");
   return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(ModuleHeader, {
@@ -7999,6 +8052,9 @@ const EmployeeApp = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/tp/request-service`,
     component: WTCreate
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/fixed-point/request-service`,
+    component: WTEmergencyFixedPointCreate
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/fixed-point/booking-details/:id`,
     component: props => /*#__PURE__*/React.createElement(ApplicationDetails, Object.assign({}, props, {
@@ -24741,6 +24797,1143 @@ const MTCitizenCard = () => {
   return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
 };
 
+const EmergencyFixedPointInfoPage$1 = ({
+  t,
+  onSelect,
+  formData,
+  config,
+  userType
+}) => {
+  var _formData$serviceType, _formData$serviceType2;
+  const [existingDataSet, setExistingDataSet] = useState("");
+  const [showModal, setShowModal] = useState(false);
+  const [isExistingPopupRequired, setIsExistingPopupRequired] = useState(false);
+  const moduleMap = {
+    MobileToilet: "MT_MODULE",
+    WT: "WT_MODULE",
+    TREE_PRUNING: "TREE_PRUNING"
+  };
+  const code = formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : (_formData$serviceType2 = _formData$serviceType.serviceType) === null || _formData$serviceType2 === void 0 ? void 0 : _formData$serviceType2.code;
+  const moduleKey = moduleMap[code];
+  const handleOpenModal = () => {
+    isExistingPopupRequired ? setShowModal(true) : goNext();
+  };
+  const goNext = () => {
+    const owner = formData.infodetails || {};
+    const ownerStep = {
+      ...owner,
+      existingDataSet
+    };
+    onSelect(config.key, {
+      ...formData[config.key],
+      ...ownerStep
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
+    className: "search-form-wrapper",
+    style: {
+      flexDirection: "column",
+      gap: "12px",
+      justifyContent: "flex-start"
+    }
+  }, moduleKey && /*#__PURE__*/React.createElement(CardHeader, null, t(moduleKey)), /*#__PURE__*/React.createElement(CardHeader, null, t("WT_APPLICATION_CREATE_FIXED_POINT")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    className: "primaryColor"
+  }, t("SV_DOC_REQ_SCREEN_SUB_HEADER")), /*#__PURE__*/React.createElement("p", {
+    className: "primaryColor"
+  }, 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"),
+    onSubmit: handleOpenModal
+  }))), showModal && /*#__PURE__*/React.createElement(BookingPopup, {
+    t: t,
+    closeModal: () => setShowModal(false),
+    actionCancelOnSubmit: () => setShowModal(false),
+    onSubmit: () => {
+      goNext();
+      setShowModal(false);
+    },
+    setExistingDataSet: setExistingDataSet
+  }));
+};
+
+const EmergencyFixedPointRequestDetails = ({
+  t,
+  config,
+  onSelect,
+  userType,
+  formData
+}) => {
+  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) || {
+    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 === "EMPcommonConfigLOYEE" ? "100%" : "100%"
+  };
+  const {
+    data: VehicleType
+  } = Digit.Hooks.useCustomMDMS(tenantId, "request-service", [{
+    name: "VehicleType"
+  }], {
+    select: data => {
+      var _data$requestService;
+      const formattedData = data === null || data === void 0 ? void 0 : (_data$requestService = data["request-service"]) === null || _data$requestService === void 0 ? void 0 : _data$requestService["VehicleType"];
+      return formattedData;
+    }
+  });
+  const {
+    data: TankerType
+  } = Digit.Hooks.useCustomMDMS(tenantId, "request-service", [{
+    name: "TankerType"
+  }], {
+    select: data => {
+      var _data$requestService2;
+      const formattedData = data === null || data === void 0 ? void 0 : (_data$requestService2 = data["request-service"]) === null || _data$requestService2 === void 0 ? void 0 : _data$requestService2["TankerType"];
+      return formattedData;
+    }
+  });
+  const {
+    data: TankerDetails
+  } = Digit.Hooks.useCustomMDMS(tenantId, "request-service", [{
+    name: "TankerQuantity"
+  }], {
+    select: data => {
+      var _data$requestService3;
+      const formattedData = data === null || data === void 0 ? void 0 : (_data$requestService3 = data["request-service"]) === null || _data$requestService3 === void 0 ? void 0 : _data$requestService3["TankerQuantity"];
+      return formattedData;
+    }
+  });
+  const {
+    data: WaterTypeData
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Request-service", [{
+    name: "WaterType"
+  }], {
+    select: data => {
+      var _data$RequestService;
+      const formattedData = data === null || data === void 0 ? void 0 : (_data$RequestService = data["Request-service"]) === null || _data$RequestService === void 0 ? void 0 : _data$RequestService["WaterType"];
+      return formattedData;
+    }
+  });
+  let Vehicle = [];
+  let tankerDetails = [];
+  let tankerTypeDetails = [];
+  let WaterType = [];
+  WaterTypeData && WaterTypeData.map(data => {
+    WaterType.push({
+      i18nKey: `${data.code}`,
+      code: `${data.code}`,
+      value: `${data.code}`
+    });
+  });
+  TankerDetails && TankerDetails.map(data => {
+    tankerDetails.push({
+      i18nKey: `${data.code}`,
+      code: `${data.code}`,
+      value: `${data.code}`
+    });
+  });
+  VehicleType && VehicleType.map(data => {
+    Vehicle.push({
+      i18nKey: `${data.capacity}`,
+      code: `${data.capacity}`,
+      value: `${data.capacity}`,
+      vehicleType: data.vehicleType,
+      capacityName: data.capacityName
+    });
+  });
+  TankerType && TankerType.map(data => {
+    tankerTypeDetails.push({
+      i18nKey: `${data.i18nKey}`,
+      code: `${data.code}`,
+      value: `${data.value}`
+    });
+  });
+  const VehicleDetails = Vehicle.map(data => {
+    if (tankerType.code === data.vehicleType) {
+      return {
+        i18nKey: data.capacityName,
+        code: data.code,
+        value: data.capacityName
+      };
+    }
+  }).filter(item => item !== undefined);
+  const TimeInput = () => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center"
+    }, /*#__PURE__*/React.createElement(TextInput, {
+      type: "time",
+      value: deliveryTime,
+      style: inputStyles,
+      onChange: e => setdeliveryTime(e.target.value),
+      min: "06:00",
+      max: "23:59"
+    }));
+  };
+  const setextrachargeHandler = () => {
+    setextraCharge(!extraCharge);
+  };
+  function setDescription(e) {
+    setdescription(e.target.value);
+  }
+  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 = {
+      ...requestDetails,
+      tankerType,
+      deliveryDate,
+      tankerQuantity,
+      waterType,
+      waterQuantity,
+      deliveryTime,
+      description,
+      extraCharge,
+      fileStoreId: uploadedFile
+    };
+    onSelect(config.key, request, false);
+  };
+  useEffect(() => {
+    if (!tankerType && tankerTypeDetails !== null && tankerTypeDetails !== void 0 && tankerTypeDetails.length) {
+      settankerType(tankerTypeDetails[0]);
+    }
+  }, [tankerTypeDetails]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormStep, {
+    config: config,
+    onSelect: goNext,
+    t: t,
+    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,
+    options: tankerTypeDetails,
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      maxHeight: "30px"
+    },
+    innerStyles: {
+      minWidth: "24%"
+    },
+    optionsKey: "i18nKey",
+    name: `tankerType`,
+    value: tankerType,
+    selectedOption: tankerType,
+    onSelect: settankerType,
+    labelKey: "i18nKey",
+    isPTFlow: true
+  })), /*#__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",
+    selected: waterType,
+    placeholder: t("WT_SELECT_WATER_TYPE"),
+    select: setWaterType,
+    option: WaterType,
+    style: inputStyles,
+    optionKey: "i18nKey",
+    t: t
+  })), /*#__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",
+    selected: waterQuantity,
+    placeholder: "Select Water Quantity",
+    select: setwaterQuantity,
+    option: VehicleDetails,
+    style: inputStyles,
+    optionKey: "i18nKey",
+    t: t
+  })), /*#__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",
+    selected: tankerQuantity,
+    placeholder: "Select Tanker Quantity",
+    select: settankerQuantity,
+    option: tankerDetails,
+    style: inputStyles,
+    optionKey: "i18nKey",
+    t: t
+  })), /*#__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,
+    type: "date",
+    isMandatory: false,
+    optionKey: "i18nKey",
+    name: "deliveryDate",
+    style: inputStyles,
+    value: deliveryDate,
+    onChange: setDeliveryDate,
+    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("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("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,
+    type: "text",
+    isMandatory: false,
+    optionKey: "i18nKey",
+    name: "description",
+    value: description,
+    onChange: setDescription,
+    style: inputStyles,
+    ValidationRequired: true
+  }, validation = {
+    isRequired: true,
+    pattern: "^[a-zA-Z ]+$",
+    type: "tel",
+    title: t("PT_NAME_ERROR_MESSAGE")
+  }))), 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$1 = ({
+  jumpTo
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  function routeTo() {
+    history.push(jumpTo);
+  }
+  return /*#__PURE__*/React.createElement(LinkButton, {
+    label: /*#__PURE__*/React.createElement(EditIcon, {
+      style: {
+        marginTop: "-30px",
+        float: "right",
+        position: "relative",
+        bottom: "32px"
+      }
+    }),
+    className: "check-page-link-button",
+    onClick: routeTo
+  });
+};
+const openFilePDF$1 = fileId => {
+  Digit.UploadServices.Filefetch([fileId], Digit.ULBService.getStateId()).then(res => {
+    var _res$data, _res$data$fileStoreId, _res$data$fileStoreId2;
+    const concatenatedUrls = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$fileStoreId = _res$data.fileStoreIds) === null || _res$data$fileStoreId === void 0 ? void 0 : (_res$data$fileStoreId2 = _res$data$fileStoreId[0]) === null || _res$data$fileStoreId2 === void 0 ? void 0 : _res$data$fileStoreId2.url;
+    if (concatenatedUrls) {
+      const urlArray = concatenatedUrls.split(",");
+      const fileUrl = urlArray[0];
+      if (fileUrl) {
+        window.open(fileUrl, "_blank");
+      } else {
+        console.error("No valid URL found to open!");
+      }
+    } else {
+      console.error("URL is missing in the response!");
+    }
+  }).catch(error => {
+    console.error("Error fetching file:", error);
+  });
+};
+const WTEmergencyFixedPointCheckPage = ({
+  onSubmit,
+  value: _value = {}
+}) => {
+  var _address$city, _address$city$city, _address$locality, _serviceType$serviceT, _requestDetails$tanke, _requestDetails$water, _requestDetails$tanke2, _requestDetails$water2, _serviceType$serviceT2, _toiletRequestDetails, _serviceType$serviceT3, _treePruningRequestDe;
+  const {
+    t
+  } = useTranslation();
+  const {
+    pathname
+  } = useLocation();
+  const {
+    owner,
+    requestDetails,
+    address,
+    serviceType,
+    toiletRequestDetails,
+    treePruningRequestDetails
+  } = _value;
+  const [agree, setAgree] = useState(false);
+  const immediateRequired = requestDetails !== null && requestDetails !== void 0 && requestDetails.extraCharge ? "YES" : "NO";
+  const [fileUrl, setFileUrl] = useState(null);
+  const baseUrl = pathname.includes("citizen") ? `${APPLICATION_PATH}/citizen/wt/fixed-point/request-service` : `${APPLICATION_PATH}/employee/wt/fixed-point/request-service`;
+  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, {
+    className: "overflow-y-scroll"
+  }, /*#__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",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("COMMON_APPLICANT_NAME"),
+    text: `${t(checkForNA(owner === null || owner === void 0 ? void 0 : owner.applicantName))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton$1, {
+      jumpTo: `${baseUrl}/fp-applicant-details`
+    })
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("COMMON_MOBILE_NUMBER"),
+    text: `${t(checkForNA(owner === null || owner === void 0 ? void 0 : owner.mobileNumber))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("COMMON_ALT_MOBILE_NUMBER"),
+    text: `${t(checkForNA(owner === null || owner === void 0 ? void 0 : owner.alternateNumber))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("COMMON_EMAIL_ID"),
+    text: `${t(checkForNA(owner === null || owner === void 0 ? void 0 : owner.emailId))}`
+  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("ES_TITLE_ADDRESS_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      marginTop: "30px",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("HOUSE_NO"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.houseNo))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton$1, {
+      jumpTo: `${baseUrl}/fp-address-details`
+    })
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("ADDRESS_LINE1"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.addressLine1))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("ADDRESS_LINE2"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.addressLine2))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("CITY"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : (_address$city = address.city) === null || _address$city === void 0 ? void 0 : (_address$city$city = _address$city.city) === null || _address$city$city === void 0 ? void 0 : _address$city$city.name))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("LOCALITY"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : (_address$locality = address.locality) === null || _address$locality === void 0 ? void 0 : _address$locality.i18nKey))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("PINCODE"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.pincode))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("LANDMARK"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.landmark))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("STREET_NAME"),
+    text: `${t(checkForNA(address === null || address === void 0 ? void 0 : address.streetName))}`
+  })), (serviceType === null || serviceType === void 0 ? void 0 : (_serviceType$serviceT = serviceType.serviceType) === null || _serviceType$serviceT === void 0 ? void 0 : _serviceType$serviceT.code) === "WT" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("WT_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      marginTop: "30px",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_TANKER_TYPE"),
+    text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : (_requestDetails$tanke = requestDetails.tankerType) === null || _requestDetails$tanke === void 0 ? void 0 : _requestDetails$tanke.value))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton$1, {
+      jumpTo: `${baseUrl}/fp-request-details`
+    })
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_WATER_TYPE"),
+    text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : (_requestDetails$water = requestDetails.waterType) === null || _requestDetails$water === void 0 ? void 0 : _requestDetails$water.code))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_TANKER_QUANTITY"),
+    text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : (_requestDetails$tanke2 = requestDetails.tankerQuantity) === null || _requestDetails$tanke2 === void 0 ? void 0 : _requestDetails$tanke2.code))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_WATER_QUANTITY"),
+    text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : (_requestDetails$water2 = requestDetails.waterQuantity) === null || _requestDetails$water2 === void 0 ? void 0 : _requestDetails$water2.value))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_DELIVERY_DATE"),
+    text: `${t(checkForNA(formatDate(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.deliveryDate)))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WT_DELIVERY_TIME"),
+    text: `${checkForNA(convertTo12HourFormat(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.deliveryTime))}`
+  }), /*#__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$1(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))}`
+  }))), (serviceType === null || serviceType === void 0 ? void 0 : (_serviceType$serviceT2 = serviceType.serviceType) === null || _serviceType$serviceT2 === void 0 ? void 0 : _serviceType$serviceT2.code) === "MobileToilet" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ES_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      marginTop: "30px",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_NUMBER_OF_MOBILE_TOILETS"),
+    text: `${t(checkForNA(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : (_toiletRequestDetails = toiletRequestDetails.mobileToilet) === null || _toiletRequestDetails === void 0 ? void 0 : _toiletRequestDetails.code))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton$1, {
+      jumpTo: `${baseUrl}/fp-request-details`
+    })
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_DELIVERY_FROM_DATE"),
+    text: `${t(checkForNA(formatDate(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : toiletRequestDetails.deliveryfromDate)))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_DELIVERY_TO_DATE"),
+    text: `${t(formatDate(checkForNA(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : toiletRequestDetails.deliverytoDate)))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_REQUIREMNENT_FROM_TIME"),
+    text: checkForNA(convertTo12HourFormat(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : toiletRequestDetails.deliveryfromTime))
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_REQUIREMNENT_TO_TIME"),
+    text: checkForNA(convertTo12HourFormat(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : toiletRequestDetails.deliverytoTime))
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("MT_SPECIAL_REQUEST"),
+    text: `${t(checkForNA(toiletRequestDetails === null || toiletRequestDetails === void 0 ? void 0 : toiletRequestDetails.specialRequest))}`
+  }))), (serviceType === null || serviceType === void 0 ? void 0 : (_serviceType$serviceT3 = serviceType.serviceType) === null || _serviceType$serviceT3 === void 0 ? void 0 : _serviceType$serviceT3.code) === "TREE_PRUNING" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("TP_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      marginTop: "30px",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("REASON_FOR_PRUNING"),
+    text: `${t(checkForNA(treePruningRequestDetails === null || treePruningRequestDetails === void 0 ? void 0 : (_treePruningRequestDe = treePruningRequestDetails.reasonOfPruning) === null || _treePruningRequestDe === void 0 ? void 0 : _treePruningRequestDe.code))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton$1, {
+      jumpTo: `${baseUrl}/fp-request-details`
+    })
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("LOCATION_GEOTAG"),
+    text: `${t(checkForNA(treePruningRequestDetails === null || treePruningRequestDetails === void 0 ? void 0 : treePruningRequestDetails.geoTagLocation))}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("UPLOAD_THE_SITE_PHOTOGRAPH"),
+    text: /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        cursor: "pointer"
+      },
+      onClick: () => openFilePDF$1(treePruningRequestDetails === null || treePruningRequestDetails === void 0 ? void 0 : treePruningRequestDetails.supportingDocumentFile)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, null))
+  }))), /*#__PURE__*/React.createElement(CheckBox, {
+    label: t("FINAL_DECLARATION_MESSAGE"),
+    onChange: setdeclarationhandler,
+    checked: agree
+  })), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("COMMON_BUTTON_SUBMIT"),
+    onSubmit: onSubmit,
+    disabled: !agree
+  })));
+};
+
+const GetActionMessage$3 = props => {
+  const {
+    t
+  } = useTranslation();
+  if (props.isSuccess) {
+    return t("WT_SUBMIT_SUCCESSFULL");
+  } else if (props.isLoading) {
+    return t("WT_APPLICATION_PENDING");
+  } else if (!props.isSuccess) return t("WT_APPLICATION_FAILED");
+};
+const rowContainerStyle$3 = {
+  padding: "4px 0px",
+  justifyContent: "space-between"
+};
+const BannerPicker$3 = props => {
+  var _props$data, _props$data$waterTank;
+  return /*#__PURE__*/React.createElement(Banner, {
+    message: GetActionMessage$3(props),
+    applicationNumber: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : (_props$data$waterTank = _props$data.waterTankerBookingDetail) === null || _props$data$waterTank === void 0 ? void 0 : _props$data$waterTank.bookingNo,
+    info: props.isSuccess ? props.t("WT_BOOKING_NO") : "",
+    successful: props.isSuccess,
+    style: {
+      width: "100%"
+    }
+  });
+};
+const WTEmergencyFixedPointAcknowledgement = ({
+  data,
+  onSuccess
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const tenantId = Digit.ULBService.getCitizenCurrentTenant(true) || Digit.ULBService.getCurrentTenantId();
+  const mutation = Digit.Hooks.wt.useTankerCreateAPI(tenantId);
+  const user = Digit.UserService.getUser().info;
+  const {
+    data: storeData
+  } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
+  const {
+    isLoading,
+    data: workflow
+  } = Digit.Hooks.useWorkflowDetails({
+    tenantId: tenantId,
+    moduleCode: "watertanker-fixedpoint"
+  });
+  console.log(workflow, "wt");
+  useEffect(() => {
+    try {
+      data.tenantId = tenantId;
+      let formdata = EmergencyFixedPointInfoPage(data);
+      mutation.mutate(formdata, {
+        onSuccess
+      });
+    } catch (err) {}
+  }, []);
+  Digit.Hooks.useCustomBackNavigation({
+    redirectPath: "${APPLICATION_PATH}/citizen"
+  });
+  const handleDownloadPdf = async () => {
+    var _mutation$data;
+    let waterTankerDetail = (_mutation$data = mutation.data) === null || _mutation$data === void 0 ? void 0 : _mutation$data.waterTankerBookingDetail;
+    const tenantInfo = tenants.find(tenant => tenant.code === waterTankerDetail.tenantId);
+    const data = await getWTAcknowledgementData({
+      ...waterTankerDetail
+    }, tenantInfo, t);
+    Digit.Utils.pdf.generate(data);
+  };
+  return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, {
+    className: "vehicle-details-card"
+  }, /*#__PURE__*/React.createElement(BannerPicker$3, {
+    t: t,
+    data: mutation.data,
+    isSuccess: mutation.isSuccess,
+    isLoading: mutation.isIdle || mutation.isLoading
+  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+    rowContainerStyle: rowContainerStyle$3,
+    last: true,
+    textStyle: {
+      whiteSpace: "pre",
+      width: "60%"
+    }
+  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("WT_DOWNLOAD_ACKNOWLEDGEMENT"),
+    onSubmit: handleDownloadPdf
+  }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/citizen`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })) : /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/employee`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })));
+};
+
+const GetActionMessage$4 = props => {
+  console.log("GetActionMessage", props);
+  const {
+    t
+  } = useTranslation();
+  if (props.isSuccess) {
+    return t("MT_SUBMIT_SUCCESSFULL");
+  } else if (props.isLoading) {
+    return t("MT_APPLICATION_PENDING");
+  } else if (!props.isSuccess) return t("MT_APPLICATION_FAILED");
+};
+const rowContainerStyle$4 = {
+  padding: "4px 0px",
+  justifyContent: "space-between"
+};
+const BannerPicker$4 = props => {
+  var _props$data, _props$data$mobileToi;
+  console.log("BannerPicker", props);
+  return /*#__PURE__*/React.createElement(Banner, {
+    message: GetActionMessage$4(props),
+    applicationNumber: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : (_props$data$mobileToi = _props$data.mobileToiletBookingDetail) === null || _props$data$mobileToi === void 0 ? void 0 : _props$data$mobileToi.bookingNo,
+    info: props.isSuccess ? props.t("MT_BOOKING_NO") : "",
+    successful: props.isSuccess,
+    style: {
+      width: "100%"
+    }
+  });
+};
+const MTEmergencyFixedPointAcknowledgement = ({
+  data,
+  onSuccess
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const tenantId = Digit.ULBService.getCitizenCurrentTenant(true) || Digit.ULBService.getCurrentTenantId();
+  const mutation = Digit.Hooks.wt.useMobileToiletCreateAPI(tenantId);
+  const user = Digit.UserService.getUser().info;
+  const {
+    data: storeData
+  } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
+  useEffect(() => {
+    try {
+      data.tenantId = tenantId;
+      let formdata = mobileToiletPayload(data);
+      mutation.mutate(formdata, {
+        onSuccess
+      });
+    } catch (err) {}
+  }, []);
+  Digit.Hooks.useCustomBackNavigation({
+    redirectPath: '${APPLICATION_PATH}/citizen'
+  });
+  const handleDownloadPdf = async () => {
+    var _mutation$data;
+    let mobileToiletDetail = (_mutation$data = mutation.data) === null || _mutation$data === void 0 ? void 0 : _mutation$data.mobileToiletBookingDetail;
+    const tenantInfo = tenants.find(tenant => tenant.code === mobileToiletDetail.tenantId);
+    const data = await getMTAcknowledgementData({
+      ...mobileToiletDetail
+    }, 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$4, {
+    t: t,
+    data: mutation.data,
+    isSuccess: mutation.isSuccess,
+    isLoading: mutation.isIdle || mutation.isLoading
+  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+    rowContainerStyle: rowContainerStyle$4,
+    last: true,
+    textStyle: {
+      whiteSpace: "pre",
+      width: "60%"
+    }
+  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("MT_DOWNLOAD_ACKNOWLEDGEMENT"),
+    onSubmit: handleDownloadPdf
+  }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/citizen`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })) : /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/employee`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })));
+};
+
+const GetActionMessage$5 = props => {
+  const {
+    t
+  } = useTranslation();
+  if (props.isSuccess) {
+    return t("TP_SUBMIT_SUCCESSFULL");
+  } else if (props.isLoading) {
+    return t("TP_APPLICATION_PENDING");
+  } else if (!props.isSuccess) return t("TP_APPLICATION_FAILED");
+};
+const rowContainerStyle$5 = {
+  padding: "4px 0px",
+  justifyContent: "space-between"
+};
+const BannerPicker$5 = props => {
+  var _props$data, _props$data$treePruni;
+  console.log("BannerPicker", props);
+  return /*#__PURE__*/React.createElement(Banner, {
+    message: GetActionMessage$5(props),
+    applicationNumber: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : (_props$data$treePruni = _props$data.treePruningBookingDetail) === null || _props$data$treePruni === void 0 ? void 0 : _props$data$treePruni.bookingNo,
+    info: props.isSuccess ? props.t("TP_BOOKING_NO") : "",
+    successful: props.isSuccess,
+    style: {
+      width: "100%"
+    }
+  });
+};
+const EmergencyFixedPointTPAcknowledgement = ({
+  data,
+  onSuccess
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const tenantId = Digit.ULBService.getCitizenCurrentTenant(true) || Digit.ULBService.getCurrentTenantId();
+  const mutation = Digit.Hooks.wt.useTreePruningCreateAPI(tenantId);
+  const user = Digit.UserService.getUser().info;
+  const {
+    data: storeData
+  } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
+  useEffect(() => {
+    try {
+      data.tenantId = tenantId;
+      let formdata = treePruningPayload(data);
+      mutation.mutate(formdata, {
+        onSuccess
+      });
+    } catch (err) {}
+  }, []);
+  Digit.Hooks.useCustomBackNavigation({
+    redirectPath: '${APPLICATION_PATH}/citizen'
+  });
+  const handleDownloadPdf = async () => {
+    var _mutation$data;
+    let treePruningDetail = (_mutation$data = mutation.data) === null || _mutation$data === void 0 ? void 0 : _mutation$data.treePruningBookingDetail;
+    const tenantInfo = tenants.find(tenant => tenant.code === treePruningDetail.tenantId);
+    const data = await getTPAcknowledgementData({
+      ...treePruningDetail
+    }, 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$5, {
+    t: t,
+    data: mutation.data,
+    isSuccess: mutation.isSuccess,
+    isLoading: mutation.isIdle || mutation.isLoading
+  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+    rowContainerStyle: rowContainerStyle$5,
+    last: true,
+    textStyle: {
+      whiteSpace: "pre",
+      width: "60%"
+    }
+  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("TP_DOWNLOAD_ACKNOWLEDGEMENT"),
+    onSubmit: handleDownloadPdf
+  }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/citizen`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })) : /*#__PURE__*/React.createElement(Link, {
+    to: `${APPLICATION_PATH}/employee`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("CORE_COMMON_GO_TO_HOME")
+  })));
+};
+
+const fixedPointConfig = [{
+  head: "FP_INFO",
+  body: [{
+    route: "fp-info",
+    component: "EmergencyFixedPointInfoPage",
+    nextStep: "fp-applicant-details",
+    key: "fpInfoDetails"
+  }]
+}, {
+  head: "ES_TITILE_OWNER_DETAILS",
+  body: [{
+    route: "fp-applicant-details",
+    component: "ApplicantDetails",
+    withoutLabel: true,
+    key: "owner",
+    type: "component",
+    nextStep: "fp-address-details",
+    isMandatory: true,
+    texts: {
+      submitBarLabel: "COMMON_SAVE_NEXT",
+      header: "ES_APPLICANT_DETAILS"
+    },
+    timeLine: [{
+      currentStep: 1,
+      actions: "ES_APPLICANT_DETAILS"
+    }]
+  }]
+}, {
+  head: "ES_TITLE_ADDRESS_DETAILS",
+  body: [{
+    route: "fp-address-details",
+    component: "AddressDetails",
+    withoutLabel: true,
+    key: "address",
+    type: "component",
+    isMandatory: true,
+    nextStep: "fp-request-details",
+    texts: {
+      submitBarLabel: "COMMON_SAVE_NEXT",
+      header: "ES_ADDRESS_DETAILS"
+    },
+    timeLine: [{
+      currentStep: 2,
+      actions: "ES_ADDRESS_DETAILS"
+    }]
+  }]
+}, {
+  head: "FP_REQUEST_DETAILS",
+  body: [{
+    route: "fp-request-details",
+    component: "EmergencyFixedPointRequestDetails",
+    withoutLabel: true,
+    key: "requestDetails",
+    type: "component",
+    isMandatory: true,
+    nextStep: null,
+    texts: {
+      submitBarLabel: "COMMON_SAVE_NEXT",
+      header: "FP_REQUEST_DETAILS"
+    },
+    timeLine: [{
+      currentStep: 3,
+      actions: "FP_REQUEST_DETAILS"
+    }]
+  }]
+}];
+
+const WTEmergencyFixedPointCreate = () => {
+  var _userInfo$info, _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi;
+  const queryClient = useQueryClient();
+  const match = useRouteMatch();
+  const {
+    t
+  } = useTranslation();
+  const {
+    pathname
+  } = useLocation();
+  const history = useHistory();
+  const [params, setParams, clearParams] = Digit.Hooks.useSessionStorage("FP_Create", {});
+  const userInfo = Digit.UserService.getUser();
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const uuid = userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : _userInfo$info.uuid;
+  const {
+    data: userDetails
+  } = Digit.Hooks.useUserSearch(tenantId, {
+    uuid: [uuid]
+  }, {}, {
+    enabled: uuid ? true : false
+  });
+  let config = [];
+  fixedPointConfig.forEach(obj => {
+    config = config.concat(obj.body);
+  });
+  config.indexRoute = "fp-info";
+  if (params && Object.keys(params).length > 0 && window.location.href.includes("/fp-info") && sessionStorage.getItem("docReqScreenByBack") !== "true") {
+    clearParams();
+    queryClient.invalidateQueries("FP_Create");
+  }
+  const goNext = (skipStep, index, isAddMultiple, key) => {
+    let currentPath = pathname.split("/").pop();
+    let isMultiple = false;
+    let nextPage;
+    const lastchar = currentPath.charAt(currentPath.length - 1);
+    if (Number(parseInt(currentPath)) || currentPath === "0" || currentPath === "-1") {
+      if (currentPath === "-1" || currentPath === "-2") {
+        currentPath = pathname.slice(0, -3).split("/").pop();
+      } else {
+        currentPath = pathname.slice(0, -2).split("/").pop();
+      }
+      isMultiple = true;
+    } else {
+      isMultiple = false;
+    }
+    if (!isNaN(lastchar)) isMultiple = true;
+    let routeObj = config.find(r => key ? r.key === key : r.route === currentPath);
+    if (!routeObj) routeObj = config.find(r => r.route === currentPath);
+    let {
+      nextStep = {}
+    } = routeObj || {};
+    let redirectWithHistory = skipStep ? history.replace : history.push;
+    if (isAddMultiple) nextStep = key;
+    if (nextStep === null) {
+      return redirectWithHistory(`${match.path}/fp-check`);
+    }
+    if (!isNaN(nextStep.split("/").pop())) {
+      nextPage = `${match.path}/${nextStep}`;
+    } else {
+      nextPage = isMultiple && nextStep !== "map" ? `${match.path}/${nextStep}/${index}` : `${match.path}/${nextStep}`;
+    }
+    redirectWithHistory(nextPage);
+  };
+  const wt_create = async () => {
+    history.push(`${match.path}/fp-wt-acknowledgement`);
+  };
+  function handleSelect(key, data, skipStep, index, isAddMultiple = false) {
+    if (key === "owners") {
+      let owners = params.owners || [];
+      owners[index] = data;
+      setParams({
+        ...params,
+        [key]: [...owners]
+      });
+    } else if (key === "units") {
+      setParams({
+        ...params,
+        units: data
+      });
+    } else {
+      setParams({
+        ...params,
+        [key]: {
+          ...params[key],
+          ...data
+        }
+      });
+    }
+    goNext(skipStep, index, isAddMultiple, key);
+  }
+  const onSuccess = () => {
+    clearParams();
+    queryClient.invalidateQueries("FP_Create");
+  };
+  const formStepRoutes = ["fp-applicant-details", "fp-address-details", "fp-request-details"];
+  const isFormStep = formStepRoutes.some(route => pathname.includes(route));
+  const sectionRefs = useRef({});
+  useEffect(() => {
+    if (isFormStep) {
+      const currentRoute = pathname.split("/").pop();
+      if (sectionRefs.current[currentRoute]) {
+        sectionRefs.current[currentRoute].scrollIntoView({
+          behavior: "smooth",
+          block: "start"
+        });
+      }
+    }
+  }, [pathname, isFormStep]);
+  const CheckPage = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("EmergencyFixedPointCheckPage");
+  const WTAcknowledgement = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WTEmergencyFixedPointAcknowledgement");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section-wrapper"
+  }, !pathname.includes("/fp-info") && /*#__PURE__*/React.createElement(VerticalTimeline, {
+    config: config,
+    showFinalStep: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section"
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    path: `${match.path}/fp-check`
+  }, /*#__PURE__*/React.createElement(CheckPage, {
+    onSubmit: wt_create,
+    value: params
+  })), /*#__PURE__*/React.createElement(Route, {
+    path: `${match.path}/fp-wt-acknowledgement`
+  }, /*#__PURE__*/React.createElement(WTAcknowledgement, {
+    data: params,
+    onSuccess: onSuccess
+  })), config.map((routeObj, index) => {
+    if (!formStepRoutes.includes(routeObj.route)) {
+      var _userDetails$user;
+      const {
+        component,
+        texts,
+        inputs,
+        key,
+        additionaFields
+      } = routeObj;
+      const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
+      return /*#__PURE__*/React.createElement(Route, {
+        path: `${match.path}/${routeObj.route}`,
+        key: index
+      }, /*#__PURE__*/React.createElement(Component, {
+        config: {
+          texts,
+          inputs,
+          key,
+          additionaFields
+        },
+        onSelect: handleSelect,
+        t: t,
+        formData: params,
+        userDetails: userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$user = userDetails.user) === null || _userDetails$user === void 0 ? void 0 : _userDetails$user[0]
+      }));
+    }
+    return null;
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: formStepRoutes.map(route => `${match.path}/${route}`)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "single-page-form-container"
+  }, config.filter(routeObj => formStepRoutes.includes(routeObj.route)).map((routeObj, index) => {
+    var _userDetails$user2;
+    const {
+      component,
+      texts,
+      inputs,
+      key,
+      additionaFields
+    } = routeObj;
+    const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      ref: el => sectionRefs.current[routeObj.route] = el,
+      className: "form-section-unit"
+    }, /*#__PURE__*/React.createElement(Component, {
+      config: {
+        ...routeObj,
+        isCollapsible: true,
+        defaultOpen: true
+      },
+      onSelect: handleSelect,
+      t: t,
+      formData: params,
+      userDetails: userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$user2 = userDetails.user) === null || _userDetails$user2 === void 0 ? void 0 : _userDetails$user2[0]
+    }));
+  }))), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
+    to: `${match.path}/${config.indexRoute}`
+  }))))));
+};
+
 const WTModule = ({
   stateCode,
   userType,
@@ -24842,7 +26035,14 @@ const componentsToRegister = {
   AddFixPointAddress,
   AddFillingPointMetaData,
   WTSearchPointAddress: SearchFillingPointAddress,
-  VendorAssign
+  VendorAssign,
+  EmergencyFixedPointInfoPage: EmergencyFixedPointInfoPage$1,
+  EmergencyFixedPointRequestDetails,
+  EmergencyFixedPointCheckPage: WTEmergencyFixedPointCheckPage,
+  WTEmergencyFixedPointAcknowledgement,
+  MTEmergencyFixedPointAcknowledgement,
+  EmergencyFixedPointTPAcknowledgement,
+  WTEmergencyFixedPointCreate
 };
 const initWTComponents = () => {
   Object.entries(componentsToRegister).forEach(([key, value]) => {