placementt-core 1.20.211 → 11.10.151

package/lib/hooks.js

@@ -3,7 +3,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInstitutePlacementListingHandler = exports.useWorkflowEditor = exports.useUserUploadHandler = exports.useCreateCohortRenderer = exports.useRefDimensions = exports.useProposePlacementRenderer = exports.useLazyLoadQueryList = exports.useAdmissionsPaginator = exports.useCohortUserPaginator = exports.usePlacementListingPaginator = exports.useFilterTablePaginator = exports.useOldInstitutePlacementList = exports.useNewInstitutePlacementList = exports.useStudentPlacementList = void 0;
+exports.useFirestoreQuery = exports.useRefDimensions = void 0;
+exports.useStudentPlacementList = useStudentPlacementList;
+exports.useNewInstitutePlacementList = useNewInstitutePlacementList;
+exports.useOldInstitutePlacementList = useOldInstitutePlacementList;
+exports.useFilterTablePaginator = useFilterTablePaginator;
+exports.usePlacementListingPaginator = usePlacementListingPaginator;
+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.useGetIndividualPlacementForPlacementPage = useGetIndividualPlacementForPlacementPage;
+exports.useOnboardingPopup = useOnboardingPopup;
+exports.useLoadAddresses = useLoadAddresses;
+exports.useLoadListings = useLoadListings;
+exports.useLoadApplications = useLoadApplications;
 const firestore_1 = require("firebase/firestore");
 const react_1 = require("react");
 const constants_1 = require("./constants");
@@ -13,6 +34,8 @@ const firebaseQuery_1 = __importDefault(require("./firebase/firebaseQuery"));
 const readDatabase_1 = require("./firebase/readDatabase");
 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 DEFAULTQUERYLIMIT = 5;
 function useStudentPlacementList({ user, student, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
@@ -101,21 +124,81 @@ function useStudentPlacementList({ user, student, queryConstraint, ql = DEFAULTQ
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-exports.useStudentPlacementList = useStudentPlacementList;
-function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
+function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT, inProgress }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
-    const [query, setQuery] = (0, react_1.useState)("");
+    const [query, setQuery] = (0, react_1.useState)();
     const [initialQueryLimit, setInitialQueryLimit] = (0, react_1.useState)(ql);
     const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
     const [oId, setOId] = (0, react_1.useState)();
     const [placements, setPlacements] = (0, react_1.useState)();
     const [startPlacementAfter, setStartPlacementAfter] = (0, react_1.useState)(); // uid, pId
+    const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
+    const placementsIndex = algoliaClient.initIndex("placements");
+    const usersIndex = algoliaClient.initIndex("users");
     (0, react_1.useEffect)(() => {
         if (user.product !== "institutes" || user.userType !== "Staff") {
             setOId(undefined);
         }
         setOId(user.oId);
     }, [user]);
+    (0, react_1.useEffect)(() => {
+        if (query === undefined)
+            return;
+        if (!query) {
+            reset();
+            loadMorePlacements([undefined, 0]);
+        }
+        const searchPlacements = async () => {
+            let placementsFound = {};
+            let userSearchString = `userType:Students AND status:active AND oId:${user.oId} AND product:${user.product}`;
+            if (cohort) {
+                userSearchString = userSearchString + ` AND cohort:${cohort}`;
+            }
+            if (user.product === "institutes" && user.userType === "Staff") {
+                const searchStudentHits = await usersIndex.search(query, {
+                    filters: userSearchString
+                });
+                if (searchStudentHits) {
+                    console.log("FOUND", searchStudentHits.hits.length, "students");
+                    await Promise.all(searchStudentHits.hits.map(async (hit) => {
+                        console.log("STUDENT", hit.objectID);
+                        const constraints = [...(cohort ? [(0, firestore_1.where)("cohort", "==", cohort)] : [])];
+                        if (inProgress !== undefined) {
+                            constraints.push(inProgress ? (0, firestore_1.where)("inProgress", "==", true) : (0, firestore_1.where)("completed", "==", true));
+                        }
+                        const fPlacements = await (0, readDatabase_1.getPlacementsWhere)({ w: constraints, uid: hit.objectID, oId: hit.oId });
+                        console.log("PLACEMENTS", fPlacements);
+                        Object.entries(fPlacements).forEach(([k, v]) => {
+                            placementsFound[k] = { ...v, student: hit };
+                        });
+                    }));
+                }
+            }
+            let placementSearchString = `oId:${user.oId} AND ` + (inProgress !== undefined ? (inProgress ? "inProgress:true" : "completed:true") : "");
+            if (cohort) {
+                placementSearchString = placementSearchString + ` AND cohort:${cohort}`;
+            }
+            const searchPlacementHits = await placementsIndex.search(query, {
+                filters: placementSearchString
+            });
+            const i = (searchPlacementHits ? (await Promise.all(searchPlacementHits.hits.map(async (hit) => {
+                const student = hit.uid === user.id ?
+                    user : (await (0, readDatabase_1.getUserById)(hit.uid)
+                    .catch(() => false));
+                if (!student)
+                    return;
+                console.log("STUDENNT", hit.objectID, student);
+                const finalData = { ...hit, student: student };
+                return [hit.objectID, finalData];
+            }))) : []).filter((e) => e !== undefined);
+            console.log("FOUND", i.length, "placement");
+            placementsFound = { ...Object.fromEntries(i), ...placementsFound };
+            console.log("found", placementsFound);
+            setPlacements(placementsFound);
+            setLoadMoreIcon(false);
+        };
+        searchPlacements();
+    }, [query]);
     const reset = () => {
         setPlacements(undefined);
         setStartPlacementAfter([undefined, 0]);
@@ -127,10 +210,10 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
         setPlacements(undefined);
         setStartPlacementAfter([undefined, 0]);
         loadMorePlacements([undefined, 0]);
-    }, [query, queryConstraints]);
+    }, [queryConstraints]);
     const loadMorePlacements = async (fStartPlacementAfter = startPlacementAfter) => {
         var _a;
-        if (user.viewCohorts === "none" || !oId) {
+        if (query || user.viewCohorts === "none" || !oId) {
             setLoadMoreIcon(false);
             return;
         }
@@ -144,7 +227,7 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
                     (0, firestore_1.startAfter)(fStartPlacementAfter[0])] :
                 [(0, firestore_1.limit)(placements ? DEFAULTQUERYLIMIT : initialQueryLimit), ...(queryConstraintOrdered ? [] : [(0, firestore_1.orderBy)((0, firestore_1.documentId)())])];
             queryConstraints && constraints.unshift(...queryConstraints);
-            query !== "" && constraints.unshift((0, firestore_1.where)("name", "==", query));
+            // query && constraints.unshift(where("name", "==", query));
             cohort && constraints.unshift((0, firestore_1.where)("cohort", "==", cohort));
             const placementsQuery = await (0, readDatabase_1.getPlacementsWhere)({ w: constraints, oId: oId, raw: true });
             const placementsWithStudentData = placementsQuery.empty ? [] : await Promise.all(placementsQuery.docs.map(async (placement) => {
@@ -178,7 +261,6 @@ function useNewInstitutePlacementList({ id, user, cohort, queryConstraint, ql =
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-exports.useNewInstitutePlacementList = useNewInstitutePlacementList;
 function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFAULTQUERYLIMIT }) {
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(true);
     const [query, setQuery] = (0, react_1.useState)("");
@@ -372,7 +454,6 @@ function useOldInstitutePlacementList({ user, cohort, queryConstraint, ql = DEFA
     };
     return ({ ...{ placements, loadMoreIcon, loadMorePlacements, setQuery, setInitialQueryLimit, reset, changeQueryConstraints } });
 }
-exports.useOldInstitutePlacementList = useOldInstitutePlacementList;
 function useFilterTablePaginator({ data }) {
     const [tableData, setTableData] = (0, react_1.useState)(Array.isArray(data) ? Object.fromEntries(Object.entries(data).slice(0, 10)) : {});
     const [page, setPage] = (0, react_1.useState)([1, 0]);
@@ -401,14 +482,7 @@ function useFilterTablePaginator({ data }) {
             filters && Object.entries(filters).forEach(([key, value]) => {
                 constraints.push((0, firestore_1.where)(key, "==", value));
             });
-            if (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));
-                }
-            }
+            constraints.push((0, firestore_1.orderBy)(queryData.orderBy ? queryData.orderBy === "documentId" ? (0, firestore_1.documentId)() : queryData.orderBy : (0, firestore_1.documentId)()));
             if (page[0] > page[1] && !cursorDirection) { // Going up
                 currentQueryAnchor.endKey && constraints.push((0, firestore_1.startAfter)(currentQueryAnchor.endKey));
                 constraints.push((0, firestore_1.limit)(10));
@@ -505,6 +579,7 @@ function useFilterTablePaginator({ data }) {
         const listenForUpdates = () => {
             if (!Object.keys(itemList).length)
                 return;
+            console.log("Fetching filter table updates");
             const itemListUpdateQuery = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, "users"), (0, firestore_1.where)((0, firestore_1.documentId)(), "in", Object.keys(itemList)));
             const itemUpdateSnapshot = (0, firestore_1.onSnapshot)(itemListUpdateQuery, (querySnapshot) => {
                 querySnapshot.docs.forEach((doc) => {
@@ -535,9 +610,8 @@ function useFilterTablePaginator({ data }) {
         getDataFromQuery();
         dataListenerUnsubscribe && dataListenerUnsubscribe();
     }, [page]);
-    return ({ ...{ tableData, setPage, setFilters } });
+    return ({ ...{ tableData, setPage, setFilters, page } });
 }
-exports.useFilterTablePaginator = useFilterTablePaginator;
 function usePlacementListingPaginator({ data, user }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
     const [page, setPage] = (0, react_1.useState)([1, 0]);
@@ -553,16 +627,23 @@ function usePlacementListingPaginator({ data, user }) {
         else {
             cursorPos = currentQueryAnchor.startQueryPos;
         }
-        const querySchema = data[cursorPos];
+        const querySchema = data === null || data === void 0 ? void 0 : data[cursorPos];
         const createQuery = (queryData) => {
-            const constraints = [];
-            queryData.where && queryData.where.forEach((w) => {
+            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.orderBy) {
+            if (queryData === null || queryData === void 0 ? void 0 : queryData.orderBy) {
                 if (queryData.orderBy === "documentId") {
                     constraints.push((0, firestore_1.orderBy)((0, firestore_1.documentId)()));
                 }
@@ -570,6 +651,9 @@ function usePlacementListingPaginator({ data, user }) {
                     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));
@@ -601,7 +685,7 @@ function usePlacementListingPaginator({ data, user }) {
         };
         const constraints = createQuery(querySchema);
         // console.log(queryId, "constraints", constraints)
-        const q = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, ...querySchema.path), ...(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)
@@ -665,17 +749,19 @@ function usePlacementListingPaginator({ data, user }) {
         }
         setQueryAnchor({ ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] });
         const finalData = Object.fromEntries(await Promise.all(Object.entries(itemList).map(async ([k, v]) => {
-            const address = await firebaseQuery.getDocData(["addresses", v.addressId || ""]);
-            const provider = await firebaseQuery.getDocData(["providers", v.providerId || ""]);
-            const status = getPlacementStatus(v);
-            return [k, { ...address, ...provider, ...v, email: v.providerEmail, status: status }];
+            const placement = await firebaseQuery.getDocData(["placementListings", v.placementId || ""]);
+            const address = await firebaseQuery.getDocData(["addresses", placement.addressId || ""]);
+            const provider = await firebaseQuery.getDocData(["providers", placement.providerId || ""]);
+            const status = getPlacementStatus(provider, placement, v);
+            return [k, { ...address, ...provider, ...placement, email: placement.providerEmail, status: status, savedPlacement: v }];
         })));
         setTableData(finalData);
     };
-    const getPlacementStatus = (placement) => {
-        var _a;
-        if (placement.mapConsent === true)
-            return "public";
+    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";
@@ -684,13 +770,7 @@ function usePlacementListingPaginator({ data, user }) {
             return "unknown";
         }
         ;
-        if (!((_a = placement === null || placement === void 0 ? void 0 : placement.savedBy) === null || _a === void 0 ? void 0 : _a[user.oId].providerConsent))
-            return "awaitingProviderApproval";
-        if (placement.savedBy[user.oId].status === "approved")
-            return "active";
-        if (placement.savedBy[user.oId].status === "blocked")
-            return "blocked";
-        if (placement.savedBy[user.oId].status === "rejected")
+        if (!provider.insurance)
             return "awaitingProviderApproval";
         return "requiresApproval";
     };
@@ -706,10 +786,9 @@ function usePlacementListingPaginator({ data, user }) {
     (0, react_1.useEffect)(() => {
         getDataFromQuery();
     }, [page]);
-    return ({ ...{ tableData, setPage, setFilters } });
+    return ({ ...{ tableData, setPage, setFilters, page } });
 }
-exports.usePlacementListingPaginator = usePlacementListingPaginator;
-function useCohortUserPaginator({ user, cohort, data }) {
+function useCohortUserPaginator({ user, cohort, data, search, userType }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
     const [queryAnchor, setQueryAnchor] = (0, react_1.useState)({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
     const [filters, setFilters] = (0, react_1.useState)();
@@ -717,13 +796,19 @@ function useCohortUserPaginator({ user, cohort, data }) {
     const [page, setPage] = (0, react_1.useState)([1, 0]);
     const [dataListenerUnsubscribe, setDataListenerUnsubscribe] = (0, react_1.useState)();
     const [queries, setQueries] = (0, react_1.useState)();
+    const [prevSearch, setPrevSearch] = (0, react_1.useState)();
+    const algoliaClient = (0, algoliasearch_1.default)(process.env.NODE_ENV === "development" ? "A0ZB50I7VS" : "XMPXCMUUOJ", user.algoliaKey);
+    const usersIndex = algoliaClient.initIndex("users");
     (0, react_1.useEffect)(() => {
         var _a;
         if (user.userType !== "Staff") {
+            console.log("Not a staff member", user);
             setQueries(undefined);
             return;
         }
-        if ((!user.viewCohorts && user.userGroup !== "admin") || user.viewCohorts === "none" || (user.viewCohorts === "some" && cohort !== "all" && !((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(",").includes(cohort || "")))) {
+        if ((!user.viewCohorts && user.userGroup !== "admin") ||
+            user.viewCohorts === "none" ||
+            (user.viewCohorts === "some" && cohort !== "all" && !((_a = user.visibleCohorts) === null || _a === void 0 ? void 0 : _a.split(",").includes(cohort || "")))) {
             setQueries(undefined);
             return;
         }
@@ -754,9 +839,6 @@ function useCohortUserPaginator({ user, cohort, data }) {
             return finalConstraints;
         });
     }, []);
-    (0, react_1.useEffect)(() => {
-        console.log("TD", tableData);
-    }, [tableData]);
     const getDataFromQuery = async (itemList = {}, currentQueryAnchor = queryAnchor, cursorDirection, prevEntries = prevEntryIds, loadMoreFromQuery = false) => {
         if (!queries) {
             setTableData({});
@@ -776,7 +858,12 @@ function useCohortUserPaginator({ user, cohort, data }) {
             console.log("mConstraints", mConstraints);
             const fConstraints = [...mConstraints];
             filters && Object.entries(filters).forEach(([key, value]) => {
-                fConstraints.push((0, firestore_1.where)(key, "==", value));
+                if (typeof value === "object") {
+                    fConstraints.push(value);
+                }
+                else {
+                    fConstraints.push((0, firestore_1.where)(key, "==", value));
+                }
             });
             fConstraints.push((0, firestore_1.orderBy)((0, firestore_1.documentId)()));
             if (page[0] > page[1] && !cursorDirection) { // Going up
@@ -871,6 +958,7 @@ function useCohortUserPaginator({ user, cohort, data }) {
         const listenForUpdates = () => {
             if (!Object.keys(itemList).length)
                 return;
+            console.log("Fetching cohort user data");
             const itemListUpdateQuery = (0, firestore_1.query)((0, firestore_1.collection)(firebaseConfig_1.db, "users"), (0, firestore_1.where)((0, firestore_1.documentId)(), "in", Object.keys(itemList)));
             const itemUpdateSnapshot = (0, firestore_1.onSnapshot)(itemListUpdateQuery, (querySnapshot) => {
                 querySnapshot.docs.forEach((doc) => {
@@ -886,23 +974,57 @@ function useCohortUserPaginator({ user, cohort, data }) {
         setQueryAnchor({ ...currentQueryAnchor, startKey: Object.keys(itemList)[0], endKey: Object.keys(itemList).slice(-1)[0] });
         setTableData(itemList);
     };
+    const searchUsers = async () => {
+        if (!search)
+            return;
+        let userSearchString = `userType:${userType} AND oId:${user.oId} AND product:${user.product}`;
+        if (cohort && cohort !== "all") {
+            userSearchString = userSearchString + ` AND cohort:${cohort}`;
+        }
+        Object.entries(filters || {}).forEach(([field, value]) => {
+            userSearchString = userSearchString + ` AND ${field}:${value}`;
+        });
+        console.log("Going", page[0] > page[1] ? "up" : "down");
+        console.log("Start at", page[0] > page[1] ? page[1] : page[1] - 1);
+        const searchStudentHits = await usersIndex.search(search, {
+            filters: userSearchString,
+            length: 10,
+            offset: 10 * (page[0] > page[1] ? page[1] : (page[0] - 1))
+        });
+        const results = Object.fromEntries(await Promise.all(searchStudentHits.hits.map(async (hit) => {
+            return [hit.objectID, hit];
+        })));
+        setPrevSearch(search);
+        setTableData(results);
+    };
     (0, react_1.useEffect)(() => {
-        if (!filters)
+        if (!filters && !prevSearch && !search)
             return;
+        if (search && prevSearch) {
+            console.log("New search");
+            setPrevSearch(search);
+            return;
+        }
+        console.log("Setting page");
         setPage([1, 0]);
+        console.log("Set page");
         setTableData({});
         setQueryAnchor({ startKey: "", endKey: "", startQueryPos: 0, endQueryPos: 0 });
         setPrevEntryIds({});
         dataListenerUnsubscribe && dataListenerUnsubscribe();
-    }, [filters]);
+    }, [filters, search]);
     // Fetch new data when queries or page change
     (0, react_1.useEffect)(() => {
+        if (search) {
+            console.log("PAGE", page);
+            searchUsers();
+            return;
+        }
         getDataFromQuery();
         dataListenerUnsubscribe && dataListenerUnsubscribe();
-    }, [page]);
-    return ({ ...{ tableData, setPage, setFilters } });
+    }, [page, queries, prevSearch]);
+    return ({ ...{ tableData, setPage, page, setFilters } });
 }
-exports.useCohortUserPaginator = useCohortUserPaginator;
 function useAdmissionsPaginator({ data }) {
     const [tableData, setTableData] = (0, react_1.useState)({});
     const [page, setPage] = (0, react_1.useState)([1, 0]);
@@ -916,8 +1038,7 @@ function useAdmissionsPaginator({ data }) {
     }, [filters]);
     return ({ ...{ tableData, setPage, setFilters } });
 }
-exports.useAdmissionsPaginator = useAdmissionsPaginator;
-function useLazyLoadQueryList({ path, constraints, number }) {
+function useLazyLoadQueryList({ path, constraints, number, onItemFetched }) {
     const [items, setItems] = (0, react_1.useState)({});
     const [loadMoreIcon, setLoadMoreIcon] = (0, react_1.useState)(false);
     const [lastItem, setLastItem] = (0, react_1.useState)();
@@ -927,6 +1048,7 @@ function useLazyLoadQueryList({ path, constraints, number }) {
         setLastItem(undefined);
     };
     const loadMore = async () => {
+        var _a;
         setLoadMoreIcon(true);
         let formattedConstraints = [];
         if (constraints) {
@@ -936,8 +1058,73 @@ function useLazyLoadQueryList({ path, constraints, number }) {
             formattedConstraints.push((0, firestore_1.startAfter)(lastItem));
         }
         const documents = await firebaseQuery.getDocsWhere(path, formattedConstraints, true);
+        console.log("docs", documents);
+        if (documents === null || documents === void 0 ? void 0 : documents.empty) {
+            setLoadMoreIcon(false);
+            return;
+        }
+        setLastItem(documents === null || documents === void 0 ? void 0 : documents.docs[((_a = documents === null || documents === void 0 ? void 0 : documents.docs) === null || _a === void 0 ? void 0 : _a.length) - 1]);
+        const processedItems = Object.fromEntries(await Promise.all(Object.values((documents === null || documents === void 0 ? void 0 : documents.docs) || {}).map(async (doc) => {
+            const itemObj = { ...doc.data(), id: doc.id, docPath: doc.ref };
+            return [doc.id, onItemFetched ? await onItemFetched(itemObj) : itemObj];
+        })));
+        setItems((i) => ({ ...i, ...processedItems }));
+        setLoadMoreIcon(false);
+    };
+    (0, react_1.useEffect)(() => {
+        loadMore();
+    }, []);
+    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]);
-        setItems((i) => ({ ...i, ...(Object.fromEntries(Object.entries(documents.docs).map(([, doc]) => [doc.id, { ...doc.data(), docPath: doc.ref }]))) }));
+        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)(() => {
@@ -945,7 +1132,338 @@ function useLazyLoadQueryList({ path, constraints, number }) {
     }, []);
     return ({ ...{ items, loadMore, loadMoreIcon, reset } });
 }
-exports.useLazyLoadQueryList = useLazyLoadQueryList;
+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 };
+}
 function useProposePlacementRenderer({ user, orgContext, placement }) {
     const [businessSectionComplete, setBusinessSectionComplete] = (0, react_1.useState)(false);
     const [addressSectionComplete, setAddressSectionComplete] = (0, react_1.useState)(false);
@@ -1038,6 +1556,18 @@ function useProposePlacementRenderer({ user, orgContext, placement }) {
             console.log("Error:", error);
             throw error;
         }
+        /*
+                console.log("STUDENTID", student.id);
+        
+                return await addPlacement(formData, student.id, draft).catch((e) => {
+                    console.log("error");
+                    console.log(e);
+                    throw e;
+                }).then((e)  => {
+                    setComplete(true);
+                    return e;
+                });
+        */
     };
     const deletePlacement = async (id) => {
         return await firebaseQuery.delete(["placements", id]);
@@ -1047,7 +1577,6 @@ function useProposePlacementRenderer({ user, orgContext, placement }) {
             setBusinessSectionComplete, setAddressSectionComplete, setPlacementSectionComplete,
             proposePlacement, deletePlacement, setStudent, submitSection, setFormData, resetFormData, setStage, setComplete } });
 }
-exports.useProposePlacementRenderer = useProposePlacementRenderer;
 const useRefDimensions = () => {
     const [dimensions, setDimensions] = (0, react_1.useState)({ width: 1, height: 2 });
     const refCallback = (0, react_1.useCallback)((node) => {
@@ -1063,10 +1592,10 @@ const useRefDimensions = () => {
     return { dimensions, refCallback };
 };
 exports.useRefDimensions = useRefDimensions;
-const cohortStages = ["name", "placementType", "students", "workflow", "review", "created"];
+const cohortStages = ["info", "name", "placementType", "review", "created"];
 const defaultCohortData = {
     name: "",
-    stage: "name",
+    stage: "info",
     startSubmission: "",
     endSubmission: "",
     startPlacements: "",
@@ -1091,7 +1620,7 @@ function useCreateCohortRenderer({ oId, product, initialData = defaultCohortData
         }
     };
     (0, react_1.useEffect)(() => {
-        if (!Object.keys(cohortData).length || (0, util_1.objectsEqual)(initialData, cohortData))
+        if (!Object.keys(cohortData).length || cohortData.stage === "name" || (0, util_1.objectsEqual)(initialData, cohortData))
             return;
         if (cohortId) {
             console.log("update", cohortId, cohortData);
@@ -1118,7 +1647,6 @@ function useCreateCohortRenderer({ oId, product, initialData = defaultCohortData
     };
     return ({ ...{ submitCohort, submitSection, back, setCohortData, deleteCohort, cohortData, cohortId } });
 }
-exports.useCreateCohortRenderer = useCreateCohortRenderer;
 function useUserUploadHandler({ product, oId, userType, user, onComplete, userGroupId, cohortId }) {
     const [emptyCellsWarning, setEmptyCellsWarning] = (0, react_1.useState)(false);
     const [alert, setAlert] = (0, react_1.useState)();
@@ -1133,13 +1661,20 @@ function useUserUploadHandler({ product, oId, userType, user, onComplete, userGr
         if (!Object.entries(userData)) {
             return [];
         }
-        const uniqueValues = new Set(userData.map((v) => v.email));
+        const emailDuplicateLookup = userData.reduce((acc, e, index) => {
+            if (!e.email)
+                return acc;
+            acc[e.email] = [...(acc[e.email] || []), index];
+            return acc;
+        }, {});
+        const emailDuplicates = Object.entries(emailDuplicateLookup).filter(([_, ids]) => ids.length > 1).map(([email]) => email);
         if (userData.filter((u) => u.email).length < userData.length) {
             setAlert({ msg: "Your data contains missing email addresses.", severity: "error" });
             return false;
         }
-        if (uniqueValues.size < userData.length) {
-            setAlert({ msg: "Your data contains multiple rows with the same email address. Please remove these and reupload.", severity: "error" });
+        console.log("emailDuplicates", emailDuplicates);
+        if (emailDuplicates.length) {
+            setAlert({ msg: `Your data contains multiple rows with the same email address. Please remove these and reupload.\n\n Duplicate emails: ${emailDuplicates.join(", ")}`, severity: "error" });
             return false;
         }
         let emptyOptionalCell = false;
@@ -1216,193 +1751,113 @@ function useUserUploadHandler({ product, oId, userType, user, onComplete, userGr
     };
     return ({ ...{ uploadUsers, alert, onChange } });
 }
-exports.useUserUploadHandler = useUserUploadHandler;
-function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId }) {
-    const [filePopupActive, setFilePopupActive] = (0, react_1.useState)(false);
-    const [files, setFiles] = (0, react_1.useState)([]);
-    const [workflowNodes, setWorkflowNodes] = (0, react_1.useState)([]); // Workflow data
-    const [arrows, setArrows] = (0, react_1.useState)([]);
-    const [includedForms, setIncludedForms] = (0, react_1.useState)([]);
-    const [includedFiles, setIncludedFiles] = (0, react_1.useState)([]);
-    const [error, setError] = (0, react_1.useState)();
-    const [snackbar, setSnackbar] = (0, react_1.useState)();
-    const [newEdgePoint, setNewEdgePoint] = (0, react_1.useState)();
-    const [mousePos, setMousePos] = (0, react_1.useState)();
-    const [tutorialActive, setTutorialActive] = (0, react_1.useState)(false);
-    const containerRef = (0, react_1.useRef)(null);
-    let ticking = false;
-    const userProduct = user.product === "admin" ? product : user.product;
-    const userOId = user.product === "admin" ? oId : user.oId;
-    (0, react_1.useEffect)(() => {
-        let newData = initialData;
-        if (initialData === undefined || initialData.length === 0) {
-            newData = constants_1.defaultInstituteWorkflow;
-            setTimeout(() => {
-                setTutorialActive(false);
-            }, 1000);
-        }
-        (0, readDatabase_1.getFiles)(`${userProduct}/${userOId}/files`).then(setFiles);
-        setWorkflowNodes(newData);
-        console.log("new data", newData);
-    }, [initialData]);
-    (0, react_1.useEffect)(() => {
-        // New edge points
-        if (!newEdgePoint) {
-            return;
-        }
-        const removeListener = (e) => {
-            setNewEdgePoint(undefined);
-            e.preventDefault();
-        };
-        window.addEventListener("contextmenu", removeListener);
-        return () => {
-            setMousePos(undefined);
-            window.removeEventListener("contextmenu", removeListener);
-        };
-    }, [newEdgePoint]);
-    const setMousePosFunc = (e) => {
-        if (!newEdgePoint) {
+function useWorkflowEditor({ user, initialData, onSubmit, cohortId }) {
+    const firebaseQuery = new firebaseQuery_1.default();
+    const { filePopupActive, files, includedFiles, includedForms, uploadFile, fAddNode, fOnDelete, arrows, onChange, error, onMoveEnd, addEdgePoint, fWorkflowNodes, newEdgePoint, setTutorialActive, setFilePopupActive, fSubmitWorkflow, openPopup, setSnackbar, snackbar, setMousePosFunc, mousePos, tutorialActive, onDeleteArrow, containerRef, setError, setArrows, setFWorkflowNodes } = useGenericWorkflowEditor({ ...{ user, initialData }, defaultData: constants_1.defaultInstituteWorkflow, onSubmit: onSubmit });
+    const addNode = ({ userType, nextStage, prevStage } = {}) => {
+        return fAddNode({ userType: userType }, `${userType} review`, nextStage, prevStage);
+    };
+    const onDelete = (0, react_1.useCallback)(async (id) => {
+        if (!id) {
             return;
         }
-        if (!ticking) {
-            requestAnimationFrame(() => {
-                ticking = false;
-                setMousePos({ x: e.pageX, y: e.pageY });
-            });
+        return fOnDelete(id, onDeleteValidator);
+    }, []);
+    const onDeleteValidator = async (id) => {
+        const placementsOnStage = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("oId", "==", user.oId), (0, firestore_1.where)("cohort", "==", cohortId), (0, firestore_1.where)("status", "==", id)]);
+        if (placementsOnStage > 0) {
+            return { res: false, reason: "Cannot delete a stage with current active placements." };
         }
-        ticking = true;
-    };
-    const uploadFile = async (files) => {
-        const res = await (0, writeDatabase_1.uploadFiles)(files, `${userProduct}/${userOId}/files/`);
-        if (res === 1) {
-            // change this
-            setFilePopupActive(false);
-            (0, readDatabase_1.getFiles)(`${userProduct}/${userOId}/files`).then(setFiles);
+        if ([1, 6, 8, 11].includes(id)) {
+            return { res: false, reason: "Cannot delete core workflow component." };
         }
+        return { res: true };
     };
-    const addNode = () => {
-        setWorkflowNodes((p) => ([...p, { id: (0, util_1.getUniqueId)(p), name: "", pos: { x: 10, y: 10 }, buttons: [] }]));
+    const submitWorkflow = async (workflow, callOnComplete = true) => {
+        const validatorTypeConversion = (newWorkflow, oldWorkflow) => {
+            return validateWorkflow(newWorkflow, oldWorkflow);
+        };
+        return fSubmitWorkflow(validatorTypeConversion, workflow, callOnComplete);
     };
-    const onDelete = (0, react_1.useCallback)((id) => {
-        if ([1, 6, 8, 11].includes(id)) {
-            alert("Cannot delete core workflow component.");
-            return;
-        }
-        setWorkflowNodes((prev) => {
-            let oldMutable = [...prev];
-            oldMutable = oldMutable.filter((e) => e.id.toString() !== id.toString());
-            oldMutable.forEach((e, i) => {
-                const node = e;
-                // Remove any arrows to this node
-                node.buttons = (node.buttons && node.buttons.filter((button) => id.toString() !== button.id.toString())) || [];
-                oldMutable[i] = node;
-            });
-            return (oldMutable);
-        });
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!workflowNodes) {
-            return;
-        }
-        setArrows(workflowNodes.reduce((acc, node) => {
-            if (node.buttons) {
-                node.buttons.forEach((buttonData) => {
-                    acc.push({
-                        start: node.id,
-                        end: buttonData.id,
-                        name: buttonData.name,
-                        required: Boolean(buttonData.required),
-                    });
-                });
+    const validateWorkflow = async (newWorkflow, oldWorkflow) => {
+        const getStageById = (id, checkInitialData) => {
+            let node;
+            if (checkInitialData) {
+                if (!(oldWorkflow === null || oldWorkflow === void 0 ? void 0 : oldWorkflow.length)) {
+                    throw new Error("Check initial data but no oldWorkflow");
+                }
+                node = (oldWorkflow).find((x) => x.id === id);
             }
-            return acc;
-        }, []));
-    }, [workflowNodes]);
-    const onChange = (0, react_1.useCallback)((path, value) => {
-        setWorkflowNodes((prev) => (0, util_1.editNestedObject)(path, prev, value, true));
-    }, []);
-    const submitWorkflow = async () => {
-        setError(undefined);
-        setIncludedFiles(() => workflowNodes.reduce((acc, node) => {
-            if (node.files) {
-                acc.push(...node.files.map((f) => JSON.parse(f).name));
+            else {
+                node = (newWorkflow).find((x) => x.id === id);
             }
-            return (0, util_1.arrayUniqueValues)(acc);
-        }, []));
-        setIncludedForms(workflowNodes.reduce((acc, node) => {
-            if (node.forms) {
-                acc.push(...node.forms);
+            if (!node) {
+                throw new Error("Error in configuration. Cannot find stage: " + id);
             }
-            return (0, util_1.arrayUniqueValues)(acc);
-        }, []));
-        if (!workflowConseq()) {
-            setError("Your workflow is not continuous, check the onAccept and onReject values.");
-            return;
-        }
-        if (initialData === workflowNodes) {
-            onSubmit({ workflow: workflowNodes, includedFiles: includedFiles, includedForms: includedForms });
-            return;
-        }
-        if (initialData) {
-            const restrictedChanges = workflowNodes.map((currentNode) => {
-                var _a, _b;
-                const editedNode = initialData[currentNode.id];
-                const editedButtons = ((_a = editedNode === null || editedNode === void 0 ? void 0 : editedNode.buttons) === null || _a === void 0 ? void 0 : _a.map((x) => x.id)) || [];
-                const currentButtons = ((_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.buttons) === null || _b === void 0 ? void 0 : _b.map((x) => x.id)) || [];
-                // Should check IDs rather than the entire thing.
-                if (!editedButtons.every((v, i) => v === currentButtons[i])) {
-                    return true;
-                }
-                return false;
-            });
-            if (restrictedChanges.includes(true) && Boolean(cohortId)) {
-                const conflicts = await (0, readDatabase_1.checkPlacementConflicts)(userOId, cohortId);
-                if (conflicts > 0) {
-                    setError(`${conflicts} active placements are using this workflow. Complete these placements to edit workflow.`);
-                    return;
-                }
+            return node;
+        };
+        console.log("workflows, new, old", newWorkflow, oldWorkflow);
+        // Steps: 
+        // Check if any deleted stages that have placements assigned to them
+        const missingNodes = oldWorkflow && oldWorkflow.length ? oldWorkflow.reduce((acc, oldNode) => {
+            const existsInNewWorkflow = Boolean(newWorkflow.find((newNode) => newNode.id === oldNode.id));
+            if (!existsInNewWorkflow) {
+                acc.push(oldNode.id);
             }
-        }
-        onSubmit({ workflow: workflowNodes, includedFiles: includedFiles, includedForms: includedForms });
-    };
-    const workflowConseq = () => {
-        const getStageById = (id) => workflowNodes.find((x) => x.id === id);
+            return acc;
+        }, []) : [];
+        await Promise.all(missingNodes.map(async (nodeId) => {
+            const placementsOnStage = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("oId", "==", user.oId), (0, firestore_1.where)("cohort", "==", cohortId), (0, firestore_1.where)("status", "==", nodeId)]);
+            if (placementsOnStage > 0) {
+                throw new Error("Cannot delete a stage with current active placements.");
+            }
+        }));
+        // After verifying, we have a list of stages that 
+        // Create paths with new workflow
+        // Check cyclic
+        // Check early termination
+        // Check missed items
+        // Create paths from old workflow
+        // Check cyclic
+        // Check early termination
+        // Check missed items
         const paths = [];
-        const createPaths = (stage, path) => {
-            var _a;
+        const createPaths = (stage, path, checkingInitialData) => {
+            var _a, _b;
             if (!stage)
                 return;
             const currentPath = [...(path || [])];
             // Check if infinite cycles
-            if (currentPath.includes(stage.id)) {
+            if (currentPath.find((s) => s.id === stage.id)) {
                 // ID must be already in it, so a loop has been formed.
-                // Get subpath from id onwards, inclusive.
-                // Check if there are other ways out. If not, return false!
-                const cyclicPath = currentPath.slice(currentPath.indexOf(stage.id));
-                const escapableCycle = cyclicPath.some((id, idx) => {
-                    var _a;
-                    let cyclicStageButtons = ((_a = getStageById(id)) === null || _a === void 0 ? void 0 : _a.buttons) || [];
+                // Get just the elements in that cycle, such as [1, 2, 3, 4, 1]
+                const cyclicPath = currentPath.slice(currentPath.findIndex((s) => s.id === stage.id));
+                // If we have a cycle [1, 2, 3, 4, 1], check if any of them have a way out. 
+                const escapableCycle = cyclicPath.some((cycleStage, idx) => {
+                    let cyclicStageButtons = (cycleStage === null || cycleStage === void 0 ? void 0 : cycleStage.buttons) || [];
+                    // Keep only the arrows that don't go to the next one already documented, or the ID being checked.
                     cyclicStageButtons = cyclicStageButtons.filter((button) => ![cyclicPath[idx + 1], stage.id].includes(button.id));
                     return cyclicStageButtons.length > 0;
                 });
                 if (!escapableCycle) {
-                    paths.push(false);
+                    throw new Error(`Inescapable cycle detected at ${stage.name}. Amend and resubmit.`);
                 }
                 return;
             }
-            currentPath.push(stage.id);
+            currentPath.push(stage);
             if (!((_a = stage === null || stage === void 0 ? void 0 : stage.buttons) === null || _a === void 0 ? void 0 : _a.length)) {
+                console.log("Final path", currentPath, checkingInitialData);
                 // Check if in order and ends in 11
                 if (stage.id !== 11) {
-                    paths.push(false);
-                    return;
+                    throw new Error("All paths must end with the 'Workflow end' stage. Amend and reupload.");
                 }
+                //Check if a valid path.
                 const validEssentialRoute = [1, "Provider", 6, 8, 11];
-                const currentEssentialRoute = currentPath.reduce((acc, x) => {
-                    if ([1, 6, 8, 11].includes(x)) {
-                        acc.push(x);
+                const currentEssentialRoute = currentPath.reduce((acc, node) => {
+                    if ([1, 6, 8, 11].includes(node.id)) {
+                        acc.push(node.id);
+                        return acc;
                     }
-                    const node = getStageById(x);
                     if ((node === null || node === void 0 ? void 0 : node.userType) !== "Provider")
                         return acc;
                     if (!acc.includes(6) && !acc.includes("Provider")) {
@@ -1411,18 +1866,379 @@ function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId
                     return acc;
                 }, []);
                 const valid = (0, util_1.arraysEqual)(currentEssentialRoute, validEssentialRoute);
-                paths.push(valid ? currentPath : false);
+                if (!valid) {
+                    console.log("Error in", currentEssentialRoute);
+                    throw new Error(checkingInitialData ?
+                        "Cannot submit. Changing workflow will cause current placements to skip core workflow components." :
+                        "Missing core workflow components. Ensure all placements have a provider review, start, end and workflow end in that order.");
+                }
+                paths.push(currentPath);
                 return;
             }
-            stage.buttons.forEach((button) => {
+            if (checkingInitialData) {
+                stage.buttons.forEach((button) => {
+                    createPaths(getStageById(button.id, true), currentPath, checkingInitialData);
+                });
+            }
+            const newWorkflowStage = newWorkflow.find((newStage) => newStage.id === stage.id);
+            if (!newWorkflowStage) {
+                if (checkingInitialData) {
+                    return;
+                }
+                throw new Error("Cannot find node: " + stage.id);
+            }
+            (_b = newWorkflowStage.buttons) === null || _b === void 0 ? void 0 : _b.forEach((button) => {
+                console.log("stage", stage, checkingInitialData);
                 createPaths(getStageById(button.id), currentPath);
             });
         };
-        createPaths(getStageById(1));
+        createPaths(getStageById(1), []);
+        if (oldWorkflow && oldWorkflow.length) {
+            createPaths(getStageById(1, true), [], true);
+        }
         return paths.every((x) => x);
     };
+    const workflowNodes = fWorkflowNodes;
+    const setWorkflowNodes = setFWorkflowNodes;
+    return ({ ...{ filePopupActive, files, uploadFile, addNode, onDelete, arrows, onChange, error, includedFiles, onMoveEnd, addEdgePoint, newEdgePoint, setTutorialActive, setFilePopupActive,
+            includedForms, submitWorkflow, openPopup, snackbar, setSnackbar, setMousePosFunc, mousePos, tutorialActive,
+            onDeleteArrow, workflowNodes, containerRef, setError, setArrows, setWorkflowNodes } });
+}
+function useApplicantWorkflowEditor({ user, initialData, onSubmit, workflowId }) {
+    const firebaseQuery = new firebaseQuery_1.default();
+    const { filePopupActive, includedFiles, includedForms, uploadFile, fAddNode, fOnDelete, arrows, onChange, error, onMoveEnd, addEdgePoint, fWorkflowNodes, newEdgePoint, setTutorialActive, setFilePopupActive, fSubmitWorkflow, openPopup, setSnackbar, snackbar, setMousePosFunc, mousePos, tutorialActive, onDeleteArrow, containerRef, setError, setArrows, setFWorkflowNodes } = useGenericWorkflowEditor({ ...{ user, initialData }, defaultData: workflowId ? [] : constants_1.defaultApplicantWorkflow, onSubmit: onSubmit });
+    (0, react_1.useEffect)(() => {
+        if (!workflowId)
+            return;
+        firebaseQuery.getDocData(["applicantWorkflows", workflowId]).then((e) => setFWorkflowNodes(e.workflow));
+    }, [workflowId]);
+    const addNode = ({ userType, nextStage, prevStage } = {}) => {
+        return fAddNode({ userType: userType, buttons: [{ name: "Reject", id: 12, required: true }] }, "", nextStage, prevStage);
+    };
+    const onDelete = (0, react_1.useCallback)(async (id) => {
+        if (!id) {
+            return;
+        }
+        return fOnDelete(id, onDeleteValidator);
+    }, []);
+    const onDeleteValidator = async (id) => {
+        const placementsOnStage = await firebaseQuery.getCount("placement", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("applicantWorkflowId", "==", workflowId), (0, firestore_1.where)("applicantStage", "==", id)]);
+        if (placementsOnStage > 0) {
+            return { res: false, reason: "Cannot delete a stage with current applicants." };
+        }
+        if ([1, 11, 12].includes(id)) {
+            return { res: false, reason: "Cannot delete core workflow component." };
+        }
+        return { res: true };
+    };
+    const submitWorkflow = async (workflow, callOnComplete = true) => {
+        const validatorTypeConversion = (newWorkflow, oldWorkflow) => {
+            return validateWorkflow(newWorkflow, oldWorkflow);
+        };
+        return fSubmitWorkflow(validatorTypeConversion, workflow, callOnComplete);
+    };
+    // Change validator
+    const validateWorkflow = async (newWorkflow, oldWorkflow) => {
+        const getStageById = (id, checkInitialData) => {
+            let node;
+            if (checkInitialData) {
+                if (!(oldWorkflow === null || oldWorkflow === void 0 ? void 0 : oldWorkflow.length)) {
+                    throw new Error("Check initial data but no oldWorkflow");
+                }
+                node = (oldWorkflow).find((x) => x.id === id);
+            }
+            else {
+                node = (newWorkflow).find((x) => x.id === id);
+            }
+            if (!node) {
+                throw new Error("Error in configuration. Cannot find stage: " + id);
+            }
+            return node;
+        };
+        console.log("workflows, new, old", newWorkflow, oldWorkflow);
+        // Steps: 
+        // Check if any deleted stages that have placements assigned to them
+        const missingNodes = oldWorkflow && oldWorkflow.length ? oldWorkflow.reduce((acc, oldNode) => {
+            const existsInNewWorkflow = Boolean(newWorkflow.find((newNode) => newNode.id === oldNode.id));
+            if (!existsInNewWorkflow) {
+                acc.push(oldNode.id);
+            }
+            return acc;
+        }, []) : [];
+        await Promise.all(missingNodes.map(async (nodeId) => {
+            const placementsOnStage = await firebaseQuery.getCount("placement", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("applicantWorkflow", "==", workflowId), (0, firestore_1.where)("applicantStage", "==", nodeId)]);
+            if (placementsOnStage > 0) {
+                throw new Error("Cannot delete a stage with current active placements.");
+            }
+        }));
+        // After verifying, we have a list of stages that 
+        // Create paths with new workflow
+        // Check cyclic
+        // Check early termination
+        // Check missed items
+        // Create paths from old workflow
+        // Check cyclic
+        // Check early termination
+        // Check missed items
+        const paths = [];
+        const createPaths = (stage, path, checkingInitialData) => {
+            var _a, _b;
+            if (!stage)
+                return;
+            const currentPath = [...(path || [])];
+            // Check if infinite cycles
+            if (currentPath.find((s) => s.id === stage.id)) {
+                // ID must be already in it, so a loop has been formed.
+                // Get just the elements in that cycle, such as [1, 2, 3, 4, 1]
+                const cyclicPath = currentPath.slice(currentPath.findIndex((s) => s.id === stage.id));
+                // If we have a cycle [1, 2, 3, 4, 1], check if any of them have a way out. 
+                const escapableCycle = cyclicPath.some((cycleStage, idx) => {
+                    let cyclicStageButtons = (cycleStage === null || cycleStage === void 0 ? void 0 : cycleStage.buttons) || [];
+                    // Keep only the arrows that don't go to the next one already documented, or the ID being checked.
+                    cyclicStageButtons = cyclicStageButtons.filter((button) => ![cyclicPath[idx + 1], stage.id].includes(button.id));
+                    return cyclicStageButtons.length > 0;
+                });
+                if (!escapableCycle) {
+                    throw new Error(`Inescapable cycle detected at ${stage.name}. Amend and resubmit.`);
+                }
+                return;
+            }
+            currentPath.push(stage);
+            if (!((_a = stage === null || stage === void 0 ? void 0 : stage.buttons) === null || _a === void 0 ? void 0 : _a.length)) {
+                console.log("Final path", currentPath, checkingInitialData);
+                // Check if in order and ends in 11
+                if (![11, 12].includes(stage.id)) {
+                    throw new Error("All paths must end with the 'Success' or 'Reject' stage. Amend and reupload.");
+                }
+                paths.push(currentPath);
+                return;
+            }
+            if (checkingInitialData) {
+                stage.buttons.forEach((button) => {
+                    createPaths(getStageById(button.id, true), currentPath, checkingInitialData);
+                });
+            }
+            const newWorkflowStage = newWorkflow.find((newStage) => newStage.id === stage.id);
+            if (!newWorkflowStage) {
+                if (checkingInitialData) {
+                    return;
+                }
+                throw new Error("Cannot find node: " + stage.id);
+            }
+            (_b = newWorkflowStage.buttons) === null || _b === void 0 ? void 0 : _b.forEach((button) => {
+                createPaths(getStageById(button.id), currentPath);
+            });
+        };
+        createPaths(getStageById(1), []);
+        if (oldWorkflow && oldWorkflow.length) {
+            createPaths(getStageById(1, true), [], true);
+        }
+        return paths.every((x) => x);
+    };
+    const workflowNodes = fWorkflowNodes;
+    const setWorkflowNodes = setFWorkflowNodes;
+    return ({ ...{ filePopupActive, uploadFile, addNode, onDelete, arrows, onChange, error, includedFiles, onMoveEnd, addEdgePoint, newEdgePoint, setTutorialActive, setFilePopupActive,
+            includedForms, submitWorkflow, openPopup, snackbar, setSnackbar, setMousePosFunc, mousePos, tutorialActive,
+            onDeleteArrow, workflowNodes, containerRef, setError, setArrows, setWorkflowNodes } });
+}
+function useGenericWorkflowEditor({ user, initialData, defaultData, onSubmit }) {
+    const [filePopupActive, setFilePopupActive] = (0, react_1.useState)(false);
+    const [files, setFiles] = (0, react_1.useState)([]);
+    const [fWorkflowNodes, setFWorkflowNodes] = (0, react_1.useState)([]); // Workflow data
+    const [arrows, setArrows] = (0, react_1.useState)([]);
+    const [includedForms, setIncludedForms] = (0, react_1.useState)([]);
+    const [includedFiles, setIncludedFiles] = (0, react_1.useState)([]);
+    const [error, setError] = (0, react_1.useState)();
+    const [snackbar, setSnackbar] = (0, react_1.useState)();
+    const [newEdgePoint, setNewEdgePoint] = (0, react_1.useState)();
+    const [mousePos, setMousePos] = (0, react_1.useState)();
+    const [tutorialActive, setTutorialActive] = (0, react_1.useState)(false);
+    const containerRef = (0, react_1.useRef)(null);
+    let ticking = false;
+    (0, react_1.useEffect)(() => {
+        let newData = initialData;
+        if (initialData === undefined || initialData.length === 0) {
+            newData = defaultData;
+            setTimeout(() => {
+                setTutorialActive(false);
+            }, 1000);
+        }
+        (0, readDatabase_1.getFiles)(`${user.product}/${user.oId}/files`).then(setFiles);
+        setFWorkflowNodes(newData || []);
+    }, [initialData]);
+    (0, react_1.useEffect)(() => {
+        // New edge points
+        if (!newEdgePoint) {
+            return;
+        }
+        const removeListener = (e) => {
+            setNewEdgePoint(undefined);
+            e.preventDefault();
+        };
+        window.addEventListener("contextmenu", removeListener);
+        return () => {
+            setMousePos(undefined);
+            window.removeEventListener("contextmenu", removeListener);
+        };
+    }, [newEdgePoint]);
+    const setMousePosFunc = (e) => {
+        if (!newEdgePoint) {
+            return;
+        }
+        if (!ticking) {
+            requestAnimationFrame(() => {
+                ticking = false;
+                setMousePos({ x: e.pageX, y: e.pageY });
+            });
+        }
+        ticking = true;
+    };
+    const uploadFile = async (files) => {
+        const res = await (0, writeDatabase_1.uploadFiles)(files, `${user.product}/${user.oId}/files/`);
+        if (res === 1) {
+            // change this
+            setFilePopupActive(false);
+            (0, readDatabase_1.getFiles)(`${user.product}/${user.oId}/files`).then(setFiles);
+        }
+    };
+    const fAddNode = (additionalData, name, nextStage, prevStage) => {
+        let nodeId = (0, util_1.getUniqueId)(fWorkflowNodes);
+        // Add user type and name for institute placement workflow!
+        setFWorkflowNodes((p) => {
+            let newWorkflowNodes = ([...p, { id: nodeId, pos: { x: 10, y: 10 }, ...additionalData, name: name || `Stage ${nodeId}`, buttons: nextStage ? [...((additionalData === null || additionalData === void 0 ? void 0 : additionalData.buttons) || []), { required: true, name: "Accept", id: nextStage }] : [] }]);
+            if (prevStage) {
+                const prevStageIndex = p.findIndex((node) => node.id === prevStage);
+                newWorkflowNodes[prevStageIndex] = { ...newWorkflowNodes[prevStageIndex], buttons: [{ required: true, name: "Accept", id: nodeId }] };
+            }
+            return newWorkflowNodes;
+        });
+        return nodeId;
+    };
+    const fOnDelete = (0, react_1.useCallback)(async (id, validation) => {
+        if (!id) {
+            return;
+        }
+        if (validation) {
+            // Add placementsOnStage to validation
+            const validationResult = await validation(id);
+            if (!validationResult.res) {
+                setError(validationResult.reason);
+                return;
+            }
+        }
+        setFWorkflowNodes((prev) => {
+            var _a;
+            let oldMutable = [...prev];
+            // Buttons going from deleted nodes to new node
+            const deletedNodeButtons = (_a = oldMutable.find((node) => node.id === id)) === null || _a === void 0 ? void 0 : _a.buttons;
+            oldMutable = oldMutable.filter((e) => e.id.toString() !== id.toString());
+            const arrowsToDeletedNode = oldMutable.map((e, i) => {
+                var _a;
+                const node = { ...e };
+                // Remove any arrows to this node
+                const nodeFeedsToDeleted = Boolean((_a = node.buttons) === null || _a === void 0 ? void 0 : _a.find((destination) => destination.id === id));
+                if (nodeFeedsToDeleted) {
+                    console.log("Delete line from node", node.id);
+                }
+                if (nodeFeedsToDeleted) {
+                    const newNodeButtons = node.buttons ? node.buttons.filter((button) => id.toString() !== button.id.toString()) : [];
+                    node.buttons = newNodeButtons;
+                    console.log("New node buttons", newNodeButtons, node.buttons);
+                }
+                oldMutable[i] = node;
+                return nodeFeedsToDeleted ? node : undefined;
+            }).filter((i) => i);
+            console.log("arrows to and destinations", arrowsToDeletedNode, deletedNodeButtons);
+            if ((deletedNodeButtons === null || deletedNodeButtons === void 0 ? void 0 : deletedNodeButtons.length) && arrowsToDeletedNode.length) {
+                const newNodeDestination = deletedNodeButtons[0].id;
+                const newNodeOrigin = arrowsToDeletedNode[0].id;
+                const indexOfOrigin = oldMutable.findIndex((node) => node.id === newNodeOrigin);
+                oldMutable[indexOfOrigin] = { ...oldMutable[indexOfOrigin], buttons: [...(oldMutable[indexOfOrigin].buttons || []), { id: newNodeDestination, required: true, name: "Submit" }] };
+            }
+            return oldMutable;
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        error && setError(undefined);
+        if (!fWorkflowNodes) {
+            return;
+        }
+        setArrows(fWorkflowNodes.reduce((acc, node) => {
+            if (node.buttons) {
+                node.buttons.forEach((buttonData) => {
+                    acc.push({
+                        start: node.id,
+                        end: buttonData.id,
+                        name: buttonData.name,
+                        required: Boolean(buttonData.required),
+                    });
+                });
+            }
+            return acc;
+        }, []));
+        const mIncludedFiles = fWorkflowNodes.reduce((acc, node) => {
+            if (node.files) {
+                acc.push(...node.files.map((f) => {
+                    try {
+                        return JSON.parse(f).name;
+                    }
+                    catch {
+                        return f;
+                    }
+                }));
+            }
+            return (0, util_1.arrayUniqueValues)(acc);
+        }, []);
+        const mIncludedForms = fWorkflowNodes.reduce((acc, node) => {
+            if (node.forms) {
+                acc.push(...node.forms);
+            }
+            return (0, util_1.arrayUniqueValues)(acc);
+        }, []);
+        setIncludedFiles(mIncludedFiles);
+        setIncludedForms(mIncludedForms);
+    }, [fWorkflowNodes]);
+    const onChange = (0, react_1.useCallback)((path, value) => {
+        setFWorkflowNodes((prev) => (0, util_1.editNestedObject)(path, prev, value, true));
+    }, []);
+    const fSubmitWorkflow = async (validation, workflow, callOnComplete = true) => {
+        setError(undefined);
+        const fWorkflow = workflow || fWorkflowNodes;
+        const mIncludedFiles = fWorkflow.reduce((acc, node) => {
+            if (node.files) {
+                acc.push(...node.files.map((f) => {
+                    try {
+                        return JSON.parse(f).name;
+                    }
+                    catch {
+                        return f;
+                    }
+                }));
+            }
+            return (0, util_1.arrayUniqueValues)(acc);
+        }, []);
+        const mIncludedForms = fWorkflow.reduce((acc, node) => {
+            if (node.forms) {
+                acc.push(...node.forms);
+            }
+            return (0, util_1.arrayUniqueValues)(acc);
+        }, []);
+        setIncludedFiles(mIncludedFiles);
+        setIncludedForms(mIncludedForms);
+        if (initialData === fWorkflow) {
+            return callOnComplete && onSubmit({ workflow: fWorkflow, includedFiles: mIncludedFiles, includedForms: mIncludedForms });
+        }
+        const validatedWorkflow = await validation(fWorkflow, initialData).catch((e) => {
+            setError(e.message);
+            throw e;
+        });
+        if (!validatedWorkflow) {
+            return;
+        }
+        return callOnComplete && onSubmit({ workflow: fWorkflow, includedFiles: includedFiles, includedForms: includedForms });
+    };
     const deleteEdge = (0, react_1.useCallback)((originId, nodeId) => {
-        setWorkflowNodes((prev) => (0, util_1.editNestedObject)([originId, "buttons", nodeId], prev, undefined, true));
+        setFWorkflowNodes((prev) => (0, util_1.editNestedObject)([originId, "buttons", nodeId], prev, undefined, true));
     }, []);
     const onDeleteArrow = (0, react_1.useCallback)((data) => {
         deleteEdge(data.start, data.end);
@@ -1436,7 +2252,7 @@ function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId
         const y = containerRef.current.scrollTop + clientRect.y - top - 26;
         // Make sure x and y are not negative. Contrains canvas by top and left
         const pos = { x: x >= 0 ? x : 0, y: y >= 0 ? y : 0 };
-        setWorkflowNodes((p) => (0, util_1.editNestedObject)([id, "pos"], p, pos));
+        setFWorkflowNodes((p) => (0, util_1.editNestedObject)([id, "pos"], p, pos));
     }, []);
     const addEdgePoint = (0, react_1.useCallback)((id, existingEdgePoint) => {
         var _a;
@@ -1445,7 +2261,7 @@ function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId
                 setSnackbar("Cannot connect stages after workflow end.");
                 return;
             }
-            const buttons = (_a = workflowNodes.find((node) => node.id === id)) === null || _a === void 0 ? void 0 : _a.buttons;
+            const buttons = (_a = fWorkflowNodes.find((node) => node.id === id)) === null || _a === void 0 ? void 0 : _a.buttons;
             if ([1, 11].includes(id) && buttons && buttons.length > 0) {
                 setSnackbar("Stage can only have one destination.");
                 return;
@@ -1458,8 +2274,8 @@ function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId
             setNewEdgePoint(undefined);
             return;
         }
-        const originPos = workflowNodes.findIndex((x) => x.id.toString() === existingEdgePoint.toString());
-        const buttons = [...(workflowNodes[originPos].buttons || [])];
+        const originPos = fWorkflowNodes.findIndex((x) => x.id.toString() === existingEdgePoint.toString());
+        const buttons = [...(fWorkflowNodes[originPos].buttons || [])];
         if (!buttons.some((x) => x.id.toString() === id.toString())) {
             buttons.push({
                 id: id,
@@ -1467,17 +2283,16 @@ function useWorkflowEditor({ user, initialData, onSubmit, cohortId, product, oId
                 name: [1, 6, 8].includes(existingEdgePoint) ? false : "",
             });
         }
-        setWorkflowNodes((p) => (0, util_1.editNestedObject)([existingEdgePoint, "buttons"], p, buttons, true));
+        setFWorkflowNodes((p) => (0, util_1.editNestedObject)([existingEdgePoint, "buttons"], p, buttons, true));
         setNewEdgePoint(undefined);
-    }, [workflowNodes]);
+    }, [fWorkflowNodes]);
     const openPopup = (0, react_1.useCallback)(() => {
         setFilePopupActive(true);
     }, []);
-    return ({ ...{ filePopupActive, files, uploadFile, addNode, onDelete, arrows, onChange, error, includedFiles, onMoveEnd, addEdgePoint, newEdgePoint, setTutorialActive, setFilePopupActive,
-            includedForms, submitWorkflow, openPopup, snackbar, setSnackbar, setMousePosFunc, mousePos, tutorialActive,
-            onDeleteArrow, workflowNodes, containerRef, setError, setArrows, setWorkflowNodes } });
+    return ({ ...{ filePopupActive, files, uploadFile, fAddNode, fOnDelete, arrows, onChange, error, includedFiles, onMoveEnd, addEdgePoint, newEdgePoint, setTutorialActive, setFilePopupActive,
+            includedForms, fSubmitWorkflow, openPopup, snackbar, setSnackbar, setMousePosFunc, mousePos, tutorialActive,
+            onDeleteArrow, fWorkflowNodes, containerRef, setError, setArrows, setFWorkflowNodes } });
 }
-exports.useWorkflowEditor = useWorkflowEditor;
 function useInstitutePlacementListingHandler({ user }) {
     const [emptyCellsWarning, setEmptyCellsWarning] = (0, react_1.useState)(false);
     const [alert, setAlert] = (0, react_1.useState)();
@@ -1567,5 +2382,808 @@ function useInstitutePlacementListingHandler({ user }) {
     };
     return ({ ...{ uploadPlacements, alert, onChange } });
 }
-exports.useInstitutePlacementListingHandler = useInstitutePlacementListingHandler;
+function useGetIndividualPlacementForPlacementPage({ user, placementId, organisation }) {
+    var _a;
+    const [placement, setPlacement] = (0, react_1.useState)();
+    const [institute, setInstitute] = (0, react_1.useState)(user.product === "institutes" ? organisation === null || organisation === void 0 ? void 0 : organisation.details : undefined);
+    const [workflow, setWorkflow] = (0, react_1.useState)();
+    const [cohort, setCohort] = (0, react_1.useState)();
+    const [student, setStudent] = (0, react_1.useState)();
+    const [wStage, setWStage] = (0, react_1.useState)();
+    const [snackbar, setSnackbar] = (0, react_1.useState)({ open: false });
+    const [disableEmail, setDisableEmail] = (0, react_1.useState)({ parent: false, provider: false });
+    const [rejectELIPopup, setRejectELIPopup] = (0, react_1.useState)(false);
+    const [eliPopupOpen, setEliPopupOpen] = (0, react_1.useState)(false);
+    const [eliURL, setELIURL] = (0, react_1.useState)("");
+    const [rejectExternalDocPopup, setRejectExternalDocPopup] = (0, react_1.useState)(false);
+    const [externalDocPopupOpen, setExternalDocPopupOpen] = (0, react_1.useState)(false);
+    const [riskAssessmentURL, setRiskAssessmentURL] = (0, react_1.useState)("");
+    const [dbsCheckURL, setDbsCheckURL] = (0, react_1.useState)("");
+    const [uploadProviderDocPopup, setUploadProviderDocPopup] = (0, react_1.useState)();
+    const [skipStagePopup, setSkipStagePopup] = (0, react_1.useState)(false);
+    const [viewExternalLinkPopup, setViewExternalLinkPopup] = (0, react_1.useState)(false);
+    const [externalLinkCopied, setExternalLinkCopied] = (0, react_1.useState)(false);
+    const [uploadInsurance, setUploadInsurance] = (0, react_1.useState)(false);
+    const [uploadRA, setUploadRA] = (0, react_1.useState)(false);
+    const [uploadDBS, setUploadDBS] = (0, react_1.useState)(false);
+    const [onboardingPopup, setOnboardingPopup] = (0, react_1.useState)(false);
+    const [dismissOnboardingPopup, setDismissOnboardingPopup] = (0, react_1.useState)(false);
+    const [addOnboardingDocsPopup, setAddOnboardingDocsPopup] = (0, react_1.useState)(false);
+    const [editable, setEditable] = (0, react_1.useState)(false);
+    const [withdrawFromPlacementPopup, setWithdrawFromPlacementPopup] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    (0, react_1.useEffect)(() => {
+        if (!placementId)
+            return;
+        (0, readDatabase_1.getPlacementbyId)(placementId, setPlacement);
+    }, [placementId]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        console.log("p", placement);
+        if (!placement) {
+            return;
+        }
+        setEditable(!((placement.providerCompleted && placement.providerCompleted.includes("details")) || placement.completed));
+        if (placement.oId) {
+            if (user.product === "institutes") {
+                setInstitute(organisation === null || organisation === void 0 ? void 0 : organisation.details);
+            }
+            else if (user.product === "providers") {
+                firebaseQuery.getDocData(["institutes", placement.oId]).then((i) => setInstitute(i));
+            }
+        }
+        if (placement.cohort) {
+            if (user.product === "institutes" && user.oId === placement.oId) {
+                setCohort(organisation === null || organisation === void 0 ? void 0 : organisation.cohorts[placement.cohort]);
+                setWorkflow((_a = organisation === null || organisation === void 0 ? void 0 : organisation.cohorts[placement.cohort]) === null || _a === void 0 ? void 0 : _a.workflow);
+            }
+            else {
+                firebaseQuery.getDocData(["cohorts", placement.cohort]).then((w) => {
+                    setWorkflow(w.workflow);
+                    setCohort(w);
+                });
+            }
+        }
+        else {
+            setWorkflow(constants_1.defaultStudentWorkflow);
+        }
+        if (user.userType === "Students") {
+            setStudent(user);
+        }
+        else {
+            (0, readDatabase_1.getUserById)(placement.uid, undefined, false).then(setStudent);
+        }
+    }, [placement]);
+    (0, react_1.useEffect)(() => {
+        if (!workflow || !placement)
+            return;
+        const currentWorkflowStage = { ...workflow.find((obj) => obj.id === placement.status) };
+        // console.log("currentWorkflowStage", currentWorkflowStage)
+        currentWorkflowStage.id = placement.status;
+        // Get form data for current stage
+        if (currentWorkflowStage.forms) {
+            (0, readDatabase_1.getFormsFromId)(["forms"], currentWorkflowStage.forms).then((details) => {
+                currentWorkflowStage.formDetails = details;
+                setWStage(currentWorkflowStage);
+            });
+        }
+        else {
+            setWStage(currentWorkflowStage);
+        }
+    }, [placement, workflow]);
+    const editStage = async (nextStageId) => {
+        if (!placementId || !wStage)
+            return;
+        await (0, writeDatabase_1.editPlacementStage)(placementId, wStage.id, nextStageId);
+        setSnackbar({ open: true, message: "Stage updated." });
+    };
+    const sendEmail = (type) => {
+        if (!placement || !student)
+            return undefined;
+        const sendRequest = async () => {
+            await (0, firebase_1.executeCallable)("placement-sendExternalEmail", { pId: placementId, userType: type });
+            setSnackbar({ open: true, message: "Email sent." });
+            return;
+        };
+        if ((type === "provider" && !placement.providerEmail) || (type === "parent" && !student.details.parentEmail)) {
+            setSnackbar({ open: true, message: `Please add a ${type} email.` });
+            return;
+        }
+        if (!placement[`${type}Emailed`]) {
+            setDisableEmail((x) => ({ ...x, [type]: true }));
+            sendRequest().then(() => setDisableEmail((x) => ({ ...x, [type.toLowerCase()]: false })));
+            return;
+        }
+        const previousEmailTime = new Date(placement[`${type}Emailed`].seconds * 1000);
+        const today = new Date();
+        const timeSinceEmail = (0, util_1.getDateDiff)(previousEmailTime, today);
+        if (timeSinceEmail === 0) {
+            setSnackbar({ open: true, message: "Emails can only be sent after 1 day." });
+            return;
+        }
+        setDisableEmail((x) => ({ ...x, [type.toLowerCase()]: true }));
+        sendRequest().then(() => setDisableEmail((x) => ({ ...x, [type.toLowerCase()]: false })));
+    };
+    const onboardingStatus = (placement === null || placement === void 0 ? void 0 : placement.onboarding) ? ((_a = placement.onboarding.completed) === null || _a === void 0 ? void 0 : _a.submitted) ? placement.onboarding.completed.accepted ? "Onboarding docs approved" : "Onboarding docs completed" : (user.userType === "Staff" ? "Onboarding sent" : "Complete onboarding") : "Add onboarding documents";
+    const signOffPlacements = (0, util_1.getAccess)(user, "signOffPlacements");
+    let canEdit = false;
+    if (((wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Staff" && user.userType === "Staff" && user.product === "institutes") || (user.product === "providers" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Provider") || user.userType === "Students" && (wStage === null || wStage === void 0 ? void 0 : wStage.userType) === "Students") {
+        console.log("ALMOST CAN EDIT");
+        if (user.userType === "Staff" && !signOffPlacements) {
+            canEdit = false;
+        }
+        else {
+            canEdit = true;
+        }
+    }
+    const onFlagClick = async (e, onClose) => {
+        if (!placement)
+            return;
+        if (e === "completeOnboarding" || e === "reviewOnboarding") {
+            setOnboardingPopup(true);
+        }
+        if (e === "noInsurance") {
+            if (!eliURL) {
+                const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `insurance/${placement.providerId}.pdf`);
+                const file = await (0, storage_1.getDownloadURL)(storageRef);
+                setELIURL(file);
+            }
+            setEliPopupOpen(true);
+        }
+        if (e === "noRiskAssessment") {
+            if (!riskAssessmentURL && placement.riskAssessmentType === "file") {
+                console.log("Risk assessment");
+                const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `riskAssessments/${placement.placementId || placement.id}.pdf`);
+                const file = await (0, storage_1.getDownloadURL)(storageRef);
+                setRiskAssessmentURL(file);
+            }
+            setExternalDocPopupOpen("riskAssessment");
+        }
+        if (e === "noDbsCheck") {
+            if (!dbsCheckURL && placement.dbsCheckType === "file") {
+                const storageRef = (0, storage_1.ref)(firebaseConfig_1.storage, `dbsChecks/${placement.placementId || placement.id}.pdf`);
+                const file = await (0, storage_1.getDownloadURL)(storageRef);
+                setDbsCheckURL(file);
+            }
+            setExternalDocPopupOpen("dbsCheck");
+        }
+        if (e === "addOnboarding") {
+            if (onClose) {
+                setDismissOnboardingPopup(true);
+            }
+            else {
+                setAddOnboardingDocsPopup(true);
+            }
+        }
+    };
+    const approveELI = async () => {
+        if (!placement)
+            return;
+        await (0, firebase_1.executeCallable)("insurance-approve", { oId: user.oId, providerId: placement.providerId });
+        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 });
+        setRejectELIPopup(false);
+        setEliPopupOpen(false);
+    };
+    const approveProviderDoc = async (type) => {
+        await (0, firebase_1.executeCallable)(`${type}-approve`, { oId: user.oId, placementId: placementId });
+        setExternalDocPopupOpen(false);
+    };
+    const rejectProviderDoc = async ({ reason }, type) => {
+        if (!placement || !institute)
+            return;
+        await (0, firebase_1.executeCallable)(`${type}-reject`, { reason: reason, placementId: placementId, instituteName: institute.name, staffEmail: user.email });
+        setRejectExternalDocPopup(false);
+        setExternalDocPopupOpen(false);
+    };
+    const manuallyConfigureProvider = async () => {
+        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,
+                skipSearch: true
+            }).catch((e) => {
+                throw e;
+            });
+            console.log("RETURN", res.data);
+            setPlacement((p) => ({ ...p, ...res.data }));
+            if (uploadProviderDocPopup === "insurance") {
+                setUploadProviderDocPopup(undefined);
+                setUploadInsurance(true);
+            }
+            else if (uploadProviderDocPopup === "riskAssessment") {
+                setUploadProviderDocPopup(undefined);
+                setUploadRA(true);
+            }
+            else if (uploadProviderDocPopup === "DbsCheck") {
+                setUploadProviderDocPopup(undefined);
+                setUploadDBS(true);
+            }
+        }
+    };
+    const withdrawFromPlacement = async () => {
+        if (user.userType !== "Students")
+            throw new Error("Must be a student to withdraw.");
+        await (0, firebase_1.executeCallable)("placement-withdraw", { placementId: placementId });
+    };
+    return { placement, wStage, student, workflow, editable, withdrawFromPlacementPopup, addOnboardingDocsPopup, setAddOnboardingDocsPopup, dismissOnboardingPopup, setDismissOnboardingPopup, setWithdrawFromPlacementPopup, withdrawFromPlacement, onFlagClick, setUploadInsurance, setUploadProviderDocPopup, setUploadRA, setUploadDBS, onboardingStatus, setSkipStagePopup, onboardingPopup, setViewExternalLinkPopup, setOnboardingPopup, setRejectELIPopup, eliURL, riskAssessmentURL, dbsCheckURL, setExternalLinkCopied, skipStagePopup, snackbar, setSnackbar, cohort, disableEmail, rejectELIPopup, eliPopupOpen, rejectExternalDocPopup, externalDocPopupOpen, viewExternalLinkPopup, externalLinkCopied, uploadInsurance, uploadRA, uploadDBS, editStage, sendEmail, canEdit, approveELI, setEliPopupOpen, uploadProviderDocPopup, rejectELI, setRejectExternalDocPopup, setExternalDocPopupOpen, approveProviderDoc, rejectProviderDoc, manuallyConfigureProvider, institute };
+}
+function useOnboardingPopup({ onboarding, providerId, placementId, user, onClose }) {
+    const [fileUploadPopup, setFileUploadPopup] = (0, react_1.useState)(false);
+    const [form, setForm] = (0, react_1.useState)();
+    const [rejectPopup, setRejectPopup] = (0, react_1.useState)(false);
+    const [mOnboarding, setMOnboarding] = (0, react_1.useState)(onboarding);
+    const [completedSections, setCompletedSections] = (0, react_1.useState)();
+    const [uploadedFiles, setUploadedFiles] = (0, react_1.useState)({});
+    const [viewableFiles, setViewableFiles] = (0, react_1.useState)();
+    const [formDetails, setFormDetails] = (0, react_1.useState)({});
+    const firebaseQuery = new firebaseQuery_1.default();
+    const addFile = (files) => {
+        if (!files.length || fileUploadPopup === false)
+            return;
+        setMOnboarding((a) => (0, util_1.editNestedObject)(["completed", "filesUploaded", fileUploadPopup], a, files));
+        setFileUploadPopup(false);
+    };
+    const viewFile = (file, onOpen) => {
+        setMOnboarding((a) => {
+            var _a;
+            const oldA = { ...a };
+            const viewedFiles = a.completed ? ((_a = a.completed) === null || _a === void 0 ? void 0 : _a.filesViewed) || [] : [];
+            if (viewedFiles === null || viewedFiles === void 0 ? void 0 : viewedFiles.includes(file))
+                return a;
+            (viewableFiles === null || viewableFiles === void 0 ? void 0 : viewableFiles[file].url) && onOpen(viewableFiles === null || viewableFiles === void 0 ? void 0 : viewableFiles[file].url);
+            viewedFiles === null || viewedFiles === void 0 ? void 0 : viewedFiles.push(file);
+            const newA = (0, util_1.editNestedObject)(["completed", "filesViewed"], oldA, viewedFiles);
+            return newA;
+        });
+    };
+    const setFormComplete = (e, formId) => {
+        const mFormId = formId || (form === null || form === void 0 ? void 0 : form.id);
+        if (!mFormId)
+            return;
+        setMOnboarding((a) => (0, util_1.editNestedObject)(["completed", "formsCompleted", mFormId], a, e));
+        setFileUploadPopup(false);
+    };
+    (0, react_1.useEffect)(() => {
+        if (!onboarding)
+            return;
+        const getOnboardingData = async () => {
+            var _a, _b;
+            const onboardingNew = { ...onboarding };
+            const onboardingFiles = onboarding.files ? Object.fromEntries(await Promise.all((_a = onboarding.files) === null || _a === void 0 ? void 0 : _a.map(async (fileId) => {
+                const file = await firebaseQuery.getDocData(["files", fileId]);
+                file.url = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `providers/${providerId}/${file.fileName}`));
+                return [fileId, file];
+            }))) : [];
+            const onboardingForms = onboarding.forms ? Object.fromEntries(await Promise.all((_b = onboarding.forms) === null || _b === void 0 ? void 0 : _b.map(async (formId) => {
+                return [formId, await firebaseQuery.getDocData(["forms", formId])];
+            }))) : [];
+            setViewableFiles(onboardingFiles);
+            setFormDetails(onboardingForms);
+            return onboardingNew;
+        };
+        getOnboardingData().then(setMOnboarding);
+    }, [onboarding]);
+    (0, react_1.useEffect)(() => {
+        console.log("onboarding change", mOnboarding, !(0, util_1.objectsEqual)(mOnboarding, onboarding));
+        if (!(0, util_1.objectsEqual)(mOnboarding, onboarding) && placementId) {
+            firebaseQuery.update(["placements", placementId], { onboarding: mOnboarding });
+        }
+    }, [mOnboarding]);
+    const stagesCompleted = () => {
+        var _a, _b;
+        console.log("CompletedSections", completedSections);
+        for (const fileViewed of (mOnboarding === null || mOnboarding === void 0 ? void 0 : mOnboarding.files) || []) {
+            if (!((_a = completedSections === null || completedSections === void 0 ? void 0 : completedSections.filesViewed) === null || _a === void 0 ? void 0 : _a.includes(fileViewed))) {
+                console.log("Checking file", fileViewed);
+                console.log("File not completed");
+                return false;
+            }
+        }
+        for (const formCompleted of (mOnboarding === null || mOnboarding === void 0 ? void 0 : mOnboarding.forms) || []) {
+            if (!Object.keys((completedSections === null || completedSections === void 0 ? void 0 : completedSections.formsCompleted) || {}).includes(formCompleted)) {
+                console.log("Form not completed");
+                return false;
+            }
+        }
+        for (var i; i++; i < (((_b = mOnboarding === null || mOnboarding === void 0 ? void 0 : mOnboarding.requiredFiles) === null || _b === void 0 ? void 0 : _b.length) || 1)) {
+            if (!Object.keys((completedSections === null || completedSections === void 0 ? void 0 : completedSections.filesUploaded) || {}).includes((i))) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const rejectOnboarding = async ({ reason }) => {
+        if (user.product !== "providers")
+            return;
+        return await (0, firebase_1.executeCallable)("placement-rejectOnboarding", { reason: reason, placementId: placementId }).then(() => {
+            setRejectPopup(false);
+            onClose();
+        }).catch(() => {
+            throw new Error("Error");
+        });
+    };
+    const acceptOnboarding = async () => {
+        if (user.product !== "providers" || !placementId)
+            return;
+        await firebaseQuery.update(["placements", placementId], { "onboarding.completed.accepted": true });
+    };
+    const submit = async () => {
+        // Check all stages completed.
+        if (!placementId)
+            return;
+        if (!stagesCompleted())
+            throw new Error("Complete all forms before submitting.");
+        await firebaseQuery.update(["placements", placementId], { ["onboarding.completed.accepted"]: false, ["onboarding.completed.submitted"]: true, ["onboarding.completed.submittedDate"]: (0, util_1.convertDate)(new Date(), "dbstring") });
+    };
+    (0, react_1.useEffect)(() => {
+        const getUploadedFiles = async () => {
+            if (!mOnboarding.completed) {
+                setUploadedFiles({});
+                return;
+            }
+            ;
+            const fileIds = Object.values(mOnboarding.completed.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 addCompletedSectionURLs = async () => {
+            const completedSectionsWithURLs = { ...mOnboarding === null || mOnboarding === void 0 ? void 0 : mOnboarding.completed };
+            completedSectionsWithURLs.filesUploaded = Object.fromEntries(await Promise.all(Object.entries(completedSectionsWithURLs.filesUploaded || {}).map(async ([fileId, items]) => {
+                const filesWithObjects = await Promise.all(items.map(async (itemId) => {
+                    const file = await firebaseQuery.getDocData(["files", itemId]);
+                    const fileUrl = await (0, storage_1.getDownloadURL)((0, storage_1.ref)(firebaseConfig_1.storage, `userFiles/${file.fileName}`));
+                    console.log("|FILEURL", fileUrl);
+                    return fileUrl;
+                }));
+                return [fileId, filesWithObjects];
+            })));
+            setCompletedSections(completedSectionsWithURLs);
+        };
+        getUploadedFiles();
+        addCompletedSectionURLs();
+    }, [mOnboarding]);
+    return { addFile, viewFile, uploadedFiles, setFormComplete, setRejectPopup, stagesCompleted, setForm, mOnboarding, form, submit, acceptOnboarding, rejectOnboarding, rejectPopup, completedSections, fileUploadPopup, setFileUploadPopup, viewableFiles, formDetails };
+}
+function useLoadAddresses(user, limitItems, queryConstraint) {
+    const [addresses, setAddresses] = (0, react_1.useState)({});
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadAddresses = () => {
+        var _a, _b, _c;
+        const constraints = [(0, firestore_1.where)("oId", "==", user.oId), (0, firestore_1.where)("product", "==", user.product), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (limitItems) {
+            constraints.push((0, firestore_1.limit)(limitItems));
+        }
+        if (((_a = user.groupData) === null || _a === void 0 ? void 0 : _a.viewAddresses) === "all" || user.userGroup === "admin") {
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id));
+            }
+        }
+        else if (((_b = user.groupData) === null || _b === void 0 ? void 0 : _b.viewAddresses) === "request") {
+            if (!((_c = user.visibleAddresses) === null || _c === void 0 ? void 0 : _c.length))
+                return;
+            constraints.push((0, firestore_1.where)((0, firestore_1.documentId)(), "in", user.visibleAddresses));
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id));
+            }
+        }
+        else {
+            setLoading(false);
+            return; // viewAddresses === "none", no need to load anything
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            const deletedAddresses = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            });
+            setAddresses((prev) => Object.fromEntries(Object.entries(prev).filter(([k]) => !deletedAddresses.includes(k))));
+            if (!snapshot.empty) {
+                const newAddresses = snapshot.docs.map(doc => ([doc.id, { id: doc.id, ...doc.data() }]));
+                const withListings = Object.fromEntries(await Promise.all(newAddresses.map(async ([k, address]) => {
+                    const listings = await firebaseQuery.getCount("placementListings", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("addressId", "==", k)]);
+                    return [k, { ...address, listings: listings }];
+                })));
+                setAddresses(prev => ({ ...prev, ...withListings }));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "addresses", constraints, undefined, true);
+    };
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = loadAddresses();
+        return () => {
+            if (unsubscribe) {
+                unsubscribe(); // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConstraints]);
+    const onScrollBottom = () => {
+        if (!limitItems)
+            return;
+        if (!loading) {
+            setLoading(true);
+            loadAddresses();
+        }
+    };
+    return { addresses, onScrollBottom, loading, changeQueryConstraints };
+}
+function useLoadListings(user, queryConstraint) {
+    const [listings, setListings] = (0, react_1.useState)([]);
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadListings = () => {
+        var _a, _b, _c, _d, _e;
+        const constraints = [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.limit)(10), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (((_a = user.groupData) === null || _a === void 0 ? void 0 : _a.viewPlacementListings) === "all" || user.userGroup === "admin") {
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        else if (((_b = user.groupData) === null || _b === void 0 ? void 0 : _b.viewPlacementListings) === "request") {
+            if (!((_c = user.visibleListings) === null || _c === void 0 ? void 0 : _c.length))
+                return;
+            constraints.push((0, firestore_1.where)((0, firestore_1.documentId)(), 'in', user.visibleListings));
+            if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+                constraints.push((0, firestore_1.startAfter)(lastDoc));
+            }
+        }
+        if (((_d = user.groupData) === null || _d === void 0 ? void 0 : _d.viewAddresses) !== "all" && user.userGroup !== "admin") {
+            if (!((_e = user.visibleAddresses) === null || _e === void 0 ? void 0 : _e.length))
+                return;
+            constraints.push((0, firestore_1.where)('addressId', 'in', user.visibleAddresses));
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            const deletedListings = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            });
+            setListings((prev) => prev.filter(([k]) => !deletedListings.includes(k)));
+            if (!snapshot.empty) {
+                const newListings = snapshot.docs.map(doc => ([doc.id, { ...doc.data(), id: doc.id }]));
+                const listingsWithAdditionalData = await Promise.all(newListings.map(async ([id, listing]) => {
+                    const listingWithAdditionalData = { ...listing };
+                    if (listingWithAdditionalData.applicants !== undefined)
+                        return [id, listingWithAdditionalData];
+                    listingWithAdditionalData.applicants = await firebaseQuery.getCount("applications", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.where)("status", "==", "submitted")]);
+                    listingWithAdditionalData.scheduled = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.where)("inProgress", "==", true), (0, firestore_1.where)("startDate", ">", (0, util_1.convertDate)(new Date(), "dbstring"))]);
+                    listingWithAdditionalData.active = await firebaseQuery.getCount("placements", [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.where)("placementId", "==", id), (0, firestore_1.where)("active", "==", true)]);
+                    return [id, listingWithAdditionalData];
+                }));
+                setListings(prev => (Object.entries({ ...Object.fromEntries(prev), ...Object.fromEntries(listingsWithAdditionalData) })));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "placementListings", constraints, undefined, true);
+    };
+    (0, react_1.useEffect)(() => {
+        let unsubscribe;
+        loadListings();
+        return () => {
+            if (unsubscribe) {
+                unsubscribe(); // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConstraints]);
+    const onScrollBottom = () => {
+        if (!loading) {
+            setLoading(true);
+            loadListings();
+        }
+    };
+    return { listings, onScrollBottom, loading, changeQueryConstraints };
+}
+function useLoadApplications({ user, applicationType, listingId, queryConstraint }) {
+    const [applications, setApplications] = (0, react_1.useState)([]);
+    const [lastDoc, setLastDoc] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [type, setType] = (0, react_1.useState)(applicationType || "all");
+    const firebaseQuery = new firebaseQuery_1.default();
+    const [queryConstraints, setQueryConstraints] = (0, react_1.useState)(queryConstraint || []);
+    const changeQueryConstraints = (e) => {
+        setQueryConstraints([...(queryConstraint || []), ...e]);
+    };
+    const loadApplications = () => {
+        var _a, _b, _c, _d;
+        const constraints = [(0, firestore_1.where)("providerId", "==", user.oId), (0, firestore_1.limit)(10), (0, firestore_1.orderBy)((0, firestore_1.documentId)())];
+        if (lastDoc === null || lastDoc === void 0 ? void 0 : lastDoc.id) {
+            constraints.push((0, firestore_1.startAfter)(lastDoc));
+        }
+        switch (type) {
+            case "actionRequired":
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"), (0, firestore_1.where)("reqUserType", "==", "Staff"));
+                break;
+            case "awaitingStudent":
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"), (0, firestore_1.where)("reqUserType", "==", "Students"));
+                break;
+            case "closed":
+                constraints.push((0, firestore_1.where)("status", "in", ["approved", "declined"]));
+                break;
+            default:
+                constraints.push((0, firestore_1.where)("status", "==", "submitted"));
+        }
+        if (listingId) {
+            constraints.push((0, firestore_1.where)("listingId", "==", listingId));
+        }
+        console.log("Constraints before user group check", constraints);
+        if (((_a = user.groupData) === null || _a === void 0 ? void 0 : _a.viewAddresses) !== "all" && user.userGroup !== "admin") {
+            if (((_b = user.groupData) === null || _b === void 0 ? void 0 : _b.viewPlacementListings) === "all") {
+                if (!((_c = user.visibleAddresses) === null || _c === void 0 ? void 0 : _c.length))
+                    return;
+                constraints.push((0, firestore_1.where)('addressId', 'in', user.visibleAddresses));
+            }
+            else {
+                if (!((_d = user.visibleListings) === null || _d === void 0 ? void 0 : _d.length))
+                    return;
+                constraints.push((0, firestore_1.where)('placementId', 'in', user.visibleListings));
+            }
+        }
+        queryConstraints && constraints.unshift(...queryConstraints);
+        console.log("Constraints after user group check", constraints);
+        return firebaseQuery.collectionSnapshot((async (snapshot) => {
+            const deletedApplications = snapshot.docChanges().map((change) => {
+                if (change.type === "removed") {
+                    return change.doc.id;
+                }
+                return;
+            });
+            console.log("applicantCount", snapshot.size);
+            setApplications((prev) => prev.filter(([k]) => !deletedApplications.includes(k)));
+            if (!snapshot.empty) {
+                const newApplications = snapshot.docs.map(doc => ([doc.id, { id: doc.id, ...doc.data() }])).filter(([, v]) => v.status !== "draft");
+                setApplications(prev => ([...prev, ...newApplications]));
+                setLastDoc(snapshot.docs[snapshot.docs.length - 1]);
+            }
+            setLoading(false);
+        }), "applications", constraints, undefined, true);
+    };
+    (0, react_1.useEffect)(() => {
+        let unsubscribe;
+        loadApplications();
+        return () => {
+            if (unsubscribe) {
+                unsubscribe(); // Unsubscribe from the snapshot listener when the component unmounts
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type, queryConstraints]);
+    const onScrollBottom = () => {
+        if (!loading) {
+            setLoading(true);
+            loadApplications();
+        }
+    };
+    return { applications, type, setType, onScrollBottom, loading, changeQueryConstraints };
+}
+const useFirestoreQuery = (firebaseQuery, props) => {
+    const { path, constraints = [], view, limit: itemsPerPage, formatItems, snapshot = false, filters = {}, search, onSearch, data: predefinedData } = props;
+    const [data, setData] = (0, react_1.useState)(predefinedData || {});
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [lastVisible, setLastVisible] = (0, react_1.useState)(null);
+    const [firstVisible, setFirstVisible] = (0, react_1.useState)(null);
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
+    const listenersRef = (0, react_1.useRef)({});
+    const buildConstraints = (0, react_1.useCallback)(() => {
+        const allConstraints = [...constraints];
+        Object.entries(filters).forEach(([key, value]) => {
+            allConstraints.push((0, firestore_1.where)(key, '==', value));
+        });
+        return allConstraints;
+    }, [constraints, filters]);
+    const paginateData = (0, react_1.useCallback)((items, page) => {
+        const startIndex = page * itemsPerPage;
+        const endIndex = startIndex + itemsPerPage;
+        const paginatedData = Object.entries(items).slice(startIndex, endIndex).reduce((acc, [key, value]) => {
+            acc[key] = value;
+            return acc;
+        }, {});
+        return paginatedData;
+    }, [itemsPerPage]);
+    const filterData = (0, react_1.useCallback)((items, searchString) => {
+        const filteredData = Object.entries(items).filter(([key, value]) => {
+            const itemString = JSON.stringify(value).toLowerCase();
+            return itemString.includes(searchString.toLowerCase());
+        }).reduce((acc, [key, value]) => {
+            acc[key] = value;
+            return acc;
+        }, {});
+        return filteredData;
+    }, []);
+    const applyFormatItems = (0, react_1.useCallback)(async (key, item) => {
+        if (formatItems) {
+            const result = formatItems(key, item);
+            return result instanceof Promise ? await result : result;
+        }
+        return { key, item };
+    }, [formatItems]);
+    const setSearch = (0, react_1.useCallback)(async (newSearch, page = 0) => {
+        if (predefinedData) {
+            let results = predefinedData;
+            if (newSearch) {
+                results = filterData(results, newSearch);
+            }
+            const paginatedResults = paginateData(results, page);
+            setData(paginatedResults);
+            setLoading(Object.keys(paginatedResults).length < itemsPerPage ? 'loaded' : false);
+            return;
+        }
+        if (onSearch) {
+            setLoading(true);
+            const results = await onSearch(newSearch, page, itemsPerPage);
+            setData(results);
+            setLoading(results && Object.keys(results).length < itemsPerPage ? 'loaded' : false);
+        }
+    }, [onSearch, itemsPerPage, filterData, paginateData, predefinedData]);
+    const fetchData = (0, react_1.useCallback)(async (direction) => {
+        if (snapshot) {
+            return;
+        }
+        if (predefinedData) {
+            setLoading(false);
+            let results = predefinedData;
+            if (search) {
+                results = filterData(results, search);
+            }
+            const paginatedResults = paginateData(results, currentPage);
+            setData(paginatedResults);
+            setLoading(Object.keys(paginatedResults).length < itemsPerPage ? 'loaded' : false);
+            return;
+        }
+        setLoading(true);
+        const constraintsWithLimit = [...buildConstraints(), (0, firestore_1.limit)(itemsPerPage)];
+        if (view === 'list' && lastVisible && direction === 'up') {
+            constraintsWithLimit.push((0, firestore_1.startAfter)(lastVisible));
+        }
+        if (view === 'table' && direction) {
+            if (direction === 'up' && lastVisible) {
+                constraintsWithLimit.push((0, firestore_1.startAfter)(lastVisible));
+            }
+            if (direction === 'down' && firstVisible) {
+                constraintsWithLimit.push((0, firestore_1.endBefore)(firstVisible));
+            }
+        }
+        const results = await firebaseQuery.getDocsWhere(path, constraintsWithLimit, true);
+        if (Object.keys(results).length === 0) {
+            setLoading('loaded');
+            return;
+        }
+        const formattedResults = {};
+        for (const [key, item] of Object.entries(results)) {
+            const formatted = await applyFormatItems(key, item);
+            formattedResults[formatted.key] = formatted.item;
+        }
+        setData(prevData => (direction === 'down' ? formattedResults : { ...prevData, ...formattedResults }));
+        const docEntries = Object.entries(results);
+        if (direction === 'up' || !direction) {
+            setLastVisible(docEntries[docEntries.length - 1][1]);
+        }
+        if (direction === 'down' || !direction) {
+            setFirstVisible(docEntries[0][1]);
+        }
+        setLoading(false);
+    }, [buildConstraints, firebaseQuery, applyFormatItems, lastVisible, firstVisible, view, snapshot, predefinedData, filterData, paginateData, currentPage, itemsPerPage]);
+    const pageUp = (0, react_1.useCallback)(() => {
+        setCurrentPage(prevPage => {
+            const newPage = prevPage + 1;
+            if (search && onSearch) {
+                setSearch(search, newPage);
+            }
+            else {
+                fetchData('up');
+            }
+            return newPage;
+        });
+    }, [fetchData, onSearch, search, setSearch]);
+    const pageDown = (0, react_1.useCallback)(() => {
+        setCurrentPage(prevPage => {
+            const newPage = Math.max(prevPage - 1, 0);
+            if (search && onSearch) {
+                setSearch(search, newPage);
+            }
+            else {
+                fetchData('down');
+            }
+            return newPage;
+        });
+    }, [fetchData, onSearch, search, setSearch]);
+    const reset = (0, react_1.useCallback)(() => {
+        setData(predefinedData || {});
+        setLastVisible(null);
+        setFirstVisible(null);
+        setCurrentPage(0);
+        setLoading(true);
+        fetchData();
+    }, [fetchData, predefinedData]);
+    const setQueries = (0, react_1.useCallback)((newConstraints) => {
+        reset();
+    }, [reset]);
+    const setFilters = (0, react_1.useCallback)((newFilters) => {
+        reset();
+    }, [reset]);
+    (0, react_1.useEffect)(() => {
+        if (!search) {
+            fetchData();
+        }
+        else {
+            setSearch(search, 0);
+        }
+    }, [fetchData, search, setSearch]);
+    (0, react_1.useEffect)(() => {
+        if (snapshot && path) {
+            const constraintsWithLimit = [...buildConstraints(), (0, firestore_1.limit)(itemsPerPage)];
+            const handleSnapshot = (querySnapshot) => {
+                const items = {};
+                querySnapshot.docs.forEach((doc) => {
+                    items[doc.id] = doc.data();
+                });
+                if (search) {
+                    const filteredData = filterData(items, search);
+                    const paginatedData = paginateData(filteredData, currentPage);
+                    setData(paginatedData);
+                }
+                else {
+                    const paginatedData = paginateData(items, currentPage);
+                    setData(paginatedData);
+                }
+                setLastVisible(querySnapshot.docs[querySnapshot.docs.length - 1] || null);
+                setFirstVisible(querySnapshot.docs[0] || null);
+                setLoading(Object.keys(items).length < itemsPerPage ? 'loaded' : false);
+            };
+            const unsubscribe = firebaseQuery.collectionSnapshot(handleSnapshot, path, constraintsWithLimit, undefined, true);
+            listenersRef.current[path.toString()] = unsubscribe;
+            return () => {
+                if (listenersRef.current[path.toString()]) {
+                    listenersRef.current[path.toString()]();
+                }
+            };
+        }
+        return () => {
+            Object.values(listenersRef.current).forEach(unsub => unsub());
+        };
+    }, [path, snapshot, buildConstraints, itemsPerPage, filterData, paginateData, currentPage, search, firebaseQuery]);
+    return {
+        data,
+        loading,
+        pageUp,
+        pageDown: view === 'table' ? pageDown : undefined,
+        setQueries,
+        reset,
+        setFilters,
+        setSearch,
+    };
+};
+exports.useFirestoreQuery = useFirestoreQuery;
 //# sourceMappingURL=hooks.js.map