Remove pin-code autofill feature

src/Utils/utils.ts

@@ -1,6 +1,5 @@
 import { differenceInMinutes, format } from "date-fns";
 import { toPng } from "html-to-image";
-import { toast } from "sonner";
 
 import dayjs from "@/Utils/dayjs";
 import { Time } from "@/Utils/types";
@@ -105,18 +104,6 @@ export const classNames = (...classes: (string | boolean | undefined)[]) => {
   return classes.filter(Boolean).join(" ");
 };
 
-export const getPincodeDetails = async (pincode: string, apiKey: string) => {
-  const response = await fetch(
-    `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];
-};
-
 export const isUserOnline = (user: { last_login: DateLike }) => {
   return user.last_login
     ? dayjs().subtract(5, "minutes").isBefore(user.last_login)

src/components/Facility/FacilityForm.tsx

@@ -32,8 +32,6 @@ import { Textarea } from "@/components/ui/textarea";
 
 import { FacilityModel } from "@/components/Facility/models";
 
-import { useStateAndDistrictFromPincode } from "@/hooks/useStateAndDistrictFromPincode";
-
 import { FACILITY_FEATURE_TYPES, FACILITY_TYPES } from "@/common/constants";
 import { validatePincode } from "@/common/validation";
 
@@ -44,30 +42,21 @@ import validators from "@/Utils/validators";
 import GovtOrganizationSelector from "@/pages/Organization/components/GovtOrganizationSelector";
 import { BaseFacility } from "@/types/facility/facility";
 import { Organization } from "@/types/organization/organization";
-import organizationApi from "@/types/organization/organizationApi";
 
 interface FacilityProps {
   organizationId?: string;
   facilityId?: string;
   onSubmitSuccess?: () => void;
 }
 
-function extractHierarchyLevels(org: Organization | undefined): Organization[] {
-  const levels: Organization[] = [];
-  while (org && org.level_cache >= 0) {
-    levels.unshift(org as Organization);
-    org = org.parent as Organization | undefined;
-  }
-  return levels;
-}
-
-export default function FacilityForm(props: FacilityProps) {
+export default function FacilityForm({
+  facilityId,
+  onSubmitSuccess,
+}: FacilityProps) {
   const { t } = useTranslation();
   const queryClient = useQueryClient();
   const [isGettingLocation, setIsGettingLocation] = useState(false);
-  const { facilityId, organizationId, onSubmitSuccess } = props;
   const [selectedLevels, setSelectedLevels] = useState<Organization[]>([]);
-  const [showAutoFilledPincode, setShowAutoFilledPincode] = useState(false);
 
   const facilityFormSchema = z.object({
     facility_type: z.string().min(1, t("facility_type_required")),
@@ -172,41 +161,6 @@ export default function FacilityForm(props: FacilityProps) {
     }
   };
 
-  const { stateOrg, districtOrg } = useStateAndDistrictFromPincode({
-    pincode: form.watch("pincode")?.toString() || "",
-  });
-
-  const { data: org } = useQuery({
-    queryKey: ["organization", organizationId],
-    queryFn: query(organizationApi.get, {
-      pathParams: { id: organizationId },
-    }),
-    enabled: !!organizationId && !facilityId,
-  });
-
-  useEffect(() => {
-    if (facilityId) return;
-    const orgLevels = extractHierarchyLevels(org);
-    const districtMatch =
-      districtOrg && orgLevels.some((level) => level.name === districtOrg.name);
-    const levels: Organization[] = [];
-    if (districtMatch) return;
-    if (stateOrg) levels.push(stateOrg);
-    if (districtOrg) levels.push(districtOrg);
-    if (!stateOrg && !districtOrg && org) levels.push(org);
-
-    setSelectedLevels(levels);
-
-    if (levels.length == 2) {
-      setShowAutoFilledPincode(true);
-      const timer = setTimeout(() => {
-        setShowAutoFilledPincode(false);
-      }, 5000);
-      return () => clearTimeout(timer);
-    }
-    return () => setShowAutoFilledPincode(false);
-  }, [stateOrg, districtOrg, organizationId, facilityId]);
-
   // Update form when facility data is loaded
   useEffect(() => {
     if (facilityData) {
@@ -367,22 +321,6 @@ export default function FacilityForm(props: FacilityProps) {
                     />
                   </FormControl>
                   <FormMessage />
-                  {showAutoFilledPincode && (
-                    <div
-                      role="status"
-                      aria-live="polite"
-                      className="flex items-center"
-                    >
-                      <CareIcon
-                        icon="l-check-circle"
-                        className="mr-2 text-sm text-green-500"
-                        aria-hidden="true"
-                      />
-                      <span className="text-sm text-primary-500">
-                        {t("pincode_autofill")}
-                      </span>
-                    </div>
-                  )}
                 </FormItem>
               )}
             />

src/components/Patient/PatientRegistration.tsx

@@ -8,7 +8,6 @@ import { isValidPhoneNumber } from "react-phone-number-input";
 import { toast } from "sonner";
 import { z } from "zod";
 
-import CareIcon from "@/CAREUI/icons/CareIcon";
 import SectionNavigator from "@/CAREUI/misc/SectionNavigator";
 
 import Autocomplete from "@/components/ui/autocomplete";
@@ -42,7 +41,6 @@ import Page from "@/components/Common/Page";
 import DuplicatePatientDialog from "@/components/Facility/DuplicatePatientDialog";
 
 import useAppHistory from "@/hooks/useAppHistory";
-import { useStateAndDistrictFromPincode } from "@/hooks/useStateAndDistrictFromPincode";
 
 import {
   BLOOD_GROUP_CHOICES, // DOMESTIC_HEALTHCARE_SUPPORT_CHOICES,
@@ -83,7 +81,6 @@ export default function PatientRegistration(
   const [suppressDuplicateWarning, setSuppressDuplicateWarning] =
     useState(!!patientId);
   const [selectedLevels, setSelectedLevels] = useState<Organization[]>([]);
-  const [showAutoFilledPincode, setShowAutoFilledPincode] = useState(false);
 
   const formSchema = useMemo(
     () =>
@@ -191,28 +188,6 @@ export default function PatientRegistration(
     },
   });
 
-  const { stateOrg, districtOrg } = useStateAndDistrictFromPincode({
-    pincode: form.watch("pincode")?.toString() || "",
-  });
-
-  useEffect(() => {
-    // Fill by pincode for patient registration
-    if (patientId) return;
-    const levels: Organization[] = [];
-    if (stateOrg) levels.push(stateOrg);
-    if (districtOrg) levels.push(districtOrg);
-    setSelectedLevels(levels);
-
-    if (levels.length == 2) {
-      setShowAutoFilledPincode(true);
-      const timer = setTimeout(() => {
-        setShowAutoFilledPincode(false);
-      }, 5000);
-      return () => clearTimeout(timer);
-    }
-    return () => setShowAutoFilledPincode(false);
-  }, [stateOrg, districtOrg, patientId]);
-
   function onSubmit(values: z.infer<typeof formSchema>) {
     if (patientId) {
       updatePatient({ ...values, ward_old: undefined });
@@ -668,22 +643,6 @@ export default function PatientRegistration(
                       />
                     </FormControl>
                     <FormMessage />
-                    {showAutoFilledPincode && (
-                      <div
-                        role="status"
-                        aria-live="polite"
-                        className="flex items-center"
-                      >
-                        <CareIcon
-                          icon="l-check-circle"
-                          className="mr-2 text-sm text-green-500"
-                          aria-hidden="true"
-                        />
-                        <span className="text-sm text-primary-500">
-                          {t("pincode_autofill")}
-                        </span>
-                      </div>
-                    )}
                   </FormItem>
                 )}
               />