Edit feature for facilities in organization | pincode, geo_organization info auto populates

public/locale/en.json

@@ -330,6 +330,7 @@
   "add_insurance_details": "Add Insurance Details",
   "add_location": "Add Location",
   "add_new_beds": "Add New Bed(s)",
+  "add_new_facility": "Add New Facility",
   "add_new_patient": "Add New Patient",
   "add_new_user": "Add New User",
   "add_notes": "Add notes",
@@ -663,6 +664,7 @@
   "create_new_abha_address": "Create New ABHA Address",
   "create_new_abha_profile": "Don't have an ABHA Number",
   "create_new_asset": "Create New Asset",
+  "create_new_facility": "Create a new facility and add it to the organization.",
   "create_position_preset": "Create a new position preset",
   "create_position_preset_description": "Creates a new position preset in Care from the current position of the camera for the given name",
   "create_preset_prerequisite": "To create presets for this bed, you'll need to link the camera to the bed first.",
@@ -675,6 +677,7 @@
   "created_date": "Created Date",
   "created_on": "Created On",
   "creating": "Creating...",
+  "creating_facility": "Creating Facility...",
   "criticality": "Criticality",
   "csv_file_in_the_specified_format": "Select a CSV file in the specified format",
   "current_address": "Current Address",
@@ -786,6 +789,7 @@
   "edit_avatar_permission_error": "You do not have permissions to edit the avatar of this user",
   "edit_caution_note": "A new prescription will be added to the consultation with the edited details and the current prescription will be discontinued.",
   "edit_cover_photo": "Edit Cover Photo",
+  "edit_facility": "Edit Facility",
   "edit_history": "Edit History",
   "edit_policy": "Edit Insurance Policy",
   "edit_policy_description": "Add or edit patient's insurance details",
@@ -1030,7 +1034,9 @@
   "geolocation_is_not_supported_by_this_browser": "Geolocation is not supported by this browser",
   "get_auth_methods": "Get Available Authentication Methods",
   "get_auth_mode_error": "Could not find any supported authentication methods, Please try again with a different authentication method",
+  "get_current_location": "Get Current Location",
   "get_tests": "Get Tests",
+  "getting_location": "Getting Location...",
   "goal": "Our goal is to continuously improve the quality and accessibility of public healthcare services using digital tools.",
   "granted_on": "Granted On",
   "has_allergies": "Has Allergies",
@@ -1194,6 +1200,7 @@
   "local_ip_address_example": "e.g. 192.168.0.123",
   "location": "Location",
   "location_beds_empty": "No beds available in this location",
+  "location_details": "Location Details",
   "location_management": "Location Management",
   "location_updated_successfully": "Location updated successfully",
   "log_lab_results": "Log Lab Results",
@@ -1758,6 +1765,7 @@
   "select_investigation_groups": "Select Investigation Groups",
   "select_investigations": "Select Investigations",
   "select_local_body": "Select Local Body",
+  "select_location_from": "Select location from",
   "select_new_role": "Select New Role",
   "select_patient": "Select Patient",
   "select_policy": "Select an Insurance Policy",
@@ -1950,6 +1958,7 @@
   "update_asset_service_record": "Update Asset Service Record",
   "update_available": "Update Available",
   "update_bed": "Update Bed",
+  "update_existing_facility": "Update the details of the existing facility.",
   "update_facility": "Update Facility",
   "update_facility_middleware_success": "Facility middleware updated successfully",
   "update_log": "Update Log",
@@ -1969,6 +1978,7 @@
   "updated_on": "Updated On",
   "updates": "Updates",
   "updating": "Updating...",
+  "updating_facility": "Updating Facility...",
   "upload": "Upload",
   "upload_an_image": "Upload an image",
   "upload_file": "Upload File",
@@ -2056,6 +2066,7 @@
   "view_users": "View Users",
   "village": "Village",
   "virtual_nursing_assistant": "Virtual Nursing Assistant",
+  "visibility_settings": "Visibility Settings",
   "vitals": "Vitals",
   "vitals_monitor": "Vitals Monitor",
   "vitals_present": "Vitals Monitor present",

src/Utils/utils.ts

@@ -190,6 +190,10 @@ export const getPincodeDetails = async (pincode: string, apiKey: string) => {
     `https://api.data.gov.in/resource/6176ee09-3d56-4a3b-8115-21841576b2f6?api-key=${apiKey}&format=json&filters[pincode]=${pincode}&limit=1`,
   );
   const data = await response.json();
+  if (!data.records || data.records.length === 0) {
+    toast.error("Invalid pincode");
+    return null;
+  }
   return data.records[0];
 };
 

src/components/Facility/FacilityCreate.tsx

@@ -1,3 +1,4 @@
+import careConfig from "@careConfig";
 import {
   Popover,
   PopoverButton,
@@ -59,8 +60,10 @@ import {
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 import request from "@/Utils/request/request";
-import { parsePhoneNumber } from "@/Utils/utils";
+import { getPincodeDetails, parsePhoneNumber } from "@/Utils/utils";
 import OrganizationSelector from "@/pages/Organization/components/OrganizationSelector";
+import { Organization } from "@/types/organization/organization";
+import { useFetchOrganizationByName } from "@/types/organization/organizationApi";
 
 interface FacilityProps {
   facilityId?: string;
@@ -69,6 +72,9 @@ export const FacilityCreate = (props: FacilityProps) => {
   const { t } = useTranslation();
   const { facilityId } = props;
   const [isLoading, setIsLoading] = useState(false);
+  const [selectedLevels, setSelectedLevels] = useState<Organization[]>([]);
+  const [pincode, setPincode] = useState("");
+
   const { goBack } = useAppHistory();
 
   const facilityFormSchema = z.object({
@@ -215,9 +221,42 @@ export const FacilityCreate = (props: FacilityProps) => {
     }
   };
 
+  const { data: pincodeData, isError: isPincodeError } = useQuery({
+    queryKey: ["pincodeDetails", pincode],
+    queryFn: () => getPincodeDetails(pincode, careConfig.govDataApiKey),
+    enabled: validatePincode(pincode) && pincode != facilityData?.pincode,
+  });
+
+  if (isPincodeError) {
+    toast.error("Invalid pincode");
+  }
+
+  const stateName = pincodeData?.statename;
+
+  const districtName = pincodeData?.districtname;
+
+  const { data: stateOrg } = useFetchOrganizationByName(stateName);
+  const { data: districtOrg } = useFetchOrganizationByName(
+    districtName,
+    stateOrg?.id,
+  );
+
+  useEffect(() => {
+    if (stateOrg && districtOrg) {
+      setSelectedLevels([stateOrg, districtOrg]);
+    } else {
+      setSelectedLevels([]);
+    }
+  }, [stateOrg, districtOrg]);
+
+  const handlePincodeChange = (value: string) => {
+    setPincode(value);
+    setSelectedLevels([]);
+  };
+
   return (
     <Page
-      title={facilityId ? "Update Facility" : "Create Facility"}
+      title={facilityId ? t("update_facility") : t("create_facility")}
       crumbsReplacements={{
         [facilityId || "????"]: { name: form.watch("name") },
       }}
@@ -321,6 +360,7 @@ export const FacilityCreate = (props: FacilityProps) => {
                           required
                           onChange={(value) => {
                             field.onChange(value.value);
+                            handlePincodeChange(value.value);
                           }}
                           error={form.formState.errors.pincode?.message}
                         />
@@ -332,7 +372,11 @@ export const FacilityCreate = (props: FacilityProps) => {
               <div className="col-span-2 grid grid-cols-2 gap-5">
                 <OrganizationSelector
                   required={true}
-                  onChange={(value) => form.setValue("geo_organization", value)}
+                  value={facilityData?.geo_organization}
+                  parentSelectedLevels={selectedLevels}
+                  onChange={(value) => {
+                    form.setValue("geo_organization", value);
+                  }}
                 />
               </div>
 
@@ -414,7 +458,7 @@ export const FacilityCreate = (props: FacilityProps) => {
                         >
                           <CareIcon icon="l-map-marker" className="text-xl" />
                           <span className="tooltip-text tooltip-bottom">
-                            Select location from map
+                            {t("select_location_from")}
                           </span>
                         </Button>
                       </PopoverButton>
@@ -466,7 +510,9 @@ export const FacilityCreate = (props: FacilityProps) => {
 
               {/* Visibility Settings */}
               <div className="space-y-4 rounded-lg border p-4">
-                <h3 className="text-lg font-medium">Visibility Settings</h3>
+                <h3 className="text-lg font-medium">
+                  {t("visibility_settings")}
+                </h3>
                 <FormField
                   control={form.control}
                   name="is_public"