@monarkmarkets/marketplace 2.0.2 → 2.0.4

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { __awaiter, __generator } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useCallback, useMemo, useState, useEffect } from 'react';
-import { Client, SortOrder4, MonarkStage, SortOrder9 } from '@monarkmarkets/api-client';
+import { __awaiter, __generator } from 'tslib';
+import { Client, SortOrder7, SortOrder12, MonarkStage } from '@monarkmarkets/api-client';
 
 /**
  * CompanyLogo component that displays either a company logo or a fallback initial.
@@ -290,28 +290,87 @@ var LoadingSpinner = function () {
   });
 };
 
+/**
+ * Service for managing Pre-IPO company operations.
+ */
 var PreIPOCompanySpvService = /** @class */function () {
   function PreIPOCompanySpvService() {
     this._client = new Client("/api");
   }
-  PreIPOCompanySpvService.prototype.GetAllCompanies = function (searchTerm_1, page_1) {
-    return __awaiter(this, arguments, void 0, function (searchTerm, page, pageSize) {
+  /**
+   * Retrieves all Pre-IPO companies with optional filtering and pagination.
+   *
+   * @param searchTerm - Optional search term to filter companies
+   * @param searchCategories - Optional array of categories to filter by
+   * @param sortBy - Field to sort by
+   * @param sortOrder - Sort order for results (default: Descending)
+   * @param minLastValuation - Minimum last valuation filter
+   * @param maxLastValuation - Maximum last valuation filter
+   * @param minTotalFunding - Minimum total funding filter
+   * @param maxTotalFunding - Maximum total funding filter
+   * @param page - Optional page number for pagination
+   * @param pageSize - Number of items per page (default: 25)
+   * @returns Promise resolving to PreIPOCompanyApiResponse or null if operation fails
+   */
+  PreIPOCompanySpvService.prototype.getAllCompanies = function (searchTerm_1, searchCategories_1, sortBy_1) {
+    return __awaiter(this, arguments, void 0, function (searchTerm, searchCategories, sortBy, sortOrder, minLastValuation, maxLastValuation, minTotalFunding, maxTotalFunding, page, pageSize) {
       var error_1;
+      if (sortOrder === void 0) {
+        sortOrder = SortOrder7.Descending;
+      }
       if (pageSize === void 0) {
         pageSize = 25;
       }
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            _a.trys.push([0, 2,, 3]);
-            return [4 /*yield*/, this._client.preIpoCompany2(searchTerm, SortOrder4.Descending, page, pageSize)];
+            if (pageSize <= 0 || pageSize > 100) {
+              throw new Error("pageSize must be between 1 and 100");
+            }
+            if (page !== undefined && page < 0) {
+              throw new Error("page must be non-negative");
+            }
+            if (minLastValuation !== undefined && minLastValuation < 0) {
+              throw new Error("minLastValuation must be non-negative");
+            }
+            if (maxLastValuation !== undefined && maxLastValuation < 0) {
+              throw new Error("maxLastValuation must be non-negative");
+            }
+            if (minLastValuation !== undefined && maxLastValuation !== undefined && minLastValuation > maxLastValuation) {
+              throw new Error("minLastValuation cannot be greater than maxLastValuation");
+            }
+            if (minTotalFunding !== undefined && minTotalFunding < 0) {
+              throw new Error("minTotalFunding must be non-negative");
+            }
+            if (maxTotalFunding !== undefined && maxTotalFunding < 0) {
+              throw new Error("maxTotalFunding must be non-negative");
+            }
+            if (minTotalFunding !== undefined && maxTotalFunding !== undefined && minTotalFunding > maxTotalFunding) {
+              throw new Error("minTotalFunding cannot be greater than maxTotalFunding");
+            }
+            _a.label = 1;
           case 1:
-            return [2 /*return*/, _a.sent()];
+            _a.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, this._client.preIpoCompany2(searchTerm, searchCategories, sortBy, sortOrder, minLastValuation, maxLastValuation, minTotalFunding, maxTotalFunding, page, pageSize)];
           case 2:
+            return [2 /*return*/, _a.sent()];
+          case 3:
             error_1 = _a.sent();
-            console.error('Failed to retrieve all of the company information.', error_1);
+            console.error('Failed to retrieve Pre-IPO companies:', {
+              searchTerm: searchTerm,
+              searchCategories: searchCategories,
+              sortBy: sortBy,
+              sortOrder: sortOrder,
+              minLastValuation: minLastValuation,
+              maxLastValuation: maxLastValuation,
+              minTotalFunding: minTotalFunding,
+              maxTotalFunding: maxTotalFunding,
+              page: page,
+              pageSize: pageSize,
+              error: error_1 instanceof Error ? error_1.message : error_1
+            });
             return [2 /*return*/, null];
-          case 3:
+          case 4:
             return [2 /*return*/];
         }
       });
@@ -320,113 +379,187 @@ var PreIPOCompanySpvService = /** @class */function () {
   return PreIPOCompanySpvService;
 }();
 
-var privateColumns = [{
-  title: 'Company'
-}, {
-  title: 'Total Funding'
-}, {
-  title: 'Last Round'
-}, {
-  title: 'Last Round Price/Share'
-}, {
-  title: 'Indicate Interest'
-}];
 /**
- * PrivateTable component displays a table of pre-IPO companies with pagination and loading states.
- * It includes table headers, rows, and pagination controls with built-in data fetching.
+ * Hook for fetching private company data with automatic loading states and error handling.
  */
-var PrivateTable = function (_a) {
-  var investorId = _a.investorId,
-    onButtonClick = _a.onButtonClick,
-    _b = _a.buttonText,
-    buttonText = _b === void 0 ? "Submit IOI" : _b,
-    _c = _a.isLoading,
-    externalLoading = _c === void 0 ? false : _c,
-    _d = _a.initialPage,
-    initialPage = _d === void 0 ? 1 : _d,
-    _e = _a.pageSize,
-    pageSize = _e === void 0 ? 10 : _e,
-    _f = _a.searchTerm,
-    searchTerm = _f === void 0 ? '' : _f,
-    onPageChange = _a.onPageChange,
-    onDataLoaded = _a.onDataLoaded;
-  var _g = useState(true),
-    internalLoading = _g[0],
-    setInternalLoading = _g[1];
-  var _h = useState([]),
-    preIpoCompany = _h[0],
-    setPreIpoCompany = _h[1];
-  var _j = useState(initialPage),
-    currentPage = _j[0],
-    setCurrentPage = _j[1];
-  var _k = useState(1),
-    totalPages = _k[0],
-    setTotalPages = _k[1];
-  var _l = useState(false),
-    error = _l[0],
-    setError = _l[1];
-  var isLoading = externalLoading || internalLoading;
-  var fetchCompanies = useCallback(function (page) {
+var usePrivateCompanies = function (_a) {
+  var searchTerm = _a.searchTerm,
+    searchCategories = _a.searchCategories,
+    sortBy = _a.sortBy,
+    _b = _a.sortOrder,
+    sortOrder = _b === void 0 ? SortOrder7.Descending : _b,
+    minLastValuation = _a.minLastValuation,
+    maxLastValuation = _a.maxLastValuation,
+    minTotalFunding = _a.minTotalFunding,
+    maxTotalFunding = _a.maxTotalFunding,
+    page = _a.page,
+    _c = _a.pageSize,
+    pageSize = _c === void 0 ? 25 : _c,
+    _d = _a.enabled,
+    enabled = _d === void 0 ? true : _d;
+  var _e = useState(null),
+    data = _e[0],
+    setData = _e[1];
+  var _f = useState(false),
+    loading = _f[0],
+    setLoading = _f[1];
+  var _g = useState(null),
+    error = _g[0],
+    setError = _g[1];
+  var preIPOService = new PreIPOCompanySpvService();
+  var fetchData = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
-      var service, result, e_1;
-      var _a, _b;
-      return __generator(this, function (_c) {
-        switch (_c.label) {
+      var result, err_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
           case 0:
-            setInternalLoading(true);
-            setError(false);
-            service = new PreIPOCompanySpvService();
-            _c.label = 1;
+            if (!enabled) {
+              return [2 /*return*/];
+            }
+            setLoading(true);
+            setError(null);
+            _a.label = 1;
           case 1:
-            _c.trys.push([1, 3, 4, 5]);
-            return [4 /*yield*/, service.GetAllCompanies(searchTerm, page, pageSize)];
+            _a.trys.push([1, 3, 4, 5]);
+            return [4 /*yield*/, preIPOService.getAllCompanies(searchTerm, searchCategories, sortBy, sortOrder, minLastValuation, maxLastValuation, minTotalFunding, maxTotalFunding, page, pageSize)];
           case 2:
-            result = _c.sent();
-            if (result && result.items) {
-              setPreIpoCompany(result.items);
-              setTotalPages(((_a = result.pagination) === null || _a === void 0 ? void 0 : _a.totalPages) || 1);
-              onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded(result.items, ((_b = result.pagination) === null || _b === void 0 ? void 0 : _b.totalPages) || 1);
+            result = _a.sent();
+            if (result === null) {
+              setError('Failed to fetch private company data');
+              setData(null);
             } else {
-              setPreIpoCompany([]);
-              setTotalPages(1);
-              onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded([], 1);
+              setData(result);
             }
             return [3 /*break*/, 5];
           case 3:
-            e_1 = _c.sent();
-            console.error('Error fetching pre-IPO companies:', e_1);
-            setError(true);
-            setPreIpoCompany([]);
+            err_1 = _a.sent();
+            setError(err_1 instanceof Error ? err_1.message : 'An unexpected error occurred');
+            setData(null);
             return [3 /*break*/, 5];
           case 4:
-            setInternalLoading(false);
+            setLoading(false);
             return [7 /*endfinally*/];
           case 5:
             return [2 /*return*/];
         }
       });
     });
-  }, [searchTerm, pageSize, onDataLoaded]);
+  }, [enabled, searchTerm, searchCategories, sortBy, sortOrder, minLastValuation, maxLastValuation, minTotalFunding, maxTotalFunding, page, pageSize]);
   useEffect(function () {
-    fetchCompanies(currentPage);
-  }, [currentPage, fetchCompanies]);
+    fetchData();
+  }, [fetchData]);
+  var refetch = useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, fetchData()];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [fetchData]);
+  return {
+    data: data,
+    loading: loading,
+    error: error,
+    refetch: refetch
+  };
+};
+
+/**
+ * Constants for Pre-IPO company operations
+ */
+var PRIVATE_COMPANY_CONSTANTS = {
+  /**
+   * Default page size for pagination
+   */
+  DEFAULT_PAGE_SIZE: 25,
+  /**
+   * Error messages
+   */
+  ERRORS: {
+    FETCH_FAILED: 'Failed to fetch Pre-IPO company data'}};
+
+var privateColumns = [{
+  title: 'Company'
+}, {
+  title: 'Last Round Valuation'
+}, {
+  title: 'Last Round'
+}, {
+  title: 'Last Round Price/Share'
+}, {
+  title: 'Indicate Interest'
+}];
+/**
+ * PrivateTable component displays a table of pre-IPO companies with pagination and loading states.
+ * It includes table headers, rows, and pagination controls using the usePrivateCompanies hook.
+ */
+var PrivateTable = function (_a) {
+  var _b;
+  var investorId = _a.investorId,
+    onButtonClick = _a.onButtonClick,
+    _c = _a.buttonText,
+    buttonText = _c === void 0 ? "Submit IOI" : _c,
+    _d = _a.isLoading,
+    externalLoading = _d === void 0 ? false : _d,
+    _e = _a.initialPage,
+    initialPage = _e === void 0 ? 1 : _e,
+    _f = _a.pageSize,
+    pageSize = _f === void 0 ? PRIVATE_COMPANY_CONSTANTS.DEFAULT_PAGE_SIZE : _f,
+    _g = _a.searchTerm,
+    searchTerm = _g === void 0 ? '' : _g,
+    onPageChange = _a.onPageChange,
+    onDataLoaded = _a.onDataLoaded;
+  var _h = useState(initialPage),
+    currentPage = _h[0],
+    setCurrentPage = _h[1];
+  // Use the custom hook for data fetching
+  var _j = usePrivateCompanies({
+      searchTerm: searchTerm,
+      page: currentPage,
+      pageSize: pageSize,
+      sortOrder: SortOrder7.Descending,
+      enabled: true
+    }),
+    data = _j.data,
+    loading = _j.loading,
+    error = _j.error,
+    refetch = _j.refetch;
+  var isLoading = externalLoading || loading;
+  var preIpoCompany = (data === null || data === void 0 ? void 0 : data.items) || [];
+  var totalPages = ((_b = data === null || data === void 0 ? void 0 : data.pagination) === null || _b === void 0 ? void 0 : _b.totalPages) || 1;
+  // Reset to first page when search term changes
   useEffect(function () {
     setCurrentPage(1);
   }, [searchTerm]);
+  // Call onDataLoaded callback when data changes
+  useEffect(function () {
+    if (data) {
+      onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded(preIpoCompany, totalPages);
+    }
+  }, [data, preIpoCompany, totalPages, onDataLoaded]);
   var handlePageChange = function (page) {
     setCurrentPage(page);
     onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page);
   };
   if (error) {
-    return jsx("div", {
+    return jsxs("div", {
       className: "bg-white rounded-lg shadow-sm p-8 text-center",
-      children: jsx("p", {
+      children: [jsxs("p", {
         className: "text-gray-500",
-        children: "Failed to load companies. Please try again later."
-      })
+        children: [PRIVATE_COMPANY_CONSTANTS.ERRORS.FETCH_FAILED, ". Please try again later."]
+      }), jsx("button", {
+        onClick: refetch,
+        className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",
+        children: "Retry"
+      })]
     });
   }
-  if (!isLoading && (!preIpoCompany || preIpoCompany.length === 0)) {
+  if (!isLoading && preIpoCompany.length === 0) {
     return jsx("div", {
       className: "bg-white rounded-lg shadow-sm p-8 text-center",
       children: jsx("p", {
@@ -625,28 +758,66 @@ var TableRow = /*#__PURE__*/memo(function (_a) {
 });
 TableRow.displayName = 'TableRow';
 
+/**
+ * Service for managing Special Purpose Vehicle (SPV) operations.
+ */
 var SpvService = /** @class */function () {
   function SpvService() {
     this._client = new Client("/api");
   }
-  SpvService.prototype.GetAllSpvs = function (investorId_1, nameFilter_1, page_1) {
-    return __awaiter(this, arguments, void 0, function (investorId, nameFilter, page, pageSize) {
+  /**
+   * Retrieves all SPVs for a specific investor with optional filtering and pagination.
+   *
+   * @param investorId - The unique identifier of the investor
+   * @param nameFilter - Optional filter to search SPVs by name
+   * @param preIPOCompanyId - Optional filter to search by pre-IPO company ID
+   * @param preIPOCompanyInvestmentId - Optional filter to search by pre-IPO company investment ID
+   * @param page - Optional page number for pagination
+   * @param pageSize - Number of items per page (default: 25)
+   * @param sortOrder - Sort order for results (default: Descending)
+   * @param sortBy - Field to sort by
+   * @returns Promise resolving to PreIPOCompanySPVApiResponse or null if operation fails
+   */
+  SpvService.prototype.getAllSpvs = function (investorId_1, nameFilter_1, preIPOCompanyId_1, preIPOCompanyInvestmentId_1, page_1) {
+    return __awaiter(this, arguments, void 0, function (investorId, nameFilter, preIPOCompanyId, preIPOCompanyInvestmentId, page, pageSize, sortOrder, sortBy) {
       var error_1;
       if (pageSize === void 0) {
         pageSize = 25;
       }
+      if (sortOrder === void 0) {
+        sortOrder = SortOrder12.Descending;
+      }
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            _a.trys.push([0, 2,, 3]);
-            return [4 /*yield*/, this._client.investorGET5(investorId, MonarkStage.PRIMARY_FUNDRAISE, nameFilter, page, pageSize, SortOrder9.Descending)];
+            if (!(investorId === null || investorId === void 0 ? void 0 : investorId.trim())) {
+              throw new Error("investorId is required and cannot be empty");
+            }
+            if (pageSize <= 0 || pageSize > 100) {
+              throw new Error("pageSize must be between 1 and 100");
+            }
+            if (page !== undefined && page < 0) {
+              throw new Error("page must be non-negative");
+            }
+            _a.label = 1;
           case 1:
-            return [2 /*return*/, _a.sent()];
+            _a.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, this._client.investorGET6(investorId, MonarkStage.PRIMARY_FUNDRAISE, nameFilter, preIPOCompanyId, preIPOCompanyInvestmentId, page, pageSize, sortOrder, sortBy)];
           case 2:
+            return [2 /*return*/, _a.sent()];
+          case 3:
             error_1 = _a.sent();
-            console.error('Failed to retrieve all SPVs.', error_1);
+            console.error("Failed to retrieve SPVs for investor ".concat(investorId, ":"), {
+              investorId: investorId,
+              nameFilter: nameFilter,
+              preIPOCompanyId: preIPOCompanyId,
+              preIPOCompanyInvestmentId: preIPOCompanyInvestmentId,
+              page: page,
+              pageSize: pageSize,
+              error: error_1 instanceof Error ? error_1.message : error_1
+            });
             return [2 /*return*/, null];
-          case 3:
+          case 4:
             return [2 /*return*/];
         }
       });
@@ -655,113 +826,183 @@ var SpvService = /** @class */function () {
   return SpvService;
 }();
 
-var primaryColumns = [{
-  title: 'Company'
-}, {
-  title: 'Price Per Share'
-}, {
-  title: 'Minimum Investment'
-}, {
-  title: 'Fees'
-}, {
-  title: 'Invest'
-}];
 /**
- * PrimaryTable component displays a table of SPV investment opportunities.
- * It includes table headers and rows with built-in data fetching.
+ * Hook for fetching primary company SPV data with automatic loading states and error handling.
  */
-var PrimaryTable = function (_a) {
+var usePrimaryCompany = function (_a) {
   var investorId = _a.investorId,
-    onButtonClick = _a.onButtonClick,
-    _b = _a.buttonText,
-    buttonText = _b === void 0 ? "Invest" : _b,
-    _c = _a.isLoading,
-    externalLoading = _c === void 0 ? false : _c,
-    _d = _a.initialPage,
-    initialPage = _d === void 0 ? 1 : _d,
-    _e = _a.pageSize,
-    pageSize = _e === void 0 ? 10 : _e,
-    _f = _a.searchTerm,
-    searchTerm = _f === void 0 ? '' : _f,
-    onPageChange = _a.onPageChange,
-    onDataLoaded = _a.onDataLoaded;
-  var _g = useState(true),
-    internalLoading = _g[0],
-    setInternalLoading = _g[1];
-  var _h = useState([]),
-    preIPOCompanySPV = _h[0],
-    setPreIPOCompanySPV = _h[1];
-  var _j = useState(initialPage),
-    currentPage = _j[0],
-    setCurrentPage = _j[1];
-  var _k = useState(1),
-    totalPages = _k[0],
-    setTotalPages = _k[1];
-  var _l = useState(false),
-    error = _l[0],
-    setError = _l[1];
-  var isLoading = externalLoading || internalLoading;
-  var fetchSpvs = useCallback(function (page) {
+    nameFilter = _a.nameFilter,
+    preIPOCompanyId = _a.preIPOCompanyId,
+    preIPOCompanyInvestmentId = _a.preIPOCompanyInvestmentId,
+    page = _a.page,
+    _b = _a.pageSize,
+    pageSize = _b === void 0 ? 25 : _b,
+    _c = _a.sortOrder,
+    sortOrder = _c === void 0 ? SortOrder12.Descending : _c,
+    sortBy = _a.sortBy,
+    _d = _a.enabled,
+    enabled = _d === void 0 ? true : _d;
+  var _e = useState(null),
+    data = _e[0],
+    setData = _e[1];
+  var _f = useState(false),
+    loading = _f[0],
+    setLoading = _f[1];
+  var _g = useState(null),
+    error = _g[0],
+    setError = _g[1];
+  var spvService = new SpvService();
+  var fetchData = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
-      var service, result, e_1;
-      var _a, _b;
-      return __generator(this, function (_c) {
-        switch (_c.label) {
+      var result, err_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
           case 0:
-            setInternalLoading(true);
-            setError(false);
-            service = new SpvService();
-            _c.label = 1;
+            if (!enabled || !investorId) {
+              return [2 /*return*/];
+            }
+            setLoading(true);
+            setError(null);
+            _a.label = 1;
           case 1:
-            _c.trys.push([1, 3, 4, 5]);
-            return [4 /*yield*/, service.GetAllSpvs(investorId, searchTerm, page, pageSize)];
+            _a.trys.push([1, 3, 4, 5]);
+            return [4 /*yield*/, spvService.getAllSpvs(investorId, nameFilter, preIPOCompanyId, preIPOCompanyInvestmentId, page, pageSize, sortOrder, sortBy)];
           case 2:
-            result = _c.sent();
-            if (result && result.items) {
-              setPreIPOCompanySPV(result.items);
-              setTotalPages(((_a = result.pagination) === null || _a === void 0 ? void 0 : _a.totalPages) || 1);
-              onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded(result.items, ((_b = result.pagination) === null || _b === void 0 ? void 0 : _b.totalPages) || 1);
+            result = _a.sent();
+            if (result === null) {
+              setError('Failed to fetch SPV data');
+              setData(null);
             } else {
-              setPreIPOCompanySPV([]);
-              setTotalPages(1);
-              onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded([], 1);
+              setData(result);
             }
             return [3 /*break*/, 5];
           case 3:
-            e_1 = _c.sent();
-            console.error('Error fetching SPVs:', e_1);
-            setError(true);
-            setPreIPOCompanySPV([]);
+            err_1 = _a.sent();
+            setError(err_1 instanceof Error ? err_1.message : 'An unexpected error occurred');
+            setData(null);
             return [3 /*break*/, 5];
           case 4:
-            setInternalLoading(false);
+            setLoading(false);
             return [7 /*endfinally*/];
           case 5:
             return [2 /*return*/];
         }
       });
     });
-  }, [investorId, searchTerm, pageSize, onDataLoaded]);
+  }, [enabled, investorId, nameFilter, preIPOCompanyId, preIPOCompanyInvestmentId, page, pageSize, sortOrder, sortBy]);
   useEffect(function () {
-    fetchSpvs(currentPage);
-  }, [currentPage, fetchSpvs]);
+    fetchData();
+  }, [fetchData]);
+  var refetch = useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, fetchData()];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [fetchData]);
+  return {
+    data: data,
+    loading: loading,
+    error: error,
+    refetch: refetch
+  };
+};
+
+/**
+ * Constants for primary company SPV operations
+ */
+var PRIMARY_COMPANY_CONSTANTS = {
+  /**
+   * Default page size for pagination
+   */
+  DEFAULT_PAGE_SIZE: 25,
+  /**
+   * Error messages
+   */
+  ERRORS: {
+    FETCH_FAILED: 'Failed to fetch SPV data'}};
+
+var primaryColumns = [{
+  title: 'Company'
+}, {
+  title: 'Price Per Share'
+}, {
+  title: 'Minimum Investment'
+}, {
+  title: 'Fees'
+}, {
+  title: 'Invest'
+}];
+/**
+ * PrimaryTable component displays a table of SPV investment opportunities.
+ * It includes table headers and rows with built-in data fetching using the usePrimaryCompany hook.
+ */
+var PrimaryTable = function (_a) {
+  var _b;
+  var investorId = _a.investorId,
+    onButtonClick = _a.onButtonClick,
+    _c = _a.buttonText,
+    buttonText = _c === void 0 ? "Invest" : _c,
+    _d = _a.isLoading,
+    externalLoading = _d === void 0 ? false : _d,
+    _e = _a.initialPage,
+    initialPage = _e === void 0 ? 1 : _e,
+    _f = _a.pageSize,
+    pageSize = _f === void 0 ? PRIMARY_COMPANY_CONSTANTS.DEFAULT_PAGE_SIZE : _f,
+    _g = _a.searchTerm,
+    searchTerm = _g === void 0 ? '' : _g,
+    onPageChange = _a.onPageChange,
+    onDataLoaded = _a.onDataLoaded;
+  var _h = useState(initialPage),
+    currentPage = _h[0],
+    setCurrentPage = _h[1];
+  var _j = usePrimaryCompany({
+      investorId: investorId,
+      nameFilter: searchTerm,
+      page: currentPage,
+      pageSize: pageSize,
+      sortOrder: SortOrder12.Descending,
+      enabled: !!investorId
+    }),
+    data = _j.data,
+    loading = _j.loading,
+    error = _j.error,
+    refetch = _j.refetch;
+  var isLoading = externalLoading || loading;
+  var preIPOCompanySPV = (data === null || data === void 0 ? void 0 : data.items) || [];
+  var totalPages = ((_b = data === null || data === void 0 ? void 0 : data.pagination) === null || _b === void 0 ? void 0 : _b.totalPages) || 1;
   useEffect(function () {
     setCurrentPage(1);
   }, [searchTerm]);
+  useEffect(function () {
+    if (data) {
+      onDataLoaded === null || onDataLoaded === void 0 ? void 0 : onDataLoaded(preIPOCompanySPV, totalPages);
+    }
+  }, [data, preIPOCompanySPV, totalPages, onDataLoaded]);
   var handlePageChange = function (page) {
     setCurrentPage(page);
     onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page);
   };
   if (error) {
-    return jsx("div", {
+    return jsxs("div", {
       className: "bg-white rounded-lg shadow-sm p-8 text-center",
-      children: jsx("p", {
+      children: [jsxs("p", {
         className: "text-gray-500",
-        children: "Failed to load companies. Please try again later."
-      })
+        children: [PRIMARY_COMPANY_CONSTANTS.ERRORS.FETCH_FAILED, ". Please try again later."]
+      }), jsx("button", {
+        onClick: refetch,
+        className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",
+        children: "Retry"
+      })]
     });
   }
-  if (!isLoading && (!preIPOCompanySPV || preIPOCompanySPV.length === 0)) {
+  if (!isLoading && preIPOCompanySPV.length === 0) {
     return jsx("div", {
       className: "bg-white rounded-lg shadow-sm p-8 text-center",
       children: jsx("p", {