@layerfi/components 0.1.50 → 0.1.52

package/dist/index.d.ts

@@ -3454,7 +3454,7 @@ declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
       form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined;
       apiError?: string | undefined;
       setForm: (form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined) => void;
-      addEntryLine: (direction: import("@layerfi/components/types").Direction) => void;
+      addEntryLine: (direction: import("@layerfi/components/index").Direction) => void;
       removeEntryLine: (index: number) => void;
   }>;
 
@@ -4348,7 +4348,7 @@ declare module '@layerfi/components/index' {
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
   export { useBankTransactionsContext } from '@layerfi/components/contexts/BankTransactionsContext/index';
   export { BankTransactionsProvider } from '@layerfi/components/providers/BankTransactionsProvider/index';
-  export { DisplayState } from '@layerfi/components/types/bank_transactions';
+  export { DisplayState, Direction } from '@layerfi/components/types/bank_transactions';
 
 }
 declare module '@layerfi/components/models/APIError' {
@@ -4502,6 +4502,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       CONFIRM_MATCH = "Confirm_Match"
   }
   export enum DisplayState {
+      all = "all",
       review = "review",
       categorized = "categorized"
   }

package/dist/index.js

@@ -38,6 +38,7 @@ __export(src_exports, {
   BookkeepingOverview: () => BookkeepingOverview,
   BookkeepingUpsellBar: () => BookkeepingUpsellBar,
   ChartOfAccounts: () => ChartOfAccounts,
+  Direction: () => Direction,
   DisplayState: () => DisplayState,
   GeneralLedgerView: () => GeneralLedgerView,
   Journal: () => Journal,
@@ -691,6 +692,7 @@ var Direction = /* @__PURE__ */ ((Direction3) => {
   return Direction3;
 })(Direction || {});
 var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
+  DisplayState2["all"] = "all";
   DisplayState2["review"] = "review";
   DisplayState2["categorized"] = "categorized";
   return DisplayState2;
@@ -751,7 +753,7 @@ var filterVisibility = (scope, bankTransaction) => {
   const inReview = ReviewCategories.includes(
     bankTransaction.categorization_status
   );
-  return scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
+  return scope === "all" /* all */ || scope === "review" /* review */ && inReview || scope === "categorized" /* categorized */ && categorized;
 };
 var isCategorized = (bankTransaction) => CategorizedCategories.includes(bankTransaction.categorization_status);
 
@@ -800,7 +802,7 @@ var applyCategorizationStatusFilter = (data, filter) => {
     return data;
   }
   return data?.filter(
-    (tx) => filterVisibility(filter, tx) || filter === "review" /* review */ && tx.recently_categorized || filter === "categorized" /* categorized */ && tx.recently_categorized
+    (tx) => filterVisibility(filter, tx) || filter === "all" /* all */ || filter === "review" /* review */ && tx.recently_categorized || filter === "categorized" /* categorized */ && tx.recently_categorized
   );
 };
 var appplyDateRangeFilter = (data, filter) => {
@@ -839,6 +841,8 @@ var useBankTransactions = (params) => {
   const display = (0, import_react10.useMemo)(() => {
     if (filters?.categorizationStatus === "review" /* review */) {
       return "review" /* review */;
+    } else if (filters?.categorizationStatus === "all" /* all */) {
+      return "all" /* all */;
     }
     return "categorized" /* categorized */;
   }, [filters?.categorizationStatus]);
@@ -4813,25 +4817,20 @@ var allCategoriesDivider = [
   }
 ];
 function flattenCategories2(categories) {
-  const categoryOptions = (categories || []).flatMap((category) => {
-    if (category?.subCategories && category?.subCategories?.length > 0) {
-      if (category?.subCategories?.every((c) => c.subCategories === void 0)) {
-        return [
-          {
-            label: category.display_name,
-            options: category.subCategories.map((x) => mapCategoryToOption2(x))
-          }
-        ];
-      }
-      return flattenCategories2(category.subCategories);
+  function getLeafCategories(category) {
+    if (!category.subCategories || category.subCategories.length === 0) {
+      return [category];
     }
-    const resultOption = {
-      label: category.display_name,
-      options: [mapCategoryToOption2(category)]
-    };
-    return [resultOption];
-  });
-  return categoryOptions;
+    return category.subCategories.flatMap((subCategory) => getLeafCategories(subCategory));
+  }
+  return categories.map(
+    (category) => {
+      return {
+        label: category.display_name,
+        options: getLeafCategories(category).map((x) => mapCategoryToOption2(x))
+      };
+    }
+  );
 }
 var CategorySelect = ({
   bankTransaction,
@@ -8404,6 +8403,7 @@ var BankTransactionsContent = ({
   showDescriptions = false,
   showReceiptUploads = false,
   monthlyView = false,
+  categorizeView: categorizeViewProp,
   mobileComponent,
   filters: inputFilters,
   hideHeader = false,
@@ -8415,7 +8415,7 @@ var BankTransactionsContent = ({
     startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
     endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
   });
-  const categorizeView = categorizationEnabled(mode);
+  const categorizeView = categorizeViewProp ?? categorizationEnabled(mode);
   const {
     activate,
     data,
@@ -8469,13 +8469,13 @@ var BankTransactionsContent = ({
   }, []);
   (0, import_react94.useEffect)(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
-      if (!filters?.categorizationStatus && categorizeView) {
+      if (!inputFilters?.categorizationStatus && categorizeView) {
         setFilters({
           ...filters,
           ...inputFilters,
           categorizationStatus: "review" /* review */
         });
-      } else if (!filters?.categorizationStatus && !categorizationEnabled(mode)) {
+      } else if (!inputFilters?.categorizationStatus && !categorizationEnabled(mode)) {
         setFilters({
           ...filters,
           ...inputFilters,
@@ -8484,11 +8484,11 @@ var BankTransactionsContent = ({
       } else {
         setFilters({ ...filters, ...inputFilters });
       }
-    } else if (!filters?.categorizationStatus && categorizeView) {
+    } else if (!inputFilters?.categorizationStatus && categorizeView) {
       setFilters({
         categorizationStatus: "review" /* review */
       });
-    } else if (!filters?.categorizationStatus && !categorizationEnabled(mode)) {
+    } else if (!inputFilters?.categorizationStatus && !categorizationEnabled(mode)) {
       setFilters({
         categorizationStatus: "categorized" /* categorized */
       });
@@ -8514,7 +8514,7 @@ var BankTransactionsContent = ({
   }, [currentPage, data, dateRange]);
   const onCategorizationDisplayChange = (event) => {
     setFilters({
-      categorizationStatus: event.target.value === "categorized" /* categorized */ ? "categorized" /* categorized */ : "review" /* review */
+      categorizationStatus: event.target.value === "categorized" /* categorized */ ? "categorized" /* categorized */ : event.target.value === "all" /* all */ ? "all" /* all */ : "review" /* review */
     });
     setCurrentPage(1);
   };
@@ -8540,7 +8540,7 @@ var BankTransactionsContent = ({
     }
     debounceContainerWidth(size?.width);
   });
-  const editable = display === "review" /* review */;
+  const editable = display === "review" /* review */ || display === "all" /* all */;
   const isLastPage = data && !hasMore && Math.ceil((data?.length || 0) / pageSize) === currentPage;
   return /* @__PURE__ */ import_react94.default.createElement(
     Container,
@@ -11300,7 +11300,7 @@ var ProfitAndLossTableComponent = ({
     void 0,
     void 0,
     "summation"
-  ), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6), renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null));
+  ), data.personal_expenses ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null, data.other_outflows ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6)) : null));
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
@@ -15663,6 +15663,7 @@ var Components = ({
   BookkeepingOverview,
   BookkeepingUpsellBar,
   ChartOfAccounts,
+  Direction,
   DisplayState,
   GeneralLedgerView,
   Journal,