make face auth url as configurable env

src/components/LinkAbhaNumber/CreateWithAadhaar.tsx

@@ -36,15 +36,16 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 import { AbhaNumber } from "@/types/abhaNumber";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
+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 ".";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { QRCodeSVG } from "qrcode.react";
 
 type CreateWithAadhaarProps = {
   onSuccess: (abhaNumber: AbhaNumber) => void;
@@ -1045,7 +1046,7 @@ const VerifyAadhaarWithFace: FC<VerifyAadhaarWithFaceProps> = ({
         {authInitViaFaceMutation.isSuccess && (
           <div className="flex flex-col items-center justify-center border-2 border-dashed border-secondary-600 rounded-lg p-4">
             <QRCodeSVG
-              value={`https://phrsbx.abdm.gov.in/face-auth?txnId=${authInitViaFaceMutation.data?.transaction_id}`}
+              value={`${faceAuthUrl}?txnId=${authInitViaFaceMutation.data?.transaction_id}`}
               className="size-80 text-secondary-500 rounded-lg"
             />
           </div>

src/config.ts

@@ -1,4 +1,7 @@
 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/vite-env.d.ts

@@ -3,6 +3,7 @@
 
 interface ImportMetaEnv {
   readonly REACT_SCAN_AND_SHARE_URL: string;
+  readonly REACT_FACE_AUTH_URL: string;
   readonly REACT_ENFORCE_ABHA_NUMBER_LINKING: string;
 }