placementt-core 11.0.533 → 11.0.803

package/lib/hooks.js

@@ -5,8 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRefDimensions = void 0;
 exports.useStudentPlacementList = useStudentPlacementList;
-exports.useNewInstitutePlacementList = useNewInstitutePlacementList;
 exports.useOldInstitutePlacementList = useOldInstitutePlacementList;
+exports.useNewInstitutePlacementList = useNewInstitutePlacementList;
+exports.useVeryOldInstitutePlacementList = useVeryOldInstitutePlacementList;
 exports.useFilterTablePaginator = useFilterTablePaginator;
 exports.usePlacementListingPaginator = usePlacementListingPaginator;
 exports.useCohortUserPaginator = useCohortUserPaginator;
@@ -22,6 +23,11 @@ exports.useApplicantWorkflowEditor = useApplicantWorkflowEditor;
 exports.useInstitutePlacementListingHandler = useInstitutePlacementListingHandler;
 exports.useGetIndividualPlacementForPlacementPage = useGetIndividualPlacementForPlacementPage;
 exports.useOnboardingPopup = useOnboardingPopup;
+exports.useLoadAddresses = useLoadAddresses;
+exports.useLoadListings = useLoadListings;
+exports.useLoadProviderPlacements = useLoadProviderPlacements;
+exports.useLoadApplications = useLoadApplications;
+exports.useDataViewerPaginator = useDataViewerPaginator;
 const firestore_1 = require("firebase/firestore");
 const react_1 = require("react");
 const constants_1 = require("./constants");
@@ -60,19 +66,19 @@ function useStudentPlacementList({ user, student, queryConstraint, ql = DEFAULTQ
             setStudentId(student.id);
             return;
         }
-        if (!user.viewCohorts || !user.viewUsers || user.viewCohorts === "none") {
+        if (!user.viewCohorts || !user.viewStudents || user.viewCohorts === "none") {
             setStudentId(undefined);
             return;
         }
-        if (user.viewCohorts === "all" && user.viewUsers == "all") {
+        if (user.viewCohorts === "all" && user.viewStudents == "all") {
             setStudentId(student.id);
         }
-        if (user.viewCohorts === "some" && ((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(",").includes(student.cohort || ""))) {
-            if (user.viewUsers === "all") {
+        if (user.viewCohorts === "some" && ((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.includes(student.cohort || ""))) {
+            if (user.viewStudents === "all") {
                 setStudentId(student.id);
                 return;
             }
-            if ((_b = user.studentFilterValues) === null || _b === void 0 ? void 0 : _b.split(", ").includes(student.details[user.studentFilter || ""])) {
+            if ((_b = user.studentFilterValues) === null || _b === void 0 ? void 0 : _b.includes(student.details[user.studentFilter || ""])) {
                 setStudentId(student.id);
                 return;
             }
@@ -121,7 +127,7 @@ function useStudentPlacementList({ user, student, queryConstraint, ql = DEFAULTQ
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT, inProgress }) {
+function useOldInstitutePlacementList({ id, user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT, inProgress }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
     const [query, setQuery] = (0, react_1.useState)();
     const [initialQueryLimit, setInitialQueryLimit] = (0, react_1.useState)(ql);
@@ -131,7 +137,6 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
     const [startPlacementAfter, setStartPlacementAfter] = (0, react_1.useState)(); // uid, pId
     const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
     const placementsIndex = algoliaClient.initIndex("placements");
-    const usersIndex = algoliaClient.initIndex("users");
     (0, react_1.useEffect)(() => {
         if (user.product !== "institutes" || user.userType !== "Staff") {
             setOId(undefined);
@@ -147,30 +152,6 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
         }
         const searchPlacements = async () => {
             let placementsFound = {};
-            let userSearchString = `userType:Students AND status:active AND oId:${user.oId} AND product:${user.product}`;
-            if (cohort) {
-                userSearchString = userSearchString + ` AND cohort:${cohort}`;
-            }
-            if (user.product === "institutes" && user.userType === "Staff") {
-                const searchStudentHits = await usersIndex.search(query, {
-                    filters: userSearchString
-                });
-                if (searchStudentHits) {
-                    console.log("FOUND", searchStudentHits.hits.length, "students");
-                    await Promise.all(searchStudentHits.hits.map(async (hit) => {
-                        console.log("STUDENT", hit.objectID);
-                        const constraints = [...(cohort ? [(0, firestore_1.where)("cohort", "==", cohort)] : [])];
-                        if (inProgress !== undefined) {
-                            constraints.push(inProgress ? (0, firestore_1.where)("inProgress", "==", true) : (0, firestore_1.where)("completed", "==", true));
-                        }
-                        const fPlacements = await (0, readDatabase_1.getPlacementsWhere)({ w: constraints, uid: hit.objectID, oId: hit.oId });
-                        console.log("PLACEMENTS", fPlacements);
-                        Object.entries(fPlacements).forEach(([k, v]) => {
-                            placementsFound[k] = { ...v, student: hit };
-                        });
-                    }));
-                }
-            }
             let placementSearchString = `oId:${user.oId} AND ` + (inProgress !== undefined ? (inProgress ? "inProgress:true" : "completed:true") : "");
             if (cohort) {
                 placementSearchString = placementSearchString + ` AND cohort:${cohort}`;
@@ -216,7 +197,7 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
         }
         setLoadMoreIcon(true);
         let fPlacements = {};
-        if (((user.userGroup === "admin" || (cohort && user.viewCohorts === "some" && ((_a = user === null || user === void 0 ? void 0 : user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(",").includes(cohort))) || (user.viewCohorts === "all" && user.viewUsers === "all")))) {
+        if (((user.userGroup === "admin" || (cohort && user.viewCohorts === "some" && ((_a = user === null || user === void 0 ? void 0 : user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.includes(cohort))) || (user.viewCohorts === "all" && user.viewStudents === "all")))) {
             const queryConstraintOrdered = Boolean(queryConstraints && queryConstraints.find((v) => v.type === "orderBy"));
             const constraints = (fStartPlacementAfter === null || fStartPlacementAfter === void 0 ? void 0 : fStartPlacementAfter.length) === 2 && fStartPlacementAfter[0] ?
                 [(0, firestore_1.limit)(placements ? DEFAULTQUERYLIMIT : initialQueryLimit),
@@ -227,13 +208,16 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
             // query && constraints.unshift(where("name", "==", query));
             cohort && constraints.unshift((0, firestore_1.where)("cohort", "==", cohort));
             const placementsQuery = await (0, readDatabase_1.getPlacementsWhere)({ w: constraints, oId: oId, raw: true });
+            console.log("PLACEMENTS RETRIEVED", placementsQuery.size);
             const placementsWithStudentData = placementsQuery.empty ? [] : await Promise.all(placementsQuery.docs.map(async (placement) => {
                 const pData = placement.data();
                 const student = pData.uid === user.id ? user : (await (0, readDatabase_1.getUserById)(pData.uid).catch(() => false));
-                if (user.viewUsers === "some") {
+                console.log("STUDENT", student, "PLACEMENT", id);
+                // if (!student) return false;
+                if (user.viewStudents === "some") {
                     if (!(user.studentFilter && user.studentFilterValues))
                         return false;
-                    if (!user.studentFilterValues.split(", ").includes(student.details[user.studentFilter])) {
+                    if (!user.studentFilterValues.includes(student.details[user.studentFilter])) {
                         return false;
                     }
                 }
@@ -258,7 +242,128 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
+function useNewInstitutePlacementList({ id, user, filters, view, cohort, queryConstraints, ql = DEFAULTQUERYLIMIT, inProgress }) {
+    const [query, setQuery] = (0, react_1.useState)();
+    const sorts = {
+        ["Student Forename - Asc"]: {
+            value: "studentForename",
+            direction: "asc",
+        },
+        ["Student Forename - Desc"]: {
+            value: "studentForename",
+            direction: "desc",
+        },
+        ["Student Surname - Asc"]: {
+            value: "studentSurname",
+            direction: "asc",
+        },
+        ["Student Surname - Desc"]: {
+            value: "studentSurname",
+            direction: "desc",
+        },
+        ["Student Email - Asc"]: {
+            value: "studentEmail",
+            direction: "asc",
+        },
+        ["Student Email - Desc"]: {
+            value: "studentEmaile",
+            direction: "desc",
+        },
+        ["Provider email - Asc"]: {
+            value: "providerEmail",
+            direction: "asc",
+        },
+        ["Provider email - Desc"]: {
+            value: "providerEmail",
+            direction: "desc",
+        }
+    };
+    const additionalProcessing = async (k, placement) => {
+        if (user.viewStudents === "some") {
+            if (!(user.studentFilter && user.studentFilterValues))
+                return false;
+            const student = await (0, readDatabase_1.getUserById)(placement.uid).catch(() => false);
+            if (!student)
+                return;
+            if (!user.studentFilterValues.includes(student.details[user.studentFilter])) {
+                return false;
+            }
+        }
+        return { ...placement, id: k };
+    };
+    const { tableData, pageUp, pageDown, setFilters, page, setView, loading, updateSearch, updateSort, sort } = useDataViewerPaginator({ view, filters, sorts, queryLimit: ql, data: query, additionalEntryProcessing: additionalProcessing, onSearch: async (s, sort, page, filters, limit) => await algoliaPlacementSearch(user, s, sort, page, filters, limit, cohort, inProgress) });
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // Sets the query of for the DataViewerPaginator
+        if (user.product !== "institutes" || user.userType !== "Staff") {
+            setQuery(undefined);
+            return;
+        }
+        if (((user.userGroup === "admin" || (cohort && user.viewCohorts === "some" && ((_a = user === null || user === void 0 ? void 0 : user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.includes(cohort))) || (user.viewCohorts === "all" && user.viewStudents === "all")))) {
+            const constraints = [["oId", "==", user.oId], ["draft", "==", false]];
+            cohort && constraints.push(["cohort", "==", cohort]);
+            queryConstraints && constraints.unshift(...queryConstraints);
+            inProgress !== undefined && constraints.push(["inProgress", "==", inProgress]);
+            setQuery([{
+                    path: ["placements"],
+                    where: constraints
+                }]);
+            return;
+        }
+        setQuery(undefined);
+    }, [user, queryConstraints, cohort]);
+    return { tableData, page, loading, updateSearch, setFilters, setView, pageUp, pageDown, sorts, updateSort, sort };
+}
+const algoliaPlacementSearch = async (user, query, sort, page, filters, limit, cohort, inProgress) => {
+    const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
+    const placementsIndex = algoliaClient.initIndex(sort ? Object.values(sort[1]).join("_") : "placements");
+    // const usersIndex = algoliaClient.initIndex("users");
+    // let userSearchString = `userType:Students AND status:active AND oId:${user.oId} AND product:${user.product}`
+    // if (cohort) {
+    //     userSearchString = userSearchString + ` AND cohort:${cohort}`;
+    // }
+    // if (user.product === "institutes" && user.userType === "Staff") {
+    //     const searchStudentHits = await usersIndex.search<UserData>(query, {
+    //         filters: userSearchString,
+    //         hitsPerPage: limit,
+    //         page: page
+    //     });
+    //     if (searchStudentHits) {
+    //         console.log("FOUND", searchStudentHits.hits.length, "students");
+    //         await Promise.all(searchStudentHits.hits.map(async (hit) => {
+    //             console.log("STUDENT", hit.objectID);
+    //             const constraints = [...(cohort ? [where("cohort", "==", cohort)] : [])]
+    //             if (inProgress !== undefined) {
+    //                 constraints.push(inProgress ? where("inProgress", "==", true) : where("completed", "==", true));
+    //             }
+    //             const fPlacements = await getPlacementsWhere({w: constraints, uid: hit.objectID, oId: hit.oId}) as {[key: string]: StudentPlacementData};
+    //             console.log("PLACEMENTS", fPlacements)
+    //             Object.entries(fPlacements).forEach(([k, v]) => {
+    //                 placementsFound[k] = {...v, student: hit};
+    //             })
+    //         }))
+    //     }
+    // }
+    let placementSearchString = `oId:${user.oId} AND ` + (inProgress !== undefined ? (inProgress ? "inProgress:true" : "completed:true") : "");
+    if (cohort) {
+        placementSearchString = placementSearchString + ` AND cohort:${cohort}`;
+    }
+    filters && Object.entries(filters).filter(([, filter]) => filter.value).map(([id, filter]) => {
+        placementSearchString = placementSearchString + ` AND ${id}:${filter.value}`;
+    });
+    const options = {
+        filters: placementSearchString,
+        hitsPerPage: limit,
+        page: page ? page - 1 : undefined,
+    };
+    const searchPlacementHits = await placementsIndex.search(query || "", options);
+    console.log(searchPlacementHits.hits);
+    const i = (searchPlacementHits ? (await Promise.all(searchPlacementHits.hits.map(async (hit) => {
+        return [hit.objectID, hit];
+    }))) : []).filter((e) => e !== undefined);
+    return Object.fromEntries(i);
+};
+function useVeryOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
     const [query, setQuery] = (0, react_1.useState)("");
     const [initialQueryLimit, setInitialQueryLimit] = (0, react_1.useState)(ql);
@@ -299,7 +404,7 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
         setLoadMoreIcon(true);
         // If can view all, query placements directly. Otherwise query students.
         let fPlacements = {};
-        if (((user.userGroup === "admin" || (cohort && user.viewCohorts === "some" && ((_a = user === null || user === void 0 ? void 0 : user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(", ").includes(cohort))) || (user.viewCohorts === "all" && user.viewUsers === "all") || query) && (fStartPlacementAfter && fStartPlacementAfter[0] === "placement"))) {
+        if (((user.userGroup === "admin" || (cohort && user.viewCohorts === "some" && ((_a = user === null || user === void 0 ? void 0 : user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.includes(cohort))) || (user.viewCohorts === "all" && user.viewStudents === "all") || query) && (fStartPlacementAfter && fStartPlacementAfter[0] === "placement"))) {
             const queryConstraintOrdered = Boolean(queryConstraints && queryConstraints.find((v) => v.type === "orderBy"));
             const constraints = (fStartPlacementAfter === null || fStartPlacementAfter === void 0 ? void 0 : fStartPlacementAfter.length) === 4 && fStartPlacementAfter[1] ?
                 [(0, firestore_1.limit)(placements ? DEFAULTQUERYLIMIT : initialQueryLimit),
@@ -314,10 +419,10 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
             const placementsWithStudentData = placementsQuery.empty ? [] : await Promise.all(placementsQuery.docs.map(async (placement) => {
                 const pData = placement.data();
                 const student = pData.uid === user.id ? user : (await (0, readDatabase_1.getUserById)(pData.uid).catch(() => false));
-                if (user.viewUsers === "some") {
+                if (user.viewStudents === "some") {
                     if (!(user.studentFilter && user.studentFilterValues))
                         return false;
-                    if (!user.studentFilterValues.split(", ").includes(student.details[user.studentFilter])) {
+                    if (!user.studentFilterValues.includes(student.details[user.studentFilter])) {
                         return false;
                     }
                 }
@@ -342,13 +447,13 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
                 return;
             }
         }
-        if (!(user.studentFilterValues && user.studentFilter && user.viewUsers === "some")) {
+        if (!(user.studentFilterValues && user.studentFilter && user.viewStudents === "some")) {
             console.log("fenaibn");
             return;
         }
         ;
         const getStudentPlacements = async (ffStartPlacementAfter = fStartPlacementAfter, ffPlacements = fPlacements) => {
-            var _a, _b;
+            var _a;
             if (ffStartPlacementAfter && ffStartPlacementAfter[0] === "placement") {
                 ffStartPlacementAfter = [undefined, undefined, undefined, 0];
             }
@@ -358,7 +463,7 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
                 [(0, firestore_1.limit)(1), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
             constraints.push((0, firestore_1.where)("oId", "==", oId), (0, firestore_1.where)("userType", "==", "Students"));
             if (ffStartPlacementAfter && ffStartPlacementAfter[3]) {
-                const currentFilter = (_a = user === null || user === void 0 ? void 0 : user.studentFilterValues) === null || _a === void 0 ? void 0 : _a.split(", ")[ffStartPlacementAfter[3]];
+                const currentFilter = (_a = user === null || user === void 0 ? void 0 : user.studentFilterValues) === null || _a === void 0 ? void 0 : _a[ffStartPlacementAfter[3]];
                 if (currentFilter && user.studentFilter) {
                     constraints.push((0, firestore_1.where)(user.studentFilter, "==", currentFilter));
                 }
@@ -367,7 +472,7 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
             const student = Object.entries((await firebaseQuery.getDocsWhere("users", constraints)))[0];
             // console.log("student", student);
             // If there is no students but more filters
-            if (!student && ffStartPlacementAfter && ffStartPlacementAfter[3] + 1 < (((_b = user === null || user === void 0 ? void 0 : user.studentFilterValues) === null || _b === void 0 ? void 0 : _b.split(", ")) || []).length) {
+            if (!student && ffStartPlacementAfter && ffStartPlacementAfter[3] + 1 < ((user === null || user === void 0 ? void 0 : user.studentFilterValues) || []).length) {
                 // console.log("No more students. Calling recursion");
                 return await getStudentPlacements(["student", undefined, undefined, ffStartPlacementAfter[3] + 1], ffPlacements);
             }
@@ -577,7 +682,7 @@ function useFilterTablePaginator({ data }) {
             if (!Object.keys(itemList).length)
                 return;
             console.log("Fetching filter table updates");
-            const itemListUpdateQuery = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, "users"), (0, firestore_1.where)((0, firestore_1.documentId)(), "in", Object.keys(itemList)));
+            const itemListUpdateQuery = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, ...querySchema.path), (0, firestore_1.where)((0, firestore_1.documentId)(), "in", Object.keys(itemList)));
             const itemUpdateSnapshot = (0, firestore_1.onSnapshot)(itemListUpdateQuery, (querySnapshot) => {
                 querySnapshot.docs.forEach((doc) => {
                     setTableData((data) => {
@@ -747,9 +852,9 @@ function usePlacementListingPaginator({ data, user }) {
         setQueryAnchor({ ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] });
         const finalData = Object.fromEntries(await Promise.all(Object.entries(itemList).map(async ([k, v]) => {
             const placement = await firebaseQuery.getDocData(["placementListings", v.placementId || ""]);
-            const address = await firebaseQuery.getDocData(["addresses", placement.addressId || ""]);
-            const provider = await firebaseQuery.getDocData(["providers", placement.providerId || ""]);
-            const status = getPlacementStatus(provider, placement, v);
+            const address = await firebaseQuery.getDocData(["addresses", placement.addressId || ""]).catch(() => ({ ["address-line1"]: "Unknown address" }));
+            const provider = await firebaseQuery.getDocData(["providers", placement.providerId || ""]).catch(() => ({ name: "Unknown" }));
+            const status = provider.name !== "Unknown" ? getPlacementStatus(provider, placement, v) : "Deleted";
             return [k, { ...address, ...provider, ...placement, email: placement.providerEmail, status: status, savedPlacement: v }];
         })));
         setTableData(finalData);
@@ -785,10 +890,11 @@ function usePlacementListingPaginator({ data, user }) {
     }, [page]);
     return ({ ...{ tableData, setPage, setFilters, page } });
 }
-function useCohortUserPaginator({ user, cohort, data, search, userType }) {
+function useCohortUserPaginator({ user, cohort, data, search, userType, sort }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
-    const [queryAnchor, setQueryAnchor] = (0, react_1.useState)({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
+    const [queryAnchor, setQueryAnchor] = (0, react_1.useState)({ startDoc: undefined, endDoc: undefined, startQueryPos: 0, endQueryPos: 0 });
     const [filters, setFilters] = (0, react_1.useState)();
+    const [sortResultsBy, setSortResultsBy] = (0, react_1.useState)(sort);
     const [prevEntryIds, setPrevEntryIds] = (0, react_1.useState)({});
     const [page, setPage] = (0, react_1.useState)([1, 0]);
     const [dataListenerUnsubscribe, setDataListenerUnsubscribe] = (0, react_1.useState)();
@@ -796,6 +902,14 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
     const [prevSearch, setPrevSearch] = (0, react_1.useState)();
     const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
     const usersIndex = algoliaClient.initIndex("users");
+    const sortOptions = {
+        ["Forename - Asc"]: ["details.forename", "asc"],
+        ["Forename - Desc"]: ["details.forename", "desc"],
+        ["Surname - Asc"]: ["details.surname", "desc"],
+        ["Surname - Desc"]: ["details.surname", "asc"],
+        ["Email - Asc"]: ["email", "asc"],
+        ["Email - Desc"]: ["email", "desc"],
+    };
     (0, react_1.useEffect)(() => {
         var _a;
         if (user.userType !== "Staff") {
@@ -805,7 +919,7 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
         }
         if ((!user.viewCohorts && user.userGroup !== "admin") ||
             user.viewCohorts === "none" ||
-            (user.viewCohorts === "some" && cohort !== "all" && !((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(",").includes(cohort || "")))) {
+            (user.viewCohorts === "some" && cohort !== "all" && !((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.includes(cohort || "")))) {
             setQueries(undefined);
             return;
         }
@@ -821,13 +935,13 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
                 });
                 constraints.push((0, firestore_1.where)("oId", "==", user.oId));
                 cohort && cohort !== "all" && constraints.push((0, firestore_1.where)("cohort", "==", cohort));
-                if (user.userGroup === "admin" || user.viewUsers === "all") {
+                if (user.userGroup === "admin" || user.viewStudents === "all") {
                     finalConstraints.push(constraints);
                     continue;
                 }
                 if (!user.studentFilter || !user.studentFilterValues)
                     continue;
-                user.studentFilterValues.split(", ").forEach((filterValue) => {
+                user.studentFilterValues.forEach((filterValue) => {
                     user.studentFilter && finalConstraints.push([...constraints, (0, firestore_1.where)("details." + user.studentFilter, "==", filterValue)]);
                 });
             }
@@ -837,7 +951,7 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
         });
     }, []);
     const getDataFromQuery = async (itemList = {}, currentQueryAnchor = queryAnchor, cursorDirection, prevEntries = prevEntryIds, loadMoreFromQuery = false) => {
-        if (!queries) {
+        if (!(queries === null || queries === void 0 ? void 0 : queries.length)) {
             setTableData({});
             return;
         }
@@ -854,17 +968,42 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
         const createQuery = (mConstraints) => {
             console.log("mConstraints", mConstraints);
             const fConstraints = [...mConstraints];
+            let addOrderBy = true;
             filters && Object.entries(filters).forEach(([key, value]) => {
-                if (typeof value === "object") {
+                if (Array.isArray(value)) {
+                    value.forEach((v) => {
+                        if (typeof v === "object") {
+                            if (v instanceof firestore_1.QueryOrderByConstraint) {
+                                addOrderBy = false;
+                            }
+                            fConstraints.push(v);
+                        }
+                        else {
+                            fConstraints.push((0, firestore_1.where)(key, "==", v));
+                        }
+                    });
+                }
+                else if (typeof value === "object") {
+                    if (value instanceof firestore_1.QueryOrderByConstraint) {
+                        addOrderBy = false;
+                    }
                     fConstraints.push(value);
                 }
                 else {
                     fConstraints.push((0, firestore_1.where)(key, "==", value));
                 }
             });
-            fConstraints.push((0, firestore_1.orderBy)((0, firestore_1.documentId)()));
+            console.log("Add order by", addOrderBy);
+            if (addOrderBy) {
+                if (sortResultsBy) {
+                    fConstraints.push((0, firestore_1.orderBy)(sortOptions[sortResultsBy][0], sortOptions[sortResultsBy][1]));
+                }
+                else {
+                    fConstraints.push((0, firestore_1.orderBy)((0, firestore_1.documentId)()));
+                }
+            }
             if (page[0] > page[1] && !cursorDirection) { // Going up
-                currentQueryAnchor.endKey && fConstraints.push((0, firestore_1.startAfter)(currentQueryAnchor.endKey));
+                currentQueryAnchor.endDoc && fConstraints.push((0, firestore_1.startAfter)(currentQueryAnchor.endDoc));
                 fConstraints.push((0, firestore_1.limit)(10));
                 if (!loadMoreFromQuery) {
                     currentQueryAnchor = { ...currentQueryAnchor, startQueryPos: currentQueryAnchor.endQueryPos };
@@ -875,11 +1014,11 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
                     currentQueryAnchor = { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.startQueryPos };
                 }
                 fConstraints.push((0, firestore_1.limitToLast)(10));
-                if (currentQueryAnchor.startKey) {
-                    currentQueryAnchor.startKey && fConstraints.push((0, firestore_1.endBefore)(currentQueryAnchor.startKey));
+                if (currentQueryAnchor.startDoc) {
+                    currentQueryAnchor.startDoc && fConstraints.push((0, firestore_1.endBefore)(currentQueryAnchor.startDoc));
                 }
                 else {
-                    currentQueryAnchor.startKey && fConstraints.push((0, firestore_1.endAt)(currentQueryAnchor.startKey));
+                    currentQueryAnchor.startDoc && fConstraints.push((0, firestore_1.endAt)(currentQueryAnchor.startDoc));
                 }
             }
             else {
@@ -918,9 +1057,7 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
                 console.log("Removing ", doc.id, ": E=", prevEntries[doc.id], ", G=", position);
                 return;
             }
-            const item = doc.data();
-            item.id = doc.id;
-            queryResults[doc.id] = item;
+            queryResults[doc.id] = doc;
             index = index + 1;
             if (prevEntries[doc.id])
                 return;
@@ -942,7 +1079,7 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
             }
         }
         if (Object.keys(itemList).length < 10 && queryData.size === 10) {
-            return getDataFromQuery(itemList, { ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] }, undefined, prevEntries, true);
+            return getDataFromQuery(itemList, { ...currentQueryAnchor, startDoc: Object.values(itemList)[0], endDoc: Object.values(itemList).slice(-1)[0] }, undefined, prevEntries, true);
         }
         if (queryData.size === 0 &&
             Object.keys(itemList).length === 0 &&
@@ -968,8 +1105,8 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
             setDataListenerUnsubscribe(() => itemUpdateSnapshot);
         };
         listenForUpdates();
-        setQueryAnchor({ ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] });
-        setTableData(itemList);
+        setQueryAnchor({ ...currentQueryAnchor, startDoc: Object.values(itemList)[0], endDoc: Object.values(itemList).slice(-1)[0] });
+        setTableData(Object.fromEntries(Object.entries(itemList).map(([k, v]) => [k, { id: k, ...v.data() }])));
     };
     const searchUsers = async () => {
         if (!search)
@@ -1006,10 +1143,10 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
         setPage([1, 0]);
         console.log("Set page");
         setTableData({});
-        setQueryAnchor({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
+        setQueryAnchor({ startQueryPos: 0, endQueryPos: 0 });
         setPrevEntryIds({});
         dataListenerUnsubscribe && dataListenerUnsubscribe();
-    }, [filters, search]);
+    }, [filters, search, sortResultsBy]);
     // Fetch new data when queries or page change
     (0, react_1.useEffect)(() => {
         if (search) {
@@ -1020,7 +1157,8 @@ function useCohortUserPaginator({ user, cohort, data, search, userType }) {
         getDataFromQuery();
         dataListenerUnsubscribe && dataListenerUnsubscribe();
     }, [page, queries, prevSearch]);
-    return ({ ...{ tableData, setPage, page, setFilters } });
+    const setSort = (s) => setSortResultsBy(s);
+    return ({ ...{ tableData, setPage, page, setFilters, setSort, sortOptions: Object.keys(sortOptions), sortBy: sortResultsBy } });
 }
 function useAdmissionsPaginator({ data }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
@@ -1109,7 +1247,7 @@ function usePublicPlacementListingLoader({ providerId, number = 5 }) {
                 const applicantWorkflow = (await firebaseQuery.getDocData(["applicantWorkflows", itemObj.applicantWorkflowId])).workflow.filter((i) => i.id === 1)[0];
                 const applicantFiles = applicantWorkflow.files ? Object.fromEntries(await Promise.all((_a = applicantWorkflow.files) === null || _a === void 0 ? void 0 : _a.map(async (fileId) => {
                     const file = await firebaseQuery.getDocData(["files", fileId]);
-                    file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${file.fileName}`));
+                    file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${itemObj.providerId}/${file.fileName}`));
                     return [fileId, file];
                 }))) : [];
                 const applicantForms = applicantWorkflow.forms ? Object.fromEntries(await Promise.all((_b = applicantWorkflow.forms) === null || _b === void 0 ? void 0 : _b.map(async (formId) => {
@@ -1138,6 +1276,7 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
     const [fApplication, setFApplication] = (0, react_1.useState)(application ? applicationWithoutAdditionalData : {
         uid: user.userType === "Students" ? user.id : undefined,
         listingId: listingId,
+        addressId: listing === null || listing === void 0 ? void 0 : listing.addressId,
         stage: 1,
         reqUserType: "Students",
         status: "draft"
@@ -1145,7 +1284,7 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
     const [fApplicationId, setFApplicationId] = (0, react_1.useState)(applicationId);
     const [draftSaved, setDraftSaved] = (0, react_1.useState)(false);
     const [fProvider, setFProvider] = (0, react_1.useState)(provider);
-    const [fListing, setFListing] = (0, react_1.useState)(listing);
+    const [fListing, setFListing] = (0, react_1.useState)(Object.keys(listing || {}).length > 5 ? listing : undefined);
     const [student, setStudent] = (0, react_1.useState)(user.userType === "Students" ? user : undefined);
     const [profileUrl, setProfileUrl] = (0, react_1.useState)();
     const [successPopup, setSuccessPopup] = (0, react_1.useState)();
@@ -1157,30 +1296,35 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
             if (!listingId)
                 return;
             console.log("Getting listing");
-            const listingData = listing || await firebaseQuery.getDocData(["placementListings", listingId]);
-            const address = (user.product === "providers" && orgContext) ? orgContext.addresses[listingData.addressId || ""] : await firebaseQuery.getDocData(["addresses", listingData.addressId]);
-            const workflow = (user.product === "providers" && orgContext) ? orgContext.applicantWorkflows[listingData.applicantWorkflowId || ""] : await firebaseQuery.getDocData(["applicantWorkflows", listingData.applicantWorkflowId]);
-            workflow.workflow = await Promise.all(workflow.workflow.map(async (s) => {
-                var _a, _b;
-                const applicantFiles = s.files ? Object.fromEntries(await Promise.all((_a = s.files) === null || _a === void 0 ? void 0 : _a.map(async (fileId) => {
-                    const file = await firebaseQuery.getDocData(["files", fileId]);
-                    file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${file.fileName}`));
-                    return [fileId, file];
-                }))) : [];
-                const applicantForms = s.forms ? Object.fromEntries(await Promise.all((_b = s.forms) === null || _b === void 0 ? void 0 : _b.map(async (formId) => {
-                    return [formId, await firebaseQuery.getDocData(["forms", formId])];
-                }))) : [];
-                return { ...s, viewableFiles: applicantFiles, formDetails: applicantForms };
-            }));
-            delete address.id;
-            delete workflow.id;
+            console.log("LISTING PARAM", listing, Object.keys(listing || {}).length > 5);
+            const listingData = (Object.keys(listing || {}).length > 5) ? listing : await firebaseQuery.getDocData(["placementListings", listingId]).catch(() => 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]) : undefined;
+            const workflow = listingData ? (user.product === "providers" && orgContext) ? orgContext.applicantWorkflows[listingData.applicantWorkflowId || ""] : await firebaseQuery.getDocData(["applicantWorkflows", listingData.applicantWorkflowId]) : undefined;
+            if (workflow && listingData) {
+                workflow.workflow = await Promise.all(workflow.workflow.map(async (s) => {
+                    var _a, _b;
+                    const applicantFiles = s.files ? Object.fromEntries(await Promise.all((_a = s.files) === null || _a === void 0 ? void 0 : _a.map(async (fileId) => {
+                        const file = await firebaseQuery.getDocData(["files", fileId]);
+                        file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${listingData === null || listingData === void 0 ? void 0 : listingData.providerId}/${file.fileName}`));
+                        return [fileId, file];
+                    }))) : [];
+                    const applicantForms = s.forms ? Object.fromEntries(await Promise.all((_b = s.forms) === null || _b === void 0 ? void 0 : _b.map(async (formId) => {
+                        return [formId, await firebaseQuery.getDocData(["forms", formId])];
+                    }))) : [];
+                    return { ...s, viewableFiles: applicantFiles, formDetails: applicantForms };
+                }));
+                delete workflow.id;
+            }
+            if (address) {
+                delete address.id;
+            }
             console.log("Setting listing");
-            setFListing({ ...listingData, ...address, applicantWorkflow: workflow.workflow });
-            console.log("Getting provider", listingData === null || listingData === void 0 ? void 0 : listingData.providerId);
+            setFListing((listingData && workflow) ? { ...listingData, ...address, applicantWorkflow: workflow.workflow } : false);
             if (((fProvider === null || fProvider === void 0 ? void 0 : fProvider.id) === (application === null || application === void 0 ? void 0 : application.providerId)) && user.product === "providers") {
                 setFProvider({ details: orgContext === null || orgContext === void 0 ? void 0 : orgContext.details, id: user.oId });
             }
-            else if (listingData === null || listingData === void 0 ? void 0 : listingData.providerId) {
+            else if (listingData && (listingData === null || listingData === void 0 ? void 0 : listingData.providerId)) {
                 console.log("Getting provider from DB");
                 const provider = await firebaseQuery.getDocData(["providers", listingData.providerId]);
                 console.log("Provider", provider);
@@ -1200,7 +1344,7 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
         }
     }, []);
     (0, react_1.useEffect)(() => {
-        setFListing(listing);
+        setFListing(Object.keys(listing || {}).length > 5 ? listing : undefined);
     }, [listing]);
     (0, react_1.useEffect)(() => {
         if (provider === null || provider === void 0 ? void 0 : provider.profile)
@@ -1224,11 +1368,25 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
             });
             return;
         }
-        if (applicationId)
+        if (applicationId) {
             setFApplicationId(applicationId);
+            if (application) {
+                let applicationWithoutAdditionalData = { ...(application || {}) };
+                delete applicationWithoutAdditionalData.listing;
+                delete applicationWithoutAdditionalData.address;
+                delete applicationWithoutAdditionalData.provider;
+                setFApplication(applicationWithoutAdditionalData);
+            }
+            else {
+                firebaseQuery.getDocData(["applications", applicationId]).then(setFApplication);
+            }
+        }
     }, [application, applicationId]);
     const getCurrentStage = async (stage) => {
         var _a, _b, _c, _d;
+        console.log("fLSITING CURRENT STAGE", fListing);
+        if (!fListing)
+            throw new Error("Listing deleted");
         if (!(fListing === null || fListing === void 0 ? void 0 : fListing.applicantWorkflowId))
             throw new Error("No workflow stage");
         const mApplicantWorkflow = await firebaseQuery.getDocData(["applicantWorkflows", fListing.applicantWorkflowId]);
@@ -1237,7 +1395,7 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
             throw new Error("Can't find stage.");
         const applicantFiles = stageObj.files ? Object.fromEntries(await Promise.all((_b = stageObj.files) === null || _b === void 0 ? void 0 : _b.map(async (fileId) => {
             const file = await firebaseQuery.getDocData(["files", fileId]);
-            file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${file.fileName}`));
+            file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${mApplicantWorkflow === null || mApplicantWorkflow === void 0 ? void 0 : mApplicantWorkflow.oId}/${file.fileName}`));
             return [fileId, file];
         }))) : [];
         const applicantForms = stageObj.forms ? Object.fromEntries(await Promise.all((_c = stageObj.forms) === null || _c === void 0 ? void 0 : _c.map(async (formId) => {
@@ -1267,11 +1425,12 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
         };
         const addApplication = async () => {
             console.log("ADDING APPLICATION");
-            if (!(fListing === null || fListing === void 0 ? void 0 : fListing.id) || !(fProvider === null || fProvider === void 0 ? void 0 : fProvider.id) || !(student === null || student === void 0 ? void 0 : student.id))
+            if (!fListing || !(fListing === null || fListing === void 0 ? void 0 : fListing.id) || !(fProvider === null || fProvider === void 0 ? void 0 : fProvider.id) || !(student === null || student === void 0 ? void 0 : student.id))
                 return;
             const applicationData = {
                 uid: student.id,
                 listingId: fListing === null || fListing === void 0 ? void 0 : fListing.id,
+                addressId: fListing.addressId,
                 applicantWorkflowId: fListing === null || fListing === void 0 ? void 0 : fListing.applicantWorkflowId,
                 providerId: fProvider.id,
                 stage: 1,
@@ -1288,11 +1447,10 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
         };
         getUploadedFiles();
         console.log("Checking IDs");
-        console.log(fListing === null || fListing === void 0 ? void 0 : fListing.id, fProvider === null || fProvider === void 0 ? void 0 : fProvider.id, student === null || student === void 0 ? void 0 : student.id);
-        if (!(fListing === null || fListing === void 0 ? void 0 : fListing.id) || !(fProvider === null || fProvider === void 0 ? void 0 : fProvider.id) || !(student === null || student === void 0 ? void 0 : student.id))
+        if (!fListing || !(fListing === null || fListing === void 0 ? void 0 : fListing.id) || !(fProvider === null || fProvider === void 0 ? void 0 : fProvider.id) || !(student === null || student === void 0 ? void 0 : student.id))
             return;
         if (user.product === "providers")
-            throw new Error("Providers cannot create applications");
+            return;
         console.log("Checking dates and sections");
         if (!fApplication.completedSections && !fApplication.startDate && !fApplication.endDate)
             return;
@@ -1361,6 +1519,8 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
             return;
         if (fApplication.stage === undefined)
             throw new Error("Missing applciation stage.");
+        if (!fListing)
+            throw new Error("No associated listing.");
         const viewableFiles = (_b = (_a = fListing === null || fListing === void 0 ? void 0 : fListing.applicantWorkflow) === null || _a === void 0 ? void 0 : _a.find((stage) => stage.id === fApplication.stage)) === null || _b === void 0 ? void 0 : _b.viewableFiles;
         setFApplication((a) => {
             var _a, _b;
@@ -1413,14 +1573,20 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
             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 (0, firebase_1.executeCallable)("applications-submit", { applicationId: fApplicationId });
+        const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]);
+        setFApplication(newApplication);
         openSuccessPopup("submitted");
     };
     const progressStage = async (type, e) => {
         // Check all stages completed.
+        if (!fApplicationId)
+            return;
         if (!currentStageComplete)
             throw new Error("Complete all forms before submitting.");
         if (fApplication.reqUserType !== user.userType)
@@ -1428,6 +1594,8 @@ function useCreateApplicationRenderer({ user, listingId, listing, provider, appl
         if (fApplication.stage === undefined)
             throw new Error("Missing applciation stage.");
         await (0, firebase_1.executeCallable)("applications-changeStage", { applicationId: fApplicationId, type: type, feedback: e === null || e === void 0 ? void 0 : e.feedback });
+        const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]);
+        setFApplication(newApplication);
     };
     return { successText, onFApply, progressStage, currentStageComplete, uploadedFiles, getCurrentStage, setFormComplete, viewFile, addFile, setSuccessPopup, openSuccessPopup, setFApplication, fApplication, draftSaved, profileUrl, successPopup, fApplicationId, fListing, student, fProvider };
 }
@@ -1498,22 +1666,44 @@ function useProposePlacementRenderer({ user, orgContext, placement }) {
         setFormData(undefined);
     };
     const proposePlacement = async (draft = false) => {
+        const getPlacementStatus = (startDate, endDate) => {
+            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);
-        }
-        console.log("STUDENTID", student.id);
-        return await (0, writeDatabase_1.addPlacement)(formData, student.id, draft).catch((e) => {
-            console.log("error");
-            console.log(e);
-            throw e;
-        }).then((e) => {
+        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 (0, writeDatabase_1.addPlacement)(newFormData, student.id, draft);
             setComplete(true);
-            return e;
-        });
+            return { status };
+        }
+        catch (error) {
+            console.log("Error:", error);
+            throw error;
+        }
+        /*
+                console.log("STUDENTID", student.id);
+        
+                return await addPlacement(formData, student.id, draft).catch((e) => {
+                    console.log("error");
+                    console.log(e);
+                    throw e;
+                }).then((e)  => {
+                    setComplete(true);
+                    return e;
+                });
+        */
     };
     const deletePlacement = async (id) => {
         return await firebaseQuery.delete(["placements", id]);
@@ -1598,9 +1788,6 @@ function useUserUploadHandler({ product, oId, userType, user, onComplete, userGr
     const [alert, setAlert] = (0, react_1.useState)();
     const { execute } = (0, firebase_1.useExecuteCallableJob)({ user: user });
     const requiredFields = ["forename", "surname", "email"];
-    if (userType === "Students") {
-        requiredFields.push("year");
-    }
     const checkData = (userData) => {
         setAlert(undefined);
         userData = userData.filter((u) => Object.entries(u).some(([, v]) => v));
@@ -1643,10 +1830,6 @@ function useUserUploadHandler({ product, oId, userType, user, onComplete, userGr
                 }
             }
             // Add more test cases
-            if (userType === "Students" && (!user.year || !((user.year | 0) > 0 && user.year % 1 === 0))) {
-                setAlert({ msg: "'Year' must be a number, e.g. 10.", severity: "error" });
-                return false;
-            }
         }
         if (emptyRequiredCell) {
             return false;
@@ -1685,10 +1868,10 @@ function useUserUploadHandler({ product, oId, userType, user, onComplete, userGr
         setAlert(undefined);
         if (fUsers.length) {
             console.log("fUsers", fUsers);
-            execute("userManagement-addUsers", { product: product, oId: oId, users: fUsers, userType: userType, userGroupId: userGroupId, cohortId: cohortId });
+            const jobId = await execute("userManagement-addUsers", { product: product, oId: oId, users: fUsers, userType: userType, userGroupId: userGroupId, cohortId: cohortId });
+            onComplete && onComplete(jobId);
         }
         console.log("Complete", onComplete);
-        onComplete && onComplete();
         console.log("Finished");
     };
     const onChange = () => {
@@ -2353,6 +2536,9 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
     const [uploadRA, setUploadRA] = (0, react_1.useState)(false);
     const [uploadDBS, setUploadDBS] = (0, react_1.useState)(false);
     const [onboardingPopup, setOnboardingPopup] = (0, react_1.useState)(false);
+    const [dismissOnboardingPopup, setDismissOnboardingPopup] = (0, react_1.useState)(false);
+    const [addOnboardingDocsPopup, setAddOnboardingDocsPopup] = (0, react_1.useState)(false);
+    const [shareStudentRequestPopup, setShareStudentRequestPopup] = (0, react_1.useState)(false);
     const [editable, setEditable] = (0, react_1.useState)(false);
     const [withdrawFromPlacementPopup, setWithdrawFromPlacementPopup] = (0, react_1.useState)(false);
     const firebaseQuery = new firebaseQuery_1.default();
@@ -2395,25 +2581,43 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
             setStudent(user);
         }
         else {
-            (0, readDatabase_1.getUserById)(placement.uid).then(setStudent);
+            if (placement.uid) {
+                (0, readDatabase_1.getUserById)(placement.uid, undefined, false).then(setStudent);
+            }
+            else {
+                setStudent({
+                    details: {
+                        forename: placement.studentForename || "",
+                        surname: placement.studentSurname || "",
+                    },
+                    email: placement.studentEmail || ""
+                });
+            }
         }
     }, [placement]);
     (0, react_1.useEffect)(() => {
         if (!workflow || !placement)
             return;
-        const currentWorkflowStage = { ...workflow.find((obj) => obj.id === placement.status) };
-        // console.log("currentWorkflowStage", currentWorkflowStage)
-        currentWorkflowStage.id = placement.status;
-        // Get form data for current stage
-        if (currentWorkflowStage.forms) {
-            (0, readDatabase_1.getFormsFromId)(["forms"], currentWorkflowStage.forms).then((details) => {
-                currentWorkflowStage.formDetails = details;
-                setWStage(currentWorkflowStage);
-            });
-        }
-        else {
-            setWStage(currentWorkflowStage);
-        }
+        const getAdditionalStageData = async () => {
+            const currentWorkflowStage = { ...workflow.find((obj) => obj.id === placement.status) };
+            // console.log("currentWorkflowStage", currentWorkflowStage)
+            currentWorkflowStage.id = placement.status;
+            // Get form data for current stage
+            if (currentWorkflowStage.forms) {
+                (0, readDatabase_1.getFormsFromId)(["forms"], currentWorkflowStage.forms).then((details) => {
+                    currentWorkflowStage.formDetails = details;
+                });
+            }
+            if (currentWorkflowStage.files) {
+                currentWorkflowStage.files = Object.fromEntries(await Promise.all(currentWorkflowStage.files.map(async (file) => {
+                    const fileItem = await firebaseQuery.getDocData(["files", file]);
+                    const url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `institutes/${placement.oId}/${fileItem.fileName}`));
+                    return [file, { name: fileItem.name, url: url }];
+                })));
+            }
+            return currentWorkflowStage;
+        };
+        getAdditionalStageData().then(setWStage);
     }, [placement, workflow]);
     const editStage = async (nextStageId) => {
         if (!placementId || !wStage)
@@ -2451,10 +2655,7 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
     const onboardingStatus = (placement === null || placement === void 0 ? void 0 : placement.onboarding) ? ((_a = placement.onboarding.completed) === null || _a === void 0 ? void 0 : _a.submitted) ? placement.onboarding.completed.accepted ? "Onboarding docs approved" : "Onboarding docs completed" : (user.userType === "Staff" ? "Onboarding sent" : "Complete onboarding") : "Add onboarding documents";
     const signOffPlacements = (0, util_1.getAccess)(user, "signOffPlacements");
     let canEdit = false;
-    if (((wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Staff" && user.product === "providers") && user.userGroup === "admin") {
-        canEdit = true;
-    }
-    else if (((wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Staff" && user.userType === "Staff" && user.product === "institutes") || (user.product === "providers" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Provider") || user.userType === "Students" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Students") {
+    if (((wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Staff" && user.userType === "Staff" && user.product === "institutes") || (user.product === "providers" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Provider") || user.userType === "Students" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Students") {
         console.log("ALMOST CAN EDIT");
         if (user.userType === "Staff" && !signOffPlacements) {
             canEdit = false;
@@ -2463,12 +2664,15 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
             canEdit = true;
         }
     }
-    const onFlagClick = async (e) => {
+    const onFlagClick = async (e, onClose) => {
         if (!placement)
             return;
         if (e === "completeOnboarding" || e === "reviewOnboarding") {
             setOnboardingPopup(true);
         }
+        if (e === "studentNotAccepted") {
+            setShareStudentRequestPopup(true);
+        }
         if (e === "noInsurance") {
             if (!eliURL) {
                 const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `insurance/${placement.providerId}.pdf`);
@@ -2494,6 +2698,14 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
             }
             setExternalDocPopupOpen("dbsCheck");
         }
+        if (e === "addOnboarding") {
+            if (onClose) {
+                setDismissOnboardingPopup(true);
+            }
+            else {
+                setAddOnboardingDocsPopup(true);
+            }
+        }
     };
     const approveELI = async () => {
         if (!placement)
@@ -2553,15 +2765,17 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
             throw new Error("Must be a student to withdraw.");
         await (0, firebase_1.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, shareStudentRequestPopup, setShareStudentRequestPopup };
 }
-function useOnboardingPopup({ onboarding, placementId, user, onClose }) {
+function useOnboardingPopup({ onboarding, providerId, placementId, user, onClose }) {
     const [fileUploadPopup, setFileUploadPopup] = (0, react_1.useState)(false);
     const [form, setForm] = (0, react_1.useState)();
     const [rejectPopup, setRejectPopup] = (0, react_1.useState)(false);
     const [mOnboarding, setMOnboarding] = (0, react_1.useState)(onboarding);
     const [completedSections, setCompletedSections] = (0, react_1.useState)();
     const [uploadedFiles, setUploadedFiles] = (0, react_1.useState)({});
+    const [viewableFiles, setViewableFiles] = (0, react_1.useState)();
+    const [formDetails, setFormDetails] = (0, react_1.useState)({});
     const firebaseQuery = new firebaseQuery_1.default();
     const addFile = (files) => {
         if (!files.length || fileUploadPopup === false)
@@ -2571,12 +2785,12 @@ function useOnboardingPopup({ onboarding, placementId, user, onClose }) {
     };
     const viewFile = (file, onOpen) => {
         setMOnboarding((a) => {
-            var _a, _b, _c;
+            var _a;
             const oldA = { ...a };
             const viewedFiles = a.completed ? ((_a = a.completed) === null || _a === void 0 ? void 0 : _a.filesViewed) || [] : [];
             if (viewedFiles === null || viewedFiles === void 0 ? void 0 : viewedFiles.includes(file))
                 return a;
-            ((_b = a === null || a === void 0 ? void 0 : a.viewableFiles) === null || _b === void 0 ? void 0 : _b[file].url) && onOpen((_c = a === null || a === void 0 ? void 0 : a.viewableFiles) === null || _c === void 0 ? void 0 : _c[file].url);
+            (viewableFiles === null || viewableFiles === void 0 ? void 0 : viewableFiles[file].url) && onOpen(viewableFiles === null || viewableFiles === void 0 ? void 0 : viewableFiles[file].url);
             viewedFiles === null || viewedFiles === void 0 ? void 0 : viewedFiles.push(file);
             const newA = (0, util_1.editNestedObject)(["completed", "filesViewed"], oldA, viewedFiles);
             return newA;
@@ -2597,14 +2811,14 @@ function useOnboardingPopup({ onboarding, placementId, user, onClose }) {
             const onboardingNew = { ...onboarding };
             const onboardingFiles = onboarding.files ? Object.fromEntries(await Promise.all((_a = onboarding.files) === null || _a === void 0 ? void 0 : _a.map(async (fileId) => {
                 const file = await firebaseQuery.getDocData(["files", fileId]);
-                file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${file.fileName}`));
+                file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${providerId}/${file.fileName}`));
                 return [fileId, file];
             }))) : [];
             const onboardingForms = onboarding.forms ? Object.fromEntries(await Promise.all((_b = onboarding.forms) === null || _b === void 0 ? void 0 : _b.map(async (formId) => {
                 return [formId, await firebaseQuery.getDocData(["forms", formId])];
             }))) : [];
-            onboardingNew.viewableFiles = onboardingFiles;
-            onboardingNew.formDetails = onboardingForms;
+            setViewableFiles(onboardingFiles);
+            setFormDetails(onboardingForms);
             return onboardingNew;
         };
         getOnboardingData().then(setMOnboarding);
@@ -2659,7 +2873,8 @@ function useOnboardingPopup({ onboarding, placementId, user, onClose }) {
             return;
         if (!stagesCompleted())
             throw new Error("Complete all forms before submitting.");
-        await firebaseQuery.update(["placements", placementId], { ["onboarding.completed.submitted"]: (0, util_1.convertDate)(new Date(), "dbstring") });
+        await firebaseQuery.update(["placements", placementId], { ["onboarding.completed.accepted"]: false, ["onboarding.completed.submitted"]: true, ["onboarding.completed.submittedDate"]: (0, util_1.convertDate)(new Date(), "dbstring") });
+        //executeCallable("sendOnboardingSubmittedEmail", {});
     };
     (0, react_1.useEffect)(() => {
         const getUploadedFiles = async () => {
@@ -2695,6 +2910,583 @@ function useOnboardingPopup({ onboarding, placementId, user, onClose }) {
         getUploadedFiles();
         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 };
+}
+function useLoadAddresses(user, limitItems, queryConstraint, request) {
+    const [addresses, setAddresses] = (0, react_1.useState)({});
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadAddresses = () => {
+        var _a;
+        const constraints = [(0, firestore_1.where)("oId", "==", user.oId), (0, firestore_1.where)("product", "==", user.product), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (limitItems) {
+            constraints.push((0, firestore_1.limit)(limitItems));
+        }
+        if (user.viewAddresses === "all" || user.userGroup === "admin" || request) {
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id));
+            }
+        }
+        else if (user.viewAddresses === "request") {
+            if (!((_a = user.visibleAddresses) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            constraints.push((0, firestore_1.where)((0, firestore_1.documentId)(), "in", user.visibleAddresses));
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id));
+            }
+        }
+        else {
+            setLoading(false);
+            return; // viewAddresses === "none", no need to load anything
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            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 = snapshot.docs.map(doc => ([doc.id, { id: doc.id, ...doc.data() }]));
+                const withListings = Object.fromEntries(await Promise.all(newAddresses.map(async ([k, address]) => {
+                    const listings = await firebaseQuery.getCount("placementListings", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.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);
+    };
+    (0, react_1.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 };
+}
+function useLoadListings(user, queryConstraint, request) {
+    const [listings, setListings] = (0, react_1.useState)([]);
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadListings = () => {
+        var _a, _b;
+        const constraints = [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.limit)(10), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (user.viewPlacementListings === "all" || user.userGroup === "admin" || request) {
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        else {
+            if (!((_a = user.visibleListings) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            constraints.push((0, firestore_1.where)((0, firestore_1.documentId)(), 'in', user.visibleListings));
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        if (user.viewAddresses !== "all" && user.viewPlacementListings === "all" && user.userGroup !== "admin") {
+            if (!((_b = user.visibleAddresses) === null || _b === void 0 ? void 0 : _b.length))
+                return;
+            constraints.push((0, firestore_1.where)('addressId', 'in', user.visibleAddresses));
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            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 = snapshot.docs.map(doc => ([doc.id, { ...doc.data(), id: doc.id }]));
+                const listingsWithAdditionalData = await Promise.all(newListings.map(async ([id, listing]) => {
+                    const listingWithAdditionalData = { ...listing };
+                    if (listingWithAdditionalData.applicants !== undefined)
+                        return [id, listingWithAdditionalData];
+                    listingWithAdditionalData.applicants = await firebaseQuery.getCount("applications", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.where)("status", "==", "submitted")]);
+                    listingWithAdditionalData.scheduled = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.where)("inProgress", "==", true), (0, firestore_1.where)("startDate", ">", (0, util_1.convertDate)(new Date(), "dbstring"))]);
+                    listingWithAdditionalData.active = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.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);
+    };
+    (0, react_1.useEffect)(() => {
+        let unsubscribe;
+        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 };
+}
+function useLoadProviderPlacements(user, queryConstraint, placementId) {
+    const [placements, setPlacements] = (0, react_1.useState)([]);
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    if (user.product !== "providers")
+        throw new Error("Only providers can use this hook.");
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadListings = () => {
+        var _a, _b;
+        const constraints = [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.limit)(10), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (placementId) {
+            constraints.push((0, firestore_1.where)("placementId", "==", placementId));
+        }
+        if (user.viewPlacementListings === "all" || user.userGroup === "admin") {
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        else {
+            if (!((_a = user.visibleListings) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            constraints.push((0, firestore_1.where)("placementId", 'in', user.visibleListings));
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        if (user.viewAddresses !== "all" && user.viewPlacementListings === "all" && user.userGroup !== "admin") {
+            if (!((_b = user.visibleAddresses) === null || _b === void 0 ? void 0 : _b.length))
+                return;
+            constraints.push((0, firestore_1.where)('addressId', 'in', user.visibleAddresses));
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            const deletedListings = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            });
+            setPlacements((prev) => prev.filter(([k]) => !deletedListings.includes(k)));
+            if (!snapshot.empty) {
+                const newPlacements = snapshot.docs.map(doc => ([doc.id, { ...doc.data(), id: doc.id }]));
+                const withAdditionalData = await Promise.all(newPlacements.map(async ([id, placement]) => {
+                    const student = placement.uid ? await firebaseQuery.getDocData(["users", placement.uid || ""]).catch(() => false) :
+                        {
+                            details: {
+                                forename: placement.studentForename,
+                                surname: placement.studentSurname,
+                            },
+                            email: placement.studentEmail
+                        };
+                    const listing = await firebaseQuery.getDocData(["placementListings", placement.placementId || ""]).catch(() => false);
+                    return [id, { ...placement, student: student, listing: listing }];
+                }));
+                setPlacements(prev => (Object.entries({ ...Object.fromEntries(prev), ...Object.fromEntries(withAdditionalData) })));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "placements", constraints, undefined, true);
+    };
+    (0, react_1.useEffect)(() => {
+        let unsubscribe;
+        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 { placements: Object.fromEntries(placements), onScrollBottom, loading, changeQueryConstraints };
+}
+function useLoadApplications({ user, applicationType, listingId, queryConstraint }) {
+    const [applications, setApplications] = (0, react_1.useState)([]);
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [type, setType] = (0, react_1.useState)(applicationType || "all");
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadApplications = () => {
+        var _a, _b;
+        const constraints = [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.limit)(10), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+            constraints.push((0, firestore_1.startAfter)(lastDoc));
+        }
+        switch (type) {
+            case "actionRequired":
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"), (0, firestore_1.where)("reqUserType", "==", "Staff"));
+                break;
+            case "awaitingStudent":
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"), (0, firestore_1.where)("reqUserType", "==", "Students"));
+                break;
+            case "closed":
+                constraints.push((0, firestore_1.where)("status", "in", ["approved", "declined"]));
+                break;
+            default:
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"));
+        }
+        if (listingId) {
+            constraints.push((0, firestore_1.where)("listingId", "==", listingId));
+        }
+        console.log("Constraints before user group check", constraints);
+        if (user.viewAddresses !== "all" && user.userGroup !== "admin") {
+            if (user.viewPlacementListings === "all") {
+                if (!((_a = user.visibleAddresses) === null || _a === void 0 ? void 0 : _a.length))
+                    return;
+                constraints.push((0, firestore_1.where)('addressId', 'in', user.visibleAddresses));
+            }
+            else {
+                if (!((_b = user.visibleListings) === null || _b === void 0 ? void 0 : _b.length))
+                    return;
+                constraints.push((0, firestore_1.where)('placementId', 'in', user.visibleListings));
+            }
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        console.log("Constraints after user group check", constraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            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 = snapshot.docs.map(doc => ([doc.id, { id: doc.id, ...doc.data() }])).filter(([, v]) => v.status !== "draft");
+                setApplications(prev => ([...prev, ...newApplications]));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            else {
+                setApplications([]);
+                setLastDoc(null);
+            }
+            setLoading(false);
+        }), "applications", constraints, undefined, true);
+    };
+    (0, react_1.useEffect)(() => {
+        let unsubscribe;
+        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 };
+}
+function useDataViewerPaginator({ view: initialView, sorts, queryLimit, additionalEntryProcessing, formatItems, snapshot, filters: initialFilters, onSearch, data }) {
+    const [tableData, setTableData] = (0, react_1.useState)(Array.isArray(data) ? Object.fromEntries(Object.entries(data).slice(0, queryLimit)) : {});
+    const [page, setPage] = (0, react_1.useState)([1, 0]);
+    const [view, setView] = (0, react_1.useState)(initialView);
+    const [filters, setFilters] = (0, react_1.useState)(initialFilters);
+    const [queryAnchor, setQueryAnchor] = (0, react_1.useState)({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
+    const [prevEntryIds, setPrevEntryIds] = (0, react_1.useState)({});
+    const [dataListenerUnsubscribe, setDataListenerUnsubscribe] = (0, react_1.useState)();
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [searchString, setSearchString] = (0, react_1.useState)();
+    const [sort, setSort] = (0, react_1.useState)();
+    const processedData = async (k, v) => additionalEntryProcessing ? await additionalEntryProcessing(k, v) : v;
+    const setTableDataFromDefinedData = async () => {
+        if (!data || Array.isArray(data))
+            return;
+        const dataWithAdditionalProcessingPossibleNulls = (await Promise.all(Object.entries(data).map(async ([k, v]) => [k, await processedData(k, v)])));
+        const dataWithAdditionalProcessing = dataWithAdditionalProcessingPossibleNulls.filter(([k, v]) => v);
+        const searchedData = searchString ? dataWithAdditionalProcessing.filter(([, v]) => {
+            const values = Object.values(v).join(", ");
+            console.log("VALUESTRING", v);
+            return values.includes(searchString);
+        }) : dataWithAdditionalProcessing;
+        const filteredData = filters && Object.keys(filters).length > 0 ? searchedData.filter(([, dataValue]) => Object.entries(filters).every(([filterKey, filterValue]) => {
+            const value = dataValue[filterKey];
+            if ((typeof value === "number") && value === parseInt(filterValue.value))
+                return true;
+            if ((typeof value === "boolean") && value === (filterValue.value === "true"))
+                return true;
+            if ((typeof value === "boolean") && value === (filterValue.value === "false"))
+                return true;
+            if ((typeof value === "string" || Array.isArray(value)) && value.includes(filterValue.value))
+                return true;
+            return false;
+        })) : searchedData;
+        if (view === "table") {
+            if (!queryLimit)
+                throw new Error("Tables must have a limit defined.");
+            const newData = filteredData.slice((page[0] - 1) * queryLimit, page[0] * queryLimit);
+            setTableData(Object.fromEntries(newData));
+            if (Object.keys(Object.fromEntries(newData)).pop() === Object.keys(data).pop()) {
+                setLoading("loaded");
+            }
+            else {
+                setLoading(false);
+            }
+            return;
+        }
+        if (view === "list") {
+            setTableData(Object.fromEntries(filteredData));
+            setLoading("loaded");
+        }
+    };
+    const getDataFromQuery = async (itemList = {}, currentQueryAnchor = queryAnchor, cursorDirection, prevEntries = prevEntryIds, loadMoreFromQuery = false) => {
+        if (!filters)
+            return;
+        setLoading(true);
+        if (!Array.isArray(data)) {
+            setTableDataFromDefinedData();
+            return;
+        }
+        if (!queryLimit)
+            throw new Error("Firestore queries must have a limit defined.");
+        if (onSearch && (searchString || sort)) {
+            if (typeof onSearch === "boolean")
+                throw new Error("When using Firestore queries, an onSearch function should be passed to retrieve data externally. Additional processing is however completed in this hook.");
+            const data = await onSearch(searchString, sort, page[0], filters, queryLimit);
+            const dataWithAdditionalProcessing = await Promise.all(Object.entries(data).map(async ([k, v]) => [k, await processedData(k, v)]));
+            setTableData((old) => {
+                if (view === "table") {
+                    return { ...Object.fromEntries(dataWithAdditionalProcessing) };
+                }
+                return { ...old, ...Object.fromEntries(dataWithAdditionalProcessing) };
+            });
+            if (dataWithAdditionalProcessing.length < queryLimit) {
+                setLoading("loaded");
+            }
+            else {
+                setLoading(false);
+            }
+            return;
+        }
+        let cursorPos;
+        if (page[0] > page[1]) {
+            cursorPos = currentQueryAnchor.endQueryPos;
+        }
+        else {
+            cursorPos = currentQueryAnchor.startQueryPos;
+        }
+        const querySchema = data[cursorPos];
+        const createQuery = (queryData) => {
+            const constraints = [];
+            queryData.where && queryData.where.forEach((w) => {
+                constraints.push((0, firestore_1.where)(...w));
+            });
+            filters && Object.entries(filters).filter(([, value]) => value.value).forEach(([key, value]) => {
+                const filterValue = (value.type === "number" || value.type === "dropdown") ? parseInt(value.value) || value.value : value.value;
+                constraints.push((0, firestore_1.where)(key, "==", filterValue));
+            });
+            constraints.push((0, firestore_1.orderBy)(queryData.orderBy ? queryData.orderBy === "documentId" ? (0, firestore_1.documentId)() : queryData.orderBy : (0, firestore_1.documentId)()));
+            if (page[0] > page[1] && !cursorDirection) { // Going up
+                currentQueryAnchor.endKey && constraints.push((0, firestore_1.startAfter)(currentQueryAnchor.endKey));
+                constraints.push((0, firestore_1.limit)(queryLimit));
+                if (!loadMoreFromQuery) {
+                    currentQueryAnchor = { ...currentQueryAnchor, startQueryPos: currentQueryAnchor.endQueryPos };
+                }
+            }
+            else if (page[0] < page[1] && !cursorDirection) { // Going down
+                if (!loadMoreFromQuery) {
+                    currentQueryAnchor = { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.startQueryPos };
+                }
+                constraints.push((0, firestore_1.limitToLast)(queryLimit));
+                if (currentQueryAnchor.startKey) {
+                    currentQueryAnchor.startKey && constraints.push((0, firestore_1.endBefore)(currentQueryAnchor.startKey));
+                }
+                else {
+                    currentQueryAnchor.startKey && constraints.push((0, firestore_1.endAt)(currentQueryAnchor.startKey));
+                }
+            }
+            else {
+                if (cursorDirection === "decrease") {
+                    constraints.push((0, firestore_1.limitToLast)(queryLimit));
+                }
+                else {
+                    constraints.push((0, firestore_1.limit)(queryLimit));
+                }
+            }
+            return constraints;
+        };
+        const constraints = createQuery(querySchema);
+        const q = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, ...querySchema.path), ...(constraints));
+        console.log("Fetching docs", constraints);
+        if (snapshot) {
+            // Use onSnapshot to get real-time updates
+            const unsubscribe = (0, firestore_1.onSnapshot)(q, (querySnapshot) => {
+                handleQuerySnapshot(querySnapshot);
+            });
+            // Save the unsubscribe function to state so we can dispose of it later
+            setDataListenerUnsubscribe((d) => ({ ...(d || {}), [cursorPos]: unsubscribe }));
+            return;
+        }
+        else {
+            // Just get the docs without setting up a listener
+            const queryData = await (0, firestore_1.getDocs)(q);
+            handleQuerySnapshot(queryData);
+        }
+        // Function to handle query snapshot
+        async function handleQuerySnapshot(querySnapshot) {
+            if (!Array.isArray(data))
+                throw new Error("Called querySnapshot but data is defined.");
+            if (!queryLimit)
+                throw new Error("Firestore queries must have a limit defined.");
+            const queryResults = {};
+            let index = 0; // Declare the index variable
+            const reverseIfBack = (docs) => page[0] < page[1] ? docs.reverse() : docs;
+            // Process each document in the querySnapshot
+            for (const doc of reverseIfBack(querySnapshot.docs)) {
+                if ((Object.keys(queryResults).length + Object.keys(itemList).length) === queryLimit) {
+                    break;
+                }
+                let position = Object.keys(itemList).length + (page[0] - 1) * queryLimit + index + 1;
+                if (page[0] < page[1]) {
+                    position = (page[0]) * queryLimit - index - Object.keys(itemList).length;
+                }
+                if (itemList[doc.id] || (prevEntries[doc.id] && prevEntries[doc.id] !== position)) {
+                    console.log("Removing ", doc.id, ": E=", prevEntries[doc.id], ", G=", position);
+                    continue;
+                }
+                let item = doc.data();
+                item.id = doc.id;
+                // Apply additionalEntryProcessing if provided
+                if (additionalEntryProcessing) {
+                    item = await additionalEntryProcessing(doc.id, item);
+                }
+                if (!item)
+                    continue;
+                queryResults[doc.id] = item;
+                index += 1;
+                if (prevEntries[doc.id])
+                    continue;
+                prevEntries[doc.id] = position;
+            }
+            if (cursorDirection === "decrease" || page[0] < page[1]) {
+                itemList = { ...Object.fromEntries(Object.entries(queryResults).reverse()), ...itemList };
+            }
+            else {
+                itemList = { ...itemList, ...queryResults };
+            }
+            // Updating state with the new data and query anchors
+            setPrevEntryIds(prevEntries);
+            if (querySnapshot.size < queryLimit && Object.keys(itemList).length < queryLimit) {
+                // If we have ran out of entries, increase or decrease the index.
+                if (page[0] > page[1] && cursorPos + 1 < data.length) {
+                    return getDataFromQuery(itemList, { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.endQueryPos + 1 }, "increase", prevEntries);
+                }
+                else if (page[0] < page[1] && cursorPos > 0) {
+                    return getDataFromQuery(itemList, { ...currentQueryAnchor, startQueryPos: currentQueryAnchor.startQueryPos - 1 }, "decrease", prevEntries);
+                }
+            }
+            if (Object.keys(itemList).length < queryLimit && querySnapshot.size === queryLimit) {
+                console.log("Shorter than ten");
+                return getDataFromQuery(itemList, { ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] }, undefined, prevEntries, true);
+            }
+            if (querySnapshot.size === 0 &&
+                Object.keys(itemList).length === 0 &&
+                currentQueryAnchor.endQueryPos + 1 === data.length &&
+                page[0] > 1) {
+                setTableData({});
+                setQueryAnchor((a) => ({ ...a, startKey: "" }));
+                return;
+            }
+            if (querySnapshot.size < queryLimit) {
+                setLoading("loaded");
+            }
+            else {
+                setLoading(false);
+            }
+            setQueryAnchor({ ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] });
+            setTableData((old) => {
+                if (view === "table") {
+                    return { ...itemList };
+                }
+                return { ...old, ...itemList };
+            });
+        }
+    };
+    const reset = () => {
+        console.log("Resetting after filters?");
+        setPage([1, 0]);
+        setTableData({});
+        setQueryAnchor({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
+        setPrevEntryIds({});
+        dataListenerUnsubscribe && Object.values(dataListenerUnsubscribe).map((u) => u());
+        setDataListenerUnsubscribe(undefined);
+    };
+    (0, react_1.useEffect)(() => {
+        console.log("Filters updates", filters);
+        if (!filters)
+            return;
+        console.log("Resetting cus filters");
+        reset();
+    }, [filters]);
+    (0, react_1.useEffect)(() => {
+        reset();
+    }, [view, searchString, data, sort]);
+    // Fetch new data when queries or page change
+    (0, react_1.useEffect)(() => {
+        getDataFromQuery();
+        dataListenerUnsubscribe && Object.values(dataListenerUnsubscribe).map((u) => u());
+    }, [page]);
+    const pageUp = () => {
+        setPage((p) => ([p[0] + 1, p[0]]));
+    };
+    const pageDown = () => {
+        setPage((p) => ([p[0] - 1, p[0]]));
+    };
+    const updateSort = (sortLabel) => {
+        if (!sorts || !sorts[sortLabel])
+            return;
+        setSort([sortLabel, sorts[sortLabel]]);
+    };
+    return ({ ...{ tableData, pageUp, pageDown, setFilters, page: page[0], sorts, loading, sort, updateSort: updateSort, setView, updateSearch: setSearchString } });
 }
+;
 //# sourceMappingURL=hooks.js.map