@firecms/user_management 3.4.0-canary.cb27f16 → 3.4.0-canary.ce97da7

package/dist/components/UserManagementPausedNotice.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * Shown by the Users and Roles views instead of their editors while FireCMS
+ * PRO is paused. The user management plugin itself stays mounted, so sign-in
+ * and role checks keep working; only editing users and roles is paused.
+ */
+export declare function UserManagementPausedNotice(): React.JSX.Element;

package/dist/index.es.js

@@ -1,13 +1,12 @@
 import React, { useEffect, useCallback, useContext, useState } from "react";
 import equal from "react-fast-compare";
-import { removeUndefined, useTranslation, useAuthController, toSnakeCase, FieldCaption, ConfirmationDialog, useNavigationController, useSnackbarController, useCustomizationController, defaultDateFormat } from "@firecms/core";
+import { removeUndefined, useTranslation, useAuthController, toSnakeCase, FieldCaption, ConfirmationDialog, useLicenseStatus, getLicenseSubscribeUrl, isProPaused, useNavigationController, useSnackbarController, useCustomizationController, useDateFnsLocale, defaultDateFormat } from "@firecms/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getColorSchemeForSeed, Chip, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TextField, TableHeader, TableBody, Paper, Table, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, AddIcon, Container, CopyIcon, MultiSelectItem, MultiSelect, Avatar } from "@firecms/ui";
+import { getColorSchemeForSeed, Chip, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TextField, TableHeader, TableBody, Paper, Table, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, Container, AddIcon, CopyIcon, MultiSelectItem, MultiSelect, Avatar } from "@firecms/ui";
 import * as Yup from "yup";
 import { useCreateFormex, getIn, Formex } from "@firecms/formex";
 import { format } from "date-fns";
-import * as locales from "date-fns/locale";
 const RESERVED_GROUPS = ["Admin"];
 const DEFAULT_PERMISSIONS = {
   read: false,
@@ -1965,14 +1964,96 @@ function RolesTable(t0) {
   }
   return t21;
 }
+function UserManagementPausedNotice() {
+  const $ = c(20);
+  const {
+    t
+  } = useTranslation();
+  const licenseStatus = useLicenseStatus();
+  let t0;
+  if ($[0] !== licenseStatus?.licenseState || $[1] !== t) {
+    t0 = licenseStatus?.licenseState === "invalid_project" ? t("license_add_project_to_license") : t("license_get_license");
+    $[0] = licenseStatus?.licenseState;
+    $[1] = t;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const linkLabel = t0;
+  let t1;
+  if ($[3] !== t) {
+    t1 = t("pro_features_paused");
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "uppercase", children: t1 });
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t) {
+    t3 = t("user_management_paused_description");
+    $[7] = t;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Typography, { children: t3 });
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== licenseStatus) {
+    t5 = getLicenseSubscribeUrl(licenseStatus);
+    $[11] = licenseStatus;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== linkLabel || $[14] !== t5) {
+    t6 = /* @__PURE__ */ jsx(Button, { component: "a", href: t5, target: "_blank", rel: "noopener noreferrer", children: linkLabel });
+    $[13] = linkLabel;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== t2 || $[17] !== t4 || $[18] !== t6) {
+    t7 = /* @__PURE__ */ jsxs(Paper, { className: "flex flex-col items-start px-4 py-6 bg-white dark:bg-surface-accent-800 gap-2", children: [
+      t2,
+      t4,
+      t6
+    ] });
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  return t7;
+}
 const RolesView = React.memo(function RolesView2(t0) {
-  const $ = c(25);
+  const $ = c(33);
   const {
     children
   } = t0;
   const {
     t
   } = useTranslation();
+  const paused = isProPaused(useLicenseStatus());
   const {
     collections
   } = useNavigationController();
@@ -2000,94 +2081,133 @@ const RolesView = React.memo(function RolesView2(t0) {
     t2 = $[1];
   }
   const handleClose = t2;
+  if (paused) {
+    let t32;
+    if ($[2] !== t) {
+      t32 = t("roles");
+      $[2] = t;
+      $[3] = t32;
+    } else {
+      t32 = $[3];
+    }
+    let t42;
+    if ($[4] !== t32) {
+      t42 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "mt-12", component: "h4", children: t32 });
+      $[4] = t32;
+      $[5] = t42;
+    } else {
+      t42 = $[5];
+    }
+    let t52;
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t52 = /* @__PURE__ */ jsx(UserManagementPausedNotice, {});
+      $[6] = t52;
+    } else {
+      t52 = $[6];
+    }
+    let t62;
+    if ($[7] !== children || $[8] !== t42) {
+      t62 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+        children,
+        t42,
+        t52
+      ] });
+      $[7] = children;
+      $[8] = t42;
+      $[9] = t62;
+    } else {
+      t62 = $[9];
+    }
+    return t62;
+  }
   let t3;
-  if ($[2] !== t) {
+  if ($[10] !== t) {
     t3 = t("roles");
-    $[2] = t;
-    $[3] = t3;
+    $[10] = t;
+    $[11] = t3;
   } else {
-    t3 = $[3];
+    t3 = $[11];
   }
   let t4;
-  if ($[4] !== t3) {
+  if ($[12] !== t3) {
     t4 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t3 });
-    $[4] = t3;
-    $[5] = t4;
+    $[12] = t3;
+    $[13] = t4;
   } else {
-    t4 = $[5];
+    t4 = $[13];
   }
   let t5;
   let t6;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ jsx(AddIcon, {});
     t6 = () => setDialogOpen(true);
-    $[6] = t5;
-    $[7] = t6;
+    $[14] = t5;
+    $[15] = t6;
   } else {
-    t5 = $[6];
-    t6 = $[7];
+    t5 = $[14];
+    t6 = $[15];
   }
   let t7;
-  if ($[8] !== t) {
+  if ($[16] !== t) {
     t7 = t("add_role");
-    $[8] = t;
-    $[9] = t7;
+    $[16] = t;
+    $[17] = t7;
   } else {
-    t7 = $[9];
+    t7 = $[17];
   }
   let t8;
-  if ($[10] !== t7) {
+  if ($[18] !== t7) {
     t8 = /* @__PURE__ */ jsx(Button, { size: "large", startIcon: t5, onClick: t6, children: t7 });
-    $[10] = t7;
-    $[11] = t8;
+    $[18] = t7;
+    $[19] = t8;
   } else {
-    t8 = $[11];
+    t8 = $[19];
   }
   let t9;
-  if ($[12] !== t4 || $[13] !== t8) {
+  if ($[20] !== t4 || $[21] !== t8) {
     t9 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t4,
       t8
     ] });
-    $[12] = t4;
-    $[13] = t8;
-    $[14] = t9;
+    $[20] = t4;
+    $[21] = t8;
+    $[22] = t9;
   } else {
-    t9 = $[14];
+    t9 = $[22];
   }
   let t10;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(RolesTable, { onRoleClicked, editable: true });
-    $[15] = t10;
+    $[23] = t10;
   } else {
-    t10 = $[15];
+    t10 = $[23];
   }
   const t11 = selectedRole?.id ?? "new";
   let t12;
-  if ($[16] !== collections || $[17] !== dialogOpen || $[18] !== selectedRole || $[19] !== t11) {
+  if ($[24] !== collections || $[25] !== dialogOpen || $[26] !== selectedRole || $[27] !== t11) {
     t12 = /* @__PURE__ */ jsx(RolesDetailsForm, { open: dialogOpen, role: selectedRole, editable: true, collections, handleClose }, t11);
-    $[16] = collections;
-    $[17] = dialogOpen;
-    $[18] = selectedRole;
-    $[19] = t11;
-    $[20] = t12;
+    $[24] = collections;
+    $[25] = dialogOpen;
+    $[26] = selectedRole;
+    $[27] = t11;
+    $[28] = t12;
   } else {
-    t12 = $[20];
+    t12 = $[28];
   }
   let t13;
-  if ($[21] !== children || $[22] !== t12 || $[23] !== t9) {
+  if ($[29] !== children || $[30] !== t12 || $[31] !== t9) {
     t13 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
       children,
       t9,
       t10,
       t12
     ] });
-    $[21] = children;
-    $[22] = t12;
-    $[23] = t9;
-    $[24] = t13;
+    $[29] = children;
+    $[30] = t12;
+    $[31] = t9;
+    $[32] = t13;
   } else {
-    t13 = $[24];
+    t13 = $[32];
   }
   return t13;
 });
@@ -2580,7 +2700,7 @@ function UsersTable(t0) {
   const authController = useAuthController();
   const snackbarController = useSnackbarController();
   const customizationController = useCustomizationController();
-  const dateUtilsLocale = customizationController?.locale ? locales[customizationController?.locale] : void 0;
+  const dateUtilsLocale = useDateFnsLocale(customizationController?.locale);
   const dateFormat = customizationController?.dateTimeFormat ?? defaultDateFormat;
   const [userToBeDeleted, setUserToBeDeleted] = useState(void 0);
   const [deleteInProgress, setDeleteInProgress] = useState(false);
@@ -2875,13 +2995,14 @@ function _temp$1(userRole) {
   return /* @__PURE__ */ jsx(RoleChip, { role: userRole }, userRole?.id);
 }
 const UsersView = function UsersView2(t0) {
-  const $ = c(24);
+  const $ = c(32);
   const {
     children
   } = t0;
   const {
     t
   } = useTranslation();
+  const paused = isProPaused(useLicenseStatus());
   const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedUser, setSelectedUser] = useState();
   const [newFormKey, setNewFormKey] = useState(0);
@@ -2920,89 +3041,128 @@ const UsersView = function UsersView2(t0) {
     t3 = $[2];
   }
   const handleAddUser = t3;
+  if (paused) {
+    let t42;
+    if ($[3] !== t) {
+      t42 = t("users");
+      $[3] = t;
+      $[4] = t42;
+    } else {
+      t42 = $[4];
+    }
+    let t52;
+    if ($[5] !== t42) {
+      t52 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "mt-12", component: "h4", children: t42 });
+      $[5] = t42;
+      $[6] = t52;
+    } else {
+      t52 = $[6];
+    }
+    let t62;
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t62 = /* @__PURE__ */ jsx(UserManagementPausedNotice, {});
+      $[7] = t62;
+    } else {
+      t62 = $[7];
+    }
+    let t72;
+    if ($[8] !== children || $[9] !== t52) {
+      t72 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+        children,
+        t52,
+        t62
+      ] });
+      $[8] = children;
+      $[9] = t52;
+      $[10] = t72;
+    } else {
+      t72 = $[10];
+    }
+    return t72;
+  }
   let t4;
-  if ($[3] !== t) {
+  if ($[11] !== t) {
     t4 = t("users");
-    $[3] = t;
-    $[4] = t4;
+    $[11] = t;
+    $[12] = t4;
   } else {
-    t4 = $[4];
+    t4 = $[12];
   }
   let t5;
-  if ($[5] !== t4) {
+  if ($[13] !== t4) {
     t5 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t4 });
-    $[5] = t4;
-    $[6] = t5;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t5 = $[6];
+    t5 = $[14];
   }
   let t6;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(AddIcon, {});
-    $[7] = t6;
+    $[15] = t6;
   } else {
-    t6 = $[7];
+    t6 = $[15];
   }
   let t7;
-  if ($[8] !== t) {
+  if ($[16] !== t) {
     t7 = t("add_user");
-    $[8] = t;
-    $[9] = t7;
+    $[16] = t;
+    $[17] = t7;
   } else {
-    t7 = $[9];
+    t7 = $[17];
   }
   let t8;
-  if ($[10] !== t7) {
+  if ($[18] !== t7) {
     t8 = /* @__PURE__ */ jsx(Button, { size: "large", startIcon: t6, onClick: handleAddUser, children: t7 });
-    $[10] = t7;
-    $[11] = t8;
+    $[18] = t7;
+    $[19] = t8;
   } else {
-    t8 = $[11];
+    t8 = $[19];
   }
   let t9;
-  if ($[12] !== t5 || $[13] !== t8) {
+  if ($[20] !== t5 || $[21] !== t8) {
     t9 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t5,
       t8
     ] });
-    $[12] = t5;
-    $[13] = t8;
-    $[14] = t9;
+    $[20] = t5;
+    $[21] = t8;
+    $[22] = t9;
   } else {
-    t9 = $[14];
+    t9 = $[22];
   }
   let t10;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(UsersTable, { onUserClicked });
-    $[15] = t10;
+    $[23] = t10;
   } else {
-    t10 = $[15];
+    t10 = $[23];
   }
   const t11 = selectedUser?.uid ?? `new-${newFormKey}`;
   let t12;
-  if ($[16] !== dialogOpen || $[17] !== selectedUser || $[18] !== t11) {
+  if ($[24] !== dialogOpen || $[25] !== selectedUser || $[26] !== t11) {
     t12 = /* @__PURE__ */ jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, handleClose }, t11);
-    $[16] = dialogOpen;
-    $[17] = selectedUser;
-    $[18] = t11;
-    $[19] = t12;
+    $[24] = dialogOpen;
+    $[25] = selectedUser;
+    $[26] = t11;
+    $[27] = t12;
   } else {
-    t12 = $[19];
+    t12 = $[27];
   }
   let t13;
-  if ($[20] !== children || $[21] !== t12 || $[22] !== t9) {
+  if ($[28] !== children || $[29] !== t12 || $[30] !== t9) {
     t13 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
       children,
       t9,
       t10,
       t12
     ] });
-    $[20] = children;
-    $[21] = t12;
-    $[22] = t9;
-    $[23] = t13;
+    $[28] = children;
+    $[29] = t12;
+    $[30] = t9;
+    $[31] = t13;
   } else {
-    t13 = $[23];
+    t13 = $[31];
   }
   return t13;
 };
@@ -3090,6 +3250,10 @@ function IntroWidget(t0) {
   const {
     t
   } = useTranslation();
+  const licenseStatus = useLicenseStatus();
+  if (isProPaused(licenseStatus)) {
+    return null;
+  }
   let t1;
   if ($[0] !== noRoles || $[1] !== noUsers || $[2] !== t) {
     t1 = noUsers && noRoles ? t("create_default_roles_and_add_admin") : noUsers ? t("add_current_user_as_admin") : noRoles ? t("create_default_roles") : void 0;