@djb25/digit-ui-module-wt 1.0.37 → 1.0.39

package/dist/index.modern.js

@@ -2592,19 +2592,6 @@ const InboxLinks = ({
   const {
     t
   } = useTranslation();
-  const allLinks = [];
-  const [links, setLinks] = useState([]);
-  const {
-    roles: userRoles
-  } = Digit.UserService.getUser().info;
-  useEffect(() => {
-    let linksToShow = allLinks.filter(e => e.businessService === businessService).filter(({
-      roles
-    }) => roles.some(e => userRoles.map(({
-      code
-    }) => code).includes(e)) || !(roles !== null && roles !== void 0 && roles.length));
-    setLinks(linksToShow);
-  }, []);
   const GetLogo = () => /*#__PURE__*/React.createElement("div", {
     className: "header"
   }, /*#__PURE__*/React.createElement("span", {
@@ -2618,23 +2605,7 @@ const InboxLinks = ({
       className: "filter inboxLinks"
     }, /*#__PURE__*/React.createElement("div", {
       className: "complaint-links-container"
-    }, Digit.UserService.getUser().info.type !== "CITIZEN" && GetLogo(), /*#__PURE__*/React.createElement("div", {
-      className: "body"
-    }, links.map(({
-      link,
-      text,
-      hyperlink: _hyperlink = false,
-      roles: _roles = []
-    }, index) => {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "link",
-        key: index
-      }, _hyperlink ? /*#__PURE__*/React.createElement("a", {
-        href: link
-      }, text) : /*#__PURE__*/React.createElement(Link, {
-        to: link
-      }, t(text)));
-    }))))
+    }, Digit.UserService.getUser().info.type !== "CITIZEN" && GetLogo()))
   );
 };
 
@@ -4641,6 +4612,25 @@ const calculateDistance = (lat1, lon1, lat2, lon2) => {
 function deg2rad(deg) {
   return deg * (Math.PI / 180);
 }
+const geocodeAddress = async address => {
+  if (!address || !address.trim()) return null;
+  try {
+    const response = await fetch(`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(address)}`, {
+      headers: {
+        "Accept-Language": "en",
+        "User-Agent": "Digit-UI-WT-Module"
+      }
+    });
+    if (!response.ok) {
+      throw new Error(`Geocoding failed: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.error("Error in geocodeAddress:", error);
+    return null;
+  }
+};
 
 delete L.Icon.Default.prototype._getIconUrl;
 L.Icon.Default.mergeOptions({
@@ -5232,20 +5222,18 @@ function LiveTrackingSystem() {
   } = Digit.Hooks.fsm.useVendorSearch({
     tenantId,
     filters: {
-      status: "ACTIVE"
+      status: "ACTIVE",
+      ...(selectedFillingPoint !== null && selectedFillingPoint !== void 0 && selectedFillingPoint.id ? {
+        fillingPointId: selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.id
+      } : {})
     },
     config: {
       select: data => (data === null || data === void 0 ? void 0 : data.vendor) || []
     }
   });
   const filteredVendorOptions = useMemo(() => {
-    if (!vendorOptions || !vendorOptions.length) return [];
-    if (!selectedFillingPoint) return vendorOptions;
-    return vendorOptions.filter(vendor => {
-      var _vendor$fillingPoint;
-      return (vendor === null || vendor === void 0 ? void 0 : (_vendor$fillingPoint = vendor.fillingPoint) === null || _vendor$fillingPoint === void 0 ? void 0 : _vendor$fillingPoint.id) === (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.id);
-    });
-  }, [vendorOptions, selectedFillingPoint]);
+    return vendorOptions || [];
+  }, [vendorOptions]);
   useEffect(() => {
     if (vendorOptions !== null && vendorOptions !== void 0 && vendorOptions.length && Object.keys(drivers).length) {
       var _vendorOptions$, _vendorOptions$2, _vendorOptions$2$driv;
@@ -5354,8 +5342,7 @@ function LiveTrackingSystem() {
     const matchesFillingPoint = !selectedFillingPoint || (() => {
       if (!vendorOptions || !vendorOptions.length) return false;
       return vendorOptions.some(vendor => {
-        var _vendor$fillingPoint2, _vendor$drivers2;
-        if ((vendor === null || vendor === void 0 ? void 0 : (_vendor$fillingPoint2 = vendor.fillingPoint) === null || _vendor$fillingPoint2 === void 0 ? void 0 : _vendor$fillingPoint2.id) !== (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.id)) return false;
+        var _vendor$drivers2;
         return (_vendor$drivers2 = vendor.drivers) === null || _vendor$drivers2 === void 0 ? void 0 : _vendor$drivers2.some(d => {
           var _d$owner5, _d$owner6, _d$owner7, _d$owner8;
           return ((_d$owner5 = d.owner) === null || _d$owner5 === void 0 ? void 0 : _d$owner5.mobileNumber) === driver.driverId || ((_d$owner6 = d.owner) === null || _d$owner6 === void 0 ? void 0 : _d$owner6.uuid) === driver.driverId || d.id === driver.driverId || String((_d$owner7 = d.owner) === null || _d$owner7 === void 0 ? void 0 : _d$owner7.mobileNumber) === String(driver.driverId) || String((_d$owner8 = d.owner) === null || _d$owner8 === void 0 ? void 0 : _d$owner8.uuid) === String(driver.driverId);
@@ -6131,7 +6118,7 @@ const AddFixFillAddress = ({
   isEdit,
   userDetails
 }) => {
-  var _location$state, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7, _formData$address8, _formData$address9, _formData$address0, _formData$address1, _formData$address10, _formData$address11, _userDetails$addresse;
+  var _location$state, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7, _formData$address8, _formData$address9, _formData$address0, _formData$address1, _formData$address10, _formData$address11, _formData$address12, _userDetails$addresse;
   const {
     data: allCities
   } = Digit.Hooks.useTenants();
@@ -6146,12 +6133,17 @@ const AddFixFillAddress = ({
   const [landmark, setLandmark] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address6 = formData.address) === null || _formData$address6 === void 0 ? void 0 : _formData$address6.landmark) || "");
   const [addressLine1, setAddressLine1] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address7 = formData.address) === null || _formData$address7 === void 0 ? void 0 : _formData$address7.addressLine1) || "");
   const [addressLine2, setAddressLine2] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address8 = formData.address) === null || _formData$address8 === void 0 ? void 0 : _formData$address8.addressLine2) || "");
-  const [addressType, setAddressType] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address9 = formData.address) === null || _formData$address9 === void 0 ? void 0 : _formData$address9.addressType) || null);
+  const [addressType, setAddressType] = useState(formData !== null && formData !== void 0 && (_formData$address9 = formData.address) !== null && _formData$address9 !== void 0 && _formData$address9.addressType ? allOptions.find(a => a.code === formData.address.addressType) || formData.address.addressType : allOptions.find(a => a.code === "PERMANENT"));
   const [zone, setZone] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address0 = formData.address) === null || _formData$address0 === void 0 ? void 0 : _formData$address0.zone) || "");
   const [block, setBlock] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address1 = formData.address) === null || _formData$address1 === void 0 ? void 0 : _formData$address1.block) || "");
-  const [latitude, setLatitude] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address10 = formData.address) === null || _formData$address10 === void 0 ? void 0 : _formData$address10.latitude) || "");
-  const [longitude, setLongitude] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address11 = formData.address) === null || _formData$address11 === void 0 ? void 0 : _formData$address11.longitude) || "");
+  const [assembly, setAssembly] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address10 = formData.address) === null || _formData$address10 === void 0 ? void 0 : _formData$address10.assembly) || "");
+  const [latitude, setLatitude] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address11 = formData.address) === null || _formData$address11 === void 0 ? void 0 : _formData$address11.latitude) || "");
+  const [longitude, setLongitude] = useState((formData === null || formData === void 0 ? void 0 : (_formData$address12 = formData.address) === null || _formData$address12 === void 0 ? void 0 : _formData$address12.longitude) || "");
   const [selectedAddress, setSelectedAddress] = useState("");
+  const [showPincodeSuggestions, setShowPincodeSuggestions] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [geocodedAddress, setGeocodedAddress] = useState(null);
   const isInitialized = useRef(!isEdit);
   const lastSyncedAddress = useRef(null);
   const lastBookingId = useRef(null);
@@ -6183,27 +6175,32 @@ const AddFixFillAddress = ({
   const structuredLocality = useMemo(() => {
     let localities = [];
     const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
-    const extractLocalities = (node, zone = null, ward = null) => {
+    const extractLocalities = (node, zone = null, ward = null, assembly = null) => {
       if (!node) return;
       let currentZone = zone;
       let currentWard = ward;
+      let currentAssembly = assembly;
       if (node.label === "Zone" || node.label === "ZONE") {
         currentZone = node.localname || node.code || node.name;
       }
       if (node.label === "Ward" || node.label === "WARD" || node.label === "Block" || node.label === "BLOCK") {
         currentWard = node.code || node.localname || node.name;
       }
+      if (node.label === "Assembly Constituency" || node.label === "ASSEMBLY_CONSTITUENCY") {
+        currentAssembly = node.code || node.localname || node.name;
+      }
       if (node.label === "Locality" || node.label === "LOCALITY") {
         localities.push({
           ...node,
           name: node.localname || node.name || node.code,
           i18nkey: node.i18nkey || `${tenantId.replace(".", "_")}_REVENUE_${node.code}`.toUpperCase(),
           zone: currentZone,
-          ward: currentWard
+          ward: currentWard,
+          assembly: currentAssembly
         });
       }
       if (node.children && node.children.length > 0) {
-        node.children.forEach(child => extractLocalities(child, currentZone, currentWard));
+        node.children.forEach(child => extractLocalities(child, currentZone, currentWard, currentAssembly));
       }
     };
     boundaries.forEach(rootNode => extractLocalities(rootNode));
@@ -6239,15 +6236,17 @@ const AddFixFillAddress = ({
   }, [structuredLocality, city]);
   const filteredLocalities = useMemo(() => {
     if (!pincode) return structuredLocality;
+    const isPincodeInList = fetchedPincodes.some(p => p.code === pincode);
+    if (!isPincodeInList) return structuredLocality;
     return structuredLocality.filter(loc => {
       if (!loc.pincode) return false;
       const pins = Array.isArray(loc.pincode) ? loc.pincode : [loc.pincode];
       return pins.some(p => p.toString() === pincode);
     });
-  }, [structuredLocality, pincode]);
+  }, [structuredLocality, pincode, fetchedPincodes]);
   useEffect(() => {
-    var _formData$address12;
-    const currentId = (formData === null || formData === void 0 ? void 0 : formData.id) || (formData === null || formData === void 0 ? void 0 : formData.bookingId) || (formData === null || formData === void 0 ? void 0 : (_formData$address12 = formData.address) === null || _formData$address12 === void 0 ? void 0 : _formData$address12.id);
+    var _formData$address13;
+    const currentId = (formData === null || formData === void 0 ? void 0 : formData.id) || (formData === null || formData === void 0 ? void 0 : formData.bookingId) || (formData === null || formData === void 0 ? void 0 : (_formData$address13 = formData.address) === null || _formData$address13 === void 0 ? void 0 : _formData$address13.id);
     if (currentId && lastBookingId.current !== currentId) {
       isInitialized.current = false;
       lastBookingId.current = currentId;
@@ -6265,26 +6264,25 @@ const AddFixFillAddress = ({
       setLandmark(addressData.landmark || "");
       setAddressLine1(addressData.addressLine1 || "");
       setAddressLine2(addressData.addressLine2 || "");
-      setAddressType(allOptions.find(a => a.code === addressData.addressType) || addressData.addressType || null);
+      setAddressType(allOptions.find(a => a.code === addressData.addressType) || addressData.addressType || allOptions.find(a => a.code === "PERMANENT"));
       setZone(addressData.zone || "");
-      setBlock(addressData.block || "");
+      setBlock(addressData.block || addressData.ward || "");
+      setAssembly(addressData.assembly || addressData.constituency || "");
       setLatitude(addressData.latitude || "");
       setLongitude(addressData.longitude || "");
-      if (boundaryData || !addressData.cityCode) {
-        if (Array.isArray(boundaryData)) {
-          const localityObj = boundaryData.find(l => l.code === addressData.localityCode || l.code === addressData.locality || l.i18nkey === addressData.locality);
-          setLocality(localityObj || addressData.locality || null);
-        } else if (boundaryData && typeof boundaryData === "object") {
-          const match = boundaryData.code === addressData.localityCode || boundaryData.code === addressData.locality || boundaryData.i18nkey === addressData.locality;
-          setLocality(match ? boundaryData : addressData.locality || null);
-        } else {
-          setLocality(addressData.locality || null);
+      if ((structuredLocality === null || structuredLocality === void 0 ? void 0 : structuredLocality.length) > 0 || !addressData.cityCode) {
+        const localityObj = structuredLocality.find(l => l.code === addressData.localityCode || l.code === addressData.locality || l.i18nkey === addressData.locality);
+        setLocality(localityObj || addressData.locality || null);
+        if (localityObj) {
+          if (!addressData.zone && localityObj.zone) setZone(localityObj.zone);
+          if (!addressData.block && localityObj.ward) setBlock(localityObj.ward);
+          if (!addressData.assembly && localityObj.assembly) setAssembly(localityObj.assembly);
         }
         isInitialized.current = true;
         lastSyncedAddress.current = JSON.stringify(addressData);
       }
     }
-  }, [formData === null || formData === void 0 ? void 0 : formData.address, city, allCities, boundaryData]);
+  }, [formData === null || formData === void 0 ? void 0 : formData.address, city, allCities, structuredLocality]);
   useEffect(() => {
     if (!navigator.geolocation) return;
     navigator.geolocation.getCurrentPosition(pos => {
@@ -6304,11 +6302,44 @@ const AddFixFillAddress = ({
       setAddressLine2(selectedAddress.address2);
       setZone(selectedAddress.zone);
       setBlock(selectedAddress.block);
+      setAssembly(selectedAddress.assembly);
       setLatitude(selectedAddress.latitude);
       setLongitude(selectedAddress.longitude);
       setAddressType(allOptions.find(a => a.code === selectedAddress.addressType));
     }
-  }, [selectedAddress]);
+  }, [selectedAddress, structuredLocality]);
+  const getLatLng = async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const parts = [houseNo, streetName, addressLine1, addressLine2, (locality === null || locality === void 0 ? void 0 : locality.name) || (typeof locality === "string" ? locality : ""), (city === null || city === void 0 ? void 0 : city.name) || (typeof city === "string" ? city : ""), pincode].filter(Boolean);
+      const fullAddress = parts.join(", ");
+      if (!fullAddress.trim()) {
+        setError(t("WT_ENTER_ADDRESS_DETAILS_FIRST"));
+        setLoading(false);
+        return;
+      }
+      const data = await geocodeAddress(fullAddress);
+      if (data && data.length > 0) {
+        setLatitude(data[0].lat);
+        setLongitude(data[0].lon);
+        setGeocodedAddress(data[0].display_name);
+      } else {
+        setError(t("WT_LOCATION_NOT_FOUND"));
+      }
+    } catch (err) {
+      setError(t("WT_GEOCODING_ERROR"));
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (!addressLine1 || addressLine1.trim().length < 5) return;
+    const timer = setTimeout(() => {
+      getLatLng();
+    }, 1000);
+    return () => clearTimeout(timer);
+  }, [addressLine1]);
   useEffect(() => {
     if (!onSelect || !isInitialized.current) return;
     const currentAddress = {
@@ -6323,6 +6354,7 @@ const AddFixFillAddress = ({
       addressType: (addressType === null || addressType === void 0 ? void 0 : addressType.code) || addressType || null,
       zone: zone || "",
       block: block || "",
+      assembly: assembly || "",
       latitude: latitude || "",
       longitude: longitude || ""
     };
@@ -6331,7 +6363,7 @@ const AddFixFillAddress = ({
       lastSyncedAddress.current = addressString;
       onSelect((config === null || config === void 0 ? void 0 : config.key) || "address", currentAddress);
     }
-  }, [pincode, city, locality, houseNo, landmark, addressLine1, addressLine2, streetName, addressType, zone, block, latitude, longitude]);
+  }, [pincode, city, locality, houseNo, landmark, addressLine1, addressLine2, streetName, addressType, zone, block, assembly, latitude, longitude]);
   return /*#__PURE__*/React.createElement(CollapsibleCardPage$1, {
     title: t("WT_ADDRESS_DETAILS"),
     defaultOpen: true
@@ -6355,25 +6387,21 @@ const AddFixFillAddress = ({
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("CITY"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("CITY")), /*#__PURE__*/React.createElement(Dropdown, {
     selected: city,
     select: setCity,
     option: allCities || [],
     optionKey: "i18nKey",
     t: t,
     disable: true
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("PINCODE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
-    selected: (fetchedPincodes === null || fetchedPincodes === void 0 ? void 0 : fetchedPincodes.find(p => p.code === pincode)) || (pincode ? {
-      code: pincode,
-      name: pincode,
-      i18nKey: pincode
-    } : null),
-    select: val => {
-      const newPin = val === null || val === void 0 ? void 0 : val.code;
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, null, t("PINCODE")), /*#__PURE__*/React.createElement(TextInput, {
+    value: pincode,
+    onChange: e => {
+      const newPin = e.target.value.replace(/\D/g, "").slice(0, 6);
       if (newPin !== pincode) {
         setLocality(null);
         setZone("");
@@ -6384,16 +6412,40 @@ const AddFixFillAddress = ({
         setAddressLine2("");
       }
       setPincode(newPin);
+      setShowPincodeSuggestions(true);
+    },
+    onFocus: () => setShowPincodeSuggestions(true),
+    onBlur: () => {
+      setTimeout(() => setShowPincodeSuggestions(false), 200);
     },
-    option: fetchedPincodes || [],
-    optionKey: "i18nKey",
-    t: t,
     style: {
       width: "100%"
+    },
+    maxlength: 6
+  }), showPincodeSuggestions && (fetchedPincodes === null || fetchedPincodes === void 0 ? void 0 : fetchedPincodes.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "options-card",
+    style: {
+      position: "absolute",
+      zIndex: 100,
+      width: "100%",
+      maxHeight: "200px",
+      overflowY: "auto",
+      backgroundColor: "white",
+      boxShadow: "0 2px 5px rgba(0,0,0,0.1)"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LOCALITY"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
+  }, fetchedPincodes.filter(p => !pincode || p.code.toLowerCase().includes(pincode.toLowerCase())).map((p, index) => /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: "cp profile-dropdown--item",
+    style: {
+      padding: "10px",
+      borderBottom: "1px solid #eee",
+      cursor: "pointer"
+    },
+    onClick: () => {
+      setPincode(p.code);
+      setShowPincodeSuggestions(false);
+    }
+  }, p.code)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LOCALITY")), /*#__PURE__*/React.createElement(Dropdown, {
     selected: locality,
     select: val => {
       setLocality(val);
@@ -6403,89 +6455,70 @@ const AddFixFillAddress = ({
       if (val !== null && val !== void 0 && val.name) setAddressLine2(val.name);
       if (val !== null && val !== void 0 && val.zone) setZone(val.zone);
       if (val !== null && val !== void 0 && val.ward) setBlock(val.ward);
-      if (val !== null && val !== void 0 && val.pincode) {
-        const p = Array.isArray(val.pincode) ? val.pincode[0] : val.pincode;
-        if (p) {
-          const sanitizedPin = p.toString().split(".")[0];
-          setPincode(sanitizedPin);
-        }
-      }
+      if (val !== null && val !== void 0 && val.assembly) setAssembly(val.assembly);
     },
     option: filteredLocalities,
     optionKey: "i18nkey",
     t: t,
     style: {
       width: "100%"
-    }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("HOUSE_NO"), /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+    },
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("HOUSE_NO")), /*#__PURE__*/React.createElement(TextInput, {
     value: houseNo,
     onChange: e => setHouseNo(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("STREET_NAME"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("STREET_NAME")), /*#__PURE__*/React.createElement(TextInput, {
     value: streetName,
     onChange: e => setStreetName(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ADDRESS_LINE1"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ADDRESS_LINE1")), /*#__PURE__*/React.createElement(TextInput, {
     value: addressLine1,
     onChange: e => setAddressLine1(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ADDRESS_LINE2"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ADDRESS_LINE2")), /*#__PURE__*/React.createElement(TextInput, {
     value: addressLine2,
     onChange: e => setAddressLine2(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("BLOCK"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("BLOCK")), /*#__PURE__*/React.createElement(TextInput, {
     value: block,
     onChange: e => setBlock(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ZONE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ZONE")), /*#__PURE__*/React.createElement(TextInput, {
     value: zone,
     onChange: e => setZone(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LATITUDE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LATITUDE")), /*#__PURE__*/React.createElement(TextInput, {
     value: latitude,
     onChange: e => setLatitude(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LONGITUDE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "astericColor"
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LONGITUDE")), /*#__PURE__*/React.createElement(TextInput, {
     value: longitude,
     onChange: e => setLongitude(e.target.value),
     style: {
       width: "100%"
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ASSEMBLY_CONSTITUENCY")), /*#__PURE__*/React.createElement(TextInput, {
+    value: assembly,
+    onChange: e => setAssembly(e.target.value),
     style: {
-      gridColumn: "span 2"
+      width: "100%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, t("LANDMARK")), /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("LANDMARK")), /*#__PURE__*/React.createElement(TextInput, {
     value: landmark,
     onChange: e => setLandmark(e.target.value),
     style: {
@@ -6495,12 +6528,13 @@ const AddFixFillAddress = ({
 };
 
 const AddFillingPointAddress = () => {
-  var _formData$owner, _formData$owner2, _formData$owner3, _formData$owner4, _formData$owner5, _formData$owner6, _formData$owner7, _formData$owner8, _formData$owner9, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7, _formData$address8, _formData$address9;
+  var _formData$owner, _formData$owner2, _formData$owner3, _formData$owner4, _formData$owner5, _formData$owner6, _formData$owner7, _formData$owner8, _formData$owner9, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7;
   const {
     t
   } = useTranslation();
   const location = useLocation();
   const history = useHistory();
+  const queryClient = useQueryClient();
   const queryParams = new URLSearchParams(location.search);
   const editId = queryParams.get("id");
   const [formData, setFormData] = useState({});
@@ -6580,6 +6614,7 @@ const AddFillingPointAddress = () => {
         setShowToast({
           label: editId ? t("WT_FILLING_POINT_UPDATED_SUCCESS") : t("WT_FILLING_POINT_CREATED_SUCCESS")
         });
+        queryClient.invalidateQueries("wtFillPointSearchList");
         setTimeout(() => {
           setShowToast(null);
           history.push(`/digit-ui/employee/wt/search-filling-fix-point`);
@@ -6596,14 +6631,14 @@ const AddFillingPointAddress = () => {
     });
   };
   const isMobile = window.Digit.Utils.browser.isMobile();
-  const isFormDisabled = !(formData !== null && formData !== void 0 && (_formData$owner = formData.owner) !== null && _formData$owner !== void 0 && _formData$owner.aeName) || !(formData !== null && formData !== void 0 && (_formData$owner2 = formData.owner) !== null && _formData$owner2 !== void 0 && _formData$owner2.aeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner3 = formData.owner) !== null && _formData$owner3 !== void 0 && _formData$owner3.aeEmail) || !(formData !== null && formData !== void 0 && (_formData$owner4 = formData.owner) !== null && _formData$owner4 !== void 0 && _formData$owner4.jeName) || !(formData !== null && formData !== void 0 && (_formData$owner5 = formData.owner) !== null && _formData$owner5 !== void 0 && _formData$owner5.jeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner6 = formData.owner) !== null && _formData$owner6 !== void 0 && _formData$owner6.jeEmail) || !(formData !== null && formData !== void 0 && (_formData$owner7 = formData.owner) !== null && _formData$owner7 !== void 0 && _formData$owner7.eeName) || !(formData !== null && formData !== void 0 && (_formData$owner8 = formData.owner) !== null && _formData$owner8 !== void 0 && _formData$owner8.eeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner9 = formData.owner) !== null && _formData$owner9 !== void 0 && _formData$owner9.eeEmail) || !(formData !== null && formData !== void 0 && (_formData$address = formData.address) !== null && _formData$address !== void 0 && _formData$address.houseNo) || !(formData !== null && formData !== void 0 && (_formData$address2 = formData.address) !== null && _formData$address2 !== void 0 && _formData$address2.streetName) || !(formData !== null && formData !== void 0 && (_formData$address3 = formData.address) !== null && _formData$address3 !== void 0 && _formData$address3.addressLine1) || !(formData !== null && formData !== void 0 && (_formData$address4 = formData.address) !== null && _formData$address4 !== void 0 && _formData$address4.addressLine2) || !(formData !== null && formData !== void 0 && (_formData$address5 = formData.address) !== null && _formData$address5 !== void 0 && _formData$address5.city) || !(formData !== null && formData !== void 0 && (_formData$address6 = formData.address) !== null && _formData$address6 !== void 0 && _formData$address6.locality) || !(formData !== null && formData !== void 0 && (_formData$address7 = formData.address) !== null && _formData$address7 !== void 0 && _formData$address7.latitude) || !(formData !== null && formData !== void 0 && (_formData$address8 = formData.address) !== null && _formData$address8 !== void 0 && _formData$address8.longitude) || !(formData !== null && formData !== void 0 && (_formData$address9 = formData.address) !== null && _formData$address9 !== void 0 && _formData$address9.pincode);
+  const isFormDisabled = !(formData !== null && formData !== void 0 && (_formData$owner = formData.owner) !== null && _formData$owner !== void 0 && _formData$owner.aeName) || !(formData !== null && formData !== void 0 && (_formData$owner2 = formData.owner) !== null && _formData$owner2 !== void 0 && _formData$owner2.aeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner3 = formData.owner) !== null && _formData$owner3 !== void 0 && _formData$owner3.aeEmail) || !(formData !== null && formData !== void 0 && (_formData$owner4 = formData.owner) !== null && _formData$owner4 !== void 0 && _formData$owner4.jeName) || !(formData !== null && formData !== void 0 && (_formData$owner5 = formData.owner) !== null && _formData$owner5 !== void 0 && _formData$owner5.jeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner6 = formData.owner) !== null && _formData$owner6 !== void 0 && _formData$owner6.jeEmail) || !(formData !== null && formData !== void 0 && (_formData$owner7 = formData.owner) !== null && _formData$owner7 !== void 0 && _formData$owner7.eeName) || !(formData !== null && formData !== void 0 && (_formData$owner8 = formData.owner) !== null && _formData$owner8 !== void 0 && _formData$owner8.eeMobile) || !(formData !== null && formData !== void 0 && (_formData$owner9 = formData.owner) !== null && _formData$owner9 !== void 0 && _formData$owner9.eeEmail) || !(formData !== null && formData !== void 0 && (_formData$address = formData.address) !== null && _formData$address !== void 0 && _formData$address.addressLine1) || !(formData !== null && formData !== void 0 && (_formData$address2 = formData.address) !== null && _formData$address2 !== void 0 && _formData$address2.addressLine2) || !(formData !== null && formData !== void 0 && (_formData$address3 = formData.address) !== null && _formData$address3 !== void 0 && _formData$address3.city) || !(formData !== null && formData !== void 0 && (_formData$address4 = formData.address) !== null && _formData$address4 !== void 0 && _formData$address4.locality) || !(formData !== null && formData !== void 0 && (_formData$address5 = formData.address) !== null && _formData$address5 !== void 0 && _formData$address5.latitude) || !(formData !== null && formData !== void 0 && (_formData$address6 = formData.address) !== null && _formData$address6 !== void 0 && _formData$address6.longitude) || !(formData !== null && formData !== void 0 && (_formData$address7 = formData.address) !== null && _formData$address7 !== void 0 && _formData$address7.pincode);
   if (isEditLoading) return /*#__PURE__*/React.createElement(Loader, null);
   return /*#__PURE__*/React.createElement("div", {
     className: "employee-form-section-wrapper"
   }, /*#__PURE__*/React.createElement(VerticalTimeline, {
     config: [{
       timeLine: [{
-        actions: "Add Filling Point",
+        actions: editId ? "Update Filling Point" : "Add Filling Point",
         currentStep: 1
       }]
     }],
@@ -6680,7 +6715,7 @@ const AddFixPointAddress = () => {
         return ((_item$applicantDetail = item.applicantDetail) === null || _item$applicantDetail === void 0 ? void 0 : _item$applicantDetail.applicantId) === editId;
       });
       if (data) {
-        var _data$applicantDetail, _data$applicantDetail2, _data$applicantDetail3, _data$applicantDetail4, _data$applicantDetail5, _data$address, _data$address2;
+        var _data$applicantDetail, _data$applicantDetail2, _data$applicantDetail3, _data$applicantDetail4, _data$applicantDetail5, _data$address, _data$address2, _data$address3, _data$address4, _data$address5, _data$address6;
         setFormData({
           owner: {
             name: (_data$applicantDetail = data.applicantDetail) === null || _data$applicantDetail === void 0 ? void 0 : _data$applicantDetail.name,
@@ -6692,7 +6727,9 @@ const AddFixPointAddress = () => {
           address: {
             ...data.address,
             addressId: (_data$address = data.address) === null || _data$address === void 0 ? void 0 : _data$address.addressId,
-            applicantId: (_data$address2 = data.address) === null || _data$address2 === void 0 ? void 0 : _data$address2.applicantId
+            applicantId: (_data$address2 = data.address) === null || _data$address2 === void 0 ? void 0 : _data$address2.applicantId,
+            block: ((_data$address3 = data.address) === null || _data$address3 === void 0 ? void 0 : _data$address3.ward) || ((_data$address4 = data.address) === null || _data$address4 === void 0 ? void 0 : _data$address4.block),
+            assembly: ((_data$address5 = data.address) === null || _data$address5 === void 0 ? void 0 : _data$address5.constituency) || ((_data$address6 = data.address) === null || _data$address6 === void 0 ? void 0 : _data$address6.assembly)
           },
           bookingId: data.bookingId,
           bookingNo: data.bookingNo,
@@ -6755,7 +6792,7 @@ const AddFixPointAddress = () => {
   }, /*#__PURE__*/React.createElement(VerticalTimeline, {
     config: [{
       timeLine: [{
-        actions: "Add Fixed Point",
+        actions: editId ? "Update Fixed Point" : "Add Fixed Point",
         currentStep: 1
       }]
     }],
@@ -7064,6 +7101,7 @@ const SearchFillingPointAddress = () => {
   const [fixedPointStatus, setFixedPointStatus] = useState(null);
   const [appliedFixedPointStatus, setAppliedFixedPointStatus] = useState(null);
   const [searchParams, setSearchParams] = useState({});
+  const [selectedFillingPoint, setSelectedFillingPoint] = useState(null);
   const [toast, setToast] = useState(null);
   const [showLocalityModal, setShowLocalityModal] = useState(false);
   const [selectedLocalityRow, setSelectedLocalityRow] = useState(null);
@@ -7168,6 +7206,7 @@ const SearchFillingPointAddress = () => {
     setStatus(null);
     setFixedPointStatus(null);
     setAppliedFixedPointStatus(null);
+    setSelectedFillingPoint(null);
     setSearchParams({});
   };
   const onTabChange = tab => {
@@ -7195,7 +7234,8 @@ const SearchFillingPointAddress = () => {
         name: searchValue
       }),
       mobileNumber: mobileNumber,
-      status: selectedTab === "FILLING_POINT" ? status === null || status === void 0 ? void 0 : status.code : null
+      status: selectedTab === "FILLING_POINT" ? status === null || status === void 0 ? void 0 : status.code : null,
+      fillingPointId: (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.id) || (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.bookingId) || (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.fillingPointId) || (selectedFillingPoint === null || selectedFillingPoint === void 0 ? void 0 : selectedFillingPoint.uuid)
     };
     setAppliedFixedPointStatus(fixedPointStatus);
     setSearchParams(filters);
@@ -7513,8 +7553,15 @@ const SearchFillingPointAddress = () => {
       }, {
         Header: t("WT_FILLING_POINT"),
         exportAccessor: row => {
-          var _row$fillingpointmeta2, _row$fillingPoint, _row$fillingPointDeta, _row$fillingPointDeta2;
-          return (row === null || row === void 0 ? void 0 : row.fillingPointId) || (row === null || row === void 0 ? void 0 : (_row$fillingpointmeta2 = row.fillingpointmetadata) === null || _row$fillingpointmeta2 === void 0 ? void 0 : _row$fillingpointmeta2.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 && row.fillingPoint && typeof row.fillingPoint === "object" ? (_row$fillingPoint = row.fillingPoint) === null || _row$fillingPoint === void 0 ? void 0 : _row$fillingPoint.id : row === null || row === void 0 ? void 0 : row.fillingPoint) || (row === null || row === void 0 ? void 0 : (_row$fillingPointDeta = row.fillingPointDetail) === null || _row$fillingPointDeta === void 0 ? void 0 : _row$fillingPointDeta.id) || (row === null || row === void 0 ? void 0 : (_row$fillingPointDeta2 = row.fillingPointDetail) === null || _row$fillingPointDeta2 === void 0 ? void 0 : _row$fillingPointDeta2.bookingId) || "NA";
+          var _row$fillingpointmeta2, _row$fillingPoint, _row$fillingPointDeta, _row$fillingPointDeta2, _row$fillingPoint2, _row$fillingpointmeta3;
+          const rowFpId = String((row === null || row === void 0 ? void 0 : row.fillingPointId) || (row === null || row === void 0 ? void 0 : (_row$fillingpointmeta2 = row.fillingpointmetadata) === null || _row$fillingpointmeta2 === void 0 ? void 0 : _row$fillingpointmeta2.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 && row.fillingPoint && typeof row.fillingPoint === "object" ? (_row$fillingPoint = row.fillingPoint) === null || _row$fillingPoint === void 0 ? void 0 : _row$fillingPoint.id : row === null || row === void 0 ? void 0 : row.fillingPoint) || (row === null || row === void 0 ? void 0 : (_row$fillingPointDeta = row.fillingPointDetail) === null || _row$fillingPointDeta === void 0 ? void 0 : _row$fillingPointDeta.id) || (row === null || row === void 0 ? void 0 : (_row$fillingPointDeta2 = row.fillingPointDetail) === null || _row$fillingPointDeta2 === void 0 ? void 0 : _row$fillingPointDeta2.bookingId) || "");
+          const found = allFillingPoints === null || allFillingPoints === void 0 ? void 0 : allFillingPoints.find(fp => {
+            var _fp$fillingpointmetad2;
+            const fpId = String(fp.id || fp.bookingId || fp.fillingPointId || fp.uuid || ((_fp$fillingpointmetad2 = fp.fillingpointmetadata) === null || _fp$fillingpointmetad2 === void 0 ? void 0 : _fp$fillingpointmetad2.fillingPointId));
+            return fpId === rowFpId && rowFpId !== "undefined" && rowFpId !== "null" && rowFpId !== "";
+          });
+          const name = (found === null || found === void 0 ? void 0 : found.fillingPointName) || (row === null || row === void 0 ? void 0 : row.fillingPointName) || (row === null || row === void 0 ? void 0 : (_row$fillingPoint2 = row.fillingPoint) === null || _row$fillingPoint2 === void 0 ? void 0 : _row$fillingPoint2.fillingPointName) || (row === null || row === void 0 ? void 0 : (_row$fillingpointmeta3 = row.fillingpointmetadata) === null || _row$fillingpointmeta3 === void 0 ? void 0 : _row$fillingpointmeta3.fillingPointName) || (row === null || row === void 0 ? void 0 : row.fillingPtName) || (row === null || row === void 0 ? void 0 : row.filling_pt_name);
+          return name && name !== "undefined" && name !== "null" ? name : rowFpId && rowFpId !== "undefined" && rowFpId !== "null" ? rowFpId : "NA";
         }
       }];
     }
@@ -7596,6 +7643,15 @@ const SearchFillingPointAddress = () => {
     selected: fixedPointStatus,
     select: setFixedPointStatus,
     t: t
+  })), selectedTab === "FIXED_POINT" && /*#__PURE__*/React.createElement("div", {
+    className: "finance-mainlayout-col1"
+  }, /*#__PURE__*/React.createElement(Label, null, t("WT_FILLING_POINT")), /*#__PURE__*/React.createElement(Dropdown, {
+    option: allFillingPoints,
+    optionKey: "fillingPointName",
+    selected: selectedFillingPoint,
+    select: setSelectedFillingPoint,
+    t: t,
+    placeholder: t("ES_COMMON_STATUS")
   })), selectedTab === "FILLING_POINT" && /*#__PURE__*/React.createElement("div", {
     className: "finance-mainlayout-col1"
   }, /*#__PURE__*/React.createElement(Label, null, t("WT_FILLING_POINT_DESIGNATION")), /*#__PURE__*/React.createElement(Dropdown, {
@@ -7603,7 +7659,8 @@ const SearchFillingPointAddress = () => {
     optionKey: "i18nKey",
     selected: status,
     select: setStatus,
-    t: t
+    t: t,
+    placeholder: t("ES_COMMON_STATUS")
   })), /*#__PURE__*/React.createElement("div", {
     className: "finance-mainlayout-col1"
   }, /*#__PURE__*/React.createElement(Label, null, "\xA0"), /*#__PURE__*/React.createElement("span", {