@firecms/core 3.0.0-canary.127 → 3.0.0-canary.128

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <h1 align="center">FireCMS</h1>
-<h3 align="center">Awesome Firebase/Firestore-based headless CMS</h3>
+<h3 align="center">Awesome Firebase/MongoDB-based headless CMS</h3>
 <p align="center"><a href="https://demo.firecms.co">Live demo</a></p>
 
 <br />

package/dist/components/{DeleteConfirmationDialog.d.ts → ConfirmationDialog.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-export declare function DeleteConfirmationDialog({ open, onAccept, onCancel, title, loading, body }: {
+export declare function ConfirmationDialog({ open, onAccept, onCancel, title, loading, body }: {
     open: boolean;
     onAccept: () => void;
     onCancel: () => void;

package/dist/components/index.d.ts

@@ -18,7 +18,7 @@ export * from "./EntityCollectionTable";
 export * from "./NotFoundPage";
 export * from "./VirtualTable";
 export * from "./ErrorBoundary";
-export * from "./DeleteConfirmationDialog";
+export * from "./ConfirmationDialog";
 export * from "./FireCMSLogo";
 export * from "../core/DefaultAppBar";
 export * from "./ArrayContainer";

package/dist/hooks/useProjectLog.d.ts

@@ -5,4 +5,10 @@ export type AccessResponse = {
     blocked?: boolean;
     message?: string;
 };
-export declare function useProjectLog(authController: AuthController, dataSourceDelegate: DataSourceDelegate, plugins?: FireCMSPlugin<any, any, any>[]): AccessResponse | null;
+export interface UseProjectLogParams {
+    apiKey?: string;
+    authController: AuthController;
+    dataSourceDelegate: DataSourceDelegate;
+    plugins?: FireCMSPlugin<any, any, any>[];
+}
+export declare function useProjectLog({ authController, dataSourceDelegate, plugins, apiKey }: UseProjectLogParams): AccessResponse | null;

package/dist/index.es.js

@@ -13033,7 +13033,7 @@ function NotFoundPage() {
     }
   ) });
 }
-function DeleteConfirmationDialog({
+function ConfirmationDialog({
   open,
   onAccept,
   onCancel,
@@ -13568,7 +13568,7 @@ function ArrayItemOptions({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `pl-2 pt-1 pb-4 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`,
+      className: `pl-2 pt-1 pb-1 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`,
       ref: iconRef,
       ...provided.dragHandleProps,
       children: /* @__PURE__ */ jsxs(
@@ -19056,7 +19056,7 @@ function useBuildDataSource({
   };
 }
 const DEFAULT_SERVER = "https://api-drplyi3b6q-ey.a.run.app";
-async function makeRequest(authController, dataSourceKey, pluginKeys) {
+async function makeRequest(authController, dataSourceKey, pluginKeys, apiKey) {
   let idToken;
   try {
     idToken = await authController.getAuthToken();
@@ -19073,6 +19073,7 @@ async function makeRequest(authController, dataSourceKey, pluginKeys) {
         Authorization: `Basic ${idToken}`
       },
       body: JSON.stringify({
+        apiKey,
         email: authController.user?.email ?? null,
         datasource: dataSourceKey,
         plugins: pluginKeys
@@ -19082,14 +19083,19 @@ async function makeRequest(authController, dataSourceKey, pluginKeys) {
     return res.json();
   });
 }
-function useProjectLog(authController, dataSourceDelegate, plugins) {
+function useProjectLog({
+  authController,
+  dataSourceDelegate,
+  plugins,
+  apiKey
+}) {
   const [accessResponse, setAccessResponse] = useState(null);
   const accessedUserRef = useRef(null);
   const dataSourceKey = dataSourceDelegate.key;
   const pluginKeys = plugins?.map((plugin) => plugin.key);
   useEffect(() => {
     if (authController.user && authController.user.uid !== accessedUserRef.current && !authController.initialLoading) {
-      makeRequest(authController, dataSourceKey, pluginKeys).then(setAccessResponse);
+      makeRequest(authController, dataSourceKey, pluginKeys, apiKey).then(setAccessResponse);
       accessedUserRef.current = authController.user.uid;
     }
   }, [authController, dataSourceKey, pluginKeys]);
@@ -19110,7 +19116,8 @@ function FireCMS(props) {
     propertyConfigs,
     entityViews,
     components,
-    navigationController
+    navigationController,
+    apiKey
   } = props;
   useLocaleConfig(locale);
   const dataSource = useBuildDataSource({
@@ -19134,7 +19141,15 @@ function FireCMS(props) {
   const analyticsController = useMemo(() => ({
     onAnalyticsEvent
   }), []);
-  const accessResponse = useProjectLog(authController, dataSourceDelegate, plugins);
+  const accessResponse = useProjectLog({
+    apiKey,
+    authController,
+    dataSourceDelegate,
+    plugins
+  });
+  if (accessResponse?.message) {
+    console.warn(accessResponse.message);
+  }
   if (navigationController.navigationLoadingError) {
     return /* @__PURE__ */ jsx(CenteredView, { maxWidth: "md", children: /* @__PURE__ */ jsx(
       ErrorView,
@@ -19154,10 +19169,10 @@ function FireCMS(props) {
     ) });
   }
   if (accessResponse?.blocked) {
-    return /* @__PURE__ */ jsxs(CenteredView, { maxWidth: "md", fullScreen: true, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Access blocked" }),
+    return /* @__PURE__ */ jsxs(CenteredView, { maxWidth: "md", fullScreen: true, className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", gutterBottom: true, children: "License needed" }),
       /* @__PURE__ */ jsxs(Typography, { children: [
-        "This app has been blocked. Please reach out at ",
+        "You need a valid license to use FireCMS PRO. Please reach out at ",
         /* @__PURE__ */ jsx(
           "a",
           {
@@ -19167,10 +19182,7 @@ function FireCMS(props) {
         ),
         " for more information."
       ] }),
-      accessResponse?.message && /* @__PURE__ */ jsxs(Typography, { children: [
-        "Response from the server: ",
-        accessResponse?.message
-      ] })
+      accessResponse?.message && /* @__PURE__ */ jsx(Typography, { children: accessResponse?.message })
     ] });
   }
   return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(
@@ -19803,6 +19815,7 @@ export {
   BooleanPreview,
   COLLECTION_PATH_SEPARATOR,
   CircularProgressCenter,
+  ConfirmationDialog,
   DEFAULT_FIELD_CONFIGS,
   DRAWER_WIDTH,
   DatePreview,
@@ -19810,7 +19823,6 @@ export {
   DefaultAppBar,
   DefaultDrawer,
   DefaultHomePage,
-  DeleteConfirmationDialog,
   Drawer,
   DrawerLogo,
   DrawerNavigationItem,