@layerfi/components 0.1.104 → 0.1.105

package/dist/cjs/index.cjs

@@ -3899,7 +3899,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);
@@ -4079,7 +4079,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
@@ -5093,7 +5093,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;
@@ -5602,7 +5602,7 @@ var import_react12 = require("react");
 var import_react10 = require("react");
 
 // package.json
-var version = "0.1.104";
+var version = "0.1.105";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -27431,7 +27431,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react170 = require("react");
+var import_react171 = require("react");
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 var import_react157 = require("react");
@@ -27486,6 +27486,9 @@ var LedgerAccountsContext = (0, import_react158.createContext)({
   setSelectedEntryId: () => {
   },
   closeSelectedEntry: () => {
+  },
+  hasMore: false,
+  fetchMore: () => {
   }
 });
 
@@ -28126,25 +28129,187 @@ var import_swr23 = require("swr");
 var import_react160 = require("react");
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react161 = require("react");
+var import_react162 = require("react");
 var import_swr24 = __toESM(require("swr"));
-var useLedgerAccounts = (showReversalEntries = false) => {
-  const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
+
+// src/features/ledger/accounts/[ledgerAccountId]/api/useListLedgerAccountLines.ts
+var import_infinite4 = __toESM(require("swr/infinite"));
+var import_react161 = require("react");
+var import_lodash4 = __toESM(require_lodash());
+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] = (0, import_react161.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react161.useState)();
-  const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr24.default)(
-    queryKey,
-    Layer.getLedgerAccountsLines(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: {
+  return (0, import_infinite4.default)(
+    (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] = (0, import_react162.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react162.useState)();
+  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 = (0, import_react162.useMemo)(() => {
+    if (!paginatedData || !shouldFetch) return void 0;
+    return paginatedData.flatMap((page) => page.data);
+  }, [paginatedData, shouldFetch, showReversalEntries]);
+  const hasMore = (0, import_react162.useMemo)(() => {
+    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 = (0, import_react162.useCallback)(() => {
+    if (hasMore && shouldFetch) {
+      setSize(size + 1);
+    }
+  }, [hasMore, setSize, size, shouldFetch]);
   const {
     data: entryData,
     mutate: mutateEntryData,
@@ -28162,36 +28327,41 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     void mutateEntryData();
   };
-  (0, import_react161.useEffect)(() => {
-    if (queryKey && (isLoading || isValidating)) {
+  const queryKey = (0, import_react162.useMemo)(() => {
+    return businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
+  }, [businessId, accountId, auth == null ? void 0 : auth.access_token]);
+  (0, import_react162.useEffect)(() => {
+    if (queryKey && shouldFetch && (paginationIsLoading || paginationIsValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
-  }, [isLoading, isValidating]);
-  (0, import_react161.useEffect)(() => {
-    if (queryKey && hasBeenTouched(queryKey)) {
+  }, [paginationIsLoading, paginationIsValidating, shouldFetch]);
+  (0, import_react162.useEffect)(() => {
+    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
   };
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react166 = require("react");
+var import_react167 = require("react");
 
 // src/icons/Plus.tsx
 var import_jsx_runtime242 = require("react/jsx-runtime");
@@ -28232,11 +28402,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react162 = require("react");
+var import_react163 = require("react");
 var import_date_fns37 = require("date-fns");
 var import_jsx_runtime243 = require("react/jsx-runtime");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react162.useContext)(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = (0, import_react163.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
     DatePicker,
     {
@@ -28255,13 +28425,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react164 = require("react");
+var import_react165 = require("react");
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react163 = require("react");
+var import_react164 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react163.useMemo)(
+  return (0, import_react164.useMemo)(
     () => 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,
@@ -28286,9 +28456,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react164.useContext)(ChartOfAccountsContext);
+  } = (0, import_react165.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react164.useMemo)(() => {
+  const entry = (0, import_react165.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -28501,7 +28671,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react165 = require("react");
+var import_react166 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime246 = require("react/jsx-runtime");
@@ -28721,11 +28891,11 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react165.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react165.useContext)(ChartOfAccountsContext);
-  const [toggledKeys, setToggledKeys] = (0, import_react165.useState)({});
-  const sortedAccounts = (0, import_react165.useMemo)(() => sortAccountsRecursive(data.accounts), [data.accounts]);
-  const allRowKeys = (0, import_react165.useMemo)(() => {
+  const { setAccountId } = (0, import_react166.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react166.useContext)(ChartOfAccountsContext);
+  const [toggledKeys, setToggledKeys] = (0, import_react166.useState)({});
+  const sortedAccounts = (0, import_react166.useMemo)(() => sortAccountsRecursive(data.accounts), [data.accounts]);
+  const allRowKeys = (0, import_react166.useMemo)(() => {
     const keys = [];
     const collect = (accounts) => {
       for (const account of accounts) {
@@ -28739,7 +28909,7 @@ var ChartOfAccountsTableContent = ({
     collect(data.accounts);
     return keys;
   }, [data.accounts]);
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (expandAll === void 0) return;
     setToggledKeys(
       Object.fromEntries(
@@ -28747,10 +28917,10 @@ var ChartOfAccountsTableContent = ({
       )
     );
   }, [expandAll]);
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     setToggledKeys({});
   }, [searchQuery]);
-  const filteredAccounts = (0, import_react165.useMemo)(() => {
+  const filteredAccounts = (0, import_react166.useMemo)(() => {
     if (!searchQuery) return sortedAccounts;
     return filterAccounts(sortedAccounts, searchQuery.toLowerCase());
   }, [searchQuery, sortedAccounts]);
@@ -28782,7 +28952,7 @@ var ChartOfAccountsTableContent = ({
       e.stopPropagation();
       setAccountId(account.id);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(import_react165.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(import_react166.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
         TableRow,
         {
@@ -28991,8 +29161,8 @@ var ChartOfAccountsTableWithPanel = ({
   stringOverrides,
   templateAccountsEditable
 }) => {
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react166.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react166.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react167.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react167.useState)();
   const { inputValue, searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: "" });
   return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
     Panel,
@@ -29085,10 +29255,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react169 = require("react");
+var import_react170 = require("react");
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -29332,8 +29502,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   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 } = (0, import_react167.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react167.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react168.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react168.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -29479,7 +29649,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react168 = require("react");
+var import_react169 = require("react");
 var import_classnames75 = __toESM(require("classnames"));
 var import_date_fns39 = require("date-fns");
 var import_jsx_runtime254 = require("react/jsx-runtime");
@@ -29488,8 +29658,8 @@ var LedgerAccountRow = ({
   index,
   view
 }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react168.useContext)(LedgerAccountsContext);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react169.useContext)(LedgerAccountsContext);
   if (view === "tablet") {
     return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
       "tr",
@@ -29519,7 +29689,8 @@ var LedgerAccountRow = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { children: (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : "" })
+            /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { children: (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : "" }),
+            /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { weight: "normal" /* normal */, children: (_d = (_c = row.account) == null ? void 0 : _c.name) != null ? _d : "" })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
           /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
@@ -29556,7 +29727,8 @@ var LedgerAccountRow = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { children: (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { children: (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text, { weight: "normal" /* normal */, children: (_h = (_g = row.account) == null ? void 0 : _g.name) != null ? _h : "" }),
           /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: "Layer__ledger_account-table__balances-mobile", children: [
             /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: "Layer__ledger_account-table__balance-item", children: [
               /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__ledger_account-table__balances-mobile__label", children: "Debit" }),
@@ -29596,7 +29768,8 @@ var LedgerAccountRow = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content", children: row.date && (0, import_date_fns39.format)((0, import_date_fns39.parseISO)(row.date), DATE_FORMAT) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content", children: lineEntryNumber(row) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content", children: (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content", children: (_j = (_i = row.source) == null ? void 0 : _i.display_description) != null ? _j : "" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content", children: (_l = (_k = row.account) == null ? void 0 : _k.name) != null ? _l : "" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
         /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
         /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: `$${centsToDollars(row.running_balance)}` }) })
@@ -29615,8 +29788,8 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react169.useState)(1);
-  const { data: accountData } = (0, import_react169.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react170.useState)(1);
+  const { data: accountData } = (0, import_react170.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -29626,23 +29799,36 @@ var LedgerAccount = ({
     setAccountId,
     selectedEntryId,
     closeSelectedEntry,
-    refetch
-  } = (0, import_react169.useContext)(LedgerAccountsContext);
+    refetch,
+    hasMore,
+    fetchMore
+  } = (0, import_react170.useContext)(LedgerAccountsContext);
   const baseClassName = (0, import_classnames76.default)(
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react169.useMemo)(() => {
+  const account = (0, import_react170.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react169.useMemo)(() => {
+  const data = (0, import_react170.useMemo)(() => {
     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();
@@ -29700,17 +29886,16 @@ var LedgerAccount = ({
             view === "desktop" && /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(import_jsx_runtime255.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header", children: ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date" }),
               /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header", children: ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #" }),
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" })
+              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" }),
+              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.accountColumnHeader) || "Account" })
             ] }),
             view !== "mobile" && /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(import_jsx_runtime255.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit" }),
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit" }),
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.debitColumnHeader) || "Debit" }),
+              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.creditColumnHeader) || "Credit" }),
+              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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__ */ (0, import_jsx_runtime255.jsx)("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__ */ (0, import_jsx_runtime255.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("tbody", { children: data == null ? void 0 : data.map((x, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
             LedgerAccountRow,
             {
               row: x,
@@ -29726,7 +29911,9 @@ var LedgerAccount = ({
             currentPage,
             totalCount: (rawData == null ? void 0 : rawData.length) || 0,
             pageSize,
-            onPageChange: (page) => setCurrentPage(page)
+            onPageChange: handlePageChange,
+            hasMore,
+            fetchMore
           }
         ),
         error ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
@@ -29774,7 +29961,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = (0, import_react170.useContext)(LedgerAccountsContext);
+  const { accountId } = (0, import_react171.useContext)(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
     LedgerAccount,
@@ -29799,8 +29986,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react171 = require("react");
-var JournalContext = (0, import_react171.createContext)({
+var import_react172 = require("react");
+var JournalContext = (0, import_react172.createContext)({
   refetch: () => {
   },
   setSelectedEntryId: () => {
@@ -29831,12 +30018,12 @@ var JournalContext = (0, import_react171.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react173 = require("react");
+var import_react174 = require("react");
 
 // src/features/ledger/entries/api/useListLedgerEntries.ts
-var import_infinite4 = __toESM(require("swr/infinite"));
-var import_react172 = require("react");
-var import_lodash4 = __toESM(require_lodash());
+var import_infinite5 = __toESM(require("swr/infinite"));
+var import_react173 = require("react");
+var import_lodash5 = __toESM(require_lodash());
 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({
@@ -29848,7 +30035,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,
@@ -29881,8 +30068,8 @@ function useListLedgerEntries({
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  return (0, import_infinite4.default)(
-    (index, previousPageData) => keyLoader4(
+  return (0, import_infinite5.default)(
+    (index, previousPageData) => keyLoader5(
       previousPageData,
       __spreadProps(__spreadValues({}, auth), {
         apiUrl,
@@ -29933,11 +30120,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react173.useState)();
-  const [form, setForm] = (0, import_react173.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react173.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react173.useState)(false);
-  const [apiError, setApiError] = (0, import_react173.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react174.useState)();
+  const [form, setForm] = (0, import_react174.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react174.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react174.useState)(false);
+  const [apiError, setApiError] = (0, import_react174.useState)(void 0);
   const {
     data: paginatedData,
     isLoading,
@@ -29951,11 +30138,11 @@ var useJournal = () => {
     sort_order: "DESC",
     limit: 150
   });
-  const data = (0, import_react173.useMemo)(() => {
+  const data = (0, import_react174.useMemo)(() => {
     if (!paginatedData) return void 0;
     return paginatedData.flatMap((page) => page.data);
   }, [paginatedData]);
-  const hasMore = (0, import_react173.useMemo)(() => {
+  const hasMore = (0, import_react174.useMemo)(() => {
     var _a, _b;
     if (paginatedData && paginatedData.length > 0) {
       const lastPage = paginatedData[paginatedData.length - 1];
@@ -29965,7 +30152,7 @@ var useJournal = () => {
     }
     return false;
   }, [paginatedData]);
-  const fetchMore = (0, import_react173.useCallback)(() => {
+  const fetchMore = (0, import_react174.useCallback)(() => {
     if (hasMore) {
       setSize(size + 1);
     }
@@ -30210,13 +30397,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react179 = require("react");
+var import_react180 = require("react");
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react177 = require("react");
+var import_react178 = require("react");
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react174 = require("react");
+var import_react175 = require("react");
 var import_jsx_runtime257 = require("react/jsx-runtime");
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -30228,16 +30415,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react174.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react174.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react174.useState)();
-  const entry = (0, import_react174.useMemo)(() => {
+  } = (0, import_react175.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react175.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react175.useState)();
+  const entry = (0, import_react175.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react174.useMemo)(
+  const sortedLineItems = (0, import_react175.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -30415,10 +30602,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react176 = require("react");
+var import_react177 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react175 = require("react");
+var import_react176 = require("react");
 var import_jsx_runtime258 = require("react/jsx-runtime");
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -30439,8 +30626,8 @@ var JournalFormEntryLines = ({
   config
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
-  const { form } = (0, import_react175.useContext)(JournalContext);
-  const { flattenedCategories, parentOptions } = (0, import_react175.useMemo)(() => {
+  const { form } = (0, import_react176.useContext)(JournalContext);
+  const { flattenedCategories, parentOptions } = (0, import_react176.useMemo)(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
       switch (account.type) {
@@ -30651,7 +30838,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react176.useContext)(JournalContext);
+  } = (0, import_react177.useContext)(JournalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
     "form",
     {
@@ -30799,7 +30986,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react177.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react178.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(JournalEntryDetails, {});
   }
@@ -30807,7 +30994,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react178 = require("react");
+var import_react179 = require("react");
 var import_date_fns40 = require("date-fns");
 var import_jsx_runtime261 = require("react/jsx-runtime");
 var accountName = (row) => {
@@ -30835,9 +31022,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react178.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react179.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react178.useLayoutEffect)(() => {
+  (0, import_react179.useLayoutEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -30845,7 +31032,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = !expandable || isOpen(rowKey);
-    return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_react178.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_react179.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
         TableRow,
         {
@@ -31021,7 +31208,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react179.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react180.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -31032,8 +31219,8 @@ var JournalTableWithPanel = ({
     addEntry,
     hasMore,
     fetchMore
-  } = (0, import_react179.useContext)(JournalContext);
-  const data = (0, import_react179.useMemo)(
+  } = (0, import_react180.useContext)(JournalContext);
+  const data = (0, import_react180.useMemo)(
     () => {
       if (!rawData) return void 0;
       const firstPageIndex = (currentPage - 1) * pageSize;
@@ -31179,7 +31366,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-var import_react187 = require("react");
+var import_react188 = require("react");
 
 // src/icons/SmileIcon.tsx
 var import_jsx_runtime266 = require("react/jsx-runtime");
@@ -31238,7 +31425,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-var import_react184 = require("react");
+var import_react185 = require("react");
 var import_classnames77 = __toESM(require("classnames"));
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -31296,7 +31483,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_react180 = require("react");
+var import_react181 = require("react");
 function buildKey29({
   access_token: accessToken,
   apiUrl,
@@ -31339,7 +31526,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react180.useCallback)(
+  const stableProxiedTrigger = (0, import_react181.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31366,7 +31553,7 @@ function useSubmitUserResponseForTask() {
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
 var import_swr26 = require("swr");
 var import_mutation19 = __toESM(require("swr/mutation"));
-var import_react181 = require("react");
+var import_react182 = require("react");
 function buildKey30({
   access_token: accessToken,
   apiUrl,
@@ -31405,7 +31592,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react181.useCallback)(
+  const stableProxiedTrigger = (0, import_react182.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31432,7 +31619,7 @@ function useUploadDocumentsForTask() {
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
 var import_swr27 = require("swr");
 var import_mutation20 = __toESM(require("swr/mutation"));
-var import_react182 = require("react");
+var import_react183 = require("react");
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -31468,7 +31655,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react182.useCallback)(
+  const stableProxiedTrigger = (0, import_react183.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31495,7 +31682,7 @@ function useDeleteUploadsOnTask() {
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
 var import_swr28 = require("swr");
 var import_mutation21 = __toESM(require("swr/mutation"));
-var import_react183 = require("react");
+var import_react184 = require("react");
 function buildKey32({
   access_token: accessToken,
   apiUrl,
@@ -31535,7 +31722,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react183.useCallback)(
+  const stableProxiedTrigger = (0, import_react184.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -31566,9 +31753,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react184.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react184.useState)((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = (0, import_react184.useState)();
+  const [isOpen, setIsOpen] = (0, import_react185.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react185.useState)((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = (0, import_react185.useState)();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -31586,7 +31773,7 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react184.useEffect)(() => {
+  (0, import_react185.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const submit = () => __async(null, null, function* () {
@@ -31601,7 +31788,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = (0, import_react184.useMemo)(() => {
+  const uploadDocumentAction = (0, import_react185.useMemo)(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -31746,7 +31933,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-var import_react185 = require("react");
+var import_react186 = require("react");
 var import_jsx_runtime270 = require("react/jsx-runtime");
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -31757,7 +31944,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = (0, import_react185.useState)(false);
+  const [showMobilePanel, setShowMobilePanel] = (0, import_react186.useState)(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
@@ -31805,27 +31992,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-var import_react186 = require("react");
+var import_react187 = require("react");
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = (0, import_react186.useState)(0);
+  const [internalPageIndex, setInternalPageIndex] = (0, import_react187.useState)(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
-  const pageItems = (0, import_react186.useMemo)(() => {
+  const pageItems = (0, import_react187.useMemo)(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = (0, import_react186.useCallback)(() => {
+  const next = (0, import_react187.useCallback)(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = (0, import_react186.useCallback)((pageIndex) => {
+  const set2 = (0, import_react187.useCallback)((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = (0, import_react186.useCallback)(() => {
+  const previous = (0, import_react187.useCallback)(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = (0, import_react186.useCallback)(() => {
+  const reset = (0, import_react187.useCallback)(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -31853,7 +32040,7 @@ var TasksEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = (0, import_react187.useMemo)(() => {
+  const sortedTasks = (0, import_react188.useMemo)(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -31995,7 +32182,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-var import_react188 = require("react");
+var import_react189 = require("react");
 var import_date_fns42 = require("date-fns");
 
 // src/components/Tasks/TaskStatusBadge.tsx
@@ -32097,7 +32284,7 @@ function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const periodsInActiveYear = (0, import_react188.useMemo)(() => {
+  const periodsInActiveYear = (0, import_react189.useMemo)(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -32108,7 +32295,7 @@ function TasksMonthSelector() {
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
   const activeMonthNumber = (0, import_date_fns42.getMonth)(date) + 1;
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const monthsData = (0, import_react188.useMemo)(() => {
+  const monthsData = (0, import_react189.useMemo)(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = (0, import_date_fns42.set)(
@@ -32158,13 +32345,13 @@ var import_classnames81 = __toESM(require("classnames"));
 var import_pluralize4 = __toESM(require("pluralize"));
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-var import_react189 = require("react");
+var import_react190 = require("react");
 var import_date_fns43 = require("date-fns");
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = (0, import_react189.useMemo)(() => {
+  const yearStatuses = (0, import_react190.useMemo)(() => {
     const startYear = (0, import_date_fns43.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
@@ -32179,7 +32366,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 = (0, import_react189.useMemo)(
+  const earliestIncompletePeriod = (0, import_react190.useMemo)(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -32322,10 +32509,10 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_react192 = require("react");
+var import_react193 = require("react");
 
 // src/components/Tabs/Tabs.tsx
-var import_react190 = require("react");
+var import_react191 = require("react");
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime279 = require("react/jsx-runtime");
@@ -32389,12 +32576,12 @@ var Tab = ({
 // src/components/Tabs/Tabs.tsx
 var import_classnames80 = __toESM(require("classnames"));
 var import_jsx_runtime280 = require("react/jsx-runtime");
-var import_react191 = require("react");
+var import_react192 = require("react");
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react190.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react190.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react190.useState)(0);
+  const [initialized, setInitialized] = (0, import_react191.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react191.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react191.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames80.default)(
     "Layer__tabs",
@@ -32429,14 +32616,14 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + STARTING_PADDING;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react190.useEffect)(() => {
+  (0, import_react191.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react190.useEffect)(() => {
+  (0, import_react191.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
   }, [selectedValue, currentWidth]);
@@ -32452,7 +32639,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)("div", { className: "Layer__tabs__container", children: /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)("div", { className: baseClassName, ref: elementRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react191.createElement)(
+      return /* @__PURE__ */ (0, import_react192.createElement)(
         Tab,
         __spreadProps(__spreadValues({}, option), {
           key: option.value,
@@ -32484,7 +32671,7 @@ var TasksYearsTabs = () => {
       yearNumber: Number(year)
     });
   };
-  const yearsList = (0, import_react192.useMemo)(() => {
+  const yearsList = (0, import_react193.useMemo)(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -32587,10 +32774,10 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react195 = require("react");
+var import_react196 = require("react");
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-var import_react193 = require("react");
+var import_react194 = require("react");
 var import_react_form3 = require("@tanstack/react-form");
 
 // src/components/PlatformOnboarding/Container/LinkAccountsListContainer.tsx
@@ -32626,7 +32813,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = (0, import_react193.useContext)(LinkedAccountsContext);
+  } = (0, import_react194.useContext)(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -32699,7 +32886,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-var import_react194 = require("react");
+var import_react195 = require("react");
 var import_pluralize5 = __toESM(require("pluralize"));
 var import_jsx_runtime286 = require("react/jsx-runtime");
 function LinkAccountsLinkStep() {
@@ -32709,7 +32896,7 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = (0, import_react194.useContext)(LinkedAccountsContext);
+  } = (0, import_react195.useContext)(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(import_jsx_runtime286.Fragment, { children: [
@@ -32789,7 +32976,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = (0, import_react195.useContext)(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = (0, import_react196.useContext)(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime287.jsxs)(
@@ -32807,7 +32994,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-var import_react200 = require("react");
+var import_react201 = require("react");
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 var import_jsx_runtime288 = require("react/jsx-runtime");
@@ -33190,7 +33377,7 @@ function useBusinessPersonnel() {
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 var import_mutation22 = __toESM(require("swr/mutation"));
 var import_swr30 = require("swr");
-var import_react196 = require("react");
+var import_react197 = require("react");
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey34({
   access_token: accessToken,
@@ -33228,7 +33415,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react196.useCallback)(
+  const stableProxiedTrigger = (0, import_react197.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -33262,7 +33449,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_react197 = require("react");
+var import_react198 = require("react");
 function buildKey35({
   access_token: accessToken,
   apiUrl,
@@ -33305,7 +33492,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react197.useCallback)(
+  const stableProxiedTrigger = (0, import_react198.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -33332,7 +33519,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 // src/hooks/business/useUpdateBusiness.ts
 var import_mutation24 = __toESM(require("swr/mutation"));
 var import_swr32 = require("swr");
-var import_react198 = require("react");
+var import_react199 = require("react");
 var BUSINESS_TAG_KEY = "business";
 function buildKey36({
   access_token: accessToken,
@@ -33370,7 +33557,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react198.useCallback)(
+  const stableProxiedTrigger = (0, import_react199.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -33395,7 +33582,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-var import_react199 = require("react");
+var import_react200 = require("react");
 var getPerson = (personnel) => {
   const owners = personnel == null ? void 0 : personnel.filter((p) => p.roles.find((x) => x.role === "OWNER"));
   if (owners && owners.length > 0) {
@@ -33406,7 +33593,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = (0, import_react199.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react200.useState)(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -33822,7 +34009,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = (0, import_react200.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = (0, import_react201.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
   const isFirstStep = PLATFORM_ONBOARDING_STEPS[0].id === step;
   const nextStep = () => {
     const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
@@ -33984,7 +34171,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react202 = require("react");
+var import_react203 = require("react");
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 var import_jsx_runtime302 = require("react/jsx-runtime");
@@ -33999,15 +34186,15 @@ function BookkeepingProfitAndLossSummariesContainer({
 var import_classnames82 = __toESM(require("classnames"));
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-var import_react201 = require("react");
+var import_react202 = require("react");
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = (0, import_react201.useRef)(null);
-  const targetElementRef = (0, import_react201.useRef)(null);
-  const lastKnownSizeRef = (0, import_react201.useRef)(null);
-  const lastKnownTargetPositionRef = (0, import_react201.useRef)(null);
-  const upperElementInFocus = (0, import_react201.useRef)(false);
-  (0, import_react201.useEffect)(() => {
+  const upperContentRef = (0, import_react202.useRef)(null);
+  const targetElementRef = (0, import_react202.useRef)(null);
+  const lastKnownSizeRef = (0, import_react202.useRef)(null);
+  const lastKnownTargetPositionRef = (0, import_react202.useRef)(null);
+  const upperElementInFocus = (0, import_react202.useRef)(false);
+  (0, import_react202.useEffect)(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
     lastKnownTargetPositionRef.current = targetElementRef.current.getBoundingClientRect().top;
@@ -34064,7 +34251,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react202.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react203.useState)("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   const { upperContentRef, targetElementRef, upperElementInFocus } = useKeepInMobileViewport();
@@ -34195,7 +34382,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react203 = require("react");
+var import_react204 = require("react");
 var import_classnames83 = __toESM(require("classnames"));
 var import_jsx_runtime304 = require("react/jsx-runtime");
 var AccountingOverview = ({
@@ -34211,7 +34398,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react203.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react204.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(
     ProfitAndLoss,
@@ -34382,7 +34569,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react204 = require("react");
+var import_react205 = require("react");
 var import_jsx_runtime306 = require("react/jsx-runtime");
 var GeneralLedgerView = ({
   title,
@@ -34391,7 +34578,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react204.useState)("chartOfAccounts");
+  const [activeTab, setActiveTab] = (0, import_react205.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(
     View,
     {
@@ -34433,7 +34620,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react205 = require("react");
+var import_react206 = require("react");
 var import_react_select6 = __toESM(require("react-select"));
 var import_jsx_runtime307 = require("react/jsx-runtime");
 var ProjectProfitabilityView = ({
@@ -34443,9 +34630,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react205.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react205.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react205.useState)(
+  const [activeTab, setActiveTab] = (0, import_react206.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react206.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react206.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -34544,26 +34731,26 @@ var ProjectProfitabilityView = ({
 };
 
 // src/contexts/BillsContext.tsx
-var import_react208 = require("react");
+var import_react209 = require("react");
 
 // src/hooks/useBills.tsx
-var import_react206 = require("react");
+var import_react207 = require("react");
 var import_date_fns45 = require("date-fns");
-var import_infinite5 = __toESM(require("swr/infinite"));
+var import_infinite6 = __toESM(require("swr/infinite"));
 var PAGE_SIZE = 20;
 var useBills = () => {
   const { businessId } = useLayerContext();
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
-  const [status, setStatus] = (0, import_react206.useState)("UNPAID");
-  const [vendor, setVendor] = (0, import_react206.useState)(null);
-  const [billInDetails, setBillInDetails] = (0, import_react206.useState)();
-  const [showBillInDetails, setShowBillInDetails] = (0, import_react206.useState)(false);
-  const [dateRange, setDateRange] = (0, import_react206.useState)({
+  const [status, setStatus] = (0, import_react207.useState)("UNPAID");
+  const [vendor, setVendor] = (0, import_react207.useState)(null);
+  const [billInDetails, setBillInDetails] = (0, import_react207.useState)();
+  const [showBillInDetails, setShowBillInDetails] = (0, import_react207.useState)(false);
+  const [dateRange, setDateRange] = (0, import_react207.useState)({
     startDate: (0, import_date_fns45.sub)((0, import_date_fns45.startOfMonth)(/* @__PURE__ */ new Date()), { years: 1 }),
     endDate: (0, import_date_fns45.endOfMonth)(/* @__PURE__ */ new Date())
   });
-  const [currentPage, setCurrentPage] = (0, import_react206.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react207.useState)(1);
   const openBillDetails = (bill) => {
     setBillInDetails(bill);
     setShowBillInDetails(true);
@@ -34596,7 +34783,7 @@ var useBills = () => {
     size,
     setSize,
     mutate
-  } = (0, import_infinite5.default)(
+  } = (0, import_infinite6.default)(
     getKey,
     (_0) => __async(null, [_0], function* ([_query, nextCursor]) {
       if (auth == null ? void 0 : auth.access_token) {
@@ -34618,24 +34805,24 @@ var useBills = () => {
       revalidateFirstPage: false
     }
   );
-  const data = (0, import_react206.useMemo)(() => {
+  const data = (0, import_react207.useMemo)(() => {
     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 = (0, import_react206.useMemo)(() => {
+  const paginatedData = (0, import_react207.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * PAGE_SIZE;
     const lastPageIndex = firstPageIndex + PAGE_SIZE;
     return data == null ? void 0 : data.slice(firstPageIndex, lastPageIndex);
   }, [currentPage, data]);
-  const lastMetadata = (0, import_react206.useMemo)(() => {
+  const lastMetadata = (0, import_react207.useMemo)(() => {
     if (rawResponseData && rawResponseData.length > 0) {
       return rawResponseData[rawResponseData.length - 1].meta;
     }
     return void 0;
   }, [rawResponseData]);
-  const hasMore = (0, import_react206.useMemo)(() => {
+  const hasMore = (0, import_react207.useMemo)(() => {
     var _a, _b, _c, _d;
     if (rawResponseData && rawResponseData.length > 0) {
       const lastElement = rawResponseData[rawResponseData.length - 1];
@@ -34680,7 +34867,7 @@ var useBills = () => {
 };
 
 // src/components/Bills/useBillsRecordPayment.ts
-var import_react207 = require("react");
+var import_react208 = require("react");
 var import_mutation25 = __toESM(require("swr/mutation"));
 function buildKey37({
   access_token: accessToken,
@@ -34703,13 +34890,13 @@ var useBillsRecordPayment = ({ refetchAllBills }) => {
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { billInDetails, openBillDetails } = useBillsContext();
-  const [showRecordPaymentForm, setShowRecordPaymentForm] = (0, import_react207.useState)(false);
-  const [bulkSelectionActive, setBulkSelectionActive] = (0, import_react207.useState)(false);
-  const [vendor, setVendorState] = (0, import_react207.useState)();
-  const [paymentDate, setPaymentDate] = (0, import_react207.useState)(/* @__PURE__ */ new Date());
-  const [paymentMethod, setPaymentMethod] = (0, import_react207.useState)("ACH");
-  const [billsToPay, setBillsToPay] = (0, import_react207.useState)([]);
-  const [dataSaved, setDataSaved] = (0, import_react207.useState)(false);
+  const [showRecordPaymentForm, setShowRecordPaymentForm] = (0, import_react208.useState)(false);
+  const [bulkSelectionActive, setBulkSelectionActive] = (0, import_react208.useState)(false);
+  const [vendor, setVendorState] = (0, import_react208.useState)();
+  const [paymentDate, setPaymentDate] = (0, import_react208.useState)(/* @__PURE__ */ new Date());
+  const [paymentMethod, setPaymentMethod] = (0, import_react208.useState)("ACH");
+  const [billsToPay, setBillsToPay] = (0, import_react208.useState)([]);
+  const [dataSaved, setDataSaved] = (0, import_react208.useState)(false);
   const openBulkSelection = () => {
     setBulkSelectionActive(true);
   };
@@ -34723,7 +34910,7 @@ var useBillsRecordPayment = ({ refetchAllBills }) => {
     setVendor(void 0);
     setBulkSelectionActive(false);
   };
-  (0, import_react207.useEffect)(() => {
+  (0, import_react208.useEffect)(() => {
     if (vendor && billsToPay.length === 0) {
       setVendor(void 0);
     }
@@ -34792,7 +34979,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 = (0, import_react207.useMemo)(() => {
+  const payload = (0, import_react208.useMemo)(() => {
     const filteredBillsToPay = billsToPay.filter((item) => {
       var _a;
       return item.amount && ((_a = item.bill) == null ? void 0 : _a.id);
@@ -34936,7 +35123,7 @@ var useBillsRecordPayment = ({ refetchAllBills }) => {
 // src/contexts/BillsContext.tsx
 var import_date_fns46 = require("date-fns");
 var import_jsx_runtime308 = require("react/jsx-runtime");
-var BillsContext = (0, import_react208.createContext)({
+var BillsContext = (0, import_react209.createContext)({
   data: [],
   paginatedData: [],
   currentPage: 1,
@@ -34967,7 +35154,7 @@ var BillsContext = (0, import_react208.createContext)({
   refetch: () => {
   }
 });
-var BillsRecordPaymentContext = (0, import_react208.createContext)({
+var BillsRecordPaymentContext = (0, import_react209.createContext)({
   billsToPay: [],
   setBill: () => {
   },
@@ -35011,8 +35198,8 @@ var BillsRecordPaymentContext = (0, import_react208.createContext)({
   isLoading: false,
   apiError: void 0
 });
-var useBillsContext = () => (0, import_react208.useContext)(BillsContext);
-var useBillsRecordPaymentContext = () => (0, import_react208.useContext)(BillsRecordPaymentContext);
+var useBillsContext = () => (0, import_react209.useContext)(BillsContext);
+var useBillsRecordPaymentContext = () => (0, import_react209.useContext)(BillsRecordPaymentContext);
 var BillsProvider = ({ children }) => {
   const bills = useBills();
   return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(BillsContext.Provider, { value: bills, children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(BillContextWithRecordPayment, { children }) });
@@ -35024,14 +35211,14 @@ var BillContextWithRecordPayment = ({ children }) => {
 };
 
 // src/components/Bills/useBillForm.ts
-var import_react209 = require("react");
+var import_react210 = require("react");
 var import_react_form5 = require("@tanstack/react-form");
 var useBillForm = (bill) => {
   var _a, _b, _c, _d;
   const { businessId, addToast } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [submitError, setSubmitError] = (0, import_react209.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react210.useState)(void 0);
   const { openBillDetails, refetch } = useBillsContext();
   const form = (0, import_react_form5.useForm)({
     defaultValues: {
@@ -35124,7 +35311,7 @@ var useBillForm = (bill) => {
 var import_date_fns49 = require("date-fns");
 
 // src/components/Bills/BillsPaymentRecorded.tsx
-var import_react210 = require("react");
+var import_react211 = require("react");
 
 // src/components/Input/StaticValue.tsx
 var import_classnames84 = __toESM(require("classnames"));
@@ -35170,11 +35357,11 @@ var BillsPaymentRecorded = ({
     vendor,
     payRemainingBalance
   } = useBillsRecordPaymentContext();
-  const totalPaid = (0, import_react210.useMemo)(
+  const totalPaid = (0, import_react211.useMemo)(
     () => billsToPay.reduce((acc, record) => acc + (record.amount !== void 0 ? Number(record.amount) : 0), 0),
     [billsToPay]
   );
-  const anyUnpaid = (0, import_react210.useMemo)(
+  const anyUnpaid = (0, import_react211.useMemo)(
     () => billsToPay.some((record) => {
       var _a2;
       return ((_a2 = record.bill) == null ? void 0 : _a2.status) !== "PAID";
@@ -35231,7 +35418,7 @@ var BillsPaymentRecorded = ({
 };
 
 // src/components/Bills/BillsRecordPayment.tsx
-var import_react211 = require("react");
+var import_react212 = require("react");
 var import_date_fns47 = require("date-fns");
 
 // src/components/Bills/useUnpaidBillsByVendor.ts
@@ -35314,7 +35501,7 @@ var BillsRecordPayment = ({
     apiError
   } = useBillsRecordPaymentContext();
   const { data: rawAvailableBills } = useUnpaidBillsByVendor({ vendorId: vendor == null ? void 0 : vendor.id });
-  const availableBills = (0, import_react211.useMemo)(
+  const availableBills = (0, import_react212.useMemo)(
     () => rawAvailableBills == null ? void 0 : rawAvailableBills.filter((b) => !billsToPay.find((x) => {
       var _a2;
       return ((_a2 = x.bill) == null ? void 0 : _a2.id) === b.id;
@@ -35506,7 +35693,7 @@ var BillsSidebar = () => {
 };
 
 // src/contexts/VendorsContext.tsx
-var import_react212 = require("react");
+var import_react213 = require("react");
 
 // src/hooks/useVendors.ts
 var import_swr34 = __toESM(require("swr"));
@@ -35531,10 +35718,10 @@ var useVendors = () => {
 
 // src/contexts/VendorsContext.tsx
 var import_jsx_runtime313 = require("react/jsx-runtime");
-var VendorsContext = (0, import_react212.createContext)({
+var VendorsContext = (0, import_react213.createContext)({
   data: []
 });
-var useVendorsContext = () => (0, import_react212.useContext)(VendorsContext);
+var useVendorsContext = () => (0, import_react213.useContext)(VendorsContext);
 var VendorsProvider = ({ children }) => {
   const vendors = useVendors();
   return /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(VendorsContext.Provider, { value: vendors, children });
@@ -35640,7 +35827,7 @@ var BillSummaryPaid = ({ bill }) => {
 };
 
 // src/components/Bills/BillSummaryUnpaid.tsx
-var import_react213 = require("react");
+var import_react214 = require("react");
 var import_date_fns48 = require("date-fns");
 var import_jsx_runtime316 = require("react/jsx-runtime");
 function buildDifference(due_at) {
@@ -35668,7 +35855,7 @@ function buildDifference(due_at) {
   };
 }
 var BillSummaryUnpaid = ({ bill }) => {
-  const difference = (0, import_react213.useMemo)(() => buildDifference(bill.due_at), [bill.due_at]);
+  const difference = (0, import_react214.useMemo)(() => buildDifference(bill.due_at), [bill.due_at]);
   return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { className: "Layer__bill-details__summary", children: [
     /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
@@ -36061,13 +36248,13 @@ var BillsDetails = ({
 };
 
 // src/components/Bills/BillsTableWithPanel.tsx
-var import_react216 = require("react");
+var import_react217 = require("react");
 
 // src/components/Bills/BillsTable.tsx
-var import_react215 = require("react");
+var import_react216 = require("react");
 
 // src/components/DueStatus/DueStatus.tsx
-var import_react214 = require("react");
+var import_react215 = require("react");
 var import_date_fns50 = require("date-fns");
 var import_jsx_runtime319 = require("react/jsx-runtime");
 var dueStatusTitle = (daysDiff, paid) => {
@@ -36132,7 +36319,7 @@ var getDiff = (refDate) => {
   return (0, import_date_fns50.differenceInDays)(today, d);
 };
 var DueStatus = ({ dueDate, paidAt, size = "md" }) => {
-  const date = (0, import_react214.useMemo)(() => {
+  const date = (0, import_react215.useMemo)(() => {
     try {
       const diff = getDiff(paidAt ? paidAt : dueDate);
       if (diff === null) {
@@ -36228,7 +36415,7 @@ var BillsTableContent = ({
       "Layer__bills-table__actions-col",
       status === "PAID" ? "Layer__bills-table__actions-col--narrow" : ""
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(import_react215.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(TableRow, { rowKey: rowKey + "-" + index, variant: "main", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(import_react216.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(TableRow, { rowKey: rowKey + "-" + index, variant: "main", children: [
       /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(TableCell, { primary: true, nowrap: true, className: "Layer__bills-table__vendor-col", children: [
         bulkSelectionActive && status === "UNPAID" && /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
           CheckboxWithTooltip,
@@ -36460,11 +36647,11 @@ var BillsTableWithPanel = ({
     setVendor: setRecordPaymentVendor
   } = useBillsRecordPaymentContext();
   const { isDesktop, isMobile } = useSizeClass();
-  const totalCount = (0, import_react216.useMemo)(() => {
+  const totalCount = (0, import_react217.useMemo)(() => {
     var _a;
     return (_a = rawData == null ? void 0 : rawData.length) != null ? _a : 0;
   }, [rawData]);
-  const anyBillToPaySelected = (0, import_react216.useMemo)(() => {
+  const anyBillToPaySelected = (0, import_react217.useMemo)(() => {
     return billsToPay.length > 0;
   }, [billsToPay]);
   return /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
@@ -36658,7 +36845,7 @@ var BillsViewContent = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react217 = require("react");
+var import_react218 = require("react");
 var import_jsx_runtime327 = require("react/jsx-runtime");
 var getOptions = (enabledReports) => {
   return [
@@ -36686,7 +36873,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react217.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react218.useState)(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle4 = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
@@ -36745,11 +36932,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react218 = require("react");
+var import_react219 = require("react");
 var import_jsx_runtime328 = require("react/jsx-runtime");
 var COMPONENT_NAME9 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react218.useRef)(null);
+  const containerRef = (0, import_react219.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(Container, { name: COMPONENT_NAME9, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
@@ -36760,7 +36947,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react218.useContext)(ProfitAndLoss.Context);
+  const { sidebarScope } = (0, import_react219.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(
     Panel,
     {
@@ -36791,7 +36978,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react218.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react219.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {