@layerfi/components 0.1.44 → 0.1.46

package/dist/index.js

@@ -608,6 +608,7 @@ var DEPENDENCIES = {
   ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: ALL_TOUCHABLE,
   ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: ALL_TOUCHABLE
 };
+var readTimestampsG = {};
 var useDataSync = () => {
   const initialTimestamp = Date.now();
   const [syncTimestamps, setSyncTimestamps] = (0, import_react7.useState)({
@@ -619,38 +620,31 @@ var useDataSync = () => {
     ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: initialTimestamp,
     ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: initialTimestamp
   });
-  const [readTimestamps, setReadTimestamps] = (0, import_react7.useState)({
-    ["BALANCE_SHEET" /* BALANCE_SHEET */]: initialTimestamp,
-    ["CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */]: initialTimestamp,
-    ["JOURNAL" /* JOURNAL */]: initialTimestamp,
-    ["LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */]: initialTimestamp,
-    ["LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */]: initialTimestamp,
-    ["PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */]: initialTimestamp,
-    ["STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */]: initialTimestamp
-  });
+  const [readTimestamps, setReadTimestamps] = (0, import_react7.useState)({});
   const touch = (model) => {
     setSyncTimestamps({
       ...syncTimestamps,
       [model]: Date.now()
     });
   };
-  const read = (model) => {
-    setReadTimestamps({
-      ...readTimestamps,
-      [model]: Date.now()
-    });
+  const read = (model, cacheKey) => {
+    readTimestampsG = {
+      ...readTimestampsG,
+      [cacheKey]: {
+        t: Date.now(),
+        m: model
+      }
+    };
+    setReadTimestamps({ ...readTimestampsG });
   };
-  const hasBeenTouched = (model) => {
-    if (!(model in DEPENDENCIES)) {
+  const hasBeenTouched = (cacheKey) => {
+    const lastRead = cacheKey in readTimestamps ? readTimestamps[cacheKey] : void 0;
+    if (!lastRead || !lastRead?.m || !lastRead?.t) {
       return false;
     }
-    const lastRead = model in readTimestamps ? readTimestamps[model] : void 0;
-    if (!lastRead) {
-      false;
-    }
     return Boolean(
-      DEPENDENCIES[model]?.find((dep) => {
-        return dep in syncTimestamps && Boolean(syncTimestamps[dep]) && syncTimestamps[dep] > lastRead;
+      DEPENDENCIES[lastRead.m]?.find((dep) => {
+        return dep in syncTimestamps && Boolean(syncTimestamps[dep]) && syncTimestamps[dep] > lastRead.t;
       })
     );
   };
@@ -704,7 +698,7 @@ var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
 
 // src/types/categories.ts
 function hasSuggestions(categorization) {
-  return categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
+  return categorization != null && categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
 }
 
 // src/contexts/BankTransactionsContext/BankTransactionsContext.tsx
@@ -1068,11 +1062,11 @@ var useBankTransactions = (params) => {
   };
   (0, import_react10.useEffect)(() => {
     if (isLoading || isValidating) {
-      read("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
+      read("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */, "bank-transactions");
     }
   }, [isLoading, isValidating]);
   (0, import_react10.useEffect)(() => {
-    if (hasBeenTouched("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */)) {
+    if (hasBeenTouched("bank-transactions")) {
       refetch();
     }
   }, [syncTimestamps]);
@@ -1479,7 +1473,7 @@ var LayerProvider = ({
       });
     }
   }, [businessAccessToken, auth?.access_token]);
-  (0, import_swr.default)(
+  const { data: categoriesData } = (0, import_swr.default)(
     businessId && state.auth?.access_token && `categories-${businessId}`,
     Layer.getCategories(apiUrl, state.auth?.access_token, {
       params: { businessId }
@@ -1496,7 +1490,15 @@ var LayerProvider = ({
       }
     }
   );
-  (0, import_swr.default)(
+  (0, import_react12.useEffect)(() => {
+    if (categoriesData?.data?.categories?.length) {
+      dispatch({
+        type: "LayerContext.setCategories" /* setCategories */,
+        payload: { categories: categoriesData.data.categories || [] }
+      });
+    }
+  }, [categoriesData]);
+  const { data: businessData } = (0, import_swr.default)(
     businessId && state?.auth?.access_token && `business-${businessId}`,
     Layer.getBusiness(apiUrl, state?.auth?.access_token, {
       params: { businessId }
@@ -1513,6 +1515,14 @@ var LayerProvider = ({
       }
     }
   );
+  (0, import_react12.useEffect)(() => {
+    if (businessData?.data) {
+      dispatch({
+        type: "LayerContext.setBusiness" /* setBusiness */,
+        payload: { business: businessData.data || [] }
+      });
+    }
+  }, [businessData]);
   const setTheme = (theme2) => {
     dispatch({
       type: "LayerContext.setTheme" /* setTheme */,
@@ -1771,6 +1781,7 @@ var useLinkedAccounts = () => {
   const [loadingStatus, setLoadingStatus] = (0, import_react14.useState)("initial");
   const USE_PLAID_SANDBOX = usePlaidSandbox ?? true;
   const [linkMode, setLinkMode] = (0, import_react14.useState)("add");
+  const queryKey = businessId && auth?.access_token && `linked-accounts-${businessId}`;
   const {
     data: responseData,
     isLoading,
@@ -1778,7 +1789,7 @@ var useLinkedAccounts = () => {
     error: responseError,
     mutate
   } = (0, import_swr2.default)(
-    businessId && auth?.access_token && `linked-accounts-${businessId}`,
+    queryKey,
     Layer.getLinkedAccounts(apiUrl, auth?.access_token, {
       params: { businessId }
     })
@@ -1967,12 +1978,12 @@ var useLinkedAccounts = () => {
     touch("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
   };
   (0, import_react14.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react14.useEffect)(() => {
-    if (hasBeenTouched("LINKED_ACCOUNTS" /* LINKED_ACCOUNTS */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetchAccounts();
     }
   }, [syncTimestamps]);
@@ -4018,14 +4029,14 @@ var LinkedAccountThumb = ({
       className: "account-institution",
       size: "sm"
     },
-    account.institution?.name
+    account.institution?.name ? account.institution?.name : account.external_account_name
   )), /* @__PURE__ */ import_react47.default.createElement("div", { className: "topbar-logo" }, account.institution?.logo != void 0 ? /* @__PURE__ */ import_react47.default.createElement(
     "img",
     {
       width: 28,
       height: 28,
       src: `data:image/png;base64,${account.institution.logo}`,
-      alt: account.institution?.name
+      alt: account.institution?.name ? account.institution?.name : account.external_account_name
     }
   ) : /* @__PURE__ */ import_react47.default.createElement(InstitutionIcon_default, null))), account.is_syncing ? /* @__PURE__ */ import_react47.default.createElement("div", { className: "loadingbar" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "loading-text Layer__text--sm" }, /* @__PURE__ */ import_react47.default.createElement("div", null, "Syncing account data"), /* @__PURE__ */ import_react47.default.createElement("div", { className: "syncing-data-description" }, "This may take up to 5 minutes")), /* @__PURE__ */ import_react47.default.createElement("div", { className: "loading-wrapper" }, /* @__PURE__ */ import_react47.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }))) : /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, !asWidget && /* @__PURE__ */ import_react47.default.createElement("div", { className: "middlebar" }, /* @__PURE__ */ import_react47.default.createElement(
     Text,
@@ -4237,7 +4248,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-var import_react97 = __toESM(require("react"));
+var import_react96 = __toESM(require("react"));
 
 // src/hooks/useElementSize/useElementSize.ts
 var import_react50 = require("react");
@@ -4280,151 +4291,10 @@ var debounce = (fnc, timeout = 300) => {
 };
 
 // src/components/BankTransactionList/BankTransactionList.tsx
-var import_react72 = __toESM(require("react"));
-
-// src/components/BankTransactionList/BankTransactionListItem.tsx
 var import_react71 = __toESM(require("react"));
 
-// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react51 = require("react");
-var import_date_fns4 = require("date-fns");
-var import_swr3 = __toESM(require("swr"));
-var buildDates = ({ currentDate }) => {
-  return {
-    startYear: (0, import_date_fns4.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns4.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns4.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns4.startOfMonth)(currentDate).getMonth() + 1
-  };
-};
-var buildMonthsArray = (startDate, endDate) => {
-  if (startDate >= endDate) {
-    return [];
-  }
-  var dates = [];
-  for (var d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
-    dates.push(new Date(d));
-  }
-  return dates;
-};
-var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
-  currentDate: /* @__PURE__ */ new Date()
-}) => {
-  const { businessId, auth, apiUrl, syncTimestamps, read, hasBeenTouched } = useLayerContext();
-  const [date, setDate] = (0, import_react51.useState)(currentDate);
-  const [loaded, setLoaded] = (0, import_react51.useState)("initial");
-  const [data, setData] = (0, import_react51.useState)([]);
-  const { startYear, startMonth, endYear, endMonth } = (0, import_react51.useMemo)(() => {
-    return buildDates({ currentDate: date });
-  }, [date, businessId, tagFilter, reportingBasis]);
-  const {
-    data: rawData,
-    isLoading,
-    isValidating,
-    error,
-    mutate
-  } = (0, import_swr3.default)(
-    businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && auth?.access_token && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter?.key}-${tagFilter?.values?.join(
-      ","
-    )}-${reportingBasis}`,
-    Layer.getProfitAndLossSummaries(apiUrl, auth?.access_token, {
-      params: {
-        businessId,
-        startYear: startYear.toString(),
-        startMonth: startMonth.toString(),
-        endYear: endYear.toString(),
-        endMonth: endMonth.toString(),
-        tagKey: tagFilter?.key,
-        tagValues: tagFilter?.values?.join(","),
-        reportingBasis
-      }
-    })
-  );
-  (0, import_react51.useEffect)(() => {
-    const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns4.sub)(date, { years: 1 }), date);
-    if (newData && newPeriod) {
-      newPeriod.forEach((x) => {
-        if (!newData?.find(
-          (n) => x.getMonth() + 1 === n.month && x.getFullYear() === n.year
-        )) {
-          newData.push({
-            year: x.getFullYear(),
-            month: x.getMonth() + 1,
-            income: 0,
-            costOfGoodsSold: 0,
-            grossProfit: 0,
-            operatingExpenses: 0,
-            profitBeforeTaxes: 0,
-            taxes: 0,
-            netProfit: 0,
-            fullyCategorized: false,
-            totalExpenses: 0,
-            uncategorizedInflows: 0,
-            uncategorizedOutflows: 0,
-            uncategorized_transactions: 0,
-            isLoading: true
-          });
-        }
-      });
-    }
-    if (newData) {
-      setData(
-        newData.sort(
-          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
-        )
-      );
-    }
-  }, [startYear, startMonth]);
-  (0, import_react51.useEffect)(() => {
-    const newData = rawData?.data?.months?.slice();
-    if (data && newData) {
-      data.forEach((x) => {
-        if (!newData?.find((n) => x.month === n.month && x.year === n.year)) {
-          newData.push({ ...x });
-        }
-      });
-    }
-    if (newData) {
-      setData(
-        newData.sort(
-          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
-        )
-      );
-    }
-  }, [rawData]);
-  (0, import_react51.useEffect)(() => {
-    if (isLoading && loaded === "initial") {
-      setLoaded("loading");
-      return;
-    }
-    if (!isLoading && rawData) {
-      setLoaded("complete");
-    }
-  }, [data, isLoading]);
-  const pullData = (date2) => setDate(date2);
-  (0, import_react51.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
-    }
-  }, [isLoading, isValidating]);
-  (0, import_react51.useEffect)(() => {
-    if (hasBeenTouched("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */)) {
-      mutate();
-    }
-  }, [syncTimestamps]);
-  const refetch = () => {
-    mutate();
-  };
-  return {
-    data,
-    isLoading,
-    loaded,
-    error,
-    pullData,
-    refetch
-  };
-};
+// src/components/BankTransactionList/BankTransactionListItem.tsx
+var import_react70 = __toESM(require("react"));
 
 // src/icons/ChevronDownFill.tsx
 var React57 = __toESM(require("react"));
@@ -4452,7 +4322,7 @@ var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React57.creat
 var ChevronDownFill_default = ChevronDownFill;
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-var import_react69 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 
 // src/icons/Scissors.tsx
 var React58 = __toESM(require("react"));
@@ -4585,7 +4455,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React58.createElemen
 var Scissors_default = Scissors;
 
 // src/components/CategorySelect/CategorySelect.tsx
-var import_react55 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 
 // src/icons/Check.tsx
@@ -4688,20 +4558,20 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createEle
 var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-var import_react54 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-var import_react53 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 
 // src/components/ActionableList/ActionableList.tsx
-var import_react52 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_classnames21 = __toESM(require("classnames"));
 var ActionableList = ({
   options,
   onClick,
   selected
 }) => {
-  return /* @__PURE__ */ import_react52.default.createElement("ul", { className: "Layer__actionable-list" }, options.map((x, idx) => /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement("ul", { className: "Layer__actionable-list" }, options.map((x, idx) => /* @__PURE__ */ import_react51.default.createElement(
     "li",
     {
       role: "button",
@@ -4712,15 +4582,15 @@ var ActionableList = ({
         x.asLink && "Layer__actionable-list-item--as-link"
       )
     },
-    /* @__PURE__ */ import_react52.default.createElement(Text, null, x.label),
-    !x.asLink && selected && selected.id === x.id ? /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react51.default.createElement(Text, null, x.label),
+    !x.asLink && selected && selected.id === x.id ? /* @__PURE__ */ import_react51.default.createElement(
       Check_default,
       {
         size: 16,
         className: "Layer__actionable-list__selected-icon"
       }
     ) : null,
-    x.asLink && /* @__PURE__ */ import_react52.default.createElement(
+    x.asLink && /* @__PURE__ */ import_react51.default.createElement(
       ChevronRight_default,
       {
         size: 16,
@@ -4787,8 +4657,8 @@ var getAssignedValue = (bankTransaction) => {
 var BusinessCategories = ({ select }) => {
   const { categories } = useLayerContext();
   const categoryOptions = flattenCategories(categories);
-  const [optionsToShow, setOptionsToShow] = (0, import_react53.useState)(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = (0, import_react53.useState)();
+  const [optionsToShow, setOptionsToShow] = (0, import_react52.useState)(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = (0, import_react52.useState)();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -4797,14 +4667,14 @@ var BusinessCategories = ({ select }) => {
     }
     select(v);
   };
-  return /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__categories_list-container" }, /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__categories_list-container" }, /* @__PURE__ */ import_react52.default.createElement(
     Text,
     {
       weight: "bold" /* bold */,
       className: "Layer__bank-transaction-mobile-list-item__categories_list-title"
     },
     selectedGroup ?? "Select category"
-  ), /* @__PURE__ */ import_react53.default.createElement(
+  ), /* @__PURE__ */ import_react52.default.createElement(
     ActionableList,
     {
       options: optionsToShow,
@@ -4819,12 +4689,12 @@ var CategorySelectDrawer = ({
   onSelect,
   selected
 }) => {
-  const { setContent, close } = (0, import_react54.useContext)(DrawerContext);
+  const { setContent, close } = (0, import_react53.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
     close();
     onSelect(value);
   };
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(
     "button",
     {
       "aria-label": "Select category",
@@ -4833,11 +4703,11 @@ var CategorySelectDrawer = ({
         selected && "Layer__category-menu__drawer-btn--selected"
       ),
       onClick: () => setContent(
-        /* @__PURE__ */ import_react54.default.createElement(CategorySelectDrawerContent, { onSelect: onDrawerCategorySelect })
+        /* @__PURE__ */ import_react53.default.createElement(CategorySelectDrawerContent, { onSelect: onDrawerCategorySelect })
       )
     },
     selected?.payload?.display_name ?? "Select...",
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       ChevronDown_default,
       {
         size: 16,
@@ -4848,7 +4718,7 @@ var CategorySelectDrawer = ({
 };
 var CategorySelectDrawerContent = ({
   onSelect
-}) => /* @__PURE__ */ import_react54.default.createElement(
+}) => /* @__PURE__ */ import_react53.default.createElement(
   BusinessCategories,
   {
     select: (option) => {
@@ -4864,7 +4734,7 @@ var CategorySelectDrawerContent = ({
 
 // src/components/CategorySelect/CategorySelect.tsx
 var import_classnames23 = __toESM(require("classnames"));
-var import_date_fns5 = require("date-fns");
+var import_date_fns4 = require("date-fns");
 var mapCategoryToOption2 = (category) => {
   return {
     type: "category" /* CATEGORY */,
@@ -4891,10 +4761,10 @@ var mapSuggestedMatchToOption = (record) => {
   };
 };
 var DropdownIndicator = (props) => {
-  return /* @__PURE__ */ import_react55.default.createElement(import_react_select.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react55.default.createElement(ChevronDown_default, null));
+  return /* @__PURE__ */ import_react54.default.createElement(import_react_select.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react54.default.createElement(ChevronDown_default, null));
 };
 var GroupHeading = (props) => {
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     import_react_select.components.GroupHeading,
     {
       className: (0, import_classnames23.default)(
@@ -4910,24 +4780,24 @@ var Option2 = (props) => {
     return;
   }
   if (props.data.type === "match") {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       import_react_select.components.Option,
       {
         ...props,
         className: `${props.className} Layer__select__option-content__match`
       },
-      /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react55.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_react55.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
-      /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
+      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react54.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_react54.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
+      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
     );
   }
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     import_react_select.components.Option,
     {
       ...props,
       className: `Layer__select__option-menu-content ${props.className}`
     },
-    /* @__PURE__ */ import_react55.default.createElement("div", null, props.data.payload.display_name),
-    props.isSelected ? /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react55.default.createElement(Check_default, { size: 16 })) : null
+    /* @__PURE__ */ import_react54.default.createElement("div", null, props.data.payload.display_name),
+    props.isSelected ? /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react54.default.createElement(Check_default, { size: 16 })) : null
   );
 };
 var allCategoriesDivider = [
@@ -5013,9 +4883,9 @@ var CategorySelect = ({
   const selected = value ? value : !excludeMatches && matchOptions?.length === 1 && matchOptions[0].options.length === 1 ? matchOptions[0].options[0] : void 0;
   const placeholder = matchOptions?.length === 1 && matchOptions[0].options.length > 1 ? `${matchOptions[0].options.length} possible matches...` : "Categorize or match...";
   if (asDrawer) {
-    return /* @__PURE__ */ import_react55.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
+    return /* @__PURE__ */ import_react54.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
   }
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     import_react_select.default,
     {
       name,
@@ -5028,7 +4898,7 @@ var CategorySelect = ({
       isSearchable: true,
       placeholder,
       defaultValue: selected,
-      formatOptionLabel: (props) => /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-label" }, props.type === "match" && /* @__PURE__ */ import_react55.default.createElement(Badge, { size: "small" /* SMALL */, icon: /* @__PURE__ */ import_react55.default.createElement(MinimizeTwo_default, { size: 11 }) }, "Match"), /* @__PURE__ */ import_react55.default.createElement("span", null, props.payload.display_name)),
+      formatOptionLabel: (props) => /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-label" }, props.type === "match" && /* @__PURE__ */ import_react54.default.createElement(Badge, { size: "small" /* SMALL */, icon: /* @__PURE__ */ import_react54.default.createElement(MinimizeTwo_default, { size: 11 }) }, "Match"), /* @__PURE__ */ import_react54.default.createElement("span", null, props.payload.display_name)),
       value,
       onChange: (newValue) => newValue && onChange(newValue),
       getOptionLabel: (category) => category.payload.display_name,
@@ -5045,7 +4915,7 @@ var CategorySelect = ({
 };
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
-var import_react67 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 
 // src/icons/ScissorsFullOpen.tsx
 var React66 = __toESM(require("react"));
@@ -5160,7 +5030,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React67.createElement(
 var Trash_default = Trash;
 
 // src/components/Input/Input.tsx
-var import_react56 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var import_classnames24 = __toESM(require("classnames"));
 var Input = ({
   className,
@@ -5175,11 +5045,11 @@ var Input = ({
     leftText ? "Layer__input--with-left-text" : "",
     className
   );
-  return /* @__PURE__ */ import_react56.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react56.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react56.default.createElement("input", { ...props, className: baseClassName }), leftText && /* @__PURE__ */ import_react56.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react56.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react55.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react55.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react55.default.createElement("input", { ...props, className: baseClassName }), leftText && /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react55.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Input/InputGroup.tsx
-var import_react57 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var import_classnames25 = __toESM(require("classnames"));
 var InputGroup = ({
   label,
@@ -5193,7 +5063,7 @@ var InputGroup = ({
     className,
     inline && "Layer__input-group--inline"
   );
-  return /* @__PURE__ */ import_react57.default.createElement("div", { className: baseClassName }, label && /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement("div", { className: baseClassName }, label && /* @__PURE__ */ import_react56.default.createElement(
     Text,
     {
       as: "label",
@@ -5206,7 +5076,7 @@ var InputGroup = ({
 };
 
 // src/components/Input/FileInput.tsx
-var import_react58 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 
 // src/icons/UploadCloud.tsx
 var React70 = __toESM(require("react"));
@@ -5261,7 +5131,7 @@ var UploadCloud_default = UploadCloud;
 
 // src/components/Input/FileInput.tsx
 var FileInput = ({ text = "Upload", onUpload }) => {
-  const hiddenFileInput = (0, import_react58.useRef)(null);
+  const hiddenFileInput = (0, import_react57.useRef)(null);
   const onClick = () => {
     if (hiddenFileInput.current) {
       hiddenFileInput.current.click();
@@ -5273,15 +5143,15 @@ var FileInput = ({ text = "Upload", onUpload }) => {
       onUpload(fileUploaded);
     }
   };
-  return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(
     Button,
     {
       onClick,
       variant: "secondary" /* secondary */,
-      rightIcon: /* @__PURE__ */ import_react58.default.createElement(UploadCloud_default, null)
+      rightIcon: /* @__PURE__ */ import_react57.default.createElement(UploadCloud_default, null)
     },
     text
-  ), /* @__PURE__ */ import_react58.default.createElement(
+  ), /* @__PURE__ */ import_react57.default.createElement(
     "input",
     {
       type: "file",
@@ -5293,11 +5163,11 @@ var FileInput = ({ text = "Upload", onUpload }) => {
 };
 
 // src/components/Input/Select.tsx
-var import_react59 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_react_select2 = __toESM(require("react-select"));
 var import_classnames26 = __toESM(require("classnames"));
 var DropdownIndicator2 = (props) => {
-  return /* @__PURE__ */ import_react59.default.createElement(import_react_select2.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react59.default.createElement(ChevronDownFill_default, null));
+  return /* @__PURE__ */ import_react58.default.createElement(import_react_select2.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react58.default.createElement(ChevronDownFill_default, null));
 };
 var Select2 = ({
   name,
@@ -5316,7 +5186,7 @@ var Select2 = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  return /* @__PURE__ */ import_react59.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react59.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react59.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react58.default.createElement(
     import_react_select2.default,
     {
       name,
@@ -5331,11 +5201,11 @@ var Select2 = ({
       components: { DropdownIndicator: DropdownIndicator2 },
       isDisabled: disabled
     }
-  )), /* @__PURE__ */ import_react59.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  )), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Input/InputWithBadge.tsx
-var import_react60 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_classnames27 = __toESM(require("classnames"));
 var InputWithBadge = ({
   className,
@@ -5352,15 +5222,15 @@ var InputWithBadge = ({
     leftText ? "Layer__input--with-left-text" : "",
     className
   );
-  return /* @__PURE__ */ import_react60.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react60.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "Layer__input-with-badge" }, /* @__PURE__ */ import_react60.default.createElement("input", { ...props, className: baseClassName }), badge && /* @__PURE__ */ import_react60.default.createElement(Badge, { variant }, badge)), leftText && /* @__PURE__ */ import_react60.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react60.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react59.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react59.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "Layer__input-with-badge" }, /* @__PURE__ */ import_react59.default.createElement("input", { ...props, className: baseClassName }), badge && /* @__PURE__ */ import_react59.default.createElement(Badge, { variant }, badge)), leftText && /* @__PURE__ */ import_react59.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react59.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/MatchForm/MatchForm.tsx
-var import_react62 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 
 // src/components/BankTransactionRow/MatchBadge.tsx
-var import_react61 = __toESM(require("react"));
-var import_date_fns6 = require("date-fns");
+var import_react60 = __toESM(require("react"));
+var import_date_fns5 = require("date-fns");
 var MatchBadge = ({
   bankTransaction,
   classNamePrefix,
@@ -5369,11 +5239,11 @@ var MatchBadge = ({
 }) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ && bankTransaction.match) {
     const { date, amount } = bankTransaction.match.bank_transaction;
-    return /* @__PURE__ */ import_react61.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       Badge,
       {
-        icon: /* @__PURE__ */ import_react61.default.createElement(MinimizeTwo_default, { size: 11 }),
-        tooltip: /* @__PURE__ */ import_react61.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
+        icon: /* @__PURE__ */ import_react60.default.createElement(MinimizeTwo_default, { size: 11 }),
+        tooltip: /* @__PURE__ */ import_react60.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
       },
       text
     );
@@ -5383,7 +5253,7 @@ var MatchBadge = ({
 
 // src/components/MatchForm/MatchForm.tsx
 var import_classnames28 = __toESM(require("classnames"));
-var import_date_fns7 = require("date-fns");
+var import_date_fns6 = require("date-fns");
 var MatchForm = ({
   classNamePrefix,
   bankTransaction,
@@ -5392,13 +5262,13 @@ var MatchForm = ({
   matchFormError,
   readOnly = false
 }) => {
-  return /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__header` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__date` }, "Date"), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, "Description"), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "Amount"), /* @__PURE__ */ import_react62.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__header` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__date` }, "Date"), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, "Description"), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "Amount"), /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
       className: `${classNamePrefix}__match-table__status ${bankTransaction.match ? "" : "no-match"}`
     }
   )), bankTransaction.suggested_matches?.map((match, idx) => {
-    return /* @__PURE__ */ import_react62.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
         key: idx,
@@ -5417,15 +5287,15 @@ var MatchForm = ({
           setSelectedMatchId(match.id);
         }
       },
-      /* @__PURE__ */ import_react62.default.createElement(
+      /* @__PURE__ */ import_react61.default.createElement(
         "div",
         {
           className: `Layer__nowrap ${classNamePrefix}__match-table__date`
         },
-        /* @__PURE__ */ import_react62.default.createElement("span", null, (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), DATE_FORMAT)),
-        /* @__PURE__ */ import_react62.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
+        /* @__PURE__ */ import_react61.default.createElement("span", null, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(match.details.date), DATE_FORMAT)),
+        /* @__PURE__ */ import_react61.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
       ),
-      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react62.default.createElement(
+      /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react61.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-table__desc-tooltip`,
@@ -5433,7 +5303,7 @@ var MatchForm = ({
           as: "span"
         },
         match.details.description
-      ), match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react62.default.createElement("span", { className: "match-badge" }, /* @__PURE__ */ import_react62.default.createElement(
+      ), match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react61.default.createElement("span", { className: "match-badge" }, /* @__PURE__ */ import_react61.default.createElement(
         MatchBadge,
         {
           classNamePrefix,
@@ -5442,13 +5312,13 @@ var MatchForm = ({
           text: "Matched"
         }
       ))),
-      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "$", centsToDollars(match.details.amount)),
-      /* @__PURE__ */ import_react62.default.createElement(
+      /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "$", centsToDollars(match.details.amount)),
+      /* @__PURE__ */ import_react61.default.createElement(
         "div",
         {
           className: `${classNamePrefix}__match-table__status ${bankTransaction.match ? "" : "no-match"}`
         },
-        match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react62.default.createElement(
+        match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react61.default.createElement(
           MatchBadge,
           {
             classNamePrefix,
@@ -5459,13 +5329,13 @@ var MatchForm = ({
         )
       )
     );
-  }), matchFormError && /* @__PURE__ */ import_react62.default.createElement(ErrorText, null, matchFormError));
+  }), matchFormError && /* @__PURE__ */ import_react61.default.createElement(ErrorText, null, matchFormError));
 };
 
 // src/components/MatchForm/MatchFormMobile.tsx
-var import_react63 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_classnames29 = __toESM(require("classnames"));
-var import_date_fns8 = require("date-fns");
+var import_date_fns7 = require("date-fns");
 var MatchFormMobile = ({
   classNamePrefix,
   bankTransaction,
@@ -5473,8 +5343,8 @@ var MatchFormMobile = ({
   setSelectedMatchId,
   matchFormError
 }) => {
-  return /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-list` }, bankTransaction.suggested_matches?.map((match, idx) => {
-    return /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-list` }, bankTransaction.suggested_matches?.map((match, idx) => {
+    return /* @__PURE__ */ import_react62.default.createElement(
       "div",
       {
         key: idx,
@@ -5490,14 +5360,14 @@ var MatchFormMobile = ({
           setSelectedMatchId(match.id);
         }
       },
-      /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__col-details` }, /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__heading` }, /* @__PURE__ */ import_react63.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__col-details` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__heading` }, /* @__PURE__ */ import_react62.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__name`,
           as: "span"
         },
         match.details.description
-      ), /* @__PURE__ */ import_react63.default.createElement(
+      ), /* @__PURE__ */ import_react62.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__amount`,
@@ -5505,16 +5375,16 @@ var MatchFormMobile = ({
         },
         "$",
         centsToDollars(match.details.amount)
-      )), /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__details` }, /* @__PURE__ */ import_react63.default.createElement(
+      )), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__details` }, /* @__PURE__ */ import_react62.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__date`,
           size: "sm" /* sm */,
           as: "span"
         },
-        (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(match.details.date), MONTH_DAY_FORMAT)
+        (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), MONTH_DAY_FORMAT)
       ))),
-      /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react63.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react62.default.createElement(
         Check_default,
         {
           size: 16,
@@ -5522,11 +5392,11 @@ var MatchFormMobile = ({
         }
       ) : null)
     );
-  }), matchFormError && /* @__PURE__ */ import_react63.default.createElement(ErrorText, null, matchFormError));
+  }), matchFormError && /* @__PURE__ */ import_react62.default.createElement(ErrorText, null, matchFormError));
 };
 
 // src/components/Textarea/Textarea.tsx
-var import_react64 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var import_classnames30 = __toESM(require("classnames"));
 var Textarea = ({
   className,
@@ -5539,11 +5409,11 @@ var Textarea = ({
     isInvalid ? "Layer__textarea--error" : "",
     className
   );
-  return /* @__PURE__ */ import_react64.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react64.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react64.default.createElement("textarea", { ...props, className: baseClassName })), /* @__PURE__ */ import_react64.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react63.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react63.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react63.default.createElement("textarea", { ...props, className: baseClassName })), /* @__PURE__ */ import_react63.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_react65 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_classnames31 = __toESM(require("classnames"));
 var Toggle = ({
   name,
@@ -5552,9 +5422,9 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = (0, import_react65.useState)(0);
-  const [thumbPos, setThumbPos] = (0, import_react65.useState)({ left: 0, width: 0 });
-  const [initialized, setInitialized] = (0, import_react65.useState)(false);
+  const [currentWidth, setCurrentWidth] = (0, import_react64.useState)(0);
+  const [thumbPos, setThumbPos] = (0, import_react64.useState)({ left: 0, width: 0 });
+  const [initialized, setInitialized] = (0, import_react64.useState)(false);
   const toggleRef = useElementSize((a, b, c) => {
     if (c.width && c?.width !== currentWidth) {
       setCurrentWidth(c.width);
@@ -5574,9 +5444,12 @@ var Toggle = ({
     if (!toggleRef?.current) {
       return;
     }
-    const optionsNodes = [...toggleRef.current.children].filter(
-      (c) => c.className.includes("Layer__toggle-option")
-    );
+    const optionsNodes = [...toggleRef.current.children].map((x) => {
+      if (x.className.includes("Layer__tooltip-trigger") && x.children && x.children.length > 0) {
+        return x.children[0];
+      }
+      return x;
+    }).filter((c) => c.className.includes("Layer__toggle-option"));
     let shift2 = 0;
     let width = thumbPos.width;
     optionsNodes.forEach((c, i) => {
@@ -5589,14 +5462,14 @@ var Toggle = ({
     shift2 = shift2 + (size === "medium" /* medium */ ? 2 : 1.5);
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
@@ -5609,7 +5482,7 @@ var Toggle = ({
     }
     return selectedIndex;
   };
-  return /* @__PURE__ */ import_react65.default.createElement("div", { className: baseClassName, ref: toggleRef }, options.map((option, index) => /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement("div", { className: baseClassName, ref: toggleRef }, options.map((option, index) => /* @__PURE__ */ import_react64.default.createElement(
     ToggleOption,
     {
       ...option,
@@ -5622,7 +5495,7 @@ var Toggle = ({
       disabledMessage: option.disabledMessage,
       index
     }
-  )), /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle__thumb", style: { ...thumbPos } }));
+  )), /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle__thumb", style: { ...thumbPos } }));
 };
 var ToggleOption = ({
   checked,
@@ -5638,14 +5511,14 @@ var ToggleOption = ({
   index
 }) => {
   if (disabled) {
-    return /* @__PURE__ */ import_react65.default.createElement(Tooltip, null, /* @__PURE__ */ import_react65.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react65.default.createElement(
+    return /* @__PURE__ */ import_react64.default.createElement(Tooltip, null, /* @__PURE__ */ import_react64.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react64.default.createElement(
       "label",
       {
         className: `Layer__toggle-option`,
         "data-checked": checked,
         style
       },
-      /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react64.default.createElement(
         "input",
         {
           type: "radio",
@@ -5657,17 +5530,17 @@ var ToggleOption = ({
           "data-idx": index
         }
       ),
-      /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react65.default.createElement("span", null, label))
-    )), /* @__PURE__ */ import_react65.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
+      /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react64.default.createElement("span", null, label))
+    )), /* @__PURE__ */ import_react64.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
   }
-  return /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(
     "label",
     {
       className: `Layer__toggle-option`,
       "data-checked": checked,
       style
     },
-    /* @__PURE__ */ import_react65.default.createElement(
+    /* @__PURE__ */ import_react64.default.createElement(
       "input",
       {
         type: "radio",
@@ -5679,12 +5552,12 @@ var ToggleOption = ({
         "data-idx": index
       }
     ),
-    /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react65.default.createElement("span", null, label))
+    /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react64.default.createElement("span", null, label))
   );
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-var import_react66 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
 var NOTIFICATION_TIME = 4e3;
@@ -5694,7 +5567,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = (0, import_react66.useState)([]);
+  const [notifications, setNotifications] = (0, import_react65.useState)([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -5723,18 +5596,18 @@ var APIErrorNotifications = ({
     );
     setNotifications(notificationsCache.concat());
   };
-  (0, import_react66.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (bankTransaction.error) {
       pushNotification(ERROR_TITLE, ERROR_MESSAGE);
     }
   }, [bankTransaction.error]);
-  return /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(
     "div",
     {
       className: "Layer__bank-transactions__notifications",
       style: containerWidth ? { left: containerWidth - 324 } : {}
     },
-    notifications.filter((n) => n.bankTransactionId === bankTransaction.id).map((notification) => /* @__PURE__ */ import_react66.default.createElement(
+    notifications.filter((n) => n.bankTransactionId === bankTransaction.id).map((notification) => /* @__PURE__ */ import_react65.default.createElement(
       Notification,
       {
         key: notification.timestamp,
@@ -5748,8 +5621,8 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = (0, import_react66.useState)(false);
-  (0, import_react66.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     setVisible(true);
     const timer = setTimeout(() => {
       hideNotification();
@@ -5762,20 +5635,20 @@ var Notification = ({
       deleteNotification(notification.timestamp);
     }, FADE_OUT_TIME_WAIT);
   };
-  return /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(
     "div",
     {
       className: `Layer__bank-transactions__notification ${visible ? "notification-enter" : "notification-exit"}`,
       onClick: hideNotification
     },
-    /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-content" }, /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-icon" }, /* @__PURE__ */ import_react66.default.createElement(AlertOctagon_default, { size: 14 })), /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-text" }, /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-content" }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-icon" }, /* @__PURE__ */ import_react65.default.createElement(AlertOctagon_default, { size: 14 })), /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-text" }, /* @__PURE__ */ import_react65.default.createElement(
       Text,
       {
         as: "span",
         className: "Layer__bank-transactions__notification-title"
       },
       notification.title
-    ), /* @__PURE__ */ import_react66.default.createElement(
+    ), /* @__PURE__ */ import_react65.default.createElement(
       Text,
       {
         as: "span",
@@ -5808,7 +5681,7 @@ var validateSplit = (splitData) => {
   });
   return valid;
 };
-var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
+var ExpandedBankTransactionRow = (0, import_react66.forwardRef)(
   ({
     bankTransaction,
     isOpen = false,
@@ -5819,31 +5692,29 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
     containerWidth,
     showDescriptions,
     mode,
-    showReceiptUploads,
-    hardRefreshPnlOnCategorize
+    showReceiptUploads
   }, ref) => {
     const {
       categorize: categorizeBankTransaction2,
       match: matchBankTransaction2
     } = useBankTransactionsContext();
-    const { refetch } = useProfitAndLossLTM();
-    const [purpose, setPurpose] = (0, import_react67.useState)(
+    const [purpose, setPurpose] = (0, import_react66.useState)(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
     );
-    const [selectedMatchId, setSelectedMatchId] = (0, import_react67.useState)(
+    const [selectedMatchId, setSelectedMatchId] = (0, import_react66.useState)(
       isAlreadyMatched2(bankTransaction)
     );
-    const [matchFormError, setMatchFormError] = (0, import_react67.useState)();
-    const [splitFormError, setSplitFormError] = (0, import_react67.useState)();
-    const [height, setHeight] = (0, import_react67.useState)(0);
-    const [isOver, setOver] = (0, import_react67.useState)(false);
-    const bodyRef = (0, import_react67.useRef)(null);
-    const [memoText, setMemoText] = (0, import_react67.useState)();
-    const [receiptUrls, setReceiptUrls] = (0, import_react67.useState)([]);
-    const [isLoaded, setIsLoaded] = (0, import_react67.useState)(false);
+    const [matchFormError, setMatchFormError] = (0, import_react66.useState)();
+    const [splitFormError, setSplitFormError] = (0, import_react66.useState)();
+    const [height, setHeight] = (0, import_react66.useState)(0);
+    const [isOver, setOver] = (0, import_react66.useState)(false);
+    const bodyRef = (0, import_react66.useRef)(null);
+    const [memoText, setMemoText] = (0, import_react66.useState)();
+    const [receiptUrls, setReceiptUrls] = (0, import_react66.useState)([]);
+    const [isLoaded, setIsLoaded] = (0, import_react66.useState)(false);
     const { auth, businessId, apiUrl } = useLayerContext();
     const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && bankTransaction.categorization_flow?.suggestions?.[0];
-    const [rowState, updateRowState] = (0, import_react67.useState)({
+    const [rowState, updateRowState] = (0, import_react66.useState)({
       splits: bankTransaction.category?.entries ? bankTransaction.category?.entries.map((c) => {
         return {
           amount: c.amount || 0,
@@ -5958,8 +5829,6 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
         } else if (selectedMatchId && selectedMatchId !== isAlreadyMatched2(bankTransaction)) {
           onMatchSubmit(selectedMatchId);
         }
-        if (hardRefreshPnlOnCategorize)
-          refetch();
         return;
       }
       if (!validateSplit(rowState)) {
@@ -5985,8 +5854,6 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
           }))
         }
       );
-      if (hardRefreshPnlOnCategorize)
-        refetch();
       close();
     };
     const fetchMetadata = async () => {
@@ -6021,7 +5888,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
       );
       setReceiptUrls(retrievedDocs);
     };
-    (0, import_react67.useImperativeHandle)(ref, () => ({
+    (0, import_react66.useImperativeHandle)(ref, () => ({
       save
     }));
     const onMatchSubmit = async (matchId) => {
@@ -6034,11 +5901,11 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
       await matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close();
     };
-    const getDivHeight = (0, import_react67.useCallback)(() => {
+    const getDivHeight = (0, import_react66.useCallback)(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = (0, import_react67.useCallback)(
+    const handleTransitionEnd = (0, import_react66.useCallback)(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -6049,7 +5916,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
       },
       [isOpen]
     );
-    (0, import_react67.useEffect)(() => {
+    (0, import_react66.useEffect)(() => {
       if (!isLoaded) {
         return;
       }
@@ -6061,7 +5928,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
         });
       }
     }, [getDivHeight, isOpen]);
-    (0, import_react67.useEffect)(() => {
+    (0, import_react66.useEffect)(() => {
       const loadDocumentsAndMetadata = async () => {
         if (showDescriptions)
           await fetchMetadata();
@@ -6074,14 +5941,14 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
     }, []);
     const className = "Layer__expanded-bank-transaction-row";
     const shouldHide = !isOpen && isOver;
-    return /* @__PURE__ */ import_react67.default.createElement(
+    return /* @__PURE__ */ import_react66.default.createElement(
       "span",
       {
         className: `${className} ${className}--${isOpen ? "expanded" : "collapsed"}`,
         style: { height },
         onTransitionEnd: handleTransitionEnd
       },
-      shouldHide ? null : /* @__PURE__ */ import_react67.default.createElement("span", { className: `${className}__wrapper`, ref: bodyRef }, categorizationEnabled(mode) ? /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__content-toggle` }, /* @__PURE__ */ import_react67.default.createElement(
+      shouldHide ? null : /* @__PURE__ */ import_react66.default.createElement("span", { className: `${className}__wrapper`, ref: bodyRef }, categorizationEnabled(mode) ? /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__content-toggle` }, /* @__PURE__ */ import_react66.default.createElement(
         Toggle,
         {
           name: `purpose-${bankTransaction.id}${asListItem ? "-li" : ""}`,
@@ -6101,13 +5968,13 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
           selected: purpose,
           onChange: onChangePurpose
         }
-      )) : /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null), /* @__PURE__ */ import_react67.default.createElement(
+      )) : /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null), /* @__PURE__ */ import_react66.default.createElement(
         "div",
         {
           className: `${className}__content`,
           id: `expanded-${bankTransaction.id}`
         },
-        /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__content-panels` }, /* @__PURE__ */ import_react67.default.createElement(
+        /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__content-panels` }, /* @__PURE__ */ import_react66.default.createElement(
           "div",
           {
             className: (0, import_classnames32.default)(
@@ -6116,7 +5983,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
               purpose === "match" /* match */ ? `${className}__content-panel--active` : ""
             )
           },
-          /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__content-panel-container` }, /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__content-panel-container` }, /* @__PURE__ */ import_react66.default.createElement(
             MatchForm,
             {
               classNamePrefix: className,
@@ -6130,7 +5997,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
               matchFormError
             }
           ))
-        ), /* @__PURE__ */ import_react67.default.createElement(
+        ), /* @__PURE__ */ import_react66.default.createElement(
           "div",
           {
             className: (0, import_classnames32.default)(
@@ -6139,13 +6006,13 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
               purpose === "categorize" /* categorize */ ? `${className}__content-panel--active` : ""
             )
           },
-          /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__content-panel-container` }, /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__splits-inputs` }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__content-panel-container` }, /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__splits-inputs` }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react66.default.createElement(
             "div",
             {
               className: `${className}__table-cell--split-entry`,
               key: `split-${index}`
             },
-            /* @__PURE__ */ import_react67.default.createElement(
+            /* @__PURE__ */ import_react66.default.createElement(
               Input,
               {
                 type: "text",
@@ -6159,12 +6026,12 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
                 errorMessage: "Negative values are not allowed"
               }
             ),
-            /* @__PURE__ */ import_react67.default.createElement(
+            /* @__PURE__ */ import_react66.default.createElement(
               "div",
               {
                 className: `${className}__table-cell--split-entry__right-col`
               },
-              /* @__PURE__ */ import_react67.default.createElement(
+              /* @__PURE__ */ import_react66.default.createElement(
                 CategorySelect,
                 {
                   bankTransaction,
@@ -6176,18 +6043,18 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
                   excludeMatches: true
                 }
               ),
-              index > 0 && /* @__PURE__ */ import_react67.default.createElement(
+              index > 0 && /* @__PURE__ */ import_react66.default.createElement(
                 Button,
                 {
                   className: `${className}__table-cell--split-entry__merge-btn`,
                   onClick: () => removeSplit(index),
-                  rightIcon: /* @__PURE__ */ import_react67.default.createElement(Trash_default, { size: 18 }),
+                  rightIcon: /* @__PURE__ */ import_react66.default.createElement(Trash_default, { size: 18 }),
                   variant: "secondary" /* secondary */,
                   iconOnly: true
                 }
               )
             )
-          ))), splitFormError && /* @__PURE__ */ import_react67.default.createElement(ErrorText, null, splitFormError), /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__total-and-btns` }, rowState.splits.length > 1 && /* @__PURE__ */ import_react67.default.createElement(
+          ))), splitFormError && /* @__PURE__ */ import_react66.default.createElement(ErrorText, null, splitFormError), /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__total-and-btns` }, rowState.splits.length > 1 && /* @__PURE__ */ import_react66.default.createElement(
             Input,
             {
               disabled: true,
@@ -6200,31 +6067,31 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
                 )
               )}`
             }
-          ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__splits-buttons` }, rowState.splits.length > 1 ? /* @__PURE__ */ import_react67.default.createElement(
+          ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__splits-buttons` }, rowState.splits.length > 1 ? /* @__PURE__ */ import_react66.default.createElement(
             TextButton,
             {
               onClick: addSplit,
               disabled: rowState.splits.length > 5
             },
             "Add new split"
-          ) : /* @__PURE__ */ import_react67.default.createElement(
+          ) : /* @__PURE__ */ import_react66.default.createElement(
             Button,
             {
               onClick: addSplit,
-              rightIcon: /* @__PURE__ */ import_react67.default.createElement(ScissorsFullOpen_default, { size: 14 }),
+              rightIcon: /* @__PURE__ */ import_react66.default.createElement(ScissorsFullOpen_default, { size: 14 }),
               variant: "secondary" /* secondary */,
               disabled: rowState.splits.length > 5
             },
             "Split"
-          )) : /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null)))
+          )) : /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null)))
         )),
-        showDescriptions && /* @__PURE__ */ import_react67.default.createElement(
+        showDescriptions && /* @__PURE__ */ import_react66.default.createElement(
           InputGroup,
           {
             className: `${className}__description`,
             name: "description"
           },
-          /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react66.default.createElement(
             Textarea,
             {
               name: "description",
@@ -6234,7 +6101,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
             }
           )
         ),
-        showReceiptUploads && /* @__PURE__ */ import_react67.default.createElement("div", null, /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ import_react67.default.createElement(
+        showReceiptUploads && /* @__PURE__ */ import_react66.default.createElement("div", null, /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ import_react66.default.createElement(
           FileInput,
           {
             onUpload: async (file) => {
@@ -6252,7 +6119,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
             },
             text: "Upload receipt"
           }
-        ), receiptUrls.length > 0 && "Attached receipts:", receiptUrls.map((url, index) => /* @__PURE__ */ import_react67.default.createElement(
+        ), receiptUrls.length > 0 && "Attached receipts:", receiptUrls.map((url, index) => /* @__PURE__ */ import_react66.default.createElement(
           "a",
           {
             key: url,
@@ -6263,16 +6130,16 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
           "Receipt ",
           index + 1
         )))),
-        asListItem ? /* @__PURE__ */ import_react67.default.createElement("div", { className: `${className}__submit-btn` }, bankTransaction.error ? /* @__PURE__ */ import_react67.default.createElement(
+        asListItem && categorizationEnabled(mode) ? /* @__PURE__ */ import_react66.default.createElement("div", { className: `${className}__submit-btn` }, bankTransaction.error ? /* @__PURE__ */ import_react66.default.createElement(
           Text,
           {
             as: "span",
             size: "md" /* md */,
             className: "Layer__unsaved-info"
           },
-          /* @__PURE__ */ import_react67.default.createElement("span", null, "Unsaved"),
-          /* @__PURE__ */ import_react67.default.createElement(AlertCircle_default, { size: 12 })
-        ) : null, /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react66.default.createElement("span", null, "Unsaved"),
+          /* @__PURE__ */ import_react66.default.createElement(AlertCircle_default, { size: 12 })
+        ) : null, /* @__PURE__ */ import_react66.default.createElement(
           SubmitButton,
           {
             onClick: () => {
@@ -6287,7 +6154,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
           },
           submitBtnText
         )) : null
-      ), /* @__PURE__ */ import_react67.default.createElement(
+      ), /* @__PURE__ */ import_react66.default.createElement(
         APIErrorNotifications,
         {
           bankTransaction,
@@ -6299,7 +6166,7 @@ var ExpandedBankTransactionRow = (0, import_react67.forwardRef)(
 );
 
 // src/components/BankTransactionRow/SplitTooltipDetails.tsx
-var import_react68 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var SplitTooltipDetails = ({
   classNamePrefix,
   category
@@ -6307,12 +6174,12 @@ var SplitTooltipDetails = ({
   if (!category.entries) {
     return;
   }
-  return /* @__PURE__ */ import_react68.default.createElement("span", { className: `${classNamePrefix}__split-tooltip` }, /* @__PURE__ */ import_react68.default.createElement("ul", null, category.entries.map((entry, idx) => /* @__PURE__ */ import_react68.default.createElement("li", { key: idx }, /* @__PURE__ */ import_react68.default.createElement("span", { className: `${classNamePrefix}__split-tooltip__label` }, entry.category.display_name), /* @__PURE__ */ import_react68.default.createElement("span", { className: `${classNamePrefix}__split-tooltip__value` }, "$", centsToDollars(entry.amount))))));
+  return /* @__PURE__ */ import_react67.default.createElement("span", { className: `${classNamePrefix}__split-tooltip` }, /* @__PURE__ */ import_react67.default.createElement("ul", null, category.entries.map((entry, idx) => /* @__PURE__ */ import_react67.default.createElement("li", { key: idx }, /* @__PURE__ */ import_react67.default.createElement("span", { className: `${classNamePrefix}__split-tooltip__label` }, entry.category.display_name), /* @__PURE__ */ import_react67.default.createElement("span", { className: `${classNamePrefix}__split-tooltip__value` }, "$", centsToDollars(entry.amount))))));
 };
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
 var import_classnames33 = __toESM(require("classnames"));
-var import_date_fns9 = require("date-fns");
+var import_date_fns8 = require("date-fns");
 var extractDescriptionForSplit = (category) => {
   if (!category.entries) {
     return "";
@@ -6342,21 +6209,19 @@ var BankTransactionRow = ({
   initialLoad,
   showDescriptions,
   showReceiptUploads,
-  hardRefreshPnlOnCategorize,
   stringOverrides
 }) => {
-  const expandedRowRef = (0, import_react69.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react69.useState)(false);
+  const expandedRowRef = (0, import_react68.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react68.useState)(false);
   const {
     filters,
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2
   } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
-  const [selectedCategory, setSelectedCategory] = (0, import_react69.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react68.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open, setOpen] = (0, import_react69.useState)(false);
+  const [open, setOpen] = (0, import_react68.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open);
@@ -6372,8 +6237,8 @@ var BankTransactionRow = ({
       }
     }
   };
-  const [showComponent, setShowComponent] = (0, import_react69.useState)(false);
-  (0, import_react69.useEffect)(() => {
+  const [showComponent, setShowComponent] = (0, import_react68.useState)(false);
+  (0, import_react68.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -6383,12 +6248,12 @@ var BankTransactionRow = ({
       setShowComponent(true);
     }
   }, []);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -6398,8 +6263,6 @@ var BankTransactionRow = ({
   const save = async () => {
     if (open && expandedRowRef?.current) {
       expandedRowRef?.current?.save();
-      if (hardRefreshPnlOnCategorize)
-        refetch();
       return;
     }
     if (!selectedCategory) {
@@ -6411,16 +6274,12 @@ var BankTransactionRow = ({
         selectedCategory.payload.id
       );
       setOpen(false);
-      if (hardRefreshPnlOnCategorize)
-        refetch();
       return;
     }
     await categorizeBankTransaction2(bankTransaction.id, {
       type: "Category",
       category: getCategorizePayload(selectedCategory)
     });
-    if (hardRefreshPnlOnCategorize)
-      refetch();
     setOpen(false);
   };
   const categorized = isCategorized(bankTransaction);
@@ -6433,20 +6292,20 @@ var BankTransactionRow = ({
     initialLoad ? "initial-load" : "",
     showComponent ? "show" : ""
   );
-  return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement("tr", { className: rowClassName }, /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement("tr", { className: rowClassName }, /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
       className: "Layer__table-cell  Layer__bank-transaction-table__date-col",
       ...openRow
     },
-    /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns9.format)((0, import_date_fns9.parseISO)(bankTransaction.date), dateFormat))
-  ), /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(bankTransaction.date), dateFormat))
+  ), /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
       className: "Layer__table-cell Layer__bank-transactions__tx-col",
       ...openRow
     },
-    /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react68.default.createElement(
       Text,
       {
         as: "span",
@@ -6458,13 +6317,13 @@ var BankTransactionRow = ({
       },
       bankTransaction.counterparty_name ?? bankTransaction.description
     ))
-  ), /* @__PURE__ */ import_react69.default.createElement(
+  ), /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
       className: "Layer__table-cell Layer__bank-transactions__account-col",
       ...openRow
     },
-    /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react68.default.createElement(
       Text,
       {
         as: "span",
@@ -6473,14 +6332,14 @@ var BankTransactionRow = ({
       },
       bankTransaction.account_name ?? ""
     ))
-  ), /* @__PURE__ */ import_react69.default.createElement(
+  ), /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
       className: `Layer__table-cell Layer__table-cell__amount-col Layer__bank-transactions__amount-col Layer__table-cell--amount ${className}__table-cell--amount-${isCredit(bankTransaction) ? "credit" : "debit"}`,
       ...openRow
     },
-    /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__table-cell-content" }, isCredit(bankTransaction) ? "+$" : " $", centsToDollars(bankTransaction.amount))
-  ), /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__table-cell-content" }, isCredit(bankTransaction) ? "+$" : " $", centsToDollars(bankTransaction.amount))
+  ), /* @__PURE__ */ import_react68.default.createElement(
     "td",
     {
       className: (0, import_classnames33.default)(
@@ -6490,12 +6349,12 @@ var BankTransactionRow = ({
         `${className}__actions-cell--${open ? "open" : "close"}`
       )
     },
-    /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement(
       "span",
       {
         className: `${className}__actions-container Layer__table-cell-content`
       },
-      !categorized && !open ? /* @__PURE__ */ import_react69.default.createElement(
+      !categorized && !open ? /* @__PURE__ */ import_react68.default.createElement(
         CategorySelect,
         {
           bankTransaction,
@@ -6508,11 +6367,11 @@ var BankTransactionRow = ({
           disabled: bankTransaction.processing
         }
       ) : null,
-      categorized && !open ? /* @__PURE__ */ import_react69.default.createElement(Text, { as: "span", className: `${className}__category-text` }, bankTransaction.categorization_status === "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
+      categorized && !open ? /* @__PURE__ */ import_react68.default.createElement(Text, { as: "span", className: `${className}__category-text` }, bankTransaction.categorization_status === "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement(
         Badge,
         {
-          icon: /* @__PURE__ */ import_react69.default.createElement(Scissors_default, { size: 11 }),
-          tooltip: /* @__PURE__ */ import_react69.default.createElement(
+          icon: /* @__PURE__ */ import_react68.default.createElement(Scissors_default, { size: 11 }),
+          tooltip: /* @__PURE__ */ import_react68.default.createElement(
             SplitTooltipDetails,
             {
               classNamePrefix: className,
@@ -6521,18 +6380,18 @@ var BankTransactionRow = ({
           )
         },
         "Split"
-      ), /* @__PURE__ */ import_react69.default.createElement("span", { className: `${className}__category-text__text` }, extractDescriptionForSplit(bankTransaction.category))), bankTransaction?.categorization_status === "MATCHED" /* MATCHED */ && bankTransaction?.match && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
+      ), /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, extractDescriptionForSplit(bankTransaction.category))), bankTransaction?.categorization_status === "MATCHED" /* MATCHED */ && bankTransaction?.match && /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement(
         MatchBadge,
         {
           classNamePrefix: className,
           bankTransaction,
           dateFormat
         }
-      ), /* @__PURE__ */ import_react69.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns9.format)(
-        (0, import_date_fns9.parseISO)(bankTransaction.match.bank_transaction.date),
+      ), /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, `${(0, import_date_fns8.format)(
+        (0, import_date_fns8.parseISO)(bankTransaction.match.bank_transaction.date),
         dateFormat
-      )}, ${bankTransaction.match?.details?.description}`)), bankTransaction?.categorization_status !== "MATCHED" /* MATCHED */ && bankTransaction?.categorization_status !== "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react69.default.createElement("span", { className: `${className}__category-text__text` }, bankTransaction?.category?.display_name)) : null,
-      !categorized && !open && showRetry ? /* @__PURE__ */ import_react69.default.createElement(
+      )}, ${bankTransaction.match?.details?.description}`)), bankTransaction?.categorization_status !== "MATCHED" /* MATCHED */ && bankTransaction?.categorization_status !== "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react68.default.createElement("span", { className: `${className}__category-text__text` }, bankTransaction?.category?.display_name)) : null,
+      !categorized && !open && showRetry ? /* @__PURE__ */ import_react68.default.createElement(
         RetryButton,
         {
           onClick: () => {
@@ -6546,17 +6405,17 @@ var BankTransactionRow = ({
         },
         "Retry"
       ) : null,
-      open && bankTransaction.error ? /* @__PURE__ */ import_react69.default.createElement(
+      open && bankTransaction.error ? /* @__PURE__ */ import_react68.default.createElement(
         Text,
         {
           as: "span",
           size: "md" /* md */,
           className: "Layer__unsaved-info"
         },
-        /* @__PURE__ */ import_react69.default.createElement("span", null, "Unsaved"),
-        /* @__PURE__ */ import_react69.default.createElement(AlertCircle_default, { size: 12 })
+        /* @__PURE__ */ import_react68.default.createElement("span", null, "Unsaved"),
+        /* @__PURE__ */ import_react68.default.createElement(AlertCircle_default, { size: 12 })
       ) : null,
-      !categorized && (open || !open && !showRetry) || categorizationEnabled(mode) && categorized && open ? /* @__PURE__ */ import_react69.default.createElement(
+      !categorized && (open || !open && !showRetry) || categorizationEnabled(mode) && categorized && open ? /* @__PURE__ */ import_react68.default.createElement(
         SubmitButton,
         {
           onClick: () => {
@@ -6571,13 +6430,13 @@ var BankTransactionRow = ({
         },
         categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve"
       ) : null,
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         IconButton,
         {
           onClick: toggleOpen,
           className: "Layer__bank-transaction-row__expand-button",
           active: open,
-          icon: /* @__PURE__ */ import_react69.default.createElement(
+          icon: /* @__PURE__ */ import_react68.default.createElement(
             ChevronDownFill_default,
             {
               className: `Layer__chevron ${open ? "Layer__chevron__up" : "Layer__chevron__down"}`
@@ -6586,7 +6445,7 @@ var BankTransactionRow = ({
         }
       )
     )
-  )), /* @__PURE__ */ import_react69.default.createElement("tr", null, /* @__PURE__ */ import_react69.default.createElement("td", { colSpan: 5, className: "Layer__bank-transaction-row__expanded-td" }, /* @__PURE__ */ import_react69.default.createElement(
+  )), /* @__PURE__ */ import_react68.default.createElement("tr", null, /* @__PURE__ */ import_react68.default.createElement("td", { colSpan: 5, className: "Layer__bank-transaction-row__expanded-td" }, /* @__PURE__ */ import_react68.default.createElement(
     ExpandedBankTransactionRow,
     {
       ref: expandedRowRef,
@@ -6597,18 +6456,17 @@ var BankTransactionRow = ({
       close: () => setOpen(false),
       containerWidth,
       showDescriptions,
-      showReceiptUploads,
-      hardRefreshPnlOnCategorize
+      showReceiptUploads
     }
   ))));
 };
 
 // src/components/BankTransactionList/Assignment.tsx
-var import_react70 = __toESM(require("react"));
-var import_date_fns10 = require("date-fns");
+var import_react69 = __toESM(require("react"));
+var import_date_fns9 = require("date-fns");
 var Assignment = ({ bankTransaction }) => {
   if (bankTransaction.match && bankTransaction.categorization_status === "MATCHED" /* MATCHED */) {
-    return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(
+    return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
       MatchBadge,
       {
         classNamePrefix: "Layer__bank-transaction-list-item",
@@ -6616,17 +6474,17 @@ var Assignment = ({ bankTransaction }) => {
         dateFormat: DATE_FORMAT,
         text: "Matched"
       }
-    ), /* @__PURE__ */ import_react70.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),
+    ), /* @__PURE__ */ import_react69.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),
       DATE_FORMAT
     )}, ${bankTransaction.match.bank_transaction.description ?? bankTransaction.match?.details?.description}`));
   }
   if (bankTransaction.categorization_status === "SPLIT" /* SPLIT */) {
-    return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(
+    return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
       Badge,
       {
-        icon: /* @__PURE__ */ import_react70.default.createElement(Scissors_default, { size: 11 }),
-        tooltip: /* @__PURE__ */ import_react70.default.createElement(
+        icon: /* @__PURE__ */ import_react69.default.createElement(Scissors_default, { size: 11 }),
+        tooltip: /* @__PURE__ */ import_react69.default.createElement(
           SplitTooltipDetails,
           {
             classNamePrefix: "Layer__bank-transaction-list-item",
@@ -6635,14 +6493,14 @@ var Assignment = ({ bankTransaction }) => {
         )
       },
       "Split"
-    ), /* @__PURE__ */ import_react70.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, extractDescriptionForSplit(bankTransaction.category)));
+    ), /* @__PURE__ */ import_react69.default.createElement(Text, { className: "Layer__bank-transaction-list-item__category-text__text" }, extractDescriptionForSplit(bankTransaction.category)));
   }
-  return /* @__PURE__ */ import_react70.default.createElement(Text, null, bankTransaction?.category?.display_name);
+  return /* @__PURE__ */ import_react69.default.createElement(Text, null, bankTransaction?.category?.display_name);
 };
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
 var import_classnames34 = __toESM(require("classnames"));
-var import_date_fns11 = require("date-fns");
+var import_date_fns10 = require("date-fns");
 var BankTransactionListItem = ({
   index = 0,
   dateFormat,
@@ -6651,36 +6509,34 @@ var BankTransactionListItem = ({
   mode,
   showDescriptions,
   showReceiptUploads,
-  hardRefreshPnlOnCategorize,
   containerWidth,
   removeTransaction,
   stringOverrides
 }) => {
-  const expandedRowRef = (0, import_react71.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react71.useState)(false);
+  const expandedRowRef = (0, import_react70.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react70.useState)(false);
   const { categorize: categorizeBankTransaction2, match: matchBankTransaction2 } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
-  const [selectedCategory, setSelectedCategory] = (0, import_react71.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react70.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open, setOpen] = (0, import_react71.useState)(false);
+  const [open, setOpen] = (0, import_react70.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open);
   };
-  const [showComponent, setShowComponent] = (0, import_react71.useState)(false);
-  (0, import_react71.useEffect)(() => {
+  const [showComponent, setShowComponent] = (0, import_react70.useState)(false);
+  (0, import_react70.useEffect)(() => {
     const timeoutId = setTimeout(() => {
       setShowComponent(true);
     }, index * 80);
     return () => clearTimeout(timeoutId);
   }, []);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -6690,8 +6546,6 @@ var BankTransactionListItem = ({
   const save = () => {
     if (open && expandedRowRef?.current) {
       expandedRowRef?.current?.save();
-      if (hardRefreshPnlOnCategorize)
-        refetch();
       return;
     }
     if (!selectedCategory) {
@@ -6699,16 +6553,12 @@ var BankTransactionListItem = ({
     }
     if (selectedCategory.type === "match") {
       matchBankTransaction2(bankTransaction.id, selectedCategory.payload.id);
-      if (hardRefreshPnlOnCategorize)
-        refetch();
       return;
     }
     categorizeBankTransaction2(bankTransaction.id, {
       type: "Category",
       category: getCategorizePayload(selectedCategory)
     });
-    if (hardRefreshPnlOnCategorize)
-      refetch();
   };
   const categorized = isCategorized(bankTransaction);
   const className = "Layer__bank-transaction-list-item";
@@ -6719,26 +6569,26 @@ var BankTransactionListItem = ({
     open ? openClassName : "",
     showComponent ? "show" : ""
   );
-  return /* @__PURE__ */ import_react71.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react71.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react70.default.createElement("li", { className: rowClassName }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading` }, /* @__PURE__ */ import_react70.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-date` }, (0, import_date_fns10.format)((0, import_date_fns10.parseISO)(bankTransaction.date), dateFormat)), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-separator` }), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__heading-account-name` }, bankTransaction.account_name ?? "")), /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       onClick: toggleOpen,
       className: "Layer__bank-transaction-row__expand-button"
     },
-    /* @__PURE__ */ import_react71.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement(
       ChevronDownFill_default,
       {
         className: `Layer__chevron ${open ? "Layer__chevron__up" : "Layer__chevron__down"}`
       }
     )
-  )), /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__body` }, /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__body__name` }, /* @__PURE__ */ import_react71.default.createElement(Text, { as: "span", withTooltip: "whenTruncated" /* whenTruncated */ }, bankTransaction.counterparty_name ?? bankTransaction.description)), /* @__PURE__ */ import_react71.default.createElement(
+  )), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__body` }, /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__body__name` }, /* @__PURE__ */ import_react70.default.createElement(Text, { as: "span", withTooltip: "whenTruncated" /* whenTruncated */ }, bankTransaction.counterparty_name ?? bankTransaction.description)), /* @__PURE__ */ import_react70.default.createElement(
     "span",
     {
       className: `${className}__amount-${isCredit(bankTransaction) ? "credit" : "debit"}`
     },
     isCredit(bankTransaction) ? "+$" : " $",
     centsToDollars(bankTransaction.amount)
-  )), /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__expanded-row` }, /* @__PURE__ */ import_react71.default.createElement(
+  )), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__expanded-row` }, /* @__PURE__ */ import_react70.default.createElement(
     ExpandedBankTransactionRow,
     {
       ref: expandedRowRef,
@@ -6751,10 +6601,9 @@ var BankTransactionListItem = ({
       submitBtnText: categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve",
       containerWidth,
       showDescriptions,
-      showReceiptUploads,
-      hardRefreshPnlOnCategorize
+      showReceiptUploads
     }
-  )), /* @__PURE__ */ import_react71.default.createElement("span", { className: `${className}__base-row` }, !categorized ? /* @__PURE__ */ import_react71.default.createElement(
+  )), /* @__PURE__ */ import_react70.default.createElement("span", { className: `${className}__base-row` }, !categorized ? /* @__PURE__ */ import_react70.default.createElement(
     CategorySelect,
     {
       bankTransaction,
@@ -6766,7 +6615,7 @@ var BankTransactionListItem = ({
       },
       disabled: bankTransaction.processing
     }
-  ) : null, categorized ? /* @__PURE__ */ import_react71.default.createElement(Assignment, { bankTransaction }) : null, !categorized && !showRetry ? /* @__PURE__ */ import_react71.default.createElement(
+  ) : null, categorized ? /* @__PURE__ */ import_react70.default.createElement(Assignment, { bankTransaction }) : null, !categorized && !showRetry ? /* @__PURE__ */ import_react70.default.createElement(
     SubmitButton,
     {
       onClick: () => {
@@ -6779,7 +6628,7 @@ var BankTransactionListItem = ({
       action: !categorized ? "save" /* SAVE */ : "update" /* UPDATE */
     },
     !categorized ? stringOverrides?.approveButtonText || "Approve" : stringOverrides?.updateButtonText || "Update"
-  ) : null, !categorized && showRetry ? /* @__PURE__ */ import_react71.default.createElement(
+  ) : null, !categorized && showRetry ? /* @__PURE__ */ import_react70.default.createElement(
     RetryButton,
     {
       onClick: () => {
@@ -6792,7 +6641,7 @@ var BankTransactionListItem = ({
       error: "Approval failed. Check connection and retry in few seconds."
     },
     "Retry"
-  ) : null), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react71.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
+  ) : null), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react70.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
 };
 
 // src/components/BankTransactionList/BankTransactionList.tsx
@@ -6804,11 +6653,10 @@ var BankTransactionList = ({
   containerWidth,
   showDescriptions = false,
   showReceiptUploads = false,
-  hardRefreshPnlOnCategorize = false,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react72.default.createElement("ul", { className: "Layer__bank-transactions__list" }, bankTransactions?.map(
-    (bankTransaction, index) => /* @__PURE__ */ import_react72.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement("ul", { className: "Layer__bank-transactions__list" }, bankTransactions?.map(
+    (bankTransaction, index) => /* @__PURE__ */ import_react71.default.createElement(
       BankTransactionListItem,
       {
         index,
@@ -6821,7 +6669,6 @@ var BankTransactionList = ({
         containerWidth,
         showDescriptions,
         showReceiptUploads,
-        hardRefreshPnlOnCategorize,
         stringOverrides
       }
     )
@@ -6829,33 +6676,29 @@ var BankTransactionList = ({
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileList.tsx
-var import_react81 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-var import_react80 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BankTransactionMobileForms.tsx
-var import_react78 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-var import_react73 = __toESM(require("react"));
-var BusinessForm = ({
-  bankTransaction,
-  hardRefreshPnlOnCategorize = false
-}) => {
-  const { setContent, close } = (0, import_react73.useContext)(DrawerContext);
+var import_react72 = __toESM(require("react"));
+var BusinessForm = ({ bankTransaction }) => {
+  const { setContent, close } = (0, import_react72.useContext)(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
-  const [selectedCategory, setSelectedCategory] = (0, import_react73.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react72.useState)(
     getAssignedValue(bankTransaction)
   );
-  const [showRetry, setShowRetry] = (0, import_react73.useState)(false);
-  (0, import_react73.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react72.useState)(false);
+  (0, import_react72.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  const options = (0, import_react73.useMemo)(() => {
+  const options = (0, import_react72.useMemo)(() => {
     const options2 = bankTransaction?.categorization_flow?.type === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
       (x) => mapCategoryToOption(x)
     ) : [];
@@ -6880,7 +6723,7 @@ var BusinessForm = ({
     setSelectedCategory(value);
   };
   const openDrawer = () => {
-    setContent(/* @__PURE__ */ import_react73.default.createElement(BusinessCategories, { select: onDrawerCategorySelect }));
+    setContent(/* @__PURE__ */ import_react72.default.createElement(BusinessCategories, { select: onDrawerCategorySelect }));
   };
   const onCategorySelect = (category) => {
     if (category.value.type === "SELECT_CATEGORY") {
@@ -6912,17 +6755,15 @@ var BusinessForm = ({
       },
       true
     );
-    if (hardRefreshPnlOnCategorize)
-      refetch();
   };
-  return /* @__PURE__ */ import_react73.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, /* @__PURE__ */ import_react73.default.createElement(
+  return /* @__PURE__ */ import_react72.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, /* @__PURE__ */ import_react72.default.createElement(
     ActionableList,
     {
       options,
       onClick: onCategorySelect,
       selected: selectedCategory
     }
-  ), options.length === 0 ? /* @__PURE__ */ import_react73.default.createElement(
+  ), options.length === 0 ? /* @__PURE__ */ import_react72.default.createElement(
     Button,
     {
       onClick: openDrawer,
@@ -6930,7 +6771,7 @@ var BusinessForm = ({
       variant: "secondary" /* secondary */
     },
     "Select category"
-  ) : null, options.length > 0 ? /* @__PURE__ */ import_react73.default.createElement(
+  ) : null, options.length > 0 ? /* @__PURE__ */ import_react72.default.createElement(
     Button,
     {
       onClick: save,
@@ -6938,11 +6779,11 @@ var BusinessForm = ({
       fullWidth: true
     },
     isLoading || bankTransaction.processing ? "Saving..." : "Save"
-  ) : null, bankTransaction.error && showRetry ? /* @__PURE__ */ import_react73.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
+  ) : null, bankTransaction.error && showRetry ? /* @__PURE__ */ import_react72.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
 };
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
-var import_react74 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var isAlreadyAssigned = (bankTransaction) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ || bankTransaction?.categorization_status === "SPLIT" /* SPLIT */) {
     return false;
@@ -6951,11 +6792,10 @@ var isAlreadyAssigned = (bankTransaction) => {
     bankTransaction.category && PersonalCategories.includes(bankTransaction.category.display_name)
   );
 };
-var PersonalForm = ({ bankTransaction, hardRefreshPnlOnCategorize }) => {
+var PersonalForm = ({ bankTransaction }) => {
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
-  const [showRetry, setShowRetry] = (0, import_react74.useState)(false);
-  (0, import_react74.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -6972,11 +6812,9 @@ var PersonalForm = ({ bankTransaction, hardRefreshPnlOnCategorize }) => {
       },
       true
     );
-    if (hardRefreshPnlOnCategorize)
-      refetch();
   };
   const alreadyAssigned = isAlreadyAssigned(bankTransaction);
-  return /* @__PURE__ */ import_react74.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__personal-form" }, /* @__PURE__ */ import_react74.default.createElement(
+  return /* @__PURE__ */ import_react73.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__personal-form" }, /* @__PURE__ */ import_react73.default.createElement(
     Button,
     {
       fullWidth: true,
@@ -6984,26 +6822,24 @@ var PersonalForm = ({ bankTransaction, hardRefreshPnlOnCategorize }) => {
       onClick: save
     },
     isLoading || bankTransaction.processing ? "Saving..." : alreadyAssigned ? "Saved as Personal" : "Categorize as Personal"
-  ), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react74.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
+  ), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react73.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
 };
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
-var import_react77 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/MatchForm.tsx
-var import_react75 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var MatchForm2 = ({
-  bankTransaction,
-  hardRefreshPnlOnCategorize
+  bankTransaction
 }) => {
   const { match: matchBankTransaction2, isLoading } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
-  const [selectedMatchId, setSelectedMatchId] = (0, import_react75.useState)(
+  const [selectedMatchId, setSelectedMatchId] = (0, import_react74.useState)(
     isAlreadyMatched(bankTransaction)
   );
-  const [formError, setFormError] = (0, import_react75.useState)();
-  const [showRetry, setShowRetry] = (0, import_react75.useState)(false);
-  (0, import_react75.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react74.useState)();
+  const [showRetry, setShowRetry] = (0, import_react74.useState)(false);
+  (0, import_react74.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     } else if (showRetry) {
@@ -7024,12 +6860,10 @@ var MatchForm2 = ({
       setFormError("Select an option to match the transaction");
     } else if (selectedMatchId && selectedMatchId !== isAlreadyMatched(bankTransaction)) {
       onMatchSubmit(selectedMatchId);
-      if (hardRefreshPnlOnCategorize)
-        refetch();
     }
     return;
   };
-  return /* @__PURE__ */ import_react75.default.createElement("div", null, /* @__PURE__ */ import_react75.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Find match"), /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Find match"), /* @__PURE__ */ import_react74.default.createElement(
     MatchFormMobile,
     {
       classNamePrefix: "Layer__bank-transaction-mobile-list-item",
@@ -7040,7 +6874,7 @@ var MatchForm2 = ({
         setSelectedMatchId(id);
       }
     }
-  ), /* @__PURE__ */ import_react75.default.createElement(
+  ), /* @__PURE__ */ import_react74.default.createElement(
     Button,
     {
       fullWidth: true,
@@ -7048,24 +6882,22 @@ var MatchForm2 = ({
       onClick: save
     },
     isLoading || bankTransaction.processing ? "Saving..." : "Approve match"
-  ), formError && /* @__PURE__ */ import_react75.default.createElement(ErrorText, null, formError), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react75.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
+  ), formError && /* @__PURE__ */ import_react74.default.createElement(ErrorText, null, formError), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react74.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
 };
 
 // src/components/BankTransactionMobileList/SplitForm.tsx
-var import_react76 = __toESM(require("react"));
+var import_react75 = __toESM(require("react"));
 var import_classnames35 = __toESM(require("classnames"));
 var SplitForm = ({
-  bankTransaction,
-  hardRefreshPnlOnCategorize
+  bankTransaction
 }) => {
   const {
     categorize: categorizeBankTransaction2,
     isLoading,
     error
   } = useBankTransactionsContext();
-  const { refetch } = useProfitAndLossLTM();
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && bankTransaction.categorization_flow?.suggestions?.[0];
-  const [rowState, updateRowState] = (0, import_react76.useState)({
+  const [rowState, updateRowState] = (0, import_react75.useState)({
     splits: bankTransaction.category?.entries ? bankTransaction.category?.entries.map((c) => {
       return {
         amount: c.amount || 0,
@@ -7087,9 +6919,9 @@ var SplitForm = ({
     description: "",
     file: void 0
   });
-  const [formError, setFormError] = (0, import_react76.useState)();
-  const [showRetry, setShowRetry] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react75.useState)();
+  const [showRetry, setShowRetry] = (0, import_react75.useState)(false);
+  (0, import_react75.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -7187,16 +7019,14 @@ var SplitForm = ({
       },
       true
     );
-    if (hardRefreshPnlOnCategorize)
-      refetch();
   };
-  return /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ import_react76.default.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ import_react76.default.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react76.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement("div", null, /* @__PURE__ */ import_react75.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ import_react75.default.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ import_react75.default.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ import_react75.default.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ import_react75.default.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react75.default.createElement(
     "div",
     {
       className: "Layer__bank-transactions__table-cell--split-entry",
       key: `split-${index}`
     },
-    /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transactions__table-cell--split-entry__right-col" }, /* @__PURE__ */ import_react76.default.createElement(
+    /* @__PURE__ */ import_react75.default.createElement("div", { className: "Layer__bank-transactions__table-cell--split-entry__right-col" }, /* @__PURE__ */ import_react75.default.createElement(
       CategorySelect,
       {
         bankTransaction,
@@ -7209,7 +7039,7 @@ var SplitForm = ({
         asDrawer: true
       }
     )),
-    /* @__PURE__ */ import_react76.default.createElement(
+    /* @__PURE__ */ import_react75.default.createElement(
       Input,
       {
         type: "text",
@@ -7227,17 +7057,17 @@ var SplitForm = ({
         inputMode: "numeric"
       }
     ),
-    index > 0 && /* @__PURE__ */ import_react76.default.createElement(
+    index > 0 && /* @__PURE__ */ import_react75.default.createElement(
       Button,
       {
         className: "Layer__bank-transactions__table-cell--split-entry__merge-btn",
         onClick: () => removeSplit(index),
-        rightIcon: /* @__PURE__ */ import_react76.default.createElement(Trash_default, { size: 16 }),
+        rightIcon: /* @__PURE__ */ import_react75.default.createElement(Trash_default, { size: 16 }),
         variant: "secondary" /* secondary */,
         iconOnly: true
       }
     )
-  )), /* @__PURE__ */ import_react76.default.createElement(
+  )), /* @__PURE__ */ import_react75.default.createElement(
     TextButton,
     {
       onClick: addSplit,
@@ -7245,7 +7075,7 @@ var SplitForm = ({
       className: "Layer__add-new-split"
     },
     "Add new split"
-  )), /* @__PURE__ */ import_react76.default.createElement(
+  )), /* @__PURE__ */ import_react75.default.createElement(
     Button,
     {
       fullWidth: true,
@@ -7253,46 +7083,44 @@ var SplitForm = ({
       disabled: isLoading || bankTransaction.processing
     },
     isLoading || bankTransaction.processing ? "Saving..." : "Save"
-  ), formError && /* @__PURE__ */ import_react76.default.createElement(ErrorText, null, formError), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react76.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
+  ), formError && /* @__PURE__ */ import_react75.default.createElement(ErrorText, null, formError), bankTransaction.error && showRetry ? /* @__PURE__ */ import_react75.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : null);
 };
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
 var SplitAndMatchForm = ({
-  bankTransaction,
-  hardRefreshPnlOnCategorize
+  bankTransaction
 }) => {
   const anyMatch = hasMatch(bankTransaction);
-  const [formType, setFormType] = (0, import_react77.useState)(
+  const [formType, setFormType] = (0, import_react76.useState)(
     bankTransaction.category ? "categorize" /* categorize */ : anyMatch ? "match" /* match */ : "categorize" /* categorize */
   );
-  return /* @__PURE__ */ import_react77.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form" }, formType === "categorize" /* categorize */ && /* @__PURE__ */ import_react77.default.createElement(SplitForm, { bankTransaction, hardRefreshPnlOnCategorize }), formType === "match" /* match */ && /* @__PURE__ */ import_react77.default.createElement(MatchForm2, { bankTransaction, hardRefreshPnlOnCategorize }), anyMatch && formType === "match" /* match */ ? /* @__PURE__ */ import_react77.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react77.default.createElement(TextButton, { onClick: () => setFormType("categorize" /* categorize */) }, "or split transaction")) : null, anyMatch && formType === "categorize" /* categorize */ ? /* @__PURE__ */ import_react77.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react77.default.createElement(TextButton, { onClick: () => setFormType("match" /* match */) }, "or find match")) : null);
+  return /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form" }, formType === "categorize" /* categorize */ && /* @__PURE__ */ import_react76.default.createElement(SplitForm, { bankTransaction }), formType === "match" /* match */ && /* @__PURE__ */ import_react76.default.createElement(MatchForm2, { bankTransaction }), anyMatch && formType === "match" /* match */ ? /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react76.default.createElement(TextButton, { onClick: () => setFormType("categorize" /* categorize */) }, "or split transaction")) : null, anyMatch && formType === "categorize" /* categorize */ ? /* @__PURE__ */ import_react76.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react76.default.createElement(TextButton, { onClick: () => setFormType("match" /* match */) }, "or find match")) : null);
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileForms.tsx
 var BankTransactionMobileForms = ({
   purpose,
-  bankTransaction,
-  hardRefreshPnlOnCategorize
+  bankTransaction
 }) => {
   const getContent = () => {
     switch (purpose) {
       case "business":
-        return /* @__PURE__ */ import_react78.default.createElement(BusinessForm, { bankTransaction, hardRefreshPnlOnCategorize });
+        return /* @__PURE__ */ import_react77.default.createElement(BusinessForm, { bankTransaction });
       case "personal":
-        return /* @__PURE__ */ import_react78.default.createElement(PersonalForm, { bankTransaction, hardRefreshPnlOnCategorize });
+        return /* @__PURE__ */ import_react77.default.createElement(PersonalForm, { bankTransaction });
       case "more":
-        return /* @__PURE__ */ import_react78.default.createElement(SplitAndMatchForm, { bankTransaction, hardRefreshPnlOnCategorize });
+        return /* @__PURE__ */ import_react77.default.createElement(SplitAndMatchForm, { bankTransaction });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ import_react78.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__form-container" }, getContent());
+  return /* @__PURE__ */ import_react77.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__form-container" }, getContent());
 };
 
 // src/components/BankTransactionMobileList/TransactionToOpenContext.ts
-var import_react79 = require("react");
+var import_react78 = require("react");
 var useTransactionToOpen = () => {
-  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react79.useState)(void 0);
+  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react78.useState)(void 0);
   const clearTransactionIdToOpen = () => setTransactionIdToOpen(void 0);
   return {
     transactionIdToOpen,
@@ -7300,7 +7128,7 @@ var useTransactionToOpen = () => {
     clearTransactionIdToOpen
   };
 };
-var TransactionToOpenContext = (0, import_react79.createContext)({
+var TransactionToOpenContext = (0, import_react78.createContext)({
   transactionIdToOpen: void 0,
   setTransactionIdToOpen: () => void 0,
   clearTransactionIdToOpen: () => void 0
@@ -7308,7 +7136,7 @@ var TransactionToOpenContext = (0, import_react79.createContext)({
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
 var import_classnames36 = __toESM(require("classnames"));
-var import_date_fns12 = require("date-fns");
+var import_date_fns11 = require("date-fns");
 var DATE_FORMAT2 = "LLL d";
 var getAssignedValue2 = (bankTransaction) => {
   if (bankTransaction.categorization_status === "SPLIT" /* SPLIT */) {
@@ -7325,29 +7153,28 @@ var BankTransactionMobileListItem = ({
   removeTransaction,
   editable,
   mode,
-  initialLoad,
-  hardRefreshPnlOnCategorize = false
+  initialLoad
 }) => {
   const {
     transactionIdToOpen,
     setTransactionIdToOpen,
     clearTransactionIdToOpen
-  } = (0, import_react80.useContext)(TransactionToOpenContext);
+  } = (0, import_react79.useContext)(TransactionToOpenContext);
   const formRowRef = useElementSize(
     (_a, _b, { height: height2 }) => setHeight(height2)
   );
   const headingRowRef = useElementSize((_a, _b, { height: height2 }) => {
     setHeadingHeight(height2);
   });
-  const itemRef = (0, import_react80.useRef)(null);
-  const [removeAnim, setRemoveAnim] = (0, import_react80.useState)(false);
-  const [purpose, setPurpose] = (0, import_react80.useState)(
+  const itemRef = (0, import_react79.useRef)(null);
+  const [removeAnim, setRemoveAnim] = (0, import_react79.useState)(false);
+  const [purpose, setPurpose] = (0, import_react79.useState)(
     bankTransaction.category ? bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
-  const [open, setOpen] = (0, import_react80.useState)(false);
-  const [showComponent, setShowComponent] = (0, import_react80.useState)(!initialLoad);
-  const [height, setHeight] = (0, import_react80.useState)(0);
-  const [headingHeight, setHeadingHeight] = (0, import_react80.useState)(63);
+  const [open, setOpen] = (0, import_react79.useState)(false);
+  const [showComponent, setShowComponent] = (0, import_react79.useState)(!initialLoad);
+  const [height, setHeight] = (0, import_react79.useState)(0);
+  const [headingHeight, setHeadingHeight] = (0, import_react79.useState)(63);
   const openNext = () => {
     if (editable && itemRef.current && itemRef.current.nextSibling) {
       const txId = itemRef.current.nextSibling.getAttribute(
@@ -7358,13 +7185,13 @@ var BankTransactionMobileListItem = ({
       }
     }
   };
-  (0, import_react80.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (transactionIdToOpen && transactionIdToOpen === bankTransaction.id) {
       setOpen(true);
       clearTransactionIdToOpen();
     }
   }, [transactionIdToOpen]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!removeAnim && bankTransaction.recently_categorized) {
       if (editable) {
         setRemoveAnim(true);
@@ -7388,7 +7215,7 @@ var BankTransactionMobileListItem = ({
     setOpen(false);
     setHeight(0);
   };
-  (0, import_react80.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -7398,7 +7225,7 @@ var BankTransactionMobileListItem = ({
       setShowComponent(true);
     }
   }, []);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -7415,7 +7242,7 @@ var BankTransactionMobileListItem = ({
     open ? openClassName : "",
     showComponent ? "show" : ""
   );
-  return /* @__PURE__ */ import_react80.default.createElement("li", { ref: itemRef, className: rowClassName, "data-item": bankTransaction.id }, /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react79.default.createElement("li", { ref: itemRef, className: rowClassName, "data-item": bankTransaction.id }, /* @__PURE__ */ import_react79.default.createElement(
     "span",
     {
       className: `${className}__heading`,
@@ -7423,27 +7250,27 @@ var BankTransactionMobileListItem = ({
       role: "button",
       style: { height: headingHeight }
     },
-    /* @__PURE__ */ import_react80.default.createElement("div", { className: `${className}__heading__content`, ref: headingRowRef }, /* @__PURE__ */ import_react80.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react80.default.createElement(Text, { as: "span", className: `${className}__heading__tx-name` }, bankTransaction.counterparty_name ?? bankTransaction.description), /* @__PURE__ */ import_react80.default.createElement(Text, { as: "span", className: `${className}__heading__account-name` }, categorized && bankTransaction.categorization_status ? getAssignedValue2(bankTransaction) : null, !categorized && bankTransaction.account_name), categorized && open && /* @__PURE__ */ import_react80.default.createElement(Text, { as: "span", className: `${className}__categorized-name` }, bankTransaction.account_name)), /* @__PURE__ */ import_react80.default.createElement("div", { className: `${className}__heading__amount` }, /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react79.default.createElement("div", { className: `${className}__heading__content`, ref: headingRowRef }, /* @__PURE__ */ import_react79.default.createElement("div", { className: `${className}__heading__main` }, /* @__PURE__ */ import_react79.default.createElement(Text, { as: "span", className: `${className}__heading__tx-name` }, bankTransaction.counterparty_name ?? bankTransaction.description), /* @__PURE__ */ import_react79.default.createElement(Text, { as: "span", className: `${className}__heading__account-name` }, categorized && bankTransaction.categorization_status ? getAssignedValue2(bankTransaction) : null, !categorized && bankTransaction.account_name), categorized && open && /* @__PURE__ */ import_react79.default.createElement(Text, { as: "span", className: `${className}__categorized-name` }, bankTransaction.account_name)), /* @__PURE__ */ import_react79.default.createElement("div", { className: `${className}__heading__amount` }, /* @__PURE__ */ import_react79.default.createElement(
       "span",
       {
         className: `${className}__amount-${isCredit(bankTransaction) ? "credit" : "debit"}`
       },
       isCredit(bankTransaction) ? "+$" : " $",
       centsToDollars(bankTransaction.amount)
-    ), /* @__PURE__ */ import_react80.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns12.format)((0, import_date_fns12.parseISO)(bankTransaction.date), DATE_FORMAT2))))
-  ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react80.default.createElement(
+    ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), DATE_FORMAT2))))
+  ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react79.default.createElement(
     "div",
     {
       className: `${className}__expanded-row`,
       style: { height: !open || removeAnim ? 0 : height }
     },
-    open && /* @__PURE__ */ import_react80.default.createElement(
+    open && /* @__PURE__ */ import_react79.default.createElement(
       "div",
       {
         className: `${className}__expanded-row__content`,
         ref: formRowRef
       },
-      /* @__PURE__ */ import_react80.default.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ import_react80.default.createElement(
+      /* @__PURE__ */ import_react79.default.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ import_react79.default.createElement(
         Toggle,
         {
           name: `purpose-${bankTransaction.id}`,
@@ -7471,17 +7298,16 @@ var BankTransactionMobileListItem = ({
           selected: purpose,
           onChange: onChangePurpose
         }
-      ), /* @__PURE__ */ import_react80.default.createElement(CloseButton, { onClick: () => close() })),
-      /* @__PURE__ */ import_react80.default.createElement(
+      ), /* @__PURE__ */ import_react79.default.createElement(CloseButton, { onClick: () => close() })),
+      /* @__PURE__ */ import_react79.default.createElement(
         BankTransactionMobileForms,
         {
           purpose,
-          bankTransaction,
-          hardRefreshPnlOnCategorize
+          bankTransaction
         }
       )
     )
-  ) : /* @__PURE__ */ import_react80.default.createElement(import_react80.default.Fragment, null));
+  ) : /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null));
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileList.tsx
@@ -7490,12 +7316,11 @@ var BankTransactionMobileList = ({
   removeTransaction,
   editable,
   initialLoad,
-  mode,
-  hardRefreshPnlOnCategorize
+  mode
 }) => {
   const transactionToOpenContextData = useTransactionToOpen();
-  return /* @__PURE__ */ import_react81.default.createElement(TransactionToOpenContext.Provider, { value: transactionToOpenContextData }, /* @__PURE__ */ import_react81.default.createElement("ul", { className: "Layer__bank-transactions__mobile-list" }, bankTransactions?.map(
-    (bankTransaction, index) => /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement(TransactionToOpenContext.Provider, { value: transactionToOpenContextData }, /* @__PURE__ */ import_react80.default.createElement("ul", { className: "Layer__bank-transactions__mobile-list" }, bankTransactions?.map(
+    (bankTransaction, index) => /* @__PURE__ */ import_react80.default.createElement(
       BankTransactionMobileListItem,
       {
         index,
@@ -7504,24 +7329,23 @@ var BankTransactionMobileList = ({
         bankTransaction,
         editable,
         removeTransaction,
-        initialLoad,
-        hardRefreshPnlOnCategorize
+        initialLoad
       }
     )
   )));
 };
 
 // src/components/BankTransactionsTable/BankTransactionsTable.tsx
-var import_react86 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 
 // src/components/BankTransactionsLoader/BankTransactionsLoader.tsx
-var import_react84 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 
 // src/components/SkeletonTableLoader/SkeletonTableLoader.tsx
-var import_react83 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
-var import_react82 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var import_classnames37 = __toESM(require("classnames"));
 var SkeletonLoader = ({
   height,
@@ -7532,7 +7356,7 @@ var SkeletonLoader = ({
     "Layer__skeleton-loader Layer__anim--skeleton-loading",
     className
   );
-  return /* @__PURE__ */ import_react82.default.createElement("div", { className: baseClassName, style: { width, height } });
+  return /* @__PURE__ */ import_react81.default.createElement("div", { className: baseClassName, style: { width, height } });
 };
 
 // src/components/SkeletonTableLoader/SkeletonTableLoader.tsx
@@ -7542,22 +7366,38 @@ var SkeletonTableLoader = ({
   height = 20,
   width = 100
 }) => {
-  return /* @__PURE__ */ import_react83.default.createElement("tbody", { className: "Layer__skeleton-table-body__loader" }, Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ import_react83.default.createElement("tr", { key: rowIndex }, cols.map((col, colIndex) => /* @__PURE__ */ import_react83.default.createElement(
-    "td",
-    {
-      key: colIndex,
-      colSpan: col.colSpan,
-      className: "Layer__skeleton-loader__row"
-    },
-    col.colComponent ? col.colComponent : /* @__PURE__ */ import_react83.default.createElement(SkeletonLoader, { width: `${width}%`, height: `${height}px` })
-  )))));
+  return /* @__PURE__ */ import_react82.default.createElement("tbody", { className: "Layer__skeleton-table-body__loader" }, Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ import_react82.default.createElement("tr", { key: rowIndex }, cols.map((col, colIndex) => {
+    const trim = col.trimLastXRows && rowIndex >= col.trimLastXRows - 1 ? (rowIndex - col.trimLastXRows + 1) * 10 : 0;
+    return /* @__PURE__ */ import_react82.default.createElement(
+      "td",
+      {
+        key: colIndex,
+        colSpan: col.colSpan,
+        className: "Layer__skeleton-loader__row"
+      },
+      col.colComponent ? col.colComponent : col.parts && col.parts > 1 ? /* @__PURE__ */ import_react82.default.createElement("span", { className: "Layer__skeleton-loader__row__group" }, [...Array(col.parts)].map((_part, partIndex) => /* @__PURE__ */ import_react82.default.createElement(
+        SkeletonLoader,
+        {
+          key: `part-${partIndex}`,
+          width: "100%",
+          height: `${height}px`
+        }
+      ))) : /* @__PURE__ */ import_react82.default.createElement(
+        SkeletonLoader,
+        {
+          width: `${width - trim}%`,
+          height: `${height}px`
+        }
+      )
+    );
+  }))));
 };
 
 // src/components/BankTransactionsLoader/BankTransactionsLoader.tsx
 var BankTransactionsLoader = ({
   isLoading = true
 }) => {
-  const inactiveBankTransactionsActions = /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__bank-transaction-row__actions-container Layer__bank-transaction-row__actions-disabled" }, /* @__PURE__ */ import_react84.default.createElement(
+  const inactiveBankTransactionsActions = /* @__PURE__ */ import_react83.default.createElement("div", { className: "Layer__bank-transaction-row__actions-container Layer__bank-transaction-row__actions-disabled" }, /* @__PURE__ */ import_react83.default.createElement(
     CategorySelect,
     {
       name: "category-bakn-transaction",
@@ -7567,7 +7407,7 @@ var BankTransactionsLoader = ({
       },
       disabled: true
     }
-  ), /* @__PURE__ */ import_react84.default.createElement(
+  ), /* @__PURE__ */ import_react83.default.createElement(
     SubmitButton,
     {
       onClick: () => {
@@ -7577,21 +7417,24 @@ var BankTransactionsLoader = ({
       disabled: true
     },
     "Approve"
-  ), /* @__PURE__ */ import_react84.default.createElement(
+  ), /* @__PURE__ */ import_react83.default.createElement(
     IconButton,
     {
       disabled: true,
       onClick: () => {
       },
       className: "Layer__bank-transaction-row__expand-button",
-      icon: /* @__PURE__ */ import_react84.default.createElement(ChevronDownFill_default, { className: "Layer__chevron Layer__chevron__down" })
+      icon: /* @__PURE__ */ import_react83.default.createElement(ChevronDownFill_default, { className: "Layer__chevron Layer__chevron__down" })
     }
   ));
-  return /* @__PURE__ */ import_react84.default.createElement(
+  return /* @__PURE__ */ import_react83.default.createElement(
     SkeletonTableLoader,
     {
-      rows: 4,
-      cols: isLoading ? [{ colSpan: 4 }, { colSpan: 1 }] : [
+      rows: 6,
+      cols: isLoading ? [
+        { colSpan: 4, trimLastXRows: 3 },
+        { colSpan: 1, parts: 2 }
+      ] : [
         { colSpan: 4 },
         { colSpan: 1, colComponent: inactiveBankTransactionsActions }
       ],
@@ -7601,7 +7444,7 @@ var BankTransactionsLoader = ({
 };
 
 // src/components/SyncingComponent/SyncingComponent.tsx
-var import_react85 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 var import_classnames38 = __toESM(require("classnames"));
 var SyncingComponent = ({
   title = "Syncing account data",
@@ -7620,7 +7463,7 @@ var SyncingComponent = ({
     }
     return `${timeSync} minutes`;
   };
-  return /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react84.default.createElement(
     "div",
     {
       className: (0, import_classnames38.default)(
@@ -7628,8 +7471,8 @@ var SyncingComponent = ({
         inProgress ? "Layer__syncing-component--with-border" : ""
       )
     },
-    /* @__PURE__ */ import_react85.default.createElement("div", { className: "Layer__syncing-component__actions" }, inProgress ? /* @__PURE__ */ import_react85.default.createElement(SmallLoader, null) : /* @__PURE__ */ import_react85.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react85.default.createElement(RefreshCcw_default, null), onClick: handleRefresh })),
-    !hideContent && /* @__PURE__ */ import_react85.default.createElement("div", { className: "Layer__syncing-component__content" }, /* @__PURE__ */ import_react85.default.createElement("div", { className: "Layer__syncing-component__title" }, title), /* @__PURE__ */ import_react85.default.createElement("div", { className: "Layer__syncing-component__message" }, `${message} ${timeSyncInfo()}`))
+    /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__syncing-component__actions" }, inProgress ? /* @__PURE__ */ import_react84.default.createElement(SmallLoader, null) : /* @__PURE__ */ import_react84.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react84.default.createElement(RefreshCcw_default, null), onClick: handleRefresh })),
+    !hideContent && /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__syncing-component__content" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__syncing-component__title" }, title), /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__syncing-component__message" }, `${message} ${timeSyncInfo()}`))
   );
 };
 
@@ -7645,24 +7488,22 @@ var BankTransactionsTable = ({
   removeTransaction,
   showDescriptions = false,
   showReceiptUploads = false,
-  hardRefreshPnlOnCategorize = false,
   stringOverrides,
   isSyncing = false,
   page,
   lastPage,
   onRefresh
 }) => {
-  return /* @__PURE__ */ import_react86.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement(
     "table",
     {
       width: "100%",
       className: "Layer__table Layer__bank-transactions__table with-cell-separators"
     },
-    /* @__PURE__ */ import_react86.default.createElement("thead", null, /* @__PURE__ */ import_react86.default.createElement("tr", null, /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, stringOverrides?.transactionsTable?.dateColumnHeaderText || "Date"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, stringOverrides?.transactionsTable?.transactionColumnHeaderText || "Transaction"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, stringOverrides?.transactionsTable?.accountColumnHeaderText || "Account"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, stringOverrides?.transactionsTable?.amountColumnHeaderText || "Amount"), categorizeView && editable ? /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categorizeColumnHeaderText || "Categorize") : /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categoryColumnHeaderText || "Category"))),
-    isLoading && page && page === 1 ? /* @__PURE__ */ import_react86.default.createElement(BankTransactionsLoader, { isLoading: true }) : null,
-    !isLoading && isSyncing && page && page === 1 ? /* @__PURE__ */ import_react86.default.createElement(BankTransactionsLoader, { isLoading: false }) : null,
-    /* @__PURE__ */ import_react86.default.createElement("tbody", null, !isLoading && bankTransactions?.map(
-      (bankTransaction, index) => /* @__PURE__ */ import_react86.default.createElement(
+    /* @__PURE__ */ import_react85.default.createElement("thead", null, /* @__PURE__ */ import_react85.default.createElement("tr", null, /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, stringOverrides?.transactionsTable?.dateColumnHeaderText || "Date"), /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, stringOverrides?.transactionsTable?.transactionColumnHeaderText || "Transaction"), /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, stringOverrides?.transactionsTable?.accountColumnHeaderText || "Account"), /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, stringOverrides?.transactionsTable?.amountColumnHeaderText || "Amount"), categorizeView && editable ? /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categorizeColumnHeaderText || "Categorize") : /* @__PURE__ */ import_react85.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categoryColumnHeaderText || "Category"))),
+    isLoading && page && page === 1 ? /* @__PURE__ */ import_react85.default.createElement(BankTransactionsLoader, { isLoading: true }) : null,
+    /* @__PURE__ */ import_react85.default.createElement("tbody", null, !isLoading && bankTransactions?.map(
+      (bankTransaction, index) => /* @__PURE__ */ import_react85.default.createElement(
         BankTransactionRow,
         {
           initialLoad,
@@ -7676,11 +7517,10 @@ var BankTransactionsTable = ({
           containerWidth,
           showDescriptions,
           showReceiptUploads,
-          hardRefreshPnlOnCategorize,
           stringOverrides: stringOverrides?.bankTransactionCTAs
         }
       )
-    ), isSyncing && (lastPage || (!bankTransactions || bankTransactions.length === 0) && page === 1) ? /* @__PURE__ */ import_react86.default.createElement("tr", null, /* @__PURE__ */ import_react86.default.createElement("td", { colSpan: 3 }, /* @__PURE__ */ import_react86.default.createElement(
+    ), isSyncing && (lastPage || (!bankTransactions || bankTransactions.length === 0) && page === 1) ? /* @__PURE__ */ import_react85.default.createElement("tr", null, /* @__PURE__ */ import_react85.default.createElement("td", { colSpan: 3 }, /* @__PURE__ */ import_react85.default.createElement(
       SyncingComponent,
       {
         title: "Syncing historical account data",
@@ -7691,12 +7531,12 @@ var BankTransactionsTable = ({
 };
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
-var import_react88 = __toESM(require("react"));
+var import_react87 = __toESM(require("react"));
 
 // src/components/ErrorBoundary/ErrorBoundaryMessage.tsx
-var import_react87 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 var ErrorBoundaryMessage = () => {
-  return /* @__PURE__ */ import_react87.default.createElement("div", { className: "Layer__component Layer__component-container Layer__error-boundary" }, /* @__PURE__ */ import_react87.default.createElement(
+  return /* @__PURE__ */ import_react86.default.createElement("div", { className: "Layer__component Layer__component-container Layer__error-boundary" }, /* @__PURE__ */ import_react86.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -7707,7 +7547,7 @@ var ErrorBoundaryMessage = () => {
 };
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
-var ErrorBoundary = class extends import_react88.Component {
+var ErrorBoundary = class extends import_react87.Component {
   constructor(props) {
     super(props);
     this.onError = props.onError;
@@ -7725,17 +7565,17 @@ var ErrorBoundary = class extends import_react88.Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ import_react88.default.createElement(ErrorBoundaryMessage, null);
+      return /* @__PURE__ */ import_react87.default.createElement(ErrorBoundaryMessage, null);
     }
     return this.props.children;
   }
 };
 
 // src/components/Pagination/Pagination.tsx
-var import_react90 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 
 // src/hooks/usePagination/usePagination.ts
-var import_react89 = require("react");
+var import_react88 = require("react");
 var DOTS = "...";
 var usePagination = ({
   totalCount,
@@ -7743,7 +7583,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = (0, import_react89.useMemo)(() => {
+  const paginationRange = (0, import_react88.useMemo)(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     const totalPageNumbers = siblingCount + 5;
     if (totalPageNumbers >= totalPageCount) {
@@ -7827,7 +7667,7 @@ var Pagination = ({
     return;
   }
   let lastPage = paginationRange[paginationRange.length - 1];
-  return /* @__PURE__ */ import_react90.default.createElement("ul", { className: "Layer__pagination" }, /* @__PURE__ */ import_react90.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement("ul", { className: "Layer__pagination" }, /* @__PURE__ */ import_react89.default.createElement(
     "li",
     {
       key: `page-prev`,
@@ -7839,10 +7679,10 @@ var Pagination = ({
       ),
       onClick: () => onPageChange(currentPage - 1)
     },
-    /* @__PURE__ */ import_react90.default.createElement(ChevronLeft_default, { size: 12 })
+    /* @__PURE__ */ import_react89.default.createElement(ChevronLeft_default, { size: 12 })
   ), paginationRange.map((pageNumber, idx) => {
     if (pageNumber === DOTS) {
-      return /* @__PURE__ */ import_react90.default.createElement(
+      return /* @__PURE__ */ import_react89.default.createElement(
         "li",
         {
           key: `${idx}-page-${pageNumber}`,
@@ -7851,7 +7691,7 @@ var Pagination = ({
         "\u2026"
       );
     }
-    return /* @__PURE__ */ import_react90.default.createElement(
+    return /* @__PURE__ */ import_react89.default.createElement(
       "li",
       {
         key: `page-${pageNumber}`,
@@ -7869,7 +7709,7 @@ var Pagination = ({
       },
       pageNumber
     );
-  }), hasMore && fetchMore ? /* @__PURE__ */ import_react90.default.createElement(
+  }), hasMore && fetchMore ? /* @__PURE__ */ import_react89.default.createElement(
     "li",
     {
       key: `page-has-more`,
@@ -7877,7 +7717,7 @@ var Pagination = ({
       onClick: fetchMore
     },
     "..."
-  ) : null, /* @__PURE__ */ import_react90.default.createElement(
+  ) : null, /* @__PURE__ */ import_react89.default.createElement(
     "li",
     {
       key: `page-last`,
@@ -7889,12 +7729,12 @@ var Pagination = ({
       ),
       onClick: () => onPageChange(currentPage + 1)
     },
-    /* @__PURE__ */ import_react90.default.createElement(ChevronRight_default, { size: 12 })
+    /* @__PURE__ */ import_react89.default.createElement(ChevronRight_default, { size: 12 })
   ));
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-var import_react95 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 
 // src/icons/DownloadCloud.tsx
 var React103 = __toESM(require("react"));
@@ -7939,11 +7779,11 @@ var DownloadCloud = ({ size = 18, ...props }) => /* @__PURE__ */ React103.create
 var DownloadCloud_default = DownloadCloud;
 
 // src/utils/business.ts
-var import_date_fns13 = require("date-fns");
+var import_date_fns12 = require("date-fns");
 var getActivationDate = (business) => {
   try {
     if (business && business.activation_at) {
-      return (0, import_date_fns13.parseISO)(business.activation_at);
+      return (0, import_date_fns12.parseISO)(business.activation_at);
     }
     return;
   } catch (_err) {
@@ -7953,7 +7793,7 @@ var getActivationDate = (business) => {
 var getEarliestDateToBrowse = (business) => {
   const activationDate = getActivationDate(business);
   if (activationDate) {
-    return (0, import_date_fns13.startOfMonth)(activationDate);
+    return (0, import_date_fns12.startOfMonth)(activationDate);
   }
   return;
 };
@@ -7965,16 +7805,16 @@ var isDateAllowedToBrowse = (date, business) => {
   if (!activationDate) {
     return true;
   }
-  return (0, import_date_fns13.differenceInCalendarMonths)((0, import_date_fns13.startOfMonth)(date), activationDate) >= 0;
+  return (0, import_date_fns12.differenceInCalendarMonths)((0, import_date_fns12.startOfMonth)(date), activationDate) >= 0;
 };
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react92 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 var import_react_datepicker = __toESM(require("react-datepicker"));
 
 // src/components/DatePicker/DatePickerOptions.tsx
-var import_react91 = __toESM(require("react"));
-var import_date_fns14 = require("date-fns");
+var import_react90 = __toESM(require("react"));
+var import_date_fns13 = require("date-fns");
 var DatePickerOptions = ({
   options,
   setSelectedDate
@@ -7983,87 +7823,87 @@ var DatePickerOptions = ({
   const getOptionComponent = (option) => {
     switch (option) {
       case "this-month":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns14.startOfMonth)(/* @__PURE__ */ new Date()),
-                (0, import_date_fns14.endOfMonth)(/* @__PURE__ */ new Date())
+                (0, import_date_fns13.startOfMonth)(/* @__PURE__ */ new Date()),
+                (0, import_date_fns13.endOfMonth)(/* @__PURE__ */ new Date())
               ]);
             }
           },
           "This month"
         );
       case "last-month":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns14.startOfMonth)((0, import_date_fns14.subMonths)(/* @__PURE__ */ new Date(), 1)),
-                (0, import_date_fns14.endOfMonth)((0, import_date_fns14.subMonths)(/* @__PURE__ */ new Date(), 1))
+                (0, import_date_fns13.startOfMonth)((0, import_date_fns13.subMonths)(/* @__PURE__ */ new Date(), 1)),
+                (0, import_date_fns13.endOfMonth)((0, import_date_fns13.subMonths)(/* @__PURE__ */ new Date(), 1))
               ]);
             }
           },
           "Last month"
         );
       case "this-quarter":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
               setSelectedDate([
-                (0, import_date_fns14.startOfQuarter)(/* @__PURE__ */ new Date()),
-                (0, import_date_fns14.endOfQuarter)(/* @__PURE__ */ new Date())
+                (0, import_date_fns13.startOfQuarter)(/* @__PURE__ */ new Date()),
+                (0, import_date_fns13.endOfQuarter)(/* @__PURE__ */ new Date())
               ]);
             }
           },
           "This quarter"
         );
       case "last-quarter":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
-              const lastQuarter = (0, import_date_fns14.subQuarters)(/* @__PURE__ */ new Date(), 1);
+              const lastQuarter = (0, import_date_fns13.subQuarters)(/* @__PURE__ */ new Date(), 1);
               setSelectedDate([
-                (0, import_date_fns14.startOfQuarter)(lastQuarter),
-                (0, import_date_fns14.endOfQuarter)(lastQuarter)
+                (0, import_date_fns13.startOfQuarter)(lastQuarter),
+                (0, import_date_fns13.endOfQuarter)(lastQuarter)
               ]);
             }
           },
           "Last quarter"
         );
       case "this-year":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
-              setSelectedDate([(0, import_date_fns14.startOfYear)(/* @__PURE__ */ new Date()), (0, import_date_fns14.endOfYear)(/* @__PURE__ */ new Date())]);
+              setSelectedDate([(0, import_date_fns13.startOfYear)(/* @__PURE__ */ new Date()), (0, import_date_fns13.endOfYear)(/* @__PURE__ */ new Date())]);
             }
           },
           "This year"
         );
       case "last-year":
-        return /* @__PURE__ */ import_react91.default.createElement(
+        return /* @__PURE__ */ import_react90.default.createElement(
           TextButton,
           {
             key: option,
             onClick: () => {
-              const lastYear = (0, import_date_fns14.subYears)(/* @__PURE__ */ new Date(), 1);
-              setSelectedDate([(0, import_date_fns14.startOfYear)(lastYear), (0, import_date_fns14.endOfYear)(lastYear)]);
+              const lastYear = (0, import_date_fns13.subYears)(/* @__PURE__ */ new Date(), 1);
+              setSelectedDate([(0, import_date_fns13.startOfYear)(lastYear), (0, import_date_fns13.endOfYear)(lastYear)]);
             }
           },
           "Last year"
         );
     }
-    return /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null);
+    return /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null);
   };
   if (options.length === 0) {
     const allOptions = [
@@ -8083,9 +7923,9 @@ var DatePickerOptions = ({
     });
   }
   if (optionsComponents.length === 0) {
-    return /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null);
+    return /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null);
   }
-  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__datepicker__popper__custom-footer" }, optionsComponents);
+  return /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__datepicker__popper__custom-footer" }, optionsComponents);
 };
 
 // src/components/DatePicker/DatePicker.tsx
@@ -8122,28 +7962,28 @@ var DatePicker = ({
   navigateArrows = mode === "monthPicker",
   ...props
 }) => {
-  const pickerRef = (0, import_react92.useRef)(null);
-  const [updatePickerDate, setPickerDate] = (0, import_react92.useState)(false);
-  const [selectedDates, setSelectedDates] = (0, import_react92.useState)(selected);
+  const pickerRef = (0, import_react91.useRef)(null);
+  const [updatePickerDate, setPickerDate] = (0, import_react91.useState)(false);
+  const [selectedDates, setSelectedDates] = (0, import_react91.useState)(selected);
   const { isDesktop } = useSizeClass();
-  const [startDate, setStartDate] = (0, import_react92.useState)(
+  const [startDate, setStartDate] = (0, import_react91.useState)(
     getDefaultRangeDate("start", mode, selected) ?? /* @__PURE__ */ new Date()
   );
-  const [endDate, setEndDate] = (0, import_react92.useState)(
+  const [endDate, setEndDate] = (0, import_react91.useState)(
     getDefaultRangeDate("end", mode, selected)
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     try {
       setPickerDate(true);
-      if (!isRangeMode(mode) && selected !== selectedDates) {
+      if (!isRangeMode(mode) && selected?.getTime() !== selectedDates?.getTime()) {
         setSelectedDates(selected);
         return;
       }
       if (isRangeMode(mode) && Array.isArray(selected)) {
-        if (startDate !== selected[0]) {
+        if (startDate?.getTime() !== selected[0]?.getTime()) {
           setStartDate(selected[0]);
         }
-        if (endDate !== selected[1]) {
+        if (endDate?.getTime() !== selected[1]?.getTime()) {
           setEndDate(selected[1]);
         }
       }
@@ -8151,14 +7991,14 @@ var DatePicker = ({
       return;
     }
   }, [selected]);
-  (0, import_react92.useEffect)(() => {
-    if (onChange && !updatePickerDate) {
+  (0, import_react91.useEffect)(() => {
+    if (onChange && (!isRangeMode(mode) || isRangeMode(mode) && !updatePickerDate)) {
       onChange(selectedDates);
     } else {
       setPickerDate(false);
     }
   }, [selectedDates]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isRangeMode(mode)) {
       setSelectedDates([startDate, endDate]);
     }
@@ -8235,7 +8075,7 @@ var DatePicker = ({
       );
     }
   };
-  return /* @__PURE__ */ import_react92.default.createElement("div", { className: wrapperClassNames }, /* @__PURE__ */ import_react92.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement("div", { className: wrapperClassNames }, /* @__PURE__ */ import_react91.default.createElement(
     import_react_datepicker.default,
     {
       ref: pickerRef,
@@ -8251,7 +8091,7 @@ var DatePicker = ({
       selectsRange: isRangeMode(mode),
       showMonthYearPicker: mode === "monthPicker" || mode === "monthRangePicker",
       dateFormat,
-      renderDayContents: (day) => /* @__PURE__ */ import_react92.default.createElement("span", { className: "Layer__datepicker__day-contents" }, day),
+      renderDayContents: (day) => /* @__PURE__ */ import_react91.default.createElement("span", { className: "Layer__datepicker__day-contents" }, day),
       timeIntervals,
       timeCaption,
       timeFormat: "h mm aa",
@@ -8283,14 +8123,14 @@ var DatePicker = ({
       },
       ...props
     },
-    mode === "dayRangePicker" && /* @__PURE__ */ import_react92.default.createElement(
+    mode === "dayRangePicker" && /* @__PURE__ */ import_react91.default.createElement(
       DatePickerOptions,
       {
         options,
         setSelectedDate: setSelectedDates
       }
     )
-  ), navigateArrows && !isDesktop && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, /* @__PURE__ */ import_react92.default.createElement(
+  ), navigateArrows && !isDesktop && /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, /* @__PURE__ */ import_react91.default.createElement(
     Button,
     {
       "aria-label": "Previous Date",
@@ -8302,8 +8142,8 @@ var DatePicker = ({
       variant: "secondary" /* secondary */,
       disabled: isBeforeMinDate
     },
-    /* @__PURE__ */ import_react92.default.createElement(ChevronLeft_default, { className: "Layer__datepicker__button-icon", size: 16 })
-  ), /* @__PURE__ */ import_react92.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement(ChevronLeft_default, { className: "Layer__datepicker__button-icon", size: 16 })
+  ), /* @__PURE__ */ import_react91.default.createElement(
     Button,
     {
       "aria-label": "Next Date",
@@ -8315,14 +8155,14 @@ var DatePicker = ({
       onClick: () => changeDate(1),
       disabled: isTodayOrAfter
     },
-    /* @__PURE__ */ import_react92.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement(
       ChevronRight_default,
       {
         className: "Layer__datepicker__button-icon",
         size: 16
       }
     )
-  )), currentDateOption && (mode === "dayPicker" || mode === "monthPicker") && /* @__PURE__ */ import_react92.default.createElement(
+  )), currentDateOption && (mode === "dayPicker" || mode === "monthPicker") && /* @__PURE__ */ import_react91.default.createElement(
     Button,
     {
       className: "Layer__datepicker__current-button",
@@ -8335,10 +8175,10 @@ var DatePicker = ({
 };
 
 // src/components/Tabs/Tabs.tsx
-var import_react94 = __toESM(require("react"));
+var import_react93 = __toESM(require("react"));
 
 // src/components/Tabs/Tab.tsx
-var import_react93 = __toESM(require("react"));
+var import_react92 = __toESM(require("react"));
 var Tab = ({
   checked,
   label,
@@ -8351,7 +8191,7 @@ var Tab = ({
   index
 }) => {
   if (disabled) {
-    return /* @__PURE__ */ import_react93.default.createElement(Tooltip, null, /* @__PURE__ */ import_react93.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react93.default.createElement("label", { className: `Layer__tabs-option`, "data-checked": checked }, /* @__PURE__ */ import_react93.default.createElement(
+    return /* @__PURE__ */ import_react92.default.createElement(Tooltip, null, /* @__PURE__ */ import_react92.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react92.default.createElement("label", { className: `Layer__tabs-option`, "data-checked": checked }, /* @__PURE__ */ import_react92.default.createElement(
       "input",
       {
         type: "radio",
@@ -8362,9 +8202,9 @@ var Tab = ({
         disabled: disabled ?? false,
         "data-idx": index
       }
-    ), /* @__PURE__ */ import_react93.default.createElement("span", { className: "Layer__tabs-option-content" }, leftIcon && /* @__PURE__ */ import_react93.default.createElement("span", { className: "Layer__tabs-option__icon" }, leftIcon), /* @__PURE__ */ import_react93.default.createElement("span", null, label)))), /* @__PURE__ */ import_react93.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
+    ), /* @__PURE__ */ import_react92.default.createElement("span", { className: "Layer__tabs-option-content" }, leftIcon && /* @__PURE__ */ import_react92.default.createElement("span", { className: "Layer__tabs-option__icon" }, leftIcon), /* @__PURE__ */ import_react92.default.createElement("span", null, label)))), /* @__PURE__ */ import_react92.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
   }
-  return /* @__PURE__ */ import_react93.default.createElement("label", { className: `Layer__tabs-option`, "data-checked": checked }, /* @__PURE__ */ import_react93.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement("label", { className: `Layer__tabs-option`, "data-checked": checked }, /* @__PURE__ */ import_react92.default.createElement(
     "input",
     {
       type: "radio",
@@ -8375,15 +8215,15 @@ var Tab = ({
       disabled: disabled ?? false,
       "data-idx": index
     }
-  ), /* @__PURE__ */ import_react93.default.createElement("span", { className: "Layer__tabs-option-content" }, leftIcon && /* @__PURE__ */ import_react93.default.createElement("span", { className: "Layer__tabs-option__icon" }, leftIcon), /* @__PURE__ */ import_react93.default.createElement("span", null, label)));
+  ), /* @__PURE__ */ import_react92.default.createElement("span", { className: "Layer__tabs-option-content" }, leftIcon && /* @__PURE__ */ import_react92.default.createElement("span", { className: "Layer__tabs-option__icon" }, leftIcon), /* @__PURE__ */ import_react92.default.createElement("span", null, label)));
 };
 
 // src/components/Tabs/Tabs.tsx
 var import_classnames41 = __toESM(require("classnames"));
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react94.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react94.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react94.useState)(0);
+  const [initialized, setInitialized] = (0, import_react93.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react93.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react93.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames41.default)(
     "Layer__tabs",
@@ -8417,7 +8257,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + 1.5;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react94.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
@@ -8433,7 +8273,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
     }
     return selectedIndex;
   };
-  return /* @__PURE__ */ import_react94.default.createElement("div", { className: baseClassName, ref: elementRef }, options.map((option, index) => /* @__PURE__ */ import_react94.default.createElement(
+  return /* @__PURE__ */ import_react93.default.createElement("div", { className: baseClassName, ref: elementRef }, options.map((option, index) => /* @__PURE__ */ import_react93.default.createElement(
     Tab,
     {
       ...option,
@@ -8445,17 +8285,17 @@ var Tabs = ({ name, options, selected, onChange }) => {
       disabledMessage: option.disabledMessage,
       index
     }
-  )), /* @__PURE__ */ import_react94.default.createElement("span", { className: "Layer__tabs__thumb", style: { ...thumbPos } }));
+  )), /* @__PURE__ */ import_react93.default.createElement("span", { className: "Layer__tabs__thumb", style: { ...thumbPos } }));
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_classnames42 = __toESM(require("classnames"));
-var import_date_fns15 = require("date-fns");
+var import_date_fns14 = require("date-fns");
 var DownloadButton = ({
   downloadButtonTextOverride
 }) => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [requestFailed, setRequestFailed] = (0, import_react95.useState)(false);
+  const [requestFailed, setRequestFailed] = (0, import_react94.useState)(false);
   const handleClick = async () => {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
     const getBankTransactionsCsv2 = Layer.getBankTransactionsCsv(
@@ -8480,7 +8320,7 @@ var DownloadButton = ({
       setRequestFailed(true);
     }
   };
-  return requestFailed ? /* @__PURE__ */ import_react95.default.createElement(
+  return requestFailed ? /* @__PURE__ */ import_react94.default.createElement(
     RetryButton,
     {
       onClick: handleClick,
@@ -8488,11 +8328,11 @@ var DownloadButton = ({
       error: "Approval failed. Check connection and retry in few seconds."
     },
     "Retry"
-  ) : /* @__PURE__ */ import_react95.default.createElement(
+  ) : /* @__PURE__ */ import_react94.default.createElement(
     Button,
     {
       variant: "secondary" /* secondary */,
-      rightIcon: /* @__PURE__ */ import_react95.default.createElement(DownloadCloud_default, { size: 12 }),
+      rightIcon: /* @__PURE__ */ import_react94.default.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
     downloadButtonTextOverride || "Download"
@@ -8514,7 +8354,7 @@ var BankTransactionsHeader = ({
   isSyncing
 }) => {
   const { business } = useLayerContext();
-  return /* @__PURE__ */ import_react95.default.createElement(
+  return /* @__PURE__ */ import_react94.default.createElement(
     Header,
     {
       className: (0, import_classnames42.default)(
@@ -8524,21 +8364,21 @@ var BankTransactionsHeader = ({
       ),
       style: { top: shiftStickyHeader }
     },
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__bank-transactions__header__content" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__bank-transactions__header__content-title" }, /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: "Layer__bank-transactions__header__content" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "Layer__bank-transactions__header__content-title" }, /* @__PURE__ */ import_react94.default.createElement(
       Heading,
       {
         className: "Layer__bank-transactions__title",
         size: asWidget ? "secondary" /* secondary */ : "secondary" /* secondary */
       },
       stringOverrides?.header || "Transactions"
-    ), isSyncing && /* @__PURE__ */ import_react95.default.createElement(
+    ), isSyncing && /* @__PURE__ */ import_react94.default.createElement(
       SyncingComponent,
       {
         timeSync: 5,
         inProgress: true,
         hideContent: listView
       }
-    )), withDatePicker && dateRange && setDateRange ? /* @__PURE__ */ import_react95.default.createElement(
+    )), withDatePicker && dateRange && setDateRange ? /* @__PURE__ */ import_react94.default.createElement(
       DatePicker,
       {
         mode: "monthPicker",
@@ -8546,20 +8386,20 @@ var BankTransactionsHeader = ({
         onChange: (date) => {
           if (!Array.isArray(date)) {
             setDateRange({
-              startDate: (0, import_date_fns15.startOfMonth)(date),
-              endDate: (0, import_date_fns15.endOfMonth)(date)
+              startDate: (0, import_date_fns14.startOfMonth)(date),
+              endDate: (0, import_date_fns14.endOfMonth)(date)
             });
           }
         },
         minDate: getEarliestDateToBrowse(business)
       }
     ) : null),
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions-wrapper" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: "Layer__header__actions-wrapper" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ import_react94.default.createElement(
       DownloadButton,
       {
         downloadButtonTextOverride: stringOverrides?.downloadButton
       }
-    ), !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ import_react95.default.createElement(
+    ), !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ import_react94.default.createElement(
       Toggle,
       {
         name: "bank-transaction-display",
@@ -8570,7 +8410,7 @@ var BankTransactionsHeader = ({
         selected: display,
         onChange: onCategorizationDisplayChange
       }
-    )), !categorizedOnly && mobileComponent === "mobileList" && listView && categorizeView && /* @__PURE__ */ import_react95.default.createElement(
+    )), !categorizedOnly && mobileComponent === "mobileList" && listView && categorizeView && /* @__PURE__ */ import_react94.default.createElement(
       Tabs,
       {
         name: "bank-transaction-display",
@@ -8586,7 +8426,7 @@ var BankTransactionsHeader = ({
 };
 
 // src/components/BankTransactions/DataStates.tsx
-var import_react96 = __toESM(require("react"));
+var import_react95 = __toESM(require("react"));
 
 // src/icons/Inbox.tsx
 var React109 = __toESM(require("react"));
@@ -8633,7 +8473,7 @@ var DataStates = ({
   let title = editable ? "You are up to date with transactions!" : "You have no categorized transactions";
   let description = editable ? "All uncategorized transaction will be displayed here" : "All transaction will be displayed here once reviewed";
   const showRefreshButton = bankTransactions?.length;
-  return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, !isLoading && !error && (bankTransactions === void 0 || bankTransactions !== void 0 && bankTransactions.length === 0) ? /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, !isLoading && !error && (bankTransactions === void 0 || bankTransactions !== void 0 && bankTransactions.length === 0) ? /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react95.default.createElement(
     DataState,
     {
       status: isLoading ? "info" /* info */ : "allDone" /* allDone */,
@@ -8641,9 +8481,9 @@ var DataStates = ({
       description,
       onRefresh: showRefreshButton ? refetch : void 0,
       isLoading: isValidating,
-      icon: !editable ? /* @__PURE__ */ import_react96.default.createElement(Inbox_default, null) : void 0
+      icon: !editable ? /* @__PURE__ */ import_react95.default.createElement(Inbox_default, null) : void 0
     }
-  )) : null, !isLoading && error ? /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react96.default.createElement(
+  )) : null, !isLoading && error ? /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react95.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -8656,7 +8496,7 @@ var DataStates = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-var import_date_fns16 = require("date-fns");
+var import_date_fns15 = require("date-fns");
 var COMPONENT_NAME2 = "bank-transactions";
 var TEST_EMPTY_STATE = false;
 var POLL_INTERVAL = 1e4;
@@ -8670,7 +8510,7 @@ var BankTransactions = ({
   onError,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react97.default.createElement(ErrorBoundary, { onError }, /* @__PURE__ */ import_react97.default.createElement(BankTransactionsContent, { ...props }));
+  return /* @__PURE__ */ import_react96.default.createElement(ErrorBoundary, { onError }, /* @__PURE__ */ import_react96.default.createElement(BankTransactionsContent, { ...props }));
 };
 var BankTransactionsContent = ({
   asWidget = false,
@@ -8678,18 +8518,17 @@ var BankTransactionsContent = ({
   mode = "self-serve",
   showDescriptions = false,
   showReceiptUploads = false,
-  hardRefreshPnlOnCategorize = false,
   monthlyView = false,
   mobileComponent,
   filters: inputFilters,
   hideHeader = false,
   stringOverrides
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react97.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react97.useState)(true);
-  const [dateRange, setDateRange] = (0, import_react97.useState)({
-    startDate: (0, import_date_fns16.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns16.endOfMonth)(/* @__PURE__ */ new Date())
+  const [currentPage, setCurrentPage] = (0, import_react96.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react96.useState)(true);
+  const [dateRange, setDateRange] = (0, import_react96.useState)({
+    startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
   });
   const categorizeView = categorizationEnabled(mode);
   const {
@@ -8708,23 +8547,23 @@ var BankTransactionsContent = ({
     removeAfterCategorize
   } = useBankTransactionsContext();
   const { data: linkedAccounts, refetchAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react97.useMemo)(
+  const isSyncing = (0, import_react96.useMemo)(
     () => Boolean(linkedAccounts?.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const transactionsNotSynced = (0, import_react97.useMemo)(
+  const transactionsNotSynced = (0, import_react96.useMemo)(
     () => loadingStatus === "complete" && isSyncing && (!data || data?.length === 0),
     [data, isSyncing, loadingStatus]
   );
   let intervalId = void 0;
-  const [refreshTrigger, setRefreshTrigger] = (0, import_react97.useState)(-1);
-  (0, import_react97.useEffect)(() => {
+  const [refreshTrigger, setRefreshTrigger] = (0, import_react96.useState)(-1);
+  (0, import_react96.useEffect)(() => {
     if (refreshTrigger !== -1) {
       refetch();
       refetchAccounts();
     }
   }, [refreshTrigger]);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (isSyncing) {
       intervalId = setInterval(() => {
         setRefreshTrigger(Math.random());
@@ -8740,10 +8579,10 @@ var BankTransactionsContent = ({
       }
     };
   }, [isSyncing, transactionsNotSynced]);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     activate();
   }, []);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
       if (!filters?.categorizationStatus && categorizeView) {
         setFilters({
@@ -8770,7 +8609,7 @@ var BankTransactionsContent = ({
       });
     }
   }, [inputFilters, categorizeView, mode]);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (loadingStatus === "complete") {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -8778,10 +8617,10 @@ var BankTransactionsContent = ({
       return () => clearTimeout(timeoutLoad);
     }
   }, [loadingStatus]);
-  const bankTransactions = TEST_EMPTY_STATE ? [] : (0, import_react97.useMemo)(() => {
+  const bankTransactions = TEST_EMPTY_STATE ? [] : (0, import_react96.useMemo)(() => {
     if (monthlyView) {
       return data?.filter(
-        (x) => (0, import_date_fns16.parseISO)(x.date) >= dateRange.startDate && (0, import_date_fns16.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;
@@ -8794,10 +8633,10 @@ var BankTransactionsContent = ({
     });
     setCurrentPage(1);
   };
-  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react97.useState)(0);
+  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react96.useState)(0);
   const debounceShiftStickyHeader = debounce(setShiftStickyHeader, 500);
-  const [listView, setListView] = (0, import_react97.useState)(false);
-  const [containerWidth, setContainerWidth] = (0, import_react97.useState)(0);
+  const [listView, setListView] = (0, import_react96.useState)(false);
+  const [containerWidth, setContainerWidth] = (0, import_react96.useState)(0);
   const debounceContainerWidth = debounce(setContainerWidth, 500);
   const removeTransaction = (bankTransaction) => removeAfterCategorize(bankTransaction);
   const containerRef = useElementSize((_el, _en, size) => {
@@ -8818,7 +8657,7 @@ var BankTransactionsContent = ({
   });
   const editable = display === "review" /* review */;
   const isLastPage = data && !hasMore && Math.ceil((data?.length || 0) / pageSize) === currentPage;
-  return /* @__PURE__ */ import_react97.default.createElement(
+  return /* @__PURE__ */ import_react96.default.createElement(
     Container,
     {
       className: display === "review" /* review */ ? "Layer__bank-transactions--to-review" : "Layer__bank-transactions--categorized",
@@ -8827,7 +8666,7 @@ var BankTransactionsContent = ({
       asWidget,
       ref: containerRef
     },
-    !hideHeader && /* @__PURE__ */ import_react97.default.createElement(
+    !hideHeader && /* @__PURE__ */ import_react96.default.createElement(
       BankTransactionsHeader,
       {
         shiftStickyHeader,
@@ -8846,7 +8685,7 @@ var BankTransactionsContent = ({
         isSyncing
       }
     ),
-    !listView && /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__bank-transactions__table-wrapper" }, /* @__PURE__ */ import_react97.default.createElement(
+    !listView && /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__bank-transactions__table-wrapper" }, /* @__PURE__ */ import_react96.default.createElement(
       BankTransactionsTable,
       {
         categorizeView,
@@ -8861,13 +8700,12 @@ var BankTransactionsContent = ({
         showDescriptions,
         showReceiptUploads,
         page: currentPage,
-        hardRefreshPnlOnCategorize,
         stringOverrides,
         lastPage: isLastPage,
         onRefresh: refetch
       }
     )),
-    !isLoading && listView && mobileComponent !== "mobileList" ? /* @__PURE__ */ import_react97.default.createElement(
+    !isLoading && listView && mobileComponent !== "mobileList" ? /* @__PURE__ */ import_react96.default.createElement(
       BankTransactionList,
       {
         mode,
@@ -8875,23 +8713,21 @@ var BankTransactionsContent = ({
         editable,
         removeTransaction,
         containerWidth,
-        hardRefreshPnlOnCategorize,
         stringOverrides: stringOverrides?.bankTransactionCTAs
       }
     ) : null,
-    !isLoading && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ import_react97.default.createElement(
+    !isLoading && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ import_react96.default.createElement(
       BankTransactionMobileList,
       {
         bankTransactions,
         editable,
         mode,
         removeTransaction,
-        initialLoad,
-        hardRefreshPnlOnCategorize
+        initialLoad
       }
     ) : null,
-    listView && isLoading ? /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__bank-transactions__list-loader" }, /* @__PURE__ */ import_react97.default.createElement(Loader2, null)) : null,
-    !isSyncing || listView ? /* @__PURE__ */ import_react97.default.createElement(
+    listView && isLoading ? /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__bank-transactions__list-loader" }, /* @__PURE__ */ import_react96.default.createElement(Loader2, null)) : null,
+    !isSyncing || listView ? /* @__PURE__ */ import_react96.default.createElement(
       DataStates,
       {
         bankTransactions,
@@ -8902,7 +8738,7 @@ var BankTransactionsContent = ({
         editable
       }
     ) : null,
-    !monthlyView && /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__bank-transactions__pagination" }, /* @__PURE__ */ import_react97.default.createElement(
+    !monthlyView && /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__bank-transactions__pagination" }, /* @__PURE__ */ import_react96.default.createElement(
       Pagination,
       {
         currentPage,
@@ -8917,19 +8753,19 @@ var BankTransactionsContent = ({
 };
 
 // src/components/Quickbooks/Quickbooks.tsx
-var import_react99 = __toESM(require("react"));
+var import_react98 = __toESM(require("react"));
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-var import_react98 = require("react");
+var import_react97 = require("react");
 var DEBUG2 = true;
 var useQuickbooks = () => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = (0, import_react98.useState)(false);
-  const [quickbooksIsLinked, setQuickbooksIsLinked] = (0, import_react98.useState)(
+  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = (0, import_react97.useState)(false);
+  const [quickbooksIsLinked, setQuickbooksIsLinked] = (0, import_react97.useState)(
     null
   );
-  const syncStatusIntervalRef = (0, import_react98.useRef)(null);
-  (0, import_react98.useEffect)(() => {
+  const syncStatusIntervalRef = (0, import_react97.useRef)(null);
+  (0, import_react97.useEffect)(() => {
     if (isSyncingFromQuickbooks && syncStatusIntervalRef.current === null) {
       const interval = setInterval(() => fetchIsSyncingFromQuickbooks(), 2e3);
       syncStatusIntervalRef.current = interval;
@@ -8939,7 +8775,7 @@ var useQuickbooks = () => {
       syncStatusIntervalRef.current = null;
     }
   }, [isSyncingFromQuickbooks]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     fetchQuickbooksConnectionStatus();
   }, []);
   const fetchQuickbooksConnectionStatus = async () => {
@@ -8996,7 +8832,7 @@ var Quickbooks = () => {
     linkQuickbooks,
     unlinkQuickbooks
   } = useQuickbooks();
-  return /* @__PURE__ */ import_react99.default.createElement("div", null, /* @__PURE__ */ import_react99.default.createElement("div", null, "Quickbooks OAuth connection status:", " ", quickbooksIsLinked === void 0 ? "" : quickbooksIsLinked ? "established" : "not connected"), /* @__PURE__ */ import_react99.default.createElement("br", null), quickbooksIsLinked === null && "Loading...", quickbooksIsLinked === false && /* @__PURE__ */ import_react99.default.createElement(
+  return /* @__PURE__ */ import_react98.default.createElement("div", null, /* @__PURE__ */ import_react98.default.createElement("div", null, "Quickbooks OAuth connection status:", " ", quickbooksIsLinked === void 0 ? "" : quickbooksIsLinked ? "established" : "not connected"), /* @__PURE__ */ import_react98.default.createElement("br", null), quickbooksIsLinked === null && "Loading...", quickbooksIsLinked === false && /* @__PURE__ */ import_react98.default.createElement(
     "button",
     {
       onClick: async () => {
@@ -9005,14 +8841,14 @@ var Quickbooks = () => {
       }
     },
     "Link Quickbooks"
-  ), quickbooksIsLinked === true && (isSyncingFromQuickbooks ? "Syncing data from Quickbooks..." : /* @__PURE__ */ import_react99.default.createElement("div", null, /* @__PURE__ */ import_react99.default.createElement("button", { onClick: syncFromQuickbooks2 }, "Sync Quickbooks"), /* @__PURE__ */ import_react99.default.createElement("button", { onClick: unlinkQuickbooks }, "Unlink Quickbooks"))));
+  ), quickbooksIsLinked === true && (isSyncingFromQuickbooks ? "Syncing data from Quickbooks..." : /* @__PURE__ */ import_react98.default.createElement("div", null, /* @__PURE__ */ import_react98.default.createElement("button", { onClick: syncFromQuickbooks2 }, "Sync Quickbooks"), /* @__PURE__ */ import_react98.default.createElement("button", { onClick: unlinkQuickbooks }, "Unlink Quickbooks"))));
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_react113 = __toESM(require("react"));
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_react101 = require("react");
+var import_react100 = require("react");
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -9068,34 +8904,35 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
-var import_react100 = require("react");
-var import_date_fns17 = require("date-fns");
-var import_swr4 = __toESM(require("swr"));
+var import_react99 = require("react");
+var import_date_fns16 = require("date-fns");
+var import_swr3 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns17.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, syncTimestamps, read, hasBeenTouched } = useLayerContext();
+  const queryKey = businessId && startDate && endDate && auth?.access_token && `profit-and-loss-${businessId}-${startDate.valueOf()}-${endDate.valueOf()}-${tagFilter?.key}-${tagFilter?.values?.join(
+    ","
+  )}-${reportingBasis}`;
   const {
     data: rawData,
     isLoading,
     isValidating,
     error: rawError,
     mutate
-  } = (0, import_swr4.default)(
-    businessId && startDate && endDate && auth?.access_token && `profit-and-loss-${businessId}-${startDate.valueOf()}-${endDate.valueOf()}-${tagFilter?.key}-${tagFilter?.values?.join(
-      ","
-    )}-${reportingBasis}`,
+  } = (0, import_swr3.default)(
+    queryKey,
     Layer.getProfitAndLoss(apiUrl, auth?.access_token, {
       params: {
         businessId,
-        startDate: (0, import_date_fns17.formatISO)(startDate.valueOf()),
-        endDate: (0, import_date_fns17.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
@@ -9105,16 +8942,16 @@ var useProfitAndLossQuery = ({
   const refetch = () => {
     mutate();
   };
-  (0, import_react100.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
+  (0, import_react99.useEffect)(() => {
+    if (queryKey && (isLoading || isValidating)) {
+      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react100.useEffect)(() => {
-    if (hasBeenTouched("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */)) {
+  (0, import_react99.useEffect)(() => {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
-  }, [syncTimestamps]);
+  }, [syncTimestamps, startDate, endDate, tagFilter, reportingBasis]);
   return {
     startDate,
     endDate,
@@ -9127,27 +8964,27 @@ var useProfitAndLossQuery = ({
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_date_fns18 = require("date-fns");
+var import_date_fns17 = require("date-fns");
 var useProfitAndLoss = ({
   startDate: initialStartDate,
   endDate: initialEndDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns18.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_react101.useState)(
-    initialStartDate || (0, import_date_fns18.startOfMonth)(Date.now())
+  const [startDate, setStartDate] = (0, import_react100.useState)(
+    initialStartDate || (0, import_date_fns17.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react101.useState)(
-    initialEndDate || (0, import_date_fns18.endOfMonth)(Date.now())
+  const [endDate, setEndDate] = (0, import_react100.useState)(
+    initialEndDate || (0, import_date_fns17.endOfMonth)(Date.now())
   );
-  const [filters, setFilters] = (0, import_react101.useState)({
+  const [filters, setFilters] = (0, import_react100.useState)({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = (0, import_react101.useState)(void 0);
+  const [sidebarScope, setSidebarScope] = (0, import_react100.useState)(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate,
     endDate,
@@ -9180,7 +9017,7 @@ var useProfitAndLoss = ({
       }
     });
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react101.useMemo)(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react100.useMemo)(() => {
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
     }
@@ -9217,7 +9054,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, startDate, filters, sidebarScope]);
-  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react101.useMemo)(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react100.useMemo)(() => {
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
     }
@@ -9277,6 +9114,164 @@ var useProfitAndLoss = ({
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
 var import_react103 = __toESM(require("react"));
 
+// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
+var import_react101 = require("react");
+var import_date_fns18 = require("date-fns");
+var import_swr4 = __toESM(require("swr"));
+var buildDates = ({ currentDate }) => {
+  return {
+    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) => {
+  if (startDate >= endDate) {
+    return [];
+  }
+  var dates = [];
+  for (var d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
+    dates.push(new Date(d));
+  }
+  return dates;
+};
+var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
+  currentDate: (0, import_date_fns18.startOfMonth)(Date.now())
+}) => {
+  const {
+    businessId,
+    auth,
+    apiUrl,
+    syncTimestamps,
+    read,
+    readTimestamps,
+    hasBeenTouched
+  } = useLayerContext();
+  const [date, setDate] = (0, import_react101.useState)(currentDate);
+  const [loaded, setLoaded] = (0, import_react101.useState)("initial");
+  const [data, setData] = (0, import_react101.useState)([]);
+  const { startYear, startMonth, endYear, endMonth } = (0, import_react101.useMemo)(() => {
+    return buildDates({ currentDate: date });
+  }, [date, businessId, tagFilter, reportingBasis]);
+  const queryKey = businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && auth?.access_token && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter?.key}-${tagFilter?.values?.join(
+    ","
+  )}-${reportingBasis}`;
+  const {
+    data: rawData,
+    isLoading,
+    isValidating,
+    error,
+    mutate
+  } = (0, import_swr4.default)(
+    queryKey,
+    Layer.getProfitAndLossSummaries(apiUrl, auth?.access_token, {
+      params: {
+        businessId,
+        startYear: startYear.toString(),
+        startMonth: startMonth.toString(),
+        endYear: endYear.toString(),
+        endMonth: endMonth.toString(),
+        tagKey: tagFilter?.key,
+        tagValues: tagFilter?.values?.join(","),
+        reportingBasis
+      }
+    })
+  );
+  (0, import_react101.useEffect)(() => {
+    const newData = data.slice();
+    const newPeriod = buildMonthsArray((0, import_date_fns18.sub)(date, { years: 1 }), date);
+    if (newData && newPeriod) {
+      newPeriod.forEach((x) => {
+        if (!newData?.find(
+          (n) => x.getMonth() + 1 === n.month && x.getFullYear() === n.year
+        )) {
+          newData.push({
+            year: x.getFullYear(),
+            month: x.getMonth() + 1,
+            income: 0,
+            costOfGoodsSold: 0,
+            grossProfit: 0,
+            operatingExpenses: 0,
+            profitBeforeTaxes: 0,
+            taxes: 0,
+            netProfit: 0,
+            fullyCategorized: false,
+            totalExpenses: 0,
+            uncategorizedInflows: 0,
+            uncategorizedOutflows: 0,
+            uncategorized_transactions: 0,
+            isLoading: true
+          });
+        }
+      });
+    }
+    if (newData) {
+      setData(
+        newData.sort(
+          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
+        )
+      );
+    }
+  }, [startYear, startMonth]);
+  (0, import_react101.useEffect)(() => {
+    const newData = rawData?.data?.months?.slice();
+    if (data && newData) {
+      data.forEach((x) => {
+        if (!newData?.find((n) => x.month === n.month && x.year === n.year)) {
+          newData.push({ ...x });
+        }
+      });
+    }
+    if (newData) {
+      setData(
+        newData.sort(
+          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
+        )
+      );
+    }
+  }, [rawData]);
+  (0, import_react101.useEffect)(() => {
+    if (isLoading && loaded === "initial") {
+      setLoaded("loading");
+      return;
+    }
+    if (!isLoading && rawData) {
+      setLoaded("complete");
+    }
+  }, [data, isLoading]);
+  const pullData = (date2) => setDate(date2);
+  (0, import_react101.useEffect)(() => {
+    if (queryKey && (isLoading || isValidating)) {
+      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
+    }
+  }, [isLoading, isValidating]);
+  (0, import_react101.useEffect)(() => {
+    if (queryKey && hasBeenTouched(queryKey)) {
+      mutate();
+    }
+  }, [
+    syncTimestamps,
+    startYear,
+    startMonth,
+    endYear,
+    endMonth,
+    tagFilter,
+    reportingBasis
+  ]);
+  const refetch = () => {
+    mutate();
+  };
+  return {
+    data,
+    isLoading,
+    loaded,
+    error,
+    pullData,
+    refetch
+  };
+};
+
 // src/components/ProfitAndLossChart/Indicator.tsx
 var import_react102 = __toESM(require("react"));
 var emptyViewBox = { x: 0, y: 0, width: 0, height: 0 };
@@ -10797,17 +10792,8 @@ var ProfitAndLossSummaries = ({
     data: storedData,
     isLoading,
     setSidebarScope,
-    sidebarScope,
-    refetch,
-    dateRange
+    sidebarScope
   } = (0, import_react110.useContext)(ProfitAndLoss.Context);
-  const [trigger, setTrigger] = (0, import_react110.useState)(-1);
-  (0, import_react110.useEffect)(() => {
-    setTrigger(Math.random());
-  }, [dateRange?.startDate]);
-  (0, import_react110.useEffect)(() => {
-    refetch();
-  }, [trigger]);
   const dataItem = Array.isArray(storedData) ? storedData[storedData.length - 1] : storedData;
   const expensesChartData = (0, import_react110.useMemo)(() => {
     return buildMiniChartData("expenses", dataItem);
@@ -11311,8 +11297,9 @@ var import_swr5 = __toESM(require("swr"));
 var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const dateString = (0, import_date_fns23.format)((0, import_date_fns23.startOfDay)(date), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const queryKey = businessId && dateString && auth?.access_token && `balance-sheet-${businessId}-${dateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr5.default)(
-    businessId && dateString && auth?.access_token && `balance-sheet-${businessId}-${dateString}`,
+    queryKey,
     Layer.getBalanceSheet(apiUrl, auth?.access_token, {
       params: {
         businessId,
@@ -11324,15 +11311,15 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
     mutate();
   };
   (0, import_react116.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("BALANCE_SHEET" /* BALANCE_SHEET */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("BALANCE_SHEET" /* BALANCE_SHEET */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react116.useEffect)(() => {
-    if (hasBeenTouched("BALANCE_SHEET" /* BALANCE_SHEET */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
-  }, [syncTimestamps]);
+  }, [syncTimestamps, dateString]);
   return { data: data?.data, isLoading, error, refetch };
 };
 
@@ -11689,7 +11676,14 @@ var import_date_fns24 = require("date-fns");
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ import_react129.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react129.default.createElement(BalanceSheetView, { asWidget: props.asWidget, stringOverrides: props.stringOverrides, ...props }));
+  return /* @__PURE__ */ import_react129.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react129.default.createElement(
+    BalanceSheetView,
+    {
+      asWidget: props.asWidget,
+      stringOverrides: props.stringOverrides,
+      ...props
+    }
+  ));
 };
 var BalanceSheetView = ({
   withExpandAllButton = true,
@@ -11723,7 +11717,14 @@ var BalanceSheetView = ({
           }
         ), withExpandAllButton && /* @__PURE__ */ import_react129.default.createElement(BalanceSheetExpandAllButton, null))
       },
-      !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
+      !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(
+        BalanceSheetTable,
+        {
+          data,
+          config: BALANCE_SHEET_ROWS,
+          stringOverrides: stringOverrides?.balanceSheetTable
+        }
+      )
     )));
   }
   return /* @__PURE__ */ import_react129.default.createElement(TableProvider, null, /* @__PURE__ */ import_react129.default.createElement(
@@ -11738,7 +11739,14 @@ var BalanceSheetView = ({
         }
       ), withExpandAllButton && /* @__PURE__ */ import_react129.default.createElement(BalanceSheetExpandAllButton, null))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
+    !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(
+      BalanceSheetTable,
+      {
+        data,
+        config: BALANCE_SHEET_ROWS,
+        stringOverrides: stringOverrides?.balanceSheetTable
+      }
+    )
   ));
 };
 
@@ -11766,8 +11774,9 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
     "yyyy-MM-dd'T'HH:mm:ssXXX"
   );
   const endDateString = (0, import_date_fns25.format)((0, import_date_fns25.startOfDay)(endDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const queryKey = businessId && startDateString && endDateString && auth?.access_token && `statement-of-cash-${businessId}-${startDateString}-${endDateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr6.default)(
-    businessId && startDateString && endDateString && auth?.access_token && `statement-of-cash-${businessId}-${startDateString}-${endDateString}`,
+    queryKey,
     Layer.getStatementOfCashFlow(apiUrl, auth?.access_token, {
       params: {
         businessId,
@@ -11780,15 +11789,15 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
     mutate();
   };
   (0, import_react131.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react131.useEffect)(() => {
-    if (hasBeenTouched("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
-  }, [syncTimestamps]);
+  }, [syncTimestamps, startDateString, endDateString]);
   return { data: data?.data, isLoading, error, refetch };
 };
 
@@ -12310,8 +12319,9 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   const [endDate, setEndDate] = (0, import_react136.useState)(
     initialEndDate ?? (0, import_date_fns28.endOfMonth)(Date.now())
   );
+  const queryKey = businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr7.default)(
-    businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`,
+    queryKey,
     Layer.getLedgerAccountBalances(apiUrl, auth?.access_token, {
       params: {
         businessId,
@@ -12488,15 +12498,15 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   };
   const refetch = () => mutate();
   (0, import_react136.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react136.useEffect)(() => {
-    if (hasBeenTouched("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
-  }, [syncTimestamps]);
+  }, [syncTimestamps, startDate, endDate]);
   return {
     data: data?.data,
     isLoading,
@@ -12524,8 +12534,9 @@ var useLedgerAccounts = () => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const [accountId, setAccountId] = (0, import_react137.useState)();
   const [selectedEntryId, setSelectedEntryId] = (0, import_react137.useState)();
+  const queryKey = businessId && accountId && auth?.access_token && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr8.default)(
-    businessId && accountId && auth?.access_token && `ledger-accounts-lines-${businessId}-${accountId}`,
+    queryKey,
     Layer.getLedgerAccountsLines(apiUrl, auth?.access_token, {
       params: { businessId, accountId }
     })
@@ -12548,15 +12559,15 @@ var useLedgerAccounts = () => {
     mutateEntryData();
   };
   (0, import_react137.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react137.useEffect)(() => {
-    if (hasBeenTouched("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
-  }, [syncTimestamps]);
+  }, [syncTimestamps, accountId]);
   return {
     data: data?.data,
     entryData: entryData?.data,
@@ -13665,8 +13676,9 @@ var useJournal = () => {
   const [addingEntry, setAddingEntry] = (0, import_react153.useState)(false);
   const [sendingForm, setSendingForm] = (0, import_react153.useState)(false);
   const [apiError, setApiError] = (0, import_react153.useState)(void 0);
+  const queryKey = businessId && auth?.access_token && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr9.default)(
-    businessId && auth?.access_token && `journal-lines-${businessId}`,
+    queryKey,
     Layer.getJournal(apiUrl, auth?.access_token, {
       params: { businessId }
     })
@@ -13890,12 +13902,12 @@ var useJournal = () => {
     });
   };
   (0, import_react153.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("JOURNAL" /* JOURNAL */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react153.useEffect)(() => {
-    if (hasBeenTouched("JOURNAL" /* JOURNAL */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
   }, [syncTimestamps]);
@@ -14579,8 +14591,9 @@ var import_swr10 = __toESM(require("swr"));
 var useTasks = () => {
   const [loadedStatus, setLoadedStatus] = (0, import_react162.useState)("initial");
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
+  const queryKey = businessId && auth?.access_token && `tasks-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr10.default)(
-    businessId && auth?.access_token && `tasks-${businessId}`,
+    queryKey,
     Layer.getTasks(apiUrl, auth?.access_token, {
       params: { businessId }
     })
@@ -14606,12 +14619,12 @@ var useTasks = () => {
     }).then(() => refetch());
   };
   (0, import_react162.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("TASKS" /* TASKS */);
+    if (queryKey && (isLoading || isValidating)) {
+      read("TASKS" /* TASKS */, queryKey);
     }
   }, [isLoading, isValidating]);
   (0, import_react162.useEffect)(() => {
-    if (hasBeenTouched("TASKS" /* TASKS */)) {
+    if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
   }, [syncTimestamps]);
@@ -14917,7 +14930,6 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  console.log("TasksList", { tasks, sortedTasks, currentPage });
   return /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react165.default.createElement(import_react165.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react165.default.createElement(
     TasksListItem,
     {
@@ -15452,7 +15464,6 @@ var BankTransactionsWithLinkedAccounts = ({
   showUnlinkItem = false,
   showBreakConnection = false,
   mode = "self-serve",
-  hardRefreshPnlOnCategorize = false,
   showDescriptions,
   showReceiptUploads,
   mobileComponent,
@@ -15475,7 +15486,6 @@ var BankTransactionsWithLinkedAccounts = ({
       showReceiptUploads,
       mobileComponent,
       mode,
-      hardRefreshPnlOnCategorize,
       stringOverrides: stringOverrides?.bankTransactions
     }
   ));