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

package/dist/index.modern.js

@@ -6131,7 +6131,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 +6146,14 @@ 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 isInitialized = useRef(!isEdit);
   const lastSyncedAddress = useRef(null);
   const lastBookingId = useRef(null);
@@ -6183,27 +6185,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 +6246,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 +6274,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 || "");
+      setAssembly(addressData.assembly || "");
       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 +6312,12 @@ 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]);
   useEffect(() => {
     if (!onSelect || !isInitialized.current) return;
     const currentAddress = {
@@ -6323,6 +6332,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 +6341,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
@@ -6364,16 +6374,16 @@ const AddFixFillAddress = ({
     optionKey: "i18nKey",
     t: t,
     disable: true
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("PINCODE"), " ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, /*#__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(TextInput, {
+    value: pincode,
+    onChange: e => {
+      const newPin = e.target.value.replace(/\D/g, "").slice(0, 6);
       if (newPin !== pincode) {
         setLocality(null);
         setZone("");
@@ -6384,14 +6394,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", {
+  }, 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("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
     selected: locality,
@@ -6403,13 +6439,7 @@ 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",
@@ -6465,6 +6495,14 @@ const AddFixFillAddress = ({
     style: {
       width: "100%"
     }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("ASSEMBLY_CONSTITUENCY"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "astericColor"
+  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+    value: assembly,
+    onChange: e => setAssembly(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, {
@@ -6501,6 +6539,7 @@ const AddFillingPointAddress = () => {
   } = 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 +6619,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`);