@abpjs/saas 2.1.1 → 2.4.0

package/dist/index.d.mts

@@ -3,7 +3,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * SaaS Models
- * Translated from @volo/abp.ng.saas v2.0.0
+ * Translated from @volo/abp.ng.saas v2.4.0
+ *
+ * @updated 2.4.0 - Updated CreateTenantRequest and UpdateTenantRequest types
  */
 
 /**
@@ -53,22 +55,19 @@ declare namespace Saas {
     }
     /**
      * Create tenant request
+     * @updated 2.4.0 - adminEmailAddress and adminPassword are now required
      */
     interface CreateTenantRequest {
+        adminEmailAddress: string;
+        adminPassword: string;
         name: string;
         editionId?: string;
-        adminEmailAddress?: string;
-        adminPassword?: string;
     }
     /**
      * Update tenant request
+     * @updated 2.4.0 - Now uses Omit<Tenant, 'editionName'> pattern
      */
-    interface UpdateTenantRequest {
-        id?: string;
-        name: string;
-        editionId?: string;
-        concurrencyStamp?: string;
-    }
+    type UpdateTenantRequest = Omit<Tenant, 'editionName'>;
     /**
      * Create edition request
      */
@@ -118,6 +117,17 @@ declare const SAAS_ROUTES: {
     routes: ABP.FullRoute[];
 };
 
+/**
+ * SaaS Component Identifiers
+ * Used for component registration and routing
+ *
+ * @since 2.4.0
+ */
+declare enum eSaasComponents {
+    Editions = "Saas.EditionsComponent",
+    Tenants = "Saas.TenantsComponent"
+}
+
 /**
  * SaaS Service
  * Translated from @volo/abp.ng.saas v2.0.0
@@ -131,9 +141,15 @@ declare const SAAS_ROUTES: {
  * This service wraps all REST API calls for the SaaS module.
  *
  * @since 2.0.0
+ * @updated 2.4.0 - Added apiName property
  */
 declare class SaasService {
     private restService;
+    /**
+     * API name for multi-API configurations
+     * @since 2.4.0
+     */
+    apiName: string;
     constructor(restService: RestService);
     /**
      * Get paginated list of tenants
@@ -396,6 +412,10 @@ interface UseTenantsReturn {
     defaultConnectionString: string;
     /** Whether the tenant uses shared database */
     useSharedDatabase: boolean;
+    /** Whether features modal is visible @since 2.2.0 */
+    visibleFeatures: boolean;
+    /** Provider key for features modal @since 2.2.0 */
+    featuresProviderKey: string;
     /** Fetch all tenants with optional pagination/filtering */
     fetchTenants: (params?: Saas.TenantsQueryParams) => Promise<TenantOperationResult<Saas.TenantsResponse>>;
     /** Get a tenant by ID and set it as selected */
@@ -418,6 +438,10 @@ interface UseTenantsReturn {
     setSortKey: (key: string) => void;
     /** Set sort order */
     setSortOrder: (order: SortOrder$1) => void;
+    /** Handle features modal visibility change @since 2.2.0 */
+    onVisibleFeaturesChange: (value: boolean) => void;
+    /** Open features modal for a tenant @since 2.2.0 */
+    openFeaturesModal: (providerKey: string) => void;
     /** Reset state */
     reset: () => void;
 }
@@ -495,6 +519,10 @@ interface UseEditionsReturn {
     sortOrder: SortOrder;
     /** Usage statistics for editions */
     usageStatistics: Record<string, number>;
+    /** Whether features modal is visible @since 2.2.0 */
+    visibleFeatures: boolean;
+    /** Provider key for features modal @since 2.2.0 */
+    featuresProviderKey: string;
     /** Fetch all editions with optional pagination/filtering */
     fetchEditions: (params?: Saas.EditionsQueryParams) => Promise<EditionOperationResult<Saas.EditionsResponse>>;
     /** Get an edition by ID and set it as selected */
@@ -513,6 +541,10 @@ interface UseEditionsReturn {
     setSortKey: (key: string) => void;
     /** Set sort order */
     setSortOrder: (order: SortOrder) => void;
+    /** Handle features modal visibility change @since 2.2.0 */
+    onVisibleFeaturesChange: (value: boolean) => void;
+    /** Open features modal for an edition @since 2.2.0 */
+    openFeaturesModal: (providerKey: string) => void;
     /** Reset state */
     reset: () => void;
 }
@@ -602,4 +634,4 @@ interface EditionsComponentProps {
  */
 declare function EditionsComponent({ onEditionCreated, onEditionUpdated, onEditionDeleted, onManageFeatures, }: EditionsComponentProps): react_jsx_runtime.JSX.Element;
 
-export { type EditionOperationResult, EditionsComponent, type EditionsComponentProps, SAAS_ROUTES, Saas, SaasService, SaasStateService, type SortOrder$1 as SortOrder, type TenantOperationResult, TenantsComponent, type TenantsComponentProps, type UseEditionsReturn, type UseTenantsReturn, useEditions, useTenants };
+export { type EditionOperationResult, EditionsComponent, type EditionsComponentProps, SAAS_ROUTES, Saas, SaasService, SaasStateService, type SortOrder$1 as SortOrder, type TenantOperationResult, TenantsComponent, type TenantsComponentProps, type UseEditionsReturn, type UseTenantsReturn, eSaasComponents, useEditions, useTenants };

package/dist/index.d.ts

@@ -3,7 +3,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * SaaS Models
- * Translated from @volo/abp.ng.saas v2.0.0
+ * Translated from @volo/abp.ng.saas v2.4.0
+ *
+ * @updated 2.4.0 - Updated CreateTenantRequest and UpdateTenantRequest types
  */
 
 /**
@@ -53,22 +55,19 @@ declare namespace Saas {
     }
     /**
      * Create tenant request
+     * @updated 2.4.0 - adminEmailAddress and adminPassword are now required
      */
     interface CreateTenantRequest {
+        adminEmailAddress: string;
+        adminPassword: string;
         name: string;
         editionId?: string;
-        adminEmailAddress?: string;
-        adminPassword?: string;
     }
     /**
      * Update tenant request
+     * @updated 2.4.0 - Now uses Omit<Tenant, 'editionName'> pattern
      */
-    interface UpdateTenantRequest {
-        id?: string;
-        name: string;
-        editionId?: string;
-        concurrencyStamp?: string;
-    }
+    type UpdateTenantRequest = Omit<Tenant, 'editionName'>;
     /**
      * Create edition request
      */
@@ -118,6 +117,17 @@ declare const SAAS_ROUTES: {
     routes: ABP.FullRoute[];
 };
 
+/**
+ * SaaS Component Identifiers
+ * Used for component registration and routing
+ *
+ * @since 2.4.0
+ */
+declare enum eSaasComponents {
+    Editions = "Saas.EditionsComponent",
+    Tenants = "Saas.TenantsComponent"
+}
+
 /**
  * SaaS Service
  * Translated from @volo/abp.ng.saas v2.0.0
@@ -131,9 +141,15 @@ declare const SAAS_ROUTES: {
  * This service wraps all REST API calls for the SaaS module.
  *
  * @since 2.0.0
+ * @updated 2.4.0 - Added apiName property
  */
 declare class SaasService {
     private restService;
+    /**
+     * API name for multi-API configurations
+     * @since 2.4.0
+     */
+    apiName: string;
     constructor(restService: RestService);
     /**
      * Get paginated list of tenants
@@ -396,6 +412,10 @@ interface UseTenantsReturn {
     defaultConnectionString: string;
     /** Whether the tenant uses shared database */
     useSharedDatabase: boolean;
+    /** Whether features modal is visible @since 2.2.0 */
+    visibleFeatures: boolean;
+    /** Provider key for features modal @since 2.2.0 */
+    featuresProviderKey: string;
     /** Fetch all tenants with optional pagination/filtering */
     fetchTenants: (params?: Saas.TenantsQueryParams) => Promise<TenantOperationResult<Saas.TenantsResponse>>;
     /** Get a tenant by ID and set it as selected */
@@ -418,6 +438,10 @@ interface UseTenantsReturn {
     setSortKey: (key: string) => void;
     /** Set sort order */
     setSortOrder: (order: SortOrder$1) => void;
+    /** Handle features modal visibility change @since 2.2.0 */
+    onVisibleFeaturesChange: (value: boolean) => void;
+    /** Open features modal for a tenant @since 2.2.0 */
+    openFeaturesModal: (providerKey: string) => void;
     /** Reset state */
     reset: () => void;
 }
@@ -495,6 +519,10 @@ interface UseEditionsReturn {
     sortOrder: SortOrder;
     /** Usage statistics for editions */
     usageStatistics: Record<string, number>;
+    /** Whether features modal is visible @since 2.2.0 */
+    visibleFeatures: boolean;
+    /** Provider key for features modal @since 2.2.0 */
+    featuresProviderKey: string;
     /** Fetch all editions with optional pagination/filtering */
     fetchEditions: (params?: Saas.EditionsQueryParams) => Promise<EditionOperationResult<Saas.EditionsResponse>>;
     /** Get an edition by ID and set it as selected */
@@ -513,6 +541,10 @@ interface UseEditionsReturn {
     setSortKey: (key: string) => void;
     /** Set sort order */
     setSortOrder: (order: SortOrder) => void;
+    /** Handle features modal visibility change @since 2.2.0 */
+    onVisibleFeaturesChange: (value: boolean) => void;
+    /** Open features modal for an edition @since 2.2.0 */
+    openFeaturesModal: (providerKey: string) => void;
     /** Reset state */
     reset: () => void;
 }
@@ -602,4 +634,4 @@ interface EditionsComponentProps {
  */
 declare function EditionsComponent({ onEditionCreated, onEditionUpdated, onEditionDeleted, onManageFeatures, }: EditionsComponentProps): react_jsx_runtime.JSX.Element;
 
-export { type EditionOperationResult, EditionsComponent, type EditionsComponentProps, SAAS_ROUTES, Saas, SaasService, SaasStateService, type SortOrder$1 as SortOrder, type TenantOperationResult, TenantsComponent, type TenantsComponentProps, type UseEditionsReturn, type UseTenantsReturn, useEditions, useTenants };
+export { type EditionOperationResult, EditionsComponent, type EditionsComponentProps, SAAS_ROUTES, Saas, SaasService, SaasStateService, type SortOrder$1 as SortOrder, type TenantOperationResult, TenantsComponent, type TenantsComponentProps, type UseEditionsReturn, type UseTenantsReturn, eSaasComponents, useEditions, useTenants };

package/dist/index.js

@@ -25,6 +25,7 @@ __export(index_exports, {
   SaasService: () => SaasService,
   SaasStateService: () => SaasStateService,
   TenantsComponent: () => TenantsComponent,
+  eSaasComponents: () => eSaasComponents,
   useEditions: () => useEditions,
   useTenants: () => useTenants
 });
@@ -56,10 +57,22 @@ var SAAS_ROUTES = {
   ]
 };
 
+// src/enums/components.ts
+var eSaasComponents = /* @__PURE__ */ ((eSaasComponents2) => {
+  eSaasComponents2["Editions"] = "Saas.EditionsComponent";
+  eSaasComponents2["Tenants"] = "Saas.TenantsComponent";
+  return eSaasComponents2;
+})(eSaasComponents || {});
+
 // src/services/saas.service.ts
 var SaasService = class {
   constructor(restService) {
     this.restService = restService;
+    /**
+     * API name for multi-API configurations
+     * @since 2.4.0
+     */
+    this.apiName = "default";
   }
   // ==================== Tenant Operations ====================
   /**
@@ -445,6 +458,8 @@ function useTenants() {
   const [sortOrder, setSortOrder] = (0, import_react.useState)("");
   const [defaultConnectionString, setDefaultConnectionString] = (0, import_react.useState)("");
   const [useSharedDatabase, setUseSharedDatabase] = (0, import_react.useState)(true);
+  const [visibleFeatures, setVisibleFeatures] = (0, import_react.useState)(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = (0, import_react.useState)("");
   const fetchTenants = (0, import_react.useCallback)(
     async (params) => {
       setIsLoading(true);
@@ -587,6 +602,16 @@ function useTenants() {
     },
     [service]
   );
+  const onVisibleFeaturesChange = (0, import_react.useCallback)((value) => {
+    setVisibleFeatures(value);
+    if (!value) {
+      setFeaturesProviderKey("");
+    }
+  }, []);
+  const openFeaturesModal = (0, import_react.useCallback)((providerKey) => {
+    setFeaturesProviderKey(providerKey);
+    setVisibleFeatures(true);
+  }, []);
   const reset = (0, import_react.useCallback)(() => {
     setTenants([]);
     setTotalCount(0);
@@ -597,6 +622,8 @@ function useTenants() {
     setSortOrder("");
     setDefaultConnectionString("");
     setUseSharedDatabase(true);
+    setVisibleFeatures(false);
+    setFeaturesProviderKey("");
   }, []);
   return {
     tenants,
@@ -608,6 +635,8 @@ function useTenants() {
     sortOrder,
     defaultConnectionString,
     useSharedDatabase,
+    visibleFeatures,
+    featuresProviderKey,
     fetchTenants,
     getTenantById,
     createTenant,
@@ -619,6 +648,8 @@ function useTenants() {
     setSelectedTenant,
     setSortKey,
     setSortOrder,
+    onVisibleFeaturesChange,
+    openFeaturesModal,
     reset
   };
 }
@@ -637,6 +668,8 @@ function useEditions() {
   const [sortKey, setSortKey] = (0, import_react2.useState)("displayName");
   const [sortOrder, setSortOrder] = (0, import_react2.useState)("");
   const [usageStatistics, setUsageStatistics] = (0, import_react2.useState)({});
+  const [visibleFeatures, setVisibleFeatures] = (0, import_react2.useState)(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = (0, import_react2.useState)("");
   const fetchEditions = (0, import_react2.useCallback)(
     async (params) => {
       setIsLoading(true);
@@ -740,6 +773,16 @@ function useEditions() {
     },
     [service]
   );
+  const onVisibleFeaturesChange = (0, import_react2.useCallback)((value) => {
+    setVisibleFeatures(value);
+    if (!value) {
+      setFeaturesProviderKey("");
+    }
+  }, []);
+  const openFeaturesModal = (0, import_react2.useCallback)((providerKey) => {
+    setFeaturesProviderKey(providerKey);
+    setVisibleFeatures(true);
+  }, []);
   const reset = (0, import_react2.useCallback)(() => {
     setEditions([]);
     setTotalCount(0);
@@ -749,6 +792,8 @@ function useEditions() {
     setSortKey("displayName");
     setSortOrder("");
     setUsageStatistics({});
+    setVisibleFeatures(false);
+    setFeaturesProviderKey("");
   }, []);
   return {
     editions,
@@ -759,6 +804,8 @@ function useEditions() {
     sortKey,
     sortOrder,
     usageStatistics,
+    visibleFeatures,
+    featuresProviderKey,
     fetchEditions,
     getEditionById,
     createEdition,
@@ -768,6 +815,8 @@ function useEditions() {
     setSelectedEdition,
     setSortKey,
     setSortOrder,
+    onVisibleFeaturesChange,
+    openFeaturesModal,
     reset
   };
 }
@@ -811,6 +860,8 @@ function TenantsComponent({
   const [filter, setFilter] = (0, import_react3.useState)("");
   const [tenantName, setTenantName] = (0, import_react3.useState)("");
   const [tenantEditionId, setTenantEditionId] = (0, import_react3.useState)("");
+  const [adminEmailAddress, setAdminEmailAddress] = (0, import_react3.useState)("");
+  const [adminPassword, setAdminPassword] = (0, import_react3.useState)("");
   const [connStringUseShared, setConnStringUseShared] = (0, import_react3.useState)(true);
   const [connString, setConnString] = (0, import_react3.useState)("");
   (0, import_react3.useEffect)(() => {
@@ -837,6 +888,8 @@ function TenantsComponent({
     setSelectedTenant(null);
     setTenantName("");
     setTenantEditionId("");
+    setAdminEmailAddress("");
+    setAdminPassword("");
     setModalType("tenant");
     setModalVisible(true);
   }, [setSelectedTenant]);
@@ -909,6 +962,8 @@ function TenantsComponent({
         }
       } else {
         const result = await createTenant({
+          adminEmailAddress,
+          adminPassword,
           name: tenantName,
           editionId: tenantEditionId || void 0
         });
@@ -929,6 +984,8 @@ function TenantsComponent({
   }, [
     tenantName,
     tenantEditionId,
+    adminEmailAddress,
+    adminPassword,
     selectedTenant,
     updateTenant,
     createTenant,
@@ -1098,7 +1155,27 @@ function TenantsComponent({
                   editions.map((edition) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: edition.id, children: edition.displayName }, edition.id))
                 ]
               }
-            ) }) })
+            ) }) }),
+            !selectedTenant && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("Saas::AdminEmailAddress"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react4.Input,
+                {
+                  type: "email",
+                  value: adminEmailAddress,
+                  onChange: (e) => setAdminEmailAddress(e.target.value),
+                  placeholder: t("Saas::AdminEmailAddress")
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("Saas::AdminPassword"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react4.Input,
+                {
+                  type: "password",
+                  value: adminPassword,
+                  onChange: (e) => setAdminPassword(e.target.value),
+                  placeholder: t("Saas::AdminPassword")
+                }
+              ) })
+            ] })
           ] }),
           modalType === "connectionString" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.VStack, { gap: 4, align: "stretch", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { alignItems: "center", gap: 2, children: [
@@ -1384,6 +1461,7 @@ function EditionsComponent({
   SaasService,
   SaasStateService,
   TenantsComponent,
+  eSaasComponents,
   useEditions,
   useTenants
 });

package/dist/index.mjs

@@ -24,10 +24,22 @@ var SAAS_ROUTES = {
   ]
 };
 
+// src/enums/components.ts
+var eSaasComponents = /* @__PURE__ */ ((eSaasComponents2) => {
+  eSaasComponents2["Editions"] = "Saas.EditionsComponent";
+  eSaasComponents2["Tenants"] = "Saas.TenantsComponent";
+  return eSaasComponents2;
+})(eSaasComponents || {});
+
 // src/services/saas.service.ts
 var SaasService = class {
   constructor(restService) {
     this.restService = restService;
+    /**
+     * API name for multi-API configurations
+     * @since 2.4.0
+     */
+    this.apiName = "default";
   }
   // ==================== Tenant Operations ====================
   /**
@@ -413,6 +425,8 @@ function useTenants() {
   const [sortOrder, setSortOrder] = useState("");
   const [defaultConnectionString, setDefaultConnectionString] = useState("");
   const [useSharedDatabase, setUseSharedDatabase] = useState(true);
+  const [visibleFeatures, setVisibleFeatures] = useState(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = useState("");
   const fetchTenants = useCallback(
     async (params) => {
       setIsLoading(true);
@@ -555,6 +569,16 @@ function useTenants() {
     },
     [service]
   );
+  const onVisibleFeaturesChange = useCallback((value) => {
+    setVisibleFeatures(value);
+    if (!value) {
+      setFeaturesProviderKey("");
+    }
+  }, []);
+  const openFeaturesModal = useCallback((providerKey) => {
+    setFeaturesProviderKey(providerKey);
+    setVisibleFeatures(true);
+  }, []);
   const reset = useCallback(() => {
     setTenants([]);
     setTotalCount(0);
@@ -565,6 +589,8 @@ function useTenants() {
     setSortOrder("");
     setDefaultConnectionString("");
     setUseSharedDatabase(true);
+    setVisibleFeatures(false);
+    setFeaturesProviderKey("");
   }, []);
   return {
     tenants,
@@ -576,6 +602,8 @@ function useTenants() {
     sortOrder,
     defaultConnectionString,
     useSharedDatabase,
+    visibleFeatures,
+    featuresProviderKey,
     fetchTenants,
     getTenantById,
     createTenant,
@@ -587,6 +615,8 @@ function useTenants() {
     setSelectedTenant,
     setSortKey,
     setSortOrder,
+    onVisibleFeaturesChange,
+    openFeaturesModal,
     reset
   };
 }
@@ -605,6 +635,8 @@ function useEditions() {
   const [sortKey, setSortKey] = useState2("displayName");
   const [sortOrder, setSortOrder] = useState2("");
   const [usageStatistics, setUsageStatistics] = useState2({});
+  const [visibleFeatures, setVisibleFeatures] = useState2(false);
+  const [featuresProviderKey, setFeaturesProviderKey] = useState2("");
   const fetchEditions = useCallback2(
     async (params) => {
       setIsLoading(true);
@@ -708,6 +740,16 @@ function useEditions() {
     },
     [service]
   );
+  const onVisibleFeaturesChange = useCallback2((value) => {
+    setVisibleFeatures(value);
+    if (!value) {
+      setFeaturesProviderKey("");
+    }
+  }, []);
+  const openFeaturesModal = useCallback2((providerKey) => {
+    setFeaturesProviderKey(providerKey);
+    setVisibleFeatures(true);
+  }, []);
   const reset = useCallback2(() => {
     setEditions([]);
     setTotalCount(0);
@@ -717,6 +759,8 @@ function useEditions() {
     setSortKey("displayName");
     setSortOrder("");
     setUsageStatistics({});
+    setVisibleFeatures(false);
+    setFeaturesProviderKey("");
   }, []);
   return {
     editions,
@@ -727,6 +771,8 @@ function useEditions() {
     sortKey,
     sortOrder,
     usageStatistics,
+    visibleFeatures,
+    featuresProviderKey,
     fetchEditions,
     getEditionById,
     createEdition,
@@ -736,6 +782,8 @@ function useEditions() {
     setSelectedEdition,
     setSortKey,
     setSortOrder,
+    onVisibleFeaturesChange,
+    openFeaturesModal,
     reset
   };
 }
@@ -755,7 +803,7 @@ import {
   Badge
 } from "@chakra-ui/react";
 import { NativeSelectRoot, NativeSelectField } from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TenantsComponent({
   onTenantCreated,
   onTenantUpdated,
@@ -788,6 +836,8 @@ function TenantsComponent({
   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(() => {
@@ -814,6 +864,8 @@ function TenantsComponent({
     setSelectedTenant(null);
     setTenantName("");
     setTenantEditionId("");
+    setAdminEmailAddress("");
+    setAdminPassword("");
     setModalType("tenant");
     setModalVisible(true);
   }, [setSelectedTenant]);
@@ -886,6 +938,8 @@ function TenantsComponent({
         }
       } else {
         const result = await createTenant({
+          adminEmailAddress,
+          adminPassword,
           name: tenantName,
           editionId: tenantEditionId || void 0
         });
@@ -906,6 +960,8 @@ function TenantsComponent({
   }, [
     tenantName,
     tenantEditionId,
+    adminEmailAddress,
+    adminPassword,
     selectedTenant,
     updateTenant,
     createTenant,
@@ -1075,7 +1131,27 @@ function TenantsComponent({
                   editions.map((edition) => /* @__PURE__ */ jsx("option", { value: edition.id, children: edition.displayName }, edition.id))
                 ]
               }
-            ) }) })
+            ) }) }),
+            !selectedTenant && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(FormField, { label: t("Saas::AdminEmailAddress"), required: true, children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "email",
+                  value: adminEmailAddress,
+                  onChange: (e) => setAdminEmailAddress(e.target.value),
+                  placeholder: t("Saas::AdminEmailAddress")
+                }
+              ) }),
+              /* @__PURE__ */ jsx(FormField, { label: t("Saas::AdminPassword"), required: true, children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "password",
+                  value: adminPassword,
+                  onChange: (e) => setAdminPassword(e.target.value),
+                  placeholder: t("Saas::AdminPassword")
+                }
+              ) })
+            ] })
           ] }),
           modalType === "connectionString" && /* @__PURE__ */ jsxs(VStack, { gap: 4, align: "stretch", children: [
             /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
@@ -1368,6 +1444,7 @@ export {
   SaasService,
   SaasStateService,
   TenantsComponent,
+  eSaasComponents,
   useEditions,
   useTenants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/saas",
-  "version": "2.1.1",
+  "version": "2.4.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.1.0",
-    "@abpjs/theme-shared": "2.1.0",
-    "@abpjs/feature-management": "2.1.0"
+    "@abpjs/core": "2.4.0",
+    "@abpjs/theme-shared": "2.4.0",
+    "@abpjs/feature-management": "2.4.0"
   },
   "devDependencies": {
-    "@volo/abp.ng.saas": "2.1.1",
+    "@volo/abp.ng.saas": "2.4.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",