HCX Plug

cypress.config.ts

@@ -34,5 +34,6 @@ export default defineConfig({
   },
   env: {
     API_URL: process.env.REACT_CARE_API_URL ?? "http://localhost:9000",
+    ENABLE_HCX: process.env.REACT_ENABLE_HCX ?? false,
   },
 });

cypress/e2e/patient_spec/PatientRegistration.cy.ts

@@ -8,6 +8,7 @@ import PatientInsurance from "../../pageobject/Patient/PatientInsurance";
 import PatientMedicalHistory from "../../pageobject/Patient/PatientMedicalHistory";
 
 const yearOfBirth = "2001";
+const isHCXEnabled = Cypress.env("ENABLE_HCX");
 
 const calculateAge = () => {
   const currentYear = new Date().getFullYear();
@@ -176,16 +177,21 @@ describe("Patient Creation with consultation", () => {
       "policy_id",
       patientOneFirstPolicyId,
     );
-    patientInsurance.typePatientInsuranceDetail(
-      patientOneFirstInsuranceId,
-      "insurer_id",
-      patientOneFirstInsurerId,
-    );
-    patientInsurance.typePatientInsuranceDetail(
-      patientOneFirstInsuranceId,
-      "insurer_name",
-      patientOneFirstInsurerName,
-    );
+    if (isHCXEnabled) {
+      patientInsurance.selectInsurer("test");
+    } else {
+      patientInsurance.typePatientInsuranceDetail(
+        patientOneFirstInsuranceId,
+        "insurer_id",
+        patientOneFirstInsurerId,
+      );
+      patientInsurance.typePatientInsuranceDetail(
+        patientOneFirstInsuranceId,
+        "insurer_name",
+        patientOneFirstInsurerName,
+      );
+    }
+
     patientInsurance.clickAddInsruanceDetails();
     patientInsurance.typePatientInsuranceDetail(
       patientOneSecondInsuranceId,
@@ -197,16 +203,21 @@ describe("Patient Creation with consultation", () => {
       "policy_id",
       patientOneSecondPolicyId,
     );
-    patientInsurance.typePatientInsuranceDetail(
-      patientOneSecondInsuranceId,
-      "insurer_id",
-      patientOneSecondInsurerId,
-    );
-    patientInsurance.typePatientInsuranceDetail(
-      patientOneSecondInsuranceId,
-      "insurer_name",
-      patientOneSecondInsurerName,
-    );
+    if (isHCXEnabled) {
+      patientInsurance.selectInsurer("Care");
+    } else {
+      patientInsurance.typePatientInsuranceDetail(
+        patientOneSecondInsuranceId,
+        "insurer_id",
+        patientOneSecondInsurerId,
+      );
+      patientInsurance.typePatientInsuranceDetail(
+        patientOneSecondInsuranceId,
+        "insurer_name",
+        patientOneSecondInsurerName,
+      );
+    }
+
     patientPage.clickUpdatePatient();
     cy.wait(3000);
     patientPage.verifyPatientUpdated();
@@ -235,20 +246,24 @@ describe("Patient Creation with consultation", () => {
       patientOneFirstPolicyId,
       patientOneFirstInsurerId,
       patientOneFirstInsurerName,
+      isHCXEnabled,
     );
+
     patientInsurance.clickPatientInsuranceViewDetail();
     cy.wait(3000);
     patientInsurance.verifyPatientPolicyDetails(
       patientOneFirstSubscriberId,
       patientOneFirstPolicyId,
       patientOneFirstInsurerId,
       patientOneFirstInsurerName,
+      isHCXEnabled,
     );
     patientInsurance.verifyPatientPolicyDetails(
       patientOneSecondSubscriberId,
       patientOneSecondPolicyId,
       patientOneSecondInsurerId,
       patientOneSecondInsurerName,
+      isHCXEnabled,
     );
   });
 

cypress/pageobject/Patient/PatientInsurance.ts

@@ -9,6 +9,34 @@ class PatientInsurance {
     });
   }
 
+  selectInsurer(insurer: string) {
+    cy.intercept("GET", "**/api/v1/hcx/payors/**", {
+      statusCode: 200,
+      body: [
+        {
+          name: "test payor 2",
+          code: "testpayor2.swasthmock@swasth-hcx-staging",
+        },
+        {
+          name: "Care Payor",
+          code: "khavinshankar.gmail@swasth-hcx-staging",
+        },
+        {
+          name: "Alliance",
+          code: "hcxdemo.yopmail@swasth-hcx-staging",
+        },
+      ],
+    }).as("getInsurer");
+    cy.get("[name='insurer']")
+      .last()
+      .click()
+      .type(insurer)
+      .then(() => {
+        cy.wait("@getInsurer");
+        cy.get("[role='option']").contains(insurer).click();
+      });
+  }
+
   clickPatientInsuranceViewDetail() {
     cy.get("#insurance-view-details").scrollIntoView();
     cy.get("#insurance-view-details").click();
@@ -18,13 +46,21 @@ class PatientInsurance {
     cy.get("[data-testid=add-insurance-button]").click();
   }
 
-  verifyPatientPolicyDetails(subscriberId, policyId, insurerId, insurerName) {
+  verifyPatientPolicyDetails(
+    subscriberId,
+    policyId,
+    insurerId,
+    insurerName,
+    isHcxEnabled,
+  ) {
     cy.get("[data-testid=patient-details]").then(($dashboard) => {
       cy.url().should("include", "/facility/");
       expect($dashboard).to.contain(subscriberId);
       expect($dashboard).to.contain(policyId);
-      expect($dashboard).to.contain(insurerId);
-      expect($dashboard).to.contain(insurerName);
+      if (!isHcxEnabled) {
+        expect($dashboard).to.contain(insurerId);
+        expect($dashboard).to.contain(insurerName);
+      }
     });
   }
 }

src/CAREUI/icons/CareIcon.tsx

@@ -1,8 +1,7 @@
+import iconData from "./UniconPaths.json";
 import { transformIcons } from "./icon";
 import { useEffect } from "react";
 
-import iconData from "./UniconPaths.json";
-
 export type IconName = keyof typeof iconData;
 
 export interface CareIconProps {

src/Components/Common/PMJAYProcedurePackageAutocomplete.tsx

@@ -1,13 +1,16 @@
-import { useAsyncOptions } from "../../Common/hooks/useAsyncOptions";
-import { listPMJYPackages } from "../../Redux/actions";
-import { Autocomplete } from "../Form/FormFields/Autocomplete";
-import FormField from "../Form/FormFields/FormField";
 import {
   FormFieldBaseProps,
   useFormFieldPropsResolver,
 } from "../Form/FormFields/Utils";
 
-type PMJAYPackageItem = {
+import { Autocomplete } from "../Form/FormFields/Autocomplete";
+import FormField from "../Form/FormFields/FormField";
+import routes from "../../Redux/api";
+import { useState } from "react";
+import useQuery from "../../Utils/request/useQuery";
+import { mergeQueryOptions } from "../../Utils/utils";
+
+export type PMJAYPackageItem = {
   name?: string;
   code?: string;
   price?: number;
@@ -19,8 +22,11 @@ type Props = FormFieldBaseProps<PMJAYPackageItem>;
 export default function PMJAYProcedurePackageAutocomplete(props: Props) {
   const field = useFormFieldPropsResolver(props);
 
-  const { fetchOptions, isLoading, options } =
-    useAsyncOptions<PMJAYPackageItem>("code");
+  const [query, setQuery] = useState("");
+
+  const { data, loading } = useQuery(routes.hcx.claims.listPMJYPackages, {
+    query: { query, limit: 10 },
+  });
 
   return (
     <FormField field={field}>
@@ -30,19 +36,20 @@ export default function PMJAYProcedurePackageAutocomplete(props: Props) {
         disabled={field.disabled}
         value={field.value}
         onChange={field.handleChange}
-        options={options(field.value ? [field.value] : []).map((o) => {
-          // TODO: update backend to return price as number instead
-          return {
+        options={mergeQueryOptions(
+          (field.value ? [field.value] : []).map((o) => ({
             ...o,
             price:
               o.price && parseFloat(o.price?.toString().replaceAll(",", "")),
-          };
-        })}
+          })),
+          data ?? [],
+          (obj) => obj.code,
+        )}
         optionLabel={optionLabel}
         optionDescription={optionDescription}
         optionValue={(option) => option}
-        onQuery={(query) => fetchOptions(listPMJYPackages(query))}
-        isLoading={isLoading}
+        onQuery={setQuery}
+        isLoading={loading}
       />
     </FormField>
   );