Added paywall on trial over

Author: fgatti675

packages/firecms_cloud/src/FireCMSCloudApp.tsx

@@ -23,8 +23,7 @@ import {
     useBuildLocalConfigurationPersistence,
     useBuildModeController,
     useBuildNavigationController,
-    User,
-    useSnackbarController
+    User
 } from "@firecms/core";
 import { buildCollectionInference, useFirestoreCollectionsConfigController } from "@firecms/collection_editor_firebase";
 import {
@@ -508,8 +507,6 @@ function FireCMSAppAuthenticated({
         throw Error("You can only use FireCMSAppAuthenticated with an authenticated user");
     }
 
-    const snackbarController = useSnackbarController();
-
     const includeDataTalk = userManagement.isAdmin ?? false;
     const dataTalkPath = useDataTalkMode();
     const dataTalkMode = includeDataTalk && dataTalkPath;
@@ -579,11 +576,11 @@ function FireCMSAppAuthenticated({
         basePath,
         baseCollectionPath,
         authController,
-        collections: appConfig?.collections,
+        collections: projectConfig.isTrialOver ? [] : appConfig?.collections,
         views: appConfig?.views,
         userConfigPersistence,
         dataSourceDelegate: firestoreDelegate,
-        injectCollections: useCallback(
+        injectCollections: projectConfig.isTrialOver ? undefined : useCallback(
             (collections: EntityCollection[]) => mergeCollections(
                 collections,
                 collectionConfigController.collections ?? [],

packages/firecms_cloud/src/components/FireCMSCloudHomePage.tsx

@@ -7,8 +7,10 @@ import {
     useCustomizationController,
     useNavigationController
 } from "@firecms/core";
-import { SubscriptionPlanWidget } from "./subscriptions";
+import { Paywall, SubscriptionPlanWidget } from "./subscriptions";
 import { ADMIN_VIEWS_CONFIG } from "../utils";
+import { useProjectConfig } from "../hooks";
+import { CenteredView } from "@firecms/ui";
 
 /**
  * Default entry view for the CMS under the path "/"
@@ -21,6 +23,9 @@ export function FireCMSCloudHomePage() {
 
     const navigation = useNavigationController();
     const { plugins } = useCustomizationController();
+    const {
+        isTrialOver,
+    } = useProjectConfig();
 
     const pluginActions: React.ReactNode[] = [];
     if (plugins) {
@@ -29,6 +34,12 @@ export function FireCMSCloudHomePage() {
         )).filter(Boolean));
     }
     const showSubscriptionWidget = (navigation.collections ?? []).length > 0;
+
+    if (isTrialOver) {
+        return <CenteredView>
+            <Paywall trialOver={isTrialOver}/>
+        </CenteredView>;
+    }
     return <DefaultHomePage
         additionalActions={<> {pluginActions} </>}
         additionalChildrenStart={showSubscriptionWidget