@layerfi/components 0.1.103 → 0.1.104-alpha

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState5 } from "react";
 import { useReducer, useEffect as useEffect2 } from "react";
 
 // package.json
-var version = "0.1.103";
+var version = "0.1.104-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5755,9 +5755,9 @@ var getBankTransactions = get(
     businessId,
     cursor,
     categorized,
-    descriptionFilter,
     direction,
     limit,
+    query,
     startDate,
     endDate,
     sortBy = "date",
@@ -5767,8 +5767,8 @@ var getBankTransactions = get(
     const parameters = toDefinedSearchParameters({
       cursor,
       categorized,
-      descriptionFilter,
       direction,
+      q: query,
       startDate,
       endDate,
       sortBy,
@@ -5787,8 +5787,8 @@ var matchBankTransaction = put(
 var getBankTransactionsExcel = get(({
   businessId,
   categorized,
-  descriptionFilter,
   direction,
+  query,
   startDate,
   endDate,
   sortBy = "date",
@@ -5796,8 +5796,8 @@ var getBankTransactionsExcel = get(({
 }) => {
   const parameters = toDefinedSearchParameters({
     categorized,
-    descriptionFilter,
     direction,
+    q: query,
     startDate,
     endDate,
     sortBy,
@@ -8029,8 +8029,8 @@ function keyLoader(previousPageData, {
   apiUrl,
   businessId,
   categorized,
-  descriptionFilter,
   direction,
+  query,
   startDate,
   endDate,
   tagFilterQueryString
@@ -8042,8 +8042,8 @@ function keyLoader(previousPageData, {
       businessId,
       categorized,
       cursor: previousPageData ? previousPageData.meta.pagination.cursor : void 0,
-      descriptionFilter,
       direction,
+      query,
       startDate,
       endDate,
       tagFilterQueryString,
@@ -8053,8 +8053,8 @@ function keyLoader(previousPageData, {
 }
 function useBankTransactions({
   categorized,
-  descriptionFilter,
   direction,
+  query,
   startDate,
   endDate,
   tagFilterQueryString
@@ -8067,8 +8067,8 @@ function useBankTransactions({
       __spreadProps(__spreadValues({}, data), {
         businessId,
         categorized,
-        descriptionFilter,
         direction,
+        query,
         startDate,
         endDate,
         tagFilterQueryString
@@ -8081,7 +8081,7 @@ function useBankTransactions({
       categorized: categorized2,
       cursor,
       direction: direction2,
-      descriptionFilter: descriptionFilter2,
+      query: query2,
       startDate: startDate2,
       endDate: endDate2,
       tagFilterQueryString: tagFilterQueryString2
@@ -8094,9 +8094,9 @@ function useBankTransactions({
             businessId: businessId2,
             categorized: categorized2,
             cursor,
-            limit: 200,
-            descriptionFilter: descriptionFilter2,
             direction: direction2,
+            limit: 200,
+            query: query2,
             startDate: startDate2,
             endDate: endDate2,
             tagFilterQueryString: tagFilterQueryString2
@@ -8405,8 +8405,8 @@ function bankTransactionFiltersToHookOptions(filters) {
   var _a, _b, _c;
   return {
     categorized: (filters == null ? void 0 : filters.categorizationStatus) ? filters.categorizationStatus !== "all" /* all */ ? filters.categorizationStatus === "categorized" /* categorized */ : void 0 : void 0,
-    descriptionFilter: filters == null ? void 0 : filters.descriptionFilter,
     direction: ((_a = filters == null ? void 0 : filters.direction) == null ? void 0 : _a.length) === 1 ? filters.direction[0] === "CREDIT" /* CREDIT */ ? "INFLOW" : "OUTFLOW" : void 0,
+    query: filters == null ? void 0 : filters.query,
     startDate: (_b = filters == null ? void 0 : filters.dateRange) == null ? void 0 : _b.startDate,
     endDate: (_c = filters == null ? void 0 : filters.dateRange) == null ? void 0 : _c.endDate,
     tagFilterQueryString: (filters == null ? void 0 : filters.tagFilter) ? tagFilterToQueryString(filters.tagFilter) : void 0
@@ -11110,6 +11110,9 @@ var formatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2
 });
 var centsToDollars = (cents = NaN) => isNaN(cents) ? "-.--" : formatter.format(cents / 100);
+function centsToDollarsWithoutCommas(cents = 0) {
+  return centsToDollars(cents).replaceAll(",", "");
+}
 var dollarsToCents = (dollars = "") => Math.round(parseFloat(dollars) * 100);
 
 // src/components/LinkedAccountThumb/LinkedAccountThumb.tsx
@@ -20438,7 +20441,7 @@ import { useCallback as useCallback27, useState as useState43 } from "react";
 import classNames56 from "classnames";
 import { endOfMonth as endOfMonth5, startOfMonth as startOfMonth5 } from "date-fns";
 
-// src/components/domain/transactions/searchField/TransactionsSearchField.tsx
+// src/components/SearchField/SearchField.tsx
 import { Group as Group2 } from "react-aria-components";
 import { Search } from "lucide-react";
 
@@ -20461,19 +20464,18 @@ function MinimalSearchField(_a) {
   ] }));
 }
 
-// src/components/domain/transactions/searchField/TransactionsSearchField.tsx
+// src/components/SearchField/SearchField.tsx
 import { jsx as jsx160, jsxs as jsxs98 } from "react/jsx-runtime";
-var CLASS_NAME9 = "Layer__TransactionsSearchField";
-function TransactionsSearchField(_a) {
-  var _b = _a, { slot } = _b, restProps = __objRest(_b, ["slot"]);
+var CLASS_NAME9 = "Layer__SearchField Layer__InputGroup";
+function SearchField(_a) {
+  var _b = _a, { slot = "search", label } = _b, restProps = __objRest(_b, ["slot", "label"]);
   return /* @__PURE__ */ jsxs98(Group2, { slot, className: CLASS_NAME9, children: [
     /* @__PURE__ */ jsx160(VStack, { slot: "icon", align: "center", justify: "center", children: /* @__PURE__ */ jsx160(Search, { size: 14 }) }),
     /* @__PURE__ */ jsx160(
       MinimalSearchField,
       __spreadProps(__spreadValues({}, restProps), {
-        slot: "search",
-        placeholder: "Search transactions",
-        "aria-label": "Search transactions"
+        placeholder: label,
+        "aria-label": label
       })
     )
   ] });
@@ -20517,7 +20519,7 @@ function useBankTransactionsDownload() {
       arg: {
         categorized,
         direction,
-        descriptionFilter,
+        query,
         startDate,
         endDate,
         tagFilterQueryString
@@ -20530,7 +20532,7 @@ function useBankTransactionsDownload() {
           params: {
             businessId: businessId2,
             categorized,
-            descriptionFilter,
+            query,
             direction,
             startDate,
             endDate,
@@ -21930,19 +21932,20 @@ function TransactionsSearch({ slot }) {
   const { filters, setFilters } = useBankTransactionsContext();
   const [localSearch, setLocalSearch] = useState43(() => {
     var _a;
-    return (_a = filters == null ? void 0 : filters.descriptionFilter) != null ? _a : "";
+    return (_a = filters == null ? void 0 : filters.query) != null ? _a : "";
   });
   const debouncedSetDescription = useDebounce((value) => {
-    setFilters({ descriptionFilter: value });
+    setFilters({ query: value });
   });
   const handleSearch = useCallback27((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
   return /* @__PURE__ */ jsx177(
-    TransactionsSearchField,
+    SearchField,
     {
       slot,
+      label: "Search transactions",
       value: localSearch,
       onChange: handleSearch
     }
@@ -22394,7 +22397,7 @@ var BankTransactionsContent = ({
             hasVisibleTransactions: ((_a = bankTransactions == null ? void 0 : bankTransactions.length) != null ? _a : 0) > 0,
             isCategorizationMode: editable,
             isError: Boolean(error),
-            isFiltered: Boolean(filters == null ? void 0 : filters.descriptionFilter),
+            isFiltered: Boolean(filters == null ? void 0 : filters.query),
             isLoadingWithoutData
           }
         ) : null,
@@ -28188,7 +28191,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import { useContext as useContext44, useState as useState60 } from "react";
+import { useContext as useContext44, useState as useState61 } from "react";
 
 // src/icons/Plus.tsx
 import { jsx as jsx241, jsxs as jsxs149 } from "react/jsx-runtime";
@@ -28498,7 +28501,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import { Fragment as Fragment34, useContext as useContext43, useEffect as useEffect34, useLayoutEffect as useLayoutEffect4, useMemo as useMemo46, useRef as useRef26 } from "react";
+import { Fragment as Fragment34, useContext as useContext43, useEffect as useEffect34, useMemo as useMemo46, useState as useState60 } from "react";
 
 // src/icons/Edit2.tsx
 import { jsx as jsx245 } from "react/jsx-runtime";
@@ -28529,12 +28532,172 @@ var Edit2_default = Edit2;
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
 import { List } from "lucide-react";
+
+// src/components/ChartOfAccountsTable/utils/types.ts
+var LedgerAccountTypeOrderEnum = /* @__PURE__ */ ((LedgerAccountTypeOrderEnum2) => {
+  LedgerAccountTypeOrderEnum2[LedgerAccountTypeOrderEnum2["ASSET"] = 0] = "ASSET";
+  LedgerAccountTypeOrderEnum2[LedgerAccountTypeOrderEnum2["LIABILITY"] = 1] = "LIABILITY";
+  LedgerAccountTypeOrderEnum2[LedgerAccountTypeOrderEnum2["EQUITY"] = 2] = "EQUITY";
+  LedgerAccountTypeOrderEnum2[LedgerAccountTypeOrderEnum2["REVENUE"] = 3] = "REVENUE";
+  LedgerAccountTypeOrderEnum2[LedgerAccountTypeOrderEnum2["EXPENSES"] = 4] = "EXPENSES";
+  return LedgerAccountTypeOrderEnum2;
+})(LedgerAccountTypeOrderEnum || {});
+var LedgerAccountSubtypeOrderEnum = /* @__PURE__ */ ((LedgerAccountSubtypeOrderEnum2) => {
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["BANK_ACCOUNTS"] = 0] = "BANK_ACCOUNTS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["CASH"] = 1] = "CASH";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["UNDEPOSITED_FUNDS"] = 2] = "UNDEPOSITED_FUNDS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["PAYMENT_PROCESSOR_CLEARING_ACCOUNT"] = 3] = "PAYMENT_PROCESSOR_CLEARING_ACCOUNT";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["INBOUND_PAYMENT_METHOD_CLEARING"] = 4] = "INBOUND_PAYMENT_METHOD_CLEARING";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["ACCOUNTS_RECEIVABLE"] = 5] = "ACCOUNTS_RECEIVABLE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["INVENTORY"] = 6] = "INVENTORY";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["CURRENT_ASSET"] = 7] = "CURRENT_ASSET";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["FIXED_ASSET"] = 8] = "FIXED_ASSET";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["INTANGIBLE_ASSET"] = 9] = "INTANGIBLE_ASSET";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["PREPAID_EXPENSES"] = 10] = "PREPAID_EXPENSES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["DEVELOPMENT_COSTS"] = 11] = "DEVELOPMENT_COSTS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["CREDIT_CARD"] = 12] = "CREDIT_CARD";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["ACCOUNTS_PAYABLE"] = 13] = "ACCOUNTS_PAYABLE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["LINE_OF_CREDIT"] = 14] = "LINE_OF_CREDIT";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["REFUND_LIABILITIES"] = 15] = "REFUND_LIABILITIES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["PAYROLL_LIABILITY"] = 16] = "PAYROLL_LIABILITY";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["SALES_TAXES_PAYABLE"] = 17] = "SALES_TAXES_PAYABLE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OTHER_TAXES_PAYABLE"] = 18] = "OTHER_TAXES_PAYABLE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["TIPS"] = 19] = "TIPS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["UNEARNED_REVENUE"] = 20] = "UNEARNED_REVENUE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["UNDEPOSITED_OUTFLOWS"] = 21] = "UNDEPOSITED_OUTFLOWS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OUTGOING_PAYMENT_CLEARING_ACCOUNT"] = 22] = "OUTGOING_PAYMENT_CLEARING_ACCOUNT";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OTHER_CURRENT_LIABILITY"] = 23] = "OTHER_CURRENT_LIABILITY";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["SHAREHOLDER_LOAN"] = 24] = "SHAREHOLDER_LOAN";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["NOTES_PAYABLE"] = 25] = "NOTES_PAYABLE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OTHER_LONG_TERM_LIABILITIES"] = 26] = "OTHER_LONG_TERM_LIABILITIES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["CONTRIBUTIONS"] = 27] = "CONTRIBUTIONS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["DISTRIBUTIONS"] = 28] = "DISTRIBUTIONS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["COMMON_STOCK"] = 29] = "COMMON_STOCK";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["ADDITIONAL_PAID_IN_CAPITAL"] = 30] = "ADDITIONAL_PAID_IN_CAPITAL";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["RETAINED_EARNINGS"] = 31] = "RETAINED_EARNINGS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["ACCUMULATED_ADJUSTMENTS"] = 32] = "ACCUMULATED_ADJUSTMENTS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OPENING_BALANCE_EQUITY"] = 33] = "OPENING_BALANCE_EQUITY";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OTHER_EQUITY"] = 34] = "OTHER_EQUITY";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["SALES"] = 35] = "SALES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["REVENUE"] = 36] = "REVENUE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["UNCATEGORIZED_REVENUE"] = 37] = "UNCATEGORIZED_REVENUE";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["RETURNS_ALLOWANCES"] = 38] = "RETURNS_ALLOWANCES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OTHER_INCOME"] = 39] = "OTHER_INCOME";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["COGS"] = 40] = "COGS";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["OPERATING_EXPENSES"] = 41] = "OPERATING_EXPENSES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["PAYROLL"] = 42] = "PAYROLL";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["INTEREST_EXPENSES"] = 43] = "INTEREST_EXPENSES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["TAXES_LICENSES"] = 44] = "TAXES_LICENSES";
+  LedgerAccountSubtypeOrderEnum2[LedgerAccountSubtypeOrderEnum2["UNCATEGORIZED_EXPENSE"] = 45] = "UNCATEGORIZED_EXPENSE";
+  return LedgerAccountSubtypeOrderEnum2;
+})(LedgerAccountSubtypeOrderEnum || {});
+
+// src/components/ChartOfAccountsTable/utils/utils.ts
+var compareByEnum = (a, b, enumMap) => {
+  const aVal = a !== void 0 ? enumMap[a] : void 0;
+  const bVal = b !== void 0 ? enumMap[b] : void 0;
+  if (aVal !== void 0 && bVal !== void 0) return aVal - bVal;
+  if (aVal === void 0 && bVal !== void 0) return 1;
+  if (aVal !== void 0 && bVal === void 0) return -1;
+  return 0;
+};
+var compareAccounts = (a, b) => {
+  var _a, _b, _c, _d, _e, _f;
+  const typeComparison = compareByEnum(
+    a.account_type.value,
+    b.account_type.value,
+    LedgerAccountTypeOrderEnum
+  );
+  if (typeComparison !== 0) return typeComparison;
+  const subtypeComparison = compareByEnum(
+    (_a = a.account_subtype) == null ? void 0 : _a.value,
+    (_b = b.account_subtype) == null ? void 0 : _b.value,
+    LedgerAccountSubtypeOrderEnum
+  );
+  if (subtypeComparison !== 0) return subtypeComparison;
+  const subtypeNameCompare = ((_d = (_c = a.account_subtype) == null ? void 0 : _c.display_name) != null ? _d : "").localeCompare((_f = (_e = b.account_subtype) == null ? void 0 : _e.display_name) != null ? _f : "");
+  if (subtypeNameCompare !== 0) return subtypeNameCompare;
+  return a.name.localeCompare(b.name);
+};
+var sortAccountsRecursive = (accounts) => {
+  return accounts.map((account) => __spreadProps(__spreadValues({}, account), {
+    sub_accounts: account.sub_accounts ? sortAccountsRecursive(account.sub_accounts) : []
+  })).sort(compareAccounts);
+};
+var accountMatchesQuery = (account, query) => {
+  var _a;
+  return [
+    account.name,
+    account.account_type.display_name,
+    ((_a = account.account_subtype) == null ? void 0 : _a.display_name) || "",
+    centsToDollars(account.balance),
+    centsToDollarsWithoutCommas(account.balance),
+    convertCentsToCurrency(account.balance) || ""
+  ].some((field) => field.toLowerCase().includes(query));
+};
+var filterAccounts = (accounts, query) => {
+  return accounts.flatMap((account) => {
+    const isMatching = accountMatchesQuery(account, query);
+    const matchingChildren = filterAccounts(account.sub_accounts, query);
+    if (matchingChildren.length > 0) {
+      return [__spreadProps(__spreadValues({}, account), { sub_accounts: matchingChildren, isMatching: true })];
+    }
+    if (isMatching) {
+      return [__spreadProps(__spreadValues({}, account), { isMatching: true })];
+    }
+    return [];
+  });
+};
+var skippedChars = ["$", ","];
+var getMatchedTextIndices = ({
+  text,
+  query,
+  isMatching
+}) => {
+  if (!query || !isMatching) return null;
+  const normalize = (s) => s.replace(/[$,]/g, "").toLowerCase();
+  const normalizedText = normalize(text);
+  const normalizedQuery = normalize(query);
+  const normalizedMatchStartIdx = normalizedText.indexOf(normalizedQuery);
+  if (normalizedMatchStartIdx === -1) return null;
+  let positionInNormalizedText = 0, matchStartIdx = 0;
+  while (positionInNormalizedText < normalizedMatchStartIdx && matchStartIdx < text.length) {
+    if (!skippedChars.includes(text[matchStartIdx])) positionInNormalizedText++;
+    matchStartIdx++;
+  }
+  if (skippedChars.includes(text[matchStartIdx]) && query[0] !== text[matchStartIdx]) {
+    matchStartIdx++;
+  }
+  let charsMatched = 0, matchEndIdx = matchStartIdx;
+  while (charsMatched < normalizedQuery.length && matchEndIdx < text.length) {
+    if (!skippedChars.includes(text[matchEndIdx])) charsMatched++;
+    matchEndIdx++;
+  }
+  if (skippedChars.includes(text[matchEndIdx]) && query[query.length - 1] === text[matchEndIdx]) {
+    matchEndIdx++;
+  }
+  return { startIdx: matchStartIdx, endIdx: matchEndIdx };
+};
+
+// src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
 import { jsx as jsx246, jsxs as jsxs151 } from "react/jsx-runtime";
-var SORTED_STABLE_NAMES = ["ASSETS", "LIABILITIES", "EQUITY", "REVENUE", "EXPENSES"];
+var highlightMatch = ({ text, query, isMatching }) => {
+  const matchedTextIndices = getMatchedTextIndices({ text, query, isMatching });
+  if (matchedTextIndices === null) {
+    return /* @__PURE__ */ jsx246(Span, { ellipsis: true, children: text });
+  }
+  const { startIdx, endIdx } = matchedTextIndices;
+  return /* @__PURE__ */ jsxs151(Span, { ellipsis: true, children: [
+    text.slice(0, startIdx),
+    /* @__PURE__ */ jsx246("mark", { className: "Layer__mark", children: text.slice(startIdx, endIdx) }),
+    text.slice(endIdx)
+  ] });
+};
 var ChartOfAccountsTable = ({
   view,
   stringOverrides,
   data,
+  searchQuery,
   error,
   expandAll,
   templateAccountsEditable = true
@@ -28543,6 +28706,7 @@ var ChartOfAccountsTable = ({
   {
     view,
     data,
+    searchQuery,
     stringOverrides,
     error,
     expandAll,
@@ -28552,61 +28716,57 @@ var ChartOfAccountsTable = ({
 var ChartOfAccountsTableContent = ({
   stringOverrides,
   data,
+  searchQuery,
   error,
   expandAll,
   templateAccountsEditable
 }) => {
-  const hasMountedRef = useRef26(false);
   const { setAccountId } = useContext43(LedgerAccountsContext);
   const { editAccount } = useContext43(ChartOfAccountsContext);
-  const { isOpen, setIsOpen } = useTableExpandRow();
-  const sortedAccounts = useMemo46(() => {
-    return data.accounts.sort((a, b) => {
-      const indexA = SORTED_STABLE_NAMES.indexOf(a.stable_name);
-      const indexB = SORTED_STABLE_NAMES.indexOf(b.stable_name);
-      if (indexA === -1 && indexB === -1) return 0;
-      if (indexA === -1) return 1;
-      if (indexB === -1) return -1;
-      return indexA - indexB;
-    });
-  }, [data.accounts]);
-  const expandableRowKeys = useMemo46(() => {
+  const [toggledKeys, setToggledKeys] = useState60({});
+  const sortedAccounts = useMemo46(() => sortAccountsRecursive(data.accounts), [data.accounts]);
+  const allRowKeys = useMemo46(() => {
     const keys = [];
-    const collect = (accounts, parentKey) => {
+    const collect = (accounts) => {
       for (const account of accounts) {
-        const key = `${parentKey}-${account.id}`;
+        const key = `coa-row-${account.id}`;
         if (account.sub_accounts.length > 0) {
           keys.push(key);
-          collect(account.sub_accounts, key);
+          collect(account.sub_accounts);
         }
       }
     };
-    collect(data.accounts, "coa-row");
+    collect(data.accounts);
     return keys;
   }, [data.accounts]);
-  useLayoutEffect4(() => {
-    if (hasMountedRef.current) return;
-    const defaultExpanded = data.accounts.map(
-      (account) => "coa-row-" + account.id
-    );
-    setIsOpen(defaultExpanded);
-    hasMountedRef.current = true;
-  }, []);
   useEffect34(() => {
-    if (expandAll === "expanded") {
-      setIsOpen(expandableRowKeys);
-    } else if (expandAll === "collapsed") {
-      setIsOpen([]);
-    }
+    if (expandAll === void 0) return;
+    setToggledKeys(
+      Object.fromEntries(
+        allRowKeys.map((key) => [key, expandAll === "expanded"])
+      )
+    );
   }, [expandAll]);
-  const renderChartOfAccountsDesktopRow = (account, index, rowKey, depth) => {
+  useEffect34(() => {
+    setToggledKeys({});
+  }, [searchQuery]);
+  const filteredAccounts = useMemo46(() => {
+    if (!searchQuery) return sortedAccounts;
+    return filterAccounts(sortedAccounts, searchQuery.toLowerCase());
+  }, [searchQuery, sortedAccounts]);
+  const renderChartOfAccountsDesktopRow = ({ account, index, depth, searchQuery: searchQuery2 }) => {
     var _a, _b;
+    const rowKey = `coa-row-${account.id}`;
     const hasSubAccounts = !!account.sub_accounts && account.sub_accounts.length > 0;
-    const isExpanded = !hasSubAccounts || isOpen(rowKey);
+    const manuallyToggled = toggledKeys[rowKey];
+    const isExpanded = !hasSubAccounts || manuallyToggled === true || manuallyToggled !== false && (account.isMatching || depth === 0);
     const isNonEditable = !templateAccountsEditable && !!account.stable_name;
     const onClickRow = (e) => {
       e.stopPropagation();
-      if (hasSubAccounts) setIsOpen(rowKey);
+      if (!hasSubAccounts) return;
+      setToggledKeys((prev) => __spreadProps(__spreadValues({}, prev), {
+        [rowKey]: !isExpanded
+      }));
     };
     const onClickAccountName = (e) => {
       e.stopPropagation();
@@ -28637,12 +28797,28 @@ var ChartOfAccountsTableContent = ({
               TableCell,
               {
                 withExpandIcon: hasSubAccounts,
-                children: /* @__PURE__ */ jsx246(HStack, __spreadProps(__spreadValues({}, !hasSubAccounts && { pis: "lg" }), { overflow: "hidden", children: /* @__PURE__ */ jsx246(Button2, { variant: "text", ellipsis: true, onClick: onClickAccountName, children: account.name }) }))
+                children: /* @__PURE__ */ jsx246(HStack, __spreadProps(__spreadValues({}, !hasSubAccounts && { pis: "lg" }), { overflow: "hidden", children: /* @__PURE__ */ jsx246(Button2, { variant: "text", ellipsis: true, onClick: onClickAccountName, children: highlightMatch({
+                  text: account.name,
+                  query: searchQuery2,
+                  isMatching: account.isMatching
+                }) }) }))
               }
             ),
-            /* @__PURE__ */ jsx246(TableCell, { children: depth != 0 && ((_a = account.account_type) == null ? void 0 : _a.display_name) }),
-            /* @__PURE__ */ jsx246(TableCell, { children: depth != 0 && ((_b = account.account_subtype) == null ? void 0 : _b.display_name) }),
-            /* @__PURE__ */ jsx246(TableCell, { isCurrency: true, children: account.balance }),
+            /* @__PURE__ */ jsx246(TableCell, { children: depth != 0 && highlightMatch({
+              text: ((_a = account.account_type) == null ? void 0 : _a.display_name) || "",
+              query: searchQuery2,
+              isMatching: account.isMatching
+            }) }),
+            /* @__PURE__ */ jsx246(TableCell, { children: depth != 0 && highlightMatch({
+              text: ((_b = account.account_subtype) == null ? void 0 : _b.display_name) || "",
+              query: searchQuery2,
+              isMatching: account.isMatching
+            }) }),
+            /* @__PURE__ */ jsx246(TableCell, { children: highlightMatch({
+              text: convertCentsToCurrency(account.balance) || "",
+              query: searchQuery2,
+              isMatching: account.isMatching
+            }) }),
             /* @__PURE__ */ jsx246(TableCell, { align: "right" /* RIGHT */, children: /* @__PURE__ */ jsxs151(HStack, { className: "Layer__coa__actions", gap: "xs", children: [
               /* @__PURE__ */ jsx246(
                 Button,
@@ -28671,16 +28847,25 @@ var ChartOfAccountsTableContent = ({
         }
       ),
       hasSubAccounts && isExpanded && account.sub_accounts.map((subItem, subIdx) => {
-        const subRowKey = `${rowKey}-${subItem.id}`;
-        return renderChartOfAccountsDesktopRow(
-          subItem,
-          subIdx,
-          subRowKey,
-          depth + 1
-        );
+        return renderChartOfAccountsDesktopRow({
+          account: subItem,
+          index: subIdx,
+          depth: depth + 1,
+          searchQuery: searchQuery2
+        });
       })
     ] }, rowKey + "-" + index);
   };
+  if (filteredAccounts.length === 0) {
+    return /* @__PURE__ */ jsx246("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ jsx246(
+      DataState,
+      {
+        status: "info" /* info */,
+        title: "No accounts found",
+        description: 'No accounts match the current filters. Click "Add Account" to create a new one.'
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsxs151(Table, { componentName: "chart-of-accounts", children: [
     /* @__PURE__ */ jsxs151("colgroup", { children: [
       /* @__PURE__ */ jsx246("col", { className: "Layer__chart-of-accounts--name" }),
@@ -28696,13 +28881,13 @@ var ChartOfAccountsTableContent = ({
       /* @__PURE__ */ jsx246(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance" }),
       /* @__PURE__ */ jsx246(TableCell, { isHeaderCell: true })
     ] }) }),
-    /* @__PURE__ */ jsx246(TableBody, { children: !error && sortedAccounts.map(
-      (account, idx) => renderChartOfAccountsDesktopRow(
+    /* @__PURE__ */ jsx246(TableBody, { children: !error && filteredAccounts.map(
+      (account, index) => renderChartOfAccountsDesktopRow({
         account,
-        idx,
-        `coa-row-${account.id}`,
-        0
-      )
+        index,
+        depth: 0,
+        searchQuery
+      })
     ) })
   ] });
 };
@@ -28807,7 +28992,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext44(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = useState60();
+  const [expandAll, setExpandAll] = useState61();
+  const { inputValue, searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: "" });
   return /* @__PURE__ */ jsxs153(
     Panel,
     {
@@ -28835,7 +29021,7 @@ var ChartOfAccountsTableWithPanel = ({
             {
               size: "secondary" /* secondary */,
               className: `Layer__${COMPONENT_NAME6}__subtitle`,
-              children: withDateControl || withExpandAllButton ? /* @__PURE__ */ jsxs153("div", { className: "Layer__header__actions-col", children: [
+              children: withDateControl || withExpandAllButton ? /* @__PURE__ */ jsxs153(HStack, { align: "center", gap: "xs", children: [
                 withDateControl && /* @__PURE__ */ jsx248(ChartOfAccountsDatePicker, {}),
                 withExpandAllButton && /* @__PURE__ */ jsx248(
                   ExpandCollapseButton,
@@ -28851,7 +29037,8 @@ var ChartOfAccountsTableWithPanel = ({
               ] }) : null
             }
           ) }),
-          /* @__PURE__ */ jsxs153(HeaderCol, { children: [
+          /* @__PURE__ */ jsxs153(HeaderCol, { className: "Layer__chart-of-accounts__actions", children: [
+            /* @__PURE__ */ jsx248(SearchField, { label: "Search accounts", value: inputValue, onChange: handleInputChange }),
             /* @__PURE__ */ jsx248(
               AccountBalancesDownloadButton,
               {
@@ -28874,6 +29061,7 @@ var ChartOfAccountsTableWithPanel = ({
           {
             view,
             data,
+            searchQuery,
             error,
             stringOverrides,
             expandAll,
@@ -28890,17 +29078,7 @@ var ChartOfAccountsTableWithPanel = ({
             isLoading: isValidating || isLoading
           }
         ) }) : null,
-        (!data || isLoading) && !error ? /* @__PURE__ */ jsx248("div", { className: `Layer__${COMPONENT_NAME6}__loader-container`, children: /* @__PURE__ */ jsx248(Loader2, {}) }) : null,
-        !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ jsx248("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ jsx248(
-          DataState,
-          {
-            status: "info" /* info */,
-            title: "Accounts were not found",
-            description: 'New account can be created with "Add Account".',
-            onRefresh: () => refetch(),
-            isLoading: isValidating
-          }
-        ) }) : null
+        (!data || isLoading) && !error ? /* @__PURE__ */ jsx248("div", { className: `Layer__${COMPONENT_NAME6}__loader-container`, children: /* @__PURE__ */ jsx248(Loader2, {}) }) : null
       ]
     }
   );
@@ -28910,7 +29088,7 @@ var ChartOfAccountsTableWithPanel = ({
 import {
   useContext as useContext47,
   useMemo as useMemo48,
-  useState as useState61
+  useState as useState62
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -29441,7 +29619,7 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = useState61(1);
+  const [currentPage, setCurrentPage] = useState62(1);
   const { data: accountData } = useContext47(ChartOfAccountsContext);
   const {
     data: rawData,
@@ -29657,7 +29835,7 @@ var JournalContext = createContext22({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-import { useState as useState62, useMemo as useMemo50, useCallback as useCallback34 } from "react";
+import { useState as useState63, useMemo as useMemo50, useCallback as useCallback34 } from "react";
 
 // src/features/ledger/entries/api/useListLedgerEntries.ts
 import useSWRInfinite4 from "swr/infinite";
@@ -29759,11 +29937,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = useState62();
-  const [form, setForm] = useState62();
-  const [addingEntry, setAddingEntry] = useState62(false);
-  const [sendingForm, setSendingForm] = useState62(false);
-  const [apiError, setApiError] = useState62(void 0);
+  const [selectedEntryId, setSelectedEntryId] = useState63();
+  const [form, setForm] = useState63();
+  const [addingEntry, setAddingEntry] = useState63(false);
+  const [sendingForm, setSendingForm] = useState63(false);
+  const [apiError, setApiError] = useState63(void 0);
   const {
     data: paginatedData,
     isLoading,
@@ -30036,13 +30214,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import { useContext as useContext54, useMemo as useMemo53, useState as useState64 } from "react";
+import { useContext as useContext54, useMemo as useMemo53, 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 useState63 } from "react";
+import { useContext as useContext49, useMemo as useMemo51, useState as useState64 } from "react";
 import { jsx as jsx256, jsxs as jsxs160 } from "react/jsx-runtime";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -30055,8 +30233,8 @@ var JournalEntryDetails = () => {
     reverseEntry,
     refetch
   } = useContext49(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = useState63(false);
-  const [reverseEntryError, setReverseEntryError] = useState63();
+  const [reverseEntryProcessing, setReverseEntryProcessing] = useState64(false);
+  const [reverseEntryError, setReverseEntryError] = useState64();
   const entry = useMemo51(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
@@ -30633,7 +30811,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-import { Fragment as Fragment39, useContext as useContext53, useLayoutEffect as useLayoutEffect5 } from "react";
+import { Fragment as Fragment39, useContext as useContext53, useLayoutEffect as useLayoutEffect4 } from "react";
 import { parseISO as parseISO15, format as formatTime12 } from "date-fns";
 import { jsx as jsx260, jsxs as jsxs163 } from "react/jsx-runtime";
 var accountName = (row) => {
@@ -30663,7 +30841,7 @@ var JournalTableContent = ({
 }) => {
   const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext53(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  useLayoutEffect5(() => {
+  useLayoutEffect4(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -30847,7 +31025,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = useState64(1);
+  const [currentPage, setCurrentPage] = useState65(1);
   const {
     data: rawData,
     isLoading,
@@ -31064,7 +31242,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-import { useEffect as useEffect36, useMemo as useMemo54, useState as useState65 } from "react";
+import { useEffect as useEffect36, useMemo as useMemo54, useState as useState66 } from "react";
 import classNames76 from "classnames";
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -31392,9 +31570,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = useState65(defaultOpen);
-  const [userResponse, setUserResponse] = useState65((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = useState65();
+  const [isOpen, setIsOpen] = useState66(defaultOpen);
+  const [userResponse, setUserResponse] = useState66((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = useState66();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -31572,7 +31750,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-import { useState as useState66 } from "react";
+import { useState as useState67 } from "react";
 import { jsx as jsx269, jsxs as jsxs169 } from "react/jsx-runtime";
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -31583,7 +31761,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = useState66(false);
+  const [showMobilePanel, setShowMobilePanel] = useState67(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ jsxs169("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ jsx269(
@@ -31631,9 +31809,9 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback39, useMemo as useMemo55, useState as useState67 } from "react";
+import { useCallback as useCallback39, useMemo as useMemo55, useState as useState68 } from "react";
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = useState67(0);
+  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(() => {
@@ -32151,7 +32329,7 @@ var TasksPanelNotification = ({
 import { useMemo as useMemo59 } from "react";
 
 // src/components/Tabs/Tabs.tsx
-import { useEffect as useEffect37, useState as useState68 } from "react";
+import { useEffect as useEffect37, useState as useState69 } from "react";
 
 // src/components/Tabs/Tab.tsx
 import { jsx as jsx278, jsxs as jsxs176 } from "react/jsx-runtime";
@@ -32218,9 +32396,9 @@ import { jsx as jsx279, jsxs as jsxs177 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = useState68(false);
-  const [thumbPos, setThumbPos] = useState68({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = useState68(0);
+  const [initialized, setInitialized] = useState69(false);
+  const [thumbPos, setThumbPos] = useState69({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = useState69(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = classNames79(
     "Layer__tabs",
@@ -32633,7 +32811,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-import { useState as useState70 } from "react";
+import { useState as useState71 } from "react";
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 import { jsx as jsx287, jsxs as jsxs182 } from "react/jsx-runtime";
@@ -33221,7 +33399,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-import { useState as useState69 } from "react";
+import { useState as useState70 } from "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) {
@@ -33232,7 +33410,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = useState69(void 0);
+  const [submitError, setSubmitError] = useState70(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -33648,7 +33826,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = useState70(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = useState71(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);
@@ -33810,7 +33988,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import { useState as useState71 } from "react";
+import { useState as useState72 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 import { jsx as jsx301 } from "react/jsx-runtime";
@@ -33825,14 +34003,14 @@ function BookkeepingProfitAndLossSummariesContainer({
 import classNames81 from "classnames";
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-import { useEffect as useEffect38, useRef as useRef28 } from "react";
+import { useEffect as useEffect38, useRef as useRef27 } from "react";
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = useRef28(null);
-  const targetElementRef = useRef28(null);
-  const lastKnownSizeRef = useRef28(null);
-  const lastKnownTargetPositionRef = useRef28(null);
-  const upperElementInFocus = useRef28(false);
+  const upperContentRef = useRef27(null);
+  const targetElementRef = useRef27(null);
+  const lastKnownSizeRef = useRef27(null);
+  const lastKnownTargetPositionRef = useRef27(null);
+  const upperElementInFocus = useRef27(false);
   useEffect38(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
@@ -33890,7 +34068,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = useState71("expenses");
+  const [pnlToggle, setPnlToggle] = useState72("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();
@@ -34021,7 +34199,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import { useState as useState72 } from "react";
+import { useState as useState73 } from "react";
 import classNames82 from "classnames";
 import { jsx as jsx303, jsxs as jsxs194 } from "react/jsx-runtime";
 var AccountingOverview = ({
@@ -34037,7 +34215,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = useState72("expenses");
+  const [pnlToggle, setPnlToggle] = useState73("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ jsx303(
     ProfitAndLoss,
@@ -34208,7 +34386,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import { useState as useState73 } from "react";
+import { useState as useState74 } from "react";
 import { jsx as jsx305, jsxs as jsxs196 } from "react/jsx-runtime";
 var GeneralLedgerView = ({
   title,
@@ -34217,7 +34395,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = useState73("chartOfAccounts");
+  const [activeTab, setActiveTab] = useState74("chartOfAccounts");
   return /* @__PURE__ */ jsx305(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsxs196(
     View,
     {
@@ -34259,7 +34437,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import { useState as useState74 } from "react";
+import { useState as useState75 } from "react";
 import Select4 from "react-select";
 import { Fragment as Fragment50, jsx as jsx306, jsxs as jsxs197 } from "react/jsx-runtime";
 var ProjectProfitabilityView = ({
@@ -34269,9 +34447,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = useState74("overview");
-  const [tagFilter, setTagFilter] = useState74(null);
-  const [pnlTagFilter, setPnlTagFilter] = useState74(
+  const [activeTab, setActiveTab] = useState75("overview");
+  const [tagFilter, setTagFilter] = useState75(null);
+  const [pnlTagFilter, setPnlTagFilter] = useState75(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -34373,7 +34551,7 @@ var ProjectProfitabilityView = ({
 import { createContext as createContext23, useContext as useContext58 } from "react";
 
 // src/hooks/useBills.tsx
-import { useMemo as useMemo60, useState as useState75 } from "react";
+import { useMemo as useMemo60, useState as useState76 } from "react";
 import { endOfMonth as endOfMonth14, startOfMonth as startOfMonth17, sub as sub3 } from "date-fns";
 import useSWRInfinite5 from "swr/infinite";
 var PAGE_SIZE = 20;
@@ -34381,15 +34559,15 @@ var useBills = () => {
   const { businessId } = useLayerContext();
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
-  const [status, setStatus] = useState75("UNPAID");
-  const [vendor, setVendor] = useState75(null);
-  const [billInDetails, setBillInDetails] = useState75();
-  const [showBillInDetails, setShowBillInDetails] = useState75(false);
-  const [dateRange, setDateRange] = useState75({
+  const [status, setStatus] = useState76("UNPAID");
+  const [vendor, setVendor] = useState76(null);
+  const [billInDetails, setBillInDetails] = useState76();
+  const [showBillInDetails, setShowBillInDetails] = useState76(false);
+  const [dateRange, setDateRange] = useState76({
     startDate: sub3(startOfMonth17(/* @__PURE__ */ new Date()), { years: 1 }),
     endDate: endOfMonth14(/* @__PURE__ */ new Date())
   });
-  const [currentPage, setCurrentPage] = useState75(1);
+  const [currentPage, setCurrentPage] = useState76(1);
   const openBillDetails = (bill) => {
     setBillInDetails(bill);
     setShowBillInDetails(true);
@@ -34506,7 +34684,7 @@ var useBills = () => {
 };
 
 // src/components/Bills/useBillsRecordPayment.ts
-import { useEffect as useEffect39, useMemo as useMemo61, useState as useState76 } from "react";
+import { useEffect as useEffect39, useMemo as useMemo61, useState as useState77 } from "react";
 import useSWRMutation25 from "swr/mutation";
 function buildKey37({
   access_token: accessToken,
@@ -34529,13 +34707,13 @@ var useBillsRecordPayment = ({ refetchAllBills }) => {
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { billInDetails, openBillDetails } = useBillsContext();
-  const [showRecordPaymentForm, setShowRecordPaymentForm] = useState76(false);
-  const [bulkSelectionActive, setBulkSelectionActive] = useState76(false);
-  const [vendor, setVendorState] = useState76();
-  const [paymentDate, setPaymentDate] = useState76(/* @__PURE__ */ new Date());
-  const [paymentMethod, setPaymentMethod] = useState76("ACH");
-  const [billsToPay, setBillsToPay] = useState76([]);
-  const [dataSaved, setDataSaved] = useState76(false);
+  const [showRecordPaymentForm, setShowRecordPaymentForm] = useState77(false);
+  const [bulkSelectionActive, setBulkSelectionActive] = useState77(false);
+  const [vendor, setVendorState] = useState77();
+  const [paymentDate, setPaymentDate] = useState77(/* @__PURE__ */ new Date());
+  const [paymentMethod, setPaymentMethod] = useState77("ACH");
+  const [billsToPay, setBillsToPay] = useState77([]);
+  const [dataSaved, setDataSaved] = useState77(false);
   const openBulkSelection = () => {
     setBulkSelectionActive(true);
   };
@@ -34850,14 +35028,14 @@ var BillContextWithRecordPayment = ({ children }) => {
 };
 
 // src/components/Bills/useBillForm.ts
-import { useState as useState77 } from "react";
+import { useState as useState78 } from "react";
 import { useForm as useForm5, useStore as useStore5 } from "@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] = useState77(void 0);
+  const [submitError, setSubmitError] = useState78(void 0);
   const { openBillDetails, refetch } = useBillsContext();
   const form = useForm5({
     defaultValues: {
@@ -36484,7 +36662,7 @@ var BillsViewContent = ({
 };
 
 // src/views/Reports/Reports.tsx
-import { useState as useState78 } from "react";
+import { useState as useState79 } from "react";
 import { Fragment as Fragment56, jsx as jsx326, jsxs as jsxs207 } from "react/jsx-runtime";
 var getOptions = (enabledReports) => {
   return [
@@ -36512,7 +36690,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = useState78(enabledReports[0]);
+  const [activeTab, setActiveTab] = useState79(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;
@@ -36571,11 +36749,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-import { useContext as useContext60, useRef as useRef29 } from "react";
+import { useContext as useContext60, useRef as useRef28 } from "react";
 import { Fragment as Fragment57, jsx as jsx327, jsxs as jsxs208 } from "react/jsx-runtime";
 var COMPONENT_NAME9 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = useRef29(null);
+  const containerRef = useRef28(null);
   return /* @__PURE__ */ jsx327(Container, { name: COMPONENT_NAME9, ref: containerRef, children: /* @__PURE__ */ jsx327(ProfitAndLoss, { children: /* @__PURE__ */ jsx327(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {