@rebasepro/client-firebase 0.0.1-canary.4d4fb3e → 0.0.1-canary.ca2cb6e

package/dist/index.es.js

@@ -11,11 +11,14 @@ import Fuse from "fuse.js";
 import { getFunctions, httpsCallable } from "@firebase/functions";
 import { c } from "react-compiler-runtime";
 import { getDatabase, query as query$1, ref as ref$1, orderByKey, startAt, limitToFirst, get, onValue, push, set, remove, orderByChild } from "@firebase/database";
+import equal from "react-fast-compare";
+import { removeUndefined } from "@rebasepro/utils";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useModeController, ErrorView, useSnackbarController, RebaseLogo, useBrowserTitleAndIcon, useBuildModeController, useBuildAdminModeController, useBuildLocalConfigurationPersistence, useValidateAuthenticator, RebaseRoutes, Rebase, AdminModeControllerProvider, SnackbarProvider, ModeControllerProvider } from "@rebasepro/core";
-import { useBuildCollectionRegistryController, useBuildUrlController, useBuildNavigationStateController, NavigationStateContext, UrlContext, CollectionRegistryContext, Scaffold, AppBar, Drawer, SideDialogs } from "@rebasepro/cms";
-import { MailIcon, CallIcon, PersonIcon, Button, cls, IconButton, ArrowBackIcon, Typography, TextField, CircularProgress, LoadingButton, CircularProgressCenter, CenteredView } from "@rebasepro/ui";
-import { Routes, Route, Outlet } from "react-router-dom";
+import { useBuildCollectionRegistryController, useBuildUrlController, useBuildNavigationStateController, NavigationStateContext, UrlContext, CollectionRegistryContext, SideEntityProvider, RebaseRoute, Scaffold, AppBar, Drawer, SideDialogs } from "@rebasepro/admin";
+import { iconSize, Button, cls, IconButton, Typography, TextField, CircularProgress, LoadingButton, CircularProgressCenter, CenteredView } from "@rebasepro/ui";
+import { Navigate, Route, Outlet } from "react-router-dom";
+import { MailIcon, PhoneIcon, UserIcon, ArrowLeftIcon } from "lucide-react";
 const useFirebaseAuthController = ({
   loading,
   firebaseApp,
@@ -262,10 +265,9 @@ function useFirebaseStorageSource({
   const projectId = firebaseApp?.options?.projectId;
   const urlsCache = {};
   return {
-    uploadFile({
+    putObject({
       file,
-      fileName,
-      path,
+      key,
       metadata,
       bucket
     }) {
@@ -274,8 +276,7 @@ function useFirebaseStorageSource({
         const storageBucketUrl = bucket ?? bucketUrl;
         const storage = getStorage(firebaseApp, storageBucketUrl);
         if (!storage) throw Error("useFirebaseStorageSource Firebase not initialised");
-        const usedFilename = fileName ?? file.name;
-        const storageRef = ref(storage, `${path}/${usedFilename}`);
+        const storageRef = ref(storage, key);
         const uploadTask = uploadBytesResumable(storageRef, file, metadata);
         return new Promise((resolve, reject) => {
           let lastProgress = 0;
@@ -330,9 +331,9 @@ function useFirebaseStorageSource({
             const fullPath = uploadTask.snapshot.ref.fullPath;
             const bucketName = uploadTask.snapshot.ref.bucket;
             resolve({
-              path: fullPath,
+              key: fullPath,
               bucket: bucketName,
-              storageUrl: `gs://${bucketName}/${fullPath}`
+              storageUrl: `s3://${bucketName}/${fullPath}`
             });
           });
         });
@@ -340,7 +341,7 @@ function useFirebaseStorageSource({
         return Promise.reject(error);
       }
     },
-    async getFile(path, bucket) {
+    async getObject(path, bucket) {
       try {
         if (!firebaseApp) throw Error("useFirebaseStorageSource Firebase not initialised");
         const storageBucketUrl = bucket ?? bucketUrl;
@@ -356,12 +357,14 @@ function useFirebaseStorageSource({
         throw e;
       }
     },
-    async getDownloadURL(storagePathOrUrl, bucket) {
+    async getSignedUrl(storagePathOrUrl, bucket) {
       if (!firebaseApp) throw Error("useFirebaseStorageSource Firebase not initialised");
       let resolvedPathOrUrl = storagePathOrUrl;
       let resolvedBucket = bucket;
-      if (storagePathOrUrl.startsWith("gs://")) {
-        const withoutProtocol = storagePathOrUrl.substring("gs://".length);
+      const match = storagePathOrUrl.match(/^(s3|gs):\/\//);
+      if (match) {
+        const protocolLength = match[0].length;
+        const withoutProtocol = storagePathOrUrl.substring(protocolLength);
         const firstSlash = withoutProtocol.indexOf("/");
         if (firstSlash > 0) {
           resolvedBucket = withoutProtocol.substring(0, firstSlash);
@@ -389,18 +392,18 @@ function useFirebaseStorageSource({
         throw e;
       }
     },
-    async list(path, options) {
+    async listObjects(prefix, options) {
       if (!firebaseApp) throw Error("useFirebaseStorageSource Firebase not initialised");
       const storageBucketUrl = options?.bucket ?? bucketUrl;
       const storage = getStorage(firebaseApp, storageBucketUrl);
       if (!storage) throw Error("useFirebaseStorageSource Firebase not initialised");
-      const folderRef = ref(storage, path);
+      const folderRef = ref(storage, prefix);
       return await list(folderRef, {
         maxResults: options?.maxResults,
         pageToken: options?.pageToken
       });
     },
-    async deleteFile(path, bucket) {
+    async deleteObject(path, bucket) {
       if (!firebaseApp) throw Error("useFirebaseStorageSource Firebase not initialised");
       const storageBucketUrl = bucket ?? bucketUrl;
       const storage = getStorage(firebaseApp, storageBucketUrl);
@@ -1472,6 +1475,8 @@ function cmsToFirestoreModel(data, firestore, inArray = false) {
   } else if (data.isEntityReference && data.isEntityReference()) {
     const targetFirestore = data.databaseId ? getFirestore(firestore.app, data.databaseId) : firestore;
     return doc(targetFirestore, data.path, data.id);
+  } else if (data && typeof data === "object" && data.__type === "relation" && data.path && data.id) {
+    return doc(firestore, data.path, String(data.id));
   } else if (data instanceof GeoPoint) {
     return new GeoPoint$1(data.latitude, data.longitude);
   } else if (data instanceof Date) {
@@ -1842,7 +1847,282 @@ function _temp$1() {
     size: "invisible"
   });
 }
-const googleIcon = (mode) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: 32, height: 32, children: [
+function useBuildUserManagement({
+  authController,
+  dataSourceDelegate,
+  roles: rolesProp,
+  usersPath = "__FIRECMS/config/users",
+  rolesPath = "__FIRECMS/config/roles",
+  allowDefaultRolesCreation,
+  includeCollectionConfigPermissions
+}) {
+  if (!authController) {
+    throw Error("useBuildUserManagement: You need to provide an authController since version 3.0.0-beta.11. Check https://firecms.co/docs/pro/migrating_from_v3_beta");
+  }
+  const rolesDefinedInCode = (rolesProp ?? [])?.length > 0;
+  const [rolesLoading, setRolesLoading] = React.useState(!rolesDefinedInCode);
+  const [usersLoading, setUsersLoading] = React.useState(true);
+  const [roles, setRoles] = React.useState(rolesProp ?? []);
+  const [usersWithRoleIds, setUsersWithRoleIds] = React.useState([]);
+  const users = usersWithRoleIds.map((u) => ({
+    ...u
+  }));
+  const [rolesError, setRolesError] = React.useState();
+  const [usersError, setUsersError] = React.useState();
+  const _usersLoading = usersLoading;
+  const _rolesLoading = rolesLoading;
+  const loading = _rolesLoading || _usersLoading;
+  useEffect(() => {
+    if (rolesDefinedInCode) return;
+    if (!dataSourceDelegate || !rolesPath) return;
+    if (dataSourceDelegate.initialised !== void 0 && !dataSourceDelegate.initialised) return;
+    if (authController?.initialLoading) return;
+    setRolesLoading(true);
+    return dataSourceDelegate.listenCollection?.({
+      path: rolesPath,
+      onUpdate(entities) {
+        setRolesError(void 0);
+        console.debug("Updating roles", entities);
+        try {
+          const newRoles = entityToRoles(entities);
+          if (!equal(newRoles, roles)) {
+            setRoles(newRoles);
+          }
+        } catch (e) {
+          setRoles([]);
+          console.error("Error loading roles", e);
+          setRolesError(e);
+        }
+        setRolesLoading(false);
+      },
+      onError(e_0) {
+        setRoles([]);
+        console.error("Error loading roles", e_0);
+        setRolesError(e_0);
+        setRolesLoading(false);
+      }
+    });
+  }, [rolesDefinedInCode, dataSourceDelegate?.initialised, authController?.initialLoading, authController?.user?.uid, rolesPath]);
+  useEffect(() => {
+    if (!dataSourceDelegate || !usersPath) return;
+    if (dataSourceDelegate.initialised !== void 0 && !dataSourceDelegate.initialised) {
+      return;
+    }
+    if (authController?.initialLoading) {
+      return;
+    }
+    setUsersLoading(true);
+    return dataSourceDelegate.listenCollection?.({
+      path: usersPath,
+      onUpdate(entities_0) {
+        console.debug("Updating users", entities_0);
+        setUsersError(void 0);
+        try {
+          const newUsers = entitiesToUsers(entities_0);
+          setUsersWithRoleIds(newUsers);
+        } catch (e_1) {
+          setUsersWithRoleIds([]);
+          console.error("Error loading users", e_1);
+          setUsersError(e_1);
+        }
+        setUsersLoading(false);
+      },
+      onError(e_2) {
+        console.error("Error loading users", e_2);
+        setUsersWithRoleIds([]);
+        setUsersError(e_2);
+        setUsersLoading(false);
+      }
+    });
+  }, [dataSourceDelegate?.initialised, authController?.initialLoading, authController?.user?.uid, usersPath]);
+  const saveUser = useCallback(async (user) => {
+    if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+    if (!usersPath) throw Error("useBuildUserManagement Firestore not initialised");
+    console.debug("Persisting user", user);
+    const roleIds = user.roles;
+    const email = user.email?.toLowerCase().trim();
+    if (!email) throw Error("Email is required");
+    const userExists = users.find((u_0) => u_0.email?.toLowerCase() === email);
+    const data = {
+      ...user,
+      roles: roleIds ?? []
+    };
+    if (!userExists) {
+      data.created_on = /* @__PURE__ */ new Date();
+    }
+    if (userExists && userExists.uid !== user.uid) {
+      const entity = {
+        values: {},
+        path: usersPath,
+        id: userExists.uid
+      };
+      await dataSourceDelegate.deleteEntity({
+        entity
+      }).then(() => {
+        console.debug("Deleted previous user", userExists);
+      }).catch((e_3) => {
+        console.error("Error deleting user", e_3);
+      });
+    }
+    return dataSourceDelegate.saveEntity({
+      status: "existing",
+      path: usersPath,
+      entityId: email,
+      values: removeUndefined(data)
+    }).then(() => user);
+  }, [usersPath, dataSourceDelegate?.initialised]);
+  const saveRole = useCallback((role) => {
+    if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+    if (!rolesPath) throw Error("useBuildUserManagement Firestore not initialised");
+    console.debug("Persisting role", role);
+    const {
+      id,
+      ...roleData
+    } = role;
+    return dataSourceDelegate.saveEntity({
+      status: "existing",
+      path: rolesPath,
+      entityId: id,
+      values: removeUndefined(roleData)
+    }).then(() => {
+      return;
+    });
+  }, [rolesPath, dataSourceDelegate?.initialised]);
+  const deleteUser = useCallback(async (user_0) => {
+    if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+    if (!usersPath) throw Error("useBuildUserManagement Firestore not initialised");
+    console.debug("Deleting", user_0);
+    const {
+      uid
+    } = user_0;
+    const entity_0 = {
+      path: usersPath,
+      id: uid,
+      values: {}
+    };
+    await dataSourceDelegate.deleteEntity({
+      entity: entity_0
+    });
+  }, [usersPath, dataSourceDelegate?.initialised]);
+  const deleteRole = useCallback(async (role_0) => {
+    if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+    if (!rolesPath) throw Error("useBuildUserManagement Firestore not initialised");
+    console.debug("Deleting", role_0);
+    const {
+      id: id_0
+    } = role_0;
+    const entity_1 = {
+      path: rolesPath,
+      id: id_0,
+      values: {}
+    };
+    await dataSourceDelegate.deleteEntity({
+      entity: entity_1
+    });
+  }, [rolesPath, dataSourceDelegate?.initialised]);
+  const defineRolesFor = useCallback((user_1) => {
+    if (!usersWithRoleIds) throw Error("Users not loaded");
+    const mgmtUser = usersWithRoleIds.find((u_1) => u_1.email?.toLowerCase() === user_1?.email?.toLowerCase());
+    if (!mgmtUser || !mgmtUser.roles) return void 0;
+    return roles.filter((r) => mgmtUser.roles.includes(r.id));
+  }, [roles, usersWithRoleIds]);
+  const authenticator = useCallback(({
+    user: user_2
+  }) => {
+    if (loading) {
+      return false;
+    }
+    if (user_2 === null) {
+      console.warn("User is null, returning");
+      return false;
+    }
+    if (users.length === 0) {
+      console.warn("No users created yet");
+      return true;
+    }
+    const mgmtUser_0 = users.find((u_2) => u_2.email?.toLowerCase() === user_2?.email?.toLowerCase());
+    if (mgmtUser_0) {
+      const needsUidUpdate = mgmtUser_0.uid !== user_2.uid;
+      const needsPhotoUpdate = user_2.photoURL && mgmtUser_0.photoURL !== user_2.photoURL;
+      if (needsUidUpdate || needsPhotoUpdate) {
+        const updateReason = needsUidUpdate ? "uid" : "photoURL";
+        console.debug(`User ${updateReason} has changed, updating user in user management system`);
+        saveUser({
+          ...mgmtUser_0,
+          uid: user_2.uid,
+          ...needsPhotoUpdate ? {
+            photoURL: user_2.photoURL
+          } : {}
+        }).then(() => {
+          console.debug("User updated in user management system", mgmtUser_0);
+        }).catch((e_4) => {
+          console.error("Error updating user in user management system", e_4);
+        });
+      }
+      console.debug("User found in user management system", mgmtUser_0);
+      return true;
+    }
+    throw Error("Could not find a user with the provided email in the user management system.");
+  }, [loading, users]);
+  const userRoles = authController.user ? defineRolesFor(authController.user) : void 0;
+  const isAdmin = (userRoles ?? []).some((r_0) => r_0.id === "admin");
+  const userRoleIds = userRoles?.map((r_1) => r_1.id);
+  useEffect(() => {
+    console.debug("Setting user roles", {
+      userRoles,
+      roles
+    });
+    authController.setUserRoles?.(userRoles ?? []);
+  }, [userRoleIds]);
+  const getUser = useCallback((uid_0) => {
+    if (!users) return null;
+    const user_3 = users.find((u_3) => u_3.uid === uid_0);
+    return user_3 ?? null;
+  }, [users]);
+  return {
+    loading,
+    roles,
+    users,
+    saveUser,
+    saveRole,
+    rolesError,
+    deleteUser,
+    deleteRole,
+    usersError,
+    isAdmin,
+    allowDefaultRolesCreation: allowDefaultRolesCreation === void 0 ? true : allowDefaultRolesCreation,
+    includeCollectionConfigPermissions: Boolean(includeCollectionConfigPermissions),
+    defineRolesFor,
+    authenticator,
+    ...authController,
+    initialLoading: authController.initialLoading || loading,
+    userRoles,
+    getUser,
+    user: authController.user ? {
+      ...authController.user,
+      roles: userRoles
+    } : null
+  };
+}
+const entitiesToUsers = (docs) => {
+  return docs.map((doc2) => {
+    const data = doc2.values;
+    const newVar = {
+      uid: doc2.id,
+      ...data,
+      created_on: data?.created_on,
+      updated_on: data?.updated_on
+    };
+    return newVar;
+  });
+};
+const entityToRoles = (entities) => {
+  return entities.map((doc2) => ({
+    id: doc2.id,
+    ...doc2.values
+  }));
+};
+const googleIcon = (mode) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: 24, height: 24, children: [
   /* @__PURE__ */ jsxs("linearGradient", { id: "95yY7w43Oj6n2vH63j6HJb", x1: "29.401", x2: "29.401", y1: "4.064", y2: "106.734", gradientTransform: "matrix(1 0 0 -1 0 66)", gradientUnits: "userSpaceOnUse", children: [
     /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#ff5840" }),
     /* @__PURE__ */ jsx("stop", { offset: ".007", stopColor: "#ff5840" }),
@@ -1871,13 +2151,13 @@ const googleIcon = (mode) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PUR
   ] }),
   /* @__PURE__ */ jsx("path", { fill: "url(#95yY7w43Oj6n2vH63j6HJe)", d: "M59,31.97c0.01,7.73-3.26,14.58-8.55,19.31l-7.62-6.72c2.1-1.61,3.77-3.71,4.84-6.15\n        c0.29-0.66-0.2-1.41-0.92-1.41H37c-2.21,0-4-1.79-4-4v-2c0-2.21,1.79-4,4-4h17C56.75,27,59,29.22,59,31.97z" })
 ] }) });
-const appleIcon = (mode) => /* @__PURE__ */ jsx("svg", { width: 32, height: 32, viewBox: "0 0 56 56", style: {
+const appleIcon = (mode) => /* @__PURE__ */ jsx("svg", { width: 24, height: 24, viewBox: "0 0 56 56", style: {
   transform: "scale(2.8)"
 }, version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("g", { stroke: mode === "light" ? "#424245" : "white", strokeWidth: "0.5", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M28.2226562,20.3846154 C29.0546875,20.3846154 30.0976562,19.8048315 30.71875,19.0317864 C31.28125,18.3312142 31.6914062,17.352829 31.6914062,16.3744437 C31.6914062,16.2415766 31.6796875,16.1087095 31.65625,16 C30.7304687,16.0362365 29.6171875,16.640178 28.9492187,17.4494596 C28.421875,18.06548 27.9414062,19.0317864 27.9414062,20.0222505 C27.9414062,20.1671964 27.9648438,20.3121424 27.9765625,20.3604577 C28.0351562,20.3725366 28.1289062,20.3846154 28.2226562,20.3846154 Z M25.2929688,35 C26.4296875,35 26.9335938,34.214876 28.3515625,34.214876 C29.7929688,34.214876 30.109375,34.9758423 31.375,34.9758423 C32.6171875,34.9758423 33.4492188,33.792117 34.234375,32.6325493 C35.1132812,31.3038779 35.4765625,29.9993643 35.5,29.9389701 C35.4179688,29.9148125 33.0390625,28.9122695 33.0390625,26.0979021 C33.0390625,23.6579784 34.9140625,22.5588048 35.0195312,22.474253 C33.7773438,20.6382708 31.890625,20.5899555 31.375,20.5899555 C29.9804688,20.5899555 28.84375,21.4596313 28.1289062,21.4596313 C27.3554688,21.4596313 26.3359375,20.6382708 25.1289062,20.6382708 C22.8320312,20.6382708 20.5,22.5950413 20.5,26.2911634 C20.5,28.5861411 21.3671875,31.013986 22.4335938,32.5842339 C23.3476562,33.9129053 24.1445312,35 25.2929688,35 Z", fill: mode === "light" ? "#424245" : "white", fillRule: "nonzero" }) }) });
-const githubIcon = (mode) => /* @__PURE__ */ jsx("svg", { fill: mode === "light" ? "#1c1e21" : "white", role: "img", viewBox: "0 0 24 24", width: 28, height: 28, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
-const facebookIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 90 90", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M90,15.001C90,7.119,82.884,0,75,0H15C7.116,0,0,7.119,0,15.001v59.998   C0,82.881,7.116,90,15.001,90H45V56H34V41h11v-5.844C45,25.077,52.568,16,61.875,16H74v15H61.875C60.548,31,59,32.611,59,35.024V41   h15v15H59v34h16c7.884,0,15-7.119,15-15.001V15.001z", fill: mode === "light" ? "#39569c" : "white" }) }) });
-const microsoftIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 480 480", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M0.176,224L0.001,67.963l192-26.072V224H0.176z M224.001,37.241L479.937,0v224H224.001V37.241z M479.999,256l-0.062,224   l-255.936-36.008V256H479.999z M192.001,439.918L0.157,413.621L0.147,256h191.854V439.918z", fill: mode === "light" ? "#00a2ed" : "white" }) }) });
-const twitterIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fill: mode === "light" ? "#00acee" : "white", d: "M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" }) });
+const githubIcon = (mode) => /* @__PURE__ */ jsx("svg", { fill: mode === "light" ? "#1c1e21" : "white", role: "img", viewBox: "0 0 24 24", width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
+const facebookIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 90 90", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M90,15.001C90,7.119,82.884,0,75,0H15C7.116,0,0,7.119,0,15.001v59.998   C0,82.881,7.116,90,15.001,90H45V56H34V41h11v-5.844C45,25.077,52.568,16,61.875,16H74v15H61.875C60.548,31,59,32.611,59,35.024V41   h15v15H59v34h16c7.884,0,15-7.119,15-15.001V15.001z", fill: mode === "light" ? "#39569c" : "white" }) }) });
+const microsoftIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 480 480", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M0.176,224L0.001,67.963l192-26.072V224H0.176z M224.001,37.241L479.937,0v224H224.001V37.241z M479.999,256l-0.062,224   l-255.936-36.008V256H479.999z M192.001,439.918L0.157,413.621L0.147,256h191.854V439.918z", fill: mode === "light" ? "#00a2ed" : "white" }) }) });
+const twitterIcon = (mode) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fill: mode === "light" ? "#00acee" : "white", d: "M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" }) });
 function FirebaseLoginView({
   children,
   allowSkipLogin,
@@ -1989,9 +2269,9 @@ function FirebaseLoginView({
       buildErrorView(),
       !passwordLoginSelected && !phoneLoginSelected && /* @__PURE__ */ jsxs("div", { className: "my-4 w-full", children: [
         buildOauthLoginButtons(authController, resolvedSignInOptions, modeState.mode, disabled),
-        resolvedSignInOptions.includes("password") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Email/password", icon: /* @__PURE__ */ jsx(MailIcon, { size: 28 }), onClick: () => setPasswordLoginSelected(true) }),
-        resolvedSignInOptions.includes("phone") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Phone number", icon: /* @__PURE__ */ jsx(CallIcon, { size: 28 }), onClick: () => setPhoneLoginSelected(true) }),
-        resolvedSignInOptions.includes("anonymous") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Log in anonymously", icon: /* @__PURE__ */ jsx(PersonIcon, { size: 28 }), onClick: authController.anonymousLogin }),
+        resolvedSignInOptions.includes("password") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Email/password", icon: /* @__PURE__ */ jsx(MailIcon, { size: iconSize.medium }), onClick: () => setPasswordLoginSelected(true) }),
+        resolvedSignInOptions.includes("phone") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "PhoneIcon number", icon: /* @__PURE__ */ jsx(PhoneIcon, { size: iconSize.medium }), onClick: () => setPhoneLoginSelected(true) }),
+        resolvedSignInOptions.includes("anonymous") && /* @__PURE__ */ jsx(LoginButton, { disabled, text: "Log in anonymously", icon: /* @__PURE__ */ jsx(UserIcon, { size: "medium" }), onClick: authController.anonymousLogin }),
         allowSkipLogin && /* @__PURE__ */ jsx(Button, { className: "m-1 mb-4", variant: "text", disabled, onClick: authController.skipLogin, children: "Skip login" })
       ] }),
       passwordLoginSelected && /* @__PURE__ */ jsx(LoginForm, { authController, onClose: () => setPasswordLoginSelected(false), mode: modeState.mode, noUserComponent, disableSignupScreen, disableResetPassword }),
@@ -2008,10 +2288,10 @@ function LoginButton(t0) {
     text,
     disabled
   } = t0;
-  const t1 = disabled ? "" : "hover:text-surface-800 hover:dark:text-white";
+  const t1 = disabled ? "" : "hover:text-surface-950 hover:dark:text-white";
   let t2;
   if ($[0] !== t1) {
-    t2 = cls("w-full bg-white dark:bg-surface-800 text-surface-900 dark:text-surface-100", t1);
+    t2 = cls("w-full bg-white dark:bg-surface-950 text-surface-900 dark:text-surface-100", t1);
     $[0] = t1;
     $[1] = t2;
   } else {
@@ -2121,7 +2401,7 @@ function PhoneLoginForm(t0) {
   }
   let t4;
   if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(ArrowBackIcon, { className: "w-5 h-5" });
+    t4 = /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "w-5 h-5" });
     $[7] = t4;
   } else {
     t4 = $[7];
@@ -2302,7 +2582,7 @@ function LoginForm({
   };
   const label = loginState === "registration" ? "Please enter your email and password to create an account" : loginState === "password" ? "Please enter your password" : "Please enter your email";
   return /* @__PURE__ */ jsx("form", { className: "w-full", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "max-w-[480px] w-full flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx(IconButton, { onClick: onBackPressed, children: /* @__PURE__ */ jsx(ArrowBackIcon, { className: "w-5 h-5" }) }),
+    /* @__PURE__ */ jsx(IconButton, { onClick: onBackPressed, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "w-5 h-5" }) }),
     /* @__PURE__ */ jsx("div", { children: loginState === "registration" && noUserComponent }),
     /* @__PURE__ */ jsx(Typography, { className: `${loginState === "registration" && disableSignupScreen ? "hidden" : "flex"}`, variant: "subtitle2", children: label }),
     (loginState === "email" || loginState === "registration") && /* @__PURE__ */ jsx(TextField, { placeholder: "Email", autoFocus: true, value: email ?? "", disabled: authController.authLoading, type: "email", onChange: (event_1) => setEmail(event_1.target.value) }),
@@ -2355,7 +2635,7 @@ function buildOauthLoginButtons(authController, providers, mode, disabled) {
 }
 const DEFAULT_SIGN_IN_OPTIONS = [GoogleAuthProvider.PROVIDER_ID];
 function RebaseFirebaseApp(t0) {
-  const $ = c(93);
+  const $ = c(98);
   const {
     name,
     logo,
@@ -2537,82 +2817,97 @@ function RebaseFirebaseApp(t0) {
   }
   const urlController = useBuildUrlController(t15);
   let t16;
-  if ($[33] !== firestoreDelegate) {
-    t16 = buildRebaseData(firestoreDelegate);
-    $[33] = firestoreDelegate;
-    $[34] = t16;
+  if ($[33] !== authController || $[34] !== firestoreDelegate) {
+    t16 = {
+      authController,
+      dataSourceDelegate: firestoreDelegate
+    };
+    $[33] = authController;
+    $[34] = firestoreDelegate;
+    $[35] = t16;
   } else {
-    t16 = $[34];
+    t16 = $[35];
   }
+  const defaultUserManagement = useBuildUserManagement(t16);
+  const activeUserManagement = userManagement ?? defaultUserManagement;
   let t17;
-  if ($[35] !== adminModeController.mode || $[36] !== adminViews || $[37] !== authController || $[38] !== collectionRegistryController || $[39] !== collections || $[40] !== plugins || $[41] !== t16 || $[42] !== urlController || $[43] !== userManagement || $[44] !== views) {
-    t17 = {
+  if ($[36] !== firestoreDelegate) {
+    t17 = buildRebaseData(firestoreDelegate);
+    $[36] = firestoreDelegate;
+    $[37] = t17;
+  } else {
+    t17 = $[37];
+  }
+  const t18 = activeUserManagement;
+  let t19;
+  if ($[38] !== adminModeController.mode || $[39] !== adminViews || $[40] !== authController || $[41] !== collectionRegistryController || $[42] !== collections || $[43] !== plugins || $[44] !== t17 || $[45] !== t18 || $[46] !== urlController || $[47] !== views) {
+    t19 = {
       collections,
       views,
       adminViews,
       authController,
-      data: t16,
+      data: t17,
       plugins,
       collectionRegistryController,
       urlController,
       adminMode: adminModeController.mode,
-      userManagement
+      userManagement: t18
     };
-    $[35] = adminModeController.mode;
-    $[36] = adminViews;
-    $[37] = authController;
-    $[38] = collectionRegistryController;
-    $[39] = collections;
-    $[40] = plugins;
-    $[41] = t16;
-    $[42] = urlController;
-    $[43] = userManagement;
-    $[44] = views;
-    $[45] = t17;
+    $[38] = adminModeController.mode;
+    $[39] = adminViews;
+    $[40] = authController;
+    $[41] = collectionRegistryController;
+    $[42] = collections;
+    $[43] = plugins;
+    $[44] = t17;
+    $[45] = t18;
+    $[46] = urlController;
+    $[47] = views;
+    $[48] = t19;
   } else {
-    t17 = $[45];
+    t19 = $[48];
   }
-  const navigationStateController = useBuildNavigationStateController(t17);
+  const navigationStateController = useBuildNavigationStateController(t19);
   if (firebaseConfigLoading || !firebaseApp || loading) {
-    let t182;
-    if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t182 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CircularProgressCenter, {}) });
-      $[46] = t182;
+    let t202;
+    if ($[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t202 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CircularProgressCenter, {}) });
+      $[49] = t202;
     } else {
-      t182 = $[46];
+      t202 = $[49];
     }
-    return t182;
+    return t202;
   }
   if (configError) {
-    let t182;
-    if ($[47] !== configError) {
-      t182 = /* @__PURE__ */ jsx(CenteredView, { children: configError });
-      $[47] = configError;
-      $[48] = t182;
+    let t202;
+    if ($[50] !== configError) {
+      t202 = /* @__PURE__ */ jsx(CenteredView, { children: configError });
+      $[50] = configError;
+      $[51] = t202;
     } else {
-      t182 = $[48];
+      t202 = $[51];
     }
-    return t182;
+    return t202;
   }
-  let t18;
-  if ($[49] !== firebaseApp.options.projectId) {
-    t18 = (t192) => {
+  let t20;
+  if ($[52] !== firebaseApp.options.projectId) {
+    t20 = (t212) => {
       const {
         entity
-      } = t192;
+      } = t212;
       return `https://console.firebase.google.com/project/${firebaseApp.options.projectId}/firestore/data/${entity.path}/${entity.id}`;
     };
-    $[49] = firebaseApp.options.projectId;
-    $[50] = t18;
+    $[52] = firebaseApp.options.projectId;
+    $[53] = t20;
   } else {
-    t18 = $[50];
+    t20 = $[53];
   }
-  let t19;
-  if ($[51] !== allowSkipLogin || $[52] !== authController || $[53] !== authLoading || $[54] !== autoOpenDrawer || $[55] !== canAccessMainView || $[56] !== components || $[57] !== firebaseApp || $[58] !== logo || $[59] !== logoDark || $[60] !== modeController || $[61] !== name || $[62] !== notAllowedError || $[63] !== signInOptions) {
-    t19 = (t202) => {
+  let t21;
+  if ($[54] !== allowSkipLogin || $[55] !== authController || $[56] !== authLoading || $[57] !== autoOpenDrawer || $[58] !== canAccessMainView || $[59] !== components || $[60] !== firebaseApp || $[61] !== logo || $[62] !== logoDark || $[63] !== modeController || $[64] !== name || $[65] !== navigationStateController || $[66] !== notAllowedError || $[67] !== signInOptions || $[68] !== urlController) {
+    t21 = (t222) => {
       const {
         loading: loading_0
-      } = t202;
+      } = t222;
       let component;
       if (loading_0 || authLoading) {
         component = /* @__PURE__ */ jsx(CircularProgressCenter, { size: "large" });
@@ -2622,101 +2917,108 @@ function RebaseFirebaseApp(t0) {
           const LoginViewUsed = components?.LoginView ?? FirebaseLoginView;
           component = /* @__PURE__ */ jsx(LoginViewUsed, { logo: usedLogo, allowSkipLogin, signInOptions: signInOptions ?? DEFAULT_SIGN_IN_OPTIONS, firebaseApp, authController, notAllowedError });
         } else {
-          component = /* @__PURE__ */ jsx(Routes, { children: /* @__PURE__ */ jsxs(Route, { element: /* @__PURE__ */ jsxs(Scaffold, { logo: usedLogo, autoOpenDrawer, children: [
+          const firstCollectionEntry = navigationStateController.topLevelNavigation?.navigationEntries.find(_temp3);
+          const fallbackRoute = firstCollectionEntry ? /* @__PURE__ */ jsx(Navigate, { to: urlController.buildUrlCollectionPath(firstCollectionEntry.id), replace: true }) : /* @__PURE__ */ jsx(CenteredView, { children: "No home page or collections provided." });
+          component = /* @__PURE__ */ jsx(SideEntityProvider, { children: /* @__PURE__ */ jsx(RebaseRoutes, { children: /* @__PURE__ */ jsxs(Route, { element: /* @__PURE__ */ jsxs(Scaffold, { logo: usedLogo, autoOpenDrawer, children: [
             /* @__PURE__ */ jsx(AppBar, { title: name, logo: usedLogo }),
             /* @__PURE__ */ jsx(Drawer, {}),
             /* @__PURE__ */ jsx(Outlet, {}),
             /* @__PURE__ */ jsx(SideDialogs, {})
           ] }), children: [
-            components?.HomePage && /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(components.HomePage, {}) }),
-            /* @__PURE__ */ jsx(Route, { path: "/c/*", element: /* @__PURE__ */ jsx(RebaseRoutes, {}) })
-          ] }) });
+            /* @__PURE__ */ jsx(Route, { path: "/", element: components?.HomePage ? /* @__PURE__ */ jsx(components.HomePage, {}) : fallbackRoute }),
+            /* @__PURE__ */ jsx(Route, { path: "/c/*", element: /* @__PURE__ */ jsx(RebaseRoute, {}) })
+          ] }) }) });
         }
       }
       return component;
     };
-    $[51] = allowSkipLogin;
-    $[52] = authController;
-    $[53] = authLoading;
-    $[54] = autoOpenDrawer;
-    $[55] = canAccessMainView;
-    $[56] = components;
-    $[57] = firebaseApp;
-    $[58] = logo;
-    $[59] = logoDark;
-    $[60] = modeController;
-    $[61] = name;
-    $[62] = notAllowedError;
-    $[63] = signInOptions;
-    $[64] = t19;
+    $[54] = allowSkipLogin;
+    $[55] = authController;
+    $[56] = authLoading;
+    $[57] = autoOpenDrawer;
+    $[58] = canAccessMainView;
+    $[59] = components;
+    $[60] = firebaseApp;
+    $[61] = logo;
+    $[62] = logoDark;
+    $[63] = modeController;
+    $[64] = name;
+    $[65] = navigationStateController;
+    $[66] = notAllowedError;
+    $[67] = signInOptions;
+    $[68] = urlController;
+    $[69] = t21;
   } else {
-    t19 = $[64];
+    t21 = $[69];
   }
-  let t20;
-  if ($[65] !== authController || $[66] !== dateTimeFormat || $[67] !== firestoreDelegate || $[68] !== locale || $[69] !== onAnalyticsEvent || $[70] !== plugins || $[71] !== propertyConfigs || $[72] !== storageSource || $[73] !== t18 || $[74] !== t19 || $[75] !== userConfigPersistence || $[76] !== userManagement) {
-    t20 = /* @__PURE__ */ jsx(Rebase, { authController, userConfigPersistence, dateTimeFormat, driver: firestoreDelegate, storageSource, userManagement, entityLinkBuilder: t18, locale, onAnalyticsEvent, plugins, propertyConfigs, children: t19 });
-    $[65] = authController;
-    $[66] = dateTimeFormat;
-    $[67] = firestoreDelegate;
-    $[68] = locale;
-    $[69] = onAnalyticsEvent;
-    $[70] = plugins;
-    $[71] = propertyConfigs;
-    $[72] = storageSource;
-    $[73] = t18;
-    $[74] = t19;
-    $[75] = userConfigPersistence;
-    $[76] = userManagement;
-    $[77] = t20;
-  } else {
-    t20 = $[77];
-  }
-  let t21;
-  if ($[78] !== navigationStateController || $[79] !== t20) {
-    t21 = /* @__PURE__ */ jsx(NavigationStateContext.Provider, { value: navigationStateController, children: t20 });
-    $[78] = navigationStateController;
+  let t22;
+  if ($[70] !== activeUserManagement || $[71] !== authController || $[72] !== dateTimeFormat || $[73] !== firestoreDelegate || $[74] !== locale || $[75] !== onAnalyticsEvent || $[76] !== plugins || $[77] !== propertyConfigs || $[78] !== storageSource || $[79] !== t20 || $[80] !== t21 || $[81] !== userConfigPersistence) {
+    t22 = /* @__PURE__ */ jsx(Rebase, { authController, userConfigPersistence, dateTimeFormat, driver: firestoreDelegate, storageSource, userManagement: activeUserManagement, entityLinkBuilder: t20, locale, onAnalyticsEvent, plugins, propertyConfigs, children: t21 });
+    $[70] = activeUserManagement;
+    $[71] = authController;
+    $[72] = dateTimeFormat;
+    $[73] = firestoreDelegate;
+    $[74] = locale;
+    $[75] = onAnalyticsEvent;
+    $[76] = plugins;
+    $[77] = propertyConfigs;
+    $[78] = storageSource;
     $[79] = t20;
     $[80] = t21;
+    $[81] = userConfigPersistence;
+    $[82] = t22;
   } else {
-    t21 = $[80];
-  }
-  let t22;
-  if ($[81] !== t21 || $[82] !== urlController) {
-    t22 = /* @__PURE__ */ jsx(UrlContext.Provider, { value: urlController, children: t21 });
-    $[81] = t21;
-    $[82] = urlController;
-    $[83] = t22;
-  } else {
-    t22 = $[83];
+    t22 = $[82];
   }
   let t23;
-  if ($[84] !== collectionRegistryController || $[85] !== t22) {
-    t23 = /* @__PURE__ */ jsx(CollectionRegistryContext.Provider, { value: collectionRegistryController, children: t22 });
-    $[84] = collectionRegistryController;
-    $[85] = t22;
-    $[86] = t23;
+  if ($[83] !== navigationStateController || $[84] !== t22) {
+    t23 = /* @__PURE__ */ jsx(NavigationStateContext.Provider, { value: navigationStateController, children: t22 });
+    $[83] = navigationStateController;
+    $[84] = t22;
+    $[85] = t23;
   } else {
-    t23 = $[86];
+    t23 = $[85];
   }
   let t24;
-  if ($[87] !== adminModeController || $[88] !== t23) {
-    t24 = /* @__PURE__ */ jsx(AdminModeControllerProvider, { value: adminModeController, children: t23 });
-    $[87] = adminModeController;
-    $[88] = t23;
-    $[89] = t24;
+  if ($[86] !== t23 || $[87] !== urlController) {
+    t24 = /* @__PURE__ */ jsx(UrlContext.Provider, { value: urlController, children: t23 });
+    $[86] = t23;
+    $[87] = urlController;
+    $[88] = t24;
   } else {
-    t24 = $[89];
+    t24 = $[88];
   }
   let t25;
-  if ($[90] !== modeController || $[91] !== t24) {
-    t25 = /* @__PURE__ */ jsx(SnackbarProvider, { children: /* @__PURE__ */ jsx(ModeControllerProvider, { value: modeController, children: t24 }) });
-    $[90] = modeController;
-    $[91] = t24;
-    $[92] = t25;
+  if ($[89] !== collectionRegistryController || $[90] !== t24) {
+    t25 = /* @__PURE__ */ jsx(CollectionRegistryContext.Provider, { value: collectionRegistryController, children: t24 });
+    $[89] = collectionRegistryController;
+    $[90] = t24;
+    $[91] = t25;
+  } else {
+    t25 = $[91];
+  }
+  let t26;
+  if ($[92] !== adminModeController || $[93] !== t25) {
+    t26 = /* @__PURE__ */ jsx(AdminModeControllerProvider, { value: adminModeController, children: t25 });
+    $[92] = adminModeController;
+    $[93] = t25;
+    $[94] = t26;
   } else {
-    t25 = $[92];
+    t26 = $[94];
+  }
+  let t27;
+  if ($[95] !== modeController || $[96] !== t26) {
+    t27 = /* @__PURE__ */ jsx(SnackbarProvider, { children: /* @__PURE__ */ jsx(ModeControllerProvider, { value: modeController, children: t26 }) });
+    $[95] = modeController;
+    $[96] = t26;
+    $[97] = t27;
+  } else {
+    t27 = $[97];
   }
-  return t25;
+  return t27;
+}
+function _temp3(e) {
+  return e.type === "collection";
 }
 function _temp2(a, b) {
   return {
@@ -2747,6 +3049,7 @@ export {
   performAlgoliaTextSearch,
   performPineconeTextSearch,
   useAppCheck,
+  useBuildUserManagement,
   useFirebaseAuthController,
   useFirebaseRTDBDelegate,
   useFirebaseStorageSource,