Use meta from props for handling config instead of envs

src/components/ConfigureHealthFacilityForm.tsx

@@ -26,6 +26,7 @@ import { GenerateScanAndShareQR } from "./GenerateScanAndShareQR";
 import { HealthFacility } from "@/types/healthFacility";
 import { I18NNAMESPACE } from "@/lib/constants";
 import { Input } from "@/components/ui/input";
+import { Meta } from "@/types/meta";
 import { apis } from "@/apis";
 import { toast } from "@/lib/utils";
 import { useForm } from "react-hook-form";
@@ -34,6 +35,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 type ConfigureHealthFacilityFormProps = {
   facilityId: string;
   onSuccess?: (data: HealthFacility) => void;
+  meta?: Meta;
 };
 
 const configureHealthFacilityFormSchema = z.object({
@@ -44,9 +46,11 @@ type ConfigureHealthFacilityFormValues = z.infer<
   typeof configureHealthFacilityFormSchema
 >;
 
-export const ConfigureHealthFacilityForm: FC<
-  ConfigureHealthFacilityFormProps
-> = ({ facilityId, onSuccess }) => {
+export const ConfigureHealthFacilityForm: FC<ConfigureHealthFacilityFormProps> = ({
+  facilityId,
+  onSuccess,
+  meta,
+}) => {
   const { t } = useTranslation(I18NNAMESPACE);
 
   const { data: healthFacility, refetch } = useQuery({
@@ -221,7 +225,10 @@ export const ConfigureHealthFacilityForm: FC<
       </Form>
 
       {healthFacility && (
-        <GenerateScanAndShareQR healthFacilityId={healthFacility.hf_id} />
+        <GenerateScanAndShareQR
+          healthFacilityId={healthFacility.hf_id}
+          scanAndShareUrl={meta?.config?.scanAndShareUrl}
+        />
       )}
     </div>
   );

src/components/GenerateScanAndShareQR.tsx

@@ -13,14 +13,14 @@ import { Button } from "./ui/button";
 import { I18NNAMESPACE } from "@/lib/constants";
 import { Input } from "@/components/ui/input";
 import { QRCodeSVG } from "qrcode.react";
-import { scanAndShareUrl } from "@/config";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 
 type GenerateScanAndShareQRProps = {
   healthFacilityId: string;
+  scanAndShareUrl?: string;
 };
 
 const scanAndShareQrFormSchema = z.object({
@@ -29,6 +29,7 @@ const scanAndShareQrFormSchema = z.object({
 
 export const GenerateScanAndShareQR: FC<GenerateScanAndShareQRProps> = ({
   healthFacilityId,
+  scanAndShareUrl,
 }) => {
   const { t } = useTranslation(I18NNAMESPACE);
 
@@ -84,7 +85,7 @@ export const GenerateScanAndShareQR: FC<GenerateScanAndShareQRProps> = ({
     document.body.removeChild(downloadLink);
   };
 
-  function onSubmit(_values: z.infer<typeof scanAndShareQrFormSchema>) {
+  function onSubmit() {
     downloadQR();
   }
 
@@ -135,7 +136,7 @@ export const GenerateScanAndShareQR: FC<GenerateScanAndShareQRProps> = ({
           />
         </form>
 
-        {!!scanAndShareQrForm.watch("counterName") && (
+        {!!scanAndShareQrForm.watch("counterName") && scanAndShareQrValue && (
           <div className="grid gap-3 items-center justify-center w-full">
             <QRCodeSVG
               value={scanAndShareQrValue}

src/components/LinkAbhaNumber/CreateWithAadhaar.tsx

@@ -40,7 +40,6 @@ import { QRCodeSVG } from "qrcode.react";
 import { Textarea } from "@/components/ui/textarea";
 import { apis } from "@/apis";
 import { cn } from "@/lib/utils";
-import { faceAuthUrl } from "@/config";
 import { toast } from "@/lib/utils";
 import { useForm } from "react-hook-form";
 import { useLinkAbhaNumberContext } from ".";
@@ -168,6 +167,8 @@ const EnterAadhaar: FC<EnterAadhaarProps> = ({ setMemory, goTo }) => {
   const { t } = useTranslation(I18NNAMESPACE);
   const { healthFacility, currentUser } = useLinkAbhaNumberContext();
 
+  const faceAuthUrl = window.__CARE_PLUGIN_RUNTIME__?.meta?.care_abdm_fe?.config?.faceAuthUrl;
+
   const form = useForm<EnterAadhaarFormValues>({
     resolver: zodResolver(enterAadhaarFormSchema),
     defaultValues: {
@@ -342,7 +343,7 @@ const EnterAadhaar: FC<EnterAadhaarProps> = ({ setMemory, goTo }) => {
           >
             {t("verify_with_bio")}
           </Button>
-          <Button
+          {faceAuthUrl && <Button
             type="button"
             variant="default"
             disabled={!form.formState.isValid}
@@ -358,7 +359,7 @@ const EnterAadhaar: FC<EnterAadhaarProps> = ({ setMemory, goTo }) => {
             className="w-full"
           >
             {t("verify_with_face")}
-          </Button>
+          </Button>}
         </div>
       </form>
     </Form>
@@ -894,6 +895,7 @@ const VerifyAadhaarWithFace: FC<VerifyAadhaarWithFaceProps> = ({
 }) => {
   const { t } = useTranslation(I18NNAMESPACE);
   const [isPolling, setIsPolling] = useState(false);
+  const faceAuthUrl = window?.__CARE_PLUGIN_RUNTIME__?.meta?.care_abdm_fe?.config?.faceAuthUrl;
 
   const form = useForm<VerifyAadhaarWithFaceFormValues>({
     resolver: zodResolver(verifyAadhaarWithFaceFormSchema),

src/components/pluggables/EncounterActions.tsx

@@ -13,6 +13,7 @@ import { Button } from "@/components/ui/button";
 import CreateConsentRequestForm from "../CreateConsentRequestForm";
 import { Encounter } from "@/types/encounter";
 import { I18NNAMESPACE } from "@/lib/constants";
+import { WithMeta } from "@/types/meta";
 import { apis } from "@/apis";
 import { cn } from "@/lib/utils";
 import { useTranslation } from "react-i18next";
@@ -22,7 +23,7 @@ type EncounterActionsProps = {
   className?: string;
 };
 
-const EncounterActions: FC<EncounterActionsProps> = ({
+const EncounterActions: FC<WithMeta<EncounterActionsProps>> = ({
   encounter,
   className,
 }) => {

src/components/pluggables/FacilityHomeActions.tsx

@@ -1,9 +1,4 @@
 import { FC, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Facility } from "@/types/facility";
-import { SettingsIcon } from "lucide-react";
-import { ConfigureHealthFacilityForm } from "../ConfigureHealthFacilityForm";
 import {
   Sheet,
   SheetContent,
@@ -12,15 +7,25 @@ import {
   SheetTitle,
   SheetTrigger,
 } from "@/components/ui/sheet";
-import { useQueryClient } from "@tanstack/react-query";
+
+import { Button } from "@/components/ui/button";
+import { ConfigureHealthFacilityForm } from "../ConfigureHealthFacilityForm";
+import { Facility } from "@/types/facility";
 import { I18NNAMESPACE } from "@/lib/constants";
+import { SettingsIcon } from "lucide-react";
+import { WithMeta } from "@/types/meta";
+import { useQueryClient } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
 
 type FacilityHomeActionsProps = {
   facility: Facility;
   className?: string;
 };
 
-const FacilityHomeActions: FC<FacilityHomeActionsProps> = ({ facility }) => {
+const FacilityHomeActions: FC<WithMeta<FacilityHomeActionsProps>> = ({
+  facility,
+  __meta,
+}) => {
   const { t } = useTranslation(I18NNAMESPACE);
   const queryClient = useQueryClient();
 
@@ -59,6 +64,7 @@ const FacilityHomeActions: FC<FacilityHomeActionsProps> = ({ facility }) => {
                 });
                 setOpen(false);
               }}
+              meta={__meta}
             />
           </div>
         </SheetContent>

src/components/pluggables/PatientDetailsTabDemographyGeneralInfo.tsx

@@ -1,11 +1,13 @@
+import { FileDownIcon, ImageDownIcon } from "lucide-react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+
+import { Button } from "@/components/ui/button";
 import { FC } from "react";
 import { I18NNAMESPACE } from "@/lib/constants";
 import { Patient } from "@/types/patient";
+import { WithMeta } from "@/types/meta";
 import { apis } from "@/apis";
-import { useMutation, useQuery } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { ImageDownIcon, FileDownIcon } from "lucide-react";
 
 type PatientDetailsTabDemographyGeneralInfoProps = {
   patientData: Patient;
@@ -14,7 +16,7 @@ type PatientDetailsTabDemographyGeneralInfoProps = {
 };
 
 const PatientDetailsTabDemographyGeneralInfo: FC<
-  PatientDetailsTabDemographyGeneralInfoProps
+  WithMeta<PatientDetailsTabDemographyGeneralInfoProps>
 > = ({ patientId }) => {
   const { t } = useTranslation(I18NNAMESPACE);
 

src/components/pluggables/PatientHomeActions.tsx

@@ -3,6 +3,7 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 import { FC } from "react";
 import { LinkAbhaNumber } from "@/components/LinkAbhaNumber";
 import { Patient } from "@/types/patient";
+import { WithMeta } from "@/types/meta";
 import { apis } from "@/apis";
 import { toast } from "@/lib/utils";
 
@@ -12,7 +13,7 @@ type PatientHomeActionsProps = {
   className?: string;
 };
 
-const PatientHomeActions: FC<PatientHomeActionsProps> = ({
+const PatientHomeActions: FC<WithMeta<PatientHomeActionsProps>> = ({
   patient,
   facilityId,
   className,

src/components/pluggables/PatientRegistrationForm.tsx

@@ -6,8 +6,8 @@ import { Label } from "@/components/ui/label";
 import { LinkAbhaNumber } from "../LinkAbhaNumber";
 import { ShowAbhaProfile } from "../LinkAbhaNumber/ShowAbhaProfile";
 import { UseFormReturn } from "react-hook-form";
+import { WithMeta } from "@/types/meta";
 import { apis } from "@/apis";
-import { enforceAbhaNumberLinking } from "@/config";
 import { toast } from "@/lib/utils";
 
 type PatientRegistrationFormProps = {
@@ -16,10 +16,11 @@ type PatientRegistrationFormProps = {
   patientId?: string;
 };
 
-const PatientRegistrationForm: FC<PatientRegistrationFormProps> = ({
+const PatientRegistrationForm: FC<WithMeta<PatientRegistrationFormProps>> = ({
   form,
   facilityId,
   patientId,
+  __meta,
 }) => {
   const queryClient = useQueryClient();
 
@@ -89,9 +90,9 @@ const PatientRegistrationForm: FC<PatientRegistrationFormProps> = ({
     return (
       <div className="abdm-container flex justify-end w-full">
         <LinkAbhaNumber
-          enforceLinking={enforceAbhaNumberLinking}
+          enforceLinking={__meta?.config?.enforceAbhaNumberLinking}
           backUrl={
-            enforceAbhaNumberLinking
+            __meta?.config?.enforceAbhaNumberLinking
               ? `/facility/${facilityId}/patients`
               : undefined
           }

src/components/pluggables/PatientSearchActions.tsx

@@ -2,6 +2,7 @@ import { Button } from "@/components/ui/button";
 import { FC } from "react";
 import { HashIcon } from "lucide-react";
 import TokenSearchDialog from "@/components/TokenSearchDialog";
+import { WithMeta } from "@/types/meta";
 import { apis } from "@/apis";
 import { cn } from "@/lib/utils";
 import { useQuery } from "@tanstack/react-query";
@@ -11,7 +12,7 @@ type PatientSearchActionsProps = {
   className?: string;
 };
 
-const PatientSearchActions: FC<PatientSearchActionsProps> = ({
+const PatientSearchActions: FC<WithMeta<PatientSearchActionsProps>> = ({
   facilityId,
   className,
 }) => {

src/config.ts

@@ -1,7 +0,0 @@
-export const scanAndShareUrl = import.meta.env.REACT_SCAN_AND_SHARE_URL;
-
-export const faceAuthUrl =
-  import.meta.env.REACT_FACE_AUTH_URL || "https://phrsbx.abdm.gov.in/face-auth";
-
-export const enforceAbhaNumberLinking =
-  import.meta.env.REACT_ENFORCE_ABHA_NUMBER_LINKING === "true";

src/types/meta.ts

@@ -0,0 +1,14 @@
+export type MetaConfig = {
+  enforceAbhaNumberLinking?: boolean;
+  scanAndShareUrl?: string;
+};
+
+export type Meta = {
+  name?: string;
+  url?: string;
+  config?: MetaConfig;
+};
+
+export type WithMeta<T = unknown> = T & {
+  __meta?: Meta;
+};

src/vite-env.d.ts

@@ -1,14 +1,33 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-pwa/client" />
 
-interface ImportMetaEnv {
-  readonly REACT_SCAN_AND_SHARE_URL: string;
-  readonly REACT_FACE_AUTH_URL: string;
-  readonly REACT_ENFORCE_ABHA_NUMBER_LINKING: string;
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+interface ImportMetaEnv {}
+
+interface CareAbdmFePluginConfig {
+  faceAuthUrl?: string;
+  enforceAbhaNumberLinking?: boolean;
+  scanAndShareUrl?: string;
+}
+
+interface CarePluginRuntimeMeta {
+  care_abdm_fe?: {
+    config?: CareAbdmFePluginConfig;
+  };
+}
+
+interface CarePluginRuntime {
+  meta?: CarePluginRuntimeMeta;
 }
 
 declare global {
-  var __CORE_ENV__: {
+  const __CORE_ENV__: {
     readonly apiUrl: string;
   };
+
+  interface Window {
+    __CARE_PLUGIN_RUNTIME__?: CarePluginRuntime;
+  }
 }
+
+export {};