@layerfi/components 0.1.87 → 0.1.88-alpha.1

package/dist/cjs/index.cjs

@@ -119,7 +119,7 @@ var import_react16 = require("react");
 var import_react14 = require("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 {
@@ -341,7 +341,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(
@@ -2464,10 +2467,13 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 function startOfNextDay(date) {
   return (0, import_date_fns2.startOfDay)((0, import_date_fns2.addDays)(date, 1));
 }
+function clampToPresentOrPast(date, cutoff = (0, import_date_fns2.endOfDay)(/* @__PURE__ */ new Date())) {
+  return (0, import_date_fns2.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 });
   };
 }
@@ -2478,14 +2484,14 @@ var RANGE_MODE_LOOKUP = {
       const fullDayCount = (0, import_date_fns2.differenceInDays)(shiftedCurrentEnd, currentStart);
       return (0, import_date_fns2.subDays)(shiftedNewEnd, fullDayCount);
     }),
-    getEnd: ({ end }) => end
+    getEnd: ({ end }) => clampToPresentOrPast((0, import_date_fns2.endOfDay)(end))
   },
   monthPicker: {
     getStart: ({ start }) => (0, import_date_fns2.startOfMonth)(start),
     getShiftedStart: withShiftedEnd(({ shiftedNewEnd }) => {
       return (0, import_date_fns2.subMonths)(shiftedNewEnd, 1);
     }),
-    getEnd: ({ end }) => (0, import_date_fns2.endOfMonth)(end)
+    getEnd: ({ end }) => clampToPresentOrPast((0, import_date_fns2.endOfMonth)(end))
   },
   monthRangePicker: {
     getStart: ({ start }) => (0, import_date_fns2.startOfMonth)(start),
@@ -2493,14 +2499,14 @@ var RANGE_MODE_LOOKUP = {
       const fullMonthCount = (0, import_date_fns2.differenceInMonths)(shiftedCurrentEnd, currentStart);
       return (0, import_date_fns2.subMonths)(shiftedNewEnd, fullMonthCount);
     }),
-    getEnd: ({ end }) => (0, import_date_fns2.endOfMonth)(end)
+    getEnd: ({ end }) => clampToPresentOrPast((0, import_date_fns2.endOfMonth)(end))
   },
   yearPicker: {
     getStart: ({ start }) => (0, import_date_fns2.startOfYear)(start),
     getShiftedStart: withShiftedEnd(({ shiftedNewEnd }) => {
       return (0, import_date_fns2.subYears)(shiftedNewEnd, 1);
     }),
-    getEnd: ({ end }) => (0, import_date_fns2.endOfYear)(end)
+    getEnd: ({ end }) => clampToPresentOrPast((0, import_date_fns2.endOfYear)(end))
   }
 };
 function withCorrectedRange(fn) {
@@ -2517,29 +2523,29 @@ function buildStore() {
   return (0, import_zustand2.createStore)((set2, get2) => {
     const setRange = withCorrectedRange(({ start, end }) => {
       set2({
-        start: (0, import_date_fns2.startOfDay)(start),
-        end: (0, import_date_fns2.endOfDay)(end),
+        start: RANGE_MODE_LOOKUP.dayRangePicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.dayRangePicker.getEnd({ end }),
         rangeDisplayMode: "dayRangePicker"
       });
     });
     const setMonth = ({ start }) => {
       set2({
-        start: (0, import_date_fns2.startOfMonth)(start),
-        end: (0, import_date_fns2.endOfMonth)(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: (0, import_date_fns2.startOfMonth)(start),
-        end: (0, import_date_fns2.endOfMonth)(end),
+        start: RANGE_MODE_LOOKUP.monthRangePicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.monthRangePicker.getEnd({ end }),
         rangeDisplayMode: "monthRangePicker"
       });
     });
     const setYear = ({ start }) => {
       set2({
-        start: (0, import_date_fns2.startOfMonth)(start),
-        end: (0, import_date_fns2.endOfMonth)(start),
+        start: RANGE_MODE_LOOKUP.yearPicker.getStart({ start }),
+        end: RANGE_MODE_LOOKUP.yearPicker.getEnd({ end: start }),
         rangeDisplayMode: "yearPicker"
       });
     };
@@ -2567,7 +2573,7 @@ function buildStore() {
     };
     return {
       start: (0, import_date_fns2.startOfMonth)(now),
-      end: (0, import_date_fns2.endOfMonth)(now),
+      end: clampToPresentOrPast((0, import_date_fns2.endOfMonth)(now)),
       displayMode: "dayPicker",
       rangeDisplayMode: "monthPicker",
       actions: {
@@ -2577,7 +2583,7 @@ function buildStore() {
             end: currentEnd,
             rangeDisplayMode: currentRangeDisplayMode
           }) => {
-            const newEnd = (0, import_date_fns2.endOfDay)(date);
+            const newEnd = RANGE_MODE_LOOKUP.dayRangePicker.getEnd({ end: date });
             return {
               start: RANGE_MODE_LOOKUP[currentRangeDisplayMode].getShiftedStart({
                 currentStart,
@@ -3214,11 +3220,11 @@ var Loader_default = Loader;
 var import_react22 = require("react");
 
 // src/components/Tooltip/useTooltip.ts
-var import_react20 = __toESM(require("react"));
+var import_react20 = require("react");
 var import_react21 = require("@floating-ui/react");
-var TooltipContext = import_react20.default.createContext(null);
+var TooltipContext = (0, import_react20.createContext)(null);
 var useTooltipContext = () => {
-  const context = import_react20.default.useContext(TooltipContext);
+  const context = (0, import_react20.useContext)(TooltipContext);
   if (context == null) {
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
   }
@@ -3271,7 +3277,7 @@ var useTooltip = ({
     },
     duration: 300
   });
-  return import_react20.default.useMemo(
+  return (0, import_react20.useMemo)(
     () => __spreadValues(__spreadValues({
       open,
       setOpen,
@@ -5670,7 +5676,8 @@ function LinkedAccountToConfirm({
     /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(VStack, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Heading2, { level: 3, size: "sm", children: account.external_account_name }),
       /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(P, { slot: "mask", children: [
-        "\u2022\u2022\u2022 ",
+        "\u2022\u2022\u2022",
+        " ",
         account.mask
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(P, { slot: "institution", children: account.institution.name })
@@ -7669,7 +7676,7 @@ var ActionableList = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "Layer__actionable-list__content", children: [
           /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(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__ */ (0, import_jsx_runtime97.jsx)(
             Text,
             {
@@ -7702,20 +7709,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
       }
@@ -7730,7 +7737,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))
@@ -7750,7 +7757,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)) {
@@ -7873,16 +7880,16 @@ var import_classnames33 = __toESM(require("classnames"));
 var import_date_fns9 = require("date-fns");
 var import_jsx_runtime100 = require("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
     }
@@ -7896,7 +7903,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
     }
@@ -7909,7 +7916,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
     }
   };
 };
@@ -7983,7 +7991,8 @@ var allCategoriesDivider = [
         payload: {
           id: "all_categories",
           option_type: "hidden" /* HIDDEN */,
-          display_name: "ALL CATEGORIES"
+          display_name: "ALL CATEGORIES",
+          subCategories: null
         }
       }
     ]
@@ -8029,7 +8038,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
           }
         };
       })
@@ -9187,7 +9197,7 @@ var ExpandedBankTransactionRow = (0, import_react59.forwardRef)(
     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] = (0, import_react59.useState)({
       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)
@@ -10816,7 +10826,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] = (0, import_react66.useState)({
     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)
@@ -11229,7 +11239,7 @@ var BankTransactionMobileListItem = ({
   const itemRef = (0, import_react69.useRef)(null);
   const [removeAnim, setRemoveAnim] = (0, import_react69.useState)(false);
   const [purpose, setPurpose] = (0, import_react69.useState)(
-    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] = (0, import_react69.useState)(isFirstItem);
   const [showComponent, setShowComponent] = (0, import_react69.useState)(!initialLoad);
@@ -11462,7 +11472,7 @@ var SkeletonTableLoader = ({
       {
         colSpan: col.colSpan,
         className: "Layer__skeleton-loader__row",
-        children: col.colComponent ? col.colComponent : col.parts && col.parts > 1 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "Layer__skeleton-loader__row__group", children: [...Array(col.parts)].map((_part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        children: col.colComponent ? col.colComponent : col.parts && col.parts > 1 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "Layer__skeleton-loader__row__group", children: Array(col.parts).map((_part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           SkeletonLoader,
           {
             width: "100%",
@@ -15596,7 +15606,7 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_react101 = __toESM(require("react"));
+var import_react101 = require("react");
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
 var import_react99 = require("react");
@@ -15922,7 +15932,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__ */ (0, import_jsx_runtime177.jsxs)(import_react101.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_react101.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
         TableRow,
         {
@@ -15956,7 +15966,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Table, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableHead, { children: compareOptions && compareOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true }),
-      compareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_react101.default.Fragment, { children: [
+      compareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_react101.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option + "-" + i),
         compareMonths && Array.from({ length: compareMonths - 1 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true }, option + "-" + index))
       ] }, option + "-" + i))
@@ -15964,10 +15974,10 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(TableBody, { children: [
       compareMonths && /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true }),
-        compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react101.default.Fragment, { children: generatComparisonMonths(
+        compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react101.Fragment, { children: generatComparisonMonths(
           dateRange.startDate,
           compareMonths
-        ).map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true, children: month }, option + "-" + index)) }, option + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react101.default.Fragment, { children: generatComparisonMonths(
+        ).map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true, children: month }, option + "-" + index)) }, option + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react101.Fragment, { children: generatComparisonMonths(
           dateRange.startDate,
           compareMonths
         ).map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TableCell, { isHeaderCell: true, children: month }, "total-" + index + "-cell")) }, "total-1")
@@ -15998,7 +16008,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_react102 = __toESM(require("react"));
+var import_react102 = require("react");
 
 // src/icons/PieChart.tsx
 var import_jsx_runtime178 = require("react/jsx-runtime");
@@ -16119,7 +16129,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__ */ (0, import_jsx_runtime179.jsxs)(import_react102.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_react102.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
         TableRow,
         {
@@ -16229,8 +16239,8 @@ var ProfitAndLossTableComponent = ({
       void 0,
       "summation"
     ),
-    data.personal_expenses ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react102.default.Fragment, { children: renderLineItem(data.personal_expenses, 0, "personal_expenses", 7) }) : null,
-    data.other_outflows ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react102.default.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
   ] }) });
 };
 
@@ -16416,7 +16426,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react108 = __toESM(require("react"));
+var import_react108 = require("react");
 var import_jsx_runtime184 = require("react/jsx-runtime");
 var BalanceSheetTable = ({
   data,
@@ -16440,7 +16450,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react108.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react108.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
         TableRow,
         {
@@ -16491,7 +16501,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(import_react108.default.Fragment, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(import_react108.Fragment, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -16531,7 +16541,7 @@ function useInvisibleDownload() {
   const invisibleDownloadRef = (0, import_react109.useRef)(null);
   const triggerInvisibleDownload = (0, import_react109.useCallback)((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 };
 }
@@ -16758,7 +16768,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react112 = __toESM(require("react"));
+var import_react112 = require("react");
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var StatementOfCashFlowTable = ({
   data,
@@ -16769,7 +16779,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__ */ (0, import_jsx_runtime188.jsxs)(import_react112.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(import_react112.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
         TableRow,
         {
@@ -16821,7 +16831,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_react112.default.Fragment, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_react112.Fragment, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -18021,7 +18031,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react120 = __toESM(require("react"));
+var import_react120 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime196 = require("react/jsx-runtime");
@@ -18111,7 +18121,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(import_react120.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(import_react120.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(
         TableRow,
         {
@@ -18400,18 +18410,18 @@ var import_react122 = require("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) => {
@@ -19227,7 +19237,7 @@ var useJournal = () => {
     setForm({
       action: "new",
       data: {
-        entry_at: "",
+        entry_at: (/* @__PURE__ */ new Date()).toISOString(),
         created_by: "Test API Integration",
         memo: "",
         line_items: [
@@ -19654,7 +19664,56 @@ var import_react130 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
 var import_react129 = require("react");
+
+// src/hooks/categories/useAllCategories.ts
+var import_swr12 = __toESM(require("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 (0, import_swr12.default)(
+    () => 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
 var import_jsx_runtime209 = require("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,
@@ -19663,9 +19722,82 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react129.useContext)(ChartOfAccountsContext);
+  const { data } = useAllCategories();
   const { form } = (0, import_react129.useContext)(JournalContext);
-  const parentOptions = useParentOptions(accountsData);
+  const { flattenedCategories, parentOptions } = (0, import_react129.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime209.jsx)(import_jsx_runtime209.Fragment, { children: ["DEBIT", "CREDIT"].map((direction, idx) => {
     return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
       "div",
@@ -19678,9 +19810,11 @@ var JournalFormEntryLines = ({
               className: "Layer__journal__form__input-group__title",
               size: "lg" /* lg */,
               children: [
-                "Add ",
+                "Add",
+                " ",
                 humanizeEnum(direction),
-                " Account"
+                " ",
+                "Account"
               ]
             }
           ),
@@ -19735,12 +19869,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"
@@ -19954,7 +20086,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react132 = __toESM(require("react"));
+var import_react132 = require("react");
 var import_date_fns35 = require("date-fns");
 var import_jsx_runtime212 = require("react/jsx-runtime");
 var accountName = (row) => {
@@ -19992,7 +20124,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__ */ (0, import_jsx_runtime212.jsxs)(import_react132.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react132.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
         TableRow,
         {
@@ -20074,7 +20206,7 @@ var JournalTableContent = ({
 
 // src/components/Journal/download/useJournalEntriesDownload.ts
 var import_mutation6 = __toESM(require("swr/mutation"));
-function buildKey7({
+function buildKey8({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -20100,7 +20232,7 @@ function useJournalEntriesDownload({
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
   return (0, import_mutation6.default)(
-    () => buildKey7(__spreadProps(__spreadValues({}, auth), {
+    () => buildKey8(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
       endCutoff
@@ -20384,7 +20516,7 @@ var mockData = [
 ];
 
 // src/hooks/useTasks/useTasks.tsx
-var import_swr12 = __toESM(require("swr"));
+var import_swr13 = __toESM(require("swr"));
 var import_date_fns37 = require("date-fns");
 var DEBUG_MODE = false;
 var useTasks = ({
@@ -20401,7 +20533,7 @@ var useTasks = ({
   });
   const [currentDate, setCurrentDate] = (0, import_react135.useState)(/* @__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 } = (0, import_swr12.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr13.default)(
     queryKey,
     Layer.getTasks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {