@layerfi/components 0.1.112 → 0.1.113

package/dist/esm/index.mjs

@@ -62,7 +62,7 @@ import { useStoreWithEqualityFn } from "zustand/traditional";
 import { Schema as Schema$1, pipe as pipe$1 } from "effect/index";
 import { Schema, pipe, BigDecimal, Option, Effect } from "effect";
 import useSWRInfinite from "swr/infinite";
-import _, { debounce, merge, uniqueId } from "lodash";
+import { debounce, uniqBy, merge, uniqueId } from "lodash-es";
 import useSWRMutation from "swr/mutation";
 import { useFloating, offset, flip, shift, autoUpdate, useHover, useFocus, useDismiss, useRole, useInteractions, useTransitionStyles, useMergeRefs, FloatingPortal } from "@floating-ui/react";
 import { UploadCloud as UploadCloud$1, LoaderCircle, X as X$1, Minus, Check as Check$1, ChevronDown as ChevronDown$1, Search, ChevronLeft as ChevronLeft$1, FileSpreadsheet, FileDownIcon, CopyIcon, RefreshCcw as RefreshCcw$1, ChevronRight as ChevronRight$1, MenuIcon, PencilRuler, SearchX, Trash2, CheckIcon, AlertCircle as AlertCircle$1, List, AlertTriangle, Save as Save$1, Calendar as Calendar$1, Download, Users, Milestone, Video, Clock as Clock$1, Link as Link$4, TriangleAlert, Plus as Plus$1, HandCoins, Trash as Trash$1, Menu as Menu$2, Send } from "lucide-react";
@@ -111,7 +111,7 @@ const LinkedAccountsContext = createContext({
   setAccountsToAddOpeningBalanceInModal: () => {
   }
 });
-const version = "0.1.112";
+const version = "0.1.113";
 const pkg = {
   version
 };
@@ -259,7 +259,7 @@ function toDefinedSearchParameters(input) {
       return [[key, String(value)]];
     }
     return [[key, value]];
-  }).filter(([_2, value]) => value !== "").map(([key, value]) => [toSnakeCase(key), value]);
+  }).filter(([_, value]) => value !== "").map(([key, value]) => [toSnakeCase(key), value]);
   return new URLSearchParams(definedParameterPairs);
 }
 const getBalanceSheet = get(
@@ -5173,7 +5173,7 @@ const useAugmentedBankTransactions = (params) => {
       }
     };
   }, [anyAccountSyncing, transactionsNotSynced, pollIntervalMs]);
-  useTriggerOnChange(data, anyAccountSyncing, (_2) => {
+  useTriggerOnChange(data, anyAccountSyncing, (_) => {
     var _a2;
     clearInterval(intervalIdRef.current);
     setPollIntervalMs(POLL_INTERVAL_AFTER_TXNS_RECEIVED_MS);
@@ -11790,7 +11790,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 }
 const range$1 = (start, end) => {
   const length = end - start + 1;
-  return Array.from({ length }, (_2, idx) => idx + start);
+  return Array.from({ length }, (_, idx) => idx + start);
 };
 const sleep = (time) => {
   return new Promise((resolve) => setTimeout(resolve, time));
@@ -13400,7 +13400,7 @@ const isSplitsValid = (localSplits) => {
   return validateSplit(localSplits).reduce((acc, splitError) => acc && splitError === void 0, true);
 };
 const getSplitsErrorMessage = (localSplits) => {
-  return _.uniqBy(validateSplit(localSplits), (error) => error == null ? void 0 : error.toString()).filter(Boolean)[0] || "";
+  return uniqBy(validateSplit(localSplits), (error) => error == null ? void 0 : error.toString()).filter(Boolean)[0] || "";
 };
 const validateSplit = (localSplits) => {
   const errors = localSplits.map((split) => {
@@ -13412,7 +13412,7 @@ const validateSplit = (localSplits) => {
     }
     return void 0;
   });
-  return _.uniqBy(errors, (error) => error == null ? void 0 : error.toString());
+  return uniqBy(errors, (error) => error == null ? void 0 : error.toString());
 };
 const calculateAddSplit = (initialRowSplits) => {
   const newSplit = {
@@ -14223,7 +14223,7 @@ const BookkeepingStatus$1 = ({ status, text, monthNumber, iconOnly }) => {
     )
   ] }));
 };
-const BankTransactionProcessingInfo = () => /* @__PURE__ */ jsxs(DeprecatedTooltip, { offset: 12, children: [
+const BankTransactionsProcessingInfo = () => /* @__PURE__ */ jsxs(DeprecatedTooltip, { offset: 12, children: [
   /* @__PURE__ */ jsx(DeprecatedTooltipTrigger, { children: /* @__PURE__ */ jsx(BookkeepingStatus$1, { status: BookkeepingPeriodStatus.IN_PROGRESS_AWAITING_BOOKKEEPER, text: "Processing" }) }),
   /* @__PURE__ */ jsx(DeprecatedTooltipContent, { className: "Layer__tooltip", width: "md", children: "Our team will review and categorize this transaction. We'll reach out if we have any questions about it." })
 ] });
@@ -14374,9 +14374,10 @@ const BankTransactionRow = ({
     () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
+  const colSpan = categorizationEnabled ? 7 : 6;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("tr", { className: rowClassName, children: [
-      /* @__PURE__ */ jsx("td", { className: "Layer__table-cell Layer__bank-transactions__checkbox-col", children: /* @__PURE__ */ jsx("span", { className: "Layer__table-cell-content", children: /* @__PURE__ */ jsx(
+      categorizationEnabled && /* @__PURE__ */ jsx("td", { className: "Layer__table-cell Layer__bank-transactions__checkbox-col", children: /* @__PURE__ */ jsx("span", { className: "Layer__table-cell-content", children: /* @__PURE__ */ jsx(
         Checkbox,
         {
           isSelected: isTransactionSelected,
@@ -14540,7 +14541,7 @@ const BankTransactionRow = ({
                     children: categorized ? (stringOverrides == null ? void 0 : stringOverrides.updateButtonText) || "Update" : (stringOverrides == null ? void 0 : stringOverrides.approveButtonText) || "Confirm"
                   }
                 ) : null,
-                !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx(VStack, { pis: "xs", fluid: true, children: /* @__PURE__ */ jsx(BankTransactionProcessingInfo, {}) }) : null,
+                !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx(VStack, { pis: "xs", fluid: true, children: /* @__PURE__ */ jsx(BankTransactionsProcessingInfo, {}) }) : null,
                 /* @__PURE__ */ jsx(
                   IconButton,
                   {
@@ -14561,7 +14562,7 @@ const BankTransactionRow = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 7, className: "Layer__bank-transaction-row__expanded-td", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, className: "Layer__bank-transaction-row__expanded-td", children: /* @__PURE__ */ jsx(
       ExpandedBankTransactionRow,
       {
         ref: expandedRowRef,
@@ -14617,7 +14618,7 @@ const Assignment = ({ bankTransaction }) => {
   }
   return /* @__PURE__ */ jsx(Text, { children: (_d = bankTransaction == null ? void 0 : bankTransaction.category) == null ? void 0 : _d.display_name });
 };
-const BankTransactionListItem = ({
+const BankTransactionsListItem = ({
   index,
   dateFormat,
   bankTransaction,
@@ -14709,7 +14710,7 @@ const BankTransactionListItem = ({
     ] }),
     /* @__PURE__ */ jsxs(HStack, { className: "Layer__bank-transaction-list-item__body", children: [
       /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "Layer__bank-transaction-list-item__body__name", children: [
-        /* @__PURE__ */ jsx("div", { className: "Layer__bank-transaction-list-item__checkbox", children: /* @__PURE__ */ jsx(
+        categorizationEnabled && /* @__PURE__ */ jsx("div", { className: "Layer__bank-transaction-list-item__checkbox", children: /* @__PURE__ */ jsx(
           Checkbox,
           {
             isSelected: isTransactionSelected,
@@ -14733,7 +14734,7 @@ const BankTransactionListItem = ({
         }
       )
     ] }),
-    !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx("span", { className: "Layer__bank-transaction-list-item__processing-info", children: /* @__PURE__ */ jsx(BankTransactionProcessingInfo, {}) }) : null,
+    !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx("span", { className: "Layer__bank-transaction-list-item__processing-info", children: /* @__PURE__ */ jsx(BankTransactionsProcessingInfo, {}) }) : null,
     /* @__PURE__ */ jsx("span", { className: "Layer__bank-transaction-list-item__expanded-row", children: /* @__PURE__ */ jsx(
       ExpandedBankTransactionRow,
       {
@@ -14841,7 +14842,7 @@ const useUpsertBankTransactionsDefaultCategories = (bankTransactions) => {
     setOnlyNewTransactionCategories(defaultCategories);
   }, [bankTransactions, setOnlyNewTransactionCategories]);
 };
-const BankTransactionList = ({
+const BankTransactionsList = ({
   bankTransactions,
   editable,
   removeTransaction,
@@ -14853,8 +14854,10 @@ const BankTransactionList = ({
 }) => {
   const { isAllSelected, isPartiallySelected, onHeaderCheckboxChange } = useBankTransactionsTableCheckboxState({ bankTransactions });
   useUpsertBankTransactionsDefaultCategories(bankTransactions);
+  const bookkeepingStatus = useEffectiveBookkeepingStatus();
+  const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+    categorizationEnabled && /* @__PURE__ */ jsxs(
       HStack,
       {
         gap: "md",
@@ -14878,7 +14881,7 @@ const BankTransactionList = ({
     ),
     /* @__PURE__ */ jsx("ul", { className: "Layer__bank-transactions__list", children: bankTransactions == null ? void 0 : bankTransactions.map(
       (bankTransaction, index) => /* @__PURE__ */ jsx(
-        BankTransactionListItem,
+        BankTransactionsListItem,
         {
           index,
           dateFormat: DATE_FORMAT$1,
@@ -15995,7 +15998,7 @@ const getAssignedValue = (bankTransaction, renderInAppLink) => {
   }
   return (_d = bankTransaction.category) == null ? void 0 : _d.display_name;
 };
-const BankTransactionMobileListItem = ({
+const BankTransactionsMobileListItem = ({
   index,
   bankTransaction,
   removeTransaction,
@@ -16118,7 +16121,7 @@ const BankTransactionMobileListItem = ({
               hasReceipts(bankTransaction) ? /* @__PURE__ */ jsx(File, { size: 12 }) : null
             ] }),
             categorized && fullAccountName,
-            !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx(BankTransactionProcessingInfo, {}) : null
+            !categorizationEnabled && !categorized ? /* @__PURE__ */ jsx(BankTransactionsProcessingInfo, {}) : null
           ] }),
           /* @__PURE__ */ jsxs("div", { className: `${className}__heading__amount`, children: [
             /* @__PURE__ */ jsxs(
@@ -16195,7 +16198,7 @@ const BankTransactionMobileListItem = ({
     )
   ] });
 };
-const BankTransactionMobileList = ({
+const BankTransactionsMobileList = ({
   bankTransactions,
   removeTransaction,
   editable,
@@ -16207,7 +16210,7 @@ const BankTransactionMobileList = ({
   const transactionToOpenContextData = useTransactionToOpen();
   return /* @__PURE__ */ jsx(TransactionToOpenContext.Provider, { value: transactionToOpenContextData, children: /* @__PURE__ */ jsx("ul", { className: "Layer__bank-transactions__mobile-list", children: bankTransactions == null ? void 0 : bankTransactions.map(
     (bankTransaction, index) => /* @__PURE__ */ jsx(
-      BankTransactionMobileListItem,
+      BankTransactionsMobileListItem,
       {
         index,
         bankTransaction,
@@ -16229,7 +16232,7 @@ const SkeletonTableLoader = ({
   height = 20,
   width = 100
 }) => {
-  return /* @__PURE__ */ jsx("tbody", { className: "Layer__skeleton-table-body__loader", children: Array.from({ length: rows }).map((_2, rowIndex) => /* @__PURE__ */ jsx("tr", { children: cols.map((col, colIndex) => {
+  return /* @__PURE__ */ jsx("tbody", { className: "Layer__skeleton-table-body__loader", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx("tr", { children: cols.map((col, colIndex) => {
     const trim = col.trimLastXRows && rowIndex >= col.trimLastXRows - 1 ? (rowIndex - col.trimLastXRows + 1) * 10 : 0;
     return /* @__PURE__ */ jsx(
       "td",
@@ -16321,6 +16324,8 @@ const BankTransactionsTable = ({
   var _a, _b, _c, _d, _e, _f, _g;
   const { isAllSelected, isPartiallySelected, onHeaderCheckboxChange } = useBankTransactionsTableCheckboxState({ bankTransactions });
   useUpsertBankTransactionsDefaultCategories(bankTransactions);
+  const bookkeepingStatus = useEffectiveBookkeepingStatus();
+  const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
   const showReceiptColumn = (_a = showReceiptUploads && (bankTransactions == null ? void 0 : bankTransactions.some(
     (transaction) => {
       var _a2;
@@ -16338,7 +16343,7 @@ const BankTransactionsTable = ({
       className: "Layer__table Layer__bank-transactions__table with-cell-separators",
       children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { className: "Layer__table-header Layer__bank-transactions__checkbox-col", style: { padding: 0 }, children: /* @__PURE__ */ jsx("span", { className: "Layer__table-cell-content", children: /* @__PURE__ */ jsx(
+          categorizationEnabled && /* @__PURE__ */ jsx("th", { className: "Layer__table-header Layer__bank-transactions__checkbox-col", style: { padding: 0 }, children: /* @__PURE__ */ jsx("span", { className: "Layer__table-cell-content", children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               isSelected: isAllSelected,
@@ -20680,7 +20685,7 @@ const BankTransactionsTableView = ({
         !isLoadingWithoutData && listView && mobileComponent !== "mobileList" ? /* @__PURE__ */ jsxs("div", { className: "Layer__bank-transactions__list-wrapper", children: [
           rulesSuggestionModal,
           /* @__PURE__ */ jsx(
-            BankTransactionList,
+            BankTransactionsList,
             {
               bankTransactions,
               editable,
@@ -20695,7 +20700,7 @@ const BankTransactionsTableView = ({
         ] }) : null,
         !isLoadingWithoutData && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
-            BankTransactionMobileList,
+            BankTransactionsMobileList,
             {
               bankTransactions,
               editable,
@@ -21356,7 +21361,7 @@ const useProfitAndLoss = ({ tagFilter, reportingBasis }) => {
   };
 };
 function range(start, end) {
-  return Array.from({ length: end - start }, (_2, index) => start + index);
+  return Array.from({ length: end - start }, (_, index) => start + index);
 }
 function isArrayWithAtLeastOne(list) {
   return list.length > 0;
@@ -24664,13 +24669,13 @@ const generateComparisonPeriods = (startDate, numberOfPeriods, rangeDisplayMode)
   }
 };
 const generateComparisonMonths = (startDate, numberOfMonths) => {
-  return Array.from({ length: numberOfMonths }, (_2, index) => {
+  return Array.from({ length: numberOfMonths }, (_, index) => {
     const currentMonth = subMonths(startDate, numberOfMonths - index - 1);
     return { date: currentMonth, label: format(currentMonth, "MMM") };
   });
 };
 const generateComparisonYears = (startDate, numberOfYears) => {
-  return Array.from({ length: numberOfYears }, (_2, index) => {
+  return Array.from({ length: numberOfYears }, (_, index) => {
     const currentMonth = subYears(startDate, numberOfYears - index - 1);
     return { date: currentMonth, label: format(currentMonth, "yyyy") };
   });
@@ -24822,7 +24827,7 @@ const ProfitAndLossCompareTable = ({
       /* @__PURE__ */ jsx(TableCell, { isHeaderCell: true }),
       selectedCompareOptions.map((option, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option.displayName + "-" + i),
-        comparePeriods && Array.from({ length: comparePeriods - 1 }, (_2, index) => /* @__PURE__ */ jsx(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
+        comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ jsx(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
       ] }, option.displayName + "-" + i))
     ] }) }),
     /* @__PURE__ */ jsxs(TableBody, { children: [
@@ -24876,7 +24881,7 @@ function useEffectOnMount(fn) {
         if (isMounted && typeof maybeCleanup === "function") {
           cleanup = maybeCleanup;
         }
-      } catch (_2) {
+      } catch (_) {
       }
     }))();
     return () => {
@@ -31315,7 +31320,7 @@ function TasksMonthSelector() {
   const activeMonthNumber = getMonth(date) + 1;
   const activeYear = getYear(date);
   const monthsData = useMemo(() => {
-    return Array.from({ length: 12 }, (_2, index) => {
+    return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = set(
         /* @__PURE__ */ new Date(),
@@ -31364,7 +31369,7 @@ const useBookkeepingYearsStatus = () => {
     const startYear = getYear(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
-    return Array.from({ length: count }, (_2, index) => ({ year: startYear + index })).map(({ year }) => {
+    return Array.from({ length: count }, (_, index) => ({ year: startYear + index })).map(({ year }) => {
       const tasks = data == null ? void 0 : data.filter((period) => period.year === year).reduce((acc, period) => acc.concat(period.tasks), []);
       const unresolvedTaskCount = tasks == null ? void 0 : tasks.filter((task) => isIncompleteTask(task)).length;
       return {
@@ -31971,7 +31976,7 @@ const isCalendlyLink = (link) => {
     if (!link) return false;
     const hostname = new URL(link.url).hostname;
     return ALLOWED_CALENDLY_HOSTS.includes(hostname) || hostname.endsWith(".calendly.com");
-  } catch (_2) {
+  } catch (_) {
     return false;
   }
 };
@@ -35146,7 +35151,7 @@ const useBillsRecordPayment = ({ refetchAllBills }) => {
     }));
   };
   const removeBillByIndex = (index) => {
-    setBillsToPay((prev) => prev.filter((_2, i) => i !== index));
+    setBillsToPay((prev) => prev.filter((_, i) => i !== index));
   };
   const setAmount = (billId, amount) => {
     setBillsToPay((prev) => prev.map((bill) => {
@@ -36264,7 +36269,7 @@ const BillsDetails = ({
                 /* @__PURE__ */ jsx(form.Field, { name: "line_items", mode: "array", children: (field) => {
                   var _a;
                   return /* @__PURE__ */ jsxs("div", { children: [
-                    (_a = field.state.value) == null ? void 0 : _a.map((_2, i) => {
+                    (_a = field.state.value) == null ? void 0 : _a.map((_, i) => {
                       return /* @__PURE__ */ jsxs("div", { className: "Layer__bill-details__category-row", children: [
                         /* @__PURE__ */ jsx(form.Field, { name: `line_items[${i}].account_identifier`, children: () => {
                           return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.112",
+  "version": "0.1.113",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -53,7 +53,7 @@
     "@stylistic/eslint-plugin": "^4.2.0",
     "@stylistic/stylelint-config": "^2.0.0",
     "@stylistic/stylelint-plugin": "^3.1.2",
-    "@types/lodash": "^4.17.16",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.9.0",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
@@ -66,7 +66,6 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.3",
-    "lodash": "^4.17.21",
     "npm-dts": "^1.3.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -94,7 +93,7 @@
     "date-fns": "^4.1.0",
     "effect": "^3.16.3",
     "libphonenumber-js": "^1.12.7",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "lucide-react": "^0.507.0",
     "pluralize": "^8.0.0",
     "react-aria-components": "^1.8.0",