@layerfi/components 0.1.26 → 0.1.27

package/dist/index.js

@@ -979,7 +979,29 @@ function hasSuggestions(categorization) {
   return categorization.suggestions !== void 0;
 }
 
+// src/components/BankTransactions/constants.ts
+var CategorizedCategories = [
+  "CATEGORIZED" /* CATEGORIZED */,
+  "JOURNALING" /* JOURNALING */,
+  "SPLIT" /* SPLIT */,
+  "MATCHED" /* MATCHED */
+];
+var ReviewCategories = [
+  "READY_FOR_INPUT" /* READY_FOR_INPUT */,
+  "LAYER_REVIEW" /* LAYER_REVIEW */
+];
+
+// src/components/BankTransactions/utils.ts
+var filterVisibility = (display, bankTransaction) => {
+  const categorized = CategorizedCategories.includes(
+    bankTransaction.categorization_status
+  );
+  const inReview = ReviewCategories.includes(bankTransaction.categorization_status) && !bankTransaction.recently_categorized;
+  return display === "review" /* review */ && inReview || display === "categorized" /* categorized */ && categorized;
+};
+
 // src/utils/bankTransactions.ts
+var import_date_fns4 = require("date-fns");
 var hasMatch = (bankTransaction) => {
   return Boolean(
     bankTransaction?.suggested_matches && bankTransaction?.suggested_matches?.length > 0 || bankTransaction?.match
@@ -995,6 +1017,40 @@ var isAlreadyMatched = (bankTransaction) => {
   }
   return void 0;
 };
+var countTransactionsToReview = ({
+  transactions,
+  currentMonthOnly
+}) => {
+  if (transactions && transactions.length > 0) {
+    if (currentMonthOnly) {
+      const currentMonth = {
+        start: (0, import_date_fns4.startOfMonth)(/* @__PURE__ */ new Date()),
+        end: (0, import_date_fns4.endOfMonth)(/* @__PURE__ */ new Date())
+      };
+      return transactions.filter((tx) => {
+        try {
+          return filterVisibility("review" /* review */, tx) && (0, import_date_fns4.isWithinInterval)((0, import_date_fns4.parseISO)(tx.date), currentMonth);
+        } catch (_err) {
+          return false;
+        }
+      }).length;
+    }
+    return transactions.filter((tx) => filterVisibility("review" /* review */, tx)).length;
+  }
+  return 0;
+};
+var getCategorizePayload = (category) => {
+  if (category?.payload && "id" in category.payload && category.payload.id) {
+    return {
+      type: "AccountId",
+      id: category.payload.id
+    };
+  }
+  return {
+    type: "StableName",
+    stable_name: category?.payload.stable_name || ""
+  };
+};
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
 var import_react39 = __toESM(require("react"));
@@ -1893,7 +1949,7 @@ var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelect.tsx
 var import_classnames9 = __toESM(require("classnames"));
-var import_date_fns4 = require("date-fns");
+var import_date_fns5 = require("date-fns");
 var mapCategoryToOption = (category) => {
   return {
     type: "category" /* CATEGORY */,
@@ -1945,7 +2001,7 @@ var Option = (props) => {
         ...props,
         className: `${props.className} Layer__select__option-content__match`
       },
-      /* @__PURE__ */ import_react21.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns4.format)((0, import_date_fns4.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react21.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
+      /* @__PURE__ */ import_react21.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react21.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
       /* @__PURE__ */ import_react21.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
     );
   }
@@ -2523,7 +2579,7 @@ var import_react32 = __toESM(require("react"));
 
 // src/components/BankTransactionRow/MatchBadge.tsx
 var import_react31 = __toESM(require("react"));
-var import_date_fns5 = require("date-fns");
+var import_date_fns6 = require("date-fns");
 var MatchBadge = ({
   bankTransaction,
   classNamePrefix,
@@ -2536,7 +2592,7 @@ var MatchBadge = ({
       Badge,
       {
         icon: /* @__PURE__ */ import_react31.default.createElement(MinimizeTwo_default, { size: 11 }),
-        tooltip: /* @__PURE__ */ import_react31.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
+        tooltip: /* @__PURE__ */ import_react31.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react31.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
       },
       text
     );
@@ -2546,7 +2602,7 @@ var MatchBadge = ({
 
 // src/components/MatchForm/MatchForm.tsx
 var import_classnames18 = __toESM(require("classnames"));
-var import_date_fns6 = require("date-fns");
+var import_date_fns7 = require("date-fns");
 var MatchForm = ({
   classNamePrefix,
   bankTransaction,
@@ -2581,7 +2637,7 @@ var MatchForm = ({
         {
           className: `Layer__nowrap ${classNamePrefix}__match-table__date`
         },
-        /* @__PURE__ */ import_react32.default.createElement("span", null, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(match.details.date), DATE_FORMAT)),
+        /* @__PURE__ */ import_react32.default.createElement("span", null, (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), DATE_FORMAT)),
         /* @__PURE__ */ import_react32.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
       ),
       /* @__PURE__ */ import_react32.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react32.default.createElement(
@@ -2624,7 +2680,7 @@ var MatchForm = ({
 // src/components/MatchForm/MatchFormMobile.tsx
 var import_react33 = __toESM(require("react"));
 var import_classnames19 = __toESM(require("classnames"));
-var import_date_fns7 = require("date-fns");
+var import_date_fns8 = require("date-fns");
 var MatchFormMobile = ({
   classNamePrefix,
   bankTransaction,
@@ -2671,7 +2727,7 @@ var MatchFormMobile = ({
           size: "sm" /* sm */,
           as: "span"
         },
-        (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), MONTH_DAY_FORMAT)
+        (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(match.details.date), MONTH_DAY_FORMAT)
       ))),
       /* @__PURE__ */ import_react33.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react33.default.createElement(
         Check_default,
@@ -3142,16 +3198,13 @@ var ExpandedBankTransactionRow = (0, import_react37.forwardRef)(
       }
       await categorizeBankTransaction2(
         bankTransaction.id,
-        rowState.splits.length === 1 ? {
+        rowState.splits.length === 1 && rowState?.splits[0].category ? {
           type: "Category",
-          category: {
-            type: "StableName",
-            stable_name: rowState?.splits[0].category?.payload.stable_name
-          }
+          category: getCategorizePayload(rowState?.splits[0].category)
         } : {
           type: "Split",
           entries: rowState.splits.map((split) => ({
-            category: split.category?.payload.stable_name,
+            category: split.category ? getCategorizePayload(split.category) : "",
             amount: split.amount
           }))
         }
@@ -3403,7 +3456,7 @@ var SplitTooltipDetails = ({
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
 var import_classnames23 = __toESM(require("classnames"));
-var import_date_fns8 = require("date-fns");
+var import_date_fns9 = require("date-fns");
 var extractDescriptionForSplit = (category) => {
   if (!category.entries) {
     return "";
@@ -3490,10 +3543,7 @@ var BankTransactionRow = ({
     }
     await categorizeBankTransaction2(bankTransaction.id, {
       type: "Category",
-      category: {
-        type: "StableName",
-        stable_name: selectedCategory?.payload.stable_name || ""
-      }
+      category: getCategorizePayload(selectedCategory)
     });
     setOpen(false);
   };
@@ -3528,7 +3578,7 @@ var BankTransactionRow = ({
         className: "Layer__table-cell  Layer__bank-transaction-table__date-col",
         ...openRow
       },
-      /* @__PURE__ */ import_react39.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(bankTransaction.date), dateFormat))
+      /* @__PURE__ */ import_react39.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns9.format)((0, import_date_fns9.parseISO)(bankTransaction.date), dateFormat))
     ),
     /* @__PURE__ */ import_react39.default.createElement(
       "td",
@@ -3621,8 +3671,8 @@ var BankTransactionRow = ({
             bankTransaction,
             dateFormat
           }
-        ), /* @__PURE__ */ import_react39.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns8.format)(
-          (0, import_date_fns8.parseISO)(bankTransaction.match.bank_transaction.date),
+        ), /* @__PURE__ */ import_react39.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns9.format)(
+          (0, import_date_fns9.parseISO)(bankTransaction.match.bank_transaction.date),
           dateFormat
         )}, ${bankTransaction.match?.details?.description}`)), bankTransaction?.categorization_status !== "MATCHED" /* MATCHED */ && bankTransaction?.categorization_status !== "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react39.default.createElement("span", { className: `${className}__category-text__text` }, bankTransaction?.category?.display_name)) : null,
         editable && !open && showRetry ? /* @__PURE__ */ import_react39.default.createElement(
@@ -3697,7 +3747,7 @@ var BankTransactionRow = ({
 
 // src/components/BankTransactionList/Assignment.tsx
 var import_react40 = __toESM(require("react"));
-var import_date_fns9 = require("date-fns");
+var import_date_fns10 = require("date-fns");
 var Assignment = ({ bankTransaction }) => {
   if (bankTransaction.match && bankTransaction.categorization_status === "MATCHED" /* MATCHED */) {
     return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(
@@ -3708,8 +3758,8 @@ var Assignment = ({ bankTransaction }) => {
         dateFormat: DATE_FORMAT,
         text: "Matched"
       }
-    ), /* @__PURE__ */ import_react40.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, `${(0, import_date_fns9.format)(
-      (0, import_date_fns9.parseISO)(bankTransaction.match.bank_transaction.date),
+    ), /* @__PURE__ */ import_react40.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, `${(0, import_date_fns10.format)(
+      (0, import_date_fns10.parseISO)(bankTransaction.match.bank_transaction.date),
       DATE_FORMAT
     )}, ${bankTransaction.match.bank_transaction.description}`));
   }
@@ -3734,7 +3784,7 @@ var Assignment = ({ bankTransaction }) => {
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
 var import_classnames24 = __toESM(require("classnames"));
-var import_date_fns10 = require("date-fns");
+var import_date_fns11 = require("date-fns");
 var BankTransactionListItem = ({
   index = 0,
   dateFormat,
@@ -3782,10 +3832,7 @@ var BankTransactionListItem = ({
     }
     categorizeBankTransaction2(bankTransaction.id, {
       type: "Category",
-      category: {
-        type: "StableName",
-        stable_name: selectedCategory?.payload.stable_name || ""
-      }
+      category: getCategorizePayload(selectedCategory)
     });
   };
   if (removed) {
@@ -3799,7 +3846,7 @@ var BankTransactionListItem = ({
     open ? openClassName : "",
     showComponent ? "show" : ""
   );
-  return /* @__PURE__ */ import_react41.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react41.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns10.format)((0, import_date_fns10.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react41.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react41.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react41.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react41.default.createElement(
     "div",
     {
       onClick: toggleOpen,
@@ -4124,14 +4171,18 @@ var BusinessForm = ({ bankTransaction }) => {
     if (!selectedCategory || !selectedCategory.value.payload) {
       return;
     }
+    const payload = selectedCategory?.value?.payload?.id ? {
+      type: "AccountId",
+      id: selectedCategory.value.payload.id
+    } : {
+      type: "StableName",
+      stable_name: selectedCategory.value.payload?.stable_name || ""
+    };
     categorizeBankTransaction2(
       bankTransaction.id,
       {
         type: "Category",
-        category: {
-          type: "StableName",
-          stable_name: selectedCategory.value.payload.stable_name || ""
-        }
+        category: payload
       },
       true
     );
@@ -4421,16 +4472,13 @@ var SplitForm = ({
     }
     await categorizeBankTransaction2(
       bankTransaction.id,
-      rowState.splits.length === 1 ? {
+      rowState.splits.length === 1 && rowState?.splits[0].category ? {
         type: "Category",
-        category: {
-          type: "StableName",
-          stable_name: rowState?.splits[0].category?.payload.stable_name
-        }
+        category: getCategorizePayload(rowState?.splits[0].category)
       } : {
         type: "Split",
         entries: rowState.splits.map((split) => ({
-          category: split.category?.payload.stable_name,
+          category: split.category ? getCategorizePayload(split.category) : "",
           amount: split.amount
         }))
       },
@@ -4565,7 +4613,7 @@ var TransactionToOpenContext = (0, import_react52.createContext)({
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
 var import_classnames27 = __toESM(require("classnames"));
-var import_date_fns11 = require("date-fns");
+var import_date_fns12 = require("date-fns");
 var DATE_FORMAT2 = "LLL d";
 var getAssignedValue2 = (bankTransaction) => {
   if (bankTransaction.categorization_status === "SPLIT" /* SPLIT */) {
@@ -4691,7 +4739,7 @@ var BankTransactionMobileListItem = ({
         },
         isCredit(bankTransaction) ? "+$" : " $",
         centsToDollars(bankTransaction.amount)
-      ), /* @__PURE__ */ import_react53.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), DATE_FORMAT2))))
+      ), /* @__PURE__ */ import_react53.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns12.format)((0, import_date_fns12.parseISO)(bankTransaction.date), DATE_FORMAT2))))
     ),
     /* @__PURE__ */ import_react53.default.createElement("div", { className: `${className}__expanded-row`, style: { height } }, open && /* @__PURE__ */ import_react53.default.createElement(
       "div",
@@ -5233,11 +5281,11 @@ var Pagination = ({
 var import_react65 = __toESM(require("react"));
 
 // src/utils/business.ts
-var import_date_fns12 = require("date-fns");
+var import_date_fns13 = require("date-fns");
 var getActivationDate = (business) => {
   try {
     if (business && business.activation_at) {
-      return (0, import_date_fns12.parseISO)(business.activation_at);
+      return (0, import_date_fns13.parseISO)(business.activation_at);
     }
     return;
   } catch (_err) {
@@ -5247,7 +5295,7 @@ var getActivationDate = (business) => {
 var getEarliestDateToBrowse = (business) => {
   const activationDate = getActivationDate(business);
   if (activationDate) {
-    return (0, import_date_fns12.startOfMonth)(activationDate);
+    return (0, import_date_fns13.startOfMonth)(activationDate);
   }
   return;
 };
@@ -5259,7 +5307,7 @@ var isDateAllowedToBrowse = (date, business) => {
   if (!activationDate) {
     return true;
   }
-  return (0, import_date_fns12.differenceInCalendarMonths)((0, import_date_fns12.startOfMonth)(date), activationDate) >= 0;
+  return (0, import_date_fns13.differenceInCalendarMonths)((0, import_date_fns13.startOfMonth)(date), activationDate) >= 0;
 };
 
 // src/components/DateMonthPicker/DateMonthPicker.tsx
@@ -5301,7 +5349,7 @@ function useSizeClass() {
 
 // src/components/DateMonthPicker/DateMonthPicker.tsx
 var import_classnames31 = __toESM(require("classnames"));
-var import_date_fns13 = require("date-fns");
+var import_date_fns14 = require("date-fns");
 var DateMonthPicker = ({
   dateRange,
   changeDateRange,
@@ -5330,13 +5378,13 @@ var DateMonthPicker = ({
       return;
     setIsAnimating(true);
     setNextOpacity(1);
-    const newDate = (0, import_date_fns13.add)(localDate, { months: monthsToAdd });
+    const newDate = (0, import_date_fns14.add)(localDate, { months: monthsToAdd });
     if (monthsToAdd === -1) {
       setCurrentOpacity(0);
     }
     changeDateRange({
-      startDate: (0, import_date_fns13.startOfMonth)(newDate),
-      endDate: (0, import_date_fns13.endOfMonth)(newDate)
+      startDate: (0, import_date_fns14.startOfMonth)(newDate),
+      endDate: (0, import_date_fns14.endOfMonth)(newDate)
     });
     const translateXValue = monthsToAdd > 0 ? "0%" : "66%";
     setTransformStyle({
@@ -5354,18 +5402,18 @@ var DateMonthPicker = ({
       setCurrentOpacity(1);
     }, 300);
   };
-  const currentLabel = (0, import_date_fns13.format)(localDate, "LLLL, y");
-  const prevLabel = (0, import_date_fns13.format)((0, import_date_fns13.add)(localDate, { months: -1 }), "LLLL, y");
-  const nextLabel = (0, import_date_fns13.format)((0, import_date_fns13.add)(localDate, { months: 1 }), "LLLL, y");
-  const today = (0, import_date_fns13.startOfMonth)(Date.now());
+  const currentLabel = (0, import_date_fns14.format)(localDate, "LLLL, y");
+  const prevLabel = (0, import_date_fns14.format)((0, import_date_fns14.add)(localDate, { months: -1 }), "LLLL, y");
+  const nextLabel = (0, import_date_fns14.format)((0, import_date_fns14.add)(localDate, { months: 1 }), "LLLL, y");
+  const today = (0, import_date_fns14.startOfMonth)(Date.now());
   const isTodayOrAfter = Boolean(
     localDate.getFullYear() === today.getFullYear() && localDate.getMonth() === today.getMonth()
   );
   const setCurrentDate = () => {
     setLocalDate(today);
     changeDateRange({
-      startDate: (0, import_date_fns13.startOfMonth)(today),
-      endDate: (0, import_date_fns13.endOfMonth)(today)
+      startDate: (0, import_date_fns14.startOfMonth)(today),
+      endDate: (0, import_date_fns14.endOfMonth)(today)
     });
   };
   (0, import_react62.useEffect)(() => {
@@ -5567,18 +5615,6 @@ var Tabs = ({ name, options, selected, onChange }) => {
   )), /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__tabs__thumb", style: { ...thumbPos } }));
 };
 
-// src/components/BankTransactions/constants.ts
-var CategorizedCategories = [
-  "CATEGORIZED" /* CATEGORIZED */,
-  "JOURNALING" /* JOURNALING */,
-  "SPLIT" /* SPLIT */,
-  "MATCHED" /* MATCHED */
-];
-var ReviewCategories = [
-  "READY_FOR_INPUT" /* READY_FOR_INPUT */,
-  "LAYER_REVIEW" /* LAYER_REVIEW */
-];
-
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_classnames33 = __toESM(require("classnames"));
 var DownloadButton = () => {
@@ -5801,17 +5837,8 @@ var DataStates = ({
   )) : null);
 };
 
-// src/components/BankTransactions/utils.ts
-var filterVisibility = (display, bankTransaction) => {
-  const categorized = CategorizedCategories.includes(
-    bankTransaction.categorization_status
-  );
-  const inReview = ReviewCategories.includes(bankTransaction.categorization_status) && !bankTransaction.recently_categorized;
-  return display === "review" /* review */ && inReview || display === "categorized" /* categorized */ && categorized;
-};
-
 // src/components/BankTransactions/BankTransactions.tsx
-var import_date_fns14 = require("date-fns");
+var import_date_fns15 = require("date-fns");
 var COMPONENT_NAME = "bank-transactions";
 var BankTransactions = ({
   asWidget = false,
@@ -5829,8 +5856,8 @@ var BankTransactions = ({
   const [removedTxs, setRemovedTxs] = (0, import_react68.useState)([]);
   const [initialLoad, setInitialLoad] = (0, import_react68.useState)(true);
   const [dateRange, setDateRange] = (0, import_react68.useState)({
-    startDate: (0, import_date_fns14.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns14.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
   });
   const { data, isLoading, loadingStatus, error, isValidating, refetch } = useBankTransactions();
   const bankTransactionsByFilter = data?.filter(
@@ -5847,7 +5874,7 @@ var BankTransactions = ({
   const bankTransactions = (0, import_react68.useMemo)(() => {
     if (monthlyView) {
       return bankTransactionsByFilter?.filter(
-        (x) => (0, import_date_fns14.parseISO)(x.date) >= dateRange.startDate && (0, import_date_fns14.parseISO)(x.date) <= dateRange.endDate
+        (x) => (0, import_date_fns15.parseISO)(x.date) >= dateRange.startDate && (0, import_date_fns15.parseISO)(x.date) <= dateRange.endDate
       );
     }
     const firstPageIndex = (currentPage - 1) * pageSize;
@@ -7111,7 +7138,7 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
-var import_date_fns15 = require("date-fns");
+var import_date_fns16 = require("date-fns");
 var import_swr5 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
@@ -7119,8 +7146,8 @@ var useProfitAndLossQuery = ({
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns16.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns16.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const { auth, businessId, apiUrl } = useLayerContext();
   const {
@@ -7136,8 +7163,8 @@ var useProfitAndLossQuery = ({
     Layer.getProfitAndLoss(apiUrl, auth?.access_token, {
       params: {
         businessId,
-        startDate: (0, import_date_fns15.formatISO)(startDate.valueOf()),
-        endDate: (0, import_date_fns15.formatISO)(endDate.valueOf()),
+        startDate: (0, import_date_fns16.formatISO)(startDate.valueOf()),
+        endDate: (0, import_date_fns16.formatISO)(endDate.valueOf()),
         tagKey: tagFilter?.key,
         tagValues: tagFilter?.values?.join(","),
         reportingBasis
@@ -7159,21 +7186,21 @@ var useProfitAndLossQuery = ({
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_date_fns16 = require("date-fns");
+var import_date_fns17 = require("date-fns");
 var useProfitAndLoss = ({
   startDate: initialStartDate,
   endDate: initialEndDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns16.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns16.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns17.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const [startDate, setStartDate] = (0, import_react81.useState)(
-    initialStartDate || (0, import_date_fns16.startOfMonth)(Date.now())
+    initialStartDate || (0, import_date_fns17.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react81.useState)(
-    initialEndDate || (0, import_date_fns16.endOfMonth)(Date.now())
+    initialEndDate || (0, import_date_fns17.endOfMonth)(Date.now())
   );
   const [filters, setFilters] = (0, import_react81.useState)({
     expenses: void 0,
@@ -7311,14 +7338,14 @@ var import_react84 = __toESM(require("react"));
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
 var import_react82 = require("react");
-var import_date_fns17 = require("date-fns");
+var import_date_fns18 = require("date-fns");
 var import_swr6 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
-    startYear: (0, import_date_fns17.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns17.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns17.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns17.startOfMonth)(currentDate).getMonth() + 1
+    startYear: (0, import_date_fns18.startOfMonth)(currentDate).getFullYear() - 1,
+    startMonth: (0, import_date_fns18.startOfMonth)(currentDate).getMonth() + 1,
+    endYear: (0, import_date_fns18.startOfMonth)(currentDate).getFullYear(),
+    endMonth: (0, import_date_fns18.startOfMonth)(currentDate).getMonth() + 1
   };
 };
 var buildMonthsArray = (startDate, endDate) => {
@@ -7366,7 +7393,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   );
   (0, import_react82.useEffect)(() => {
     const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns17.sub)(date, { years: 1 }), date);
+    const newPeriod = buildMonthsArray((0, import_date_fns18.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
       newPeriod.forEach((x) => {
         if (!newData?.find(
@@ -7497,53 +7524,53 @@ var Indicator = ({
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
 var import_classnames38 = __toESM(require("classnames"));
-var import_date_fns18 = require("date-fns");
+var import_date_fns19 = require("date-fns");
 var import_recharts = require("recharts");
 var getChartWindow = ({
   chartWindow,
   currentYear,
   currentMonth
 }) => {
-  const today = (0, import_date_fns18.startOfMonth)(Date.now());
-  const yearAgo = (0, import_date_fns18.sub)(today, { months: 11 });
-  const current = (0, import_date_fns18.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
-  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.end), current) > 1) {
+  const today = (0, import_date_fns19.startOfMonth)(Date.now());
+  const yearAgo = (0, import_date_fns19.sub)(today, { months: 11 });
+  const current = (0, import_date_fns19.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
+  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.end), current) > 1) {
     return chartWindow;
   }
-  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.startOfMonth)(chartWindow.start), current) === 0) {
+  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.startOfMonth)(chartWindow.start), current) === 0) {
     return {
-      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 1 })),
-      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 11 }))
+      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 1 })),
+      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 11 }))
     };
   }
-  if ((0, import_date_fns18.differenceInMonths)((0, import_date_fns18.endOfMonth)(chartWindow.end), (0, import_date_fns18.endOfMonth)(current)) === 1 && (0, import_date_fns18.differenceInMonths)(today, current) >= 1) {
+  if ((0, import_date_fns19.differenceInMonths)((0, import_date_fns19.endOfMonth)(chartWindow.end), (0, import_date_fns19.endOfMonth)(current)) === 1 && (0, import_date_fns19.differenceInMonths)(today, current) >= 1) {
     return {
-      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 10 })),
-      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 2 }))
+      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 10 })),
+      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 2 }))
     };
   }
-  if ((0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(today)) > 0) {
+  if ((0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(today)) > 0) {
     return {
-      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 11 })),
-      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 1 }))
+      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 11 })),
+      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 1 }))
     };
   }
   if (current >= yearAgo) {
     return {
-      start: (0, import_date_fns18.startOfMonth)(yearAgo),
-      end: (0, import_date_fns18.endOfMonth)(today)
+      start: (0, import_date_fns19.startOfMonth)(yearAgo),
+      end: (0, import_date_fns19.endOfMonth)(today)
     };
   }
   if (Number(current) > Number(chartWindow.end)) {
     return {
-      start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(current, { months: 12 })),
-      end: (0, import_date_fns18.endOfMonth)(current)
+      start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(current, { months: 12 })),
+      end: (0, import_date_fns19.endOfMonth)(current)
     };
   }
-  if ((0, import_date_fns18.differenceInMonths)(current, (0, import_date_fns18.startOfMonth)(chartWindow.start)) < 0) {
+  if ((0, import_date_fns19.differenceInMonths)(current, (0, import_date_fns19.startOfMonth)(chartWindow.start)) < 0) {
     return {
-      start: (0, import_date_fns18.startOfMonth)(current),
-      end: (0, import_date_fns18.endOfMonth)((0, import_date_fns18.add)(current, { months: 11 }))
+      start: (0, import_date_fns19.startOfMonth)(current),
+      end: (0, import_date_fns19.endOfMonth)((0, import_date_fns19.add)(current, { months: 11 }))
     };
   }
   return chartWindow;
@@ -7577,8 +7604,8 @@ var ProfitAndLossChart = () => {
   });
   const [barAnimActive, setBarAnimActive] = (0, import_react84.useState)(true);
   const [chartWindow, setChartWindow] = (0, import_react84.useState)({
-    start: (0, import_date_fns18.startOfMonth)((0, import_date_fns18.sub)(Date.now(), { months: 11 })),
-    end: (0, import_date_fns18.endOfMonth)(Date.now())
+    start: (0, import_date_fns19.startOfMonth)((0, import_date_fns19.sub)(Date.now(), { months: 11 })),
+    end: (0, import_date_fns19.endOfMonth)(Date.now())
   });
   const selectionMonth = (0, import_react84.useMemo)(
     () => ({
@@ -7593,25 +7620,25 @@ var ProfitAndLossChart = () => {
     }
   }, [dateRange]);
   const { data, loaded, pullData } = useProfitAndLossLTM({
-    currentDate: (0, import_date_fns18.startOfMonth)(Date.now())
+    currentDate: (0, import_date_fns19.startOfMonth)(Date.now())
   });
   const loadingValue = (0, import_react84.useMemo)(() => getLoadingValue(data), [data]);
   (0, import_react84.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
-        (x) => Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
+        (x) => Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
       );
       if (!foundCurrent) {
-        const newDate = (0, import_date_fns18.startOfMonth)(localDateRange.startDate);
+        const newDate = (0, import_date_fns19.startOfMonth)(localDateRange.startDate);
         pullData(newDate);
         return;
       }
       const foundBefore = data.find(
-        (x) => Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns18.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns18.sub)(localDateRange.endDate, { months: 1 }))
+        (x) => Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns19.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns19.sub)(localDateRange.endDate, { months: 1 }))
       );
       if (!foundBefore) {
-        const newDate = (0, import_date_fns18.startOfMonth)(
-          (0, import_date_fns18.sub)(localDateRange.startDate, { months: 1 })
+        const newDate = (0, import_date_fns19.startOfMonth)(
+          (0, import_date_fns19.sub)(localDateRange.startDate, { months: 1 })
         );
         pullData(newDate);
       }
@@ -7634,7 +7661,7 @@ var ProfitAndLossChart = () => {
       }, 2e3);
     }
   }, [loaded]);
-  const getMonthName = (pnl) => pnl ? (0, import_date_fns18.format)(
+  const getMonthName = (pnl) => pnl ? (0, import_date_fns19.format)(
     new Date(pnl.year, pnl.month - 1, 1),
     compactView ? "LLLLL" : "LLL"
   ) : "";
@@ -7657,9 +7684,9 @@ var ProfitAndLossChart = () => {
       const loadingData = [];
       const today = Date.now();
       for (let i = 11; i >= 0; i--) {
-        const currentDate = (0, import_date_fns18.sub)(today, { months: i });
+        const currentDate = (0, import_date_fns19.sub)(today, { months: i });
         loadingData.push({
-          name: (0, import_date_fns18.format)(currentDate, compactView ? "LLLLL" : "LLL"),
+          name: (0, import_date_fns19.format)(currentDate, compactView ? "LLLLL" : "LLL"),
           revenue: 0,
           revenueUncategorized: 0,
           expenses: 0,
@@ -7676,18 +7703,18 @@ var ProfitAndLossChart = () => {
       return loadingData;
     }
     return data?.filter(
-      (x) => (0, import_date_fns18.differenceInMonths)(
-        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      (x) => (0, import_date_fns19.differenceInMonths)(
+        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) >= 0 && (0, import_date_fns18.differenceInMonths)(
-        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      ) >= 0 && (0, import_date_fns19.differenceInMonths)(
+        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) < 12 && (0, import_date_fns18.differenceInMonths)(
+      ) < 12 && (0, import_date_fns19.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))
-      ) >= 0 && (0, import_date_fns18.differenceInMonths)(
+        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))
+      ) >= 0 && (0, import_date_fns19.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns18.startOfMonth)(new Date(x.year, x.month - 1, 1))
+        (0, import_date_fns19.startOfMonth)(new Date(x.year, x.month - 1, 1))
       ) <= 12
     ).map((x) => summarizePnL(x));
   }, [selectionMonth, chartWindow, data, loaded, compactView]);
@@ -7701,7 +7728,7 @@ var ProfitAndLossChart = () => {
       if (isMonthAllowed) {
         changeDateRange({
           startDate: new Date(year, month - 1, 1),
-          endDate: (0, import_date_fns18.endOfMonth)(new Date(year, month - 1, 1))
+          endDate: (0, import_date_fns19.endOfMonth)(new Date(year, month - 1, 1))
         });
       }
     }
@@ -8704,7 +8731,7 @@ var Filters = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_date_fns19 = require("date-fns");
+var import_date_fns20 = require("date-fns");
 var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
@@ -8727,7 +8754,7 @@ var ProfitAndLossDetailedCharts = ({
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
   const [hoveredItem, setHoveredItem] = (0, import_react89.useState)();
-  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react89.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react89.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react89.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns19.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react89.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react89.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react89.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react89.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns20.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react89.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react89.default.createElement(
     Button,
     {
       rightIcon: /* @__PURE__ */ import_react89.default.createElement(X_default, null),
@@ -9243,7 +9270,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_date_fns20 = require("date-fns");
+var import_date_fns21 = require("date-fns");
 var PNLContext = (0, import_react95.createContext)({
   data: void 0,
   filteredDataRevenue: [],
@@ -9254,8 +9281,8 @@ var PNLContext = (0, import_react95.createContext)({
   isValidating: false,
   error: void 0,
   dateRange: {
-    startDate: (0, import_date_fns20.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns20.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns21.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns21.endOfMonth)(/* @__PURE__ */ new Date())
   },
   changeDateRange: () => {
   },
@@ -9394,7 +9421,7 @@ var import_react115 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 var import_react98 = require("react");
-var import_date_fns21 = require("date-fns");
+var import_date_fns22 = require("date-fns");
 var ChartOfAccountsContext = (0, import_react98.createContext)(
   {
     data: void 0,
@@ -9417,8 +9444,8 @@ var ChartOfAccountsContext = (0, import_react98.createContext)(
     submitForm: () => {
     },
     dateRange: {
-      startDate: (0, import_date_fns21.startOfMonth)(/* @__PURE__ */ new Date()),
-      endDate: (0, import_date_fns21.endOfMonth)(/* @__PURE__ */ new Date())
+      startDate: (0, import_date_fns22.startOfMonth)(/* @__PURE__ */ new Date()),
+      endDate: (0, import_date_fns22.endOfMonth)(/* @__PURE__ */ new Date())
     },
     changeDateRange: () => {
     }
@@ -9653,7 +9680,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 };
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_date_fns22 = require("date-fns");
+var import_date_fns23 = require("date-fns");
 var import_swr7 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
@@ -9734,26 +9761,26 @@ var validateName = (formData) => {
 var flattenAccounts = (accounts) => accounts.flatMap((a) => [a, flattenAccounts(a.sub_accounts || [])]).flat().filter((id) => id);
 var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: initialEndDate } = {
   withDates: false,
-  startDate: (0, import_date_fns22.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns22.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns23.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns23.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const { auth, businessId, apiUrl } = useLayerContext();
   const [form, setForm] = (0, import_react100.useState)();
   const [sendingForm, setSendingForm] = (0, import_react100.useState)(false);
   const [apiError, setApiError] = (0, import_react100.useState)(void 0);
   const [startDate, setStartDate] = (0, import_react100.useState)(
-    initialStartDate ?? (0, import_date_fns22.startOfMonth)(Date.now())
+    initialStartDate ?? (0, import_date_fns23.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react100.useState)(
-    initialEndDate ?? (0, import_date_fns22.endOfMonth)(Date.now())
+    initialEndDate ?? (0, import_date_fns23.endOfMonth)(Date.now())
   );
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr7.default)(
     businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`,
     Layer.getLedgerAccountBalances(apiUrl, auth?.access_token, {
       params: {
         businessId,
-        startDate: withDates && startDate ? (0, import_date_fns22.formatISO)(startDate.valueOf()) : void 0,
-        endDate: withDates && endDate ? (0, import_date_fns22.formatISO)(endDate.valueOf()) : void 0
+        startDate: withDates && startDate ? (0, import_date_fns23.formatISO)(startDate.valueOf()) : void 0,
+        endDate: withDates && endDate ? (0, import_date_fns23.formatISO)(endDate.valueOf()) : void 0
       }
     })
   );
@@ -10507,7 +10534,7 @@ var Card = ({ children, className }) => {
 
 // src/components/DateTime/DateTime.tsx
 var import_react109 = __toESM(require("react"));
-var import_date_fns23 = require("date-fns");
+var import_date_fns24 = require("date-fns");
 var DateTime = ({
   value,
   format: format7,
@@ -10517,10 +10544,10 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format7) {
-    return /* @__PURE__ */ import_react109.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns23.format)((0, import_date_fns23.parseISO)(value), format7));
+    return /* @__PURE__ */ import_react109.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(value), format7));
   }
-  const date = (0, import_date_fns23.format)((0, import_date_fns23.parseISO)(value), dateFormat ?? DATE_FORMAT);
-  const time = (0, import_date_fns23.format)((0, import_date_fns23.parseISO)(value), timeFormat ?? TIME_FORMAT);
+  const date = (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(value), dateFormat ?? DATE_FORMAT);
+  const time = (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(value), timeFormat ?? TIME_FORMAT);
   return /* @__PURE__ */ import_react109.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react109.default.createElement(
     Text,
     {
@@ -10650,7 +10677,7 @@ var LedgerAccountEntryDetails = () => {
 // src/components/LedgerAccount/LedgerAccountRow.tsx
 var import_react113 = __toESM(require("react"));
 var import_classnames47 = __toESM(require("classnames"));
-var import_date_fns24 = require("date-fns");
+var import_date_fns25 = require("date-fns");
 var LedgerAccountRow = ({
   row,
   index,
@@ -10689,7 +10716,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react113.default.createElement(Text, null, row.date && (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react113.default.createElement(
+      /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react113.default.createElement(Text, null, row.date && (0, import_date_fns25.format)((0, import_date_fns25.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react113.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -10722,7 +10749,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react113.default.createElement(Text, null, row.date && (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react113.default.createElement(
+      /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react113.default.createElement(Text, null, row.date && (0, import_date_fns25.format)((0, import_date_fns25.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react113.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -10751,7 +10778,7 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns24.format)((0, import_date_fns24.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns25.format)((0, import_date_fns25.parseISO)(row.date), DATE_FORMAT))),
     /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
     /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
     /* @__PURE__ */ import_react113.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
@@ -10985,7 +11012,7 @@ var useDrawer = () => {
 };
 
 // src/providers/LayerProvider/LayerProvider.tsx
-var import_date_fns25 = require("date-fns");
+var import_date_fns26 = require("date-fns");
 var import_swr9 = __toESM(require("swr"));
 var reducer = (state, action) => {
   switch (action.type) {
@@ -11069,7 +11096,7 @@ var LayerProvider = ({
     toasts: []
   });
   const { data: auth } = appId !== void 0 && appSecret !== void 0 ? (0, import_swr9.default)(
-    businessAccessToken === void 0 && appId !== void 0 && appSecret !== void 0 && (0, import_date_fns25.isBefore)(state.auth.expires_at, /* @__PURE__ */ new Date()) && "authenticate",
+    businessAccessToken === void 0 && appId !== void 0 && appSecret !== void 0 && (0, import_date_fns26.isBefore)(state.auth.expires_at, /* @__PURE__ */ new Date()) && "authenticate",
     Layer.authenticate({
       appId,
       appSecret,
@@ -11087,7 +11114,7 @@ var LayerProvider = ({
             access_token: businessAccessToken,
             token_type: "Bearer",
             expires_in: 3600,
-            expires_at: (0, import_date_fns25.add)(/* @__PURE__ */ new Date(), { seconds: 3600 })
+            expires_at: (0, import_date_fns26.add)(/* @__PURE__ */ new Date(), { seconds: 3600 })
           }
         }
       });
@@ -11097,7 +11124,7 @@ var LayerProvider = ({
         payload: {
           auth: {
             ...auth,
-            expires_at: (0, import_date_fns25.add)(/* @__PURE__ */ new Date(), { seconds: auth.expires_in })
+            expires_at: (0, import_date_fns26.add)(/* @__PURE__ */ new Date(), { seconds: auth.expires_in })
           }
         }
       });
@@ -11522,7 +11549,7 @@ var import_react128 = __toESM(require("react"));
 // src/components/JournalRow/JournalRow.tsx
 var import_react123 = __toESM(require("react"));
 var import_classnames50 = __toESM(require("classnames"));
-var import_date_fns26 = require("date-fns");
+var import_date_fns27 = require("date-fns");
 var INDENTATION2 = 24;
 var EXPANDED_STYLE2 = {
   height: "100%",
@@ -11635,7 +11662,7 @@ var JournalRow = ({
         )
       ))),
       /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
-      /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns26.format)((0, import_date_fns26.parseISO)(row.date), DATE_FORMAT))),
+      /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns27.format)((0, import_date_fns27.parseISO)(row.date), DATE_FORMAT))),
       /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
       /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
       /* @__PURE__ */ import_react123.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
@@ -12096,13 +12123,13 @@ var import_react133 = __toESM(require("react"));
 // src/components/Onboarding/ConnectAccount.tsx
 var import_react132 = __toESM(require("react"));
 
-// src/icons/CreditCard.tsx
+// src/icons/Bell.tsx
 var React137 = __toESM(require("react"));
-var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React137.createElement(
+var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React137.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 18 18",
     fill: "none",
     ...props,
     width: size,
@@ -12111,13 +12138,46 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React137.createEle
   /* @__PURE__ */ React137.createElement(
     "path",
     {
-      d: "M10.5 2H1.5C0.947715 2 0.5 2.44772 0.5 3V9C0.5 9.55228 0.947715 10 1.5 10H10.5C11.0523 10 11.5 9.55228 11.5 9V3C11.5 2.44772 11.0523 2 10.5 2Z",
+      d: "M13.5 6C13.5 4.80653 13.0259 3.66193 12.182 2.81802C11.3381 1.97411 10.1935 1.5 9 1.5C7.80653 1.5 6.66193 1.97411 5.81802 2.81802C4.97411 3.66193 4.5 4.80653 4.5 6C4.5 11.25 2.25 12.75 2.25 12.75H15.75C15.75 12.75 13.5 11.25 13.5 6Z",
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
   ),
   /* @__PURE__ */ React137.createElement(
+    "path",
+    {
+      d: "M10.2975 15.75C10.1656 15.9773 9.97638 16.166 9.74867 16.2971C9.52096 16.4283 9.26278 16.4973 9 16.4973C8.73721 16.4973 8.47904 16.4283 8.25133 16.2971C8.02362 16.166 7.83436 15.9773 7.7025 15.75",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+var Bell_default = Bell;
+
+// src/icons/CreditCard.tsx
+var React138 = __toESM(require("react"));
+var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    ...props,
+    width: size,
+    height: size
+  },
+  /* @__PURE__ */ React138.createElement(
+    "path",
+    {
+      d: "M10.5 2H1.5C0.947715 2 0.5 2.44772 0.5 3V9C0.5 9.55228 0.947715 10 1.5 10H10.5C11.0523 10 11.5 9.55228 11.5 9V3C11.5 2.44772 11.0523 2 10.5 2Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ React138.createElement(
     "path",
     {
       d: "M0.5 5H11.5",
@@ -12130,8 +12190,8 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React137.createEle
 var CreditCard_default = CreditCard;
 
 // src/icons/Folder.tsx
-var React138 = __toESM(require("react"));
-var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElement(
+var React139 = __toESM(require("react"));
+var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React139.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12141,7 +12201,7 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElement
     width: size,
     height: size
   },
-  /* @__PURE__ */ React138.createElement(
+  /* @__PURE__ */ React139.createElement(
     "path",
     {
       d: "M11 9.5C11 9.76522 10.8946 10.0196 10.7071 10.2071C10.5196 10.3946 10.2652 10.5 10 10.5H2C1.73478 10.5 1.48043 10.3946 1.29289 10.2071C1.10536 10.0196 1 9.76522 1 9.5V2.5C1 2.23478 1.10536 1.98043 1.29289 1.79289C1.48043 1.60536 1.73478 1.5 2 1.5H4.5L5.5 3H10C10.2652 3 10.5196 3.10536 10.7071 3.29289C10.8946 3.48043 11 3.73478 11 4V9.5Z",
@@ -12154,8 +12214,8 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React138.createElement
 var Folder_default = Folder;
 
 // src/icons/Link.tsx
-var React139 = __toESM(require("react"));
-var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React139.createElement(
+var React140 = __toESM(require("react"));
+var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React140.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12165,7 +12225,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React139.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React139.createElement(
+  /* @__PURE__ */ React140.createElement(
     "path",
     {
       d: "M7.5 9.75C7.82209 10.1806 8.23302 10.5369 8.70491 10.7947C9.17681 11.0525 9.69863 11.2058 10.235 11.2442C10.7713 11.2827 11.3097 11.2053 11.8135 11.0173C12.3173 10.8294 12.7748 10.5353 13.155 10.155L15.405 7.905C16.0881 7.19774 16.4661 6.25048 16.4575 5.26724C16.449 4.284 16.0546 3.34346 15.3593 2.64818C14.664 1.9529 13.7235 1.55851 12.7403 1.54997C11.757 1.54143 10.8098 1.9194 10.1025 2.6025L8.8125 3.885",
@@ -12174,7 +12234,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React139.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React139.createElement(
+  /* @__PURE__ */ React140.createElement(
     "path",
     {
       d: "M10.5 8.25C10.1779 7.8194 9.76698 7.46311 9.29508 7.2053C8.82319 6.94748 8.30137 6.79416 7.76501 6.75575C7.22865 6.71734 6.69031 6.79473 6.18649 6.98266C5.68267 7.1706 5.22516 7.4647 4.845 7.845L2.595 10.095C1.9119 10.8023 1.53393 11.7495 1.54247 12.7328C1.55101 13.716 1.9454 14.6565 2.64068 15.3518C3.33596 16.0471 4.2765 16.4415 5.25974 16.45C6.24298 16.4586 7.19024 16.0806 7.8975 15.3975L9.18 14.115",
@@ -12200,8 +12260,8 @@ var PlaidIcon = () => {
 var PlaidIcon_default = PlaidIcon;
 
 // src/icons/Sunrise.tsx
-var React141 = __toESM(require("react"));
-var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElement(
+var React142 = __toESM(require("react"));
+var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React142.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12211,7 +12271,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M8.5 9C8.5 8.33696 8.23661 7.70107 7.76777 7.23223C7.29893 6.76339 6.66304 6.5 6 6.5C5.33696 6.5 4.70107 6.76339 4.23223 7.23223C3.76339 7.70107 3.5 8.33696 3.5 9",
@@ -12220,7 +12280,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M6 3.3335V4.66683",
@@ -12229,7 +12289,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M2.11 5.10986L2.82 5.81986",
@@ -12238,7 +12298,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M0.5 9H1.5",
@@ -12247,7 +12307,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M10.5 9H11.5",
@@ -12256,7 +12316,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M9.17999 5.81986L9.88999 5.10986",
@@ -12265,7 +12325,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React141.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M11.5 11H0.5",
@@ -12327,16 +12387,15 @@ var ActionableRow = ({
 // src/components/Onboarding/ConnectAccount.tsx
 var ConnectAccount = ({
   onboardingStep,
-  onTransactionsToReviewClick
+  onTransactionsToReviewClick,
+  currentMonthOnly = true
 }) => {
   const { addConnection } = (0, import_react132.useContext)(LinkedAccountsContext);
   const { data, isLoading } = useBankTransactions();
-  const transactionsToReview = (0, import_react132.useMemo)(() => {
-    if (data && data.length > 0) {
-      return data.filter((tx) => filterVisibility("review" /* review */, tx)).length;
-    }
-    return 0;
-  }, [data, isLoading]);
+  const transactionsToReview = (0, import_react132.useMemo)(
+    () => countTransactionsToReview({ transactions: data, currentMonthOnly }),
+    [data, isLoading]
+  );
   if (onboardingStep === "connectAccount") {
     return /* @__PURE__ */ import_react132.default.createElement(import_react132.default.Fragment, null, /* @__PURE__ */ import_react132.default.createElement(
       DataState,
@@ -12375,7 +12434,16 @@ var ConnectAccount = ({
     ActionableRow,
     {
       icon: /* @__PURE__ */ import_react132.default.createElement(Folder_default, { size: 12 }),
-      title: /* @__PURE__ */ import_react132.default.createElement(Text, null, "Categorise transactions", " ", /* @__PURE__ */ import_react132.default.createElement(Badge, { variant: "warning" /* WARNING */, size: "small" /* SMALL */ }, transactionsToReview, " pending")),
+      title: /* @__PURE__ */ import_react132.default.createElement(Text, null, "Categorise transactions", " ", /* @__PURE__ */ import_react132.default.createElement(
+        Badge,
+        {
+          variant: "warning" /* WARNING */,
+          size: "small" /* SMALL */,
+          icon: /* @__PURE__ */ import_react132.default.createElement(Bell_default, { size: 12 })
+        },
+        transactionsToReview,
+        " pending"
+      )),
       description: "Once your data is on the platform categorize them in Bank Transactions tab",
       onClick: () => onTransactionsToReviewClick()
     }
@@ -12484,8 +12552,8 @@ var useTasks = () => {
 var import_react135 = __toESM(require("react"));
 
 // src/icons/ProgressIcon.tsx
-var React145 = __toESM(require("react"));
-var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createElement(
+var React146 = __toESM(require("react"));
+var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React146.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12495,7 +12563,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
     width: size,
     height: size
   },
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M9 1.5V4.5",
@@ -12504,7 +12572,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M9 13.5V16.5",
@@ -12513,7 +12581,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M3.6975 3.6975L5.82 5.82",
@@ -12522,7 +12590,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M12.18 12.18L14.3025 14.3025",
@@ -12531,7 +12599,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M1.5 9H4.5",
@@ -12540,7 +12608,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M13.5 9H16.5",
@@ -12549,7 +12617,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M3.6975 14.3025L5.82 12.18",
@@ -12558,7 +12626,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React145.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React145.createElement(
+  /* @__PURE__ */ React146.createElement(
     "path",
     {
       d: "M12.18 5.82L14.3025 3.6975",
@@ -12607,8 +12675,8 @@ var TasksHeader = () => {
 var import_react137 = __toESM(require("react"));
 
 // src/icons/SmileIcon.tsx
-var React147 = __toESM(require("react"));
-var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React147.createElement(
+var React148 = __toESM(require("react"));
+var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React148.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -12618,7 +12686,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React147.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React147.createElement(
+  /* @__PURE__ */ React148.createElement(
     "path",
     {
       d: "M6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5Z",
@@ -12627,7 +12695,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React147.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React147.createElement(
+  /* @__PURE__ */ React148.createElement(
     "path",
     {
       d: "M4.5 7.5C4.5 7.5 5.25 8.5 6.5 8.5C7.75 8.5 8.5 7.5 8.5 7.5",
@@ -12636,7 +12704,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React147.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React147.createElement(
+  /* @__PURE__ */ React148.createElement(
     "path",
     {
       d: "M5 5H5.005",
@@ -12645,7 +12713,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React147.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React147.createElement(
+  /* @__PURE__ */ React148.createElement(
     "path",
     {
       d: "M8 5H8.005",
@@ -12802,39 +12870,6 @@ var import_react145 = __toESM(require("react"));
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
 var import_react142 = __toESM(require("react"));
 
-// src/icons/Bell.tsx
-var React152 = __toESM(require("react"));
-var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React152.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18",
-    fill: "none",
-    ...props,
-    width: size,
-    height: size
-  },
-  /* @__PURE__ */ React152.createElement(
-    "path",
-    {
-      d: "M13.5 6C13.5 4.80653 13.0259 3.66193 12.182 2.81802C11.3381 1.97411 10.1935 1.5 9 1.5C7.80653 1.5 6.66193 1.97411 5.81802 2.81802C4.97411 3.66193 4.5 4.80653 4.5 6C4.5 11.25 2.25 12.75 2.25 12.75H15.75C15.75 12.75 13.5 11.25 13.5 6Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ React152.createElement(
-    "path",
-    {
-      d: "M10.2975 15.75C10.1656 15.9773 9.97638 16.166 9.74867 16.2971C9.52096 16.4283 9.26278 16.4973 9 16.4973C8.73721 16.4973 8.47904 16.4283 8.25133 16.2971C8.02362 16.166 7.83436 15.9773 7.7025 15.75",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-var Bell_default = Bell;
-
 // src/components/BadgeLoader/BadgeLoader.tsx
 var import_react140 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
@@ -12861,7 +12896,8 @@ var NotificationCard = ({
 
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
 var TransactionToReviewCard = ({
-  onClick
+  onClick,
+  currentMonthOnly = true
 }) => {
   const [loaded, setLoaded] = (0, import_react142.useState)("initiated");
   const { data, isLoading, error, refetch } = useBankTransactions();
@@ -12879,12 +12915,10 @@ var TransactionToReviewCard = ({
       return;
     }
   }, [isLoading]);
-  const toReview = (0, import_react142.useMemo)(() => {
-    if (data && data.length > 0) {
-      return data.filter((tx) => filterVisibility("review" /* review */, tx)).length;
-    }
-    return 0;
-  }, [data, isLoading]);
+  const toReview = (0, import_react142.useMemo)(
+    () => countTransactionsToReview({ transactions: data, currentMonthOnly }),
+    [data, isLoading]
+  );
   return /* @__PURE__ */ import_react142.default.createElement(
     NotificationCard,
     {
@@ -12952,7 +12986,12 @@ var AccountingOverview = ({
   onTransactionsToReviewClick
 }) => {
   const [pnlToggle, setPnlToggle] = (0, import_react145.useState)("revenue");
-  return /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react145.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react145.default.createElement(Onboarding, null), /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react145.default.createElement(TransactionToReviewCard, { onClick: onTransactionsToReviewClick })), /* @__PURE__ */ import_react145.default.createElement(
+  return /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react145.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react145.default.createElement(
+    Onboarding,
+    {
+      onTransactionsToReviewClick
+    }
+  ), /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react145.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react145.default.createElement(TransactionToReviewCard, { onClick: onTransactionsToReviewClick })), /* @__PURE__ */ import_react145.default.createElement(
     Container,
     {
       name: "accounting-overview-profit-and-loss",
@@ -13006,7 +13045,8 @@ var BankTransactionsWithLinkedAccounts = ({
   elevatedLinkedAccounts = true,
   showLedgerBalance = true,
   showDescriptions,
-  showReceiptUploads
+  showReceiptUploads,
+  mobileComponent
 }) => {
   return /* @__PURE__ */ import_react146.default.createElement(View3, { title }, /* @__PURE__ */ import_react146.default.createElement(
     LinkedAccounts,
@@ -13019,7 +13059,8 @@ var BankTransactionsWithLinkedAccounts = ({
     {
       asWidget: true,
       showDescriptions,
-      showReceiptUploads
+      showReceiptUploads,
+      mobileComponent
     }
   ));
 };