@layerfi/components 0.1.49 → 0.1.51

package/dist/index.js

@@ -4813,25 +4813,20 @@ var allCategoriesDivider = [
   }
 ];
 function flattenCategories2(categories) {
-  const categoryOptions = (categories || []).flatMap((category) => {
-    if (category?.subCategories && category?.subCategories?.length > 0) {
-      if (category?.subCategories?.every((c) => c.subCategories === void 0)) {
-        return [
-          {
-            label: category.display_name,
-            options: category.subCategories.map((x) => mapCategoryToOption2(x))
-          }
-        ];
-      }
-      return flattenCategories2(category.subCategories);
+  function getLeafCategories(category) {
+    if (!category.subCategories || category.subCategories.length === 0) {
+      return [category];
     }
-    const resultOption = {
-      label: category.display_name,
-      options: [mapCategoryToOption2(category)]
-    };
-    return [resultOption];
-  });
-  return categoryOptions;
+    return category.subCategories.flatMap((subCategory) => getLeafCategories(subCategory));
+  }
+  return categories.map(
+    (category) => {
+      return {
+        label: category.display_name,
+        options: getLeafCategories(category).map((x) => mapCategoryToOption2(x))
+      };
+    }
+  );
 }
 var CategorySelect = ({
   bankTransaction,
@@ -8730,7 +8725,7 @@ var Quickbooks = () => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react117 = __toESM(require("react"));
+var import_react118 = __toESM(require("react"));
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
 var import_react99 = require("react");
@@ -10876,11 +10871,8 @@ var ProfitAndLossSummaries = ({
   );
 };
 
-// src/components/ProfitAndLossTable/ProfitAndLossTable.tsx
-var import_react116 = __toESM(require("react"));
-
-// src/hooks/useTableExpandRow/useTableExpandRow.tsx
-var import_react110 = require("react");
+// src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
+var import_react117 = __toESM(require("react"));
 
 // src/contexts/TableContext/TableContext.tsx
 var import_react109 = __toESM(require("react"));
@@ -10922,7 +10914,11 @@ var TableProvider = ({ children }) => {
   return /* @__PURE__ */ import_react109.default.createElement(TableContext.Provider, { value: contextValue }, children);
 };
 
+// src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
+var import_react116 = __toESM(require("react"));
+
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
+var import_react110 = require("react");
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -11172,9 +11168,12 @@ var empty_profit_and_loss_report_default = {
   fully_categorized: false
 };
 
-// src/components/ProfitAndLossTable/ProfitAndLossTable.tsx
+// src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
 var import_classnames49 = __toESM(require("classnames"));
-var ProfitAndLossTable = ({ asContainer, stringOverrides }) => {
+var ProfitAndLossTableComponent = ({
+  asContainer,
+  stringOverrides
+}) => {
   const {
     data: actualData,
     isLoading,
@@ -11296,12 +11295,17 @@ var ProfitAndLossTable = ({ asContainer, stringOverrides }) => {
     void 0,
     void 0,
     "summation"
-  ), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6), renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null));
+  ), data.personal_expenses ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null, data.other_outflows ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6)) : null));
+};
+
+// src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
+var ProfitAndLossTableWithProvider = (props) => {
+  return /* @__PURE__ */ import_react117.default.createElement(TableProvider, null, /* @__PURE__ */ import_react117.default.createElement(ProfitAndLossTableComponent, { ...props }));
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_date_fns22 = require("date-fns");
-var PNLContext = (0, import_react117.createContext)({
+var PNLContext = (0, import_react118.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -11337,21 +11341,21 @@ var ProfitAndLoss = ({
   asContainer = true
 }) => {
   const contextData = useProfitAndLoss({ tagFilter, reportingBasis });
-  return /* @__PURE__ */ import_react117.default.createElement(PNLContext.Provider, { value: contextData }, asContainer ? /* @__PURE__ */ import_react117.default.createElement(Container, { name: "profit-and-loss" }, children) : children);
+  return /* @__PURE__ */ import_react118.default.createElement(PNLContext.Provider, { value: contextData }, asContainer ? /* @__PURE__ */ import_react118.default.createElement(Container, { name: "profit-and-loss" }, children) : children);
 };
 ProfitAndLoss.Chart = ProfitAndLossChart;
 ProfitAndLoss.Context = PNLContext;
 ProfitAndLoss.DatePicker = ProfitAndLossDatePicker;
 ProfitAndLoss.Summaries = ProfitAndLossSummaries;
-ProfitAndLoss.Table = ProfitAndLossTable;
+ProfitAndLoss.Table = ProfitAndLossTableWithProvider;
 ProfitAndLoss.DetailedCharts = ProfitAndLossDetailedCharts;
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-var import_react126 = __toESM(require("react"));
+var import_react127 = __toESM(require("react"));
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
-var import_react118 = require("react");
-var BalanceSheetContext = (0, import_react118.createContext)({
+var import_react119 = require("react");
+var BalanceSheetContext = (0, import_react119.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -11360,7 +11364,7 @@ var BalanceSheetContext = (0, import_react118.createContext)({
 });
 
 // src/hooks/useBalanceSheet/useBalanceSheet.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 var import_date_fns23 = require("date-fns");
 var import_swr5 = __toESM(require("swr"));
 var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
@@ -11379,12 +11383,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   const refetch = () => {
     mutate();
   };
-  (0, import_react119.useEffect)(() => {
+  (0, import_react120.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("BALANCE_SHEET" /* BALANCE_SHEET */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react119.useEffect)(() => {
+  (0, import_react120.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -11393,12 +11397,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
 };
 
 // src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
-var import_react120 = __toESM(require("react"));
+var import_react121 = __toESM(require("react"));
 var BalanceSheetDatePicker = ({
   effectiveDate,
   setEffectiveDate
 }) => {
-  return /* @__PURE__ */ import_react120.default.createElement(import_react120.default.Fragment, null, /* @__PURE__ */ import_react120.default.createElement(
+  return /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
     DatePicker,
     {
       selected: effectiveDate,
@@ -11409,14 +11413,14 @@ var BalanceSheetDatePicker = ({
 };
 
 // src/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton.tsx
-var import_react121 = __toESM(require("react"));
+var import_react122 = __toESM(require("react"));
 var BalanceSheetExpandAllButton = () => {
   const { expandedAllRows, toggleAllRows } = useTableExpandRow();
-  return /* @__PURE__ */ import_react121.default.createElement(Button, { onClick: () => toggleAllRows(), variant: "secondary" /* secondary */ }, !expandedAllRows ? "Expand all rows" : "Collapse all rows");
+  return /* @__PURE__ */ import_react122.default.createElement(Button, { onClick: () => toggleAllRows(), variant: "secondary" /* secondary */ }, !expandedAllRows ? "Expand all rows" : "Collapse all rows");
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react122 = __toESM(require("react"));
+var import_react123 = __toESM(require("react"));
 var BalanceSheetTable = ({
   data,
   config,
@@ -11424,12 +11428,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  (0, import_react122.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  (0, import_react122.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -11439,7 +11443,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ import_react122.default.createElement(import_react122.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react122.default.createElement(
+    return /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react123.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -11449,8 +11453,8 @@ var BalanceSheetTable = ({
         depth,
         withDivider: depth === 0 && rowIndex > 0
       },
-      /* @__PURE__ */ import_react122.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ import_react122.default.createElement(
+      /* @__PURE__ */ import_react123.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ import_react123.default.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -11465,18 +11469,18 @@ var BalanceSheetTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), showChildren && expandable && /* @__PURE__ */ import_react122.default.createElement(
+    ), showChildren && expandable && /* @__PURE__ */ import_react123.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ import_react122.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ import_react122.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
+      /* @__PURE__ */ import_react123.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ import_react123.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react122.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react122.default.createElement(TableHead, null, /* @__PURE__ */ import_react122.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react122.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react122.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react122.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react122.default.createElement(import_react122.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+  return /* @__PURE__ */ import_react123.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react123.default.createElement(TableHead, null, /* @__PURE__ */ import_react123.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react123.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react123.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react123.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
     data[row.lineItem],
     0,
     row.lineItem,
@@ -11485,16 +11489,16 @@ var BalanceSheetTable = ({
 };
 
 // src/components/View/View.tsx
-var import_react125 = __toESM(require("react"));
+var import_react126 = __toESM(require("react"));
 
 // src/components/ViewHeader/ViewHeader.tsx
-var import_react123 = __toESM(require("react"));
+var import_react124 = __toESM(require("react"));
 var ViewHeader = ({ title, controls }) => {
-  return /* @__PURE__ */ import_react123.default.createElement("div", { className: "Layer__view-header" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "Layer__view-header__content" }, title && /* @__PURE__ */ import_react123.default.createElement(Heading, null, title), controls && /* @__PURE__ */ import_react123.default.createElement("div", { className: "Layer__view-header__controls" }, controls)));
+  return /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header__content" }, title && /* @__PURE__ */ import_react124.default.createElement(Heading, null, title), controls && /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header__controls" }, controls)));
 };
 
 // src/components/Panel/Panel.tsx
-var import_react124 = __toESM(require("react"));
+var import_react125 = __toESM(require("react"));
 var import_classnames50 = __toESM(require("classnames"));
 var Panel = ({
   children,
@@ -11505,8 +11509,8 @@ var Panel = ({
   parentRef,
   defaultSidebarHeight = false
 }) => {
-  const [sidebarHeight, setSidebarHeight] = (0, import_react124.useState)(0);
-  (0, import_react124.useEffect)(() => {
+  const [sidebarHeight, setSidebarHeight] = (0, import_react125.useState)(0);
+  (0, import_react125.useEffect)(() => {
     if (parentRef?.current?.offsetHeight) {
       setSidebarHeight(parentRef?.current?.offsetHeight - 1);
     }
@@ -11515,7 +11519,7 @@ var Panel = ({
     "Layer__panel__sidebar",
     defaultSidebarHeight && "Layer__panel__sidebar--default"
   );
-  return /* @__PURE__ */ import_react124.default.createElement(
+  return /* @__PURE__ */ import_react125.default.createElement(
     "div",
     {
       className: (0, import_classnames50.default)(
@@ -11524,8 +11528,8 @@ var Panel = ({
         sidebarIsOpen && "Layer__panel--open"
       )
     },
-    /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__panel__content" }, header, children),
-    sidebar && /* @__PURE__ */ import_react124.default.createElement(
+    /* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__panel__content" }, header, children),
+    sidebar && /* @__PURE__ */ import_react125.default.createElement(
       "div",
       {
         className: sidebarClass,
@@ -11533,7 +11537,7 @@ var Panel = ({
           maxHeight: sidebarHeight > 0 && sidebarIsOpen ? sidebarHeight : 0
         } : {}
       },
-      /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__panel__sidebar-content" }, sidebar)
+      /* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__panel__sidebar-content" }, sidebar)
     )
   );
 };
@@ -11556,7 +11560,7 @@ var View = ({
     type === "panel" && "Layer__view--panel",
     viewClassName
   );
-  return /* @__PURE__ */ import_react125.default.createElement("div", { className: viewClassNames, style: { ...styles } }, /* @__PURE__ */ import_react125.default.createElement(ViewHeader, { title, controls: headerControls }), withSidebar ? /* @__PURE__ */ import_react125.default.createElement(Panel, { sidebarIsOpen: true, sidebar, defaultSidebarHeight: true }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__view-main" }, children)) : /* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__view-main" }, children));
+  return /* @__PURE__ */ import_react126.default.createElement("div", { className: viewClassNames, style: { ...styles } }, /* @__PURE__ */ import_react126.default.createElement(ViewHeader, { title, controls: headerControls }), withSidebar ? /* @__PURE__ */ import_react126.default.createElement(Panel, { sidebarIsOpen: true, sidebar, defaultSidebarHeight: true }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "Layer__view-main" }, children)) : /* @__PURE__ */ import_react126.default.createElement("div", { className: "Layer__view-main" }, children));
 };
 
 // src/components/BalanceSheet/constants.ts
@@ -11578,7 +11582,7 @@ var import_date_fns24 = require("date-fns");
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ import_react126.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react126.default.createElement(
+  return /* @__PURE__ */ import_react127.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react127.default.createElement(
     BalanceSheetView,
     {
       asWidget: props.asWidget,
@@ -11592,9 +11596,9 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = (0, import_react126.useState)((0, import_date_fns24.startOfDay)(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = (0, import_react127.useState)((0, import_date_fns24.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     const d1 = effectiveDate && (0, import_date_fns24.format)((0, import_date_fns24.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
     const d2 = data?.effective_date && (0, import_date_fns24.format)(
       (0, import_date_fns24.startOfDay)(
@@ -11607,19 +11611,19 @@ var BalanceSheetView = ({
     }
   }, [effectiveDate]);
   if (asWidget) {
-    return /* @__PURE__ */ import_react126.default.createElement(TableProvider, null, /* @__PURE__ */ import_react126.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react126.default.createElement(
+    return /* @__PURE__ */ import_react127.default.createElement(TableProvider, null, /* @__PURE__ */ import_react127.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react127.default.createElement(
       View,
       {
         type: "panel",
-        headerControls: /* @__PURE__ */ import_react126.default.createElement(import_react126.default.Fragment, null, /* @__PURE__ */ import_react126.default.createElement(
+        headerControls: /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(
           BalanceSheetDatePicker,
           {
             effectiveDate,
             setEffectiveDate
           }
-        ), withExpandAllButton && /* @__PURE__ */ import_react126.default.createElement(BalanceSheetExpandAllButton, null))
+        ), withExpandAllButton && /* @__PURE__ */ import_react127.default.createElement(BalanceSheetExpandAllButton, null))
       },
-      !data || isLoading ? /* @__PURE__ */ import_react126.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react126.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react126.default.createElement(
+      !data || isLoading ? /* @__PURE__ */ import_react127.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react127.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react127.default.createElement(
         BalanceSheetTable,
         {
           data,
@@ -11629,19 +11633,19 @@ var BalanceSheetView = ({
       )
     )));
   }
-  return /* @__PURE__ */ import_react126.default.createElement(TableProvider, null, /* @__PURE__ */ import_react126.default.createElement(
+  return /* @__PURE__ */ import_react127.default.createElement(TableProvider, null, /* @__PURE__ */ import_react127.default.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ import_react126.default.createElement(import_react126.default.Fragment, null, /* @__PURE__ */ import_react126.default.createElement(
+      headerControls: /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(
         BalanceSheetDatePicker,
         {
           effectiveDate,
           setEffectiveDate
         }
-      ), withExpandAllButton && /* @__PURE__ */ import_react126.default.createElement(BalanceSheetExpandAllButton, null))
+      ), withExpandAllButton && /* @__PURE__ */ import_react127.default.createElement(BalanceSheetExpandAllButton, null))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react126.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react126.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react126.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react127.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react127.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react127.default.createElement(
       BalanceSheetTable,
       {
         data,
@@ -11653,11 +11657,11 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-var import_react130 = __toESM(require("react"));
+var import_react131 = __toESM(require("react"));
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
-var import_react127 = require("react");
-var StatementOfCashFlowContext = (0, import_react127.createContext)({
+var import_react128 = require("react");
+var StatementOfCashFlowContext = (0, import_react128.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -11666,7 +11670,7 @@ var StatementOfCashFlowContext = (0, import_react127.createContext)({
 });
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-var import_react128 = require("react");
+var import_react129 = require("react");
 var import_date_fns25 = require("date-fns");
 var import_swr6 = __toESM(require("swr"));
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
@@ -11690,12 +11694,12 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
   const refetch = () => {
     mutate();
   };
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -11704,7 +11708,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react129 = __toESM(require("react"));
+var import_react130 = __toESM(require("react"));
 var StatementOfCashFlowTable = ({
   data,
   config,
@@ -11714,7 +11718,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__ */ import_react129.default.createElement(import_react129.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react129.default.createElement(
+    return /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react130.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -11723,8 +11727,8 @@ var StatementOfCashFlowTable = ({
         handleExpand: () => setIsOpen(rowKey),
         depth
       },
-      /* @__PURE__ */ import_react129.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ import_react129.default.createElement(
+      /* @__PURE__ */ import_react130.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ import_react130.default.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -11739,27 +11743,27 @@ var StatementOfCashFlowTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), expanded && expandable && /* @__PURE__ */ import_react129.default.createElement(
+    ), expanded && expandable && /* @__PURE__ */ import_react130.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ import_react129.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ import_react129.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
+      /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react129.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react129.default.createElement(TableHead, null, /* @__PURE__ */ import_react129.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react129.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react129.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react129.default.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ import_react130.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react130.default.createElement(TableHead, null, /* @__PURE__ */ import_react130.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react130.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react130.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react130.default.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
-      return /* @__PURE__ */ import_react129.default.createElement(import_react129.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+      return /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
         0,
         row.lineItem ? row.lineItem : "",
         idx
       ));
     } else {
-      return /* @__PURE__ */ import_react129.default.createElement(TableRow, { rowKey: row.name + "-" + idx, variant: "default" }, /* @__PURE__ */ import_react129.default.createElement(TableCell, { primary: true }, row.displayName), /* @__PURE__ */ import_react129.default.createElement(TableCell, { primary: true, isCurrency: true }, row.lineItem));
+      return /* @__PURE__ */ import_react130.default.createElement(TableRow, { rowKey: row.name + "-" + idx, variant: "default" }, /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true }, row.displayName), /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true, isCurrency: true }, row.lineItem));
     }
   })));
 };
@@ -11808,13 +11812,13 @@ var import_date_fns26 = require("date-fns");
 var COMPONENT_NAME4 = "statement-of-cash-flow";
 var StatementOfCashFlow = ({ stringOverrides }) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ import_react130.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react130.default.createElement(StatementOfCashFlowView, { stringOverrides }));
+  return /* @__PURE__ */ import_react131.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react131.default.createElement(StatementOfCashFlowView, { stringOverrides }));
 };
 var StatementOfCashFlowView = ({ stringOverrides }) => {
-  const [startDate, setStartDate] = (0, import_react130.useState)(
+  const [startDate, setStartDate] = (0, import_react131.useState)(
     (0, import_date_fns26.startOfDay)((0, import_date_fns26.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = (0, import_react130.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = (0, import_react131.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
@@ -11830,11 +11834,11 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
       refetch();
     }
   };
-  return /* @__PURE__ */ import_react130.default.createElement(TableProvider, null, /* @__PURE__ */ import_react130.default.createElement(
+  return /* @__PURE__ */ import_react131.default.createElement(TableProvider, null, /* @__PURE__ */ import_react131.default.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, null, /* @__PURE__ */ import_react130.default.createElement(
+      headerControls: /* @__PURE__ */ import_react131.default.createElement(import_react131.default.Fragment, null, /* @__PURE__ */ import_react131.default.createElement(
         DatePicker,
         {
           selected: [startDate, endDate],
@@ -11844,7 +11848,7 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
         }
       ))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react130.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react130.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react130.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react131.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react131.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react131.default.createElement(
       StatementOfCashFlowTable,
       {
         data,
@@ -11856,12 +11860,12 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react148 = __toESM(require("react"));
+var import_react149 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 var import_date_fns27 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react131.createContext)(
+var ChartOfAccountsContext = (0, import_react132.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -11892,8 +11896,8 @@ var ChartOfAccountsContext = (0, import_react131.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react132 = require("react");
-var LedgerAccountsContext = (0, import_react132.createContext)({
+var import_react133 = require("react");
+var LedgerAccountsContext = (0, import_react133.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -11915,7 +11919,7 @@ var LedgerAccountsContext = (0, import_react132.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -12212,13 +12216,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     syncTimestamps,
     hasBeenTouched
   } = useLayerContext();
-  const [form, setForm] = (0, import_react133.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react133.useState)(false);
-  const [apiError, setApiError] = (0, import_react133.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react133.useState)(
+  const [form, setForm] = (0, import_react134.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react134.useState)(false);
+  const [apiError, setApiError] = (0, import_react134.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react134.useState)(
     initialStartDate ?? (0, import_date_fns28.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react133.useState)(
+  const [endDate, setEndDate] = (0, import_react134.useState)(
     initialEndDate ?? (0, import_date_fns28.endOfMonth)(Date.now())
   );
   const queryKey = businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`;
@@ -12399,12 +12403,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -12430,12 +12434,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react134 = require("react");
+var import_react135 = require("react");
 var import_swr8 = __toESM(require("swr"));
 var useLedgerAccounts = () => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
-  const [accountId, setAccountId] = (0, import_react134.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react134.useState)();
+  const [accountId, setAccountId] = (0, import_react135.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react135.useState)();
   const queryKey = businessId && accountId && auth?.access_token && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr8.default)(
     queryKey,
@@ -12460,12 +12464,12 @@ var useLedgerAccounts = () => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react134.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -12489,14 +12493,14 @@ var useLedgerAccounts = () => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react140 = __toESM(require("react"));
+var import_react141 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react135 = __toESM(require("react"));
+var import_react136 = __toESM(require("react"));
 var import_date_fns29 = require("date-fns");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react135.useContext)(ChartOfAccountsContext);
-  return /* @__PURE__ */ import_react135.default.createElement(
+  const { changeDateRange, dateRange } = (0, import_react136.useContext)(ChartOfAccountsContext);
+  return /* @__PURE__ */ import_react136.default.createElement(
     DatePicker,
     {
       mode: "monthPicker",
@@ -12514,11 +12518,11 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsRow/ChartOfAccountsRow.tsx
-var import_react136 = __toESM(require("react"));
+var import_react137 = __toESM(require("react"));
 
 // src/icons/Edit2.tsx
-var React141 = __toESM(require("react"));
-var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React141.createElement(
+var React142 = __toESM(require("react"));
+var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React142.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12528,7 +12532,7 @@ var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React141.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React141.createElement(
+  /* @__PURE__ */ React142.createElement(
     "path",
     {
       d: "M12.75 2.25C12.947 2.05301 13.1808 1.89676 13.4382 1.79015C13.6956 1.68355 13.9714 1.62868 14.25 1.62868C14.5286 1.62868 14.8044 1.68355 15.0618 1.79015C15.3192 1.89676 15.553 2.05301 15.75 2.25C15.947 2.44698 16.1032 2.68083 16.2098 2.9382C16.3165 3.19557 16.3713 3.47142 16.3713 3.75C16.3713 4.02857 16.3165 4.30442 16.2098 4.56179C16.1032 4.81916 15.947 5.05302 15.75 5.25L5.625 15.375L1.5 16.5L2.625 12.375L12.75 2.25Z",
@@ -12572,10 +12576,10 @@ var ChartOfAccountsRow = ({
   view,
   expandAll
 }) => {
-  const { form, editAccount } = (0, import_react136.useContext)(ChartOfAccountsContext);
-  const { setAccountId } = (0, import_react136.useContext)(LedgerAccountsContext);
+  const { form, editAccount } = (0, import_react137.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react137.useContext)(LedgerAccountsContext);
   const baseStyle = view === "desktop" ? EXPANDED_STYLE2 : EXPANDED_MOBILE_STYLE;
-  const [isOpen, setIsOpen] = (0, import_react136.useState)(defaultOpen);
+  const [isOpen, setIsOpen] = (0, import_react137.useState)(defaultOpen);
   const style = expanded ? {
     ...baseStyle,
     transitionDelay: `${15 * index}ms`
@@ -12583,15 +12587,15 @@ var ChartOfAccountsRow = ({
     ...COLLAPSED_STYLE2,
     transitionDelay: `${acountsLength - 15 * index}ms`
   };
-  const [showComponent, setShowComponent] = (0, import_react136.useState)(false);
-  const [prevExpandedAll, setPrevExpandedAll] = (0, import_react136.useState)(expandAll);
-  (0, import_react136.useEffect)(() => {
+  const [showComponent, setShowComponent] = (0, import_react137.useState)(false);
+  const [prevExpandedAll, setPrevExpandedAll] = (0, import_react137.useState)(expandAll);
+  (0, import_react137.useEffect)(() => {
     const timeoutId = setTimeout(() => {
       setShowComponent(true);
     }, cumulativeIndex * 50);
     return () => clearTimeout(timeoutId);
   }, []);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (prevExpandedAll !== expandAll && expandAll) {
       setIsOpen(expandAll === "collapsed" ? false : true);
     }
@@ -12612,7 +12616,7 @@ var ChartOfAccountsRow = ({
     baseClass,
     "Layer__chart-of-accounts__row---mobile"
   );
-  return /* @__PURE__ */ import_react136.default.createElement(import_react136.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react136.default.createElement(
+  return /* @__PURE__ */ import_react137.default.createElement(import_react137.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react137.default.createElement(
     "tr",
     {
       className: desktopRowClass,
@@ -12622,7 +12626,7 @@ var ChartOfAccountsRow = ({
         setAccountId(account.id);
       }
     },
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react136.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react136.default.createElement(
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react137.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content-indentation",
@@ -12630,7 +12634,7 @@ var ChartOfAccountsRow = ({
           paddingLeft: INDENTATION * depth + 16
         }
       },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react136.default.createElement(
+      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react137.default.createElement(
         ChevronDownFill_default,
         {
           size: 16,
@@ -12641,22 +12645,22 @@ var ChartOfAccountsRow = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react136.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
+      /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
     ))),
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react136.default.createElement(
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react137.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__mobile--hidden",
         style
       },
       account.account_type?.display_name
-    ), /* @__PURE__ */ import_react136.default.createElement(
+    ), /* @__PURE__ */ import_react137.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__desktop--hidden",
         style
       },
-      /* @__PURE__ */ import_react136.default.createElement(
+      /* @__PURE__ */ import_react137.default.createElement(
         Text,
         {
           weight: "bold" /* bold */,
@@ -12664,10 +12668,10 @@ var ChartOfAccountsRow = ({
         },
         account.normality
       ),
-      /* @__PURE__ */ import_react136.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
+      /* @__PURE__ */ import_react137.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
     )),
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react136.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react136.default.createElement(
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react137.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -12676,11 +12680,11 @@ var ChartOfAccountsRow = ({
       "$",
       centsToDollars(Math.abs(account.balance || 0))
     )),
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react136.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react136.default.createElement(
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react137.default.createElement(
       Button,
       {
         variant: "secondary" /* secondary */,
-        rightIcon: /* @__PURE__ */ import_react136.default.createElement(Edit2_default, { size: 12 }),
+        rightIcon: /* @__PURE__ */ import_react137.default.createElement(Edit2_default, { size: 12 }),
         iconOnly: true,
         onClick: (e) => {
           e.preventDefault();
@@ -12690,7 +12694,7 @@ var ChartOfAccountsRow = ({
       },
       "Edit"
     )))
-  ), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react136.default.createElement(
+  ), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react137.default.createElement(
     "tr",
     {
       className: mobileRowClass,
@@ -12700,7 +12704,7 @@ var ChartOfAccountsRow = ({
         setAccountId(account.id);
       }
     },
-    /* @__PURE__ */ import_react136.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react136.default.createElement(
+    /* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react137.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell-content-indentation",
@@ -12709,7 +12713,7 @@ var ChartOfAccountsRow = ({
           ...style
         }
       },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react136.default.createElement(
+      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react137.default.createElement(
         ChevronDownFill_default,
         {
           size: 16,
@@ -12720,14 +12724,14 @@ var ChartOfAccountsRow = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react136.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react136.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react136.default.createElement(
+      /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react137.default.createElement(
         Text,
         {
           as: "span",
           className: "Layer__chart-of-accounts__mobile-row-content__name"
         },
         account.name
-      ), /* @__PURE__ */ import_react136.default.createElement(
+      ), /* @__PURE__ */ import_react137.default.createElement(
         TextButton,
         {
           onClick: (e) => {
@@ -12737,7 +12741,7 @@ var ChartOfAccountsRow = ({
           }
         },
         "Edit"
-      )), /* @__PURE__ */ import_react136.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react136.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react136.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react136.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react136.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react136.default.createElement(
+      )), /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react137.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react137.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react137.default.createElement(
         Text,
         {
           as: "span",
@@ -12747,7 +12751,7 @@ var ChartOfAccountsRow = ({
         centsToDollars(Math.abs(account.balance || 0))
       )))
     ))
-  ) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react136.default.createElement(
+  ) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react137.default.createElement(
     ChartOfAccountsRow,
     {
       key: subAccount.id,
@@ -12764,14 +12768,14 @@ var ChartOfAccountsRow = ({
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-var import_react139 = __toESM(require("react"));
+var import_react140 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react138 = __toESM(require("react"));
+var import_react139 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react137 = require("react");
-var useParentOptions = (data) => (0, import_react137.useMemo)(
+var import_react138 = require("react");
+var useParentOptions = (data) => (0, import_react138.useMemo)(
   () => flattenAccounts(data?.accounts || []).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).map((x) => {
     return {
       label: x.name,
@@ -12791,9 +12795,9 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react138.useContext)(ChartOfAccountsContext);
+  } = (0, import_react139.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react138.useMemo)(() => {
+  const entry = (0, import_react139.useMemo)(() => {
     if (form?.action === "edit" && form.accountId) {
       return flattenAccounts(data?.accounts || []).find(
         (x) => x.id === form.accountId
@@ -12804,7 +12808,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
   if (!form) {
     return;
   }
-  return /* @__PURE__ */ import_react138.default.createElement(
+  return /* @__PURE__ */ import_react139.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -12813,7 +12817,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react138.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react138.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react138.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react138.default.createElement(
+    /* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react139.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react139.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react139.default.createElement(
       Button,
       {
         type: "button",
@@ -12822,7 +12826,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react138.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react139.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -12831,7 +12835,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react138.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react139.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -12841,7 +12845,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
       },
       stringOverrides?.saveButton || "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react138.default.createElement(
+    apiError && /* @__PURE__ */ import_react139.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -12849,8 +12853,8 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
       },
       apiError
     ),
-    entry && /* @__PURE__ */ import_react138.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react138.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react138.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react138.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react138.default.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ import_react138.default.createElement(
+    entry && /* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react139.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react139.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
       Select2,
       {
         options: parentOptions,
@@ -12858,7 +12862,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         onChange: (sel) => changeFormData("parent", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react138.default.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ import_react138.default.createElement(
+    )), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
       Input,
       {
         name: "name",
@@ -12869,7 +12873,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm,
         onChange: (e) => changeFormData("name", e.target.value)
       }
-    )), /* @__PURE__ */ import_react138.default.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ import_react138.default.createElement(
+    )), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
       Select2,
       {
         options: LEDGER_ACCOUNT_TYPES,
@@ -12879,7 +12883,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
         disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
       }
-    )), /* @__PURE__ */ import_react138.default.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ import_react138.default.createElement(
+    )), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
       Select2,
       {
         options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -12887,7 +12891,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         onChange: (sel) => changeFormData("subType", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react138.default.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ import_react138.default.createElement(
+    )), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
       Select2,
       {
         options: NORMALITY_OPTIONS,
@@ -12899,7 +12903,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         onChange: (sel) => changeFormData("normality", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react138.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react138.default.createElement(
+    )), /* @__PURE__ */ import_react139.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react139.default.createElement(
       Button,
       {
         type: "button",
@@ -12908,7 +12912,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react138.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react139.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -12917,7 +12921,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react138.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react139.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -12935,7 +12939,7 @@ var ChartOfAccountsSidebar = ({
   parentRef: _parentRef,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react139.default.createElement(ChartOfAccountsForm, { stringOverrides });
+  return /* @__PURE__ */ import_react140.default.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
@@ -12948,14 +12952,14 @@ var ChartOfAccountsTable = ({
   withExpandAllButton = false,
   stringOverrides
 }) => {
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react140.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react140.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react141.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react141.useState)();
   let cumulativeIndex = 0;
   const accountsLength = data?.accounts.length ?? 0;
-  return /* @__PURE__ */ import_react140.default.createElement(
+  return /* @__PURE__ */ import_react141.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react140.default.createElement(
+      sidebar: /* @__PURE__ */ import_react141.default.createElement(
         ChartOfAccountsSidebar,
         {
           parentRef: containerRef,
@@ -12965,13 +12969,13 @@ var ChartOfAccountsTable = ({
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react140.default.createElement(
+    /* @__PURE__ */ import_react141.default.createElement(
       Header,
       {
         className: `Layer__${COMPONENT_NAME5}__header`,
         layout: withDateControl ? "next-line-actions" /* NEXT_LINE_ACTIONS */ : void 0
       },
-      /* @__PURE__ */ import_react140.default.createElement(
+      /* @__PURE__ */ import_react141.default.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME5}__title`,
@@ -12979,12 +12983,12 @@ var ChartOfAccountsTable = ({
         },
         stringOverrides?.headerText || "Chart of Accounts"
       ),
-      /* @__PURE__ */ import_react140.default.createElement(
+      /* @__PURE__ */ import_react141.default.createElement(
         "div",
         {
           className: `Layer__${COMPONENT_NAME5}__actions Layer__header__actions`
         },
-        withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react140.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react140.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react140.default.createElement(
+        withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react141.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react141.default.createElement(
           Button,
           {
             variant: "secondary" /* secondary */,
@@ -12994,13 +12998,13 @@ var ChartOfAccountsTable = ({
           },
           !expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collapse all rows"
         )) : null,
-        /* @__PURE__ */ import_react140.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react140.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
+        /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react141.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
       )
     ),
-    /* @__PURE__ */ import_react140.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react140.default.createElement("thead", null, /* @__PURE__ */ import_react140.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react140.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react140.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react140.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react140.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react140.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react140.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
+    /* @__PURE__ */ import_react141.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react141.default.createElement("thead", null, /* @__PURE__ */ import_react141.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react141.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
       const currentCumulativeIndex = cumulativeIndex;
       cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
-      return /* @__PURE__ */ import_react140.default.createElement(
+      return /* @__PURE__ */ import_react141.default.createElement(
         ChartOfAccountsRow,
         {
           key: account.id,
@@ -13016,7 +13020,7 @@ var ChartOfAccountsTable = ({
         }
       );
     }))),
-    error ? /* @__PURE__ */ import_react140.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react140.default.createElement(
+    error ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react141.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -13026,8 +13030,8 @@ var ChartOfAccountsTable = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react140.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react140.default.createElement(Loader2, null)) : null,
-    !isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */ import_react140.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react140.default.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react141.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react141.default.createElement(Loader2, null)) : null,
+    !isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react141.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -13041,20 +13045,20 @@ var ChartOfAccountsTable = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react147 = __toESM(require("react"));
+var import_react148 = __toESM(require("react"));
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react145 = __toESM(require("react"));
+var import_react146 = __toESM(require("react"));
 
 // src/components/Card/Card.tsx
-var import_react141 = __toESM(require("react"));
+var import_react142 = __toESM(require("react"));
 var import_classnames53 = __toESM(require("classnames"));
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ import_react141.default.createElement("div", { className: (0, import_classnames53.default)("Layer__card", className) }, children);
+  return /* @__PURE__ */ import_react142.default.createElement("div", { className: (0, import_classnames53.default)("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-var import_react142 = __toESM(require("react"));
+var import_react143 = __toESM(require("react"));
 var import_date_fns30 = require("date-fns");
 var DateTime = ({
   value,
@@ -13065,11 +13069,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format7) {
-    return /* @__PURE__ */ import_react142.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), format7));
+    return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), format7));
   }
   const date = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), dateFormat ?? DATE_FORMAT);
   const time = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), timeFormat ?? TIME_FORMAT);
-  return /* @__PURE__ */ import_react142.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react142.default.createElement(
+  return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react143.default.createElement(
     Text,
     {
       as: "span",
@@ -13078,7 +13082,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ import_react142.default.createElement(
+  ), !onlyDate && /* @__PURE__ */ import_react143.default.createElement(
     Text,
     {
       as: "span",
@@ -13091,7 +13095,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-var import_react143 = __toESM(require("react"));
+var import_react144 = __toESM(require("react"));
 var import_classnames54 = __toESM(require("classnames"));
 var DetailsList = ({
   title,
@@ -13099,14 +13103,14 @@ var DetailsList = ({
   className,
   actions
 }) => {
-  return /* @__PURE__ */ import_react143.default.createElement("div", { className: (0, import_classnames54.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react143.default.createElement(Header, null, /* @__PURE__ */ import_react143.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react143.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react143.default.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ import_react144.default.createElement("div", { className: (0, import_classnames54.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react144.default.createElement(Header, null, /* @__PURE__ */ import_react144.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react144.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react144.default.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-var import_react144 = __toESM(require("react"));
+var import_react145 = __toESM(require("react"));
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ import_react144.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ import_react145.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -13115,7 +13119,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ import_react144.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react144.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react144.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react144.default.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ import_react145.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react145.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react145.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react145.default.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -13123,39 +13127,39 @@ var SourceDetailView = ({ source, stringOverrides }) => {
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react145.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.directionLabel || "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.counterpartyLabel || "Counterparty" }, transactionSource.counterparty));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.directionLabel || "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.counterpartyLabel || "Counterparty" }, transactionSource.counterparty));
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react145.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.memoLabel || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.createdByLabel || "Created by" }, manualSource.created_by));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.memoLabel || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.createdByLabel || "Created by" }, manualSource.created_by));
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, refundSource.recipient_name));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, refundSource.recipient_name));
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, openingBalanceSource.account_name));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, openingBalanceSource.account_name));
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.processorLabel || "Processor" }, payoutSource.processor));
+      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.processorLabel || "Processor" }, payoutSource.processor));
     }
     default:
       return null;
   }
 };
 var LedgerAccountEntryDetails = ({ stringOverrides }) => {
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react145.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react145.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react146.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react146.useMemo)(() => {
     let totalDebit2 = 0;
     let totalCredit2 = 0;
     entryData?.line_items?.forEach((item) => {
@@ -13167,14 +13171,14 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react145.default.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ import_react145.default.createElement(Text, { weight: "bold" /* bold */ }, stringOverrides?.title || "Transaction details"))), /* @__PURE__ */ import_react145.default.createElement(
+  return /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react146.default.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ import_react146.default.createElement(Text, { weight: "bold" /* bold */ }, stringOverrides?.title || "Transaction details"))), /* @__PURE__ */ import_react146.default.createElement(
     DetailsList,
     {
       title: stringOverrides?.transactionSource?.header || "Transaction source",
-      actions: /* @__PURE__ */ import_react145.default.createElement(
+      actions: /* @__PURE__ */ import_react146.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react145.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react146.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           variant: "secondary" /* secondary */,
@@ -13182,56 +13186,56 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
         }
       )
     },
-    /* @__PURE__ */ import_react145.default.createElement(
+    /* @__PURE__ */ import_react146.default.createElement(
       DetailsListItem,
       {
         label: stringOverrides?.transactionSource?.details?.sourceLabel || "Source",
         isLoading: isLoadingEntry
       },
-      /* @__PURE__ */ import_react145.default.createElement(Badge, null, entryData?.source?.entity_name)
+      /* @__PURE__ */ import_react146.default.createElement(Badge, null, entryData?.source?.entity_name)
     ),
-    entryData?.source?.display_description && /* @__PURE__ */ import_react145.default.createElement(SourceDetailView, { source: entryData?.source })
-  ), /* @__PURE__ */ import_react145.default.createElement(
+    entryData?.source?.display_description && /* @__PURE__ */ import_react146.default.createElement(SourceDetailView, { source: entryData?.source })
+  ), /* @__PURE__ */ import_react146.default.createElement(
     DetailsList,
     {
       title: stringOverrides?.journalEntry?.header ? stringOverrides?.journalEntry?.header(entryData?.id.substring(0, 5)) : `Journal Entry ${entryData?.id.substring(0, 5)}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.entryTypeLabel || "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
-    /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.dateLabel || "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react145.default.createElement(DateTime, { value: entryData?.entry_at })),
-    /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.creationDateLabel || "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react145.default.createElement(DateTime, { value: entryData?.date })),
-    entryData?.reversal_id && /* @__PURE__ */ import_react145.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.reversalLabel || "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react145.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react145.default.createElement(Card, null, /* @__PURE__ */ import_react145.default.createElement(
+    /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.entryTypeLabel || "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
+    /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.dateLabel || "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: entryData?.entry_at })),
+    /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.creationDateLabel || "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: entryData?.date })),
+    entryData?.reversal_id && /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.reversalLabel || "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react146.default.createElement(Card, null, /* @__PURE__ */ import_react146.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react145.default.createElement(TableHead, null, /* @__PURE__ */ import_react145.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react145.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.lineItemsColumnHeader || "Line items"), /* @__PURE__ */ import_react145.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react145.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.creditColumnHeader || "Credit"))),
-    /* @__PURE__ */ import_react145.default.createElement(TableBody, null, entryData?.line_items?.map((item, index) => /* @__PURE__ */ import_react145.default.createElement(
+    /* @__PURE__ */ import_react146.default.createElement(TableHead, null, /* @__PURE__ */ import_react146.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.lineItemsColumnHeader || "Line items"), /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.creditColumnHeader || "Credit"))),
+    /* @__PURE__ */ import_react146.default.createElement(TableBody, null, entryData?.line_items?.map((item, index) => /* @__PURE__ */ import_react146.default.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, null, item.account?.name || ""),
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react145.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react145.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
-    )), /* @__PURE__ */ import_react145.default.createElement(
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.account?.name || ""),
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react146.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react146.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+    )), /* @__PURE__ */ import_react146.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, { primary: true }, stringOverrides?.lineItemsTable?.totalRowHeader || "Total"),
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, { isCurrency: true, primary: true }, totalDebit || 0),
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, { isCurrency: true, primary: true }, totalCredit || 0)
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, { primary: true }, stringOverrides?.lineItemsTable?.totalRowHeader || "Total"),
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, { isCurrency: true, primary: true }, totalDebit || 0),
+      /* @__PURE__ */ import_react146.default.createElement(TableCell, { isCurrency: true, primary: true }, totalCredit || 0)
     ))
   ))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react146 = __toESM(require("react"));
+var import_react147 = __toESM(require("react"));
 var import_classnames55 = __toESM(require("classnames"));
 var import_date_fns31 = require("date-fns");
 var LedgerAccountRow = ({
@@ -13240,9 +13244,9 @@ var LedgerAccountRow = ({
   initialLoad,
   view
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react146.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react146.useState)(false);
-  (0, import_react146.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react147.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react147.useState)(false);
+  (0, import_react147.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -13253,7 +13257,7 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ import_react146.default.createElement(
+    return /* @__PURE__ */ import_react147.default.createElement(
       "tr",
       {
         className: (0, import_classnames55.default)(
@@ -13272,21 +13276,21 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react146.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react146.default.createElement(
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         row.entry_id.substring(0, 5)
-      )), /* @__PURE__ */ import_react146.default.createElement(Text, null, row.source?.display_description ?? ""))),
-      /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-      /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-      /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ import_react147.default.createElement(Text, null, row.source?.display_description ?? ""))),
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ import_react146.default.createElement(
+    return /* @__PURE__ */ import_react147.default.createElement(
       "tr",
       {
         className: (0, import_classnames55.default)(
@@ -13305,17 +13309,17 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react146.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react146.default.createElement(
+      /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         row.entry_id.substring(0, 5)
-      )), /* @__PURE__ */ import_react146.default.createElement(Text, null, row.source?.display_description ?? ""), /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ import_react147.default.createElement(Text, null, row.source?.display_description ?? ""), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ import_react146.default.createElement(
+  return /* @__PURE__ */ import_react147.default.createElement(
     "tr",
     {
       className: (0, import_classnames55.default)(
@@ -13334,12 +13338,12 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-    /* @__PURE__ */ import_react146.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react146.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+    /* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
@@ -13351,9 +13355,9 @@ var LedgerAccount = ({
   view,
   stringOverrides
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react147.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react147.useState)(true);
-  const { data: accountData } = (0, import_react147.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react148.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react148.useState)(true);
+  const { data: accountData } = (0, import_react148.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -13364,8 +13368,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react147.useContext)(LedgerAccountsContext);
-  (0, import_react147.useEffect)(() => {
+  } = (0, import_react148.useContext)(LedgerAccountsContext);
+  (0, import_react148.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -13377,12 +13381,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const entry = (0, import_react147.useMemo)(() => {
+  const entry = (0, import_react148.useMemo)(() => {
     return flattenAccounts(accountData?.accounts || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react147.useMemo)(() => {
+  const data = (0, import_react148.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
@@ -13391,10 +13395,10 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ import_react147.default.createElement(
+  return /* @__PURE__ */ import_react148.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react147.default.createElement(
+      sidebar: /* @__PURE__ */ import_react148.default.createElement(
         LedgerAccountEntryDetails,
         {
           stringOverrides: stringOverrides?.ledgerEntryDetail
@@ -13404,21 +13408,21 @@ var LedgerAccount = ({
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ import_react147.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react147.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react147.default.createElement(
+    /* @__PURE__ */ import_react148.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react148.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react148.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       entry?.name ?? ""
-    ), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react147.default.createElement(
+    ), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react148.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-label",
         size: "sm" /* sm */
       },
       "Current balance"
-    ), /* @__PURE__ */ import_react147.default.createElement(
+    ), /* @__PURE__ */ import_react148.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-value",
@@ -13426,7 +13430,7 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars(entry?.balance || 0)
-    )))), /* @__PURE__ */ import_react147.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react147.default.createElement("thead", null, /* @__PURE__ */ import_react147.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react147.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.journalIdColumnHeader || "Journal id #"), /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.sourceColumnHeader || "Source")), view !== "mobile" && /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.creditColumnHeader || "Credit"), /* @__PURE__ */ import_react147.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.runningBalanceColumnHeader || "Running balance")))), /* @__PURE__ */ import_react147.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react147.default.createElement(
+    )))), /* @__PURE__ */ import_react148.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react148.default.createElement("thead", null, /* @__PURE__ */ import_react148.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react148.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.journalIdColumnHeader || "Journal id #"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.sourceColumnHeader || "Source")), view !== "mobile" && /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.creditColumnHeader || "Credit"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.runningBalanceColumnHeader || "Running balance")))), /* @__PURE__ */ import_react148.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react148.default.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -13435,7 +13439,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react147.default.createElement(
+    )))), data && /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react148.default.createElement(
       Pagination,
       {
         currentPage,
@@ -13443,7 +13447,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react147.default.createElement(
+    )), error ? /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react148.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -13452,7 +13456,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react147.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react147.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react147.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react148.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react148.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react148.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -13470,7 +13474,7 @@ var ChartOfAccounts = (props) => {
     withDates: props.withDateControl
   });
   const ledgerAccountsContextData = useLedgerAccounts();
-  return /* @__PURE__ */ import_react148.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react148.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react148.default.createElement(ChartOfAccountsContent, { ...props })));
+  return /* @__PURE__ */ import_react149.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react149.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react149.default.createElement(ChartOfAccountsContent, { ...props })));
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -13478,8 +13482,8 @@ var ChartOfAccountsContent = ({
   withExpandAllButton,
   stringOverrides
 }) => {
-  const { accountId } = (0, import_react148.useContext)(LedgerAccountsContext);
-  const [view, setView] = (0, import_react148.useState)("desktop");
+  const { accountId } = (0, import_react149.useContext)(LedgerAccountsContext);
+  const [view, setView] = (0, import_react149.useState)("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
     if (width) {
       if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
@@ -13491,7 +13495,7 @@ var ChartOfAccountsContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react148.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react148.default.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ import_react148.default.createElement(
+  return /* @__PURE__ */ import_react149.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react149.default.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ import_react149.default.createElement(
     ChartOfAccountsTable,
     {
       asWidget,
@@ -13505,11 +13509,11 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-var import_react157 = __toESM(require("react"));
+var import_react158 = __toESM(require("react"));
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react149 = require("react");
-var JournalContext = (0, import_react149.createContext)({
+var import_react150 = require("react");
+var JournalContext = (0, import_react150.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -13542,7 +13546,7 @@ var JournalContext = (0, import_react149.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react150 = require("react");
+var import_react151 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -13573,11 +13577,11 @@ var useJournal = () => {
     syncTimestamps,
     hasBeenTouched
   } = useLayerContext();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react150.useState)();
-  const [form, setForm] = (0, import_react150.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react150.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react150.useState)(false);
-  const [apiError, setApiError] = (0, import_react150.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react151.useState)();
+  const [form, setForm] = (0, import_react151.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react151.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react151.useState)(false);
+  const [apiError, setApiError] = (0, import_react151.useState)(void 0);
   const queryKey = businessId && auth?.access_token && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr9.default)(
     queryKey,
@@ -13803,12 +13807,12 @@ var useJournal = () => {
       }
     });
   };
-  (0, import_react150.useEffect)(() => {
+  (0, import_react151.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react150.useEffect)(() => {
+  (0, import_react151.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -13839,10 +13843,10 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react156 = __toESM(require("react"));
+var import_react157 = __toESM(require("react"));
 
 // src/components/JournalRow/JournalRow.tsx
-var import_react151 = __toESM(require("react"));
+var import_react152 = __toESM(require("react"));
 var import_classnames57 = __toESM(require("classnames"));
 var import_date_fns32 = require("date-fns");
 var INDENTATION2 = 24;
@@ -13880,8 +13884,8 @@ var JournalRow = ({
   cumulativeIndex = 0,
   selectedEntries = false
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react151.useContext)(JournalContext);
-  const [isOpen, setIsOpen] = (0, import_react151.useState)(index === 0 ? true : defaultOpen);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react152.useContext)(JournalContext);
+  const [isOpen, setIsOpen] = (0, import_react152.useState)(index === 0 ? true : defaultOpen);
   const style = expanded ? {
     ...EXPANDED_STYLE3,
     transitionDelay: `${15 * index}ms`
@@ -13889,7 +13893,7 @@ var JournalRow = ({
     ...COLLAPSED_STYLE3,
     transitionDelay: `${lineItemsLength - 15 * index}ms`
   };
-  const [showComponent, setShowComponent] = (0, import_react151.useState)(false);
+  const [showComponent, setShowComponent] = (0, import_react152.useState)(false);
   const baseClass = (0, import_classnames57.default)(
     "Layer__journal-table-row",
     rowId(row) === selectedEntryId && "Layer__table-row--active",
@@ -13907,7 +13911,7 @@ var JournalRow = ({
     "Layer__journal-line__table-row",
     !expanded && "Layer__table-row--hidden"
   );
-  (0, import_react151.useEffect)(() => {
+  (0, import_react152.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -13918,7 +13922,7 @@ var JournalRow = ({
     }
   }, []);
   if ("line_items" in row) {
-    return /* @__PURE__ */ import_react151.default.createElement(import_react151.default.Fragment, null, /* @__PURE__ */ import_react151.default.createElement(
+    return /* @__PURE__ */ import_react152.default.createElement(import_react152.default.Fragment, null, /* @__PURE__ */ import_react152.default.createElement(
       "tr",
       {
         className: baseClass,
@@ -13932,7 +13936,7 @@ var JournalRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react151.default.createElement(
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react152.default.createElement(
         "span",
         {
           className: "Layer__table-cell-content-indentation",
@@ -13945,7 +13949,7 @@ var JournalRow = ({
             setIsOpen(!isOpen);
           }
         },
-        row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react151.default.createElement(
+        row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react152.default.createElement(
           ChevronDownFill_default,
           {
             size: 16,
@@ -13956,21 +13960,21 @@ var JournalRow = ({
           }
         )
       ))),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(row.date), DATE_FORMAT))),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(row.date), DATE_FORMAT))),
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
         Math.abs(
           row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
         )
       ))),
-      /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
+      /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
         Math.abs(
           row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
         )
       )))
-    ), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react151.default.createElement(
+    ), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react152.default.createElement(
       JournalRow,
       {
         key: `${row.id}-${idx}`,
@@ -13985,18 +13989,18 @@ var JournalRow = ({
       }
     )));
   }
-  return /* @__PURE__ */ import_react151.default.createElement(
+  return /* @__PURE__ */ import_react152.default.createElement(
     "tr",
     {
       className: journalEntryLineClass,
       style: { transitionDelay: `${15 * index}ms` }
     },
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content", style })),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-hidden" }, rowId(row).substring(0, 5)))),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react151.default.createElement("span", { className: "Layer__table-cell-content", style }, accountName(row))),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react151.default.createElement(
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style })),
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-hidden" }, rowId(row).substring(0, 5)))),
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }),
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }),
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style }, accountName(row))),
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react152.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -14005,7 +14009,7 @@ var JournalRow = ({
       "$",
       centsToDollars(Math.abs(row.amount))
     )),
-    /* @__PURE__ */ import_react151.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react151.default.createElement(
+    /* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react152.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -14018,10 +14022,10 @@ var JournalRow = ({
 };
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react155 = __toESM(require("react"));
+var import_react156 = __toESM(require("react"));
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react152 = __toESM(require("react"));
+var import_react153 = __toESM(require("react"));
 var JournalEntryDetails = () => {
   const {
     data,
@@ -14029,21 +14033,21 @@ var JournalEntryDetails = () => {
     errorEntry,
     closeSelectedEntry,
     selectedEntryId
-  } = (0, import_react152.useContext)(JournalContext);
-  const entry = (0, import_react152.useMemo)(() => {
+  } = (0, import_react153.useContext)(JournalContext);
+  const entry = (0, import_react153.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  return /* @__PURE__ */ import_react152.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react152.default.createElement(
+  return /* @__PURE__ */ import_react153.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react153.default.createElement(
     DetailsList,
     {
       title: "Transaction source",
-      actions: /* @__PURE__ */ import_react152.default.createElement(
+      actions: /* @__PURE__ */ import_react153.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react152.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react153.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -14051,54 +14055,54 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ import_react152.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react152.default.createElement(Badge, null, entry?.source?.entity_name)),
-    entry?.source?.display_description && /* @__PURE__ */ import_react152.default.createElement(SourceDetailView, { source: entry?.source })
-  ), /* @__PURE__ */ import_react152.default.createElement(
+    /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react153.default.createElement(Badge, null, entry?.source?.entity_name)),
+    entry?.source?.display_description && /* @__PURE__ */ import_react153.default.createElement(SourceDetailView, { source: entry?.source })
+  ), /* @__PURE__ */ import_react153.default.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry?.id.substring(0, 5)}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react152.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
-    /* @__PURE__ */ import_react152.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react152.default.createElement(DateTime, { value: entry?.entry_at })),
-    /* @__PURE__ */ import_react152.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react152.default.createElement(DateTime, { value: entry?.date })),
-    entry?.reversal_id && /* @__PURE__ */ import_react152.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react152.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react152.default.createElement(Card, null, /* @__PURE__ */ import_react152.default.createElement(
+    /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
+    /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react153.default.createElement(DateTime, { value: entry?.entry_at })),
+    /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react153.default.createElement(DateTime, { value: entry?.date })),
+    entry?.reversal_id && /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react153.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react153.default.createElement(Card, null, /* @__PURE__ */ import_react153.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react152.default.createElement(TableHead, null, /* @__PURE__ */ import_react152.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react152.default.createElement(TableCell, null, "Line items"), [...Array(3)].map((_, index) => /* @__PURE__ */ import_react152.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })), /* @__PURE__ */ import_react152.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react152.default.createElement(TableCell, null, "Credit"))),
-    /* @__PURE__ */ import_react152.default.createElement(TableBody, null, entry?.line_items?.map((item, index) => /* @__PURE__ */ import_react152.default.createElement(
+    /* @__PURE__ */ import_react153.default.createElement(TableHead, null, /* @__PURE__ */ import_react153.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Line items"), [...Array(3)].map((_, index) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })), /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Credit"))),
+    /* @__PURE__ */ import_react153.default.createElement(TableBody, null, entry?.line_items?.map((item, index) => /* @__PURE__ */ import_react153.default.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, null, item.account_identifier?.name || ""),
-      [...Array(3)].map((_, index2) => /* @__PURE__ */ import_react152.default.createElement(TableCell, { key: `ledger-empty-cell-${index2}` })),
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react152.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react152.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
-    )), /* @__PURE__ */ import_react152.default.createElement(
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.account_identifier?.name || ""),
+      [...Array(3)].map((_, index2) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index2}` })),
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react153.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react153.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+    )), /* @__PURE__ */ import_react153.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, { primary: true }, "Total"),
-      [...Array(3)].map((_, index) => /* @__PURE__ */ import_react152.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })),
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0),
-      /* @__PURE__ */ import_react152.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0)
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, { primary: true }, "Total"),
+      [...Array(3)].map((_, index) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })),
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0),
+      /* @__PURE__ */ import_react153.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0)
     ))
   ))) : null);
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react154 = __toESM(require("react"));
+var import_react155 = __toESM(require("react"));
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react153 = __toESM(require("react"));
+var import_react154 = __toESM(require("react"));
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -14107,17 +14111,17 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react153.useContext)(ChartOfAccountsContext);
-  const { form } = (0, import_react153.useContext)(JournalContext);
+  const { data: accountsData } = (0, import_react154.useContext)(ChartOfAccountsContext);
+  const { form } = (0, import_react154.useContext)(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ import_react153.default.createElement(import_react153.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
-    return /* @__PURE__ */ import_react153.default.createElement(
+  return /* @__PURE__ */ import_react154.default.createElement(import_react154.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
+    return /* @__PURE__ */ import_react154.default.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ import_react153.default.createElement(
+      /* @__PURE__ */ import_react154.default.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -14131,13 +14135,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ import_react153.default.createElement(
+        return /* @__PURE__ */ import_react154.default.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ import_react153.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react153.default.createElement(
+          /* @__PURE__ */ import_react154.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react154.default.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -14163,14 +14167,14 @@ var JournalFormEntryLines = ({
               )?.message
             }
           )),
-          /* @__PURE__ */ import_react153.default.createElement(
+          /* @__PURE__ */ import_react154.default.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ import_react153.default.createElement(
+            /* @__PURE__ */ import_react154.default.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -14194,18 +14198,18 @@ var JournalFormEntryLines = ({
                 )?.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ import_react153.default.createElement(
+            idx2 >= 2 && /* @__PURE__ */ import_react154.default.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ import_react153.default.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ import_react154.default.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react153.default.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react154.default.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -14228,8 +14232,8 @@ var JournalForm = ({ config, stringOverrides }) => {
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react154.useContext)(JournalContext);
-  return /* @__PURE__ */ import_react154.default.createElement(
+  } = (0, import_react155.useContext)(JournalContext);
+  return /* @__PURE__ */ import_react155.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -14238,7 +14242,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react154.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react154.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react154.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react155.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react155.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react155.default.createElement(
       Button,
       {
         type: "button",
@@ -14247,7 +14251,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react154.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react155.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -14256,7 +14260,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react154.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react155.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -14266,7 +14270,7 @@ var JournalForm = ({ config, stringOverrides }) => {
       },
       stringOverrides?.saveButton || "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react154.default.createElement(
+    apiError && /* @__PURE__ */ import_react155.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -14274,7 +14278,7 @@ var JournalForm = ({ config, stringOverrides }) => {
       },
       apiError
     ),
-    /* @__PURE__ */ import_react154.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react154.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react154.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react155.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react155.default.createElement(
       DatePicker,
       {
         selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -14287,7 +14291,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ import_react154.default.createElement(
+    ), /* @__PURE__ */ import_react155.default.createElement(
       DatePicker,
       {
         selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -14301,7 +14305,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react155.default.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: form?.data.line_items || [],
@@ -14312,7 +14316,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         config
       }
     ),
-    /* @__PURE__ */ import_react154.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react154.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react155.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react155.default.createElement(
       Textarea,
       {
         name: "memo",
@@ -14322,7 +14326,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ import_react154.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react155.default.createElement(
       Button,
       {
         type: "button",
@@ -14331,7 +14335,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.cancelButton || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react154.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react155.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -14340,7 +14344,7 @@ var JournalForm = ({ config, stringOverrides }) => {
         disabled: sendingForm
       },
       stringOverrides?.retryButton || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react154.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react155.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -14359,11 +14363,11 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react155.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react156.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ import_react155.default.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ import_react156.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react155.default.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ import_react156.default.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
@@ -14375,7 +14379,7 @@ var JournalTable = ({
   config,
   stringOverrides
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react156.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react157.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -14384,22 +14388,22 @@ var JournalTable = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react156.useContext)(JournalContext);
-  const data = (0, import_react156.useMemo)(() => {
+  } = (0, import_react157.useContext)(JournalContext);
+  const data = (0, import_react157.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  return /* @__PURE__ */ import_react156.default.createElement(
+  return /* @__PURE__ */ import_react157.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react156.default.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
+      sidebar: /* @__PURE__ */ import_react157.default.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react156.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react156.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ import_react156.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react156.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
-    /* @__PURE__ */ import_react156.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react156.default.createElement("thead", null, /* @__PURE__ */ import_react156.default.createElement("tr", null, /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react156.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react156.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
-      return /* @__PURE__ */ import_react156.default.createElement(
+    /* @__PURE__ */ import_react157.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react157.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ import_react157.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react157.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
+    /* @__PURE__ */ import_react157.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react157.default.createElement("thead", null, /* @__PURE__ */ import_react157.default.createElement("tr", null, /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react157.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
+      return /* @__PURE__ */ import_react157.default.createElement(
         JournalRow,
         {
           key: "journal-row-" + idx + entry.id,
@@ -14409,7 +14413,7 @@ var JournalTable = ({
         }
       );
     }))),
-    data && /* @__PURE__ */ import_react156.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react156.default.createElement(
+    data && /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react157.default.createElement(
       Pagination,
       {
         currentPage,
@@ -14418,7 +14422,7 @@ var JournalTable = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    error ? /* @__PURE__ */ import_react156.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react156.default.createElement(
+    error ? /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react157.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -14428,7 +14432,7 @@ var JournalTable = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react156.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react156.default.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react157.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react157.default.createElement(Loader2, null)) : null
   );
 };
 
@@ -14441,14 +14445,14 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ import_react157.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react157.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react157.default.createElement(TableProvider, null, /* @__PURE__ */ import_react157.default.createElement(JournalContent, { ...props }))));
+  return /* @__PURE__ */ import_react158.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react158.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react158.default.createElement(TableProvider, null, /* @__PURE__ */ import_react158.default.createElement(JournalContent, { ...props }))));
 };
 var JournalContent = ({
   asWidget,
   config = JOURNAL_CONFIG,
   stringOverrides
 }) => {
-  const [view, setView] = (0, import_react157.useState)("desktop");
+  const [view, setView] = (0, import_react158.useState)("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
     if (width) {
       if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
@@ -14460,7 +14464,7 @@ var JournalContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react157.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react157.default.createElement(
+  return /* @__PURE__ */ import_react158.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react158.default.createElement(
     JournalTable,
     {
       view,
@@ -14472,11 +14476,11 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_react164 = __toESM(require("react"));
+var import_react165 = __toESM(require("react"));
 
 // src/contexts/TasksContext/TasksContext.tsx
-var import_react158 = require("react");
-var TasksContext = (0, import_react158.createContext)({
+var import_react159 = require("react");
+var TasksContext = (0, import_react159.createContext)({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
@@ -14488,10 +14492,10 @@ var TasksContext = (0, import_react158.createContext)({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 var import_swr10 = __toESM(require("swr"));
 var useTasks = () => {
-  const [loadedStatus, setLoadedStatus] = (0, import_react159.useState)("initial");
+  const [loadedStatus, setLoadedStatus] = (0, import_react160.useState)("initial");
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const queryKey = businessId && auth?.access_token && `tasks-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr10.default)(
@@ -14500,7 +14504,7 @@ var useTasks = () => {
       params: { businessId }
     })
   );
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     if (isLoading && loadedStatus === "initial") {
       setLoadedStatus("loading");
     } else if (!isLoading && loadedStatus === "loading") {
@@ -14520,12 +14524,12 @@ var useTasks = () => {
       body: data2
     }).then(() => refetch());
   };
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("TASKS" /* TASKS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -14548,11 +14552,11 @@ function isComplete(taskType) {
 }
 
 // src/components/TasksHeader/TasksHeader.tsx
-var import_react160 = __toESM(require("react"));
+var import_react161 = __toESM(require("react"));
 
 // src/icons/ProgressIcon.tsx
-var React162 = __toESM(require("react"));
-var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createElement(
+var React163 = __toESM(require("react"));
+var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React163.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14562,7 +14566,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
     width: size,
     height: size
   },
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M9 1.5V4.5",
@@ -14571,7 +14575,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M9 13.5V16.5",
@@ -14580,7 +14584,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M3.6975 3.6975L5.82 5.82",
@@ -14589,7 +14593,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M12.18 12.18L14.3025 14.3025",
@@ -14598,7 +14602,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M1.5 9H4.5",
@@ -14607,7 +14611,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M13.5 9H16.5",
@@ -14616,7 +14620,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M3.6975 14.3025L5.82 12.18",
@@ -14625,7 +14629,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React162.createElement(
+  /* @__PURE__ */ React163.createElement(
     "path",
     {
       d: "M12.18 5.82L14.3025 3.6975",
@@ -14640,22 +14644,22 @@ var ProgressIcon_default = ProgressIcon;
 // src/components/TasksHeader/TasksHeader.tsx
 var ICONS = {
   loading: {
-    icon: /* @__PURE__ */ import_react160.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
+    icon: /* @__PURE__ */ import_react161.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
     text: "Loading",
     badge: "default" /* DEFAULT */
   },
   done: {
-    icon: /* @__PURE__ */ import_react160.default.createElement(Check_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react161.default.createElement(Check_default, { size: 12 }),
     text: "Done",
     badge: "success" /* SUCCESS */
   },
   pending: {
-    icon: /* @__PURE__ */ import_react160.default.createElement(AlertCircle_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react161.default.createElement(AlertCircle_default, { size: 12 }),
     text: "In progress",
     badge: "warning" /* WARNING */
   },
   refresh: {
-    icon: /* @__PURE__ */ import_react160.default.createElement(RefreshCcw_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react161.default.createElement(RefreshCcw_default, { size: 12 }),
     text: "Refresh",
     badge: "default" /* DEFAULT */
   }
@@ -14666,10 +14670,10 @@ var TasksHeader = ({
   open,
   toggleContent
 }) => {
-  const { data: tasks, loadedStatus, refetch, error } = (0, import_react160.useContext)(TasksContext);
+  const { data: tasks, loadedStatus, refetch, error } = (0, import_react161.useContext)(TasksContext);
   const completedTasks = tasks?.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === tasks?.length ? ICONS.done : ICONS.pending;
-  return /* @__PURE__ */ import_react160.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react160.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react160.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react160.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react160.default.createElement(
+  return /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react161.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react161.default.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -14677,15 +14681,15 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react160.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react160.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react160.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
+  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react161.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
 };
 
 // src/components/TasksList/TasksList.tsx
-var import_react162 = __toESM(require("react"));
+var import_react163 = __toESM(require("react"));
 
 // src/icons/SmileIcon.tsx
-var React164 = __toESM(require("react"));
-var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElement(
+var React165 = __toESM(require("react"));
+var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React165.createElement(
   "svg",
   {
     viewBox: "0 0 12 12",
@@ -14695,7 +14699,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React164.createElement(
+  /* @__PURE__ */ React165.createElement(
     "path",
     {
       d: "M6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5Z",
@@ -14704,7 +14708,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React164.createElement(
+  /* @__PURE__ */ React165.createElement(
     "path",
     {
       d: "M4.5 7.5C4.5 7.5 5.25 8.5 6.5 8.5C7.75 8.5 8.5 7.5 8.5 7.5",
@@ -14713,7 +14717,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React164.createElement(
+  /* @__PURE__ */ React165.createElement(
     "path",
     {
       d: "M5 5H5.005",
@@ -14722,7 +14726,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React164.createElement(
+  /* @__PURE__ */ React165.createElement(
     "path",
     {
       d: "M8 5H8.005",
@@ -14735,16 +14739,16 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-var import_react161 = __toESM(require("react"));
+var import_react162 = __toESM(require("react"));
 var import_classnames58 = __toESM(require("classnames"));
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react161.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react161.useState)(task.user_response || "");
-  const { submitResponseToTask: submitResponseToTask2 } = (0, import_react161.useContext)(TasksContext);
+  const [isOpen, setIsOpen] = (0, import_react162.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react162.useState)(task.user_response || "");
+  const { submitResponseToTask: submitResponseToTask2 } = (0, import_react162.useContext)(TasksContext);
   const taskBodyClassName = (0, import_classnames58.default)(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
@@ -14758,17 +14762,17 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react161.useEffect)(() => {
+  (0, import_react162.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  return /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react161.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react161.default.createElement(
+  return /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react162.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react162.default.createElement(
     "div",
     {
       className: "Layer__tasks-list-item__head",
       onClick: () => setIsOpen(!isOpen)
     },
-    /* @__PURE__ */ import_react161.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react161.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react161.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react161.default.createElement(Text, { size: "md" /* md */ }, task.title)),
-    /* @__PURE__ */ import_react161.default.createElement(
+    /* @__PURE__ */ import_react162.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react162.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react162.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react162.default.createElement(Text, { size: "md" /* md */ }, task.title)),
+    /* @__PURE__ */ import_react162.default.createElement(
       ChevronDownFill_default,
       {
         size: 16,
@@ -14778,13 +14782,13 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ import_react161.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react161.default.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ import_react161.default.createElement(
+  ), /* @__PURE__ */ import_react162.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react162.default.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ import_react162.default.createElement(
     Textarea,
     {
       value: userResponse,
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ), /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, /* @__PURE__ */ import_react161.default.createElement(
+  ), /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, /* @__PURE__ */ import_react162.default.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -14808,17 +14812,17 @@ function paginateArray(array, chunkSize = 10) {
   }
   return result;
 }
-var TasksEmptyState = () => /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react162.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react162.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react162.default.createElement("br", null), " Great job!"));
+var TasksEmptyState = () => /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react163.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react163.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react163.default.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
-  const { data: tasks, error } = (0, import_react162.useContext)(TasksContext);
+  const { data: tasks, error } = (0, import_react163.useContext)(TasksContext);
   const firstPageWithIincompleteTasks = paginateArray(
     tasks || [],
     pageSize
   ).findIndex((page) => page.some((task) => !isComplete(task.status)));
-  const [currentPage, setCurrentPage] = (0, import_react162.useState)(
+  const [currentPage, setCurrentPage] = (0, import_react163.useState)(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
-  const sortedTasks = (0, import_react162.useMemo)(() => {
+  const sortedTasks = (0, import_react163.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return tasks?.slice(firstPageIndex, lastPageIndex);
@@ -14832,7 +14836,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react162.default.createElement(import_react162.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react162.default.createElement(
+  return /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react163.default.createElement(import_react163.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react163.default.createElement(
     TasksListItem,
     {
       key: task.id,
@@ -14840,7 +14844,7 @@ var TasksList = ({ pageSize = 10 }) => {
       goToNextPageIfAllComplete: goToNextPage,
       defaultOpen: index === indexFirstIncomplete
     }
-  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react162.default.createElement(
+  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react163.default.createElement(
     Pagination,
     {
       currentPage,
@@ -14848,16 +14852,16 @@ var TasksList = ({ pageSize = 10 }) => {
       pageSize,
       onPageChange: (page) => setCurrentPage(page)
     }
-  ))) : /* @__PURE__ */ import_react162.default.createElement(import_react162.default.Fragment, null, error ? /* @__PURE__ */ import_react162.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react162.default.createElement(TasksEmptyState, null)));
+  ))) : /* @__PURE__ */ import_react163.default.createElement(import_react163.default.Fragment, null, error ? /* @__PURE__ */ import_react163.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react163.default.createElement(TasksEmptyState, null)));
 };
 
 // src/components/TasksPending/TasksPending.tsx
-var import_react163 = __toESM(require("react"));
+var import_react164 = __toESM(require("react"));
 var import_classnames59 = __toESM(require("classnames"));
 var import_date_fns33 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
-  const { data } = (0, import_react163.useContext)(TasksContext);
+  const { data } = (0, import_react164.useContext)(TasksContext);
   const completedTasks = data?.filter((task) => isComplete(task.status)).length;
   const chartData = [
     {
@@ -14872,7 +14876,7 @@ var TasksPending = () => {
   const taskStatusClassName = (0, import_classnames59.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react163.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns33.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react163.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react163.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react163.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react163.default.createElement(
+  return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns33.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react164.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react164.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react164.default.createElement(
     import_recharts4.Pie,
     {
       data: chartData,
@@ -14890,7 +14894,7 @@ var TasksPending = () => {
       animationEasing: "ease-in-out"
     },
     chartData.map((task, index) => {
-      return /* @__PURE__ */ import_react163.default.createElement(
+      return /* @__PURE__ */ import_react164.default.createElement(
         import_recharts4.Cell,
         {
           key: `cell-${index}`,
@@ -14904,7 +14908,7 @@ var TasksPending = () => {
 
 // src/components/Tasks/Tasks.tsx
 var import_classnames60 = __toESM(require("classnames"));
-var UseTasksContext = (0, import_react164.createContext)({
+var UseTasksContext = (0, import_react165.createContext)({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -14923,7 +14927,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react164.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react164.default.createElement(
+  return /* @__PURE__ */ import_react165.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react165.default.createElement(
     TasksComponent,
     {
       collapsable,
@@ -14936,7 +14940,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ import_react164.default.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ import_react165.default.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -14946,8 +14950,8 @@ var TasksComponent = ({
   // deprecated
   stringOverrides
 }) => {
-  const { isLoading, loadedStatus, data } = (0, import_react164.useContext)(TasksContext);
-  const allComplete = (0, import_react164.useMemo)(() => {
+  const { isLoading, loadedStatus, data } = (0, import_react165.useContext)(TasksContext);
+  const allComplete = (0, import_react165.useMemo)(() => {
     if (!data) {
       return void 0;
     }
@@ -14956,15 +14960,15 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = (0, import_react164.useState)(
+  const [open, setOpen] = (0, import_react165.useState)(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
-  (0, import_react164.useEffect)(() => {
+  (0, import_react165.useEffect)(() => {
     if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react164.default.createElement(
+  return /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react165.default.createElement(
     TasksHeader,
     {
       tasksHeader: stringOverrides?.header || tasksHeader,
@@ -14972,7 +14976,7 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ import_react164.default.createElement(
+  ), /* @__PURE__ */ import_react165.default.createElement(
     "div",
     {
       className: (0, import_classnames60.default)(
@@ -14980,16 +14984,16 @@ var TasksComponent = ({
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react164.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react164.default.createElement(import_react164.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react164.default.createElement(TasksPending, null), /* @__PURE__ */ import_react164.default.createElement(TasksList, null))
+    isLoading || !data ? /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react165.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react165.default.createElement(import_react165.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react165.default.createElement(TasksPending, null), /* @__PURE__ */ import_react165.default.createElement(TasksList, null))
   ));
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-var import_react166 = __toESM(require("react"));
+var import_react167 = __toESM(require("react"));
 
 // src/icons/Coffee.tsx
-var React169 = __toESM(require("react"));
-var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createElement(
+var React170 = __toESM(require("react"));
+var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React170.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14999,7 +15003,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React169.createElement("g", { "clip-path": "url(#clip0_5018_10141)" }, /* @__PURE__ */ React169.createElement(
+  /* @__PURE__ */ React170.createElement("g", { "clip-path": "url(#clip0_5018_10141)" }, /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
@@ -15007,7 +15011,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React169.createElement(
+  ), /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
@@ -15015,7 +15019,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React169.createElement(
+  ), /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M8.75 0.958344V2.33334",
@@ -15023,7 +15027,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React169.createElement(
+  ), /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M6.91663 0.958344V2.33334",
@@ -15031,7 +15035,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React169.createElement(
+  ), /* @__PURE__ */ React170.createElement(
     "path",
     {
       d: "M5.08337 0.958344V2.33334",
@@ -15040,7 +15044,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
       strokeLinejoin: "round"
     }
   )),
-  /* @__PURE__ */ React169.createElement("defs", null, /* @__PURE__ */ React169.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React169.createElement(
+  /* @__PURE__ */ React170.createElement("defs", null, /* @__PURE__ */ React170.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React170.createElement(
     "rect",
     {
       width: "11",
@@ -15053,9 +15057,9 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
 var Coffee_default = CoffeeIcon;
 
 // src/components/IconBox/IconBox.tsx
-var import_react165 = __toESM(require("react"));
+var import_react166 = __toESM(require("react"));
 var IconBox = ({ children }) => {
-  return /* @__PURE__ */ import_react165.default.createElement("span", { className: "Layer__icon-box" }, children);
+  return /* @__PURE__ */ import_react166.default.createElement("span", { className: "Layer__icon-box" }, children);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
@@ -15063,35 +15067,35 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react166.default.createElement(IconBox, null, /* @__PURE__ */ import_react166.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react166.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react166.default.createElement(
+  return /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react167.default.createElement(IconBox, null, /* @__PURE__ */ import_react167.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react167.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react167.default.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ import_react166.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react166.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ import_react167.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react167.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react167 = __toESM(require("react"));
+var import_react168 = __toESM(require("react"));
 var import_classnames61 = __toESM(require("classnames"));
 var BookkeepingOverview = ({
   title,
   // deprecated
   stringOverrides
 }) => {
-  const [pnlToggle, setPnlToggle] = (0, import_react167.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react168.useState)("expenses");
   const [width] = useWindowSize();
-  return /* @__PURE__ */ import_react167.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react167.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react167.default.createElement(
+  return /* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react168.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react168.default.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: stringOverrides?.title || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ import_react167.default.createElement(TasksComponent, { stringOverrides: stringOverrides?.tasks })
+      sidebar: /* @__PURE__ */ import_react168.default.createElement(TasksComponent, { stringOverrides: stringOverrides?.tasks })
     },
-    width <= 1100 && /* @__PURE__ */ import_react167.default.createElement(
+    width <= 1100 && /* @__PURE__ */ import_react168.default.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -15099,23 +15103,23 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides?.tasks
       }
     ),
-    /* @__PURE__ */ import_react167.default.createElement(
+    /* @__PURE__ */ import_react168.default.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ import_react167.default.createElement(Header, null, /* @__PURE__ */ import_react167.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.profitAndLoss?.header || "Profit & Loss"), /* @__PURE__ */ import_react167.default.createElement(ProfitAndLoss.DatePicker, null)),
-      /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react167.default.createElement(
+      /* @__PURE__ */ import_react168.default.createElement(Header, null, /* @__PURE__ */ import_react168.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.profitAndLoss?.header || "Profit & Loss"), /* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss.DatePicker, null)),
+      /* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react168.default.createElement(
         ProfitAndLoss.Summaries,
         {
           stringOverrides: stringOverrides?.profitAndLoss?.summaries
         }
       )),
-      /* @__PURE__ */ import_react167.default.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react167.default.createElement(
+    /* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react168.default.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -15132,7 +15136,7 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ import_react167.default.createElement(
+    ), /* @__PURE__ */ import_react168.default.createElement(
       Container,
       {
         name: (0, import_classnames61.default)(
@@ -15140,7 +15144,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react167.default.createElement(
+      /* @__PURE__ */ import_react168.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
@@ -15148,7 +15152,7 @@ var BookkeepingOverview = ({
           stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
         }
       )
-    ), /* @__PURE__ */ import_react167.default.createElement(
+    ), /* @__PURE__ */ import_react168.default.createElement(
       Container,
       {
         name: (0, import_classnames61.default)(
@@ -15156,7 +15160,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react167.default.createElement(
+      /* @__PURE__ */ import_react168.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
@@ -15169,29 +15173,29 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react171 = __toESM(require("react"));
+var import_react172 = __toESM(require("react"));
 
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
-var import_react170 = __toESM(require("react"));
+var import_react171 = __toESM(require("react"));
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-var import_react168 = __toESM(require("react"));
+var import_react169 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ import_react168.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react168.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ import_react169.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react169.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_react169 = __toESM(require("react"));
+var import_react170 = __toESM(require("react"));
 var import_classnames62 = __toESM(require("classnames"));
 var NotificationCard = ({
   onClick,
   children,
   className
 }) => {
-  return /* @__PURE__ */ import_react169.default.createElement("div", { className: (0, import_classnames62.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react169.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react169.default.createElement(
+  return /* @__PURE__ */ import_react170.default.createElement("div", { className: (0, import_classnames62.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react170.default.createElement(
     IconButton,
     {
-      icon: /* @__PURE__ */ import_react169.default.createElement(ChevronRight_default, null),
+      icon: /* @__PURE__ */ import_react170.default.createElement(ChevronRight_default, null),
       withBorder: true,
       onClick: () => onClick()
     }
@@ -15204,16 +15208,16 @@ var TransactionToReviewCard = ({
   onClick,
   usePnlDateRange
 }) => {
-  const { dateRange: contextDateRange } = (0, import_react170.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react171.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react170.useState)(0);
+  const [toReview, setToReview] = (0, import_react171.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : (0, import_date_fns34.startOfMonth)(/* @__PURE__ */ new Date())
   });
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -15226,40 +15230,40 @@ var TransactionToReviewCard = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react170.default.createElement(
+  return /* @__PURE__ */ import_react171.default.createElement(
     NotificationCard,
     {
       className: "Layer__txs-to-review",
       onClick: () => onClick && onClick()
     },
-    /* @__PURE__ */ import_react170.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
-    loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react170.default.createElement(BadgeLoader, null) : null,
-    loaded === "complete" && error ? /* @__PURE__ */ import_react170.default.createElement(
+    /* @__PURE__ */ import_react171.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
+    loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react171.default.createElement(BadgeLoader, null) : null,
+    loaded === "complete" && error ? /* @__PURE__ */ import_react171.default.createElement(
       Badge,
       {
         variant: "error" /* ERROR */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react170.default.createElement(RefreshCcw_default, { size: 12 }),
+        icon: /* @__PURE__ */ import_react171.default.createElement(RefreshCcw_default, { size: 12 }),
         onClick: () => refetch()
       },
       "Refresh"
     ) : null,
-    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react170.default.createElement(
+    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react171.default.createElement(
       Badge,
       {
         variant: "warning" /* WARNING */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react170.default.createElement(Bell_default, { size: 12 })
+        icon: /* @__PURE__ */ import_react171.default.createElement(Bell_default, { size: 12 })
       },
       toReview,
       " pending"
     ) : null,
-    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react170.default.createElement(
+    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react171.default.createElement(
       Badge,
       {
         variant: "success" /* SUCCESS */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react170.default.createElement(Check_default, { size: 12 })
+        icon: /* @__PURE__ */ import_react171.default.createElement(Check_default, { size: 12 })
       },
       "All done"
     ) : null
@@ -15276,33 +15280,33 @@ var AccountingOverview = ({
   chartColorsList,
   stringOverrides
 }) => {
-  const [pnlToggle, setPnlToggle] = (0, import_react171.useState)("expenses");
-  return /* @__PURE__ */ import_react171.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react171.default.createElement(View, { title, headerControls: /* @__PURE__ */ import_react171.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react171.default.createElement(
+  const [pnlToggle, setPnlToggle] = (0, import_react172.useState)("expenses");
+  return /* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react172.default.createElement(View, { title, headerControls: /* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react172.default.createElement(
     Onboarding,
     {
       onTransactionsToReviewClick
     }
-  ), /* @__PURE__ */ import_react171.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react171.default.createElement(
+  ), /* @__PURE__ */ import_react172.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react172.default.createElement(
     ProfitAndLoss.Summaries,
     {
       stringOverrides: stringOverrides?.profitAndLoss?.summaries
     }
-  ), /* @__PURE__ */ import_react171.default.createElement(
+  ), /* @__PURE__ */ import_react172.default.createElement(
     TransactionToReviewCard,
     {
       usePnlDateRange: true,
       onClick: onTransactionsToReviewClick
     }
-  )), /* @__PURE__ */ import_react171.default.createElement(
+  )), /* @__PURE__ */ import_react172.default.createElement(
     Container,
     {
       name: "accounting-overview-profit-and-loss",
       asWidget: true,
       elevated: true
     },
-    /* @__PURE__ */ import_react171.default.createElement(Header, null, /* @__PURE__ */ import_react171.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.header || "Profit & Loss")),
-    /* @__PURE__ */ import_react171.default.createElement(ProfitAndLoss.Chart, null)
-  ), middleBanner && /* @__PURE__ */ import_react171.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner), /* @__PURE__ */ import_react171.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react171.default.createElement(
+    /* @__PURE__ */ import_react172.default.createElement(Header, null, /* @__PURE__ */ import_react172.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.header || "Profit & Loss")),
+    /* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss.Chart, null)
+  ), middleBanner && /* @__PURE__ */ import_react172.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner), /* @__PURE__ */ import_react172.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react172.default.createElement(
     Toggle,
     {
       name: "pnl-detailed-charts",
@@ -15319,7 +15323,7 @@ var AccountingOverview = ({
       selected: pnlToggle,
       onChange: (e) => setPnlToggle(e.target.value)
     }
-  ), /* @__PURE__ */ import_react171.default.createElement(
+  ), /* @__PURE__ */ import_react172.default.createElement(
     Container,
     {
       name: (0, import_classnames63.default)(
@@ -15327,7 +15331,7 @@ var AccountingOverview = ({
         pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ import_react171.default.createElement(
+    /* @__PURE__ */ import_react172.default.createElement(
       ProfitAndLoss.DetailedCharts,
       {
         scope: "revenue",
@@ -15336,7 +15340,7 @@ var AccountingOverview = ({
         chartColorsList
       }
     )
-  ), /* @__PURE__ */ import_react171.default.createElement(
+  ), /* @__PURE__ */ import_react172.default.createElement(
     Container,
     {
       name: (0, import_classnames63.default)(
@@ -15344,7 +15348,7 @@ var AccountingOverview = ({
         pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ import_react171.default.createElement(
+    /* @__PURE__ */ import_react172.default.createElement(
       ProfitAndLoss.DetailedCharts,
       {
         scope: "expenses",
@@ -15357,7 +15361,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-var import_react172 = __toESM(require("react"));
+var import_react173 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -15371,7 +15375,7 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react172.default.createElement(View, { title: stringOverrides?.title || title || "Bank transactions" }, /* @__PURE__ */ import_react172.default.createElement(
+  return /* @__PURE__ */ import_react173.default.createElement(View, { title: stringOverrides?.title || title || "Bank transactions" }, /* @__PURE__ */ import_react173.default.createElement(
     LinkedAccounts,
     {
       elevated: elevatedLinkedAccounts,
@@ -15380,7 +15384,7 @@ var BankTransactionsWithLinkedAccounts = ({
       showBreakConnection,
       stringOverrides: stringOverrides?.linkedAccounts
     }
-  ), /* @__PURE__ */ import_react172.default.createElement(
+  ), /* @__PURE__ */ import_react173.default.createElement(
     BankTransactions,
     {
       asWidget: true,
@@ -15394,14 +15398,14 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react173 = __toESM(require("react"));
+var import_react174 = __toESM(require("react"));
 var GeneralLedgerView = ({
   title,
   // deprecated
   stringOverrides
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react173.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react173.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react173.default.createElement(View, { title: stringOverrides?.title || title || "General Ledger" }, /* @__PURE__ */ import_react173.default.createElement(
+  const [activeTab, setActiveTab] = (0, import_react174.useState)("chartOfAccounts");
+  return /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react174.default.createElement(View, { title: stringOverrides?.title || title || "General Ledger" }, /* @__PURE__ */ import_react174.default.createElement(
     Toggle,
     {
       name: "general-ledger-tabs",
@@ -15418,24 +15422,24 @@ var GeneralLedgerView = ({
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  ), /* @__PURE__ */ import_react173.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react173.default.createElement(
+  ), /* @__PURE__ */ import_react174.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react174.default.createElement(
     ChartOfAccounts,
     {
       asWidget: true,
       withExpandAllButton: true,
       stringOverrides: stringOverrides?.chartOfAccounts
     }
-  ) : /* @__PURE__ */ import_react173.default.createElement(Journal, { stringOverrides: stringOverrides?.journal }))));
+  ) : /* @__PURE__ */ import_react174.default.createElement(Journal, { stringOverrides: stringOverrides?.journal }))));
 };
 
 // src/views/Reports/Reports.tsx
-var import_react174 = __toESM(require("react"));
+var import_react175 = __toESM(require("react"));
 var DownloadButton2 = ({
   stringOverrides
 }) => {
-  const { dateRange } = (0, import_react174.useContext)(ProfitAndLoss.Context);
+  const { dateRange } = (0, import_react175.useContext)(ProfitAndLoss.Context);
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [requestFailed, setRequestFailed] = (0, import_react174.useState)(false);
+  const [requestFailed, setRequestFailed] = (0, import_react175.useState)(false);
   const handleClick = async () => {
     const month = (dateRange.startDate.getMonth() + 1).toString();
     const year = dateRange.startDate.getFullYear().toString();
@@ -15462,7 +15466,7 @@ var DownloadButton2 = ({
       setRequestFailed(true);
     }
   };
-  return requestFailed ? /* @__PURE__ */ import_react174.default.createElement(
+  return requestFailed ? /* @__PURE__ */ import_react175.default.createElement(
     RetryButton,
     {
       onClick: handleClick,
@@ -15470,11 +15474,11 @@ var DownloadButton2 = ({
       error: "Approval failed. Check connection and retry in few seconds."
     },
     stringOverrides?.retryButtonText || "Retry"
-  ) : /* @__PURE__ */ import_react174.default.createElement(
+  ) : /* @__PURE__ */ import_react175.default.createElement(
     Button,
     {
       variant: "secondary" /* secondary */,
-      rightIcon: /* @__PURE__ */ import_react174.default.createElement(DownloadCloud_default, { size: 12 }),
+      rightIcon: /* @__PURE__ */ import_react175.default.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
     stringOverrides?.downloadButtonText || "Download"
@@ -15501,11 +15505,11 @@ var Reports = ({
   stringOverrides,
   enabledReports = ["profitAndLoss", "balanceSheet", "statementOfCashFlow"]
 }) => {
-  const containerRef = (0, import_react174.useRef)(null);
-  const [activeTab, setActiveTab] = (0, import_react174.useState)(enabledReports[0]);
+  const containerRef = (0, import_react175.useRef)(null);
+  const [activeTab, setActiveTab] = (0, import_react175.useState)(enabledReports[0]);
   const options = getOptions(enabledReports);
   const defaultTitle = enabledReports.length > 1 ? "Reports" : options.find((option) => option.value = enabledReports[0])?.label;
-  return /* @__PURE__ */ import_react174.default.createElement(View, { title: stringOverrides?.title || title || defaultTitle }, enabledReports.length > 1 && /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react174.default.createElement(
+  return /* @__PURE__ */ import_react175.default.createElement(View, { title: stringOverrides?.title || title || defaultTitle }, enabledReports.length > 1 && /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react175.default.createElement(
     Toggle,
     {
       name: "reports-tabs",
@@ -15513,7 +15517,7 @@ var Reports = ({
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  )), /* @__PURE__ */ import_react174.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react174.default.createElement(
+  )), /* @__PURE__ */ import_react175.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react175.default.createElement(
     ReportsPanel,
     {
       containerRef,
@@ -15527,22 +15531,22 @@ var ReportsPanel = ({
   openReport,
   stringOverrides
 }) => {
-  const { sidebarScope } = (0, import_react174.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react174.default.createElement(TableProvider, null, /* @__PURE__ */ import_react174.default.createElement(
+  const { sidebarScope } = (0, import_react175.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react175.default.createElement(import_react175.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react175.default.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react174.default.createElement(
+      headerControls: /* @__PURE__ */ import_react175.default.createElement(import_react175.default.Fragment, null, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react175.default.createElement(
         DownloadButton2,
         {
           stringOverrides: stringOverrides?.downloadButton
         }
       ))
     },
-    /* @__PURE__ */ import_react174.default.createElement(
+    /* @__PURE__ */ import_react175.default.createElement(
       Panel,
       {
-        sidebar: /* @__PURE__ */ import_react174.default.createElement(
+        sidebar: /* @__PURE__ */ import_react175.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             showDatePicker: false,
@@ -15552,7 +15556,7 @@ var ReportsPanel = ({
         sidebarIsOpen: Boolean(sidebarScope),
         parentRef: containerRef
       },
-      /* @__PURE__ */ import_react174.default.createElement(
+      /* @__PURE__ */ import_react175.default.createElement(
         ProfitAndLoss.Table,
         {
           asContainer: false,
@@ -15560,7 +15564,7 @@ var ReportsPanel = ({
         }
       )
     )
-  )), openReport === "balanceSheet" && /* @__PURE__ */ import_react174.default.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react174.default.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react175.default.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react175.default.createElement(
     StatementOfCashFlow,
     {
       stringOverrides: stringOverrides?.statementOfCashflow
@@ -15569,22 +15573,22 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react175 = __toESM(require("react"));
+var import_react176 = __toESM(require("react"));
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react175.useRef)(null);
-  return /* @__PURE__ */ import_react175.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLossPanel, { containerRef, ...props })));
+  const containerRef = (0, import_react176.useRef)(null);
+  return /* @__PURE__ */ import_react176.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react176.default.createElement(ProfitAndLossPanel, { containerRef, ...props })));
 };
 var ProfitAndLossPanel = ({
   containerRef,
   stringOverrides,
   ...props
 }) => {
-  const { sidebarScope } = (0, import_react175.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react175.default.createElement(
+  const { sidebarScope } = (0, import_react176.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react176.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react175.default.createElement(
+      sidebar: /* @__PURE__ */ import_react176.default.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides?.profitAndLossDetailedCharts
@@ -15593,8 +15597,8 @@ var ProfitAndLossPanel = ({
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react175.default.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ import_react175.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, stringOverrides?.header || "Profit & Loss")),
-    /* @__PURE__ */ import_react175.default.createElement(Components, { stringOverrides, ...props })
+    /* @__PURE__ */ import_react176.default.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ import_react176.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, stringOverrides?.header || "Profit & Loss")),
+    /* @__PURE__ */ import_react176.default.createElement(Components, { stringOverrides, ...props })
   );
 };
 var Components = ({
@@ -15602,11 +15606,11 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react175.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react176.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react175.default.createElement(
+    return /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react176.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -15617,13 +15621,13 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ import_react175.default.createElement(import_react175.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react175.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react175.default.createElement(
+  return /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react176.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react176.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react175.default.createElement(
+    /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ import_react176.default.createElement(
       ProfitAndLoss.Summaries,
       {
         vertical: true,
@@ -15631,18 +15635,18 @@ var Components = ({
         stringOverrides: stringOverrides?.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ import_react175.default.createElement(
+  ), /* @__PURE__ */ import_react176.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react175.default.createElement(TableProvider, null, /* @__PURE__ */ import_react175.default.createElement(
+    /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ import_react176.default.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides?.profitAndLossTable
     }
-  )));
+  ));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {