placementt-core 11.0.533 → 11.10.151

package/src/hooks.tsx

@@ -15,7 +15,7 @@ import {
     ApplicantStage,
     ApplicantWorkflow,
     Application,
-    ArrowObject, CohortData, FileItem, FlagCodes, InstituteData, OnboardingDocs, PlacementListing, Products,
+    ArrowObject, CohortData, CustomFormSchema, FileItem, FlagCodes, InstituteData, OnboardingDocs, PlacementListing, Products,
     ProviderData,
     QueryObject, SavedPlacement, StudentPlacementData, UserData, UserGroupData, WorkflowStage
 } from "./typeDefinitions";
@@ -1356,7 +1356,7 @@ export function usePublicPlacementListingLoader({providerId, number=5}:PublicPla
                 const applicantWorkflow = (await firebaseQuery.getDocData(["applicantWorkflows", itemObj.applicantWorkflowId]) as ApplicantWorkflow).workflow.filter((i) => i.id === 1)[0];
                 const applicantFiles = applicantWorkflow.files ? Object.fromEntries(await Promise.all(applicantWorkflow.files?.map(async (fileId) => {
                     const file = await firebaseQuery.getDocData(["files", fileId]);
-                    file.url = await getDownloadURL(ref(storage, `userFiles/${file.fileName}`));
+                    file.url = await getDownloadURL(ref(storage, `providers/${itemObj.providerId}/${file.fileName}`));
 
                     return [fileId, file];
                 }))) : [];
@@ -1408,7 +1408,7 @@ export type ApplicationHookParams = {
     profileUrl: string | undefined;
     successPopup: "submitted" | "draftSaved" | "stageComplete" | "outcome" | undefined;
     fApplicationId: string | undefined;
-    fListing: PlacementListing | undefined;
+    fListing: PlacementListing | false | undefined;
     student: UserData | undefined;
     fProvider: {
         details?: ProviderData;
@@ -1458,13 +1458,14 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
         const [fApplication, setFApplication] = useState<Partial<Application>>(application ? applicationWithoutAdditionalData : {
             uid: user.userType === "Students" ? user.id : undefined,
             listingId: listingId,
+            addressId: listing?.addressId,
             stage: 1,
             reqUserType: "Students",
             status: "draft"});
         const [fApplicationId, setFApplicationId] = useState<string|undefined>(applicationId);
         const [draftSaved, setDraftSaved] = useState(false);
         const [fProvider, setFProvider] = useState<{details?: ProviderData, profile?: string, id?: string}|undefined>(provider);
-        const [fListing, setFListing] = useState<PlacementListing|undefined>(listing);
+        const [fListing, setFListing] = useState<PlacementListing|false|undefined>(Object.keys(listing || {}).length > 5 ? listing : undefined);
         const [student, setStudent] = useState<UserData|undefined>(user.userType === "Students" ? user : undefined);
         const [profileUrl, setProfileUrl] = useState<string>();
         const [successPopup, setSuccessPopup] = useState<"submitted"|"draftSaved"|"stageComplete"|"outcome">();
@@ -1476,34 +1477,44 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
                 console.log("Checking ID")
                 if (!listingId) return;
                 console.log("Getting listing")
+                console.log("LISTING PARAM", listing, Object.keys(listing || {}).length > 5);
 
-                const listingData = listing || await firebaseQuery.getDocData(["placementListings", listingId]) as PlacementListing;
-                const address = (user.product === "providers" && orgContext) ? orgContext.addresses[listingData.addressId || ""] : await firebaseQuery.getDocData(["addresses", listingData.addressId as string]) as Address;
-                const workflow = (user.product === "providers" && orgContext) ? orgContext.applicantWorkflows[listingData.applicantWorkflowId || ""] as ApplicantWorkflow : await firebaseQuery.getDocData(["applicantWorkflows", listingData.applicantWorkflowId as string]) as ApplicantWorkflow;
+                const listingData = (Object.keys(listing || {}).length > 5) ? listing : (await firebaseQuery.getDocData(["placementListings", listingId]).catch(() => false) as PlacementListing|false);
+                
+                console.log("LISTINGDATA", listingData, Object.keys(listing || {}).length > 5 ? {a: "string"} : "AAA");
+                
+                
+                
+                const address = listingData ? (user.product === "providers" && orgContext) ? orgContext.addresses[listingData.addressId || ""] : await firebaseQuery.getDocData(["addresses", listingData.addressId as string]) as Address : undefined;
+                const workflow = listingData ? (user.product === "providers" && orgContext) ? orgContext.applicantWorkflows[listingData.applicantWorkflowId || ""] as ApplicantWorkflow : await firebaseQuery.getDocData(["applicantWorkflows", listingData.applicantWorkflowId as string]) as ApplicantWorkflow : undefined;
             
-                workflow.workflow = await Promise.all(workflow.workflow.map(async (s) => {
-                    const applicantFiles = s.files ? Object.fromEntries(await Promise.all(s.files?.map(async (fileId: string) => {
-                        const file = await firebaseQuery.getDocData(["files", fileId]);
-                        file.url = await getDownloadURL(ref(storage, `userFiles/${file.fileName}`));
-
-                        return [fileId, file];
-                    }))) : [];
-                    const applicantForms = s.forms ? Object.fromEntries(await Promise.all(s.forms?.map(async (formId: string) => {
-                        return [formId, await firebaseQuery.getDocData(["forms", formId])];
-                    }))) : [];
-
-                    return {...s, viewableFiles: applicantFiles, formDetails: applicantForms};
-                }));
+                if (workflow && listingData) {
+                    workflow.workflow = await Promise.all(workflow.workflow.map(async (s) => {
+                        const applicantFiles = s.files ? Object.fromEntries(await Promise.all(s.files?.map(async (fileId: string) => {
+                            const file = await firebaseQuery.getDocData(["files", fileId]);
+                            file.url = await getDownloadURL(ref(storage, `providers/${listingData?.providerId}/${file.fileName}`));
+    
+                            return [fileId, file];
+                        }))) : [];
+                        const applicantForms = s.forms ? Object.fromEntries(await Promise.all(s.forms?.map(async (formId: string) => {
+                            return [formId, await firebaseQuery.getDocData(["forms", formId])];
+                        }))) : [];
+    
+                        return {...s, viewableFiles: applicantFiles, formDetails: applicantForms};
+                    }));
+                    delete workflow.id;
+                }
+                if (address) {
+                    delete address.id;
+                }
 
-                delete address.id;
-                delete workflow.id;
                 console.log("Setting listing")
-                setFListing({...listingData, ...address, applicantWorkflow: workflow.workflow});
+                setFListing((listingData && workflow) ? {...listingData, ...address, applicantWorkflow: workflow.workflow} : false);
+
 
-                console.log("Getting provider", listingData?.providerId);
                 if ((fProvider?.id === application?.providerId) && user.product === "providers") {
                     setFProvider({details: orgContext?.details, id: user.oId});
-                } else if (listingData?.providerId) {
+                } else if (listingData && listingData?.providerId) {
                     console.log("Getting provider from DB");
                     const provider = await firebaseQuery.getDocData(["providers", listingData.providerId]) as ProviderData;
                     console.log("Provider", provider);
@@ -1525,7 +1536,7 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
         }, []);
     
         useEffect(() => {
-            setFListing(listing);
+            setFListing(Object.keys(listing || {}).length > 5 ? listing : undefined);
         }, [listing]);
     
         useEffect(() => {
@@ -1550,7 +1561,18 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
                 });
                 return;
             }
-            if (applicationId) setFApplicationId(applicationId);
+            if (applicationId) {
+                setFApplicationId(applicationId);
+                if (application) {
+                    let applicationWithoutAdditionalData = {...(application || {})} as any;
+                    delete applicationWithoutAdditionalData.listing;
+                    delete applicationWithoutAdditionalData.address;
+                    delete applicationWithoutAdditionalData.provider;
+                    setFApplication(applicationWithoutAdditionalData);
+                } else {
+                    firebaseQuery.getDocData(["applications", applicationId]).then(setFApplication);
+                }
+            }
         }, [application, applicationId]);
 
         const getCurrentStage = async (stage: number): Promise<{
@@ -1565,6 +1587,8 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
                 } | undefined;
             };
         }> => {
+            console.log("fLSITING CURRENT STAGE", fListing);
+            if (!fListing) throw new Error("Listing deleted");
             if (!fListing?.applicantWorkflowId) throw new Error("No workflow stage");
 
             const mApplicantWorkflow = (await firebaseQuery.getDocData(["applicantWorkflows", fListing.applicantWorkflowId]) as ApplicantWorkflow);
@@ -1575,7 +1599,7 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
 
             const applicantFiles = stageObj.files ? Object.fromEntries(await Promise.all(stageObj.files?.map(async (fileId) => {
                 const file = await firebaseQuery.getDocData(["files", fileId]);
-                file.url = await getDownloadURL(ref(storage, `userFiles/${file.fileName}`));
+                file.url = await getDownloadURL(ref(storage, `providers/${mApplicantWorkflow?.oId}/${file.fileName}`));
 
                 return [fileId, file];
             }))) : [];
@@ -1615,11 +1639,12 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
 
             const addApplication = async () => {
                 console.log("ADDING APPLICATION");
-                if (!fListing?.id || !fProvider?.id || !student?.id) return;
+                if (!fListing || !fListing?.id || !fProvider?.id || !student?.id) return;
 
                 const applicationData = {
                     uid: student.id,
                     listingId: fListing?.id,
+                    addressId: fListing.addressId,
                     applicantWorkflowId: fListing?.applicantWorkflowId,
                     providerId: fProvider.id,
                     stage: 1,
@@ -1637,9 +1662,9 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
             getUploadedFiles();
 
             console.log("Checking IDs");
-            console.log(fListing?.id, fProvider?.id, student?.id);
-            if (!fListing?.id || !fProvider?.id || !student?.id) return;
-            if (user.product === "providers") throw new Error("Providers cannot create applications");
+
+            if (!fListing || !fListing?.id || !fProvider?.id || !student?.id) return;
+            if (user.product === "providers") return;
 
             console.log("Checking dates and sections");
             if (!fApplication.completedSections && !fApplication.startDate && !fApplication.endDate) return;
@@ -1709,6 +1734,7 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
         const viewFile = (file: string, onOpen: (url: string) => void) => {
             if (fApplication.reqUserType !== user.userType) return;
             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
+            if (!fListing) throw new Error("No associated listing.");
 
             const viewableFiles = fListing?.applicantWorkflow?.find((stage) => stage.id === fApplication.stage)?.viewableFiles;
 
@@ -1763,21 +1789,29 @@ export function useCreateApplicationRenderer({user, listingId, listing, provider
                 openSuccessPopup("draftSaved")
                 return;
             }
+
+            if (!fApplicationId) return;
     
             // Check all items have been filled in.
             if (!fApplication.startDate || !fApplication.endDate) throw new Error("Please select dates for your placement.");
     
             await executeCallable("applications-submit", {applicationId: fApplicationId});
+            
+            const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]) as Application;
+            setFApplication(newApplication);
             openSuccessPopup("submitted")
         };
     
         const progressStage = async (type: number|"accept"|"reject", e?: {feedback?: string}) => {
             // Check all stages completed.
+            if (!fApplicationId) return;
             if (!currentStageComplete) throw new Error("Complete all forms before submitting.");
             if (fApplication.reqUserType !== user.userType) throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
 
             await executeCallable("applications-changeStage", {applicationId: fApplicationId, type: type, feedback: e?.feedback});
+            const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]) as Application;
+            setFApplication(newApplication);
         };
     
 
@@ -1795,8 +1829,6 @@ export function useProposePlacementRenderer({user, orgContext, placement}:
     const [student, setStudent] = useState<UserData|undefined>((user && (user?.userType === "Students")) ? user : undefined);
     const [cohort, setCohort] = useState<CohortData>();
     const [complete, setComplete] = useState(false);
-
-
     const [stage, setStage] = useState<"provider"|"address"|"dates"|"review">("dates");
 
     const sections:Array<"dates"|"provider"|"address"|"review"> = ["dates", "provider", "address", "review"];
@@ -1865,16 +1897,32 @@ export function useProposePlacementRenderer({user, orgContext, placement}:
         setFormData(undefined);
     };
 
-    const proposePlacement = async (draft=false) => {
+    const proposePlacement = async (draft = false) => {
+        const getPlacementStatus = (startDate: Date, endDate: Date) => {
+            const today = new Date()
+             if (startDate <= today && endDate >= today) return { active: !draft ? true : false, inProgress: true, completed: false};
+             else if (endDate <= today) return { completed: true, inProgress: false, active: false};
+             return { completed: false, inProgress: true, active: false };
+        }
+        
         if (!formData || !student) {
             throw new Error("Cannot find placement details.");
         }
-        console.log("formData", formData);
-
-        if (formData.id && formData.uid && formData.id && draft === formData.draft) {
-            return await firebaseQuery.update(["placements", formData.id], formData);
+    
+        try {
+            console.log("formData", formData);
+            const status = getPlacementStatus(new Date(formData.startDate), new Date(formData.endDate));
+            const newFormData = {...formData, ...status}
+    
+            if (newFormData.id && newFormData.uid && draft === newFormData.draft) await firebaseQuery.update(["placements", newFormData.id], newFormData);
+            else await addPlacement(newFormData, student.id, draft)
+            return {status}
+                
+        } catch (error) {
+            console.log("Error:", error);
+            throw error;
         }
-
+/*
         console.log("STUDENTID", student.id);
 
         return await addPlacement(formData, student.id, draft).catch((e) => {
@@ -1885,9 +1933,9 @@ export function useProposePlacementRenderer({user, orgContext, placement}:
             setComplete(true);
             return e;
         });
-
-
+*/
     };
+    
 
     const deletePlacement = async (id:string) => {
         return await firebaseQuery.delete(["placements", id]);
@@ -2982,6 +3030,9 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
     const [uploadRA, setUploadRA] = useState(false);
     const [uploadDBS, setUploadDBS] = useState(false);
     const [onboardingPopup, setOnboardingPopup] = useState(false);
+    const [dismissOnboardingPopup, setDismissOnboardingPopup] = useState(false);
+    const [addOnboardingDocsPopup, setAddOnboardingDocsPopup] = useState(false);
+
     const [editable, setEditable] = useState(false);
 
     const [withdrawFromPlacementPopup, setWithdrawFromPlacementPopup] = useState(false);
@@ -3031,7 +3082,7 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
         if (user.userType === "Students") {
             setStudent(user);
         } else {
-            getUserById(placement.uid).then(setStudent);
+            getUserById(placement.uid, undefined, false).then(setStudent);
         }
 
     }, [placement]);
@@ -3097,15 +3148,14 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
     };
 
 
-    const onboardingStatus:"Add onboarding documents"|"Onboarding sent"|"Onboarding docs completed"|"Onboarding docs approved"|"Complete onboarding" = placement?.onboarding ? placement.onboarding.completed?.submitted ? placement.onboarding.completed.accepted ? "Onboarding docs approved" : "Onboarding docs completed" : (user.userType === "Staff" ? "Onboarding sent" : "Complete onboarding") : "Add onboarding documents";
+    const onboardingStatus:"Add onboarding documents"|"Onboarding sent"|"Onboarding docs completed"|"Onboarding docs approved"|"Complete onboarding" =
+        placement?.onboarding ? placement.onboarding.completed?.submitted ? placement.onboarding.completed.accepted ? "Onboarding docs approved" : "Onboarding docs completed" : (user.userType === "Staff" ? "Onboarding sent" : "Complete onboarding") : "Add onboarding documents";
 
     const signOffPlacements = getAccess(user, "signOffPlacements");
 
     let canEdit = false;
 
-    if ((wStage?.userType === "Staff" && user.product === "providers") && user.userGroup === "admin") {
-        canEdit = true;
-    } else if ((wStage?.userType === "Staff" && user.userType === "Staff" && user.product === "institutes") || (user.product === "providers" && wStage?.userType === "Provider") || user.userType === "Students" && wStage?.userType === "Students") {
+    if ((wStage?.userType === "Staff" && user.userType === "Staff" && user.product === "institutes") || (user.product === "providers" && wStage?.userType === "Provider") || user.userType === "Students" && wStage?.userType === "Students") {
         console.log("ALMOST CAN EDIT");
         if (user.userType === "Staff" && !signOffPlacements) {
             canEdit = false;
@@ -3116,7 +3166,7 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
 
 
 
-    const onFlagClick = async (e:FlagCodes) => {
+    const onFlagClick = async (e:FlagCodes, onClose?: boolean) => {
         if (!placement) return;
         if (e === "completeOnboarding" || e === "reviewOnboarding") {
             setOnboardingPopup(true);
@@ -3146,6 +3196,13 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
             }
             setExternalDocPopupOpen("dbsCheck");
         }
+        if (e === "addOnboarding") {
+            if (onClose) {
+                setDismissOnboardingPopup(true);
+            } else {
+                setAddOnboardingDocsPopup(true);
+            }
+        }
     };
 
     const approveELI = async () => {
@@ -3187,7 +3244,7 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
                 throw e;
             });
             console.log("RETURN", res.data);
-            setPlacement((p) => ({...p, ...res.data}));
+            setPlacement((p) => ({...p, ...res.data as any}));
             if (uploadProviderDocPopup === "insurance") {
                 setUploadProviderDocPopup(undefined);
                 setUploadInsurance(true);
@@ -3206,26 +3263,28 @@ export function useGetIndividualPlacementForPlacementPage({user, placementId, or
         await executeCallable("placement-withdraw", {placementId: placementId});
     }
 
-    return {placement, wStage, student, workflow, editable, withdrawFromPlacementPopup, setWithdrawFromPlacementPopup, withdrawFromPlacement, onFlagClick, setUploadInsurance, setUploadProviderDocPopup, setUploadRA, setUploadDBS, onboardingStatus, setSkipStagePopup, onboardingPopup, setViewExternalLinkPopup, setOnboardingPopup, setRejectELIPopup, eliURL, riskAssessmentURL, dbsCheckURL, setExternalLinkCopied, skipStagePopup, snackbar, setSnackbar, cohort, disableEmail, rejectELIPopup, eliPopupOpen, rejectExternalDocPopup, externalDocPopupOpen, viewExternalLinkPopup, externalLinkCopied, uploadInsurance, uploadRA, uploadDBS, editStage, sendEmail, canEdit, approveELI, setEliPopupOpen, uploadProviderDocPopup, rejectELI, setRejectExternalDocPopup, setExternalDocPopupOpen, approveProviderDoc, rejectProviderDoc, manuallyConfigureProvider, institute}
+    return {placement, wStage, student, workflow, editable, withdrawFromPlacementPopup, addOnboardingDocsPopup, setAddOnboardingDocsPopup, dismissOnboardingPopup, setDismissOnboardingPopup, setWithdrawFromPlacementPopup, withdrawFromPlacement, onFlagClick, setUploadInsurance, setUploadProviderDocPopup, setUploadRA, setUploadDBS, onboardingStatus, setSkipStagePopup, onboardingPopup, setViewExternalLinkPopup, setOnboardingPopup, setRejectELIPopup, eliURL, riskAssessmentURL, dbsCheckURL, setExternalLinkCopied, skipStagePopup, snackbar, setSnackbar, cohort, disableEmail, rejectELIPopup, eliPopupOpen, rejectExternalDocPopup, externalDocPopupOpen, viewExternalLinkPopup, externalLinkCopied, uploadInsurance, uploadRA, uploadDBS, editStage, sendEmail, canEdit, approveELI, setEliPopupOpen, uploadProviderDocPopup, rejectELI, setRejectExternalDocPopup, setExternalDocPopupOpen, approveProviderDoc, rejectProviderDoc, manuallyConfigureProvider, institute}
 }
 
-export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onboarding: (
+export function useOnboardingPopup({onboarding, providerId, placementId, user, onClose}:{onboarding: (
     OnboardingDocs&{
         completed: {
-            submitted: string|false,
+            submitted: boolean,
+            submittedDate?: string,
             accepted?: boolean,
             filesViewed?: string[],
             formsCompleted?: {[key: string]: unknown},
             filesUploaded?: {[key: number]: string[]},
         }}
-), placementId: string, user: UserData, onClose: () => void}) {
+), placementId: string, user: UserData, providerId: string, onClose: () => void}) {
 
     const [fileUploadPopup, setFileUploadPopup] = useState<false|number>(false);
     const [form, setForm] = useState<{id: string, name: string, [key:string]: unknown}>();
     const [rejectPopup, setRejectPopup] = useState(false);
     const [mOnboarding, setMOnboarding] = useState(onboarding);
     const [completedSections, setCompletedSections] = useState<{
-        submitted: string | false;
+        submitted: boolean,
+        submittedDate?: string,
         filesViewed?: string[] | undefined;
         formsCompleted?: {
             [key: string]: unknown;
@@ -3234,7 +3293,19 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
             [key: number]: string[];
         } | undefined;
     }>();
+
     const [uploadedFiles, setUploadedFiles] = useState<{[key: string]: FileItem}>({});
+    const [viewableFiles, setViewableFiles] = useState<{[key: string]: FileItem}>();
+    const [formDetails, setFormDetails] = useState<{
+        [key: string]: {
+            name: string;
+            id: string;
+            description?: string;
+            product: Products;
+            oId: string;
+            form: CustomFormSchema;
+        };
+    }>({});
 
     const firebaseQuery = new FirebaseQuery();
 
@@ -3252,7 +3323,7 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
             const viewedFiles = a.completed ? a.completed?.filesViewed || [] : [];
             if (viewedFiles?.includes(file)) return a;
 
-            a?.viewableFiles?.[file].url && onOpen(a?.viewableFiles?.[file].url);
+            viewableFiles?.[file].url && onOpen(viewableFiles?.[file].url);
             viewedFiles?.push(file);
 
             const newA = editNestedObject(["completed", "filesViewed"], oldA, viewedFiles) as any;
@@ -3275,7 +3346,7 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
 
             const onboardingFiles = onboarding.files ? Object.fromEntries(await Promise.all(onboarding.files?.map(async (fileId) => {
                 const file = await firebaseQuery.getDocData(["files", fileId]);
-                file.url = await getDownloadURL(ref(storage, `userFiles/${file.fileName}`));
+                file.url = await getDownloadURL(ref(storage, `providers/${providerId}/${file.fileName}`));
 
                 return [fileId, file];
             }))) : [];
@@ -3283,8 +3354,8 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
                 return [formId, await firebaseQuery.getDocData(["forms", formId])];
             }))) : [];
 
-            onboardingNew.viewableFiles = onboardingFiles;
-            onboardingNew.formDetails = onboardingForms;
+            setViewableFiles(onboardingFiles);
+            setFormDetails(onboardingForms);
             return onboardingNew;
         };
         getOnboardingData().then(setMOnboarding);
@@ -3346,7 +3417,7 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
         // Check all stages completed.
         if (!placementId) return;
         if (!stagesCompleted()) throw new Error("Complete all forms before submitting.");
-        await firebaseQuery.update(["placements", placementId], {["onboarding.completed.submitted"]: convertDate(new Date(), "dbstring") as string});
+        await firebaseQuery.update(["placements", placementId], {["onboarding.completed.accepted"]: false, ["onboarding.completed.submitted"]: true, ["onboarding.completed.submittedDate"]: convertDate(new Date(), "dbstring") as string});
     };
 
     useEffect(() => {
@@ -3391,5 +3462,568 @@ export function useOnboardingPopup({onboarding, placementId, user, onClose}:{onb
         addCompletedSectionURLs();
     }, [mOnboarding]);
 
-    return {addFile, viewFile, uploadedFiles, setFormComplete, setRejectPopup, stagesCompleted, setForm, mOnboarding, form, submit, acceptOnboarding, rejectOnboarding, rejectPopup, completedSections, fileUploadPopup, setFileUploadPopup};
-}
+    return {addFile, viewFile, uploadedFiles, setFormComplete, setRejectPopup, stagesCompleted, setForm, mOnboarding, form, submit, acceptOnboarding, rejectOnboarding, rejectPopup, completedSections, fileUploadPopup, setFileUploadPopup, viewableFiles, formDetails};
+}
+
+
+
+
+
+export function useLoadAddresses(user: UserData, limitItems?: number, queryConstraint?: QueryConstraint[]) {
+    const [addresses, setAddresses] = useState<{[key: string]: OrganisationAddress}>({});
+    const [lastDoc, setLastDoc] = useState<QueryDocumentSnapshot|null>(null);
+    const [loading, setLoading] = useState<boolean>(false);
+
+    const firebaseQuery = new FirebaseQuery();
+
+    const [queryConstraints, setQueryConstraints] = useState<QueryConstraint[]>(queryConstraint || []);
+
+    const changeQueryConstraints = (e: QueryConstraint[]) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    
+    const loadAddresses = () => {
+        const constraints:QueryConstraint[] = [where("oId", "==", user.oId), where("product", "==", user.product), orderBy(documentId())]
+
+        if (limitItems) {
+            constraints.push(limit(limitItems));
+        }
+
+        if (user.groupData?.viewAddresses === "all" || user.userGroup === "admin") {
+            if (lastDoc?.id) {
+                constraints.push(startAfter(lastDoc?.id));
+            }
+        } else if (user.groupData?.viewAddresses === "request") {
+            if (!user.visibleAddresses?.length) return;
+
+            constraints.push(where(documentId(), "in", user.visibleAddresses))
+            if (lastDoc?.id) {
+                constraints.push(startAfter(lastDoc?.id));
+            }
+        } else {
+            setLoading(false);
+            return;  // viewAddresses === "none", no need to load anything
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+
+        return firebaseQuery.collectionSnapshot((async (snapshot: QuerySnapshot<DocumentData>) => {
+            const deletedAddresses = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            })
+
+            setAddresses((prev) => Object.fromEntries(Object.entries(prev).filter(([k]) => !deletedAddresses.includes(k))))
+
+            if (!snapshot.empty) {
+
+
+                const newAddresses:[string, OrganisationAddress][] = snapshot.docs.map(doc => ([doc.id, {id: doc.id, ...doc.data() as OrganisationAddress}]));
+
+                const withListings:{[key: string]: OrganisationAddress&{listings: number}} = Object.fromEntries(await Promise.all(newAddresses.map(async ([k, address]) => {
+                    const listings = await firebaseQuery.getCount("placementListings", [where("providerId", "==", user.oId), where("addressId", "==", k)]);
+                    return [k, {...address, listings: listings}];
+                })));
+                
+                setAddresses(prev => ({...prev, ...withListings}));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "addresses", constraints, undefined, true);
+    };
+
+    useEffect(() => {
+        const unsubscribe = loadAddresses();
+
+        return () => {
+            if (unsubscribe) {
+                unsubscribe();  // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConstraints]);
+
+    const onScrollBottom = () => {
+        if (!limitItems) return;
+        if (!loading) {
+            setLoading(true);
+            loadAddresses();
+        }
+    };
+
+    return { addresses, onScrollBottom, loading, changeQueryConstraints };
+}
+
+
+
+
+export function useLoadListings(user: UserData, queryConstraint?: QueryConstraint[]) {
+    const [listings, setListings] = useState<[string, PlacementListing&{applicants?: number, scheduled?: number, active?: number}][]>([]);
+    const [lastDoc, setLastDoc] = useState<QueryDocumentSnapshot|null>(null);
+    const [loading, setLoading] = useState<boolean>(false);
+
+    const firebaseQuery = new FirebaseQuery();
+    
+    const [queryConstraints, setQueryConstraints] = useState<QueryConstraint[]>(queryConstraint || []);
+
+    const changeQueryConstraints = (e: QueryConstraint[]) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+
+    const loadListings = () => {
+        const constraints:QueryConstraint[] = [where("providerId", "==", user.oId), limit(10), orderBy(documentId())]
+        
+        if (user.groupData?.viewPlacementListings === "all" || user.userGroup === "admin") {
+            if (lastDoc?.id) {
+                constraints.push(startAfter(lastDoc));
+            }
+        } else if (user.groupData?.viewPlacementListings === "request") {
+            if (!user.visibleListings?.length) return;
+            constraints.push(where(documentId(), 'in', user.visibleListings));
+            if (lastDoc?.id) {
+                constraints.push(startAfter(lastDoc));
+            }
+        }
+
+        if (user.groupData?.viewAddresses !== "all" && user.userGroup !== "admin") {
+            if (!user.visibleAddresses?.length) return;
+
+            constraints.push(where('addressId', 'in', user.visibleAddresses));
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+
+        return firebaseQuery.collectionSnapshot((async (snapshot: QuerySnapshot<DocumentData>) => {
+            const deletedListings = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            })
+
+            setListings((prev) => prev.filter(([k]) => !deletedListings.includes(k)))
+
+            if (!snapshot.empty) {
+                const newListings:[string, PlacementListing][] = snapshot.docs.map(doc => ([doc.id, {...doc.data() as PlacementListing, id: doc.id}]));
+
+                const listingsWithAdditionalData:[string, PlacementListing&{applicants?: number, scheduled?: number, active?: number}][] = await Promise.all(newListings.map(async ([id, listing]) => {
+                    const listingWithAdditionalData = {...listing} as PlacementListing&{applicants?: number, scheduled?: number, active?: number};
+    
+                    if (listingWithAdditionalData.applicants !== undefined) return [id, listingWithAdditionalData];
+    
+                    listingWithAdditionalData.applicants = await firebaseQuery.getCount("applications", [where("providerId", "==", user.oId), where("placementId", "==", id), where("status", "==", "submitted")]);
+                    listingWithAdditionalData.scheduled = await firebaseQuery.getCount("placements", [where("providerId", "==", user.oId), where("placementId", "==", id), where("inProgress", "==", true), where("startDate", ">", convertDate(new Date(), "dbstring"))]);
+                    listingWithAdditionalData.active = await firebaseQuery.getCount("placements", [where("providerId", "==", user.oId), where("placementId", "==", id), where("active", "==", true)]);
+    
+                    return [id, listingWithAdditionalData];
+                }));
+                setListings(prev => (Object.entries({...Object.fromEntries(prev), ...Object.fromEntries(listingsWithAdditionalData)})));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "placementListings", constraints, undefined, true);
+    };
+
+    useEffect(() => {
+        let unsubscribe: () => void;
+
+
+
+        loadListings();
+
+        return () => {
+            if (unsubscribe) {
+                unsubscribe();  // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConstraints]);
+
+    const onScrollBottom = () => {
+        if (!loading) {
+            setLoading(true);
+            loadListings();
+        }
+    };
+
+    return { listings, onScrollBottom, loading, changeQueryConstraints };
+}
+
+
+
+
+
+
+export function useLoadApplications({user, applicationType, listingId, queryConstraint}:{user: UserData, applicationType?: "all"|"actionRequired"|"awaitingStudent"|"closed", listingId?: string, queryConstraint?: QueryConstraint[]}) {
+    const [applications, setApplications] = useState<[string, Application][]>([]);
+    const [lastDoc, setLastDoc] = useState<QueryDocumentSnapshot|null>(null);
+    const [loading, setLoading] = useState<boolean>(false);
+    const [type, setType] = useState<"actionRequired"|"awaitingStudent"|"closed"|"all">(applicationType || "all");
+
+    const firebaseQuery = new FirebaseQuery();
+
+    const [queryConstraints, setQueryConstraints] = useState<QueryConstraint[]>(queryConstraint || []);
+
+    const changeQueryConstraints = (e: QueryConstraint[]) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+
+    const loadApplications = () => {
+        const constraints:QueryConstraint[] = [where("providerId", "==", user.oId), limit(10), orderBy(documentId())]
+        
+ 
+        if (lastDoc?.id) {
+            constraints.push(startAfter(lastDoc));
+        }
+        
+        switch (type) {
+            case "actionRequired":
+                constraints.push(where("status", "==", "submitted"), where("reqUserType", "==", "Staff"));
+                break;
+            case "awaitingStudent":
+                constraints.push(where("status", "==", "submitted"), where("reqUserType", "==", "Students"));
+                break;
+            case "closed":
+                constraints.push(where("status", "in", ["approved", "declined"]));
+                break;
+            default:
+                constraints.push(where("status", "==", "submitted"));
+            }
+            if (listingId) {
+                constraints.push(where("listingId", "==", listingId));
+            }
+        
+        console.log("Constraints before user group check", constraints);
+        if (user.groupData?.viewAddresses !== "all" && user.userGroup !== "admin") {
+            if (user.groupData?.viewPlacementListings === "all") {
+                if (!user.visibleAddresses?.length) return;
+                constraints.push(where('addressId', 'in', user.visibleAddresses));
+            } else {
+                if (!user.visibleListings?.length) return;
+                constraints.push(where('placementId', 'in', user.visibleListings));
+            }
+        }
+
+        queryConstraints && constraints.unshift(...queryConstraints);
+        console.log("Constraints after user group check", constraints);
+
+        return firebaseQuery.collectionSnapshot((async (snapshot: QuerySnapshot<DocumentData>) => {
+            const deletedApplications = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            })
+
+            console.log("applicantCount", snapshot.size);
+
+            setApplications((prev) => prev.filter(([k]) => !deletedApplications.includes(k)))
+
+            if (!snapshot.empty) {
+                const newApplications:[string, Application][] = snapshot.docs.map(doc => ([doc.id, {id: doc.id, ...doc.data() as Application}])).filter(([, v]) => (v as Application).status !== "draft") as [string, Application][];
+
+                setApplications(prev => ([...prev, ...newApplications]));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "applications", constraints, undefined, true);
+    };
+
+    useEffect(() => {
+        let unsubscribe: () => void;
+
+        loadApplications();
+        return () => {
+            if (unsubscribe) {
+                unsubscribe();  // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type, queryConstraints]);
+
+    const onScrollBottom = () => {
+        if (!loading) {
+            setLoading(true);
+            loadApplications();
+        }
+    };
+
+    return { applications, type, setType, onScrollBottom, loading, changeQueryConstraints };
+}
+
+
+
+
+
+
+
+type ViewType = 'list' | 'table';
+
+export interface UseFirestoreQueryProps {
+  path?: string | string[];
+  constraints?: QueryConstraint[];
+  view: ViewType;
+  limit: number;
+  formatItems?: (key: string, item: any) => Promise<{ key: string, item: any }> | { key: string, item: any };
+  snapshot?: boolean;
+  filters?: { [key: string]: any };
+  search?: string;
+  onSearch?: (search: string, page: number, limit: number) => Promise<{ [key: string]: any }>;
+  data?: { [key: string]: any };
+}
+
+export interface UseFirestoreQueryReturn {
+  data: { [key: string]: any };
+  loading: boolean | 'loaded';
+  pageUp: () => void;
+  pageDown?: () => void;
+  setQueries: (newConstraints: QueryConstraint[]) => void;
+  reset: () => void;
+  setFilters: (newFilters: { [key: string]: any }) => void;
+  setSearch: (search: string) => void;
+}
+
+export const useFirestoreQuery = (firebaseQuery: FirebaseQuery, props: UseFirestoreQueryProps): UseFirestoreQueryReturn => {
+  const { path, constraints = [], view, limit: itemsPerPage, formatItems, snapshot = false, filters = {}, search, onSearch, data: predefinedData } = props;
+
+  const [data, setData] = useState<{ [key: string]: any }>(predefinedData || {});
+  const [loading, setLoading] = useState<boolean | 'loaded'>(true);
+  const [lastVisible, setLastVisible] = useState<QueryDocumentSnapshot<DocumentData> | null>(null);
+  const [firstVisible, setFirstVisible] = useState<QueryDocumentSnapshot<DocumentData> | null>(null);
+  const [currentPage, setCurrentPage] = useState(0);
+  const listenersRef = useRef<{ [key: string]: () => void }>({});
+
+  const buildConstraints = useCallback(() => {
+    const allConstraints = [...constraints];
+
+    Object.entries(filters).forEach(([key, value]) => {
+      allConstraints.push(where(key, '==', value));
+    });
+
+    return allConstraints;
+  }, [constraints, filters]);
+
+  const paginateData = useCallback((items: { [key: string]: any }, page: number) => {
+    const startIndex = page * itemsPerPage;
+    const endIndex = startIndex + itemsPerPage;
+    const paginatedData = Object.entries(items).slice(startIndex, endIndex).reduce((acc, [key, value]) => {
+      acc[key] = value;
+      return acc;
+    }, {} as { [key: string]: any });
+
+    return paginatedData;
+  }, [itemsPerPage]);
+
+  const filterData = useCallback((items: { [key: string]: any }, searchString: string) => {
+    const filteredData = Object.entries(items).filter(([key, value]) => {
+      const itemString = JSON.stringify(value).toLowerCase();
+      return itemString.includes(searchString.toLowerCase());
+    }).reduce((acc, [key, value]) => {
+      acc[key] = value;
+      return acc;
+    }, {} as { [key: string]: any });
+
+    return filteredData;
+  }, []);
+
+  const applyFormatItems = useCallback(
+    async (key: string, item: any): Promise<{ key: string, item: any }> => {
+      if (formatItems) {
+        const result = formatItems(key, item);
+        return result instanceof Promise ? await result : result;
+      }
+      return { key, item };
+    },
+    [formatItems]
+  );
+
+  const setSearch = useCallback(async (newSearch: string, page: number = 0) => {
+    if (predefinedData) {
+      let results = predefinedData;
+
+      if (newSearch) {
+        results = filterData(results, newSearch);
+      }
+
+      const paginatedResults = paginateData(results, page);
+      setData(paginatedResults);
+
+      setLoading(Object.keys(paginatedResults).length < itemsPerPage ? 'loaded' : false);
+      return;
+    }
+
+    if (onSearch) {
+      setLoading(true);
+      const results = await onSearch(newSearch, page, itemsPerPage);
+      setData(results);
+      setLoading(results && Object.keys(results).length < itemsPerPage ? 'loaded' : false);
+    }
+  }, [onSearch, itemsPerPage, filterData, paginateData, predefinedData]);
+
+  const fetchData = useCallback(async (direction?: 'up' | 'down') => {
+    if (snapshot) {
+      return;
+    }
+
+    if (predefinedData) {
+      setLoading(false);
+      let results = predefinedData;
+
+      if (search) {
+        results = filterData(results, search);
+      }
+
+      const paginatedResults = paginateData(results, currentPage);
+      setData(paginatedResults);
+
+      setLoading(Object.keys(paginatedResults).length < itemsPerPage ? 'loaded' : false);
+      return;
+    }
+
+    setLoading(true);
+    const constraintsWithLimit = [...buildConstraints(), limit(itemsPerPage)];
+
+    if (view === 'list' && lastVisible && direction === 'up') {
+      constraintsWithLimit.push(startAfter(lastVisible));
+    }
+
+    if (view === 'table' && direction) {
+      if (direction === 'up' && lastVisible) {
+        constraintsWithLimit.push(startAfter(lastVisible));
+      }
+      if (direction === 'down' && firstVisible) {
+        constraintsWithLimit.push(endBefore(firstVisible));
+      }
+    }
+
+    const results = await firebaseQuery.getDocsWhere(path!, constraintsWithLimit, true) as QuerySnapshot<DocumentData>;
+
+    if (Object.keys(results).length === 0) {
+      setLoading('loaded');
+      return;
+    }
+
+    const formattedResults: { [key: string]: any } = {};
+    for (const [key, item] of Object.entries(results)) {
+      const formatted = await applyFormatItems(key, item);
+      formattedResults[formatted.key] = formatted.item;
+    }
+
+    setData(prevData => (direction === 'down' ? formattedResults : { ...prevData, ...formattedResults }));
+
+    const docEntries = Object.entries(results);
+    if (direction === 'up' || !direction) {
+      setLastVisible(docEntries[docEntries.length - 1][1]);
+    }
+    if (direction === 'down' || !direction) {
+      setFirstVisible(docEntries[0][1]);
+    }
+
+    setLoading(false);
+  }, [buildConstraints, firebaseQuery, applyFormatItems, lastVisible, firstVisible, view, snapshot, predefinedData, filterData, paginateData, currentPage, itemsPerPage]);
+
+  const pageUp = useCallback(() => {
+    setCurrentPage(prevPage => {
+      const newPage = prevPage + 1;
+
+      if (search && onSearch) {
+        setSearch(search, newPage);
+      } else {
+        fetchData('up');
+      }
+
+      return newPage;
+    });
+  }, [fetchData, onSearch, search, setSearch]);
+
+  const pageDown = useCallback(() => {
+    setCurrentPage(prevPage => {
+      const newPage = Math.max(prevPage - 1, 0);
+
+      if (search && onSearch) {
+        setSearch(search, newPage);
+      } else {
+        fetchData('down');
+      }
+
+      return newPage;
+    });
+  }, [fetchData, onSearch, search, setSearch]);
+
+  const reset = useCallback(() => {
+    setData(predefinedData || {});
+    setLastVisible(null);
+    setFirstVisible(null);
+    setCurrentPage(0);
+    setLoading(true);
+    fetchData();
+  }, [fetchData, predefinedData]);
+
+  const setQueries = useCallback((newConstraints: QueryConstraint[]) => {
+    reset();
+  }, [reset]);
+
+  const setFilters = useCallback((newFilters: { [key: string]: any }) => {
+    reset();
+  }, [reset]);
+
+  useEffect(() => {
+    if (!search) {
+      fetchData();
+    } else {
+      setSearch(search, 0);
+    }
+  }, [fetchData, search, setSearch]);
+
+  useEffect(() => {
+    if (snapshot && path) {
+      const constraintsWithLimit = [...buildConstraints(), limit(itemsPerPage)];
+
+      const handleSnapshot = (querySnapshot: DocumentData) => {
+        const items: { [key: string]: any } = {};
+        querySnapshot.docs.forEach((doc: QueryDocumentSnapshot<DocumentData>) => {
+          items[doc.id] = doc.data();
+        });
+
+        if (search) {
+          const filteredData = filterData(items, search);
+          const paginatedData = paginateData(filteredData, currentPage);
+          setData(paginatedData);
+        } else {
+          const paginatedData = paginateData(items, currentPage);
+          setData(paginatedData);
+        }
+
+        setLastVisible(querySnapshot.docs[querySnapshot.docs.length - 1] || null);
+        setFirstVisible(querySnapshot.docs[0] || null);
+
+        setLoading(Object.keys(items).length < itemsPerPage ? 'loaded' : false);
+      };
+
+      const unsubscribe = firebaseQuery.collectionSnapshot(handleSnapshot, path, constraintsWithLimit, undefined, true);
+
+      listenersRef.current[path.toString()] = unsubscribe;
+
+      return () => {
+        if (listenersRef.current[path.toString()]) {
+          listenersRef.current[path.toString()]();
+        }
+      };
+    }
+
+    return () => {
+      Object.values(listenersRef.current).forEach(unsub => unsub());
+    };
+  }, [path, snapshot, buildConstraints, itemsPerPage, filterData, paginateData, currentPage, search, firebaseQuery]);
+
+  return {
+    data,
+    loading,
+    pageUp,
+    pageDown: view === 'table' ? pageDown : undefined,
+    setQueries,
+    reset,
+    setFilters,
+    setSearch,
+  };
+};