@firecms/user_management 3.4.0 → 3.5.1

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-fast-compare"), require("@firecms/core"), require("react/jsx-runtime"), require("react-compiler-runtime"), require("@firecms/ui"), require("yup"), require("@firecms/formex"), require("date-fns"), require("date-fns/locale")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-fast-compare", "@firecms/core", "react/jsx-runtime", "react-compiler-runtime", "@firecms/ui", "yup", "@firecms/formex", "date-fns", "date-fns/locale"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMS = {}, global.React, global.equal, global.core, global.jsxRuntime, global.reactCompilerRuntime, global.ui, global.Yup, global.formex, global.dateFns, global.locales));
-})(this, (function(exports2, React, equal, core, jsxRuntime, reactCompilerRuntime, ui, Yup, formex, dateFns, locales) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-fast-compare"), require("@firecms/core"), require("react/jsx-runtime"), require("react-compiler-runtime"), require("@firecms/ui"), require("yup"), require("@firecms/formex"), require("date-fns")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-fast-compare", "@firecms/core", "react/jsx-runtime", "react-compiler-runtime", "@firecms/ui", "yup", "@firecms/formex", "date-fns"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMS = {}, global.React, global.equal, global.core, global.jsxRuntime, global.reactCompilerRuntime, global.ui, global.Yup, global.formex, global.dateFns));
+})(this, (function(exports2, React, equal, core, jsxRuntime, reactCompilerRuntime, ui, Yup, formex, dateFns) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -19,7 +19,6 @@
     return Object.freeze(n);
   }
   const Yup__namespace = /* @__PURE__ */ _interopNamespaceDefault(Yup);
-  const locales__namespace = /* @__PURE__ */ _interopNamespaceDefault(locales);
   const RESERVED_GROUPS = ["Admin"];
   const DEFAULT_PERMISSIONS = {
     read: false,
@@ -1977,14 +1976,96 @@
     }
     return t21;
   }
+  function UserManagementPausedNotice() {
+    const $ = reactCompilerRuntime.c(20);
+    const {
+      t
+    } = core.useTranslation();
+    const licenseStatus = core.useLicenseStatus();
+    let t0;
+    if ($[0] !== licenseStatus?.licenseState || $[1] !== t) {
+      t0 = licenseStatus?.licenseState === "invalid_project" ? t("license_add_project_to_license") : licenseStatus?.licenseState === "over_quota" ? t("license_update_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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Typography, { children: t3 });
+      $[9] = t3;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    let t5;
+    if ($[11] !== licenseStatus) {
+      t5 = core.getLicenseSubscribeUrl(licenseStatus);
+      $[11] = licenseStatus;
+      $[12] = t5;
+    } else {
+      t5 = $[12];
+    }
+    let t6;
+    if ($[13] !== linkLabel || $[14] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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 $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(33);
     const {
       children
     } = t0;
     const {
       t
     } = core.useTranslation();
+    const paused = core.isProPaused(core.useLicenseStatus());
     const {
       collections
     } = core.useNavigationController();
@@ -2012,94 +2093,133 @@
       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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(UserManagementPausedNotice, {});
+        $[6] = t52;
+      } else {
+        t52 = $[6];
+      }
+      let t62;
+      if ($[7] !== children || $[8] !== t42) {
+        t62 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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;
   });
@@ -2592,7 +2712,7 @@
     const authController = core.useAuthController();
     const snackbarController = core.useSnackbarController();
     const customizationController = core.useCustomizationController();
-    const dateUtilsLocale = customizationController?.locale ? locales__namespace[customizationController?.locale] : void 0;
+    const dateUtilsLocale = core.useDateFnsLocale(customizationController?.locale);
     const dateFormat = customizationController?.dateTimeFormat ?? core.defaultDateFormat;
     const [userToBeDeleted, setUserToBeDeleted] = React.useState(void 0);
     const [deleteInProgress, setDeleteInProgress] = React.useState(false);
@@ -2887,13 +3007,14 @@
     return /* @__PURE__ */ jsxRuntime.jsx(RoleChip, { role: userRole }, userRole?.id);
   }
   const UsersView = function UsersView2(t0) {
-    const $ = reactCompilerRuntime.c(24);
+    const $ = reactCompilerRuntime.c(32);
     const {
       children
     } = t0;
     const {
       t
     } = core.useTranslation();
+    const paused = core.isProPaused(core.useLicenseStatus());
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const [selectedUser, setSelectedUser] = React.useState();
     const [newFormKey, setNewFormKey] = React.useState(0);
@@ -2932,89 +3053,128 @@
       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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(UserManagementPausedNotice, {});
+        $[7] = t62;
+      } else {
+        t62 = $[7];
+      }
+      let t72;
+      if ($[8] !== children || $[9] !== t52) {
+        t72 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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;
   };
@@ -3102,6 +3262,10 @@
     const {
       t
     } = core.useTranslation();
+    const licenseStatus = core.useLicenseStatus();
+    if (core.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;