142 lines
3.9 KiB
TypeScript
142 lines
3.9 KiB
TypeScript
import { useMutation, useQuery } from "@tanstack/react-query";
|
|
import type { NPEDFieldType } from "../types/types";
|
|
import { useNPEDContext } from "../context/NPEDUserContext";
|
|
import { useEffect } from "react";
|
|
import { CAM_BASE } from "../utils/config";
|
|
import { toast } from "sonner";
|
|
|
|
async function fetchNPEDDetails() {
|
|
const fetchUrl = `${CAM_BASE}/api/fetch-config?id=NPED`;
|
|
const response = await fetch(fetchUrl, {
|
|
signal: AbortSignal.timeout(500),
|
|
});
|
|
if (!response.ok) throw new Error("Cannot reach fetch-config endpoint");
|
|
|
|
return response.json();
|
|
}
|
|
|
|
async function signIn(loginDetails: NPEDFieldType) {
|
|
const { frontId, rearId, username, password, clientId } = loginDetails;
|
|
|
|
const NPEDLoginURLFront = `${CAM_BASE}/api/update-config?id=${frontId}`;
|
|
const NPEDLoginURLRear = `${CAM_BASE}/api/update-config?id=${rearId}`;
|
|
|
|
const payload = (id: string) => ({
|
|
id,
|
|
fields: [
|
|
{ property: "propEnabled", value: true },
|
|
{ property: "propUsername", value: username },
|
|
{ property: "propPassword", value: password },
|
|
{ property: "propClientID", value: clientId },
|
|
],
|
|
});
|
|
|
|
const [frontRes, rearRes] = await Promise.all([
|
|
fetch(NPEDLoginURLFront, {
|
|
method: "POST",
|
|
body: JSON.stringify(payload(frontId)),
|
|
}),
|
|
fetch(NPEDLoginURLRear, {
|
|
method: "POST",
|
|
body: JSON.stringify(payload(rearId)),
|
|
}),
|
|
]);
|
|
|
|
if (!frontRes.ok || !rearRes.ok)
|
|
throw new Error("Cannot reach NPED endpoint");
|
|
|
|
return {
|
|
frontResponse: frontRes.json(),
|
|
rearResponse: rearRes.json(),
|
|
};
|
|
}
|
|
|
|
async function signOut() {
|
|
const nullPayload = {
|
|
id: "NPED",
|
|
fields: [
|
|
{ property: "propEnabled", value: false },
|
|
{ property: "propUsername", value: "" },
|
|
{ property: "propPassword", value: "" },
|
|
{ property: "propClientID", value: "" },
|
|
],
|
|
};
|
|
const NPEDLoginURLFront = `${CAM_BASE}/api/update-config?id=NPED`;
|
|
const response = await fetch(NPEDLoginURLFront, {
|
|
method: "POST",
|
|
body: JSON.stringify(nullPayload),
|
|
});
|
|
|
|
if (!response.ok) throw new Error("cannot reach NPED sign out endpoint");
|
|
|
|
return response.json();
|
|
}
|
|
|
|
export const useNPEDAuth = () => {
|
|
const { setUser, user } = useNPEDContext();
|
|
|
|
const signInMutation = useMutation({
|
|
mutationKey: ["NPEDSignin"],
|
|
mutationFn: signIn,
|
|
onMutate: () => {
|
|
toast.loading("Signing in...");
|
|
},
|
|
onSuccess: async (data) => {
|
|
toast.dismiss();
|
|
toast.success("Signed in successfully!");
|
|
setUser(await data.frontResponse);
|
|
},
|
|
onError: (error) => {
|
|
toast.dismiss();
|
|
if (error.message.includes("timed out")) {
|
|
toast.error("Connection timed out. Please check your network.");
|
|
} else {
|
|
toast.error(`Sign-in failed: ${error.message}`);
|
|
}
|
|
},
|
|
});
|
|
|
|
const signOutMutation = useMutation({
|
|
mutationKey: ["auth", "NPEDSignOut"],
|
|
mutationFn: signOut,
|
|
onSuccess: () => {
|
|
toast.success("Signed out successfully");
|
|
setUser(null);
|
|
},
|
|
onError: (error) => {
|
|
toast.error(`Sign-out failed: ${error.message}`);
|
|
},
|
|
});
|
|
|
|
const fetchdataQuery = useQuery({
|
|
queryKey: ["auth", "NPEDFetch"],
|
|
queryFn: fetchNPEDDetails,
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (fetchdataQuery.isSuccess && fetchdataQuery.data) {
|
|
setUser(fetchdataQuery.data);
|
|
} else {
|
|
setUser(null);
|
|
}
|
|
}, [fetchdataQuery.data, fetchdataQuery.isSuccess, setUser]);
|
|
|
|
useEffect(() => {
|
|
if (fetchdataQuery.isError) toast.error(fetchdataQuery.error.message);
|
|
}, [fetchdataQuery?.error?.message, fetchdataQuery.isError]);
|
|
|
|
return {
|
|
signIn: signInMutation.mutate,
|
|
signInAsync: signInMutation.mutateAsync,
|
|
isPending: signInMutation.isPending,
|
|
isError: signInMutation.isError,
|
|
error: signInMutation.error,
|
|
data: signInMutation.data,
|
|
fetchdataQueryError: fetchdataQuery.error,
|
|
fetchdataQueryLoading: fetchdataQuery.isLoading,
|
|
user,
|
|
setUser,
|
|
signOut: signOutMutation.mutate,
|
|
};
|
|
};
|