@layerfi/components 0.1.104 → 0.1.105

package/dist/esm/index.mjs

@@ -3893,7 +3893,7 @@ var require_lodash = __commonJS({
           result2.placeholder = curryRight.placeholder;
           return result2;
         }
-        function debounce5(func, wait, options) {
+        function debounce6(func, wait, options) {
           var lastArgs, lastThis, maxWait, result2, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
@@ -4073,7 +4073,7 @@ var require_lodash = __commonJS({
             leading = "leading" in options ? !!options.leading : leading;
             trailing = "trailing" in options ? !!options.trailing : trailing;
           }
-          return debounce5(func, wait, {
+          return debounce6(func, wait, {
             "leading": leading,
             "maxWait": wait,
             "trailing": trailing
@@ -5087,7 +5087,7 @@ var require_lodash = __commonJS({
         lodash.create = create;
         lodash.curry = curry;
         lodash.curryRight = curryRight;
-        lodash.debounce = debounce5;
+        lodash.debounce = debounce6;
         lodash.defaults = defaults;
         lodash.defaultsDeep = defaultsDeep;
         lodash.defer = defer;
@@ -5570,7 +5570,7 @@ import { useState as useState5 } from "react";
 import { useReducer, useEffect as useEffect2 } from "react";
 
 // package.json
-var version = "0.1.104";
+var version = "0.1.105";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -27594,6 +27594,9 @@ var LedgerAccountsContext = createContext21({
   setSelectedEntryId: () => {
   },
   closeSelectedEntry: () => {
+  },
+  hasMore: false,
+  fetchMore: () => {
   }
 });
 
@@ -28234,25 +28237,187 @@ import { useSWRConfig as useSWRConfig6 } from "swr";
 import { useCallback as useCallback32 } from "react";
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-import { useEffect as useEffect33, useState as useState59 } from "react";
+import { useEffect as useEffect33, useState as useState59, useMemo as useMemo45, useCallback as useCallback34 } from "react";
 import useSWR17 from "swr";
-var useLedgerAccounts = (showReversalEntries = false) => {
-  const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
+
+// src/features/ledger/accounts/[ledgerAccountId]/api/useListLedgerAccountLines.ts
+import useSWRInfinite4 from "swr/infinite";
+var import_lodash4 = __toESM(require_lodash2());
+import { useCallback as useCallback33, useMemo as useMemo44 } from "react";
+var LIST_LEDGER_ACCOUNT_LINES_TAG_KEY = "#list-ledger-account-lines";
+var listLedgerAccountLines = get(({
+  businessId,
+  accountId,
+  include_entries_before_activation,
+  include_child_account_lines,
+  start_date,
+  end_date,
+  sort_by,
+  sort_order,
+  cursor,
+  limit,
+  show_total_count
+}) => {
+  const parameters = toDefinedSearchParameters({
+    include_entries_before_activation,
+    include_child_account_lines,
+    start_date,
+    end_date,
+    sort_by,
+    sort_order,
+    cursor,
+    limit,
+    show_total_count
+  });
+  return `/v1/businesses/${businessId}/ledger/accounts/${accountId}/lines?${parameters}`;
+});
+function keyLoader4(previousPageData, {
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  accountId,
+  include_entries_before_activation,
+  include_child_account_lines,
+  start_date,
+  end_date,
+  sort_by,
+  sort_order,
+  limit,
+  show_total_count
+}) {
+  var _a;
+  if (accessToken && apiUrl && accountId) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      accountId,
+      cursor: (_a = previousPageData == null ? void 0 : previousPageData.meta) == null ? void 0 : _a.pagination.cursor,
+      include_entries_before_activation,
+      include_child_account_lines,
+      start_date,
+      end_date,
+      sort_by,
+      sort_order,
+      limit,
+      show_total_count,
+      tags: [LIST_LEDGER_ACCOUNT_LINES_TAG_KEY]
+    };
+  }
+}
+function useListLedgerAccountLines({
+  accountId,
+  include_entries_before_activation,
+  include_child_account_lines,
+  start_date,
+  end_date,
+  sort_by,
+  sort_order,
+  limit,
+  show_total_count
+}) {
+  const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = useState59();
-  const [selectedEntryId, setSelectedEntryId] = useState59();
-  const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
-  const { data, isLoading, isValidating, error, mutate } = useSWR17(
-    queryKey,
-    Layer.getLedgerAccountsLines(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: {
+  return useSWRInfinite4(
+    (index, previousPageData) => keyLoader4(
+      previousPageData,
+      __spreadProps(__spreadValues({}, auth), {
+        apiUrl,
         businessId,
         accountId,
-        includeReversals: showReversalEntries ? "true" : void 0
+        include_entries_before_activation,
+        include_child_account_lines,
+        start_date,
+        end_date,
+        sort_by,
+        sort_order,
+        limit,
+        show_total_count
+      })
+    ),
+    ({
+      accessToken,
+      apiUrl: apiUrl2,
+      businessId: businessId2,
+      accountId: accountId2,
+      cursor,
+      include_entries_before_activation: include_entries_before_activation2,
+      include_child_account_lines: include_child_account_lines2,
+      start_date: start_date2,
+      end_date: end_date2,
+      sort_by: sort_by2,
+      sort_order: sort_order2,
+      limit: limit2,
+      show_total_count: show_total_count2
+    }) => listLedgerAccountLines(
+      apiUrl2,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          accountId: accountId2,
+          cursor,
+          include_entries_before_activation: include_entries_before_activation2,
+          include_child_account_lines: include_child_account_lines2,
+          start_date: start_date2,
+          end_date: end_date2,
+          sort_by: sort_by2,
+          sort_order: sort_order2,
+          limit: limit2,
+          show_total_count: show_total_count2
+        }
       }
-    })
+    )(),
+    {
+      keepPreviousData: true,
+      revalidateAll: false,
+      revalidateFirstPage: false,
+      initialSize: 1
+    }
   );
+}
+
+// src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
+var useLedgerAccounts = (showReversalEntries = false) => {
+  const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
+  const { apiUrl } = useEnvironment();
+  const { data: auth } = useAuth();
+  const [accountId, setAccountId] = useState59();
+  const [selectedEntryId, setSelectedEntryId] = useState59();
+  const {
+    data: paginatedData,
+    isLoading: paginationIsLoading,
+    isValidating: paginationIsValidating,
+    error: paginationError,
+    mutate,
+    size,
+    setSize
+  } = useListLedgerAccountLines({
+    accountId: accountId || "",
+    include_child_account_lines: true,
+    sort_by: "entry_at",
+    sort_order: "DESC",
+    limit: 150
+  });
+  const shouldFetch = Boolean(accountId);
+  const data = useMemo45(() => {
+    if (!paginatedData || !shouldFetch) return void 0;
+    return paginatedData.flatMap((page) => page.data);
+  }, [paginatedData, shouldFetch, showReversalEntries]);
+  const hasMore = useMemo45(() => {
+    var _a, _b;
+    if (!shouldFetch || !paginatedData || paginatedData.length === 0) return false;
+    const lastPage = paginatedData[paginatedData.length - 1];
+    return Boolean(
+      ((_a = lastPage.meta) == null ? void 0 : _a.pagination.cursor) && ((_b = lastPage.meta) == null ? void 0 : _b.pagination.has_more)
+    );
+  }, [paginatedData, shouldFetch]);
+  const fetchMore = useCallback34(() => {
+    if (hasMore && shouldFetch) {
+      setSize(size + 1);
+    }
+  }, [hasMore, setSize, size, shouldFetch]);
   const {
     data: entryData,
     mutate: mutateEntryData,
@@ -28270,31 +28435,36 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     void mutateEntryData();
   };
+  const queryKey = useMemo45(() => {
+    return businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
+  }, [businessId, accountId, auth == null ? void 0 : auth.access_token]);
   useEffect33(() => {
-    if (queryKey && (isLoading || isValidating)) {
+    if (queryKey && shouldFetch && (paginationIsLoading || paginationIsValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
-  }, [isLoading, isValidating]);
+  }, [paginationIsLoading, paginationIsValidating, shouldFetch]);
   useEffect33(() => {
-    if (queryKey && hasBeenTouched(queryKey)) {
+    if (queryKey && shouldFetch && hasBeenTouched(queryKey)) {
       void refetch();
     }
-  }, [syncTimestamps, accountId]);
+  }, [syncTimestamps, accountId, shouldFetch]);
   return {
-    data: data == null ? void 0 : data.data,
+    data,
     entryData: entryData == null ? void 0 : entryData.data,
-    isLoading,
+    isLoading: shouldFetch ? paginationIsLoading : false,
     isLoadingEntry,
-    isValidating,
-    isValdiatingEntry,
-    error,
+    isValidating: shouldFetch ? paginationIsValidating : false,
+    isValidatingEntry: isValdiatingEntry,
+    error: shouldFetch ? paginationError : void 0,
     errorEntry,
     refetch,
     accountId,
     setAccountId,
     selectedEntryId,
     setSelectedEntryId,
-    closeSelectedEntry
+    closeSelectedEntry,
+    hasMore,
+    fetchMore
   };
 };
 
@@ -28363,13 +28533,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-import { useContext as useContext42, useMemo as useMemo45 } from "react";
+import { useContext as useContext42, useMemo as useMemo47 } from "react";
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-import { useMemo as useMemo44 } from "react";
+import { useMemo as useMemo46 } from "react";
 var useParentOptions = (data) => {
   var _a;
-  return useMemo44(
+  return useMemo46(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -28396,7 +28566,7 @@ var ChartOfAccountsForm = ({
     apiError
   } = useContext42(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = useMemo45(() => {
+  const entry = useMemo47(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -28609,7 +28779,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import { Fragment as Fragment34, useContext as useContext43, useEffect as useEffect34, useMemo as useMemo46, useState as useState60 } from "react";
+import { Fragment as Fragment34, useContext as useContext43, useEffect as useEffect34, useMemo as useMemo48, useState as useState60 } from "react";
 
 // src/icons/Edit2.tsx
 import { jsx as jsx245 } from "react/jsx-runtime";
@@ -28832,8 +29002,8 @@ var ChartOfAccountsTableContent = ({
   const { setAccountId } = useContext43(LedgerAccountsContext);
   const { editAccount } = useContext43(ChartOfAccountsContext);
   const [toggledKeys, setToggledKeys] = useState60({});
-  const sortedAccounts = useMemo46(() => sortAccountsRecursive(data.accounts), [data.accounts]);
-  const allRowKeys = useMemo46(() => {
+  const sortedAccounts = useMemo48(() => sortAccountsRecursive(data.accounts), [data.accounts]);
+  const allRowKeys = useMemo48(() => {
     const keys = [];
     const collect = (accounts) => {
       for (const account of accounts) {
@@ -28858,7 +29028,7 @@ var ChartOfAccountsTableContent = ({
   useEffect34(() => {
     setToggledKeys({});
   }, [searchQuery]);
-  const filteredAccounts = useMemo46(() => {
+  const filteredAccounts = useMemo48(() => {
     if (!searchQuery) return sortedAccounts;
     return filterAccounts(sortedAccounts, searchQuery.toLowerCase());
   }, [searchQuery, sortedAccounts]);
@@ -29195,12 +29365,12 @@ var ChartOfAccountsTableWithPanel = ({
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
 import {
   useContext as useContext47,
-  useMemo as useMemo48,
+  useMemo as useMemo50,
   useState as useState62
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import { useContext as useContext45, useMemo as useMemo47 } from "react";
+import { useContext as useContext45, useMemo as useMemo49 } from "react";
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -29445,7 +29615,7 @@ var LedgerAccountEntryDetails = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
   const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext45(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = useMemo47(() => {
+  const { totalDebit, totalCredit } = useMemo49(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -29600,7 +29770,7 @@ var LedgerAccountRow = ({
   index,
   view
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext46(LedgerAccountsContext);
   if (view === "tablet") {
     return /* @__PURE__ */ jsxs158(
@@ -29631,7 +29801,8 @@ var LedgerAccountRow = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx253(Text, { children: (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : "" })
+            /* @__PURE__ */ jsx253(Text, { children: (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : "" }),
+            /* @__PURE__ */ jsx253(Text, { weight: "normal" /* normal */, children: (_d = (_c = row.account) == null ? void 0 : _c.name) != null ? _d : "" })
           ] }) }),
           /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
           /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
@@ -29668,7 +29839,8 @@ var LedgerAccountRow = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx253(Text, { children: (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : "" }),
+          /* @__PURE__ */ jsx253(Text, { children: (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "" }),
+          /* @__PURE__ */ jsx253(Text, { weight: "normal" /* normal */, children: (_h = (_g = row.account) == null ? void 0 : _g.name) != null ? _h : "" }),
           /* @__PURE__ */ jsxs158("div", { className: "Layer__ledger_account-table__balances-mobile", children: [
             /* @__PURE__ */ jsxs158("div", { className: "Layer__ledger_account-table__balance-item", children: [
               /* @__PURE__ */ jsx253("span", { className: "Layer__ledger_account-table__balances-mobile__label", children: "Debit" }),
@@ -29708,7 +29880,8 @@ var LedgerAccountRow = ({
       children: [
         /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content", children: row.date && formatTime11(parseISO14(row.date), DATE_FORMAT) }) }),
         /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content", children: lineEntryNumber(row) }) }),
-        /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content", children: (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "" }) }),
+        /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content", children: (_j = (_i = row.source) == null ? void 0 : _i.display_description) != null ? _j : "" }) }),
+        /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content", children: (_l = (_k = row.account) == null ? void 0 : _k.name) != null ? _l : "" }) }),
         /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
         /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
         /* @__PURE__ */ jsx253("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ jsx253("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: `$${centsToDollars(row.running_balance)}` }) })
@@ -29738,23 +29911,36 @@ var LedgerAccount = ({
     setAccountId,
     selectedEntryId,
     closeSelectedEntry,
-    refetch
+    refetch,
+    hasMore,
+    fetchMore
   } = useContext47(LedgerAccountsContext);
   const baseClassName = classNames75(
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = useMemo48(() => {
+  const account = useMemo50(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = useMemo48(() => {
+  const data = useMemo50(() => {
     var _a2;
+    if (!rawData) return void 0;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return (_a2 = rawData == null ? void 0 : rawData.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))) == null ? void 0 : _a2.slice(firstPageIndex, lastPageIndex);
-  }, [rawData, currentPage]);
+  }, [rawData, currentPage, pageSize]);
+  const handlePageChange = (page) => {
+    setCurrentPage(page);
+    if (rawData) {
+      const requestedItemIndex = (page - 1) * pageSize + pageSize - 1;
+      const lastAvailableIndex = rawData.length - 1;
+      if (requestedItemIndex > lastAvailableIndex && hasMore) {
+        fetchMore();
+      }
+    }
+  };
   const close2 = () => {
     setAccountId(void 0);
     closeSelectedEntry();
@@ -29812,17 +29998,16 @@ var LedgerAccount = ({
             view === "desktop" && /* @__PURE__ */ jsxs159(Fragment37, { children: [
               /* @__PURE__ */ jsx254("th", { className: "Layer__table-header", children: ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date" }),
               /* @__PURE__ */ jsx254("th", { className: "Layer__table-header", children: ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #" }),
-              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" })
+              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" }),
+              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.accountColumnHeader) || "Account" })
             ] }),
             view !== "mobile" && /* @__PURE__ */ jsxs159(Fragment37, { children: [
-              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit" }),
-              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit" }),
-              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance" })
+              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.debitColumnHeader) || "Debit" }),
+              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.creditColumnHeader) || "Credit" }),
+              /* @__PURE__ */ jsx254("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_h = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _h.runningBalanceColumnHeader) || "Running balance" })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx254("tbody", { children: (_h = data == null ? void 0 : data.filter(
-            (entry) => !entry.entry_reversal_of && !entry.entry_reversed_by
-          )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ jsx254(
+          /* @__PURE__ */ jsx254("tbody", { children: data == null ? void 0 : data.map((x, index) => /* @__PURE__ */ jsx254(
             LedgerAccountRow,
             {
               row: x,
@@ -29838,7 +30023,9 @@ var LedgerAccount = ({
             currentPage,
             totalCount: (rawData == null ? void 0 : rawData.length) || 0,
             pageSize,
-            onPageChange: (page) => setCurrentPage(page)
+            onPageChange: handlePageChange,
+            hasMore,
+            fetchMore
           }
         ),
         error ? /* @__PURE__ */ jsx254("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ jsx254(
@@ -29943,12 +30130,12 @@ var JournalContext = createContext22({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-import { useState as useState63, useMemo as useMemo50, useCallback as useCallback34 } from "react";
+import { useState as useState63, useMemo as useMemo52, useCallback as useCallback36 } from "react";
 
 // src/features/ledger/entries/api/useListLedgerEntries.ts
-import useSWRInfinite4 from "swr/infinite";
-var import_lodash4 = __toESM(require_lodash2());
-import { useCallback as useCallback33, useMemo as useMemo49 } from "react";
+import useSWRInfinite5 from "swr/infinite";
+var import_lodash5 = __toESM(require_lodash2());
+import { useCallback as useCallback35, useMemo as useMemo51 } from "react";
 var LIST_LEDGER_ENTRIES_TAG_KEY = "#list-ledger-entries";
 var listLedgerEntries = get(({ businessId, sort_by, sort_order, cursor, limit, show_total_count }) => {
   const parameters = toDefinedSearchParameters({
@@ -29960,7 +30147,7 @@ var listLedgerEntries = get(({ businessId, sort_by, sort_order, cursor, limit, s
   });
   return `/v1/businesses/${businessId}/ledger/entries?${parameters}`;
 });
-function keyLoader4(previousPageData, {
+function keyLoader5(previousPageData, {
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -29993,8 +30180,8 @@ function useListLedgerEntries({
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  return useSWRInfinite4(
-    (index, previousPageData) => keyLoader4(
+  return useSWRInfinite5(
+    (index, previousPageData) => keyLoader5(
       previousPageData,
       __spreadProps(__spreadValues({}, auth), {
         apiUrl,
@@ -30063,11 +30250,11 @@ var useJournal = () => {
     sort_order: "DESC",
     limit: 150
   });
-  const data = useMemo50(() => {
+  const data = useMemo52(() => {
     if (!paginatedData) return void 0;
     return paginatedData.flatMap((page) => page.data);
   }, [paginatedData]);
-  const hasMore = useMemo50(() => {
+  const hasMore = useMemo52(() => {
     var _a, _b;
     if (paginatedData && paginatedData.length > 0) {
       const lastPage = paginatedData[paginatedData.length - 1];
@@ -30077,7 +30264,7 @@ var useJournal = () => {
     }
     return false;
   }, [paginatedData]);
-  const fetchMore = useCallback34(() => {
+  const fetchMore = useCallback36(() => {
     if (hasMore) {
       setSize(size + 1);
     }
@@ -30322,13 +30509,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import { useContext as useContext54, useMemo as useMemo53, useState as useState65 } from "react";
+import { useContext as useContext54, useMemo as useMemo55, useState as useState65 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
 import { useContext as useContext52 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import { useContext as useContext49, useMemo as useMemo51, useState as useState64 } from "react";
+import { useContext as useContext49, useMemo as useMemo53, useState as useState64 } from "react";
 import { jsx as jsx256, jsxs as jsxs160 } from "react/jsx-runtime";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -30343,13 +30530,13 @@ var JournalEntryDetails = () => {
   } = useContext49(JournalContext);
   const [reverseEntryProcessing, setReverseEntryProcessing] = useState64(false);
   const [reverseEntryError, setReverseEntryError] = useState64();
-  const entry = useMemo51(() => {
+  const entry = useMemo53(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = useMemo51(
+  const sortedLineItems = useMemo53(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -30530,7 +30717,7 @@ var JournalEntryDetails = () => {
 import { useContext as useContext51 } from "react";
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-import { useContext as useContext50, useMemo as useMemo52 } from "react";
+import { useContext as useContext50, useMemo as useMemo54 } from "react";
 import { Fragment as Fragment38, jsx as jsx257, jsxs as jsxs161 } from "react/jsx-runtime";
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -30552,7 +30739,7 @@ var JournalFormEntryLines = ({
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
   const { form } = useContext50(JournalContext);
-  const { flattenedCategories, parentOptions } = useMemo52(() => {
+  const { flattenedCategories, parentOptions } = useMemo54(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
       switch (account.type) {
@@ -31145,7 +31332,7 @@ var JournalTableWithPanel = ({
     hasMore,
     fetchMore
   } = useContext54(JournalContext);
-  const data = useMemo53(
+  const data = useMemo55(
     () => {
       if (!rawData) return void 0;
       const firstPageIndex = (currentPage - 1) * pageSize;
@@ -31291,7 +31478,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-import { useMemo as useMemo56 } from "react";
+import { useMemo as useMemo58 } from "react";
 
 // src/icons/SmileIcon.tsx
 import { jsx as jsx265, jsxs as jsxs166 } from "react/jsx-runtime";
@@ -31350,7 +31537,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-import { useEffect as useEffect36, useMemo as useMemo54, useState as useState66 } from "react";
+import { useEffect as useEffect36, useMemo as useMemo56, useState as useState66 } from "react";
 import classNames76 from "classnames";
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -31408,7 +31595,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useCallback as useCallback35 } from "react";
+import { useCallback as useCallback37 } from "react";
 function buildKey29({
   access_token: accessToken,
   apiUrl,
@@ -31451,7 +31638,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback35(
+  const stableProxiedTrigger = useCallback37(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31478,7 +31665,7 @@ function useSubmitUserResponseForTask() {
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
 import { useSWRConfig as useSWRConfig8 } from "swr";
 import useSWRMutation19 from "swr/mutation";
-import { useCallback as useCallback36 } from "react";
+import { useCallback as useCallback38 } from "react";
 function buildKey30({
   access_token: accessToken,
   apiUrl,
@@ -31517,7 +31704,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback36(
+  const stableProxiedTrigger = useCallback38(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31544,7 +31731,7 @@ function useUploadDocumentsForTask() {
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
 import { useSWRConfig as useSWRConfig9 } from "swr";
 import useSWRMutation20 from "swr/mutation";
-import { useCallback as useCallback37 } from "react";
+import { useCallback as useCallback39 } from "react";
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -31580,7 +31767,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback37(
+  const stableProxiedTrigger = useCallback39(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31607,7 +31794,7 @@ function useDeleteUploadsOnTask() {
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
 import { useSWRConfig as useSWRConfig10 } from "swr";
 import useSWRMutation21 from "swr/mutation";
-import { useCallback as useCallback38 } from "react";
+import { useCallback as useCallback40 } from "react";
 function buildKey32({
   access_token: accessToken,
   apiUrl,
@@ -31647,7 +31834,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback38(
+  const stableProxiedTrigger = useCallback40(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31713,7 +31900,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = useMemo54(() => {
+  const uploadDocumentAction = useMemo56(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -31917,27 +32104,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback39, useMemo as useMemo55, useState as useState68 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo57, useState as useState68 } from "react";
 function usePaginatedList(list, pageSize) {
   const [internalPageIndex, setInternalPageIndex] = useState68(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
-  const pageItems = useMemo55(() => {
+  const pageItems = useMemo57(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = useCallback39(() => {
+  const next = useCallback41(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = useCallback39((pageIndex) => {
+  const set2 = useCallback41((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = useCallback39(() => {
+  const previous = useCallback41(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = useCallback39(() => {
+  const reset = useCallback41(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -31965,7 +32152,7 @@ var TasksEmptyState = () => /* @__PURE__ */ jsxs170("div", { className: "Layer__
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = useMemo56(() => {
+  const sortedTasks = useMemo58(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -32107,7 +32294,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-import { useMemo as useMemo57 } from "react";
+import { useMemo as useMemo59 } from "react";
 import { format as format7, getMonth as getMonth3, getYear as getYear4, set } from "date-fns";
 
 // src/components/Tasks/TaskStatusBadge.tsx
@@ -32209,7 +32396,7 @@ function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
   const activeYear = getYear4(date);
-  const periodsInActiveYear = useMemo57(() => {
+  const periodsInActiveYear = useMemo59(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -32220,7 +32407,7 @@ function TasksMonthSelector() {
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
   const activeMonthNumber = getMonth3(date) + 1;
   const activeYear = getYear4(date);
-  const monthsData = useMemo57(() => {
+  const monthsData = useMemo59(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = set(
@@ -32270,13 +32457,13 @@ import classNames80 from "classnames";
 import pluralize4 from "pluralize";
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-import { useMemo as useMemo58 } from "react";
+import { useMemo as useMemo60 } from "react";
 import { getYear as getYear5 } from "date-fns";
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = useMemo58(() => {
+  const yearStatuses = useMemo60(() => {
     const startYear = getYear5(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
@@ -32291,7 +32478,7 @@ var useBookkeepingYearsStatus = () => {
       };
     }).filter(({ year }) => data == null ? void 0 : data.some((period) => period.year === year)).sort((a, b) => b.year - a.year);
   }, [activationDate, data]);
-  const earliestIncompletePeriod = useMemo58(
+  const earliestIncompletePeriod = useMemo60(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -32434,7 +32621,7 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-import { useMemo as useMemo59 } from "react";
+import { useMemo as useMemo61 } from "react";
 
 // src/components/Tabs/Tabs.tsx
 import { useEffect as useEffect37, useState as useState69 } from "react";
@@ -32596,7 +32783,7 @@ var TasksYearsTabs = () => {
       yearNumber: Number(year)
     });
   };
-  const yearsList = useMemo59(() => {
+  const yearsList = useMemo61(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -33302,7 +33489,7 @@ function useBusinessPersonnel() {
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 import useSWRMutation22 from "swr/mutation";
 import { useSWRConfig as useSWRConfig11 } from "swr";
-import { useCallback as useCallback40 } from "react";
+import { useCallback as useCallback42 } from "react";
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey34({
   access_token: accessToken,
@@ -33340,7 +33527,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback40(
+  const stableProxiedTrigger = useCallback42(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -33374,7 +33561,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import { useCallback as useCallback41 } from "react";
+import { useCallback as useCallback43 } from "react";
 function buildKey35({
   access_token: accessToken,
   apiUrl,
@@ -33417,7 +33604,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback41(
+  const stableProxiedTrigger = useCallback43(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -33444,7 +33631,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 // src/hooks/business/useUpdateBusiness.ts
 import useSWRMutation24 from "swr/mutation";
 import { useSWRConfig as useSWRConfig13 } from "swr";
-import { useCallback as useCallback42 } from "react";
+import { useCallback as useCallback44 } from "react";
 var BUSINESS_TAG_KEY = "business";
 function buildKey36({
   access_token: accessToken,
@@ -33482,7 +33669,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback42(
+  const stableProxiedTrigger = useCallback44(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -34659,9 +34846,9 @@ var ProjectProfitabilityView = ({
 import { createContext as createContext23, useContext as useContext58 } from "react";
 
 // src/hooks/useBills.tsx
-import { useMemo as useMemo60, useState as useState76 } from "react";
+import { useMemo as useMemo62, useState as useState76 } from "react";
 import { endOfMonth as endOfMonth14, startOfMonth as startOfMonth17, sub as sub3 } from "date-fns";
-import useSWRInfinite5 from "swr/infinite";
+import useSWRInfinite6 from "swr/infinite";
 var PAGE_SIZE = 20;
 var useBills = () => {
   const { businessId } = useLayerContext();
@@ -34708,7 +34895,7 @@ var useBills = () => {
     size,
     setSize,
     mutate
-  } = useSWRInfinite5(
+  } = useSWRInfinite6(
     getKey,
     (_0) => __async(null, [_0], function* ([_query, nextCursor]) {
       if (auth == null ? void 0 : auth.access_token) {
@@ -34730,24 +34917,24 @@ var useBills = () => {
       revalidateFirstPage: false
     }
   );
-  const data = useMemo60(() => {
+  const data = useMemo62(() => {
     if (rawResponseData && rawResponseData.length > 0) {
       return rawResponseData == null ? void 0 : rawResponseData.map((x) => x == null ? void 0 : x.data).flat().filter((x) => !!x);
     }
     return void 0;
   }, [rawResponseData]);
-  const paginatedData = useMemo60(() => {
+  const paginatedData = useMemo62(() => {
     const firstPageIndex = (currentPage - 1) * PAGE_SIZE;
     const lastPageIndex = firstPageIndex + PAGE_SIZE;
     return data == null ? void 0 : data.slice(firstPageIndex, lastPageIndex);
   }, [currentPage, data]);
-  const lastMetadata = useMemo60(() => {
+  const lastMetadata = useMemo62(() => {
     if (rawResponseData && rawResponseData.length > 0) {
       return rawResponseData[rawResponseData.length - 1].meta;
     }
     return void 0;
   }, [rawResponseData]);
-  const hasMore = useMemo60(() => {
+  const hasMore = useMemo62(() => {
     var _a, _b, _c, _d;
     if (rawResponseData && rawResponseData.length > 0) {
       const lastElement = rawResponseData[rawResponseData.length - 1];
@@ -34792,7 +34979,7 @@ var useBills = () => {
 };
 
 // src/components/Bills/useBillsRecordPayment.ts
-import { useEffect as useEffect39, useMemo as useMemo61, useState as useState77 } from "react";
+import { useEffect as useEffect39, useMemo as useMemo63, useState as useState77 } from "react";
 import useSWRMutation25 from "swr/mutation";
 function buildKey37({
   access_token: accessToken,
@@ -34904,7 +35091,7 @@ var useBillsRecordPayment = ({ refetchAllBills }) => {
     setBillsToPay([{ bill, amount: (_b = convertFromCents((_a = bill.outstanding_balance) != null ? _a : 0)) == null ? void 0 : _b.toString() }]);
     setShowRecordPaymentForm(true);
   };
-  const payload = useMemo61(() => {
+  const payload = useMemo63(() => {
     const filteredBillsToPay = billsToPay.filter((item) => {
       var _a;
       return item.amount && ((_a = item.bill) == null ? void 0 : _a.id);
@@ -35236,7 +35423,7 @@ var useBillForm = (bill) => {
 import { formatISO as formatISO4, parseISO as parseISO18 } from "date-fns";
 
 // src/components/Bills/BillsPaymentRecorded.tsx
-import { useMemo as useMemo62 } from "react";
+import { useMemo as useMemo64 } from "react";
 
 // src/components/Input/StaticValue.tsx
 import classNames83 from "classnames";
@@ -35282,11 +35469,11 @@ var BillsPaymentRecorded = ({
     vendor,
     payRemainingBalance
   } = useBillsRecordPaymentContext();
-  const totalPaid = useMemo62(
+  const totalPaid = useMemo64(
     () => billsToPay.reduce((acc, record) => acc + (record.amount !== void 0 ? Number(record.amount) : 0), 0),
     [billsToPay]
   );
-  const anyUnpaid = useMemo62(
+  const anyUnpaid = useMemo64(
     () => billsToPay.some((record) => {
       var _a2;
       return ((_a2 = record.bill) == null ? void 0 : _a2.status) !== "PAID";
@@ -35343,7 +35530,7 @@ var BillsPaymentRecorded = ({
 };
 
 // src/components/Bills/BillsRecordPayment.tsx
-import { useMemo as useMemo63 } from "react";
+import { useMemo as useMemo65 } from "react";
 import { parseISO as parseISO16, format as formatTime13 } from "date-fns";
 
 // src/components/Bills/useUnpaidBillsByVendor.ts
@@ -35426,7 +35613,7 @@ var BillsRecordPayment = ({
     apiError
   } = useBillsRecordPaymentContext();
   const { data: rawAvailableBills } = useUnpaidBillsByVendor({ vendorId: vendor == null ? void 0 : vendor.id });
-  const availableBills = useMemo63(
+  const availableBills = useMemo65(
     () => rawAvailableBills == null ? void 0 : rawAvailableBills.filter((b) => !billsToPay.find((x) => {
       var _a2;
       return ((_a2 = x.bill) == null ? void 0 : _a2.id) === b.id;
@@ -35752,7 +35939,7 @@ var BillSummaryPaid = ({ bill }) => {
 };
 
 // src/components/Bills/BillSummaryUnpaid.tsx
-import { useMemo as useMemo64 } from "react";
+import { useMemo as useMemo66 } from "react";
 import { differenceInDays as differenceInDays2, parseISO as parseISO17 } from "date-fns";
 import { jsx as jsx315, jsxs as jsxs201 } from "react/jsx-runtime";
 function buildDifference(due_at) {
@@ -35780,7 +35967,7 @@ function buildDifference(due_at) {
   };
 }
 var BillSummaryUnpaid = ({ bill }) => {
-  const difference = useMemo64(() => buildDifference(bill.due_at), [bill.due_at]);
+  const difference = useMemo66(() => buildDifference(bill.due_at), [bill.due_at]);
   return /* @__PURE__ */ jsxs201("div", { className: "Layer__bill-details__summary", children: [
     /* @__PURE__ */ jsxs201("div", { children: [
       /* @__PURE__ */ jsx315(
@@ -36173,13 +36360,13 @@ var BillsDetails = ({
 };
 
 // src/components/Bills/BillsTableWithPanel.tsx
-import { useMemo as useMemo66 } from "react";
+import { useMemo as useMemo68 } from "react";
 
 // src/components/Bills/BillsTable.tsx
 import { Fragment as Fragment53 } from "react";
 
 // src/components/DueStatus/DueStatus.tsx
-import { useMemo as useMemo65 } from "react";
+import { useMemo as useMemo67 } from "react";
 import { parseISO as parseISO19, differenceInDays as differenceInDays3 } from "date-fns";
 import { jsx as jsx318, jsxs as jsxs203 } from "react/jsx-runtime";
 var dueStatusTitle = (daysDiff, paid) => {
@@ -36244,7 +36431,7 @@ var getDiff = (refDate) => {
   return differenceInDays3(today, d);
 };
 var DueStatus = ({ dueDate, paidAt, size = "md" }) => {
-  const date = useMemo65(() => {
+  const date = useMemo67(() => {
     try {
       const diff = getDiff(paidAt ? paidAt : dueDate);
       if (diff === null) {
@@ -36572,11 +36759,11 @@ var BillsTableWithPanel = ({
     setVendor: setRecordPaymentVendor
   } = useBillsRecordPaymentContext();
   const { isDesktop, isMobile } = useSizeClass();
-  const totalCount = useMemo66(() => {
+  const totalCount = useMemo68(() => {
     var _a;
     return (_a = rawData == null ? void 0 : rawData.length) != null ? _a : 0;
   }, [rawData]);
-  const anyBillToPaySelected = useMemo66(() => {
+  const anyBillToPaySelected = useMemo68(() => {
     return billsToPay.length > 0;
   }, [billsToPay]);
   return /* @__PURE__ */ jsxs206(