@layerfi/components 0.1.87 → 0.1.88-alpha.1

package/dist/esm/index.mjs

@@ -61,7 +61,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.87";
+var version = "0.1.88-alpha.1";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -283,7 +283,10 @@ var uploadBankTransactionDocument = (baseUrl, accessToken) => ({
 var getBusiness = get(({ businessId }) => `/v1/businesses/${businessId}`);
 
 // src/api/layer/categories.ts
-var getCategories = get(({ businessId }) => `/v1/businesses/${businessId}/categories`);
+var getCategories = get(({ businessId, mode }) => {
+  const parameters = toDefinedSearchParameters({ mode });
+  return `/v1/businesses/${businessId}/categories?${parameters}`;
+});
 
 // src/api/layer/chart_of_accounts.ts
 var getChartOfAccounts = get(
@@ -2389,6 +2392,7 @@ import {
   endOfDay,
   endOfMonth as endOfMonth2,
   endOfYear,
+  min,
   startOfDay,
   startOfMonth as startOfMonth2,
   startOfYear,
@@ -2419,10 +2423,13 @@ import { jsx as jsx9 } from "react/jsx-runtime";
 function startOfNextDay(date) {
   return startOfDay(addDays(date, 1));
 }
+function clampToPresentOrPast(date, cutoff = endOfDay(/* @__PURE__ */ new Date())) {
+  return min([date, cutoff]);
+}
 function withShiftedEnd(fn) {
   return ({ currentStart, currentEnd, newEnd }) => {
     const shiftedCurrentEnd = startOfNextDay(currentEnd);
-    const shiftedNewEnd = startOfNextDay(newEnd);
+    const shiftedNewEnd = clampToPresentOrPast(startOfNextDay(newEnd), startOfNextDay(/* @__PURE__ */ new Date()));
     return fn({ currentStart, shiftedCurrentEnd, shiftedNewEnd });
   };
 }
@@ -2433,14 +2440,14 @@ var RANGE_MODE_LOOKUP = {
       const fullDayCount = differenceInDays(shiftedCurrentEnd, currentStart);
       return subDays(shiftedNewEnd, fullDayCount);
     }),
-    getEnd: ({ end }) => end
+    getEnd: ({ end }) => clampToPresentOrPast(endOfDay(end))
   },
   monthPicker: {
     getStart: ({ start }) => startOfMonth2(start),
     getShiftedStart: withShiftedEnd(({ shiftedNewEnd }) => {
       return subMonths(shiftedNewEnd, 1);
     }),
-    getEnd: ({ end }) => endOfMonth2(end)
+    getEnd: ({ end }) => clampToPresentOrPast(endOfMonth2(end))
   },
   monthRangePicker: {
     getStart: ({ start }) => startOfMonth2(start),
@@ -2448,14 +2455,14 @@ var RANGE_MODE_LOOKUP = {
       const fullMonthCount = differenceInMonths(shiftedCurrentEnd, currentStart);
       return subMonths(shiftedNewEnd, fullMonthCount);
     }),
-    getEnd: ({ end }) => endOfMonth2(end)
+    getEnd: ({ end }) => clampToPresentOrPast(endOfMonth2(end))
   },
   yearPicker: {
     getStart: ({ start }) => startOfYear(start),
     getShiftedStart: withShiftedEnd(({ shiftedNewEnd }) => {
       return subYears(shiftedNewEnd, 1);
     }),
-    getEnd: ({ end }) => endOfYear(end)
+    getEnd: ({ end }) => clampToPresentOrPast(endOfYear(end))
   }
 };
 function withCorrectedRange(fn) {
@@ -2472,29 +2479,29 @@ function buildStore() {
   return createStore2((set2, get2) => {
     const setRange = withCorrectedRange(({ start, end }) => {
       set2({
-        start: startOfDay(start),
-        end: endOfDay(end),
+        start: RANGE_MODE_LOOKUP.dayRangePicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.dayRangePicker.getEnd({ end }),
         rangeDisplayMode: "dayRangePicker"
       });
     });
     const setMonth = ({ start }) => {
       set2({
-        start: startOfMonth2(start),
-        end: endOfMonth2(start),
+        start: RANGE_MODE_LOOKUP.monthPicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.monthPicker.getEnd({ end: start }),
         rangeDisplayMode: "monthPicker"
       });
     };
     const setMonthRange = withCorrectedRange(({ start, end }) => {
       set2({
-        start: startOfMonth2(start),
-        end: endOfMonth2(end),
+        start: RANGE_MODE_LOOKUP.monthRangePicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.monthRangePicker.getEnd({ end }),
         rangeDisplayMode: "monthRangePicker"
       });
     });
     const setYear = ({ start }) => {
       set2({
-        start: startOfMonth2(start),
-        end: endOfMonth2(start),
+        start: RANGE_MODE_LOOKUP.yearPicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.yearPicker.getEnd({ end: start }),
         rangeDisplayMode: "yearPicker"
       });
     };
@@ -2522,7 +2529,7 @@ function buildStore() {
     };
     return {
       start: startOfMonth2(now),
-      end: endOfMonth2(now),
+      end: clampToPresentOrPast(endOfMonth2(now)),
       displayMode: "dayPicker",
       rangeDisplayMode: "monthPicker",
       actions: {
@@ -2532,7 +2539,7 @@ function buildStore() {
             end: currentEnd,
             rangeDisplayMode: currentRangeDisplayMode
           }) => {
-            const newEnd = endOfDay(date);
+            const newEnd = RANGE_MODE_LOOKUP.dayRangePicker.getEnd({ end: date });
             return {
               start: RANGE_MODE_LOOKUP[currentRangeDisplayMode].getShiftedStart({
                 currentStart,
@@ -2639,7 +2646,7 @@ var LayerProvider = (_a) => {
 };
 
 // src/components/Onboarding/Onboarding.tsx
-import { useContext as useContext10, useEffect as useEffect7, useState as useState12 } from "react";
+import { useContext as useContext11, useEffect as useEffect7, useState as useState12 } from "react";
 
 // src/contexts/LinkedAccountsContext/LinkedAccountsContext.ts
 import { createContext as createContext8 } from "react";
@@ -2740,7 +2747,7 @@ var Header = forwardRef2(
 Header.displayName = "Header";
 
 // src/components/Onboarding/ConnectAccount.tsx
-import { useContext as useContext9, useMemo as useMemo5 } from "react";
+import { useContext as useContext10, useMemo as useMemo6 } from "react";
 
 // src/icons/Bell.tsx
 import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -3173,7 +3180,7 @@ import {
 } from "react";
 
 // src/components/Tooltip/useTooltip.ts
-import React10, { useState as useState9 } from "react";
+import { useMemo as useMemo5, useState as useState9, createContext as createContext9, useContext as useContext9 } from "react";
 import {
   useFloating,
   autoUpdate,
@@ -3187,9 +3194,9 @@ import {
   useInteractions,
   useTransitionStyles
 } from "@floating-ui/react";
-var TooltipContext = React10.createContext(null);
+var TooltipContext = createContext9(null);
 var useTooltipContext = () => {
-  const context = React10.useContext(TooltipContext);
+  const context = useContext9(TooltipContext);
   if (context == null) {
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
   }
@@ -3242,7 +3249,7 @@ var useTooltip = ({
     },
     duration: 300
   });
-  return React10.useMemo(
+  return useMemo5(
     () => __spreadValues(__spreadValues({
       open,
       setOpen,
@@ -4462,11 +4469,11 @@ var ConnectAccount = ({
   onboardingStep,
   onTransactionsToReviewClick
 }) => {
-  const { addConnection } = useContext9(LinkedAccountsContext);
+  const { addConnection } = useContext10(LinkedAccountsContext);
   const { data, isLoading } = useBankTransactions({
     scope: "review" /* review */
   });
-  const transactionsToReview = useMemo5(
+  const transactionsToReview = useMemo6(
     () => countTransactionsToReview({ transactions: data }),
     [data, isLoading]
   );
@@ -4562,7 +4569,7 @@ var OnboardingContent = ({
   const [style, setStyle] = useState12(
     onboardingStep ? EXPANDED_STYLE : COLLAPSED_STYLE
   );
-  const { data, loadingStatus } = useContext10(LinkedAccountsContext);
+  const { data, loadingStatus } = useContext11(LinkedAccountsContext);
   useEffect7(() => {
     if (data && (data == null ? void 0 : data.length) === 0 && loadingStatus === "complete" && !onboardingStep) {
       setOnboardingStep("connectAccount");
@@ -4592,7 +4599,7 @@ var OnboardingContent = ({
 };
 
 // src/components/LinkedAccounts/LinkedAccounts.tsx
-import { useContext as useContext14 } from "react";
+import { useContext as useContext15 } from "react";
 
 // src/components/Loader/Loader.tsx
 import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -4617,7 +4624,7 @@ var SmallLoader = ({ size = 28 }) => {
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
-import { useContext as useContext12 } from "react";
+import { useContext as useContext13 } from "react";
 
 // src/icons/PlusIcon.tsx
 import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -4667,7 +4674,7 @@ var PlusIcon = (_a) => {
 var PlusIcon_default = PlusIcon;
 
 // src/components/LinkedAccounts/LinkedAccountItemThumb.tsx
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 
 // src/icons/MoreVertical.tsx
 import { jsx as jsx56, jsxs as jsxs29 } from "react/jsx-runtime";
@@ -5264,7 +5271,7 @@ var LinkedAccountItemThumb = ({
     excludeAccount: excludeAccount2,
     breakConnection,
     setAccountsToAddOpeningBalanceInModal
-  } = useContext11(LinkedAccountsContext);
+  } = useContext12(LinkedAccountsContext);
   const { environment } = useEnvironment();
   let pillConfig;
   if (accountNeedsUniquenessConfirmation(account)) {
@@ -5377,7 +5384,7 @@ import classNames23 from "classnames";
 import { useState as useState14 } from "react";
 
 // src/components/ui/Modal/Modal.tsx
-import { forwardRef as forwardRef4, useMemo as useMemo6 } from "react";
+import { forwardRef as forwardRef4, useMemo as useMemo7 } from "react";
 import {
   Dialog as ReactAriaDialog,
   Modal as ReactAriaModal,
@@ -5413,7 +5420,7 @@ var ModalOverlay = forwardRef4(
 ModalOverlay.displayName = "ModalOverlay";
 var MODAL_CLASS_NAME = "Layer__Modal";
 var InternalModal = forwardRef4(({ children, size }, ref) => {
-  const dataProperties = useMemo6(() => toDataProperties({ size }), [size]);
+  const dataProperties = useMemo7(() => toDataProperties({ size }), [size]);
   return /* @__PURE__ */ jsx64(
     ReactAriaModal,
     __spreadProps(__spreadValues({}, dataProperties), {
@@ -5452,7 +5459,7 @@ import { forwardRef as forwardRef8 } from "react";
 import { X } from "lucide-react";
 
 // src/components/ui/Button/Button.tsx
-import { forwardRef as forwardRef5, useMemo as useMemo7 } from "react";
+import { forwardRef as forwardRef5, useMemo as useMemo8 } from "react";
 import { Button as ReactAriaButton } from "react-aria-components";
 import { jsx as jsx65 } from "react/jsx-runtime";
 var BUTTON_CLASS_NAME = "Layer__UI__Button";
@@ -5468,7 +5475,7 @@ var Button2 = forwardRef5((_a, ref) => {
     "variant",
     "children"
   ]);
-  const dataProperties = useMemo7(() => toDataProperties({
+  const dataProperties = useMemo8(() => toDataProperties({
     icon,
     size,
     variant
@@ -5485,14 +5492,14 @@ var Button2 = forwardRef5((_a, ref) => {
 Button2.displayName = "IconButton";
 
 // src/components/ui/Typography/Heading.tsx
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { forwardRef as forwardRef6 } from "react";
 import { Heading as ReactAriaHeading } from "react-aria-components";
 import { jsx as jsx66 } from "react/jsx-runtime";
 var HEADING_CLASS_NAME = "Layer__UI__Heading";
 var Heading2 = forwardRef6((_a, ref) => {
   var _b = _a, { size, pbe } = _b, restProps = __objRest(_b, ["size", "pbe"]);
-  const dataProperties = useMemo8(() => toDataProperties({ size, pbe }), [size, pbe]);
+  const dataProperties = useMemo9(() => toDataProperties({ size, pbe }), [size, pbe]);
   return /* @__PURE__ */ jsx66(
     ReactAriaHeading,
     __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), {
@@ -5504,13 +5511,13 @@ var Heading2 = forwardRef6((_a, ref) => {
 Heading2.displayName = "Heading";
 
 // src/components/ui/Typography/Text.tsx
-import { forwardRef as forwardRef7, useMemo as useMemo9 } from "react";
+import { forwardRef as forwardRef7, useMemo as useMemo10 } from "react";
 import { jsx as jsx67 } from "react/jsx-runtime";
 var P_CLASS_NAME = "Layer__P";
 var P = forwardRef7(
   (_a, ref) => {
     var _b = _a, { align, children, pbe, size } = _b, restProps = __objRest(_b, ["align", "children", "pbe", "size"]);
-    const dataProperties = useMemo9(() => toDataProperties({
+    const dataProperties = useMemo10(() => toDataProperties({
       align,
       pbe,
       size
@@ -5567,12 +5574,12 @@ function ModalActions({ children }) {
 }
 
 // src/components/ui/Stack/Stack.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { jsx as jsx69 } from "react/jsx-runtime";
 var CLASS_NAME = "Layer__Stack";
 function Stack(_a) {
   var _b = _a, { align, children, direction, gap, justify } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify"]);
-  const dataProperties = useMemo10(
+  const dataProperties = useMemo11(
     () => toDataProperties({ align, gap, justify, direction }),
     [align, direction, gap, justify]
   );
@@ -5604,7 +5611,7 @@ function ConditionalList({
 
 // src/components/ui/Checkbox/Checkbox.tsx
 import { Check } from "lucide-react";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { Checkbox as ReactAriaCheckbox } from "react-aria-components";
 
 // src/components/utility/withRenderProp.tsx
@@ -5620,7 +5627,7 @@ import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs35 } from "react/jsx-r
 var CLASS_NAME2 = "Layer__Checkbox";
 function Checkbox(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  const dataProperties = useMemo11(() => toDataProperties({
+  const dataProperties = useMemo12(() => toDataProperties({
     labeled: typeof children === "string" && children.length > 0
   }), [children]);
   return /* @__PURE__ */ jsx71(
@@ -5647,7 +5654,8 @@ function LinkedAccountToConfirm({
     /* @__PURE__ */ jsxs36(VStack, { children: [
       /* @__PURE__ */ jsx72(Heading2, { level: 3, size: "sm", children: account.external_account_name }),
       /* @__PURE__ */ jsxs36(P, { slot: "mask", children: [
-        "\u2022\u2022\u2022 ",
+        "\u2022\u2022\u2022",
+        " ",
         account.mask
       ] }),
       /* @__PURE__ */ jsx72(P, { slot: "institution", children: account.institution.name })
@@ -5887,7 +5895,7 @@ var LinkedAccountsContent = ({
   showUnlinkItem,
   showBreakConnection
 }) => {
-  const { data, addConnection } = useContext12(LinkedAccountsContext);
+  const { data, addConnection } = useContext13(LinkedAccountsContext);
   const linkedAccountsNewAccountClassName = classNames23(
     "Layer__linked-accounts__new-account",
     asWidget && "--as-widget",
@@ -5928,7 +5936,7 @@ var LinkedAccountsContent = ({
 };
 
 // src/components/LinkedAccounts/OpeningBalanceModal/OpeningBalanceModal.tsx
-import { useContext as useContext13, useMemo as useMemo14, useState as useState16 } from "react";
+import { useContext as useContext14, useMemo as useMemo15, useState as useState16 } from "react";
 
 // src/utils/business.ts
 import { differenceInCalendarMonths, parseISO as parseISO2, startOfMonth as startOfMonth3 } from "date-fns";
@@ -5961,7 +5969,7 @@ var isDateAllowedToBrowse = (date, business) => {
 };
 
 // src/components/LinkedAccounts/AccountFormBox/AccountFormBox.tsx
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // src/components/Input/Input.tsx
 import classNames24 from "classnames";
@@ -6361,7 +6369,7 @@ var AmountInput = (_a) => {
 };
 
 // src/components/DatePicker/DatePicker.tsx
-import { useMemo as useMemo12, useRef as useRef7, useState as useState15 } from "react";
+import { useMemo as useMemo13, useRef as useRef7, useState as useState15 } from "react";
 import * as RDP from "react-datepicker";
 
 // src/icons/ChevronLeft.tsx
@@ -6512,7 +6520,7 @@ var DatePicker = (_a) => {
   ]);
   const { ModeSelector } = slots != null ? slots : {};
   const pickerRef = useRef7(null);
-  const pickerMode = useMemo12(() => {
+  const pickerMode = useMemo13(() => {
     var _a2;
     if (!allowedModes) {
       return displayMode;
@@ -6525,7 +6533,7 @@ var DatePicker = (_a) => {
     }
     return (_a2 = allowedModes[0]) != null ? _a2 : displayMode;
   }, [displayMode, allowedModes]);
-  const [firstDate, secondDate] = useMemo12(() => {
+  const [firstDate, secondDate] = useMemo13(() => {
     if (selected instanceof Date) {
       return [selected, null];
     }
@@ -6610,7 +6618,7 @@ var DatePicker = (_a) => {
         break;
     }
   };
-  const isTodayOrAfter = useMemo12(() => {
+  const isTodayOrAfter = useMemo13(() => {
     switch (displayMode) {
       case "dayPicker":
         return firstDate >= endOfDay2(/* @__PURE__ */ new Date()) || firstDate >= maxDate;
@@ -6778,7 +6786,7 @@ var AccountFormBox = ({
   errors = []
 }) => {
   var _a, _b, _c, _d, _e;
-  const dataProps = useMemo13(() => toDataProperties({
+  const dataProps = useMemo14(() => toDataProperties({
     saved: isSaved,
     confirmed: value.isConfirmed
   }), [isSaved, value.isConfirmed]);
@@ -7044,7 +7052,7 @@ function LinkedAccountsOpeningBalanceModalContent({
       openingDate: (_a2 = getActivationDate(business)) != null ? _a2 : startOfYear3(/* @__PURE__ */ new Date())
     };
   }));
-  const formsDataToSave = useMemo14(
+  const formsDataToSave = useMemo15(
     () => ignoreAlreadySaved(formsData, results),
     [formsData, results]
   );
@@ -7111,7 +7119,7 @@ function OpeningBalanceModal({
   const {
     accountsToAddOpeningBalanceInModal,
     setAccountsToAddOpeningBalanceInModal
-  } = useContext13(LinkedAccountsContext);
+  } = useContext14(LinkedAccountsContext);
   const shouldShowModal = Boolean(accountsToAddOpeningBalanceInModal.length);
   if (!shouldShowModal) {
     return null;
@@ -7157,7 +7165,7 @@ var LinkedAccountsComponent = ({
     error,
     isValidating,
     refetchAccounts
-  } = useContext14(LinkedAccountsContext);
+  } = useContext15(LinkedAccountsContext);
   return /* @__PURE__ */ jsxs51(Container, { name: COMPONENT_NAME, elevated, children: [
     /* @__PURE__ */ jsx90(Header, { className: "Layer__linked-accounts__header", children: /* @__PURE__ */ jsx90(
       Heading,
@@ -7192,7 +7200,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-import { useEffect as useEffect22, useMemo as useMemo19, useRef as useRef17, useState as useState34 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo20, useRef as useRef17, useState as useState34 } from "react";
 
 // src/hooks/useElementSize/useElementSize.ts
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef8 } from "react";
@@ -7332,7 +7340,7 @@ var File = (_a) => {
 var File_default = File;
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-import { useEffect as useEffect14, useMemo as useMemo15, useRef as useRef10, useState as useState23 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo16, useRef as useRef10, useState as useState23 } from "react";
 
 // src/icons/Scissors.tsx
 import { jsx as jsx92, jsxs as jsxs53 } from "react/jsx-runtime";
@@ -7635,7 +7643,7 @@ var MinimizeTwo = (_a) => {
 var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-import { useContext as useContext15 } from "react";
+import { useContext as useContext16 } from "react";
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
 import { useState as useState18 } from "react";
@@ -7662,7 +7670,7 @@ var ActionableList = ({
       children: [
         /* @__PURE__ */ jsxs56("div", { className: "Layer__actionable-list__content", children: [
           /* @__PURE__ */ jsx97(Text, { size: "sm" /* sm */, children: x.label }),
-          /*TODO: Replace 'See all categories' with something more generic*/
+          /* TODO: Replace 'See all categories' with something more generic */
           showDescriptions && x.description && x.label !== "See all categories" && /* @__PURE__ */ jsx97(
             Text,
             {
@@ -7695,20 +7703,20 @@ var ActionableList = ({
 
 // src/components/BankTransactionMobileList/utils.ts
 var mapCategoryToOption = (category) => {
-  var _a, _b;
+  var _a, _b, _c;
   return {
     label: category.display_name,
-    id: category.id,
+    id: "id" in category ? category.id : category.stable_name,
     description: (_a = category.description) != null ? _a : void 0,
     value: {
       type: "CATEGORY",
       payload: {
-        id: category.id,
+        id: "id" in category ? category.id : "",
         option_type: "category" /* CATEGORY */,
         display_name: category.display_name,
         type: category.type,
         description: (_b = category.description) != null ? _b : void 0,
-        stable_name: category.stable_name,
+        stable_name: "stable_name" in category ? (_c = category.stable_name) != null ? _c : "" : "",
         entries: category.entries,
         subCategories: category.subCategories
       }
@@ -7723,7 +7731,7 @@ var flattenCategories = (categories) => {
         return [
           {
             label: category.display_name,
-            id: category.id,
+            id: "id" in category ? category.id : category.stable_name,
             value: {
               type: "GROUP",
               items: category.subCategories.map((x) => mapCategoryToOption(x))
@@ -7743,7 +7751,7 @@ var getAssignedValue = (bankTransaction) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ || (bankTransaction == null ? void 0 : bankTransaction.categorization_status) === "SPLIT" /* SPLIT */) {
     return;
   }
-  if (bankTransaction.category && bankTransaction.category.type != "Exclusion") {
+  if (bankTransaction.category && bankTransaction.category.type != "ExclusionNested") {
     return mapCategoryToOption(bankTransaction.category);
   }
   if (hasSuggestions(bankTransaction.categorization_flow)) {
@@ -7804,7 +7812,7 @@ var CategorySelectDrawer = ({
   showTooltips: _showTooltips
 }) => {
   var _a, _b;
-  const { setContent, close } = useContext15(DrawerContext);
+  const { setContent, close } = useContext16(DrawerContext);
   const onDrawerCategorySelect = (value) => {
     close();
     onSelect(value);
@@ -7866,16 +7874,16 @@ import classNames33 from "classnames";
 import { parseISO as parseISO3, format as formatTime } from "date-fns";
 import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
 var mapCategoryToOption2 = (category) => {
-  var _a;
+  var _a, _b;
   return {
     type: "category" /* CATEGORY */,
     payload: {
-      id: category.id,
+      id: "id" in category ? category.id : "",
       option_type: "category" /* CATEGORY */,
       display_name: category.display_name,
       type: category.type,
       description: (_a = category.description) != null ? _a : void 0,
-      stable_name: category.stable_name,
+      stable_name: "stable_name" in category ? (_b = category.stable_name) != null ? _b : "" : "",
       entries: category.entries,
       subCategories: category.subCategories
     }
@@ -7889,7 +7897,7 @@ var mapCategoryToExclusionOption = (category) => {
       option_type: "category" /* CATEGORY */,
       display_name: category.display_name,
       type: "ExclusionNested",
-      stable_name: category.stable_name,
+      stable_name: "",
       entries: category.entries,
       subCategories: category.subCategories
     }
@@ -7902,7 +7910,8 @@ var mapSuggestedMatchToOption = (record) => {
       id: record.id,
       option_type: "match" /* MATCH */,
       display_name: record.details.description,
-      amount: record.details.amount
+      amount: record.details.amount,
+      subCategories: null
     }
   };
 };
@@ -7976,7 +7985,8 @@ var allCategoriesDivider = [
         payload: {
           id: "all_categories",
           option_type: "hidden" /* HIDDEN */,
-          display_name: "ALL CATEGORIES"
+          display_name: "ALL CATEGORIES",
+          subCategories: null
         }
       }
     ]
@@ -8022,7 +8032,8 @@ var CategorySelect = ({
             option_type: "match" /* MATCH */,
             display_name: x.details.description,
             date: x.details.date,
-            amount: x.details.amount
+            amount: x.details.amount,
+            subCategories: null
           }
         };
       })
@@ -8235,15 +8246,15 @@ var Trash_default = Trash;
 import { forwardRef as forwardRef9, useImperativeHandle } from "react";
 
 // src/contexts/ReceiptsContext/ReceiptsContext.ts
-import { createContext as createContext9, useContext as useContext16 } from "react";
-var ReceiptsContext = createContext9({
+import { createContext as createContext10, useContext as useContext17 } from "react";
+var ReceiptsContext = createContext10({
   receiptUrls: [],
   uploadReceipt: () => {
   },
   archiveDocument: () => {
   }
 });
-var useReceiptsContext = () => useContext16(ReceiptsContext);
+var useReceiptsContext = () => useContext17(ReceiptsContext);
 
 // src/hooks/useReceipts/useReceipts.ts
 import { useEffect as useEffect10, useState as useState19 } from "react";
@@ -9190,7 +9201,7 @@ var ExpandedBankTransactionRow = forwardRef10(
     const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_e = (_d = bankTransaction.categorization_flow) == null ? void 0 : _d.suggestions) == null ? void 0 : _e[0]);
     const [rowState, updateRowState] = useState22({
       splits: ((_f = bankTransaction.category) == null ? void 0 : _f.entries) ? (_g = bankTransaction.category) == null ? void 0 : _g.entries.map((c) => {
-        return c.type === "ExclusionSplitEntry" ? {
+        return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
           amount: c.amount || 0,
           inputValue: centsToDollars(c.amount),
           category: mapCategoryToExclusionOption(c.category)
@@ -9778,7 +9789,7 @@ var BankTransactionRow = ({
     initialLoad ? "initial-load" : "",
     showComponent ? "show" : ""
   );
-  const showReceiptDataProperties = useMemo15(
+  const showReceiptDataProperties = useMemo16(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
@@ -10246,10 +10257,10 @@ var BankTransactionList = ({
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-import { useContext as useContext19, useEffect as useEffect21, useRef as useRef16, useState as useState32 } from "react";
+import { useContext as useContext20, useEffect as useEffect21, useRef as useRef16, useState as useState32 } from "react";
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-import { useContext as useContext18, useEffect as useEffect17, useMemo as useMemo16, useRef as useRef12, useState as useState26 } from "react";
+import { useContext as useContext19, useEffect as useEffect17, useMemo as useMemo17, useRef as useRef12, useState as useState26 } from "react";
 
 // src/icons/Paperclip.tsx
 import { jsx as jsx120 } from "react/jsx-runtime";
@@ -10280,19 +10291,19 @@ var Paperclip_default = Paperclip;
 
 // src/components/BankTransactionMobileList/useMemoText.tsx
 import {
-  createContext as createContext10,
-  useContext as useContext17,
+  createContext as createContext11,
+  useContext as useContext18,
   useEffect as useEffect16,
   useState as useState25
 } from "react";
 import { jsx as jsx121 } from "react/jsx-runtime";
-var MemoTextContext = createContext10({
+var MemoTextContext = createContext11({
   memoText: void 0,
   setMemoText: () => {
   },
   saveMemoText: () => Promise.resolve()
 });
-var useMemoTextContext = () => useContext17(MemoTextContext);
+var useMemoTextContext = () => useContext18(MemoTextContext);
 var useMemoText = ({ bankTransaction, isActive }) => {
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
@@ -10367,7 +10378,7 @@ var BusinessForm = ({
   showDescriptions
 }) => {
   const receiptsRef = useRef12(null);
-  const { setContent, close } = useContext18(DrawerContext);
+  const { setContent, close } = useContext19(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
   const [selectedCategory, setSelectedCategory] = useState26(
     getAssignedValue(bankTransaction)
@@ -10379,7 +10390,7 @@ var BusinessForm = ({
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  const options = useMemo16(() => {
+  const options = useMemo17(() => {
     var _a;
     const options2 = ((_a = bankTransaction == null ? void 0 : bankTransaction.categorization_flow) == null ? void 0 : _a.type) === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
       (x) => mapCategoryToOption(x)
@@ -10824,7 +10835,7 @@ var SplitForm = ({
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_b = (_a = bankTransaction.categorization_flow) == null ? void 0 : _a.suggestions) == null ? void 0 : _b[0]);
   const [rowState, updateRowState] = useState29({
     splits: ((_c = bankTransaction.category) == null ? void 0 : _c.entries) ? (_d = bankTransaction.category) == null ? void 0 : _d.entries.map((c) => {
-      return c.type === "ExclusionSplitEntry" ? {
+      return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
         amount: c.amount || 0,
         inputValue: centsToDollars(c.amount),
         category: mapCategoryToExclusionOption(c.category)
@@ -11178,7 +11189,7 @@ var BankTransactionMobileForms = ({
 };
 
 // src/components/BankTransactionMobileList/TransactionToOpenContext.ts
-import { createContext as createContext11, useState as useState31 } from "react";
+import { createContext as createContext12, useState as useState31 } from "react";
 var useTransactionToOpen = () => {
   const [transactionIdToOpen, setTransactionIdToOpen] = useState31(void 0);
   const clearTransactionIdToOpen = () => setTransactionIdToOpen(void 0);
@@ -11188,7 +11199,7 @@ var useTransactionToOpen = () => {
     clearTransactionIdToOpen
   };
 };
-var TransactionToOpenContext = createContext11({
+var TransactionToOpenContext = createContext12({
   transactionIdToOpen: void 0,
   setTransactionIdToOpen: () => void 0,
   clearTransactionIdToOpen: () => void 0
@@ -11226,7 +11237,7 @@ var BankTransactionMobileListItem = ({
     transactionIdToOpen,
     setTransactionIdToOpen,
     clearTransactionIdToOpen
-  } = useContext19(TransactionToOpenContext);
+  } = useContext20(TransactionToOpenContext);
   const { shouldHideAfterCategorize } = useBankTransactionsContext();
   const formRowRef = useElementSize(
     (_a2, _b, { height: height2 }) => setHeight(height2)
@@ -11237,7 +11248,7 @@ var BankTransactionMobileListItem = ({
   const itemRef = useRef16(null);
   const [removeAnim, setRemoveAnim] = useState32(false);
   const [purpose, setPurpose] = useState32(
-    bankTransaction.category ? bankTransaction.category.type === "Exclusion" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
+    bankTransaction.category ? bankTransaction.category.type === "ExclusionNested" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
   const [open, setOpen] = useState32(isFirstItem);
   const [showComponent, setShowComponent] = useState32(!initialLoad);
@@ -11438,7 +11449,7 @@ var BankTransactionMobileList = ({
 };
 
 // src/components/BankTransactionsTable/BankTransactionsTable.tsx
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo18 } from "react";
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
 import classNames47 from "classnames";
@@ -11470,7 +11481,7 @@ var SkeletonTableLoader = ({
       {
         colSpan: col.colSpan,
         className: "Layer__skeleton-loader__row",
-        children: col.colComponent ? col.colComponent : col.parts && col.parts > 1 ? /* @__PURE__ */ jsx131("span", { className: "Layer__skeleton-loader__row__group", children: [...Array(col.parts)].map((_part, partIndex) => /* @__PURE__ */ jsx131(
+        children: col.colComponent ? col.colComponent : col.parts && col.parts > 1 ? /* @__PURE__ */ jsx131("span", { className: "Layer__skeleton-loader__row__group", children: Array(col.parts).map((_part, partIndex) => /* @__PURE__ */ jsx131(
           SkeletonLoader,
           {
             width: "100%",
@@ -11612,7 +11623,7 @@ var BankTransactionsTable = ({
       return ((_a2 = transaction.document_ids) == null ? void 0 : _a2.length) > 0;
     }
   ))) != null ? _a : false;
-  const showReceiptDataProperties = useMemo17(
+  const showReceiptDataProperties = useMemo18(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptColumn }),
     [showReceiptColumn]
   );
@@ -11722,7 +11733,7 @@ var ErrorBoundary = class extends Component {
 };
 
 // src/hooks/usePagination/usePagination.ts
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 var DOTS = "...";
 var usePagination = ({
   totalCount,
@@ -11730,7 +11741,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = useMemo18(() => {
+  const paginationRange = useMemo19(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     const totalPageNumbers = siblingCount + 5;
     if (totalPageNumbers >= totalPageCount) {
@@ -12138,7 +12149,7 @@ var BankTransactionsContent = ({
     removeAfterCategorize
   } = useBankTransactionsContext();
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = useMemo19(
+  const isSyncing = useMemo20(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
@@ -12189,7 +12200,7 @@ var BankTransactionsContent = ({
       return () => clearTimeout(timeoutLoad);
     }
   }, [loadingStatus]);
-  const bankTransactions = useMemo19(() => {
+  const bankTransactions = useMemo20(() => {
     if (monthlyView) {
       return data;
     }
@@ -12436,11 +12447,11 @@ var Quickbooks = () => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-import { createContext as createContext14 } from "react";
+import { createContext as createContext15 } from "react";
 
 // src/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext.tsx
-import { createContext as createContext12 } from "react";
-var PNLComparisonContext = createContext12({
+import { createContext as createContext13 } from "react";
+var PNLComparisonContext = createContext13({
   data: void 0,
   isLoading: true,
   isValidating: false,
@@ -12464,7 +12475,7 @@ var PNLComparisonContext = createContext12({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useCallback as useCallback4, useMemo as useMemo21, useState as useState37 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo22, useState as useState37 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -12520,7 +12531,7 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-import { useEffect as useEffect24, useMemo as useMemo20, useState as useState36 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo21, useState as useState36 } from "react";
 import { startOfMonth as startOfMonth7, sub } from "date-fns";
 import useSWR4 from "swr";
 var buildDates = ({ currentDate }) => {
@@ -12551,7 +12562,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   const [date, setDate] = useState36(currentDate);
   const [loaded, setLoaded] = useState36("initial");
   const [data, setData] = useState36([]);
-  const { startYear, startMonth, endYear, endMonth } = useMemo20(() => {
+  const { startYear, startMonth, endYear, endMonth } = useMemo21(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
   const queryKey = businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && (auth == null ? void 0 : auth.access_token) && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter == null ? void 0 : tagFilter.key}-${(_a = tagFilter == null ? void 0 : tagFilter.values) == null ? void 0 : _a.join(
@@ -12743,7 +12754,7 @@ var useProfitAndLoss = ({
 }) => {
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
-  const dateRange = useMemo21(() => ({ startDate: start, endDate: end }), [start, end]);
+  const dateRange = useMemo22(() => ({ startDate: start, endDate: end }), [start, end]);
   const changeDateRange = useCallback4(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
@@ -12779,7 +12790,7 @@ var useProfitAndLoss = ({
       })
     }));
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = useMemo21(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = useMemo22(() => {
     var _a;
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
@@ -12831,7 +12842,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, start, filters, summaryData]);
-  const { filteredDataExpenses, filteredTotalExpenses } = useMemo21(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = useMemo22(() => {
     var _a;
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
@@ -13061,7 +13072,7 @@ function useProfitAndLossComparison({
 }
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-import { useEffect as useEffect28, useMemo as useMemo22, useState as useState40 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo23, useState as useState40 } from "react";
 
 // src/icons/BarChart2.tsx
 import { jsx as jsx143, jsxs as jsxs91 } from "react/jsx-runtime";
@@ -13291,7 +13302,7 @@ var ProfitAndLossChart = ({
   const { getColor, business } = useLayerContext();
   const { start, end } = useGlobalDateRange();
   const { setMonth } = useGlobalDateRangeActions();
-  const dateRange = useMemo22(() => ({ startDate: start, endDate: end }), [start, end]);
+  const dateRange = useMemo23(() => ({ startDate: start, endDate: end }), [start, end]);
   const [localDateRange, setLocalDateRange] = useState40(dateRange);
   const [customCursorSize, setCustomCursorSize] = useState40({
     width: 0,
@@ -13303,7 +13314,7 @@ var ProfitAndLossChart = ({
     start: startOfMonth10(sub2(Date.now(), { months: 11 })),
     end: endOfMonth8(Date.now())
   });
-  const selectionMonth = useMemo22(
+  const selectionMonth = useMemo23(
     () => ({
       year: localDateRange.startDate.getFullYear(),
       month: localDateRange.startDate.getMonth()
@@ -13319,7 +13330,7 @@ var ProfitAndLossChart = ({
     currentDate: startOfMonth10(Date.now()),
     tagFilter
   });
-  const anyData = useMemo22(() => {
+  const anyData = useMemo23(() => {
     return Boolean(
       data == null ? void 0 : data.find(
         (x) => x.income !== 0 || x.costOfGoodsSold !== 0 || x.grossProfit !== 0 || x.operatingExpenses !== 0 || x.profitBeforeTaxes !== 0 || x.taxes !== 0 || x.totalExpenses !== 0
@@ -13327,11 +13338,11 @@ var ProfitAndLossChart = ({
     );
   }, [data]);
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = useMemo22(
+  const isSyncing = useMemo23(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const loadingValue = useMemo22(() => getLoadingValue(data), [data]);
+  const loadingValue = useMemo23(() => getLoadingValue(data), [data]);
   useEffect28(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
@@ -13390,7 +13401,7 @@ var ProfitAndLossChart = ({
     loading: (pnl == null ? void 0 : pnl.isLoading) ? loadingValue : 0,
     loadingExpenses: (pnl == null ? void 0 : pnl.isLoading) ? -loadingValue : 0
   });
-  const theData = useMemo22(() => {
+  const theData = useMemo23(() => {
     var _a;
     if (loaded !== "complete" || loaded === "complete" && !anyData) {
       const loadingData = [];
@@ -13924,7 +13935,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-import { useContext as useContext20, useEffect as useEffect29, useState as useState41 } from "react";
+import { useContext as useContext21, useEffect as useEffect29, useState as useState41 } from "react";
 import { jsx as jsx147, jsxs as jsxs94 } from "react/jsx-runtime";
 var selectStyles = {
   valueContainer: (styles) => {
@@ -13944,8 +13955,8 @@ var ProfitAndLossCompareOptions = ({
     refetch,
     compareMonths,
     compareOptions
-  } = useContext20(ProfitAndLoss.ComparisonContext);
-  const { dateRange } = useContext20(ProfitAndLoss.Context);
+  } = useContext21(ProfitAndLoss.ComparisonContext);
+  const { dateRange } = useContext21(ProfitAndLoss.Context);
   const [initialDone, setInitialDone] = useState41(false);
   useEffect29(() => {
     if (initialDone) {
@@ -14038,7 +14049,7 @@ var ProfitAndLossCompareOptions = ({
 };
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
-import { useCallback as useCallback6, useContext as useContext21 } from "react";
+import { useCallback as useCallback6, useContext as useContext22 } from "react";
 
 // src/components/DatePicker/ModeSelector/DatePickerModeSelector.tsx
 import { jsx as jsx148 } from "react/jsx-runtime";
@@ -14085,7 +14096,7 @@ function DatePickerModeSelector({
 import { endOfMonth as endOfMonth9, startOfMonth as startOfMonth11 } from "date-fns";
 
 // src/providers/GlobalDateStore/useGlobalDateRangePicker.ts
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 
 // src/utils/array/getArrayWithAtLeastOneOrFallback.ts
 function getArrayWithAtLeastOneOrFallback(list, fallback) {
@@ -14112,7 +14123,7 @@ function useGlobalDateRangePicker({
     DEFAULT_ALLOWED_PICKER_MODES
   );
   const desiredRangeMode = allowedDateRangePickerModes.includes(rangeDisplayMode) ? rangeDisplayMode : allowedDateRangePickerModes[0];
-  const { dateFormat, selected } = useMemo23(() => {
+  const { dateFormat, selected } = useMemo24(() => {
     if (rangeDisplayMode === "monthPicker") {
       return {
         selected: start,
@@ -14132,7 +14143,7 @@ function useGlobalDateRangePicker({
     end,
     rangeDisplayMode
   ]);
-  const { setSelected } = useMemo23(() => {
+  const { setSelected } = useMemo24(() => {
     if (desiredRangeMode === "monthPicker") {
       return {
         setSelected: ({ start: start2 }) => {
@@ -14170,7 +14181,7 @@ var ProfitAndLossDatePicker = ({
   defaultDatePickerMode
 }) => {
   const { business } = useLayerContext();
-  const { refetch, compareMode, compareMonths } = useContext21(ProfitAndLoss.ComparisonContext);
+  const { refetch, compareMode, compareMonths } = useContext22(ProfitAndLoss.ComparisonContext);
   const getComparisonData = useCallback6((date) => {
     if (compareMode && compareMonths > 0) {
       refetch({
@@ -14226,7 +14237,7 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-import { useContext as useContext22, useState as useState42 } from "react";
+import { useContext as useContext23, useState as useState42 } from "react";
 
 // src/icons/X.tsx
 import { jsx as jsx150, jsxs as jsxs95 } from "react/jsx-runtime";
@@ -14267,7 +14278,7 @@ var X2 = (_a) => {
 var X_default = X2;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo25 } from "react";
 
 // src/config/charts.ts
 var DEFAULT_CHART_COLOR_TYPE = [
@@ -14558,7 +14569,7 @@ var DetailedChart = ({
   isLoading,
   showDatePicker = true
 }) => {
-  const chartData = useMemo24(() => {
+  const chartData = useMemo25(() => {
     if (!filteredData) {
       return [];
     }
@@ -14928,7 +14939,7 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = useContext22(ProfitAndLoss.Context);
+  } = useContext23(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
@@ -15001,7 +15012,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-import { useContext as useContext23, useState as useState43 } from "react";
+import { useContext as useContext24, useState as useState43 } from "react";
 import { jsx as jsx156 } from "react/jsx-runtime";
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
@@ -15009,8 +15020,8 @@ var ProfitAndLossDownloadButton = ({
   moneyFormat,
   view
 }) => {
-  const { dateRange, tagFilter } = useContext23(ProfitAndLoss.Context);
-  const { getProfitAndLossComparisonCsv } = useContext23(
+  const { dateRange, tagFilter } = useContext24(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = useContext24(
     ProfitAndLoss.ComparisonContext
   );
   const { businessId } = useLayerContext();
@@ -15063,7 +15074,7 @@ var ProfitAndLossDownloadButton = ({
 };
 
 // src/components/ProfitAndLossHeader/ProfitAndLossHeader.tsx
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo26 } from "react";
 
 // src/components/SyncingBadge/SyncingBadge.tsx
 import { jsx as jsx157 } from "react/jsx-runtime";
@@ -15088,7 +15099,7 @@ var ProfitAndLossHeader = ({
   withDatePicker
 }) => {
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = useMemo25(
+  const isSyncing = useMemo26(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
@@ -15102,7 +15113,7 @@ var ProfitAndLossHeader = ({
 };
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-import { useContext as useContext24 } from "react";
+import { useContext as useContext25 } from "react";
 
 // src/components/Header/Header.tsx
 import {
@@ -15263,7 +15274,7 @@ var ProfitAndLossReport = ({
   view
 }) => {
   var _a, _b;
-  const { sidebarScope } = useContext24(ProfitAndLoss.Context);
+  const { sidebarScope } = useContext25(ProfitAndLoss.Context);
   return /* @__PURE__ */ jsx165(
     View,
     {
@@ -15332,10 +15343,10 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-import { useContext as useContext25, useMemo as useMemo29 } from "react";
+import { useContext as useContext26, useMemo as useMemo30 } from "react";
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo27 } from "react";
 import { jsx as jsx166 } from "react/jsx-runtime";
 var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
 function ProfitAndLossSummariesListItem({
@@ -15343,7 +15354,7 @@ function ProfitAndLossSummariesListItem({
   isActive,
   onClick
 }) {
-  const dataProperties = useMemo26(
+  const dataProperties = useMemo27(
     () => toDataProperties({ active: isActive, clickable: !!onClick }),
     [isActive]
   );
@@ -15354,7 +15365,7 @@ function ProfitAndLossSummariesList({
   children,
   itemCount
 }) {
-  const dataProperties = useMemo26(
+  const dataProperties = useMemo27(
     () => toDataProperties({ ["column-count"]: itemCount }),
     [itemCount]
   );
@@ -15447,10 +15458,10 @@ function ProfitAndLossSummariesMiniChart({
 }
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary.tsx
-import { useMemo as useMemo28 } from "react";
+import { useMemo as useMemo29 } from "react";
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesHeading.tsx
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo28 } from "react";
 import { jsx as jsx168 } from "react/jsx-runtime";
 var HEADING_CLASS_NAME2 = "Layer__ProfitAndLossSummariesSummaryHeading";
 function ProfitAndLossSummariesHeading({
@@ -15458,7 +15469,7 @@ function ProfitAndLossSummariesHeading({
   children
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const labelDataProperties = useMemo27(() => toDataProperties({ size }), [size]);
+  const labelDataProperties = useMemo28(() => toDataProperties({ size }), [size]);
   return /* @__PURE__ */ jsx168("h3", __spreadProps(__spreadValues({ className: HEADING_CLASS_NAME2 }, labelDataProperties), { children }));
 }
 
@@ -15476,8 +15487,8 @@ function ProfitAndLossSummariesSummary({
 }) {
   const { Chart } = slots != null ? slots : {};
   const { size = "sm" } = variants != null ? variants : {};
-  const dataProperties = useMemo28(() => toDataProperties({ size }), [size]);
-  const amountDataProperties = useMemo28(
+  const dataProperties = useMemo29(() => toDataProperties({ size }), [size]);
+  const amountDataProperties = useMemo29(
     () => toDataProperties({
       positive: amount >= 0,
       negative: amount < 0,
@@ -15510,9 +15521,9 @@ function Internal_ProfitAndLossSummaries({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = useContext25(ProfitAndLoss.Context);
+  } = useContext26(ProfitAndLoss.Context);
   const dataItem = Array.isArray(storedData) ? storedData[storedData.length - 1] : storedData;
-  const { revenueChartData, expensesChartData } = useMemo29(
+  const { revenueChartData, expensesChartData } = useMemo30(
     () => ({
       revenueChartData: toMiniChartData({ scope: "revenue", data: dataItem }),
       expensesChartData: toMiniChartData({ scope: "expenses", data: dataItem })
@@ -15590,10 +15601,10 @@ function Internal_ProfitAndLossSummaries({
 var ProfitAndLossSummaries = (props) => Internal_ProfitAndLossSummaries(props);
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-import { useContext as useContext29 } from "react";
+import { useContext as useContext30 } from "react";
 
 // src/contexts/TableContext/TableContext.tsx
-import { createContext as createContext13, useState as useState45 } from "react";
+import { createContext as createContext14, useState as useState45 } from "react";
 import { jsx as jsx171 } from "react/jsx-runtime";
 var defaultValue = {
   expandedRows: [],
@@ -15605,7 +15616,7 @@ var defaultValue = {
   setExpandedAllRows: () => {
   }
 };
-var TableContext = createContext13(defaultValue);
+var TableContext = createContext14(defaultValue);
 var TableProvider = ({ children }) => {
   const [expandedRows, setExpandedRowsState] = useState45([]);
   const [expandedAllRows, setExpandedAllRows] = useState45(false);
@@ -15634,10 +15645,10 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-import React68, { useContext as useContext27, useEffect as useEffect32 } from "react";
+import { Fragment as Fragment22, useContext as useContext28, useEffect as useEffect32 } from "react";
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-import { useContext as useContext26 } from "react";
+import { useContext as useContext27 } from "react";
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -15645,7 +15656,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = useContext26(TableContext);
+  } = useContext27(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -15906,18 +15917,18 @@ var Table = ({
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
 import classNames62 from "classnames";
-import { Fragment as Fragment22, jsx as jsx177, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx177, jsxs as jsxs110 } from "react/jsx-runtime";
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = useContext27(ProfitAndLoss.Context);
+  const { dateRange } = useContext28(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     compareMonths,
     compareOptions,
     refetch
-  } = useContext27(ProfitAndLoss.ComparisonContext);
+  } = useContext28(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   useEffect32(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
@@ -15951,7 +15962,7 @@ var ProfitAndLossCompareTable = ({
         }
       });
       if (rowData.length === 0) {
-        return /* @__PURE__ */ jsx177(Fragment22, {});
+        return /* @__PURE__ */ jsx177(Fragment23, {});
       }
       const mergedLineItems = mergeComparisonLineItemsAtDepth(
         rowData
@@ -15960,7 +15971,7 @@ var ProfitAndLossCompareTable = ({
     }
     const expandable = (lineItem == null ? void 0 : lineItem.line_items) && lineItem.line_items.length > 0 ? true : false;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs110(React68.Fragment, { children: [
+    return /* @__PURE__ */ jsxs110(Fragment22, { children: [
       /* @__PURE__ */ jsxs110(
         TableRow,
         {
@@ -15994,7 +16005,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ jsxs110(Table, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ jsx177(TableHead, { children: compareOptions && compareOptions.length > 1 && /* @__PURE__ */ jsxs110(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true }),
-      compareOptions.map((option, i) => /* @__PURE__ */ jsxs110(React68.Fragment, { children: [
+      compareOptions.map((option, i) => /* @__PURE__ */ jsxs110(Fragment22, { children: [
         /* @__PURE__ */ jsx177(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option + "-" + i),
         compareMonths && Array.from({ length: compareMonths - 1 }, (_, index) => /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true }, option + "-" + index))
       ] }, option + "-" + i))
@@ -16002,10 +16013,10 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ jsxs110(TableBody, { children: [
       compareMonths && /* @__PURE__ */ jsxs110(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true }),
-        compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ jsx177(React68.Fragment, { children: generatComparisonMonths(
+        compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ jsx177(Fragment22, { children: generatComparisonMonths(
           dateRange.startDate,
           compareMonths
-        ).map((month, index) => /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true, children: month }, option + "-" + index)) }, option + "-" + i)) : /* @__PURE__ */ jsx177(React68.Fragment, { children: generatComparisonMonths(
+        ).map((month, index) => /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true, children: month }, option + "-" + index)) }, option + "-" + i)) : /* @__PURE__ */ jsx177(Fragment22, { children: generatComparisonMonths(
           dateRange.startDate,
           compareMonths
         ).map((month, index) => /* @__PURE__ */ jsx177(TableCell, { isHeaderCell: true, children: month }, "total-" + index + "-cell")) }, "total-1")
@@ -16036,7 +16047,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-import React69, { useContext as useContext28, useEffect as useEffect33 } from "react";
+import { Fragment as Fragment24, useContext as useContext29, useEffect as useEffect33 } from "react";
 
 // src/icons/PieChart.tsx
 import { jsx as jsx178, jsxs as jsxs111 } from "react/jsx-runtime";
@@ -16135,7 +16146,7 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = useContext28(ProfitAndLoss.Context);
+  } = useContext29(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
   useEffect33(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
@@ -16157,7 +16168,7 @@ var ProfitAndLossTableComponent = ({
   const renderLineItem = (lineItem, depth, rowKey, rowIndex, scope, setSidebarScope2, variant) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs112(React69.Fragment, { children: [
+    return /* @__PURE__ */ jsxs112(Fragment24, { children: [
       /* @__PURE__ */ jsxs112(
         TableRow,
         {
@@ -16267,22 +16278,22 @@ var ProfitAndLossTableComponent = ({
       void 0,
       "summation"
     ),
-    data.personal_expenses ? /* @__PURE__ */ jsx179(React69.Fragment, { children: renderLineItem(data.personal_expenses, 0, "personal_expenses", 7) }) : null,
-    data.other_outflows ? /* @__PURE__ */ jsx179(React69.Fragment, { children: renderLineItem(data.other_outflows, 0, "other_outflows", 6) }) : null
+    data.personal_expenses ? renderLineItem(data.personal_expenses, 0, "personal_expenses", 7) : null,
+    data.other_outflows ? renderLineItem(data.other_outflows, 0, "other_outflows", 6) : null
   ] }) });
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 import { jsx as jsx180 } from "react/jsx-runtime";
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareMode } = useContext29(ProfitAndLoss.ComparisonContext);
+  const { compareMode } = useContext30(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ jsx180(TableProvider, { children: compareMode ? /* @__PURE__ */ jsx180("div", { className: "Layer__compare__table__wrapper", children: /* @__PURE__ */ jsx180(ProfitAndLossCompareTable, __spreadValues({}, props)) }) : /* @__PURE__ */ jsx180(ProfitAndLossTableComponent, __spreadValues({}, props)) });
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 import { endOfMonth as endOfMonth10, startOfMonth as startOfMonth12 } from "date-fns";
 import { jsx as jsx181 } from "react/jsx-runtime";
-var PNLContext = createContext14({
+var PNLContext = createContext15({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -16335,8 +16346,8 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
-import { createContext as createContext15 } from "react";
-var BalanceSheetContext = createContext15({
+import { createContext as createContext16 } from "react";
+var BalanceSheetContext = createContext16({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -16454,7 +16465,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-import React71, { useEffect as useEffect35 } from "react";
+import { Fragment as Fragment25, useEffect as useEffect35 } from "react";
 import { jsx as jsx184, jsxs as jsxs113 } from "react/jsx-runtime";
 var BalanceSheetTable = ({
   data,
@@ -16478,7 +16489,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ jsxs113(React71.Fragment, { children: [
+    return /* @__PURE__ */ jsxs113(Fragment25, { children: [
       /* @__PURE__ */ jsxs113(
         TableRow,
         {
@@ -16529,7 +16540,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ jsx184(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ jsx184(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ jsx184(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ jsx184(React71.Fragment, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ jsx184(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ jsx184(Fragment25, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -16569,7 +16580,7 @@ function useInvisibleDownload() {
   const invisibleDownloadRef = useRef22(null);
   const triggerInvisibleDownload = useCallback7((options) => {
     var _a;
-    (_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options);
+    void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
   return { invisibleDownloadRef, triggerInvisibleDownload };
 }
@@ -16645,7 +16656,7 @@ function useBalanceSheetDownload({
 }
 
 // src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
-import { Fragment as Fragment23, jsx as jsx186, jsxs as jsxs114 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx186, jsxs as jsxs114 } from "react/jsx-runtime";
 function BalanceSheetDownloadButton({
   effectiveDate,
   iconOnly
@@ -16655,7 +16666,7 @@ function BalanceSheetDownloadButton({
     effectiveDate,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs114(Fragment23, { children: [
+  return /* @__PURE__ */ jsxs114(Fragment26, { children: [
     /* @__PURE__ */ jsx186(
       DownloadButton,
       {
@@ -16746,8 +16757,8 @@ var BalanceSheetView = ({
 };
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
-import { createContext as createContext16 } from "react";
-var StatementOfCashFlowContext = createContext16({
+import { createContext as createContext17 } from "react";
+var StatementOfCashFlowContext = createContext17({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -16796,7 +16807,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-import React73 from "react";
+import { Fragment as Fragment27 } from "react";
 import { jsx as jsx188, jsxs as jsxs116 } from "react/jsx-runtime";
 var StatementOfCashFlowTable = ({
   data,
@@ -16807,7 +16818,7 @@ var StatementOfCashFlowTable = ({
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs116(React73.Fragment, { children: [
+    return /* @__PURE__ */ jsxs116(Fragment27, { children: [
       /* @__PURE__ */ jsxs116(
         TableRow,
         {
@@ -16859,7 +16870,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ jsx188(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ jsx188(React73.Fragment, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ jsx188(Fragment27, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -16978,7 +16989,7 @@ function useCashflowStatementDownload({
 }
 
 // src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
-import { Fragment as Fragment24, jsx as jsx189, jsxs as jsxs117 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx189, jsxs as jsxs117 } from "react/jsx-runtime";
 function CashflowStatementDownloadButton({
   startDate,
   endDate,
@@ -16990,7 +17001,7 @@ function CashflowStatementDownloadButton({
     endDate,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs117(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs117(Fragment28, { children: [
     /* @__PURE__ */ jsx189(
       DownloadButton,
       {
@@ -17106,12 +17117,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-import { useContext as useContext37 } from "react";
+import { useContext as useContext38 } from "react";
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-import { createContext as createContext17 } from "react";
+import { createContext as createContext18 } from "react";
 import { endOfMonth as endOfMonth11, startOfMonth as startOfMonth13 } from "date-fns";
-var ChartOfAccountsContext = createContext17(
+var ChartOfAccountsContext = createContext18(
   {
     data: void 0,
     isLoading: false,
@@ -17142,8 +17153,8 @@ var ChartOfAccountsContext = createContext17(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-import { createContext as createContext18 } from "react";
-var LedgerAccountsContext = createContext18({
+import { createContext as createContext19 } from "react";
+var LedgerAccountsContext = createContext19({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -17749,7 +17760,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import { useContext as useContext33, useState as useState50 } from "react";
+import { useContext as useContext34, useState as useState50 } from "react";
 
 // src/icons/Plus.tsx
 import { jsx as jsx192, jsxs as jsxs119 } from "react/jsx-runtime";
@@ -17790,11 +17801,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-import { useContext as useContext30 } from "react";
+import { useContext as useContext31 } from "react";
 import { endOfMonth as endOfMonth13, startOfMonth as startOfMonth15 } from "date-fns";
 import { jsx as jsx193 } from "react/jsx-runtime";
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = useContext30(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = useContext31(ChartOfAccountsContext);
   return /* @__PURE__ */ jsx193(
     DatePicker,
     {
@@ -17813,13 +17824,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-import { useContext as useContext31, useMemo as useMemo31 } from "react";
+import { useContext as useContext32, useMemo as useMemo32 } from "react";
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-import { useMemo as useMemo30 } from "react";
+import { useMemo as useMemo31 } from "react";
 var useParentOptions = (data) => {
   var _a;
-  return useMemo30(
+  return useMemo31(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -17844,9 +17855,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = useContext31(ChartOfAccountsContext);
+  } = useContext32(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = useMemo31(() => {
+  const entry = useMemo32(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -18059,7 +18070,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import React76, { useContext as useContext32, useEffect as useEffect39, useState as useState49 } from "react";
+import { Fragment as Fragment29, useContext as useContext33, useEffect as useEffect39, useState as useState49 } from "react";
 
 // src/icons/Edit2.tsx
 import { jsx as jsx196 } from "react/jsx-runtime";
@@ -18119,8 +18130,8 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = useContext32(LedgerAccountsContext);
-  const { editAccount } = useContext32(ChartOfAccountsContext);
+  const { setAccountId } = useContext33(LedgerAccountsContext);
+  const { editAccount } = useContext33(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const [accountsRowKeys, setAccountsRowKeys] = useState49([]);
   useEffect39(() => {
@@ -18149,7 +18160,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs121(React76.Fragment, { children: [
+    return /* @__PURE__ */ jsxs121(Fragment29, { children: [
       /* @__PURE__ */ jsxs121(
         TableRow,
         {
@@ -18281,7 +18292,7 @@ function useAccountBalancesDownload({
 }
 
 // src/components/ChartOfAccounts/download/AccountBalancesDownloadButton.tsx
-import { Fragment as Fragment25, jsx as jsx198, jsxs as jsxs122 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx198, jsxs as jsxs122 } from "react/jsx-runtime";
 function AccountBalancesDownloadButton({
   startCutoff,
   endCutoff,
@@ -18293,7 +18304,7 @@ function AccountBalancesDownloadButton({
     endCutoff,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs122(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs122(Fragment30, { children: [
     /* @__PURE__ */ jsx198(
       DownloadButton,
       {
@@ -18325,7 +18336,7 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext33(ChartOfAccountsContext);
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext34(ChartOfAccountsContext);
   const [expandAll, setExpandAll] = useState50();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
@@ -18432,29 +18443,29 @@ var ChartOfAccountsTableWithPanel = ({
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
 import {
-  useContext as useContext36,
+  useContext as useContext37,
   useEffect as useEffect41,
-  useMemo as useMemo33,
+  useMemo as useMemo34,
   useState as useState52
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import { useContext as useContext34, useMemo as useMemo32 } from "react";
+import { useContext as useContext35, useMemo as useMemo33 } from "react";
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
-  if (journalLineItem.account_identifier.id) {
-    return {
-      type: "AccountId",
-      id: journalLineItem.account_identifier.id
-    };
-  }
   if (journalLineItem.account_identifier.stable_name) {
     return {
       type: "StableName",
       stable_name: journalLineItem.account_identifier.stable_name
     };
   }
+  if (journalLineItem.account_identifier.id) {
+    return {
+      type: "AccountId",
+      id: journalLineItem.account_identifier.id
+    };
+  }
   throw new Error("Invalid account identifier");
 };
 var entryNumber = (entry) => {
@@ -18548,7 +18559,7 @@ var DetailsListItem = ({
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import { Fragment as Fragment26, jsx as jsx204, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx204, jsxs as jsxs127 } from "react/jsx-runtime";
 var SourceDetailView = ({
   source,
   stringOverrides
@@ -18556,7 +18567,7 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(
           DetailsListItem,
           {
@@ -18584,7 +18595,7 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(
           DetailsListItem,
           {
@@ -18605,7 +18616,7 @@ var SourceDetailView = ({
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo", children: manualSource.memo }),
         /* @__PURE__ */ jsx204(
           DetailsListItem,
@@ -18618,7 +18629,7 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(
           DetailsListItem,
           {
@@ -18631,7 +18642,7 @@ var SourceDetailView = ({
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(refundSource.refunded_to_customer_amount)}` }),
         /* @__PURE__ */ jsx204(
           DetailsListItem,
@@ -18644,7 +18655,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(refundSource.refunded_to_customer_amount)}` }),
         /* @__PURE__ */ jsx204(
           DetailsListItem,
@@ -18657,7 +18668,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ jsx204(Fragment26, { children: /* @__PURE__ */ jsx204(
+      return /* @__PURE__ */ jsx204(Fragment31, { children: /* @__PURE__ */ jsx204(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name",
@@ -18667,7 +18678,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ jsxs127(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs127(Fragment31, { children: [
         /* @__PURE__ */ jsx204(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(payoutSource.paid_out_amount)}` }),
         /* @__PURE__ */ jsx204(
           DetailsListItem,
@@ -18686,8 +18697,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext34(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = useMemo32(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext35(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = useMemo33(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -18833,7 +18844,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-import { useContext as useContext35, useEffect as useEffect40, useState as useState51 } from "react";
+import { useContext as useContext36, useEffect as useEffect40, useState as useState51 } from "react";
 import classNames66 from "classnames";
 import { parseISO as parseISO13, format as formatTime11 } from "date-fns";
 import { jsx as jsx205, jsxs as jsxs128 } from "react/jsx-runtime";
@@ -18844,7 +18855,7 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext35(LedgerAccountsContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext36(LedgerAccountsContext);
   const [showComponent, setShowComponent] = useState51(false);
   useEffect40(() => {
     if (initialLoad) {
@@ -18982,7 +18993,7 @@ var LedgerAccountRow = ({
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
 import classNames67 from "classnames";
-import { Fragment as Fragment27, jsx as jsx206, jsxs as jsxs129 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx206, jsxs as jsxs129 } from "react/jsx-runtime";
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
@@ -18992,7 +19003,7 @@ var LedgerAccount = ({
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const [currentPage, setCurrentPage] = useState52(1);
   const [initialLoad, setInitialLoad] = useState52(true);
-  const { data: accountData } = useContext36(ChartOfAccountsContext);
+  const { data: accountData } = useContext37(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -19003,7 +19014,7 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = useContext36(LedgerAccountsContext);
+  } = useContext37(LedgerAccountsContext);
   useEffect41(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
@@ -19016,12 +19027,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = useMemo33(() => {
+  const account = useMemo34(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = useMemo33(() => {
+  const data = useMemo34(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -19081,12 +19092,12 @@ var LedgerAccount = ({
         /* @__PURE__ */ jsxs129("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table", children: [
           /* @__PURE__ */ jsx206("thead", { children: /* @__PURE__ */ jsxs129("tr", { children: [
             view !== "desktop" && /* @__PURE__ */ jsx206("th", {}),
-            view === "desktop" && /* @__PURE__ */ jsxs129(Fragment27, { children: [
+            view === "desktop" && /* @__PURE__ */ jsxs129(Fragment32, { children: [
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header", children: ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date" }),
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header", children: ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #" }),
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" })
             ] }),
-            view !== "mobile" && /* @__PURE__ */ jsxs129(Fragment27, { children: [
+            view !== "mobile" && /* @__PURE__ */ jsxs129(Fragment32, { children: [
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit" }),
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit" }),
               /* @__PURE__ */ jsx206("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance" })
@@ -19159,7 +19170,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = useContext37(LedgerAccountsContext);
+  const { accountId } = useContext38(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ jsx207(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ jsx207(
     LedgerAccount,
@@ -19184,8 +19195,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-import { createContext as createContext19 } from "react";
-var JournalContext = createContext19({
+import { createContext as createContext20 } from "react";
+var JournalContext = createContext20({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -19270,7 +19281,7 @@ var useJournal = () => {
     setForm({
       action: "new",
       data: {
-        entry_at: "",
+        entry_at: (/* @__PURE__ */ new Date()).toISOString(),
         created_by: "Test API Integration",
         memo: "",
         line_items: [
@@ -19488,13 +19499,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import { useContext as useContext43, useMemo as useMemo35, useState as useState55 } from "react";
+import { useContext as useContext44, useMemo as useMemo37, useState as useState55 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-import { useContext as useContext41 } from "react";
+import { useContext as useContext42 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import { useContext as useContext38, useMemo as useMemo34, useState as useState54 } from "react";
+import { useContext as useContext39, useMemo as useMemo35, useState as useState54 } from "react";
 import { jsx as jsx208, jsxs as jsxs130 } from "react/jsx-runtime";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -19506,16 +19517,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = useContext38(JournalContext);
+  } = useContext39(JournalContext);
   const [reverseEntryProcessing, setReverseEntryProcessing] = useState54(false);
   const [reverseEntryError, setReverseEntryError] = useState54();
-  const entry = useMemo34(() => {
+  const entry = useMemo35(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = useMemo34(
+  const sortedLineItems = useMemo35(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -19693,11 +19704,60 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-import { useContext as useContext40 } from "react";
+import { useContext as useContext41 } from "react";
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-import { useContext as useContext39 } from "react";
-import { Fragment as Fragment28, jsx as jsx209, jsxs as jsxs131 } from "react/jsx-runtime";
+import { useContext as useContext40, useMemo as useMemo36 } from "react";
+
+// src/hooks/categories/useAllCategories.ts
+import useSWR11 from "swr";
+function buildKey7({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      mode: "ALL",
+      tags: ["#categories"]
+    };
+  }
+}
+function useAllCategories() {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWR11(
+    () => buildKey7(__spreadProps(__spreadValues({}, auth), {
+      businessId
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, mode }) => getCategories(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          mode
+        }
+      }
+    )().then(({ data }) => data.categories)
+  );
+}
+
+// src/components/JournalForm/JournalFormEntryLines.tsx
+import { Fragment as Fragment33, jsx as jsx209, jsxs as jsxs131 } from "react/jsx-runtime";
+function recursiveFlattenCategories(accounts) {
+  const flattenedResult = accounts.flatMap((a) => {
+    var _a;
+    return [
+      a,
+      recursiveFlattenCategories((_a = a.subCategories) != null ? _a : [])
+    ];
+  }).flat();
+  return flattenedResult;
+}
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -19706,10 +19766,83 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = useContext39(ChartOfAccountsContext);
-  const { form } = useContext39(JournalContext);
-  const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ jsx209(Fragment28, { children: ["DEBIT", "CREDIT"].map((direction, idx) => {
+  const { data } = useAllCategories();
+  const { form } = useContext40(JournalContext);
+  const { flattenedCategories, parentOptions } = useMemo36(() => {
+    const flattenedCategories2 = recursiveFlattenCategories(data != null ? data : []);
+    const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
+      switch (account.type) {
+        case "AccountNested":
+          return {
+            label: account.display_name,
+            value: account.id
+          };
+        case "OptionalAccountNested":
+          return {
+            label: account.display_name,
+            value: account.stable_name
+          };
+        case "ExclusionNested":
+          return {
+            label: account.display_name,
+            value: account.id
+          };
+        default:
+          safeAssertUnreachable(account, "Unexpected account type");
+      }
+    });
+    return { flattenedCategories: flattenedCategories2, parentOptions: parentOptions2 };
+  }, [data]);
+  const handleChangeParent = ({
+    lineItemIndex,
+    value
+  }) => {
+    var _a;
+    const relevantCategory = flattenedCategories.find((x) => {
+      switch (x.type) {
+        case "AccountNested":
+          return x.id === value.value;
+        case "OptionalAccountNested":
+          return x.stable_name === value.value;
+        case "ExclusionNested":
+          return x.id === value.value;
+        default:
+          safeAssertUnreachable(x, "Unexpected account type");
+      }
+    });
+    if (!relevantCategory) {
+      return;
+    }
+    const baseFields = relevantCategory.type === "OptionalAccountNested" ? {
+      id: relevantCategory.stable_name,
+      stable_name: relevantCategory.stable_name,
+      account_type: {
+        value: relevantCategory.stable_name,
+        display_name: relevantCategory.display_name
+      }
+    } : {
+      id: relevantCategory.id,
+      stable_name: "stable_name" in relevantCategory ? (_a = relevantCategory.stable_name) != null ? _a : "" : "",
+      account_type: {
+        value: relevantCategory.id,
+        display_name: relevantCategory.display_name
+      }
+    };
+    return changeFormData(
+      "parent",
+      value,
+      lineItemIndex,
+      [
+        __spreadProps(__spreadValues({}, baseFields), {
+          name: relevantCategory.display_name,
+          sub_accounts: [],
+          balance: 0,
+          normality: "DEBIT" /* DEBIT */
+        })
+      ]
+    );
+  };
+  return /* @__PURE__ */ jsx209(Fragment33, { children: ["DEBIT", "CREDIT"].map((direction, idx) => {
     return /* @__PURE__ */ jsxs131(
       "div",
       {
@@ -19721,9 +19854,11 @@ var JournalFormEntryLines = ({
               className: "Layer__journal__form__input-group__title",
               size: "lg" /* lg */,
               children: [
-                "Add ",
+                "Add",
+                " ",
                 humanizeEnum(direction),
-                " Account"
+                " ",
+                "Account"
               ]
             }
           ),
@@ -19778,12 +19913,10 @@ var JournalFormEntryLines = ({
                               value: item.account_identifier.id,
                               label: item.account_identifier.name
                             },
-                            onChange: (sel) => changeFormData(
-                              "parent",
-                              sel,
-                              idx2,
-                              accountsData == null ? void 0 : accountsData.accounts
-                            ),
+                            onChange: (value) => handleChangeParent({
+                              lineItemIndex: idx2,
+                              value
+                            }),
                             isInvalid: Boolean(
                               (_d = form == null ? void 0 : form.errors) == null ? void 0 : _d.lineItems.find(
                                 (x) => x.id === idx2 && x.field === "account"
@@ -19841,7 +19974,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = useContext40(JournalContext);
+  } = useContext41(JournalContext);
   return /* @__PURE__ */ jsxs132(
     "form",
     {
@@ -19989,7 +20122,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = useContext41(JournalContext);
+  const { selectedEntryId } = useContext42(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ jsx211(JournalEntryDetails, {});
   }
@@ -19997,7 +20130,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-import React85, { useContext as useContext42, useEffect as useEffect43 } from "react";
+import { Fragment as Fragment34, useContext as useContext43, useEffect as useEffect43 } from "react";
 import { parseISO as parseISO14, format as formatTime12 } from "date-fns";
 import { jsx as jsx212, jsxs as jsxs133 } from "react/jsx-runtime";
 var accountName = (row) => {
@@ -20025,7 +20158,7 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext42(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext43(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   useEffect43(() => {
     if (data.length > 0) {
@@ -20035,7 +20168,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs133(React85.Fragment, { children: [
+    return /* @__PURE__ */ jsxs133(Fragment34, { children: [
       /* @__PURE__ */ jsxs133(
         TableRow,
         {
@@ -20117,7 +20250,7 @@ var JournalTableContent = ({
 
 // src/components/Journal/download/useJournalEntriesDownload.ts
 import useSWRMutation6 from "swr/mutation";
-function buildKey7({
+function buildKey8({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -20143,7 +20276,7 @@ function useJournalEntriesDownload({
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
   return useSWRMutation6(
-    () => buildKey7(__spreadProps(__spreadValues({}, auth), {
+    () => buildKey8(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
       endCutoff
@@ -20171,7 +20304,7 @@ function useJournalEntriesDownload({
 }
 
 // src/components/Journal/download/JournalEntriesDownloadButton.tsx
-import { Fragment as Fragment29, jsx as jsx213, jsxs as jsxs134 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx213, jsxs as jsxs134 } from "react/jsx-runtime";
 function JournalEntriesDownloadButton({
   startCutoff,
   endCutoff,
@@ -20183,7 +20316,7 @@ function JournalEntriesDownloadButton({
     endCutoff,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs134(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs134(Fragment35, { children: [
     /* @__PURE__ */ jsx213(
       DownloadButton,
       {
@@ -20220,8 +20353,8 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = useContext43(JournalContext);
-  const data = useMemo35(() => {
+  } = useContext44(JournalContext);
+  const data = useMemo37(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -20351,17 +20484,17 @@ var JournalContent = ({
 
 // src/components/Tasks/Tasks.tsx
 import {
-  createContext as createContext21,
-  useContext as useContext48,
+  createContext as createContext22,
+  useContext as useContext49,
   useEffect as useEffect46,
-  useMemo as useMemo41,
+  useMemo as useMemo43,
   useState as useState59
 } from "react";
 
 // src/contexts/TasksContext/TasksContext.tsx
-import { createContext as createContext20 } from "react";
+import { createContext as createContext21 } from "react";
 import { endOfYear as endOfYear4, startOfYear as startOfYear4 } from "date-fns";
-var TasksContext = createContext20({
+var TasksContext = createContext21({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
@@ -20384,7 +20517,7 @@ var TasksContext = createContext20({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-import { useEffect as useEffect44, useMemo as useMemo36, useState as useState56 } from "react";
+import { useEffect as useEffect44, useMemo as useMemo38, useState as useState56 } from "react";
 
 // src/types/tasks.ts
 var COMPLETED_TASK_TYPES = ["COMPLETED", "USER_MARKED_COMPLETED"];
@@ -20433,7 +20566,7 @@ var mockData = [
 ];
 
 // src/hooks/useTasks/useTasks.tsx
-import useSWR11 from "swr";
+import useSWR12 from "swr";
 import { endOfYear as endOfYear5, formatISO as formatISO3, getMonth as getMonth2, getYear as getYear2, parseISO as parseISO15, startOfYear as startOfYear5 } from "date-fns";
 var DEBUG_MODE = false;
 var useTasks = ({
@@ -20450,7 +20583,7 @@ var useTasks = ({
   });
   const [currentDate, setCurrentDate] = useState56(/* @__PURE__ */ new Date());
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `tasks-${businessId}-${dateRange.startDate}-${dateRange.endDate}`;
-  const { data, isLoading, isValidating, error, mutate } = useSWR11(
+  const { data, isLoading, isValidating, error, mutate } = useSWR12(
     queryKey,
     Layer.getTasks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -20460,7 +20593,7 @@ var useTasks = ({
       }
     })
   );
-  const monthlyData = useMemo36(() => {
+  const monthlyData = useMemo38(() => {
     if (data == null ? void 0 : data.data) {
       const grouped = data.data.reduce((acc, task) => {
         const effectiveDate = task.effective_date ? parseISO15(task.effective_date) : parseISO15(task.created_at);
@@ -20564,7 +20697,7 @@ var useTasks = ({
 };
 
 // src/components/TasksHeader/TasksHeader.tsx
-import { useContext as useContext44 } from "react";
+import { useContext as useContext45 } from "react";
 
 // src/icons/ProgressIcon.tsx
 import { jsx as jsx216, jsxs as jsxs136 } from "react/jsx-runtime";
@@ -20697,7 +20830,7 @@ var TasksHeader = ({
     error,
     dateRange,
     setDateRange
-  } = useContext44(TasksContext);
+  } = useContext45(TasksContext);
   const { business } = useLayerContext();
   const completedTasks = tasks == null ? void 0 : tasks.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === (tasks == null ? void 0 : tasks.length) ? ICONS.done : ICONS.pending;
@@ -20743,7 +20876,7 @@ var TasksHeader = ({
 };
 
 // src/components/TasksList/TasksList.tsx
-import { useContext as useContext46, useMemo as useMemo38, useState as useState58 } from "react";
+import { useContext as useContext47, useMemo as useMemo40, useState as useState58 } from "react";
 
 // src/icons/SmileIcon.tsx
 import { jsx as jsx218, jsxs as jsxs138 } from "react/jsx-runtime";
@@ -20802,9 +20935,9 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-import { useContext as useContext45, useEffect as useEffect45, useMemo as useMemo37, useState as useState57 } from "react";
+import { useContext as useContext46, useEffect as useEffect45, useMemo as useMemo39, useState as useState57 } from "react";
 import classNames69 from "classnames";
-import { Fragment as Fragment30, jsx as jsx219, jsxs as jsxs139 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx219, jsxs as jsxs139 } from "react/jsx-runtime";
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
@@ -20819,7 +20952,7 @@ var TasksListItem = ({
     uploadDocumentsForTask,
     deleteUploadsForTask,
     updateDocUploadTaskDescription
-  } = useContext45(TasksContext);
+  } = useContext46(TasksContext);
   const taskBodyClassName = classNames69(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
@@ -20836,7 +20969,7 @@ var TasksListItem = ({
   useEffect45(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  const uploadDocumentAction = useMemo37(() => {
+  const uploadDocumentAction = useMemo39(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -20851,7 +20984,7 @@ var TasksListItem = ({
             }
           );
         } else {
-          return /* @__PURE__ */ jsxs139(Fragment30, { children: [
+          return /* @__PURE__ */ jsxs139(Fragment36, { children: [
             /* @__PURE__ */ jsx219(
               Button,
               {
@@ -20966,7 +21099,7 @@ var TasksListItem = ({
 
 // src/components/TasksList/TasksList.tsx
 import { endOfMonth as endOfMonth14, isAfter, isBefore, parseISO as parseISO16, startOfMonth as startOfMonth16 } from "date-fns";
-import { Fragment as Fragment31, jsx as jsx220, jsxs as jsxs140 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx220, jsxs as jsxs140 } from "react/jsx-runtime";
 function paginateArray(array, chunkSize = 10) {
   const result = [];
   for (let i = 0; i < array.length; i += chunkSize) {
@@ -20984,8 +21117,8 @@ var TasksEmptyState = () => /* @__PURE__ */ jsxs140("div", { className: "Layer__
   ] })
 ] });
 var TasksList = ({ pageSize = 10 }) => {
-  const { data: rawData, error, currentDate } = useContext46(TasksContext);
-  const tasks = useMemo38(() => {
+  const { data: rawData, error, currentDate } = useContext47(TasksContext);
+  const tasks = useMemo40(() => {
     return rawData == null ? void 0 : rawData.filter((x) => {
       const d = x.effective_date ? parseISO16(x.effective_date) : parseISO16(x.created_at);
       return !isBefore(d, startOfMonth16(currentDate)) && !isAfter(d, endOfMonth14(currentDate));
@@ -20998,7 +21131,7 @@ var TasksList = ({ pageSize = 10 }) => {
   const [currentPage, setCurrentPage] = useState58(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
-  const sortedTasks = useMemo38(() => {
+  const sortedTasks = useMemo40(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return tasks == null ? void 0 : tasks.sort((x) => isComplete(x.status) ? 1 : -1).slice(firstPageIndex, lastPageIndex);
@@ -21013,7 +21146,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ jsx220("div", { className: "Layer__tasks-list", children: sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ jsxs140(Fragment31, { children: [
+  return /* @__PURE__ */ jsx220("div", { className: "Layer__tasks-list", children: sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ jsxs140(Fragment37, { children: [
     sortedTasks.map((task, index) => /* @__PURE__ */ jsx220(
       TasksListItem,
       {
@@ -21032,18 +21165,18 @@ var TasksList = ({ pageSize = 10 }) => {
         onPageChange: (page) => setCurrentPage(page)
       }
     ) })
-  ] }) : /* @__PURE__ */ jsx220(Fragment31, { children: error ? /* @__PURE__ */ jsx220(ErrorText, { children: "Approval failed. Check connection and retry in few seconds." }) : /* @__PURE__ */ jsx220(TasksEmptyState, {}) }) });
+  ] }) : /* @__PURE__ */ jsx220(Fragment37, { children: error ? /* @__PURE__ */ jsx220(ErrorText, { children: "Approval failed. Check connection and retry in few seconds." }) : /* @__PURE__ */ jsx220(TasksEmptyState, {}) }) });
 };
 
 // src/components/TasksPending/TasksPending.tsx
-import { useContext as useContext47, useMemo as useMemo39 } from "react";
+import { useContext as useContext48, useMemo as useMemo41 } from "react";
 import classNames70 from "classnames";
 import { endOfMonth as endOfMonth15, format as format6, isAfter as isAfter2, isBefore as isBefore2, parseISO as parseISO17, startOfMonth as startOfMonth17 } from "date-fns";
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart4 } from "recharts";
 import { jsx as jsx221, jsxs as jsxs141 } from "react/jsx-runtime";
 var TasksPending = () => {
-  const { data: rawData, currentDate } = useContext47(TasksContext);
-  const data = useMemo39(() => {
+  const { data: rawData, currentDate } = useContext48(TasksContext);
+  const data = useMemo41(() => {
     return rawData == null ? void 0 : rawData.filter((x) => {
       const d = x.effective_date ? parseISO17(x.effective_date) : parseISO17(x.created_at);
       return !isBefore2(d, startOfMonth17(currentDate)) && !isAfter2(d, endOfMonth15(currentDate));
@@ -21105,7 +21238,7 @@ var TasksPending = () => {
 };
 
 // src/components/TasksMonthSelector/TasksMonthSelector.tsx
-import { useMemo as useMemo40 } from "react";
+import { useMemo as useMemo42 } from "react";
 import { endOfMonth as endOfMonth16, format as format7, getMonth as getMonth3, getYear as getYear4, isAfter as isAfter3, isBefore as isBefore3, set, startOfMonth as startOfMonth18 } from "date-fns";
 
 // src/components/TasksMonthSelector/TaskMonthTile.tsx
@@ -21140,7 +21273,7 @@ var DEFAULT_TASK_DATA = {
 var isCurrentMonth = (monthDate, currentDate) => getMonth3(currentDate) === getMonth3(monthDate) && getYear4(currentDate) === getYear4(monthDate);
 var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
   const { business } = useLayerContext();
-  const minDate = useMemo40(() => {
+  const minDate = useMemo42(() => {
     if (business) {
       const date = getEarliestDateToBrowse(business);
       if (date) {
@@ -21149,7 +21282,7 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
     }
     return;
   }, [business]);
-  const months = useMemo40(() => {
+  const months = useMemo42(() => {
     return Array.from({ length: 12 }, (_, i) => {
       var _a;
       const startDate = set(
@@ -21190,8 +21323,8 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
 // src/components/Tasks/Tasks.tsx
 import classNames72 from "classnames";
 import { endOfYear as endOfYear7, getYear as getYear5, startOfYear as startOfYear7 } from "date-fns";
-import { Fragment as Fragment32, jsx as jsx224, jsxs as jsxs143 } from "react/jsx-runtime";
-var UseTasksContext = createContext21({
+import { Fragment as Fragment38, jsx as jsx224, jsxs as jsxs143 } from "react/jsx-runtime";
+var UseTasksContext = createContext22({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -21252,8 +21385,8 @@ var TasksComponent = ({
     currentDate,
     setCurrentDate,
     dateRange
-  } = useContext48(TasksContext);
-  const allComplete = useMemo41(() => {
+  } = useContext49(TasksContext);
+  const allComplete = useMemo43(() => {
     if (!data) {
       return void 0;
     }
@@ -21287,7 +21420,7 @@ var TasksComponent = ({
           "Layer__tasks__content",
           !open && "Layer__tasks__content--collapsed"
         ),
-        children: isLoading || !data ? /* @__PURE__ */ jsx224("div", { className: "Layer__tasks__loader-container", children: /* @__PURE__ */ jsx224(Loader2, {}) }) : /* @__PURE__ */ jsxs143(Fragment32, { children: [
+        children: isLoading || !data ? /* @__PURE__ */ jsx224("div", { className: "Layer__tasks__loader-container", children: /* @__PURE__ */ jsx224(Loader2, {}) }) : /* @__PURE__ */ jsxs143(Fragment38, { children: [
           /* @__PURE__ */ jsx224(
             TasksMonthSelector,
             {
@@ -21306,11 +21439,11 @@ var TasksComponent = ({
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-import { useContext as useContext49, useMemo as useMemo42 } from "react";
+import { useContext as useContext50, useMemo as useMemo44 } from "react";
 import { jsx as jsx225, jsxs as jsxs144 } from "react/jsx-runtime";
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
-  const content = useMemo42(() => {
+  const content = useMemo44(() => {
     if (inBox) {
       return /* @__PURE__ */ jsx225("div", { className: "Layer__link-accounts__box", children: /* @__PURE__ */ jsx225(LinkAccountsContent, __spreadValues({}, props)) });
     }
@@ -21330,7 +21463,7 @@ var LinkAccountsContent = ({
   onNext
 }) => {
   var _a;
-  const { data, loadingStatus, error, refetchAccounts, addConnection } = useContext49(LinkedAccountsContext);
+  const { data, loadingStatus, error, refetchAccounts, addConnection } = useContext50(LinkedAccountsContext);
   return /* @__PURE__ */ jsxs144("div", { className: "Layer__link-accounts Layer__component", children: [
     title && /* @__PURE__ */ jsx225(Heading, { size: "view" /* view */, children: title }),
     data && data.length === 0 ? /* @__PURE__ */ jsxs144("div", { className: "Layer__link-accounts__data-status-container", children: [
@@ -21612,7 +21745,7 @@ var BookkeepingOverview = ({
 import { useState as useState62 } from "react";
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import { useContext as useContext50, useEffect as useEffect47, useState as useState61 } from "react";
+import { useContext as useContext51, useEffect as useEffect47, useState as useState61 } from "react";
 
 // src/components/BadgeLoader/BadgeLoader.tsx
 import { jsx as jsx230, jsxs as jsxs148 } from "react/jsx-runtime";
@@ -21634,7 +21767,7 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = useContext50(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = useContext51(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
   const [toReview, setToReview] = useState61(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
@@ -21956,7 +22089,7 @@ var GeneralLedgerView = ({
 // src/views/ProjectProfitability/ProjectProfitability.tsx
 import { useState as useState64 } from "react";
 import Select4 from "react-select";
-import { Fragment as Fragment33, jsx as jsx235, jsxs as jsxs153 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx235, jsxs as jsxs153 } from "react/jsx-runtime";
 var ProjectProfitabilityView = ({
   valueOptions,
   showTitle,
@@ -22029,7 +22162,7 @@ var ProjectProfitabilityView = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx235(Container, { name: "project", children: /* @__PURE__ */ jsxs153(Fragment33, { children: [
+        /* @__PURE__ */ jsx235(Container, { name: "project", children: /* @__PURE__ */ jsxs153(Fragment39, { children: [
           activeTab === "overview" && /* @__PURE__ */ jsx235(
             AccountingOverview,
             {
@@ -22067,7 +22200,7 @@ var ProjectProfitabilityView = ({
 
 // src/views/Reports/Reports.tsx
 import { useState as useState65 } from "react";
-import { Fragment as Fragment34, jsx as jsx236, jsxs as jsxs154 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx236, jsxs as jsxs154 } from "react/jsx-runtime";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -22138,7 +22271,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ jsxs154(Fragment34, { children: [
+  return /* @__PURE__ */ jsxs154(Fragment40, { children: [
     openReport === "profitAndLoss" && /* @__PURE__ */ jsx236(
       ProfitAndLoss.Report,
       __spreadValues({
@@ -22159,8 +22292,8 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-import { useContext as useContext51, useRef as useRef23 } from "react";
-import { Fragment as Fragment35, jsx as jsx237, jsxs as jsxs155 } from "react/jsx-runtime";
+import { useContext as useContext52, useRef as useRef23 } from "react";
+import { Fragment as Fragment41, jsx as jsx237, jsxs as jsxs155 } from "react/jsx-runtime";
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
   const containerRef = useRef23(null);
@@ -22174,7 +22307,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = useContext51(ProfitAndLoss.Context);
+  const { sidebarScope } = useContext52(ProfitAndLoss.Context);
   return /* @__PURE__ */ jsxs155(
     Panel,
     {
@@ -22205,7 +22338,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = useContext51(
+  const { error, isLoading, isValidating, refetch } = useContext52(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
@@ -22220,7 +22353,7 @@ var Components = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs155(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs155(Fragment41, { children: [
     !hideChart && /* @__PURE__ */ jsxs155("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries`, children: [
       /* @__PURE__ */ jsxs155(
         "div",