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

package/package.json

@@ -1,61 +1,63 @@
 {
-    "name": "@rebasepro/client-firebase",
-    "type": "module",
-    "version": "0.0.1-canary.4d4fb3e",
-    "publishConfig": {
-        "access": "public"
+  "name": "@rebasepro/client-firebase",
+  "type": "module",
+  "version": "0.0.1-canary.ca2cb6e",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "source": "src/index.ts",
+  "dependencies": {
+    "@firebase/auth": "*",
+    "react-fast-compare": "3.2.2",
+    "react-router-dom": "^7.13.1",
+    "@rebasepro/common": "0.0.1-canary.ca2cb6e",
+    "@rebasepro/core": "0.0.1-canary.ca2cb6e",
+    "@rebasepro/admin": "0.0.1-canary.ca2cb6e",
+    "@rebasepro/types": "0.0.1-canary.ca2cb6e",
+    "@rebasepro/ui": "0.0.1-canary.ca2cb6e",
+    "@rebasepro/utils": "0.0.1-canary.ca2cb6e"
+  },
+  "peerDependencies": {
+    "firebase": "^10.12.2 || ^11.0.0 || ^12.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "typesense": "^1.8.0"
+  },
+  "peerDependenciesMeta": {
+    "typesense": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "development": "./src/index.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
     },
-    "main": "./dist/index.umd.js",
-    "module": "./dist/index.es.js",
-    "types": "./dist/index.d.ts",
-    "source": "src/index.ts",
-    "dependencies": {
-        "@firebase/auth": "*",
-        "@rebasepro/cms": "0.0.1-canary.4d4fb3e",
-        "@rebasepro/common": "0.0.1-canary.4d4fb3e",
-        "@rebasepro/core": "0.0.1-canary.4d4fb3e",
-        "@rebasepro/types": "0.0.1-canary.4d4fb3e",
-        "@rebasepro/ui": "0.0.1-canary.4d4fb3e",
-        "react-router-dom": "^7.13.1"
-    },
-    "peerDependencies": {
-        "firebase": "^10.12.2 || ^11.0.0 || ^12.0.0",
-        "react": ">=19.0.0",
-        "react-dom": ">=19.0.0",
-        "typesense": "^1.8.0"
-    },
-    "peerDependenciesMeta": {
-        "typesense": {
-            "optional": true
-        }
-    },
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "development": "./src/index.ts",
-            "import": "./dist/index.es.js",
-            "require": "./dist/index.umd.js"
-        },
-        "./package.json": "./package.json"
-    },
-    "devDependencies": {
-        "@types/node": "^20.19.17",
-        "@types/react": "^19.0.8",
-        "@types/react-dom": "^19.0.3",
-        "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
-        "eslint-plugin-react-compiler": "^19.1.0-rc.2",
-        "typescript": "^5.9.3",
-        "typesense": "^2.1.0",
-        "vite": "^7.2.4"
-    },
-    "scripts": {
-        "dev": "vite",
-        "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
-        "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
-    },
-    "files": [
-        "dist",
-        "src"
-    ],
-    "gitHead": "71bcef3c51a458cd054f7924cc18efbbe515dcc8"
-}
+    "./package.json": "./package.json"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.17",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "typescript": "^5.9.3",
+    "typesense": "^2.1.0",
+    "vite": "^7.2.4"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "gitHead": "d935eefa5aa8d1009a2398cfac2c1e4ee9aeb6b6",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
+    "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
+  }
+}

package/src/components/FirebaseLoginView.tsx

@@ -1,20 +1,10 @@
+
 import React, { ReactNode, useCallback, useEffect, useRef, useState } from "react";
 
 import { FirebaseApp, FirebaseError } from "@firebase/app";
-import { ErrorView, RebaseLogo, useModeController, useSnackbarController, } from "@rebasepro/core";
-import {
-    ArrowBackIcon,
-    Button,
-    CallIcon,
-    CircularProgress,
-    cls,
-    IconButton,
-    LoadingButton,
-    MailIcon,
-    PersonIcon,
-    TextField,
-    Typography,
-} from "@rebasepro/ui";
+import { ErrorView, RebaseLogo, useModeController, useSnackbarController } from "@rebasepro/core";
+import { Button, CircularProgress, cls, IconButton, LoadingButton, TextField, Typography , iconSize } from "@rebasepro/ui";
+import { ArrowLeftIcon, MailIcon, PhoneIcon, UserIcon } from "lucide-react";
 import { appleIcon, facebookIcon, githubIcon, googleIcon, microsoftIcon, twitterIcon } from "./social_icons";
 import {
     getAuth,
@@ -194,7 +184,7 @@ export function FirebaseLoginView({
                         <div className="p-4">
                             <ErrorView
                                 title={"Firebase Auth not enabled"}
-                                error={"You need to enable Firebase Auth and the corresponding login provider in your Firebase project"} />
+                                error={"You need to enable Firebase Auth and the corresponding login provider in your Firebase project"}/>
                         </div>
                         {firebaseApp &&
                             <div className="p-4">
@@ -212,19 +202,19 @@ export function FirebaseLoginView({
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Invalid API key"}
-                        error={"auth/invalid-api-key: Check that your Firebase config is set correctly in your `firebase_config.ts` file"} />
+                        error={"auth/invalid-api-key: Check that your Firebase config is set correctly in your `firebase_config.ts` file"}/>
                 </div>;
             } else if (authError.code === "auth/email-already-in-use") {
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Email already in use"}
-                        error={"The selected email is already in use by another account"} />
+                        error={"The selected email is already in use by another account"}/>
                 </div>;
             } else if (authError.code === "auth/invalid-credential") {
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Invalid credential"}
-                        error={"The provided credential is not correct"} />
+                        error={"The provided credential is not correct"}/>
                 </div>;
             } else if (!ignoredCodes.includes(authError.code)) {
                 if (authError.code === "auth/multi-factor-auth-required") {
@@ -232,7 +222,7 @@ export function FirebaseLoginView({
                 }
                 errorView =
                     <div className="p-4">
-                        <ErrorView error={authController.authProviderError as Error} />
+                        <ErrorView error={authController.authProviderError as Error}/>
                     </div>;
             }
         }
@@ -247,9 +237,9 @@ export function FirebaseLoginView({
                 width: "100%",
                 objectFit: "contain"
             }}
-            alt={"Logo"} />;
+            alt={"Logo"}/>;
     } else {
-        logoComponent = <RebaseLogo />;
+        logoComponent = <RebaseLogo/>;
     }
 
     let notAllowedMessage: string | undefined;
@@ -285,7 +275,7 @@ export function FirebaseLoginView({
 
                 {notAllowedMessage &&
                     <div className="p-8">
-                        <ErrorView error={notAllowedMessage} />
+                        <ErrorView error={notAllowedMessage}/>
                     </div>}
 
                 {buildErrorView()}
@@ -298,23 +288,23 @@ export function FirebaseLoginView({
                         <LoginButton
                             disabled={disabled}
                             text={"Email/password"}
-                            icon={<MailIcon size={28} />}
-                            onClick={() => setPasswordLoginSelected(true)} />}
+                            icon={<MailIcon size={iconSize.medium}/>}
+                            onClick={() => setPasswordLoginSelected(true)}/>}
 
                     {resolvedSignInOptions.includes("phone") &&
                         <LoginButton
                             disabled={disabled}
-                            text={"Phone number"}
-                            icon={<CallIcon size={28} />}
-                            onClick={() => setPhoneLoginSelected(true)} />}
+                            text={"PhoneIcon number"}
+                            icon={<PhoneIcon size={iconSize.medium}/>}
+                            onClick={() => setPhoneLoginSelected(true)}/>}
 
                     {resolvedSignInOptions.includes("anonymous") &&
                         <LoginButton
                             disabled={disabled}
                             text={"Log in anonymously"}
-                            icon={<PersonIcon
-                                size={28} />}
-                            onClick={authController.anonymousLogin} />}
+                            icon={<UserIcon
+                                size={"medium"}/>}
+                            onClick={authController.anonymousLogin}/>}
 
                     {allowSkipLogin &&
                         <Button
@@ -363,7 +353,7 @@ export function LoginButton({
     return (
         <div className="my-1 w-full">
             <Button
-                className={cls("w-full bg-white dark:bg-surface-800 text-surface-900 dark:text-surface-100", disabled ? "" : "hover:text-surface-800 hover:dark:text-white")}
+                className={cls("w-full bg-white dark:bg-surface-950 text-surface-900 dark:text-surface-100", disabled ? "" : "hover:text-surface-950 hover:dark:text-white")}
                 style={{
                     height: "40px",
                     borderRadius: "4px",
@@ -420,15 +410,15 @@ function PhoneLoginForm({
         <form onSubmit={handleSubmit}>
             {isInvalidCode &&
                 <div className="p-8">
-                    <ErrorView error={"Invalid confirmation code"} />
+                    <ErrorView error={"Invalid confirmation code"}/>
                 </div>}
 
-            <div id={RECAPTCHA_CONTAINER_ID} />
+            <div id={RECAPTCHA_CONTAINER_ID}/>
 
             <div className={"flex flex-col gap-1"}>
                 <IconButton
                     onClick={onClose}>
-                    <ArrowBackIcon className="w-5 h-5" />
+                    <ArrowLeftIcon className="w-5 h-5"/>
                 </IconButton>
                 <div className="p-1 flex">
                     <Typography align={"center"}
@@ -438,7 +428,7 @@ function PhoneLoginForm({
                     value={phone ?? ""}
                     disabled={Boolean(phone && (authController.authLoading || authController.confirmationResult))}
                     type="phone"
-                    onChange={(event) => setPhone(event.target.value)} />
+                    onChange={(event: any) => setPhone(event.target.value)}/>
                 {Boolean(phone && authController.confirmationResult) &&
                     <>
                         <div className="mt-2 p-1 flex">
@@ -448,14 +438,14 @@ function PhoneLoginForm({
                         <TextField placeholder=""
                             value={code ?? ""}
                             type="text"
-                            onChange={(event) => setCode(event.target.value)} />
+                            onChange={(event: any) => setCode(event.target.value)}/>
                     </>
                 }
 
                 <div className="flex justify-end items-center w-full">
 
                     {authController.authLoading &&
-                        <CircularProgress className="p-1" size={"small"} />
+                        <CircularProgress className="p-1" size={"small"}/>
                     }
 
                     <Button type="submit">
@@ -569,7 +559,7 @@ function LoginForm({
             <div className={"max-w-[480px] w-full flex flex-col gap-4"}>
                 <IconButton
                     onClick={onBackPressed}>
-                    <ArrowBackIcon className="w-5 h-5" />
+                    <ArrowLeftIcon className="w-5 h-5"/>
                 </IconButton>
 
                 <div>
@@ -584,7 +574,7 @@ function LoginForm({
                     value={email ?? ""}
                     disabled={authController.authLoading}
                     type="email"
-                    onChange={(event) => setEmail(event.target.value)} />}
+                    onChange={(event: any) => setEmail(event.target.value)}/>}
 
                 <div
                     className={`${loginState === "password" || (loginState === "registration" && !disableSignupScreen) ? "block" : "hidden"}`}>
@@ -593,14 +583,14 @@ function LoginForm({
                         disabled={authController.authLoading}
                         inputRef={passwordRef}
                         type="password"
-                        onChange={(event) => setPassword(event.target.value)} />
+                        onChange={(event: any) => setPassword(event.target.value)}/>
                 </div>
 
                 <div
                     className={`${loginState === "registration" && disableSignupScreen ? "hidden" : "flex"} justify-end items-center w-full flex gap-2`}>
 
                     {authController.authLoading &&
-                        <CircularProgress className="p-1" size={"small"} />
+                        <CircularProgress className="p-1" size={"small"}/>
                     }
 
                     {!disableResetPassword && <LoadingButton variant="text"
@@ -668,36 +658,36 @@ function buildOauthLoginButtons(authController: FirebaseAuthController, provider
             disabled={disabled}
             text={"Sign in with Google"}
             icon={googleIcon(mode)}
-            onClick={authController.googleLogin} />}
+            onClick={authController.googleLogin}/>}
 
         {providers.includes("microsoft.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Microsoft"}
             icon={microsoftIcon(mode)}
-            onClick={authController.microsoftLogin} />}
+            onClick={authController.microsoftLogin}/>}
 
         {providers.includes("apple.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Apple"}
             icon={appleIcon(mode)}
-            onClick={authController.appleLogin} />}
+            onClick={authController.appleLogin}/>}
 
         {providers.includes("github.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Github"}
             icon={githubIcon(mode)}
-            onClick={authController.githubLogin} />}
+            onClick={authController.githubLogin}/>}
 
         {providers.includes("facebook.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Facebook"}
             icon={facebookIcon(mode)}
-            onClick={authController.facebookLogin} />}
+            onClick={authController.facebookLogin}/>}
 
         {providers.includes("twitter.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Twitter"}
             icon={twitterIcon(mode)}
-            onClick={authController.twitterLogin} />}
+            onClick={authController.twitterLogin}/>}
     </>
 }

package/src/components/RebaseFirebaseApp.tsx

@@ -23,12 +23,14 @@ import {
     useBuildNavigationStateController,
     CollectionRegistryContext,
     UrlContext,
-    NavigationStateContext
-} from "@rebasepro/cms";
-import { PropertyConfig } from "@rebasepro/types";
+    NavigationStateContext,
+    SideEntityProvider,
+    RebaseRoute
+} from "@rebasepro/admin";
+import { Entity, PropertyConfig } from "@rebasepro/types";
 import { CenteredView, CircularProgressCenter } from "@rebasepro/ui";
 import { buildRebaseData } from "@rebasepro/common";
-import { Route, Routes, Outlet } from "react-router-dom";
+import { Route, Outlet, Navigate } from "react-router-dom";
 
 import { RebaseFirebaseAppProps } from "./RebaseFirebaseAppProps";
 import { FirebaseLoginView } from "./FirebaseLoginView";
@@ -38,6 +40,7 @@ import {
     useFirebaseStorageSource,
     useFirestoreDriver,
     useInitialiseFirebase,
+    useBuildUserManagement
 } from "../hooks";
 
 import { FirebaseAuthController } from "../types";
@@ -100,7 +103,8 @@ export function RebaseFirebaseApp({
         .map(pc => ({
             [pc.key]: pc
         }))
-        .reduce((a, b) => ({ ...a, ...b }), {});
+        .reduce((a, b) => ({ ...a,
+...b }), {});
 
     const {
         firebaseApp,
@@ -177,6 +181,13 @@ export function RebaseFirebaseApp({
         collectionRegistryController
     });
 
+    const defaultUserManagement = useBuildUserManagement({
+        authController,
+        dataSourceDelegate: firestoreDelegate
+    });
+    
+    const activeUserManagement = userManagement ?? defaultUserManagement;
+
     const navigationStateController = useBuildNavigationStateController({
         collections,
         views,
@@ -187,12 +198,12 @@ export function RebaseFirebaseApp({
         collectionRegistryController,
         urlController,
         adminMode: adminModeController.mode,
-        userManagement
+        userManagement: activeUserManagement as any
     });
 
     if (firebaseConfigLoading || !firebaseApp || loading) {
         return <>
-            <CircularProgressCenter />
+            <CircularProgressCenter/>
         </>;
     }
 
@@ -214,8 +225,8 @@ export function RebaseFirebaseApp({
                         dateTimeFormat={dateTimeFormat}
                         driver={firestoreDelegate}
                         storageSource={storageSource}
-                        userManagement={userManagement}
-                        entityLinkBuilder={({ entity }) => `https://console.firebase.google.com/project/${firebaseApp.options.projectId}/firestore/data/${entity.path}/${entity.id}`}
+                        userManagement={activeUserManagement}
+                        entityLinkBuilder={({ entity }: { entity: Entity<any> }) => `https://console.firebase.google.com/project/${firebaseApp.options.projectId}/firestore/data/${entity.path}/${entity.id}`}
                         locale={locale}
                         onAnalyticsEvent={onAnalyticsEvent}
                         plugins={plugins}
@@ -227,7 +238,7 @@ export function RebaseFirebaseApp({
 
                             let component;
                             if (loading || authLoading) {
-                                component = <CircularProgressCenter size={"large"} />;
+                                component = <CircularProgressCenter size={"large"}/>;
                             } else {
                                 const usedLogo = modeController.mode === "dark" && logoDark ? logoDark : logo;
                                 if (!canAccessMainView) {
@@ -239,25 +250,30 @@ export function RebaseFirebaseApp({
                                             signInOptions={signInOptions ?? DEFAULT_SIGN_IN_OPTIONS}
                                             firebaseApp={firebaseApp}
                                             authController={authController}
-                                            notAllowedError={notAllowedError} />
+                                            notAllowedError={notAllowedError}/>
                                     );
                                 } else {
+                                    const firstCollectionEntry = navigationStateController.topLevelNavigation?.navigationEntries.find(e => e.type === "collection");
+                                    const fallbackRoute = firstCollectionEntry ? <Navigate to={urlController.buildUrlCollectionPath(firstCollectionEntry.id)} replace /> : <CenteredView>No home page or collections provided.</CenteredView>;
+
                                     component = (
-                                        <Routes>
-                                            <Route element={
-                                                <Scaffold
-                                                    logo={usedLogo}
-                                                    autoOpenDrawer={autoOpenDrawer}>
-                                                    <AppBar title={name} logo={usedLogo} />
-                                                    <Drawer />
-                                                    <Outlet />
-                                                    <SideDialogs />
-                                                </Scaffold>
-                                            }>
-                                                {components?.HomePage && <Route path="/" element={<components.HomePage />} />}
-                                                <Route path="/c/*" element={<RebaseRoutes />} />
-                                            </Route>
-                                        </Routes>
+                                        <SideEntityProvider>
+                                            <RebaseRoutes>
+                                                <Route element={
+                                                    <Scaffold
+                                                        logo={usedLogo}
+                                                        autoOpenDrawer={autoOpenDrawer}>
+                                                        <AppBar title={name} logo={usedLogo}/>
+                                                        <Drawer/>
+                                                        <Outlet/>
+                                                        <SideDialogs/>
+                                                    </Scaffold>
+                                                }>
+                                                    <Route path="/" element={components?.HomePage ? <components.HomePage/> : fallbackRoute}/>
+                                                    <Route path="/c/*" element={<RebaseRoute/>}/>
+                                                </Route>
+                                            </RebaseRoutes>
+                                        </SideEntityProvider>
                                     );
                                 }
                             }

package/src/components/RebaseFirebaseAppProps.tsx

@@ -163,7 +163,7 @@ export type RebaseFirebaseAppProps = {
     /**
      * Delegate for user and role management. Provides the admin views if specified.
      */
-    userManagement?: UserManagementDelegate;
+    userManagement?: UserManagementDelegate<FirebaseUserWrapper>;
 
 };
 

package/src/components/social_icons.tsx

@@ -2,8 +2,8 @@ export const googleIcon = (mode: "light" | "dark") => <>
     <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 64 64"
-        width={32}
-        height={32}
+        width={24}
+        height={24}
     >
         <linearGradient
             id="95yY7w43Oj6n2vH63j6HJb"
@@ -80,7 +80,7 @@ export const googleIcon = (mode: "light" | "dark") => <>
     </svg>
 </>;
 
-export const appleIcon = (mode: "light" | "dark") => <svg width={32} height={32}
+export const appleIcon = (mode: "light" | "dark") => <svg width={24} height={24}
                                                           viewBox="0 0 56 56"
                                                           style={{ transform: "scale(2.8)" }}
                                                           version="1.1"
@@ -97,8 +97,8 @@ export const githubIcon = (mode: "light" | "dark") => <svg
     fill={mode === "light" ? "#1c1e21" : "white"}
     role="img"
     viewBox="0 0 24 24"
-    width={28}
-    height={28}
+    width={24}
+    height={24}
     xmlns="http://www.w3.org/2000/svg">
     <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"/>
@@ -107,7 +107,7 @@ export const githubIcon = (mode: "light" | "dark") => <svg
 
 export const facebookIcon = (mode: "light" | "dark") => <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={28} height={28}
+    width={24} height={24}
     viewBox="0 0 90 90">
     <g>
         <path
@@ -117,7 +117,7 @@ export const facebookIcon = (mode: "light" | "dark") => <svg
 </svg>;
 
 export const microsoftIcon = (mode: "light" | "dark") => <svg
-    xmlns="http://www.w3.org/2000/svg" width={28} height={28}
+    xmlns="http://www.w3.org/2000/svg" width={24} height={24}
     viewBox="0 0 480 480">
     <g>
         <path
@@ -127,7 +127,7 @@ export const microsoftIcon = (mode: "light" | "dark") => <svg
 </svg>;
 
 export const twitterIcon = (mode: "light" | "dark") => <svg
-    xmlns="http://www.w3.org/2000/svg" width={28} height={28}
+    xmlns="http://www.w3.org/2000/svg" width={24} height={24}
     viewBox="0 0 24 24">
     <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"/>

package/src/hooks/index.ts

@@ -5,3 +5,4 @@ export * from "./useAppCheck";
 export * from "./useFirestoreDriver";
 export * from "./useFirebaseRealTimeDBDelegate";
 export * from "./useRecaptcha";
+export * from "./useBuildUserManagement";

package/src/hooks/useAppCheck.ts

@@ -25,7 +25,7 @@ export interface InitializeAppCheckResult {
  */
 export function useAppCheck({
                                 firebaseApp,
-                                options,
+                                options
                             }: InitializeAppCheckProps): InitializeAppCheckResult {
     if (options?.debugToken) {
         Object.assign(window, {