updated NPED code

src/hooks/useNPEDAuh.ts

@@ -1,49 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-import type { NPEDFieldType } from "../types/types";
-
-const url = "https://jsonplaceholder.typicode.com/posts";
-
-async function signIn(loginDetails: NPEDFieldType) {
-  console.log(loginDetails);
-  const response = await fetch(url, {
-    method: "POST",
-    body: JSON.stringify(loginDetails),
-  });
-  if (!response.ok) throw new Error("cannot reach NPED endpoint");
-  return response.json();
-}
-
-async function signOut() {
-  const response = await fetch(url, { method: "POST" });
-  if (!response.ok) throw new Error("cannot reach NPED sign out endpoint");
-  return response.json();
-}
-
-function setUserContext(user) {
-  console.log(user);
-}
-
-export const useNPEDAuth = () => {
-  const signInMutation = useMutation({
-    mutationKey: ["NPEDSignin"],
-    mutationFn: signIn,
-    onSuccess: (data) => setUserContext(data),
-  });
-
-  const signOutMutation = useMutation({
-    mutationKey: ["auth", "NPEDSignOut"],
-    mutationFn: signOut,
-    onSuccess: () => setUserContext(null),
-  });
-
-  return {
-    signIn: signInMutation.mutate,
-    signInAsync: signInMutation.mutateAsync,
-    isPending: signInMutation.isPending,
-    isError: signInMutation.isError,
-    error: signInMutation.error,
-    data: signInMutation.data,
-
-    signOut: signOutMutation.mutate,
-  };
-};

src/hooks/useNPEDAuth.ts

@@ -0,0 +1,85 @@
+import { useMutation } from "@tanstack/react-query";
+import type { NPEDFieldType } from "../types/types";
+import { useNPEDContext } from "../context/NPEDUserContext";
+
+const base_url = import.meta.env.VITE_OUTSIDE_BASEURL;
+
+async function signIn(loginDetails: NPEDFieldType) {
+  const { frontId, rearId, username, password, clientId } = loginDetails;
+
+  const NPEDLoginURLFront = `${base_url}/update-config?id=${frontId}`;
+  const NPEDLoginURLRear = `${base_url}/update-config?id=${rearId}`;
+
+  const frontCameraPayload = {
+    id: frontId,
+    fields: [
+      { property: "propEnabled", value: true },
+      { property: "propUsername", value: username },
+      { property: "propPassword", value: password },
+      { property: "propClientID", value: clientId },
+    ],
+  };
+
+  const rearCameraPayload = {
+    id: rearId,
+    fields: [
+      { property: "propEnabled", value: true },
+      { property: "propUsername", value: username },
+      { property: "propPassword", value: password },
+      { property: "propClientID", value: clientId },
+    ],
+  };
+
+  const frontCameraResponse = await fetch(NPEDLoginURLFront, {
+    method: "POST",
+    body: JSON.stringify(frontCameraPayload),
+  });
+
+  const rearCameraResponse = await fetch(NPEDLoginURLRear, {
+    method: "POST",
+    body: JSON.stringify(rearCameraPayload),
+  });
+
+  if (!frontCameraResponse.ok) throw new Error("cannot reach NPED endpoint");
+  if (!rearCameraResponse.ok) throw new Error("cannot reach NPED endpoint");
+
+  console.log(frontCameraResponse);
+  console.log(rearCameraResponse);
+  return {
+    frontResponse: frontCameraResponse.json(),
+    rearResponse: rearCameraResponse.json(),
+  };
+}
+
+async function signOut() {
+  const response = await fetch(url, { method: "POST" });
+  if (!response.ok) throw new Error("cannot reach NPED sign out endpoint");
+  return response.json();
+}
+
+export const useNPEDAuth = () => {
+  const { setUser } = useNPEDContext();
+
+  const signInMutation = useMutation({
+    mutationKey: ["NPEDSignin"],
+    mutationFn: signIn,
+    onSuccess: async (data) => setUser(await data.frontResponse),
+  });
+
+  const signOutMutation = useMutation({
+    mutationKey: ["auth", "NPEDSignOut"],
+    mutationFn: signOut,
+    onSuccess: () => setUser(null),
+  });
+
+  return {
+    signIn: signInMutation.mutate,
+    signInAsync: signInMutation.mutateAsync,
+    isPending: signInMutation.isPending,
+    isError: signInMutation.isError,
+    error: signInMutation.error,
+    data: signInMutation.data,
+
+    signOut: signOutMutation.mutate,
+  };
+};