@firecms/user_management 3.0.0-canary.84 → 3.0.0-canary.86

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@firebase/firestore"), require("react/jsx-runtime"), require("@firecms/ui"), require("yup"), require("@firecms/core"), require("@firecms/formex"), require("date-fns"), require("date-fns/locale")) : typeof define === "function" && define.amd ? define(["exports", "react", "@firebase/firestore", "react/jsx-runtime", "@firecms/ui", "yup", "@firecms/core", "@firecms/formex", "date-fns", "date-fns/locale"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMS = {}, global.React, global.firestore, global.jsxRuntime, global.ui, global.Yup, global.core, global.formex, global.dateFns, global.locales));
-})(this, function(exports2, React, firestore, jsxRuntime, ui, Yup, core, formex, dateFns, locales) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-fast-compare"), require("react/jsx-runtime"), require("@firecms/ui"), require("yup"), require("@firecms/core"), require("@firecms/formex"), require("date-fns"), require("date-fns/locale")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-fast-compare", "react/jsx-runtime", "@firecms/ui", "yup", "@firecms/core", "@firecms/formex", "date-fns", "date-fns/locale"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMS = {}, global.React, global.equal, global.jsxRuntime, global.ui, global.Yup, global.core, global.formex, global.dateFns, global.locales));
+})(this, function(exports2, React, equal, jsxRuntime, ui, Yup, core, formex, dateFns, locales) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -153,8 +153,8 @@
     const alpha = opacity / 100;
     return `rgba(${r}, ${g}, ${b}, ${alpha})`;
   }
-  function useFirestoreUserManagement({
-    firebaseApp,
+  function useBuildUserManagement({
+    dataSourceDelegate,
     usersPath = "__FIRECMS/config/users",
     rolesPath = "__FIRECMS/config/roles",
     usersLimit,
@@ -174,59 +174,56 @@
     const [usersError, setUsersError] = React.useState();
     const loading = rolesLoading || usersLoading;
     React.useEffect(() => {
-      if (!firebaseApp || !rolesPath) return;
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      return firestore.onSnapshot(
-        firestore.collection(firestore$1, rolesPath),
-        {
-          next: (snapshot) => {
-            setRolesError(void 0);
-            try {
-              const newRoles = docsToRoles(snapshot.docs);
+      if (!dataSourceDelegate || !rolesPath) return;
+      if (dataSourceDelegate.initialised !== void 0 && !dataSourceDelegate.initialised) return;
+      return dataSourceDelegate.listenCollection?.({
+        path: rolesPath,
+        onUpdate(entities) {
+          setRolesError(void 0);
+          try {
+            const newRoles = entityToRoles(entities);
+            if (!equal(newRoles, roles))
               setRoles(newRoles);
-            } catch (e) {
-              console.error("Error loading roles", e);
-              setRolesError(e);
-            }
-            setRolesLoading(false);
-          },
-          error: (e) => {
+          } catch (e) {
             console.error("Error loading roles", e);
             setRolesError(e);
-            setRolesLoading(false);
           }
+          setRolesLoading(false);
+        },
+        onError(e) {
+          console.error("Error loading roles", e);
+          setRolesError(e);
+          setRolesLoading(false);
         }
-      );
-    }, [firebaseApp, rolesPath]);
+      });
+    }, [dataSourceDelegate, rolesPath]);
     React.useEffect(() => {
-      if (!firebaseApp || !usersPath) return;
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      return firestore.onSnapshot(
-        firestore.collection(firestore$1, usersPath),
-        {
-          next: (snapshot) => {
-            setUsersError(void 0);
-            try {
-              const newUsers = docsToUsers(snapshot.docs);
+      if (!dataSourceDelegate || !usersPath) return;
+      if (dataSourceDelegate.initialised !== void 0 && !dataSourceDelegate.initialised) return;
+      return dataSourceDelegate.listenCollection?.({
+        path: usersPath,
+        onUpdate(entities) {
+          setUsersError(void 0);
+          try {
+            const newUsers = entitiesToUsers(entities);
+            if (!equal(newUsers, usersWithRoleIds))
               setUsersWithRoleIds(newUsers);
-            } catch (e) {
-              console.error("Error loading users", e);
-              setUsersError(e);
-            }
-            setUsersLoading(false);
-          },
-          error: (e) => {
+          } catch (e) {
             console.error("Error loading users", e);
             setUsersError(e);
-            setUsersLoading(false);
           }
+          setUsersLoading(false);
+        },
+        onError(e) {
+          console.error("Error loading users", e);
+          setUsersError(e);
+          setUsersLoading(false);
         }
-      );
-    }, [firebaseApp, usersPath]);
+      });
+    }, [dataSourceDelegate, usersPath]);
     const saveUser = React.useCallback(async (user) => {
-      if (!firebaseApp) throw Error("useFirestoreUserManagement Firebase not initialised");
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      if (!firestore$1 || !usersPath) throw Error("useFirestoreUserManagement Firestore not initialised");
+      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?.map((r) => r.id);
       const {
@@ -238,45 +235,66 @@
         roles: roleIds
       };
       if (uid) {
-        return firestore.setDoc(firestore.doc(firestore$1, usersPath, uid), data, { merge: true }).then(() => user);
+        return dataSourceDelegate.saveEntity({
+          status: "existing",
+          path: usersPath,
+          entityId: uid,
+          values: data
+        }).then(() => user);
       } else {
-        return firestore.addDoc(firestore.collection(firestore$1, usersPath), data).then(() => user);
+        return dataSourceDelegate.saveEntity({
+          status: "new",
+          path: usersPath,
+          values: data
+        }).then(() => user);
       }
-    }, [usersPath, firebaseApp]);
+    }, [usersPath, dataSourceDelegate]);
     const saveRole = React.useCallback((role) => {
-      if (!firebaseApp) throw Error("useFirestoreUserManagement Firebase not initialised");
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      if (!firestore$1 || !rolesPath) throw Error("useFirestoreUserManagement Firestore not initialised");
+      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;
-      const ref = firestore.doc(firestore$1, rolesPath, id);
-      return firestore.setDoc(ref, roleData, { merge: true });
-    }, [rolesPath, firebaseApp]);
+      return dataSourceDelegate.saveEntity({
+        status: "existing",
+        path: rolesPath,
+        entityId: id,
+        values: roleData
+      }).then(() => {
+        return;
+      });
+    }, [rolesPath, dataSourceDelegate]);
     const deleteUser = React.useCallback(async (user) => {
-      if (!firebaseApp) throw Error("useFirestoreUserManagement Firebase not initialised");
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      if (!firestore$1 || !usersPath) throw Error("useFirestoreUserManagement Firestore not initialised");
+      if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+      if (!usersPath) throw Error("useBuildUserManagement Firestore not initialised");
       console.debug("Deleting", user);
       const { uid } = user;
-      return firestore.deleteDoc(firestore.doc(firestore$1, usersPath, uid));
-    }, [usersPath, firebaseApp]);
-    const deleteRole = React.useCallback((role) => {
-      if (!firebaseApp) throw Error("useFirestoreUserManagement Firebase not initialised");
-      const firestore$1 = firestore.getFirestore(firebaseApp);
-      if (!firestore$1 || !rolesPath) throw Error("useFirestoreUserManagement Firestore not initialised");
+      const entity = {
+        path: usersPath,
+        id: uid,
+        values: {}
+      };
+      await dataSourceDelegate.deleteEntity({ entity });
+    }, [usersPath, dataSourceDelegate]);
+    const deleteRole = React.useCallback(async (role) => {
+      if (!dataSourceDelegate) throw Error("useBuildUserManagement Firebase not initialised");
+      if (!rolesPath) throw Error("useBuildUserManagement Firestore not initialised");
       console.debug("Deleting", role);
       const { id } = role;
-      const ref = firestore.doc(firestore$1, rolesPath, id);
-      return firestore.deleteDoc(ref);
-    }, [rolesPath, firebaseApp]);
+      const entity = {
+        path: usersPath,
+        id,
+        values: {}
+      };
+      await dataSourceDelegate.deleteEntity({ entity });
+    }, [rolesPath, dataSourceDelegate]);
     const collectionPermissions = React.useCallback(({
-      collection: collection2,
+      collection,
       user
     }) => resolveUserRolePermissions({
-      collection: collection2,
+      collection,
       user
     }), []);
     const defineRolesFor = React.useCallback((user) => {
@@ -320,22 +338,22 @@
       authenticator
     };
   }
-  const docsToUsers = (docs) => {
-    return docs.map((doc2) => {
-      const data = doc2.data();
+  const entitiesToUsers = (docs) => {
+    return docs.map((doc) => {
+      const data = doc.values;
       const newVar = {
-        uid: doc2.id,
+        uid: doc.id,
         ...data,
-        created_on: data?.created_on?.toDate(),
-        updated_on: data?.updated_on?.toDate()
+        created_on: data?.created_on,
+        updated_on: data?.updated_on
       };
       return newVar;
     });
   };
-  const docsToRoles = (docs) => {
-    return docs.map((doc2) => ({
-      id: doc2.id,
-      ...doc2.data()
+  const entityToRoles = (entities) => {
+    return entities.map((doc) => ({
+      id: doc.id,
+      ...doc.values
     }));
   };
   const UserManagementContext = React.createContext({});
@@ -1531,7 +1549,7 @@
   exports2.getUserRoles = getUserRoles;
   exports2.hexToRgbaWithOpacity = hexToRgbaWithOpacity;
   exports2.resolveUserRolePermissions = resolveUserRolePermissions;
-  exports2.useFirestoreUserManagement = useFirestoreUserManagement;
+  exports2.useBuildUserManagement = useBuildUserManagement;
   exports2.useUserManagement = useUserManagement;
   exports2.useUserManagementPlugin = useUserManagementPlugin;
   exports2.userManagementAdminViews = userManagementAdminViews;