placementt-core 1.20.231 → 1.300.4

package/lib/hooks.js

@@ -10,18 +10,17 @@ exports.useNewInstitutePlacementList = useNewInstitutePlacementList;
 exports.useAlumniPaginator = useAlumniPaginator;
 exports.useVeryOldInstitutePlacementList = useVeryOldInstitutePlacementList;
 exports.useFilterTablePaginator = useFilterTablePaginator;
-exports.usePlacementListingPaginator = usePlacementListingPaginator;
+exports.useProviderContactPaginator = useProviderContactPaginator;
+exports.useNewCohortUserPaginator = useNewCohortUserPaginator;
 exports.useCohortUserPaginator = useCohortUserPaginator;
 exports.useAdmissionsPaginator = useAdmissionsPaginator;
 exports.useLazyLoadQueryList = useLazyLoadQueryList;
-exports.usePublicPlacementListingLoader = usePublicPlacementListingLoader;
-exports.useCreateApplicationRenderer = useCreateApplicationRenderer;
 exports.useProposePlacementRenderer = useProposePlacementRenderer;
 exports.useCreateCohortRenderer = useCreateCohortRenderer;
 exports.useUserUploadHandler = useUserUploadHandler;
 exports.useWorkflowEditor = useWorkflowEditor;
 exports.useApplicantWorkflowEditor = useApplicantWorkflowEditor;
-exports.useInstitutePlacementListingHandler = useInstitutePlacementListingHandler;
+exports.useInstituteProviderContactsHandler = useInstituteProviderContactsHandler;
 exports.useGetIndividualPlacementForPlacementPage = useGetIndividualPlacementForPlacementPage;
 exports.useOnboardingPopup = useOnboardingPopup;
 exports.useLoadAddresses = useLoadAddresses;
@@ -40,6 +39,7 @@ const util_1 = require("./firebase/util");
 const writeDatabase_1 = require("./firebase/writeDatabase");
 const algoliasearch_1 = __importDefault(require("algoliasearch"));
 const storage_1 = require("firebase/storage");
+const util_2 = require("./util");
 const DEFAULTQUERYLIMIT = 5;
 function useStudentPlacementList({ user, student, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
@@ -243,7 +243,7 @@ function useOldInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-function useNewInstitutePlacementList({ id, user, filters, view, cohort, queryConstraints, ql = DEFAULTQUERYLIMIT, inProgress }) {
+function useNewInstitutePlacementList({ id, user, uid, filters, initialSort, initialSearch, view, cohort, queryConstraints, ql = DEFAULTQUERYLIMIT, inProgress }) {
     const [query, setQuery] = (0, react_1.useState)();
     const sorts = {
         ["Student Forename - Asc"]: {
@@ -267,7 +267,7 @@ function useNewInstitutePlacementList({ id, user, filters, view, cohort, queryCo
             direction: "asc",
         },
         ["Student Email - Desc"]: {
-            value: "studentEmaile",
+            value: "studentEmail",
             direction: "desc",
         },
         ["Provider email - Asc"]: {
@@ -284,27 +284,34 @@ function useNewInstitutePlacementList({ id, user, filters, view, cohort, queryCo
             if (!(user.studentFilter && user.studentFilterValues))
                 return false;
             const student = await (0, readDatabase_1.getUserById)(placement.uid).catch(() => false);
-            if (!student)
+            if (!student) {
+                console.log("No student");
                 return;
+            }
+            ;
             if (!user.studentFilterValues.includes(student.details[user.studentFilter])) {
+                console.log("filter not included. Filteres: ", user.studentFilterValues, "value", user.studentFilter, "-", 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) });
+    const { tableData, pageUp, pageDown, setFilters, page, setView, loading, updateSearch, updateSort, sort } = useDataViewerPaginator({ view, filters, sorts, queryLimit: ql, initialSort, initialSearch, data: query, additionalEntryProcessing: additionalProcessing, onSearch: async (s, sort, page, filters, limit) => await algoliaPlacementSearch(query || [], user, s, sort, page, filters, limit, cohort, inProgress) });
     (0, react_1.useEffect)(() => {
         var _a;
+        console.log("SET QUERY", user, queryConstraints, cohort);
         // 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")))) {
+        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 !== "none")))) {
             const constraints = [["oId", "==", user.oId], ["draft", "==", false]];
             cohort && constraints.push(["cohort", "==", cohort]);
+            uid && constraints.push(["uid", "==", uid]);
             queryConstraints && constraints.unshift(...queryConstraints);
             inProgress !== undefined && constraints.push(["inProgress", "==", inProgress]);
+            console.log("PLACEMENT CONSTRAINTS", constraints);
             setQuery([{
                     path: ["placements"],
                     where: constraints
@@ -384,7 +391,7 @@ function useAlumniPaginator({ user, alumniConvoUser, filters, view, school, quer
     }, [tableData]);
     return { tableData, page, loading, setFilters, setView, pageUp, pageDown, sorts };
 }
-const algoliaPlacementSearch = async (user, query, sort, page, filters, limit, cohort, inProgress) => {
+const algoliaPlacementSearch = async (data, 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");
@@ -414,10 +421,34 @@ const algoliaPlacementSearch = async (user, query, sort, page, filters, limit, c
     //         }))
     //     }
     // }
-    let placementSearchString = `oId:${user.oId} AND ` + (inProgress !== undefined ? (inProgress ? "inProgress:true" : "completed:true") : "");
-    if (cohort) {
-        placementSearchString = placementSearchString + ` AND cohort:${cohort}`;
-    }
+    if (data.length === 0)
+        return {};
+    const constraints = data[0].where;
+    if (!(constraints === null || constraints === void 0 ? void 0 : constraints.length))
+        return {};
+    let placementSearchString = constraints.map(([k, e, v]) => {
+        if (e === "==")
+            return `${k}:${v}`; // Equality check
+        if (e === "!=")
+            return `${k}:-${v}`; // Not equal check
+        if (e === "<")
+            return `${k}:<${v}`; // Less than check
+        if (e === "<=")
+            return `${k}:<=${v}`; // Less than or equal check
+        if (e === ">")
+            return `${k}:>${v}`; // Greater than check
+        if (e === ">=")
+            return `${k}:>=${v}`; // Greater than or equal check
+        if (e === "array-contains")
+            return `${k}:${v}`; // Array contains check (string format)
+        if (e === "array-contains-any")
+            return `${k}:"${v.join('","')}"`; // Array contains any of the values (string format)
+        if (e === "in")
+            return `(${v.map((value) => `${k}:${value}`).join(' OR ')})`; // In check
+        if (e === "not-in")
+            return v.map((value) => `${k}:-${value}`).join(' AND '); // In check
+        return;
+    }).join(" AND ");
     filters && Object.entries(filters).filter(([, filter]) => filter.value).map(([id, filter]) => {
         placementSearchString = placementSearchString + ` AND ${id}:${filter.value}`;
     });
@@ -784,181 +815,183 @@ function useFilterTablePaginator({ data }) {
     }, [page]);
     return ({ ...{ tableData, setPage, setFilters, page } });
 }
-function usePlacementListingPaginator({ data, user }) {
-    const [tableData, setTableData] = (0, react_1.useState)({});
-    const [page, setPage] = (0, react_1.useState)([1, 0]);
-    const [filters, setFilters] = (0, react_1.useState)();
-    const [queryAnchor, setQueryAnchor] = (0, react_1.useState)({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
-    const [prevEntryIds, setPrevEntryIds] = (0, react_1.useState)({});
+function useProviderContactPaginator({ data, user, view, filters }) {
+    const [query, setQuery] = (0, react_1.useState)();
     const firebaseQuery = new firebaseQuery_1.default();
-    const getDataFromQuery = async (itemList = {}, currentQueryAnchor = queryAnchor, cursorDirection, prevEntries = prevEntryIds, loadMoreFromQuery = false) => {
-        let cursorPos;
-        if (page[0] > page[1]) {
-            cursorPos = currentQueryAnchor.endQueryPos;
+    const getAdditionalData = async (k, v) => {
+        var _a, _b;
+        if ((_b = (_a = v.savedBy) === null || _a === void 0 ? void 0 : _a[user.oId].activities) === null || _b === void 0 ? void 0 : _b.includes("workExperience")) {
+            const placementsCount = await firebaseQuery.getCount("placementListings", [(0, firestore_1.where)(`savedBy.${user.oId}.exists`, "==", true), (0, firestore_1.where)("providerContactId", "==", k)]);
+            return { ...v, plcaements: placementsCount };
         }
-        else {
-            cursorPos = currentQueryAnchor.startQueryPos;
+        return v;
+    };
+    const { tableData, pageUp, pageDown, setFilters, page, setView, loading } = useDataViewerPaginator({ view, filters, queryLimit: 10, data: query, additionalEntryProcessing: getAdditionalData });
+    (0, react_1.useEffect)(() => {
+        const constraints = [
+            [`savedBy.${user.oId}.exists`, "==", true],
+        ];
+        if (user.userType === "Students") {
+            constraints.push([`savedBy.${user.oId}.cohorts.${user.cohort}.listed`, "==", true]);
         }
-        const querySchema = data === null || data === void 0 ? void 0 : data[cursorPos];
-        const createQuery = (queryData) => {
-            const constraints = [
-                (0, firestore_1.where)("savedById", "==", user.userType === "Staff" ? user.oId : user.id),
-                (0, firestore_1.where)("savedByProduct", "==", user.product),
-                (0, firestore_1.where)("savedByUserType", "==", user.userType === "Staff" ? "Organisation" : "Student"),
-            ];
-            if (user.userType === "Students") {
-                constraints.push((0, firestore_1.where)("listed", "==", true));
-            }
-            (queryData === null || queryData === void 0 ? void 0 : queryData.where) && queryData.where.forEach((w) => {
-                constraints.push((0, firestore_1.where)(...w));
-            });
-            filters && Object.entries(filters).forEach(([key, value]) => {
-                constraints.push((0, firestore_1.where)(key, "==", value));
-            });
-            if (queryData === null || queryData === void 0 ? void 0 : queryData.orderBy) {
-                if (queryData.orderBy === "documentId") {
-                    constraints.push((0, firestore_1.orderBy)((0, firestore_1.documentId)()));
-                }
-                else {
-                    constraints.push((0, firestore_1.orderBy)(queryData.orderBy));
-                }
-            }
-            else {
-                constraints.push((0, firestore_1.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)(10));
-                if (!loadMoreFromQuery) {
-                    currentQueryAnchor = { ...currentQueryAnchor, startQueryPos: currentQueryAnchor.endQueryPos };
-                }
+        setQuery([{
+                path: ["providerContacts"],
+                where: constraints
+            }]);
+    }, [user]);
+    return ({ ...{ tableData, pageUp, pageDown, setFilters, page, setView, loading } });
+}
+const algoliaUsersSearch = async (data, user, query, sort, page, filters, limit, cohort) => {
+    const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
+    const userIndex = algoliaClient.initIndex(sort ? `users_${Object.values(sort[1]).join("_")}` : "users");
+    const constraints = data[0].where;
+    if (!(constraints === null || constraints === void 0 ? void 0 : constraints.length))
+        return {};
+    let userSearchString = constraints.map(([k, e, v]) => {
+        if (e === "==")
+            return `${k}:${v}`; // Equality check
+        if (e === "!=")
+            return `${k}:-${v}`; // Not equal check
+        if (e === "<")
+            return `${k}:<${v}`; // Less than check
+        if (e === "<=")
+            return `${k}:<=${v}`; // Less than or equal check
+        if (e === ">")
+            return `${k}:>${v}`; // Greater than check
+        if (e === ">=")
+            return `${k}:>=${v}`; // Greater than or equal check
+        if (e === "array-contains")
+            return `${k}:${v}`; // Array contains check (string format)
+        if (e === "array-contains-any")
+            return `${k}:"${v.join('","')}"`; // Array contains any of the values (string format)
+        if (e === "in")
+            return `(${v.map((value) => `${k}:${value}`).join(' OR ')})`; // In check
+        if (e === "not-in")
+            return v.map((value) => `${k}:-${value}`).join(' AND '); // In check
+        return;
+    }).join(" AND ");
+    filters && Object.entries(filters).filter(([, filter]) => filter.value).map(([id, filter]) => {
+        userSearchString = userSearchString + ` AND ${id}:${filter.value}`;
+    });
+    console.log("QUERY", userSearchString);
+    const options = {
+        filters: userSearchString,
+        hitsPerPage: limit,
+        page: page ? page - 1 : undefined,
+    };
+    const searchUsersHits = await userIndex.search(query || "", options);
+    console.log(searchUsersHits.hits);
+    const i = (searchUsersHits ? (await Promise.all(searchUsersHits.hits.map(async (hit) => {
+        return [hit.objectID, hit];
+    }))) : []).filter((e) => e !== undefined);
+    return Object.fromEntries(i);
+};
+function useNewCohortUserPaginator({ user, institute, initialSort, filters, view, cohort, queryConstraints, ql = DEFAULTQUERYLIMIT, userType }) {
+    const [query, setQuery] = (0, react_1.useState)();
+    const firebaseQuery = new firebaseQuery_1.default();
+    const sorts = {
+        ["Student Forename - Asc"]: {
+            value: "details.forename",
+            direction: "asc",
+        },
+        ["Student Forename - Desc"]: {
+            value: "details.forename",
+            direction: "desc",
+        },
+        ["Student Surname - Asc"]: {
+            value: "details.surname",
+            direction: "asc",
+        },
+        ["Student Surname - Desc"]: {
+            value: "details.surname",
+            direction: "desc",
+        },
+        ["Student Email - Asc"]: {
+            value: "email",
+            direction: "asc",
+        },
+        ["Student Email - Desc"]: {
+            value: "email",
+            direction: "desc",
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        const getAccess = async () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            // Sets the query of for the DataViewerPaginator
+            if (user.product !== "institutes" || user.userType !== "Staff") {
+                setQuery(undefined);
+                return;
             }
-            else if (page[0] < page[1] && !cursorDirection) { // Going down
-                if (!loadMoreFromQuery) {
-                    currentQueryAnchor = { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.startQueryPos };
+            const constraints = [["oId", "==", user.oId], ["userType", "==", userType]];
+            cohort && constraints.push(["cohort", "==", cohort]);
+            queryConstraints && constraints.unshift(...queryConstraints);
+            const mSetQuery = (clear) => {
+                setQuery(clear ? undefined : [{
+                        path: ["users"],
+                        where: constraints
+                    }]);
+                return;
+            };
+            if (institute.package === "institutes-one") {
+                if (user.userGroup === "admin" || (user.viewCohorts === "all" && user.viewStudents === "all"))
+                    return mSetQuery();
+                if (!user.viewCohorts || user.viewCohorts === "none" || !user.viewStudents || user.viewStudents === "none" || (user.viewCohorts === "some" && !((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.length)) || (user.viewStudents === "some" && !((_b = user.studentFilterValues) === null || _b === void 0 ? void 0 : _b.length)))
+                    return mSetQuery(true);
+                if (user.viewStudents === "some") {
+                    constraints.push([`details.${user.studentFilter}`, "in", user.studentFilterValues]);
                 }
-                constraints.push((0, firestore_1.limitToLast)(10));
-                if (currentQueryAnchor.startKey) {
-                    currentQueryAnchor.startKey && constraints.push((0, firestore_1.endBefore)(currentQueryAnchor.startKey));
+                if (cohort) {
+                    const canViewCohort = user.viewCohorts === "all" || (user.viewCohorts === "some" && ((_c = user.visibleCohorts) === null || _c === void 0 ? void 0 : _c.includes("cohort")));
+                    return mSetQuery(canViewCohort);
                 }
                 else {
-                    currentQueryAnchor.startKey && constraints.push((0, firestore_1.endAt)(currentQueryAnchor.startKey));
+                    // No cohort.
+                    if (user.viewCohorts === "all")
+                        return mSetQuery();
+                    if (user.viewCohorts === "some" && user.visibleCohorts) {
+                        constraints.push(["cohort", "in", user.visibleCohorts]);
+                        return mSetQuery();
+                    }
+                    return mSetQuery(true);
                 }
             }
-            else {
-                if (cursorDirection === "decrease") {
-                    constraints.push((0, firestore_1.limitToLast)(10));
+            if (institute.package === "institutes-two") {
+                if (user.userGroup === "admin" || (user.viewSchools === "all" && user.viewCohorts === "all" && user.viewStudents === "all"))
+                    return mSetQuery();
+                if (!user.viewCohorts || !user.viewSchools || user.viewSchools === "none" || user.viewCohorts === "none")
+                    return mSetQuery(true);
+                if (!user.viewStudents || user.viewStudents === "none" || (user.viewStudents === "some" && !((_d = user.studentFilterValues) === null || _d === void 0 ? void 0 : _d.length)) || (user.viewCohorts === "some" && !((_e = user.visibleCohorts) === null || _e === void 0 ? void 0 : _e.length)) || (user.viewSchools === "some" && !((_f = user.visibleSchools) === null || _f === void 0 ? void 0 : _f.length)))
+                    return mSetQuery(true);
+                if (user.viewStudents === "some") {
+                    constraints.push([`details.${user.studentFilter}`, "in", user.studentFilterValues]);
+                }
+                if (cohort) {
+                    if (user.viewCohorts === "some" && !((_g = user.visibleCohorts) === null || _g === void 0 ? void 0 : _g.includes(cohort)))
+                        return mSetQuery(true);
+                    if (user.viewSchools === "some") {
+                        const cohortData = await firebaseQuery.getDocData(["cohorts", cohort]);
+                        if (!cohortData.schoolId || !((_h = user.visibleSchools) === null || _h === void 0 ? void 0 : _h.includes(cohortData.schoolId)))
+                            return mSetQuery(true);
+                    }
                 }
                 else {
-                    constraints.push((0, firestore_1.limit)(10));
+                    if (user.viewCohorts === "some" && user.visibleCohorts) {
+                        constraints.push(["cohort", "in", user.visibleCohorts]);
+                    }
+                    else if (user.viewSchools === "some" && user.visibleSchools) {
+                        const cohorts = await firebaseQuery.getDocsWhere("cohorts", [(0, firestore_1.where)("oId", "==", user.oId), (0, firestore_1.where)("schoolId", "in", user.visibleSchools)]);
+                        constraints.push(["cohort", "in", Object.keys(cohorts || {})]);
+                    }
                 }
+                return mSetQuery();
             }
-            return constraints;
-        };
-        const constraints = createQuery(querySchema);
-        // console.log(queryId, "constraints", constraints)
-        const q = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, "savedPlacements"), ...(constraints));
-        const queryResults = {};
-        const queryData = await (0, firestore_1.getDocs)(q);
-        // console.log("queryData.size", queryData.size)
-        const reverseIfBack = (docs) => {
-            if (page[0] < page[1]) {
-                return docs.reverse();
-            }
-            return docs;
+            setQuery(undefined);
         };
-        let index = 0;
-        reverseIfBack(queryData.docs).forEach(async (doc) => {
-            if (Object.keys(queryResults).length + Object.keys(itemList).length === 10) {
-                return;
-            }
-            let position = Object.keys(itemList).length + (page[0] - 1) * 10 + index + 1;
-            if (page[0] < page[1]) {
-                position = (page[0]) * 10 - index - Object.keys(itemList).length;
-            }
-            // console.log(index, "doc.id", doc.id, position, "E", prevEntries[doc.id])
-            if (itemList[doc.id] || (prevEntries[doc.id] && prevEntries[doc.id] !== position)) {
-                console.log("Removing ", doc.id, ": E=", prevEntries[doc.id], ", G=", position);
-                return;
-            }
-            const item = doc.data();
-            item.id = doc.id;
-            queryResults[doc.id] = item;
-            index = index + 1;
-            if (prevEntries[doc.id])
-                return;
-            prevEntries[doc.id] = position;
-        });
-        if (cursorDirection === "decrease" || page[0] < page[1]) {
-            itemList = { ...Object.fromEntries(Object.entries(queryResults).reverse()), ...itemList };
-        }
-        else {
-            itemList = { ...itemList, ...queryResults };
-        }
-        setPrevEntryIds(prevEntries);
-        if (queryData.size < 10 && Object.keys(itemList).length < 10) {
-            if (page[0] > page[1] && cursorPos + 1 < data.length) {
-                console.log("Increase query index");
-                return getDataFromQuery(itemList, { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.endQueryPos + 1 }, "increase", prevEntries);
-            }
-            else if (page[0] < page[1] && cursorPos > 0) {
-                console.log("Decrease query index");
-                return getDataFromQuery(itemList, { ...currentQueryAnchor, startQueryPos: currentQueryAnchor.startQueryPos - 1 }, "decrease", prevEntries);
-            }
-        }
-        if (Object.keys(itemList).length < 10 && queryData.size === 10) {
-            console.log("Shorter than ten");
-            // if(loadMoreFromQuery){return}
-            return getDataFromQuery(itemList, { ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] }, undefined, prevEntries, true);
-        }
-        if (queryData.size === 0 &&
-            Object.keys(itemList).length === 0 &&
-            currentQueryAnchor.endQueryPos + 1 === data.length &&
-            page[0] > 1) {
-            setTableData({});
-            setQueryAnchor((a) => ({ ...a, startKey: "" }));
-            return;
-        }
-        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 || ""]).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);
-    };
-    const getPlacementStatus = (provider, placement, savedPlacement) => {
-        if (savedPlacement.status === "Blocked")
-            return "blocked";
-        if (savedPlacement.status === "Accepted")
-            return "active";
-        if (user.product === "admin") {
-            if (placement.mapConsent === undefined)
-                return "notReviewed";
-            if (placement.mapConsent === false)
-                return "notPublic";
-            return "unknown";
-        }
-        ;
-        if (!provider.insurance)
-            return "awaitingProviderApproval";
-        return "requiresApproval";
-    };
-    (0, react_1.useEffect)(() => {
-        if (!filters)
-            return;
-        setPage([1, 0]);
-        setTableData({});
-        setQueryAnchor({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
-        setPrevEntryIds({});
-    }, [filters]);
-    // Fetch new data when queries or page change
-    (0, react_1.useEffect)(() => {
-        getDataFromQuery();
-    }, [page]);
-    return ({ ...{ tableData, setPage, setFilters, page } });
+        getAccess();
+    }, [user, queryConstraints, cohort]);
+    const { tableData, pageUp, pageDown, setFilters, page, setView, loading, updateSearch, updateSort, sort } = useDataViewerPaginator({ view, filters, initialSort, sorts, queryLimit: ql, data: query, onSearch: async (s, sort, page, filters, limit) => await algoliaUsersSearch(query || [], user, s, sort, page, filters, limit, cohort) });
+    return { tableData, page, loading, updateSearch, setFilters, setView, pageUp, pageDown, sorts, updateSort, sort };
 }
 function useCohortUserPaginator({ user, cohort, data, search, userType, sort }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
@@ -1281,394 +1314,433 @@ function useLazyLoadQueryList({ path, constraints, number, onItemFetched }) {
     }, []);
     return ({ ...{ items, loadMore, loadMoreIcon, reset } });
 }
-function usePublicPlacementListingLoader({ providerId, number = 5 }) {
-    const [items, setItems] = (0, react_1.useState)({});
-    const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(false);
-    const [lastItem, setLastItem] = (0, react_1.useState)();
-    const firebaseQuery = new firebaseQuery_1.default();
-    const reset = () => {
-        setItems({});
-        setLastItem(undefined);
-    };
-    const loadMore = async () => {
-        setLoadMoreIcon(true);
-        let formattedConstraints = [
-            (0, firestore_1.where)("status", "==", "listed"),
-            (0, firestore_1.limit)(number)
-        ];
-        if (providerId) {
-            formattedConstraints.push((0, firestore_1.where)("providerId", "==", providerId));
-        }
-        if (lastItem) {
-            formattedConstraints.push((0, firestore_1.startAfter)(lastItem));
-        }
-        const documents = await firebaseQuery.getDocsWhere("placementListings", formattedConstraints, true);
-        console.log("docs", documents.docs);
-        setLastItem(documents.docs[documents.docs.length - 1]);
-        const processedItems = Object.fromEntries(await Promise.all(Object.values(documents.docs).map(async (doc) => {
-            var _a, _b;
-            let itemObj = { ...doc.data(), id: doc.id };
-            if (itemObj.addressId) {
-                const address = await firebaseQuery.getDocData(["addresses", itemObj.addressId]);
-                delete address.id;
-                itemObj = { ...address, ...itemObj };
-            }
-            if (itemObj.applicantWorkflowId) {
-                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, `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) => {
-                    return [formId, await firebaseQuery.getDocData(["forms", formId])];
-                }))) : [];
-                applicantWorkflow.viewableFiles = applicantFiles;
-                applicantWorkflow.formDetails = applicantForms;
-                itemObj = { ...itemObj, applicantWorkflow: [applicantWorkflow] };
-            }
-            return [doc.id, itemObj];
-        })));
-        setItems((i) => ({ ...i, ...processedItems }));
-        setLoadMoreIcon(false);
-    };
-    (0, react_1.useEffect)(() => {
-        loadMore();
-    }, []);
-    return ({ ...{ items, loadMore, loadMoreIcon, reset } });
-}
-function useCreateApplicationRenderer({ user, listingId, listing, provider, application, applicationId, orgContext }) {
-    const firebaseQuery = new firebaseQuery_1.default();
-    let applicationWithoutAdditionalData = { ...(application || {}) };
-    delete applicationWithoutAdditionalData.listing;
-    delete applicationWithoutAdditionalData.address;
-    delete applicationWithoutAdditionalData.provider;
-    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"
-    });
-    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)(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)();
-    const [uploadedFiles, setUploadedFiles] = (0, react_1.useState)();
-    const [currentStageComplete, setCurrentStageComplete] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        const getListing = async () => {
-            console.log("Checking ID");
-            if (!listingId)
-                return;
-            console.log("Getting listing");
-            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 && 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 && (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);
-                setFProvider({ details: provider, id: listingData.providerId });
-            }
-        };
-        getListing();
-    }, [listingId, listing]);
-    (0, react_1.useEffect)(() => {
-        if ((student === null || student === void 0 ? void 0 : student.id) !== (application === null || application === void 0 ? void 0 : application.uid)) {
-            if (user.userType === "Students") {
-                setStudent(user);
-            }
-            else if (user.product === "providers" && (application === null || application === void 0 ? void 0 : application.uid)) {
-                firebaseQuery.getDocData(["users", application.uid]).then((s) => setStudent(s));
-            }
-        }
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setFListing(Object.keys(listing || {}).length > 5 ? listing : undefined);
-    }, [listing]);
-    (0, react_1.useEffect)(() => {
-        if (provider === null || provider === void 0 ? void 0 : provider.profile)
-            return;
-        if (!(provider === null || provider === void 0 ? void 0 : provider.id))
-            return;
-        (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${provider === null || provider === void 0 ? void 0 : provider.id}/profilePic.png`)).then(setProfileUrl).catch(() => null);
-    }, [provider]);
-    (0, react_1.useEffect)(() => {
-        console.log("APPLICATIONID", applicationId);
-        if (!applicationId) {
-            if (!listingId)
-                return;
-            firebaseQuery.getDocsWhere("applications", [(0, firestore_1.where)("status", "not-in", ["approved", "declined"]), (0, firestore_1.where)("uid", "==", user.id), (0, firestore_1.where)("listingId", "==", listingId)]).then((existingApplication) => {
-                console.log("EXISTING", existingApplication);
-                // get uploaded files
-                if (existingApplication && Object.keys(existingApplication).length) {
-                    setFApplication(Object.values(existingApplication)[0]);
-                    setFApplicationId(Object.keys(existingApplication)[0]);
-                }
-            });
-            return;
-        }
-        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]);
-        const stageObj = (_a = mApplicantWorkflow === null || mApplicantWorkflow === void 0 ? void 0 : mApplicantWorkflow.workflow) === null || _a === void 0 ? void 0 : _a.find((s) => s.id === stage);
-        if (!stageObj)
-            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, `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) => {
-            return [formId, await firebaseQuery.getDocData(["forms", formId])];
-        }))) : [];
-        stageObj.viewableFiles = applicantFiles;
-        stageObj.formDetails = applicantForms;
-        return { stage: stageObj, completedSections: ((_d = fApplication === null || fApplication === void 0 ? void 0 : fApplication.completedSections) === null || _d === void 0 ? void 0 : _d[stage]) || {} };
-    };
-    (0, react_1.useEffect)(() => {
-        const getUploadedFiles = async () => {
-            if (!fApplication.completedSections) {
-                setUploadedFiles({});
-                return;
-            }
-            ;
-            const fileIds = Object.values(fApplication.completedSections)
-                .flatMap(stageData => Object.values(stageData.filesUploaded || {}).flatMap(fileIds => fileIds));
-            const fileDataPromises = fileIds.map(async (fileId) => {
-                const fileData = await firebaseQuery.getDocData(["files", fileId]);
-                fileData.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${fileData.fileName}`));
-                return [fileId, fileData];
-            });
-            const fileDataArray = await Promise.all(fileDataPromises);
-            const fileDataObj = Object.fromEntries(fileDataArray);
-            setUploadedFiles(fileDataObj);
-        };
-        const addApplication = async () => {
-            console.log("ADDING APPLICATION");
-            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,
-                status: "draft",
-                created: (new Date()).toISOString(),
-                ...fApplication,
-            };
-            const mApplicationId = (await firebaseQuery.add(["applications"], applicationData)).id;
-            console.log("APPLICATION ADDED");
-            setFApplicationId(mApplicationId);
-            setFApplication(applicationData);
-            setDraftSaved(true);
-            return;
-        };
-        getUploadedFiles();
-        console.log("Checking IDs");
-        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")
-            return;
-        console.log("Checking dates and sections");
-        if (!fApplication.completedSections && !fApplication.startDate && !fApplication.endDate)
-            return;
-        console.log("Application updated");
-        if (!fApplicationId && !applicationId) {
-            // save new
-            console.log("Add application");
-            addApplication();
-            return;
-        }
-        // update
-        firebaseQuery.update(["applications", (fApplicationId || applicationId)], fApplication);
-        setDraftSaved(true);
-    }, [fApplication]);
-    const openSuccessPopup = (type) => {
-        setSuccessPopup(type);
-        setTimeout(() => {
-            // onClose();
-        }, 1500);
-    };
-    (0, react_1.useEffect)(() => {
-        const areStagesCompleted = async () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            if (!fListing)
-                return;
-            if (fApplication.stage === undefined)
-                return undefined;
-            const currentStage = await getCurrentStage(fApplication.stage);
-            console.log("Checking current stage is complete");
-            for (const fileViewed of ((_a = currentStage.stage) === null || _a === void 0 ? void 0 : _a.files) || []) {
-                console.log("Checking file viewed", fileViewed, "in", (_b = currentStage === null || currentStage === void 0 ? void 0 : currentStage.completedSections) === null || _b === void 0 ? void 0 : _b.filesViewed);
-                if (!((_d = (_c = currentStage === null || currentStage === void 0 ? void 0 : currentStage.completedSections) === null || _c === void 0 ? void 0 : _c.filesViewed) === null || _d === void 0 ? void 0 : _d.includes(fileViewed))) {
-                    console.log("File not viewed");
-                    return false;
-                }
-                else {
-                    console.log("File viewed");
-                }
-            }
-            for (const formCompleted of ((_e = currentStage === null || currentStage === void 0 ? void 0 : currentStage.stage) === null || _e === void 0 ? void 0 : _e.forms) || []) {
-                console.log("Checking form completed", formCompleted, "in", (_f = currentStage === null || currentStage === void 0 ? void 0 : currentStage.completedSections) === null || _f === void 0 ? void 0 : _f.formsCompleted);
-                if (!Object.keys(((_g = currentStage === null || currentStage === void 0 ? void 0 : currentStage.completedSections) === null || _g === void 0 ? void 0 : _g.formsCompleted) || {}).includes(formCompleted)) {
-                    console.log("Form not completed");
-                    return false;
-                }
-                else {
-                    console.log("Form completed");
-                }
-            }
-            for (let i = 0; i++; i < (((_h = currentStage === null || currentStage === void 0 ? void 0 : currentStage.stage) === null || _h === void 0 ? void 0 : _h.requiredFiles) || []).length) {
-                if (!Object.keys(((_j = currentStage === null || currentStage === void 0 ? void 0 : currentStage.completedSections) === null || _j === void 0 ? void 0 : _j.filesUploaded) || {}).includes(i.toString())) {
-                    console.log("Form not uploaded");
-                    return false;
-                }
-                else {
-                    console.log("Form uploaded");
-                }
-            }
-            return true;
-        };
-        areStagesCompleted().then(setCurrentStageComplete);
-    }, [fApplication, fListing]);
-    const viewFile = (file, onOpen) => {
-        var _a, _b;
-        if (fApplication.reqUserType !== user.userType)
-            return;
-        if (fApplication.stage === undefined)
-            throw new Error("Missing applciation stage.");
-        if (!fListing)
-            throw new Error("No associated listing.");
-        const viewableFiles = (_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;
-            const oldA = { ...a };
-            const viewedFiles = ((_b = (_a = a.completedSections) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.filesViewed) || [];
-            if (viewedFiles === null || viewedFiles === void 0 ? void 0 : viewedFiles.includes(file))
-                return a;
-            (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)(["completedSections", 1, "filesViewed"], oldA, viewedFiles);
-            return newA;
-        });
-    };
-    const addFile = (files, fileId) => {
-        if (fApplication.reqUserType !== user.userType)
-            throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
-        if (fApplication.stage === undefined)
-            throw new Error("Missing applciation stage.");
-        if (!files.length)
-            throw new Error("No files to upload");
-        setFApplication((a) => (0, util_1.editNestedObject)(["completedSections", fApplication.stage, "filesUploaded", fileId], a, files));
-    };
-    const setFormComplete = (formId, e) => {
-        if (fApplication.reqUserType !== user.userType)
-            throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
-        if (fApplication.stage === undefined)
-            throw new Error("Missing applciation stage.");
-        setFApplication((a) => (0, util_1.editNestedObject)(["completedSections", fApplication.stage, "formsCompleted", formId], a, e));
-    };
-    const successText = {
-        submitted: {
-            title: "Application submitted",
-            desc: "We've sent your application to the placement provider. You will hear what the next steps are soon.",
-        },
-        draftSaved: {
-            title: "Draft saved",
-            desc: "Your draft has been saved. Go to the 'Applications' section from your home screen to edit.",
-        },
-        stageComplete: {
-            title: "Stage complete",
-            desc: "We have sent this to the next stage in the application process. We will update you with any progress.",
-        },
-        outcome: {
-            title: "Outcome submitted",
-            desc: "We have sent the student an email with the outcome of their application.",
-        },
-    };
-    const onFApply = async (draft) => {
-        if (draft) {
-            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)
-            throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
-        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 };
-}
+// type PublicPlacementListingLoaderParams = {
+//     providerId?: string,
+//     number: number,
+// }
+// export function usePublicPlacementListingLoader({providerId, number=5}:PublicPlacementListingLoaderParams) {
+//     const [items, setItems] = useState<{[key:string]:{[key:string]:unknown}}>({});
+//     const [loadMoreIcon, setLoadMoreIcon] = useState<boolean>(false);
+//     const [lastItem, setLastItem] = useState<QueryDocumentSnapshot<DocumentData>>();
+//     const firebaseQuery = new FirebaseQuery();
+//     const reset = () => {
+//         setItems({});
+//         setLastItem(undefined);
+//     };
+//     const loadMore = async () => {
+//         setLoadMoreIcon(true);
+//         let formattedConstraints:QueryConstraint[] = [
+//             where("status", "==", "listed"),
+//             limit(number)
+//         ];
+//         if (providerId) {
+//             formattedConstraints.push(where("providerId", "==", providerId));
+//         }
+//         if (lastItem) {
+//             formattedConstraints.push(startAfter(lastItem));
+//         }
+//         const documents = await firebaseQuery.getDocsWhere("placementListings", formattedConstraints, true) as QuerySnapshot<DocumentData>;
+//         console.log("docs", documents.docs);
+//         setLastItem(documents.docs[documents.docs.length-1]);
+//         const processedItems = Object.fromEntries(await Promise.all(Object.values(documents.docs).map(async (doc) => {
+//             let itemObj = {...doc.data(), id: doc.id} as PlacementListing;
+//             if (itemObj.addressId) {
+//                 const address = await firebaseQuery.getDocData(["addresses", itemObj.addressId]) as Address;
+//                 delete address.id;
+//                 itemObj = {...address, ...itemObj};
+//             }
+//             if (itemObj.applicantWorkflowId) {
+//                 const applicantWorkflow = (await firebaseQuery.getDocData(["applicantWorkflows", itemObj.applicantWorkflowId]) as ApplicantWorkflow).workflow.filter((i) => i.id === 1)[0];
+//                 const applicantFiles = applicantWorkflow.files ? Object.fromEntries(await Promise.all(applicantWorkflow.files?.map(async (fileId) => {
+//                     const file = await firebaseQuery.getDocData(["files", fileId]);
+//                     file.url = await getDownloadURL(ref(storage, `providers/${itemObj.providerId}/${file.fileName}`));
+//                     return [fileId, file];
+//                 }))) : [];
+//                 const applicantForms = applicantWorkflow.forms ? Object.fromEntries(await Promise.all(applicantWorkflow.forms?.map(async (formId) => {
+//                     return [formId, await firebaseQuery.getDocData(["forms", formId])];
+//                 }))) : [];
+//                 applicantWorkflow.viewableFiles = applicantFiles;
+//                 applicantWorkflow.formDetails = applicantForms;
+//                 itemObj = {...itemObj, applicantWorkflow: [applicantWorkflow]};
+//             }
+//             return [doc.id, itemObj];
+//         })))
+//         setItems((i) => ({...i, ...processedItems}));
+//         setLoadMoreIcon(false);
+//     };
+//     useEffect(() => {
+//         loadMore();
+//     }, []);
+//     return ({...{items, loadMore, loadMoreIcon, reset}});
+// }
+// export type ApplicationHookParams = {
+//     successText: {
+//         submitted: {
+//             title: string;
+//             desc: string;
+//         };
+//         draftSaved: {
+//             title: string;
+//             desc: string;
+//         };
+//         stageComplete: {
+//             title: string;
+//             desc: string;
+//         };
+//         outcome: {
+//             title: string;
+//             desc: string;
+//         };
+//     };
+//     setSuccessPopup: import("react").Dispatch<import("react").SetStateAction<"submitted" | "draftSaved" | "stageComplete" | "outcome" | undefined>>;
+//     openSuccessPopup: (type: "submitted" | "draftSaved" | "stageComplete" | "outcome") => void;
+//     setFApplication: import("react").Dispatch<import("react").SetStateAction<Partial<Application>>>;
+//     fApplication: Partial<Application>;
+//     draftSaved: boolean;
+//     profileUrl: string | undefined;
+//     successPopup: "submitted" | "draftSaved" | "stageComplete" | "outcome" | undefined;
+//     fApplicationId: string | undefined;
+//     fListing: PlacementListing | false | undefined;
+//     student: UserData | undefined;
+//     fProvider: {
+//         details?: ProviderData;
+//         profile?: string;
+//         id?: string;
+//     } | undefined;
+//     onFApply: (draft?: boolean) => Promise<void>;
+//     setFormComplete: (formId: string, e: {
+//         [key: string]: unknown;
+//     }) => void;
+//     viewFile: (file: string, onOpen: (url: string) => void) => void
+//     addFile: (files: string[], fileId: number) => void;
+//     uploadedFiles?: {
+//         [key: string]: FileItem;
+//     };
+//     getCurrentStage: (stage: number) => Promise<{
+//         stage: ApplicantStage;
+//         completedSections: {
+//             submitted?: string | undefined;
+//             filesViewed?: string[] | undefined;
+//             formsCompleted?: {
+//                 [key: string]: unknown;
+//             } | undefined;
+//             filesUploaded?: {
+//                 [key: number]: string[];
+//             } | undefined;
+//         };
+//     }>;
+//     currentStageComplete?: boolean;
+//     progressStage: (type: number | "accept" | "reject", e?: {
+//         feedback?: string;
+//     }) => Promise<void>;
+// };
+// export function useCreateApplicationRenderer({user, listingId, listing, provider, application, applicationId, orgContext}:
+//     {user:UserData, listingId:string, applicationId?: string, listing?: PlacementListing, application?: Partial<Application>,
+//         orgContext?: {details: ProviderData, addresses: {[key: string]: OrganisationAddress}, applicantWorkflows: {[key: string]: ApplicantWorkflow}},
+//         provider?: {details?: ProviderData, profile?: string, id?: string}}) {
+//         const firebaseQuery = new FirebaseQuery();
+//         let applicationWithoutAdditionalData = {...(application || {})} as any;
+//         delete applicationWithoutAdditionalData.listing;
+//         delete applicationWithoutAdditionalData.address;
+//         delete applicationWithoutAdditionalData.provider;
+//         const [fApplication, setFApplication] = useState<Partial<Application>>(application ? applicationWithoutAdditionalData : {
+//             uid: user.userType === "Students" ? user.id : undefined,
+//             listingId: listingId,
+//             addressId: listing?.addressId,
+//             stage: 1,
+//             reqUserType: "Students",
+//             status: "draft"});
+//         const [fApplicationId, setFApplicationId] = useState<string|undefined>(applicationId);
+//         const [draftSaved, setDraftSaved] = useState(false);
+//         const [fProvider, setFProvider] = useState<{details?: ProviderData, profile?: string, id?: string}|undefined>(provider);
+//         const [fListing, setFListing] = useState<PlacementListing|false|undefined>(Object.keys(listing || {}).length > 5 ? listing : undefined);
+//         const [student, setStudent] = useState<UserData|undefined>(user.userType === "Students" ? user : undefined);
+//         const [profileUrl, setProfileUrl] = useState<string>();
+//         const [successPopup, setSuccessPopup] = useState<"submitted"|"draftSaved"|"stageComplete"|"outcome">();
+//         const [uploadedFiles, setUploadedFiles] = useState<{[key: string]: FileItem}>();
+//         const [currentStageComplete, setCurrentStageComplete] = useState<boolean>();
+//         useEffect(() => {
+//             const getListing = async () => {
+//                 console.log("Checking ID")
+//                 if (!listingId) return;
+//                 console.log("Getting listing")
+//                 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) as PlacementListing|false);
+//                 console.log("LISTINGDATA", listingData, Object.keys(listing || {}).length > 5 ? {a: "string"} : "AAA");
+//                 const address = listingData ? (user.product === "providers" && orgContext) ? orgContext.addresses[listingData.addressId || ""] : await firebaseQuery.getDocData(["addresses", listingData.addressId as string]) as Address : undefined;
+//                 const workflow = listingData ? (user.product === "providers" && orgContext) ? orgContext.applicantWorkflows[listingData.applicantWorkflowId || ""] as ApplicantWorkflow : await firebaseQuery.getDocData(["applicantWorkflows", listingData.applicantWorkflowId as string]) as ApplicantWorkflow : undefined;
+//                 if (workflow && listingData) {
+//                     workflow.workflow = await Promise.all(workflow.workflow.map(async (s) => {
+//                         const applicantFiles = s.files ? Object.fromEntries(await Promise.all(s.files?.map(async (fileId: string) => {
+//                             const file = await firebaseQuery.getDocData(["files", fileId]);
+//                             file.url = await getDownloadURL(ref(storage, `providers/${listingData?.providerId}/${file.fileName}`));
+//                             return [fileId, file];
+//                         }))) : [];
+//                         const applicantForms = s.forms ? Object.fromEntries(await Promise.all(s.forms?.map(async (formId: string) => {
+//                             return [formId, await firebaseQuery.getDocData(["forms", formId])];
+//                         }))) : [];
+//                         return {...s, viewableFiles: applicantFiles, formDetails: applicantForms};
+//                     }));
+//                     delete workflow.id;
+//                 }
+//                 if (address) {
+//                     delete address.id;
+//                 }
+//                 console.log("Setting listing")
+//                 setFListing((listingData && workflow) ? {...listingData, ...address, applicantWorkflow: workflow.workflow} as PlacementListing : false);
+//                 if ((fProvider?.id === application?.providerId) && user.product === "providers") {
+//                     setFProvider({details: orgContext?.details, id: user.oId});
+//                 } else if (listingData && listingData?.providerId) {
+//                     console.log("Getting provider from DB");
+//                     const provider = await firebaseQuery.getDocData(["providers", listingData.providerId]) as ProviderData;
+//                     console.log("Provider", provider);
+//                     setFProvider({details: provider, id: listingData.providerId});
+//                 }
+//             }
+//             getListing();
+//         }, [listingId, listing]);
+//         useEffect(() => {
+//             if (student?.id !== application?.uid) {
+//                 if (user.userType === "Students") {
+//                     setStudent(user);
+//                 } else if (user.product === "providers" && application?.uid) {
+//                     firebaseQuery.getDocData(["users", application.uid]).then((s) => setStudent(s as UserData));
+//                 }
+//             }
+//         }, []);
+//         useEffect(() => {
+//             setFListing(Object.keys(listing || {}).length > 5 ? listing : undefined);
+//         }, [listing]);
+//         useEffect(() => {
+//             if (provider?.profile) return;
+//             if (!provider?.id) return;
+//             getDownloadURL(ref(storage, `providers/${provider?.id}/profilePic.png`)).then(setProfileUrl).catch(() => null);
+//         }, [provider]);
+//         useEffect(() => {
+//             console.log("APPLICATIONID", applicationId);
+//             if (!applicationId) {
+//                 if (!listingId) return;
+//                 firebaseQuery.getDocsWhere("applications", [where("status", "not-in", ["approved", "declined"]), where("uid", "==", user.id), where("listingId", "==", listingId)]).then((existingApplication) => {
+//                     console.log("EXISTING", existingApplication);
+//                     // get uploaded files
+//                     if (existingApplication && Object.keys(existingApplication).length) {
+//                         setFApplication(Object.values(existingApplication)[0]);
+//                         setFApplicationId(Object.keys(existingApplication)[0]);
+//                     }
+//                 });
+//                 return;
+//             }
+//             if (applicationId) {
+//                 setFApplicationId(applicationId);
+//                 if (application) {
+//                     let applicationWithoutAdditionalData = {...(application || {})} as any;
+//                     delete applicationWithoutAdditionalData.listing;
+//                     delete applicationWithoutAdditionalData.address;
+//                     delete applicationWithoutAdditionalData.provider;
+//                     setFApplication(applicationWithoutAdditionalData);
+//                 } else {
+//                     firebaseQuery.getDocData(["applications", applicationId]).then(setFApplication);
+//                 }
+//             }
+//         }, [application, applicationId]);
+//         const getCurrentStage = async (stage: number): Promise<{
+//             stage: ApplicantStage; completedSections: {
+//                 submitted?: string | undefined;
+//                 filesViewed?: string[] | undefined;
+//                 formsCompleted?: {
+//                     [key: string]: unknown;
+//                 } | undefined;
+//                 filesUploaded?: {
+//                     [key: number]: string[];
+//                 } | undefined;
+//             };
+//         }> => {
+//             console.log("fLSITING CURRENT STAGE", fListing);
+//             if (!fListing) throw new Error("Listing deleted");
+//             if (!fListing?.applicantWorkflowId) throw new Error("No workflow stage");
+//             const mApplicantWorkflow = (await firebaseQuery.getDocData(["applicantWorkflows", fListing.applicantWorkflowId]) as ApplicantWorkflow);
+//             const stageObj = mApplicantWorkflow?.workflow?.find((s) => s.id === stage);
+//             if (!stageObj) throw new Error("Can't find stage.");
+//             const applicantFiles = stageObj.files ? Object.fromEntries(await Promise.all(stageObj.files?.map(async (fileId) => {
+//                 const file = await firebaseQuery.getDocData(["files", fileId]);
+//                 file.url = await getDownloadURL(ref(storage, `providers/${mApplicantWorkflow?.oId}/${file.fileName}`));
+//                 return [fileId, file];
+//             }))) : [];
+//             const applicantForms = stageObj.forms ? Object.fromEntries(await Promise.all(stageObj.forms?.map(async (formId) => {
+//                 return [formId, await firebaseQuery.getDocData(["forms", formId])];
+//             }))) : [];
+//             stageObj.viewableFiles = applicantFiles;
+//             stageObj.formDetails = applicantForms;
+//             return {stage: stageObj, completedSections: fApplication?.completedSections?.[stage] || {}};
+//         };
+//         useEffect(() => {
+//             const getUploadedFiles = async () => {
+//                 if (!fApplication.completedSections) {
+//                     setUploadedFiles({});
+//                     return
+//                 };
+//                 const fileIds = Object.values(fApplication.completedSections)
+//                     .flatMap(stageData =>
+//                     Object.values(stageData.filesUploaded || {}).flatMap(fileIds => fileIds)
+//                     );
+//                 const fileDataPromises = fileIds.map(async (fileId) => {
+//                     const fileData = await firebaseQuery.getDocData(["files", fileId]) as FileItem;
+//                     fileData.url = await getDownloadURL(ref(storage, `userFiles/${fileData.fileName}`));
+//                     return [fileId, fileData] as [string, FileItem]
+//                 });
+//                 const fileDataArray = await Promise.all(fileDataPromises);
+//                 const fileDataObj = Object.fromEntries(fileDataArray)
+//                 setUploadedFiles(fileDataObj)
+//             }
+//             const addApplication = async () => {
+//                 console.log("ADDING APPLICATION");
+//                 if (!fListing || !fListing?.id || !fProvider?.id || !student?.id) return;
+//                 const applicationData = {
+//                     uid: student.id,
+//                     listingId: fListing?.id,
+//                     addressId: fListing.addressId,
+//                     applicantWorkflowId: fListing?.applicantWorkflowId,
+//                     providerId: fProvider.id,
+//                     stage: 1,
+//                     status: "draft",
+//                     created: (new Date()).toISOString(),
+//                     ...fApplication,
+//                 } as Partial<Application>;
+//                 const mApplicationId = (await firebaseQuery.add(["applications"], applicationData)).id;
+//                 console.log("APPLICATION ADDED");
+//                 setFApplicationId(mApplicationId);
+//                 setFApplication(applicationData);
+//                 setDraftSaved(true);
+//                 return;
+//             };
+//             getUploadedFiles();
+//             console.log("Checking IDs");
+//             if (!fListing || !fListing?.id || !fProvider?.id || !student?.id) return;
+//             if (user.product === "providers") return;
+//             console.log("Checking dates and sections");
+//             if (!fApplication.completedSections && !fApplication.startDate && !fApplication.endDate) return;
+//             console.log("Application updated");
+//             if (!fApplicationId && !applicationId) {
+//                 // save new
+//                 console.log("Add application")
+//                 addApplication();
+//                 return;
+//             }
+//             // update
+//             firebaseQuery.update(["applications", (fApplicationId || applicationId) as string], fApplication);
+//             setDraftSaved(true);
+//         }, [fApplication]);
+//         const openSuccessPopup = (type: "submitted"|"draftSaved"|"stageComplete"|"outcome") => {
+//             setSuccessPopup(type);
+//             setTimeout(() => {
+//                 // onClose();
+//             }, 1500);
+//         };
+//         useEffect(() => {
+//             const areStagesCompleted = async ():Promise<boolean|undefined> => {
+//                 if (!fListing) return;
+//                 if (fApplication.stage === undefined) return undefined;
+//                 const currentStage = await getCurrentStage(fApplication.stage);
+//                 console.log("Checking current stage is complete");
+//                 for (const fileViewed of currentStage.stage?.files || []) {
+//                     console.log("Checking file viewed", fileViewed, "in", currentStage?.completedSections?.filesViewed);
+//                     if (!currentStage?.completedSections?.filesViewed?.includes(fileViewed)) {        
+//                         console.log("File not viewed");
+//                         return false;
+//                     } else {
+//                         console.log("File viewed");
+//                     }
+//                 }
+//                 for (const formCompleted of currentStage?.stage?.forms || []) {
+//                     console.log("Checking form completed", formCompleted, "in", currentStage?.completedSections?.formsCompleted);
+//                     if (!Object.keys(currentStage?.completedSections?.formsCompleted || {}).includes(formCompleted)) {
+//                         console.log("Form not completed");
+//                         return false;
+//                     } else {
+//                         console.log("Form completed")
+//                     }
+//                 }
+//                 for (let i = 0; i++; i < (currentStage?.stage?.requiredFiles || []).length) {
+//                     if (!Object.keys(currentStage?.completedSections?.filesUploaded || {}).includes(i.toString())) {
+//                         console.log("Form not uploaded");
+//                         return false;
+//                     } else {
+//                     console.log("Form uploaded");
+//                     }
+//                 }
+//                 return true;
+//             };
+//             areStagesCompleted().then(setCurrentStageComplete);
+//         }, [fApplication, fListing])
+//         const viewFile = (file: string, onOpen: (url: string) => void) => {
+//             if (fApplication.reqUserType !== user.userType) return;
+//             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
+//             if (!fListing) throw new Error("No associated listing.");
+//             const viewableFiles = fListing?.applicantWorkflow?.find((stage) => stage.id === fApplication.stage)?.viewableFiles;
+//             setFApplication((a) => {
+//                 const oldA = {...a};
+//                 const viewedFiles = a.completedSections?.[1]?.filesViewed || [];
+//                 if (viewedFiles?.includes(file)) return a;
+//                 viewableFiles?.[file].url && onOpen(viewableFiles?.[file].url);
+//                 viewedFiles?.push(file);
+//                 const newA = editNestedObject(["completedSections", 1, "filesViewed"], oldA, viewedFiles) as Partial<Application>;
+//                 return newA;
+//             });
+//         };
+//         const addFile = (files: string[], fileId: number) => {
+//             if (fApplication.reqUserType !== user.userType) throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
+//             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
+//             if (!files.length) throw new Error("No files to upload");
+//             setFApplication((a) => editNestedObject(["completedSections", fApplication.stage as number, "filesUploaded", fileId], a, files) as Application);
+//         };
+//         const setFormComplete = (formId: string, e: {[key: string]: unknown}) => {
+//             if (fApplication.reqUserType !== user.userType) throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
+//             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
+//             setFApplication((a) => editNestedObject(["completedSections", fApplication.stage as number, "formsCompleted", formId], a, e) as Application);
+//         };
+//         const successText = {
+//             submitted: {
+//                 title: "Application submitted",
+//                 desc: "We've sent your application to the placement provider. You will hear what the next steps are soon.",
+//             },
+//             draftSaved: {
+//                 title: "Draft saved",
+//                 desc: "Your draft has been saved. Go to the 'Applications' section from your home screen to edit.",
+//             },
+//             stageComplete: {
+//                 title: "Stage complete",
+//                 desc: "We have sent this to the next stage in the application process. We will update you with any progress.",
+//             },
+//             outcome: {
+//                 title: "Outcome submitted",
+//                 desc: "We have sent the student an email with the outcome of their application.",
+//             },
+//         };
+//         const onFApply = async (draft?: boolean) => {
+//             if (draft) {
+//                 openSuccessPopup("draftSaved")
+//                 return;
+//             }
+//             if (!fApplicationId) return;
+//             // Check all items have been filled in.
+//             if (!fApplication.startDate || !fApplication.endDate) throw new Error("Please select dates for your placement.");
+//             await executeCallable("applications-submit", {applicationId: fApplicationId});
+//             const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]) as Application;
+//             setFApplication(newApplication);
+//             openSuccessPopup("submitted")
+//         };
+//         const progressStage = async (type: number|"accept"|"reject", e?: {feedback?: string}) => {
+//             // Check all stages completed.
+//             if (!fApplicationId) return;
+//             if (!currentStageComplete) throw new Error("Complete all forms before submitting.");
+//             if (fApplication.reqUserType !== user.userType) throw new Error(`Incorrect user type. Expected ${fApplication.reqUserType}, got: ${user.userType}`);
+//             if (fApplication.stage === undefined) throw new Error("Missing applciation stage.")
+//             await executeCallable("applications-changeStage", {applicationId: fApplicationId, type: type, feedback: e?.feedback});
+//             const newApplication = await firebaseQuery.getDocData(["applications", fApplicationId]) as Application;
+//             setFApplication(newApplication);
+//         };
+//     return {successText, onFApply, progressStage, currentStageComplete, uploadedFiles, getCurrentStage, setFormComplete, viewFile, addFile, setSuccessPopup, openSuccessPopup, setFApplication, fApplication, draftSaved, profileUrl, successPopup, fApplicationId, fListing, student, fProvider}
+// }
 function useProposePlacementRenderer({ user, orgContext, placement }) {
     const [businessSectionComplete, setBusinessSectionComplete] = (0, react_1.useState)(false);
     const [addressSectionComplete, setAddressSectionComplete] = (0, react_1.useState)(false);
@@ -1734,22 +1806,27 @@ function useProposePlacementRenderer({ user, orgContext, placement }) {
         setFormData(undefined);
     };
     const proposePlacement = async (draft = false) => {
-        // const getPlacementStatus = (startDate: Date, endDate: Date) => {
-        //     const today = new Date()
-        //      if (startDate <= today && endDate >= today) return { active: !draft ? true : false, inProgress: true, completed: false};
-        //      else if (endDate <= today) return { completed: true, inProgress: false, active: false};
-        //      return { completed: false, inProgress: true, active: false };
-        // }
+        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.");
         }
         try {
             console.log("formData", formData);
-            if (formData.id && formData.uid && draft === formData.draft)
-                await firebaseQuery.update(["placements", formData.id], formData);
-            const response = await (0, writeDatabase_1.addPlacement)(formData, student.id, draft);
+            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 response;
+            return { status };
         }
         catch (error) {
             console.log("Error:", error);
@@ -1791,7 +1868,7 @@ const useRefDimensions = () => {
     return { dimensions, refCallback };
 };
 exports.useRefDimensions = useRefDimensions;
-const cohortStages = ["info", "name", "placementType", "review", "created"];
+const cohortStages = ["info", "name", "placementType", "database", "review", "created"];
 const defaultCohortData = {
     name: "",
     stage: "info",
@@ -2485,34 +2562,34 @@ function useGenericWorkflowEditor({ user, initialData, defaultData, onSubmit })
             includedForms, fSubmitWorkflow, openPopup, snackbar, setSnackbar, setMousePosFunc, mousePos, tutorialActive,
             onDeleteArrow, fWorkflowNodes, containerRef, setError, setArrows, setFWorkflowNodes } });
 }
-function useInstitutePlacementListingHandler({ user }) {
+function useInstituteProviderContactsHandler({ user }) {
     const [emptyCellsWarning, setEmptyCellsWarning] = (0, react_1.useState)(false);
     const [alert, setAlert] = (0, react_1.useState)();
-    const requiredFields = ["name", "jobTitle", "email", "addressOne", "city", "postCode", "country"];
+    const requiredFields = ["business", "forename", "email"];
     const { execute } = (0, firebase_1.useExecuteCallableJob)({ user: user });
-    const checkData = (placements) => {
+    const checkData = (providerContacts) => {
         setAlert(undefined);
-        placements = placements.filter((u) => Object.entries(u).some(([, v]) => v));
-        if (!Object.entries(placements)) {
+        providerContacts = providerContacts.filter((u) => Object.entries(u).some(([, v]) => v));
+        if (!Object.entries(providerContacts)) {
             return [];
         }
-        console.log("P", placements);
-        if (placements.filter((u) => u.email).length < placements.length) {
+        console.log("P", providerContacts);
+        if (providerContacts.filter((u) => u.email).length < providerContacts.length) {
             setAlert({ msg: "Your data contains missing email addresses.", severity: "error" });
             return false;
         }
         let emptyOptionalCell = false;
         let emptyRequiredCell = false;
-        for (const placement of placements) {
-            if (!checkEmailValidity(placement)) {
+        for (const providerContact of providerContacts) {
+            if (!checkEmailValidity(providerContact)) {
                 return false;
             }
-            if (Object.keys(placement).includes("")) {
+            if (Object.keys(providerContact).includes("")) {
                 setAlert({ msg: "Data cannot be uploaded in unnamed columns.", severity: "error" });
                 return false;
             }
-            for (const field in placement) {
-                if (!placement[field]) {
+            for (const field in providerContact) {
+                if (!providerContact[field]) {
                     if (requiredFields.includes(field)) {
                         setAlert({ msg: "All users must contain " + requiredFields.join(", "), severity: "error" });
                         emptyRequiredCell = true;
@@ -2532,39 +2609,26 @@ function useInstitutePlacementListingHandler({ user }) {
         else {
             setEmptyCellsWarning(false);
         }
-        return placements;
+        return providerContacts;
     };
-    const checkEmailValidity = (placement) => {
-        if (!(0, util_1.validateEmail)(placement.email)) {
-            setAlert({ msg: `Error in email formatting: ${placement.email}. Amend errors and reupload.`, severity: "error" });
+    const checkEmailValidity = (providerContact) => {
+        if (!(0, util_1.validateEmail)(providerContact.email)) {
+            setAlert({ msg: `Error in email formatting: ${providerContact.email}. Amend errors and reupload.`, severity: "error" });
             return false;
         }
         return true;
     };
-    const uploadPlacements = async (placements) => {
-        let fPlacements = [];
-        console.log("PP", placements);
-        const cleanUpload = checkData(placements);
+    const uploadProviderContacts = async (providers, schoolId) => {
+        let fProviders = [];
+        console.log("PP", providers);
+        const cleanUpload = checkData(providers);
         if (!cleanUpload) {
             return false;
         }
-        fPlacements = cleanUpload;
+        fProviders = cleanUpload;
         setAlert(undefined);
-        if (fPlacements.length) {
-            const formattedPlacements = fPlacements.map((v) => ({
-                name: v.provider,
-                title: v.jobTitle,
-                providerEmail: v.email,
-                providerPhone: v.phone,
-                ["address-line1"]: v.addressOne,
-                ["address-line2"]: v.addressTwo,
-                locality: v.city,
-                postal_code: v.postcode,
-                country: v.country,
-            }));
-            console.log("P", placements);
-            console.log("callable params", { placements: formattedPlacements, instituteId: user.product === "admin" ? "admin" : user.oId });
-            execute("placementListing-add", { data: formattedPlacements, instituteId: user.product === "admin" ? "admin" : user.oId });
+        if (fProviders.length) {
+            execute("providerContacts-add", { providerContacts: fProviders, instituteId: user.product === "admin" ? "admin" : user.oId, schoolId: schoolId });
         }
         return true;
     };
@@ -2572,7 +2636,7 @@ function useInstitutePlacementListingHandler({ user }) {
         setAlert(undefined);
         setEmptyCellsWarning(false);
     };
-    return ({ ...{ uploadPlacements, alert, onChange } });
+    return ({ ...{ uploadProviderContacts, alert, onChange } });
 }
 function useGetIndividualPlacementForPlacementPage({ user, placementId, organisation }) {
     var _a;
@@ -2738,7 +2802,7 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
         }
         if (e === "noInsurance") {
             if (!eliData) {
-                const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `insurance/${placement.providerId}.pdf`);
+                const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `insurance/${placement.providerContactId}.pdf`);
                 const file = await (0, storage_1.getDownloadURL)(storageRef).catch(() => placement.insuranceSkippedReason);
                 setELIData(file);
             }
@@ -2773,14 +2837,14 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
     const approveELI = async () => {
         if (!placement)
             return;
-        await (0, firebase_1.executeCallable)("insurance-approve", { oId: user.oId, providerId: placement.providerId });
+        await (0, firebase_1.executeCallable)("insurance-approve", { oId: user.oId, providerContactId: placement.providerContactId });
         setEliPopupOpen(false);
     };
     const rejectELI = async ({ reason }) => {
         if (!placement || !institute)
             return;
-        console.log("Reject", { reason: reason, placement: placement, instituteName: institute.name, staffEmail: user.email });
-        await (0, firebase_1.executeCallable)("insurance-reject", { reason: reason, placementId: placementId, instituteName: institute.name, staffEmail: user.email });
+        console.log("Reject", { reason: reason, placement: placement, instituteName: institute.name });
+        await (0, firebase_1.executeCallable)("insurance-reject", { reason: reason, placementId: placementId, instituteName: institute.name });
         setRejectELIPopup(false);
         setEliPopupOpen(false);
     };
@@ -2799,10 +2863,12 @@ function useGetIndividualPlacementForPlacementPage({ user, placementId, organisa
         if (!placement)
             return;
         if (!placement.providerId) {
-            const res = await (0, firebase_1.executeCallable)("placement-uploadProviderDetails", {
-                pId: placementId,
-                placement: Object.fromEntries(Object.entries(placement).filter(([k]) => k !== "contactId")),
-                stage: wStage,
+            const res = await (0, firebase_1.executeCallable)("providerContacts-uploadProviderDetails", {
+                placement: {
+                    id: placementId,
+                    data: Object.fromEntries(Object.entries(placement).filter(([k]) => k !== "contactId")),
+                    stage: wStage,
+                },
                 skipSearch: true
             }).catch((e) => {
                 throw e;
@@ -3104,13 +3170,7 @@ function useLoadListings(user, queryConstraint, request) {
         }), "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 = () => {
@@ -3186,13 +3246,7 @@ function useLoadProviderPlacements(user, queryConstraint, placementId) {
         }), "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 = () => {
@@ -3272,13 +3326,7 @@ function useLoadApplications({ user, applicationType, listingId, queryConstraint
         }), "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 = () => {
@@ -3289,7 +3337,7 @@ function useLoadApplications({ user, applicationType, listingId, queryConstraint
     };
     return { applications, type, setType, onScrollBottom, loading, changeQueryConstraints };
 }
-function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, additionalEntryProcessing, formatItems, snapshot, filters: initialFilters, onSearch, data }) {
+function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, additionalEntryProcessing, formatItems, snapshot, filters: initialFilters, initialSort, initialSearch, 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);
@@ -3299,12 +3347,13 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
     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 [sort, setSort] = (0, react_1.useState)((initialSort && sorts && sorts[initialSort]) ? [initialSort, sorts[initialSort]] : undefined);
+    const [fData, setFData] = (0, react_1.useState)(data);
     const processedData = async (k, v) => additionalEntryProcessing ? await additionalEntryProcessing(k, v) : v;
     const setTableDataFromDefinedData = async () => {
-        if (!data || Array.isArray(data))
+        if (!fData || Array.isArray(fData))
             return;
-        const dataWithAdditionalProcessingPossibleNulls = (await Promise.all(Object.entries(data).map(async ([k, v]) => [k, await processedData(k, v)])));
+        const dataWithAdditionalProcessingPossibleNulls = (await Promise.all(Object.entries(fData).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(", ");
@@ -3328,7 +3377,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
                 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()) {
+            if (Object.keys(Object.fromEntries(newData)).pop() === Object.keys(fData).pop()) {
                 setLoading("loaded");
             }
             else {
@@ -3344,7 +3393,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
     const getDataFromQuery = async (itemList = {}, currentQueryAnchor = queryAnchor, cursorDirection, prevEntries = prevEntryIds, loadMoreFromQuery = false) => {
         // if (!filters) return;
         setLoading(true);
-        if (!Array.isArray(data)) {
+        if (!Array.isArray(fData)) {
             setTableDataFromDefinedData();
             return;
         }
@@ -3353,8 +3402,8 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
         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)]));
+            const searchData = await onSearch(searchString, sort, page[0], filters, queryLimit);
+            const dataWithAdditionalProcessing = await Promise.all(Object.entries(searchData).map(async ([k, v]) => [k, await processedData(k, v)]));
             setTableData((old) => {
                 if (view === "table") {
                     return { ...Object.fromEntries(dataWithAdditionalProcessing) };
@@ -3376,7 +3425,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
         else {
             cursorPos = currentQueryAnchor.startQueryPos;
         }
-        const querySchema = data[cursorPos];
+        const querySchema = fData[cursorPos];
         const createQuery = (queryData) => {
             const constraints = [];
             queryData.where && queryData.where.forEach((w) => {
@@ -3435,7 +3484,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
         }
         // Function to handle query snapshot
         async function handleQuerySnapshot(querySnapshot) {
-            if (!Array.isArray(data))
+            if (!Array.isArray(fData))
                 throw new Error("Called querySnapshot but data is defined.");
             if (!queryLimit)
                 throw new Error("Firestore queries must have a limit defined.");
@@ -3479,7 +3528,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
             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) {
+                if (page[0] > page[1] && cursorPos + 1 < fData.length) {
                     return getDataFromQuery(itemList, { ...currentQueryAnchor, endQueryPos: currentQueryAnchor.endQueryPos + 1 }, "increase", prevEntries);
                 }
                 else if (page[0] < page[1] && cursorPos > 0) {
@@ -3492,7 +3541,7 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
             }
             if (querySnapshot.size === 0 &&
                 Object.keys(itemList).length === 0 &&
-                currentQueryAnchor.endQueryPos + 1 === data.length &&
+                currentQueryAnchor.endQueryPos + 1 === fData.length &&
                 page[0] > 1) {
                 if (view === "table") {
                     setTableData({});
@@ -3526,28 +3575,33 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
         setDataListenerUnsubscribe(undefined);
     };
     (0, react_1.useEffect)(() => {
-        console.log("Filters updates", filters);
-        if (!filters)
+        if ((0, util_2.objectsEqualNew)(fData, data))
             return;
-        console.log("Resetting cus filters");
-        reset();
-    }, [filters]);
-    (0, react_1.useEffect)(() => {
-        console.log("View reset.");
-        reset();
-    }, [view]);
-    (0, react_1.useEffect)(() => {
-        console.log("search reset.");
-        reset();
-    }, [searchString]);
-    (0, react_1.useEffect)(() => {
-        console.log("data reset.");
+        console.log("data reset.", fData, data);
+        setFData(data);
         reset();
     }, [data]);
-    (0, react_1.useEffect)(() => {
-        console.log("sort reset.");
+    const updateFilters = (fFilters) => {
+        if (!(0, util_2.objectsEqualNew)(fFilters, filters)) {
+            console.log("FILTER RESET", fFilters, filters);
+            setFilters(fFilters);
+            reset();
+        }
+    };
+    const updateSearch = (search) => {
+        if (searchString === search)
+            return;
+        console.log("SEARCH RESET", searchString, search);
+        setSearchString(search);
         reset();
-    }, [sort]);
+    };
+    const updateView = (v) => {
+        if (v === view)
+            return;
+        console.log("View reset", view, v);
+        setView(v);
+        reset();
+    };
     // Fetch new data when queries or page change
     (0, react_1.useEffect)(() => {
         getDataFromQuery();
@@ -3560,11 +3614,17 @@ function useDataViewerPaginator({ view: initialView, sorts, queryLimit = 10, add
         setPage((p) => ([p[0] - 1, p[0]]));
     };
     const updateSort = (sortLabel) => {
-        if (!sorts || !sorts[sortLabel])
-            return;
-        setSort([sortLabel, sorts[sortLabel]]);
+        if (!sortLabel) {
+            setSort(undefined);
+        }
+        else {
+            if (!sorts || !sorts[sortLabel])
+                return;
+            setSort([sortLabel, sorts[sortLabel]]);
+        }
+        reset();
     };
-    return ({ ...{ tableData, pageUp, pageDown, setFilters, page: page[0], sorts, loading, sort, updateSort: updateSort, setView, updateSearch: setSearchString } });
+    return ({ ...{ tableData, pageUp, pageDown, search: searchString, setFilters: updateFilters, page: page[0], sorts, loading, sort, updateSort: updateSort, setView: updateView, updateSearch } });
 }
 ;
 //# sourceMappingURL=hooks.js.map