@abpjs/saas 2.7.0 → 3.0.0

package/dist/index.mjs

@@ -1,3 +1,61 @@
+// src/config/enums/policy-names.ts
+var eSaasPolicyNames = {
+  /** Policy for SaaS module (Tenants OR Editions) */
+  Saas: "Saas.Tenants || Saas.Editions",
+  /** Policy for Tenants management */
+  Tenants: "Saas.Tenants",
+  /** Policy for Editions management */
+  Editions: "Saas.Editions"
+};
+
+// src/config/enums/route-names.ts
+var eSaasRouteNames = {
+  /** SaaS menu route name */
+  Saas: "Saas::Menu:Saas",
+  /** Tenants route name */
+  Tenants: "Saas::Tenants",
+  /** Editions route name */
+  Editions: "Saas::Editions"
+};
+
+// src/config/providers/route.provider.ts
+var SAAS_ROUTE_CONFIG = {
+  path: "/saas",
+  name: eSaasRouteNames.Saas,
+  iconClass: "fas fa-building",
+  order: 2,
+  requiredPolicy: "Saas.Tenants || Saas.Editions",
+  children: [
+    {
+      path: "tenants",
+      name: eSaasRouteNames.Tenants,
+      requiredPolicy: "Saas.Tenants",
+      order: 1
+    },
+    {
+      path: "editions",
+      name: eSaasRouteNames.Editions,
+      requiredPolicy: "Saas.Editions",
+      order: 2
+    }
+  ]
+};
+function configureRoutes(routes) {
+  return () => {
+    routes.add([SAAS_ROUTE_CONFIG]);
+  };
+}
+function initializeSaasRoutes(routes) {
+  const configure = configureRoutes(routes);
+  configure();
+}
+var SAAS_ROUTE_PROVIDERS = {
+  /** Configure function factory */
+  useFactory: configureRoutes,
+  /** Dependencies required by the factory */
+  deps: ["RoutesService"]
+};
+
 // src/constants/routes.ts
 var SAAS_ROUTES = {
   routes: [
@@ -30,12 +88,45 @@ var eSaasComponents = {
   Tenants: "Saas.TenantsComponent"
 };
 
-// src/enums/route-names.ts
-var eSaasRouteNames = {
-  Administration: "AbpUiNavigation::Menu:Administration",
-  Saas: "Saas::Menu:Saas",
-  Tenants: "Saas::Tenants",
-  Editions: "Saas::Editions"
+// src/guards/extensions.guard.ts
+import { useState, useEffect } from "react";
+async function saasExtensionsGuard() {
+  return Promise.resolve(true);
+}
+function useSaasExtensionsGuard() {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let cancelled = false;
+    const checkExtensions = async () => {
+      try {
+        const result = await saasExtensionsGuard();
+        if (!cancelled) {
+          setIsLoaded(result);
+          setLoading(false);
+        }
+      } catch {
+        if (!cancelled) {
+          setIsLoaded(false);
+          setLoading(false);
+        }
+      }
+    };
+    checkExtensions();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return { isLoaded, loading };
+}
+var SaasExtensionsGuard = class {
+  /**
+   * Check if the route can be activated
+   * @returns Promise<boolean> - True if navigation should proceed
+   */
+  async canActivate() {
+    return saasExtensionsGuard();
+  }
 };
 
 // src/services/saas.service.ts
@@ -417,23 +508,203 @@ var SaasStateService = class {
   }
 };
 
+// src/tokens/extensions.token.ts
+var DEFAULT_EDITIONS_ENTITY_ACTIONS = [
+  {
+    text: "AbpUi::Edit",
+    permission: "Saas.Editions.Update",
+    icon: "fa fa-edit"
+  },
+  {
+    text: "Saas::Permission:ManageFeatures",
+    permission: "Saas.Editions.ManageFeatures",
+    icon: "fa fa-cog"
+  },
+  {
+    text: "AbpUi::Delete",
+    permission: "Saas.Editions.Delete",
+    icon: "fa fa-trash"
+  }
+];
+var DEFAULT_TENANTS_ENTITY_ACTIONS = [
+  {
+    text: "AbpUi::Edit",
+    permission: "Saas.Tenants.Update",
+    icon: "fa fa-edit"
+  },
+  {
+    text: "Saas::Permission:ManageFeatures",
+    permission: "Saas.Tenants.ManageFeatures",
+    icon: "fa fa-cog"
+  },
+  {
+    text: "Saas::ConnectionStrings",
+    permission: "Saas.Tenants.ManageConnectionStrings",
+    icon: "fa fa-database"
+  },
+  {
+    text: "AbpUi::Delete",
+    permission: "Saas.Tenants.Delete",
+    icon: "fa fa-trash"
+  }
+];
+var DEFAULT_SAAS_ENTITY_ACTIONS = {
+  [eSaasComponents.Editions]: DEFAULT_EDITIONS_ENTITY_ACTIONS,
+  [eSaasComponents.Tenants]: DEFAULT_TENANTS_ENTITY_ACTIONS
+};
+var DEFAULT_EDITIONS_TOOLBAR_ACTIONS = [
+  {
+    text: "Saas::NewEdition",
+    permission: "Saas.Editions.Create",
+    icon: "fa fa-plus"
+  }
+];
+var DEFAULT_TENANTS_TOOLBAR_ACTIONS = [
+  {
+    text: "Saas::NewTenant",
+    permission: "Saas.Tenants.Create",
+    icon: "fa fa-plus"
+  }
+];
+var DEFAULT_SAAS_TOOLBAR_ACTIONS = {
+  [eSaasComponents.Editions]: DEFAULT_EDITIONS_TOOLBAR_ACTIONS,
+  [eSaasComponents.Tenants]: DEFAULT_TENANTS_TOOLBAR_ACTIONS
+};
+var DEFAULT_EDITIONS_ENTITY_PROPS = [
+  {
+    name: "displayName",
+    displayName: "Saas::EditionName",
+    sortable: true
+  }
+];
+var DEFAULT_TENANTS_ENTITY_PROPS = [
+  {
+    name: "name",
+    displayName: "Saas::TenantName",
+    sortable: true
+  },
+  {
+    name: "editionName",
+    displayName: "Saas::EditionName",
+    sortable: false
+  }
+];
+var DEFAULT_SAAS_ENTITY_PROPS = {
+  [eSaasComponents.Editions]: DEFAULT_EDITIONS_ENTITY_PROPS,
+  [eSaasComponents.Tenants]: DEFAULT_TENANTS_ENTITY_PROPS
+};
+var DEFAULT_EDITIONS_CREATE_FORM_PROPS = [
+  {
+    name: "displayName",
+    displayName: "Saas::EditionName",
+    type: "string",
+    validators: [
+      { type: "required", message: "Saas::EditionNameIsRequired" },
+      { type: "maxLength", value: 256 }
+    ]
+  }
+];
+var DEFAULT_TENANTS_CREATE_FORM_PROPS = [
+  {
+    name: "name",
+    displayName: "Saas::TenantName",
+    type: "string",
+    validators: [
+      { type: "required", message: "Saas::TenantNameIsRequired" },
+      { type: "maxLength", value: 256 }
+    ]
+  },
+  {
+    name: "editionId",
+    displayName: "Saas::Edition",
+    type: "select",
+    options: []
+  },
+  {
+    name: "adminEmailAddress",
+    displayName: "Saas::AdminEmailAddress",
+    type: "string",
+    validators: [
+      { type: "required", message: "Saas::AdminEmailAddressIsRequired" },
+      { type: "email" }
+    ]
+  },
+  {
+    name: "adminPassword",
+    displayName: "Saas::AdminPassword",
+    type: "string",
+    validators: [{ type: "required", message: "Saas::AdminPasswordIsRequired" }]
+  }
+];
+var DEFAULT_SAAS_CREATE_FORM_PROPS = {
+  [eSaasComponents.Editions]: DEFAULT_EDITIONS_CREATE_FORM_PROPS,
+  [eSaasComponents.Tenants]: DEFAULT_TENANTS_CREATE_FORM_PROPS
+};
+var DEFAULT_EDITIONS_EDIT_FORM_PROPS = [
+  {
+    name: "displayName",
+    displayName: "Saas::EditionName",
+    type: "string",
+    validators: [
+      { type: "required", message: "Saas::EditionNameIsRequired" },
+      { type: "maxLength", value: 256 }
+    ]
+  }
+];
+var DEFAULT_TENANTS_EDIT_FORM_PROPS = [
+  {
+    name: "name",
+    displayName: "Saas::TenantName",
+    type: "string",
+    validators: [
+      { type: "required", message: "Saas::TenantNameIsRequired" },
+      { type: "maxLength", value: 256 }
+    ]
+  },
+  {
+    name: "editionId",
+    displayName: "Saas::Edition",
+    type: "select",
+    options: []
+  }
+];
+var DEFAULT_SAAS_EDIT_FORM_PROPS = {
+  [eSaasComponents.Editions]: DEFAULT_EDITIONS_EDIT_FORM_PROPS,
+  [eSaasComponents.Tenants]: DEFAULT_TENANTS_EDIT_FORM_PROPS
+};
+var SAAS_ENTITY_ACTION_CONTRIBUTORS = /* @__PURE__ */ Symbol(
+  "SAAS_ENTITY_ACTION_CONTRIBUTORS"
+);
+var SAAS_TOOLBAR_ACTION_CONTRIBUTORS = /* @__PURE__ */ Symbol(
+  "SAAS_TOOLBAR_ACTION_CONTRIBUTORS"
+);
+var SAAS_ENTITY_PROP_CONTRIBUTORS = /* @__PURE__ */ Symbol(
+  "SAAS_ENTITY_PROP_CONTRIBUTORS"
+);
+var SAAS_CREATE_FORM_PROP_CONTRIBUTORS = /* @__PURE__ */ Symbol(
+  "SAAS_CREATE_FORM_PROP_CONTRIBUTORS"
+);
+var SAAS_EDIT_FORM_PROP_CONTRIBUTORS = /* @__PURE__ */ Symbol(
+  "SAAS_EDIT_FORM_PROP_CONTRIBUTORS"
+);
+
 // src/hooks/useTenants.ts
-import { useState, useCallback, useMemo } from "react";
+import { useState as useState2, useCallback, useMemo } from "react";
 import { useRestService } from "@abpjs/core";
 function useTenants() {
   const restService = useRestService();
   const service = useMemo(() => new SaasService(restService), [restService]);
-  const [tenants, setTenants] = useState([]);
-  const [totalCount, setTotalCount] = useState(0);
-  const [selectedTenant, setSelectedTenant] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [sortKey, setSortKey] = useState("name");
-  const [sortOrder, setSortOrder] = useState("");
-  const [defaultConnectionString, setDefaultConnectionString] = useState("");
-  const [useSharedDatabase, setUseSharedDatabase] = useState(true);
-  const [visibleFeatures, setVisibleFeatures] = useState(false);
-  const [featuresProviderKey, setFeaturesProviderKey] = useState("");
+  const [tenants, setTenants] = useState2([]);
+  const [totalCount, setTotalCount] = useState2(0);
+  const [selectedTenant, setSelectedTenant] = useState2(null);
+  const [isLoading, setIsLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [sortKey, setSortKey] = useState2("name");
+  const [sortOrder, setSortOrder] = useState2("");
+  const [defaultConnectionString, setDefaultConnectionString] = useState2("");
+  const [useSharedDatabase, setUseSharedDatabase] = useState2(true);
+  const [visibleFeatures, setVisibleFeatures] = useState2(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = useState2("");
   const fetchTenants = useCallback(
     async (params) => {
       setIsLoading(true);
@@ -629,21 +900,21 @@ function useTenants() {
 }
 
 // src/hooks/useEditions.ts
-import { useState as useState2, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { useState as useState3, useCallback as useCallback2, useMemo as useMemo2 } from "react";
 import { useRestService as useRestService2 } from "@abpjs/core";
 function useEditions() {
   const restService = useRestService2();
   const service = useMemo2(() => new SaasService(restService), [restService]);
-  const [editions, setEditions] = useState2([]);
-  const [totalCount, setTotalCount] = useState2(0);
-  const [selectedEdition, setSelectedEdition] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(false);
-  const [error, setError] = useState2(null);
-  const [sortKey, setSortKey] = useState2("displayName");
-  const [sortOrder, setSortOrder] = useState2("");
-  const [usageStatistics, setUsageStatistics] = useState2({});
-  const [visibleFeatures, setVisibleFeatures] = useState2(false);
-  const [featuresProviderKey, setFeaturesProviderKey] = useState2("");
+  const [editions, setEditions] = useState3([]);
+  const [totalCount, setTotalCount] = useState3(0);
+  const [selectedEdition, setSelectedEdition] = useState3(null);
+  const [isLoading, setIsLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [sortKey, setSortKey] = useState3("displayName");
+  const [sortOrder, setSortOrder] = useState3("");
+  const [usageStatistics, setUsageStatistics] = useState3({});
+  const [visibleFeatures, setVisibleFeatures] = useState3(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = useState3("");
   const fetchEditions = useCallback2(
     async (params) => {
       setIsLoading(true);
@@ -796,9 +1067,9 @@ function useEditions() {
 }
 
 // src/components/Tenants/TenantsComponent.tsx
-import { useEffect, useState as useState3, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect2, useState as useState4, useCallback as useCallback3 } from "react";
 import { useLocalization } from "@abpjs/core";
-import { Modal, Button, FormField, useConfirmation, Toaster } from "@abpjs/theme-shared";
+import { Modal, Button, FormField, useConfirmation, Confirmation } from "@abpjs/theme-shared";
 import {
   Box,
   Flex,
@@ -835,19 +1106,19 @@ function TenantsComponent({
     setSelectedTenant
   } = useTenants();
   const { editions, fetchEditions } = useEditions();
-  const [modalType, setModalType] = useState3(null);
-  const [modalVisible, setModalVisible] = useState3(false);
-  const [modalBusy, setModalBusy] = useState3(false);
-  const [page, setPage] = useState3(0);
+  const [modalType, setModalType] = useState4(null);
+  const [modalVisible, setModalVisible] = useState4(false);
+  const [modalBusy, setModalBusy] = useState4(false);
+  const [page, setPage] = useState4(0);
   const pageSize = 10;
-  const [filter, setFilter] = useState3("");
-  const [tenantName, setTenantName] = useState3("");
-  const [tenantEditionId, setTenantEditionId] = useState3("");
-  const [adminEmailAddress, setAdminEmailAddress] = useState3("");
-  const [adminPassword, setAdminPassword] = useState3("");
-  const [connStringUseShared, setConnStringUseShared] = useState3(true);
-  const [connString, setConnString] = useState3("");
-  useEffect(() => {
+  const [filter, setFilter] = useState4("");
+  const [tenantName, setTenantName] = useState4("");
+  const [tenantEditionId, setTenantEditionId] = useState4("");
+  const [adminEmailAddress, setAdminEmailAddress] = useState4("");
+  const [adminPassword, setAdminPassword] = useState4("");
+  const [connStringUseShared, setConnStringUseShared] = useState4(true);
+  const [connString, setConnString] = useState4("");
+  useEffect2(() => {
     fetchTenants({
       skipCount: page * pageSize,
       maxResultCount: pageSize,
@@ -855,7 +1126,7 @@ function TenantsComponent({
       getEditionNames: true
     });
   }, [page, pageSize, fetchTenants]);
-  useEffect(() => {
+  useEffect2(() => {
     fetchEditions();
   }, [fetchEditions]);
   const handleSearch = useCallback3(() => {
@@ -907,7 +1178,7 @@ function TenantsComponent({
         t("Saas::TenantDeletionConfirmationMessage").replace("{0}", tenant.name),
         t("Saas::AreYouSure")
       );
-      if (status === Toaster.Status.confirm) {
+      if (status === Confirmation.Status.confirm) {
         const result = await deleteTenant(tenant.id);
         if (result.success) {
           onTenantDeleted?.(tenant.id);
@@ -1189,9 +1460,9 @@ function TenantsComponent({
 }
 
 // src/components/Editions/EditionsComponent.tsx
-import { useEffect as useEffect2, useState as useState4, useCallback as useCallback4 } from "react";
+import { useEffect as useEffect3, useState as useState5, useCallback as useCallback4 } from "react";
 import { useLocalization as useLocalization2 } from "@abpjs/core";
-import { Modal as Modal2, Button as Button2, FormField as FormField2, useConfirmation as useConfirmation2, Toaster as Toaster2 } from "@abpjs/theme-shared";
+import { Modal as Modal2, Button as Button2, FormField as FormField2, useConfirmation as useConfirmation2, Confirmation as Confirmation2 } from "@abpjs/theme-shared";
 import {
   Box as Box2,
   Flex as Flex2,
@@ -1223,13 +1494,13 @@ function EditionsComponent({
     deleteEdition,
     setSelectedEdition
   } = useEditions();
-  const [modalVisible, setModalVisible] = useState4(false);
-  const [modalBusy, setModalBusy] = useState4(false);
-  const [page, setPage] = useState4(0);
+  const [modalVisible, setModalVisible] = useState5(false);
+  const [modalBusy, setModalBusy] = useState5(false);
+  const [page, setPage] = useState5(0);
   const pageSize = 10;
-  const [filter, setFilter] = useState4("");
-  const [displayName, setDisplayName] = useState4("");
-  useEffect2(() => {
+  const [filter, setFilter] = useState5("");
+  const [displayName, setDisplayName] = useState5("");
+  useEffect3(() => {
     fetchEditions({
       skipCount: page * pageSize,
       maxResultCount: pageSize,
@@ -1265,7 +1536,7 @@ function EditionsComponent({
         t("Saas::EditionDeletionConfirmationMessage").replace("{0}", edition.displayName),
         t("Saas::AreYouSure")
       );
-      if (status === Toaster2.Status.confirm) {
+      if (status === Confirmation2.Status.confirm) {
         const result = await deleteEdition(edition.id);
         if (result.success) {
           onEditionDeleted?.(edition.id);
@@ -1446,13 +1717,41 @@ function EditionsComponent({
   ] });
 }
 export {
+  DEFAULT_EDITIONS_CREATE_FORM_PROPS,
+  DEFAULT_EDITIONS_EDIT_FORM_PROPS,
+  DEFAULT_EDITIONS_ENTITY_ACTIONS,
+  DEFAULT_EDITIONS_ENTITY_PROPS,
+  DEFAULT_EDITIONS_TOOLBAR_ACTIONS,
+  DEFAULT_SAAS_CREATE_FORM_PROPS,
+  DEFAULT_SAAS_EDIT_FORM_PROPS,
+  DEFAULT_SAAS_ENTITY_ACTIONS,
+  DEFAULT_SAAS_ENTITY_PROPS,
+  DEFAULT_SAAS_TOOLBAR_ACTIONS,
+  DEFAULT_TENANTS_CREATE_FORM_PROPS,
+  DEFAULT_TENANTS_EDIT_FORM_PROPS,
+  DEFAULT_TENANTS_ENTITY_ACTIONS,
+  DEFAULT_TENANTS_ENTITY_PROPS,
+  DEFAULT_TENANTS_TOOLBAR_ACTIONS,
   EditionsComponent,
+  SAAS_CREATE_FORM_PROP_CONTRIBUTORS,
+  SAAS_EDIT_FORM_PROP_CONTRIBUTORS,
+  SAAS_ENTITY_ACTION_CONTRIBUTORS,
+  SAAS_ENTITY_PROP_CONTRIBUTORS,
   SAAS_ROUTES,
+  SAAS_ROUTE_CONFIG,
+  SAAS_ROUTE_PROVIDERS,
+  SAAS_TOOLBAR_ACTION_CONTRIBUTORS,
+  SaasExtensionsGuard,
   SaasService,
   SaasStateService,
   TenantsComponent,
+  configureRoutes,
   eSaasComponents,
+  eSaasPolicyNames,
   eSaasRouteNames,
+  initializeSaasRoutes,
+  saasExtensionsGuard,
   useEditions,
+  useSaasExtensionsGuard,
   useTenants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/saas",
-  "version": "2.7.0",
+  "version": "3.0.0",
   "description": "ABP Framework SaaS components for React - translated from @volo/abp.ng.saas",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -27,12 +27,12 @@
   "dependencies": {
     "@chakra-ui/react": "^3.2.0",
     "@emotion/react": "^11.11.0",
-    "@abpjs/core": "2.7.0",
-    "@abpjs/feature-management": "2.7.0",
-    "@abpjs/theme-shared": "2.7.0"
+    "@abpjs/core": "3.0.0",
+    "@abpjs/feature-management": "3.0.0",
+    "@abpjs/theme-shared": "3.0.0"
   },
   "devDependencies": {
-    "@volo/abp.ng.saas": "2.7.0",
+    "@volo/abp.ng.saas": "3.0.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",