@abpjs/saas 0.7.2

package/dist/index.js

@@ -0,0 +1,1187 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EditionsComponent: () => EditionsComponent,
+  SAAS_ROUTES: () => SAAS_ROUTES,
+  SaasService: () => SaasService,
+  TenantsComponent: () => TenantsComponent,
+  useEditions: () => useEditions,
+  useTenants: () => useTenants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/constants/routes.ts
+var SAAS_ROUTES = {
+  routes: [
+    {
+      name: "Saas",
+      path: "saas",
+      layout: "application",
+      order: 50,
+      children: [
+        {
+          name: "Tenants",
+          path: "tenants",
+          order: 1,
+          requiredPolicy: "Saas.Tenants"
+        },
+        {
+          name: "Editions",
+          path: "editions",
+          order: 2,
+          requiredPolicy: "Saas.Editions"
+        }
+      ]
+    }
+  ]
+};
+
+// src/services/saas.service.ts
+var SaasService = class {
+  constructor(restService) {
+    this.restService = restService;
+  }
+  // ==================== Tenant Operations ====================
+  /**
+   * Get paginated list of tenants
+   * @param params Query parameters for filtering and pagination
+   * @returns Promise with paginated tenant response
+   */
+  async getTenants(params = {}) {
+    return this.restService.request({
+      method: "GET",
+      url: "/api/saas/tenants",
+      params
+    });
+  }
+  /**
+   * Get a tenant by ID
+   * @param id Tenant ID
+   * @returns Promise with tenant data
+   */
+  async getTenantById(id) {
+    return this.restService.request({
+      method: "GET",
+      url: `/api/saas/tenants/${id}`
+    });
+  }
+  /**
+   * Create a new tenant
+   * @param body Tenant creation request
+   * @returns Promise with created tenant data
+   */
+  async createTenant(body) {
+    return this.restService.request({
+      method: "POST",
+      url: "/api/saas/tenants",
+      body
+    });
+  }
+  /**
+   * Update an existing tenant
+   * @param body Tenant update request (must include id)
+   * @returns Promise with updated tenant data
+   */
+  async updateTenant(body) {
+    const { id, ...rest } = body;
+    return this.restService.request({
+      method: "PUT",
+      url: `/api/saas/tenants/${id}`,
+      body: rest
+    });
+  }
+  /**
+   * Delete a tenant by ID
+   * @param id Tenant ID to delete
+   * @returns Promise that resolves when deletion is complete
+   */
+  async deleteTenant(id) {
+    return this.restService.request({
+      method: "DELETE",
+      url: `/api/saas/tenants/${id}`
+    });
+  }
+  // ==================== Connection String Operations ====================
+  /**
+   * Get the default connection string for a tenant
+   * @param id Tenant ID
+   * @returns Promise with connection string (empty string if using shared database)
+   */
+  async getDefaultConnectionString(id) {
+    return this.restService.request({
+      method: "GET",
+      url: `/api/saas/tenants/${id}/default-connection-string`,
+      responseType: "text"
+    });
+  }
+  /**
+   * Update the default connection string for a tenant
+   * @param payload Object containing tenant ID and connection string
+   * @returns Promise that resolves when update is complete
+   */
+  async updateDefaultConnectionString(payload) {
+    return this.restService.request({
+      method: "PUT",
+      url: `/api/saas/tenants/${payload.id}/default-connection-string`,
+      params: { defaultConnectionString: payload.defaultConnectionString }
+    });
+  }
+  /**
+   * Delete the default connection string for a tenant (revert to shared database)
+   * @param id Tenant ID
+   * @returns Promise that resolves when deletion is complete
+   */
+  async deleteDefaultConnectionString(id) {
+    return this.restService.request({
+      method: "DELETE",
+      url: `/api/saas/tenants/${id}/default-connection-string`
+    });
+  }
+  // ==================== Edition Operations ====================
+  /**
+   * Get paginated list of editions
+   * @param params Query parameters for filtering and pagination
+   * @returns Promise with paginated editions response
+   */
+  async getEditions(params = {}) {
+    return this.restService.request({
+      method: "GET",
+      url: "/api/saas/editions",
+      params
+    });
+  }
+  /**
+   * Get an edition by ID
+   * @param id Edition ID
+   * @returns Promise with edition data
+   */
+  async getEditionById(id) {
+    return this.restService.request({
+      method: "GET",
+      url: `/api/saas/editions/${id}`
+    });
+  }
+  /**
+   * Create a new edition
+   * @param body Edition creation request
+   * @returns Promise with created edition data
+   */
+  async createEdition(body) {
+    return this.restService.request({
+      method: "POST",
+      url: "/api/saas/editions",
+      body
+    });
+  }
+  /**
+   * Update an existing edition
+   * @param body Edition update request (must include id)
+   * @returns Promise with updated edition data
+   */
+  async updateEdition(body) {
+    const { id, ...rest } = body;
+    return this.restService.request({
+      method: "PUT",
+      url: `/api/saas/editions/${id}`,
+      body: rest
+    });
+  }
+  /**
+   * Delete an edition by ID
+   * @param id Edition ID to delete
+   * @returns Promise that resolves when deletion is complete
+   */
+  async deleteEdition(id) {
+    return this.restService.request({
+      method: "DELETE",
+      url: `/api/saas/editions/${id}`
+    });
+  }
+  // ==================== Statistics Operations ====================
+  /**
+   * Get usage statistics for editions
+   * @returns Promise with usage statistics data
+   */
+  async getUsageStatistics() {
+    return this.restService.request({
+      method: "GET",
+      url: "/api/saas/editions/statistics/usage-statistic"
+    });
+  }
+};
+
+// src/hooks/useTenants.ts
+var import_react = require("react");
+var import_core = require("@abpjs/core");
+function useTenants() {
+  const restService = (0, import_core.useRestService)();
+  const service = (0, import_react.useMemo)(() => new SaasService(restService), [restService]);
+  const [tenants, setTenants] = (0, import_react.useState)([]);
+  const [totalCount, setTotalCount] = (0, import_react.useState)(0);
+  const [selectedTenant, setSelectedTenant] = (0, import_react.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [sortKey, setSortKey] = (0, import_react.useState)("name");
+  const [sortOrder, setSortOrder] = (0, import_react.useState)("");
+  const [defaultConnectionString, setDefaultConnectionString] = (0, import_react.useState)("");
+  const [useSharedDatabase, setUseSharedDatabase] = (0, import_react.useState)(true);
+  const fetchTenants = (0, import_react.useCallback)(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await service.getTenants(params);
+        setTenants(response.items || []);
+        setTotalCount(response.totalCount || 0);
+        setIsLoading(false);
+        return { success: true, data: response };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch tenants";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const getTenantById = (0, import_react.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const tenant = await service.getTenantById(id);
+        setSelectedTenant(tenant);
+        setIsLoading(false);
+        return { success: true, data: tenant };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch tenant";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const createTenant = (0, import_react.useCallback)(
+    async (tenant) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const created = await service.createTenant(tenant);
+        setIsLoading(false);
+        return { success: true, data: created };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to create tenant";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const updateTenant = (0, import_react.useCallback)(
+    async (tenant) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const updated = await service.updateTenant(tenant);
+        setIsLoading(false);
+        return { success: true, data: updated };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to update tenant";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const deleteTenant = (0, import_react.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.deleteTenant(id);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to delete tenant";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const getDefaultConnectionString = (0, import_react.useCallback)(
+    async (id) => {
+      setError(null);
+      try {
+        const connString = await service.getDefaultConnectionString(id);
+        setDefaultConnectionString(connString || "");
+        setUseSharedDatabase(!connString);
+        return { success: true, data: connString };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch connection string";
+        setError(errorMessage);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const updateDefaultConnectionString = (0, import_react.useCallback)(
+    async (payload) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.updateDefaultConnectionString(payload);
+        setDefaultConnectionString(payload.defaultConnectionString);
+        setUseSharedDatabase(false);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to update connection string";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const deleteDefaultConnectionString = (0, import_react.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.deleteDefaultConnectionString(id);
+        setDefaultConnectionString("");
+        setUseSharedDatabase(true);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to delete connection string";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const reset = (0, import_react.useCallback)(() => {
+    setTenants([]);
+    setTotalCount(0);
+    setSelectedTenant(null);
+    setIsLoading(false);
+    setError(null);
+    setSortKey("name");
+    setSortOrder("");
+    setDefaultConnectionString("");
+    setUseSharedDatabase(true);
+  }, []);
+  return {
+    tenants,
+    totalCount,
+    selectedTenant,
+    isLoading,
+    error,
+    sortKey,
+    sortOrder,
+    defaultConnectionString,
+    useSharedDatabase,
+    fetchTenants,
+    getTenantById,
+    createTenant,
+    updateTenant,
+    deleteTenant,
+    getDefaultConnectionString,
+    updateDefaultConnectionString,
+    deleteDefaultConnectionString,
+    setSelectedTenant,
+    setSortKey,
+    setSortOrder,
+    reset
+  };
+}
+
+// src/hooks/useEditions.ts
+var import_react2 = require("react");
+var import_core2 = require("@abpjs/core");
+function useEditions() {
+  const restService = (0, import_core2.useRestService)();
+  const service = (0, import_react2.useMemo)(() => new SaasService(restService), [restService]);
+  const [editions, setEditions] = (0, import_react2.useState)([]);
+  const [totalCount, setTotalCount] = (0, import_react2.useState)(0);
+  const [selectedEdition, setSelectedEdition] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [sortKey, setSortKey] = (0, import_react2.useState)("displayName");
+  const [sortOrder, setSortOrder] = (0, import_react2.useState)("");
+  const [usageStatistics, setUsageStatistics] = (0, import_react2.useState)({});
+  const fetchEditions = (0, import_react2.useCallback)(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await service.getEditions(params);
+        setEditions(response.items || []);
+        setTotalCount(response.totalCount || 0);
+        setIsLoading(false);
+        return { success: true, data: response };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch editions";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const getEditionById = (0, import_react2.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const edition = await service.getEditionById(id);
+        setSelectedEdition(edition);
+        setIsLoading(false);
+        return { success: true, data: edition };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch edition";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const createEdition = (0, import_react2.useCallback)(
+    async (edition) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const created = await service.createEdition(edition);
+        setIsLoading(false);
+        return { success: true, data: created };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to create edition";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const updateEdition = (0, import_react2.useCallback)(
+    async (edition) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const updated = await service.updateEdition(edition);
+        setIsLoading(false);
+        return { success: true, data: updated };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to update edition";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const deleteEdition = (0, import_react2.useCallback)(
+    async (id) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        await service.deleteEdition(id);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to delete edition";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const fetchUsageStatistics = (0, import_react2.useCallback)(
+    async () => {
+      setError(null);
+      try {
+        const response = await service.getUsageStatistics();
+        setUsageStatistics(response.data || {});
+        return { success: true, data: response.data };
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to fetch usage statistics";
+        setError(errorMessage);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [service]
+  );
+  const reset = (0, import_react2.useCallback)(() => {
+    setEditions([]);
+    setTotalCount(0);
+    setSelectedEdition(null);
+    setIsLoading(false);
+    setError(null);
+    setSortKey("displayName");
+    setSortOrder("");
+    setUsageStatistics({});
+  }, []);
+  return {
+    editions,
+    totalCount,
+    selectedEdition,
+    isLoading,
+    error,
+    sortKey,
+    sortOrder,
+    usageStatistics,
+    fetchEditions,
+    getEditionById,
+    createEdition,
+    updateEdition,
+    deleteEdition,
+    fetchUsageStatistics,
+    setSelectedEdition,
+    setSortKey,
+    setSortOrder,
+    reset
+  };
+}
+
+// src/components/Tenants/TenantsComponent.tsx
+var import_react3 = require("react");
+var import_core3 = require("@abpjs/core");
+var import_theme_shared = require("@abpjs/theme-shared");
+var import_react4 = require("@chakra-ui/react");
+var import_react5 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TenantsComponent({
+  onTenantCreated,
+  onTenantUpdated,
+  onTenantDeleted
+}) {
+  const { t } = (0, import_core3.useLocalization)();
+  const { warn } = (0, import_theme_shared.useConfirmation)();
+  const {
+    tenants,
+    totalCount,
+    selectedTenant,
+    isLoading,
+    error,
+    fetchTenants,
+    getTenantById,
+    createTenant,
+    updateTenant,
+    deleteTenant,
+    getDefaultConnectionString,
+    updateDefaultConnectionString,
+    deleteDefaultConnectionString,
+    setSelectedTenant
+  } = useTenants();
+  const { editions, fetchEditions } = useEditions();
+  const [modalType, setModalType] = (0, import_react3.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react3.useState)(false);
+  const [modalBusy, setModalBusy] = (0, import_react3.useState)(false);
+  const [page, setPage] = (0, import_react3.useState)(0);
+  const pageSize = 10;
+  const [filter, setFilter] = (0, import_react3.useState)("");
+  const [tenantName, setTenantName] = (0, import_react3.useState)("");
+  const [tenantEditionId, setTenantEditionId] = (0, import_react3.useState)("");
+  const [connStringUseShared, setConnStringUseShared] = (0, import_react3.useState)(true);
+  const [connString, setConnString] = (0, import_react3.useState)("");
+  (0, import_react3.useEffect)(() => {
+    fetchTenants({
+      skipCount: page * pageSize,
+      maxResultCount: pageSize,
+      filter: filter || void 0,
+      getEditionNames: true
+    });
+  }, [page, pageSize, fetchTenants]);
+  (0, import_react3.useEffect)(() => {
+    fetchEditions();
+  }, [fetchEditions]);
+  const handleSearch = (0, import_react3.useCallback)(() => {
+    setPage(0);
+    fetchTenants({
+      skipCount: 0,
+      maxResultCount: pageSize,
+      filter: filter || void 0,
+      getEditionNames: true
+    });
+  }, [filter, pageSize, fetchTenants]);
+  const handleAddTenant = (0, import_react3.useCallback)(() => {
+    setSelectedTenant(null);
+    setTenantName("");
+    setTenantEditionId("");
+    setModalType("tenant");
+    setModalVisible(true);
+  }, [setSelectedTenant]);
+  const handleEditTenant = (0, import_react3.useCallback)(
+    async (id) => {
+      const result = await getTenantById(id);
+      if (result.success && result.data) {
+        setTenantName(result.data.name);
+        setTenantEditionId(result.data.editionId || "");
+        setModalType("tenant");
+        setModalVisible(true);
+      }
+    },
+    [getTenantById]
+  );
+  const handleEditConnectionString = (0, import_react3.useCallback)(
+    async (id) => {
+      const tenantResult = await getTenantById(id);
+      if (tenantResult.success) {
+        const connResult = await getDefaultConnectionString(id);
+        setConnStringUseShared(!connResult.data);
+        setConnString(connResult.data || "");
+        setModalType("connectionString");
+        setModalVisible(true);
+      }
+    },
+    [getTenantById, getDefaultConnectionString]
+  );
+  const handleDeleteTenant = (0, import_react3.useCallback)(
+    async (tenant) => {
+      const status = await warn(
+        t("Saas::TenantDeletionConfirmationMessage").replace("{0}", tenant.name),
+        t("Saas::AreYouSure")
+      );
+      if (status === import_theme_shared.Toaster.Status.confirm) {
+        const result = await deleteTenant(tenant.id);
+        if (result.success) {
+          onTenantDeleted?.(tenant.id);
+          fetchTenants({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0,
+            getEditionNames: true
+          });
+        }
+      }
+    },
+    [warn, t, deleteTenant, onTenantDeleted, fetchTenants, page, pageSize, filter]
+  );
+  const handleSaveTenant = (0, import_react3.useCallback)(async () => {
+    if (!tenantName.trim()) return;
+    setModalBusy(true);
+    try {
+      if (selectedTenant?.id) {
+        const result = await updateTenant({
+          id: selectedTenant.id,
+          name: tenantName,
+          editionId: tenantEditionId || void 0,
+          concurrencyStamp: selectedTenant.concurrencyStamp
+        });
+        if (result.success && result.data) {
+          onTenantUpdated?.(result.data);
+          setModalVisible(false);
+          fetchTenants({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0,
+            getEditionNames: true
+          });
+        }
+      } else {
+        const result = await createTenant({
+          name: tenantName,
+          editionId: tenantEditionId || void 0
+        });
+        if (result.success && result.data) {
+          onTenantCreated?.(result.data);
+          setModalVisible(false);
+          fetchTenants({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0,
+            getEditionNames: true
+          });
+        }
+      }
+    } finally {
+      setModalBusy(false);
+    }
+  }, [
+    tenantName,
+    tenantEditionId,
+    selectedTenant,
+    updateTenant,
+    createTenant,
+    onTenantUpdated,
+    onTenantCreated,
+    fetchTenants,
+    page,
+    pageSize,
+    filter
+  ]);
+  const handleSaveConnectionString = (0, import_react3.useCallback)(async () => {
+    if (!selectedTenant?.id) return;
+    setModalBusy(true);
+    try {
+      if (connStringUseShared || !connString.trim()) {
+        await deleteDefaultConnectionString(selectedTenant.id);
+      } else {
+        await updateDefaultConnectionString({
+          id: selectedTenant.id,
+          defaultConnectionString: connString
+        });
+      }
+      setModalVisible(false);
+    } finally {
+      setModalBusy(false);
+    }
+  }, [
+    selectedTenant,
+    connStringUseShared,
+    connString,
+    deleteDefaultConnectionString,
+    updateDefaultConnectionString
+  ]);
+  const handleSave = (0, import_react3.useCallback)(() => {
+    if (modalType === "tenant") {
+      handleSaveTenant();
+    } else if (modalType === "connectionString") {
+      handleSaveConnectionString();
+    }
+  }, [modalType, handleSaveTenant, handleSaveConnectionString]);
+  const handleCloseModal = (0, import_react3.useCallback)(() => {
+    setModalVisible(false);
+    setModalType(null);
+    setSelectedTenant(null);
+  }, [setSelectedTenant]);
+  const totalPages = Math.ceil(totalCount / pageSize);
+  const getModalTitle = () => {
+    if (modalType === "connectionString") {
+      return t("Saas::ConnectionStrings");
+    }
+    return selectedTenant?.id ? t("Saas::Edit") : t("Saas::NewTenant");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Box, { id: "saas-tenants-wrapper", className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { justifyContent: "space-between", alignItems: "center", mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { fontSize: "xl", fontWeight: "bold", children: t("Saas::Tenants") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { colorPalette: "blue", onClick: handleAddTenant, children: t("Saas::NewTenant") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { gap: 2, mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react4.Input,
+        {
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          placeholder: t("AbpUi::PagerSearch"),
+          onKeyDown: (e) => e.key === "Enter" && handleSearch()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { onClick: handleSearch, children: t("AbpUi::Search") })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Box, { mb: 4, p: 3, bg: "red.100", borderRadius: "md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { color: "red.800", children: error }) }),
+    isLoading && tenants.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Flex, { justifyContent: "center", p: 8, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Spinner, { size: "lg" }) }),
+    !isLoading && tenants.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { textAlign: "center", p: 8, color: "gray.500", children: t("Saas::NoTenantsFound") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Box, { borderWidth: "1px", borderRadius: "md", overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Table.Root, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.ColumnHeader, { children: t("Saas::Actions") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.ColumnHeader, { children: t("Saas::TenantName") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.ColumnHeader, { children: t("Saas::EditionName") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.Body, { children: tenants.map((tenant) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { gap: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_theme_shared.Button,
+              {
+                size: "sm",
+                colorPalette: "blue",
+                variant: "outline",
+                onClick: () => handleEditTenant(tenant.id),
+                children: t("Saas::Edit")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_theme_shared.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: () => handleEditConnectionString(tenant.id),
+                children: t("Saas::ConnectionStrings")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_theme_shared.Button,
+              {
+                size: "sm",
+                colorPalette: "red",
+                variant: "outline",
+                onClick: () => handleDeleteTenant(tenant),
+                children: t("Saas::Delete")
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { fontWeight: "medium", children: tenant.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Table.Cell, { children: tenant.editionName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Badge, { colorPalette: "blue", children: tenant.editionName }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { color: "gray.500", children: "-" }) })
+        ] }, tenant.id)) })
+      ] }),
+      totalCount > pageSize && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { justifyContent: "space-between", alignItems: "center", p: 4, borderTopWidth: "1px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Text, { fontSize: "sm", children: `${page * pageSize + 1} - ${Math.min((page + 1) * pageSize, totalCount)} / ${totalCount}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_theme_shared.Button,
+            {
+              size: "sm",
+              disabled: page === 0,
+              onClick: () => setPage((p) => Math.max(0, p - 1)),
+              children: t("AbpUi::Previous")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_theme_shared.Button,
+            {
+              size: "sm",
+              disabled: page >= totalPages - 1,
+              onClick: () => setPage((p) => p + 1),
+              children: t("AbpUi::Next")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_theme_shared.Modal,
+      {
+        visible: modalVisible,
+        onVisibleChange: setModalVisible,
+        header: getModalTitle(),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Flex, { gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { variant: "outline", onClick: handleCloseModal, children: t("Saas::Cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.Button, { colorPalette: "blue", onClick: handleSave, loading: modalBusy, children: t("AbpIdentity::Save") })
+        ] }),
+        children: [
+          modalType === "tenant" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.VStack, { gap: 4, align: "stretch", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("Saas::TenantName"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react4.Input,
+              {
+                value: tenantName,
+                onChange: (e) => setTenantName(e.target.value),
+                placeholder: t("Saas::TenantName"),
+                autoFocus: true
+              }
+            ) }),
+            editions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("Saas::Edition"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react5.NativeSelectRoot, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_react5.NativeSelectField,
+              {
+                value: tenantEditionId,
+                onChange: (e) => setTenantEditionId(e.target.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: t("Saas::SelectEdition") }),
+                  editions.map((edition) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: edition.id, children: edition.displayName }, edition.id))
+                ]
+              }
+            ) }) })
+          ] }),
+          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: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  id: "useSharedDatabase",
+                  checked: connStringUseShared,
+                  onChange: (e) => setConnStringUseShared(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "useSharedDatabase", children: t("Saas::DisplayName:UseSharedDatabase") })
+            ] }),
+            !connStringUseShared && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_shared.FormField, { label: t("Saas::DisplayName:DefaultConnectionString"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react4.Input,
+              {
+                value: connString,
+                onChange: (e) => setConnString(e.target.value),
+                placeholder: t("Saas::DisplayName:DefaultConnectionString")
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/Editions/EditionsComponent.tsx
+var import_react6 = require("react");
+var import_core4 = require("@abpjs/core");
+var import_theme_shared2 = require("@abpjs/theme-shared");
+var import_react7 = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EditionsComponent({
+  onEditionCreated,
+  onEditionUpdated,
+  onEditionDeleted,
+  onManageFeatures
+}) {
+  const { t } = (0, import_core4.useLocalization)();
+  const { warn } = (0, import_theme_shared2.useConfirmation)();
+  const {
+    editions,
+    totalCount,
+    selectedEdition,
+    isLoading,
+    error,
+    fetchEditions,
+    getEditionById,
+    createEdition,
+    updateEdition,
+    deleteEdition,
+    setSelectedEdition
+  } = useEditions();
+  const [modalVisible, setModalVisible] = (0, import_react6.useState)(false);
+  const [modalBusy, setModalBusy] = (0, import_react6.useState)(false);
+  const [page, setPage] = (0, import_react6.useState)(0);
+  const pageSize = 10;
+  const [filter, setFilter] = (0, import_react6.useState)("");
+  const [displayName, setDisplayName] = (0, import_react6.useState)("");
+  (0, import_react6.useEffect)(() => {
+    fetchEditions({
+      skipCount: page * pageSize,
+      maxResultCount: pageSize,
+      filter: filter || void 0
+    });
+  }, [page, pageSize, fetchEditions]);
+  const handleSearch = (0, import_react6.useCallback)(() => {
+    setPage(0);
+    fetchEditions({
+      skipCount: 0,
+      maxResultCount: pageSize,
+      filter: filter || void 0
+    });
+  }, [filter, pageSize, fetchEditions]);
+  const handleAddEdition = (0, import_react6.useCallback)(() => {
+    setSelectedEdition(null);
+    setDisplayName("");
+    setModalVisible(true);
+  }, [setSelectedEdition]);
+  const handleEditEdition = (0, import_react6.useCallback)(
+    async (id) => {
+      const result = await getEditionById(id);
+      if (result.success && result.data) {
+        setDisplayName(result.data.displayName);
+        setModalVisible(true);
+      }
+    },
+    [getEditionById]
+  );
+  const handleDeleteEdition = (0, import_react6.useCallback)(
+    async (edition) => {
+      const status = await warn(
+        t("Saas::EditionDeletionConfirmationMessage").replace("{0}", edition.displayName),
+        t("Saas::AreYouSure")
+      );
+      if (status === import_theme_shared2.Toaster.Status.confirm) {
+        const result = await deleteEdition(edition.id);
+        if (result.success) {
+          onEditionDeleted?.(edition.id);
+          fetchEditions({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0
+          });
+        }
+      }
+    },
+    [warn, t, deleteEdition, onEditionDeleted, fetchEditions, page, pageSize, filter]
+  );
+  const handleManageFeatures = (0, import_react6.useCallback)(
+    (editionId) => {
+      onManageFeatures?.(editionId);
+    },
+    [onManageFeatures]
+  );
+  const handleSave = (0, import_react6.useCallback)(async () => {
+    if (!displayName.trim()) return;
+    setModalBusy(true);
+    try {
+      if (selectedEdition?.id) {
+        const result = await updateEdition({
+          id: selectedEdition.id,
+          displayName,
+          concurrencyStamp: selectedEdition.concurrencyStamp
+        });
+        if (result.success && result.data) {
+          onEditionUpdated?.(result.data);
+          setModalVisible(false);
+          fetchEditions({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0
+          });
+        }
+      } else {
+        const result = await createEdition({
+          displayName
+        });
+        if (result.success && result.data) {
+          onEditionCreated?.(result.data);
+          setModalVisible(false);
+          fetchEditions({
+            skipCount: page * pageSize,
+            maxResultCount: pageSize,
+            filter: filter || void 0
+          });
+        }
+      }
+    } finally {
+      setModalBusy(false);
+    }
+  }, [
+    displayName,
+    selectedEdition,
+    updateEdition,
+    createEdition,
+    onEditionUpdated,
+    onEditionCreated,
+    fetchEditions,
+    page,
+    pageSize,
+    filter
+  ]);
+  const handleCloseModal = (0, import_react6.useCallback)(() => {
+    setModalVisible(false);
+    setSelectedEdition(null);
+  }, [setSelectedEdition]);
+  const totalPages = Math.ceil(totalCount / pageSize);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Box, { id: "saas-editions-wrapper", className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { justifyContent: "space-between", alignItems: "center", mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { fontSize: "xl", fontWeight: "bold", children: t("Saas::Editions") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { colorPalette: "blue", onClick: handleAddEdition, children: t("Saas::NewEdition") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { gap: 2, mb: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react7.Input,
+        {
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          placeholder: t("AbpUi::PagerSearch"),
+          onKeyDown: (e) => e.key === "Enter" && handleSearch()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { onClick: handleSearch, children: t("AbpUi::Search") })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Box, { mb: 4, p: 3, bg: "red.100", borderRadius: "md", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { color: "red.800", children: error }) }),
+    isLoading && editions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Flex, { justifyContent: "center", p: 8, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Spinner, { size: "lg" }) }),
+    !isLoading && editions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { textAlign: "center", p: 8, color: "gray.500", children: t("Saas::NoEditionsFound") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Box, { borderWidth: "1px", borderRadius: "md", overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Root, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("Saas::Actions") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.ColumnHeader, { children: t("Saas::EditionName") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Body, { children: editions.map((edition) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Table.Row, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { gap: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Button,
+              {
+                size: "sm",
+                colorPalette: "blue",
+                variant: "outline",
+                onClick: () => handleEditEdition(edition.id),
+                children: t("Saas::Edit")
+              }
+            ),
+            onManageFeatures && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: () => handleManageFeatures(edition.id),
+                children: t("Saas::Features")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_theme_shared2.Button,
+              {
+                size: "sm",
+                colorPalette: "red",
+                variant: "outline",
+                onClick: () => handleDeleteEdition(edition),
+                children: t("Saas::Delete")
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Table.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { fontWeight: "medium", children: edition.displayName }) })
+        ] }, edition.id)) })
+      ] }),
+      totalCount > pageSize && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { justifyContent: "space-between", alignItems: "center", p: 4, borderTopWidth: "1px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { fontSize: "sm", children: `${page * pageSize + 1} - ${Math.min((page + 1) * pageSize, totalCount)} / ${totalCount}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_theme_shared2.Button,
+            {
+              size: "sm",
+              disabled: page === 0,
+              onClick: () => setPage((p) => Math.max(0, p - 1)),
+              children: t("AbpUi::Previous")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_theme_shared2.Button,
+            {
+              size: "sm",
+              disabled: page >= totalPages - 1,
+              onClick: () => setPage((p) => p + 1),
+              children: t("AbpUi::Next")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_theme_shared2.Modal,
+      {
+        visible: modalVisible,
+        onVisibleChange: setModalVisible,
+        header: selectedEdition?.id ? t("Saas::Edit") : t("Saas::NewEdition"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Flex, { gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { variant: "outline", onClick: handleCloseModal, children: t("Saas::Cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.Button, { colorPalette: "blue", onClick: handleSave, loading: modalBusy, children: t("AbpIdentity::Save") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.VStack, { gap: 4, align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("Saas::EditionName"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react7.Input,
+          {
+            value: displayName,
+            onChange: (e) => setDisplayName(e.target.value),
+            placeholder: t("Saas::EditionName"),
+            autoFocus: true
+          }
+        ) }) })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditionsComponent,
+  SAAS_ROUTES,
+  SaasService,
+  TenantsComponent,
+  useEditions,
+  useTenants
+});