@layerfi/components 0.1.80 → 0.1.81

package/dist/esm/index.mjs

@@ -57,7 +57,7 @@ import React9, { useState as useState7 } from "react";
 import React8, { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.80";
+var version = "0.1.81";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -177,12 +177,42 @@ var tryToReadErrorsFromResponse = (res) => __async(void 0, null, function* () {
   }
 });
 
+// src/utils/request/toDefinedSearchParameters.ts
+function toSnakeCase(input) {
+  var _a;
+  const segments = (_a = input.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)) != null ? _a : [];
+  return segments.map((segment) => segment.toLowerCase()).join("_");
+}
+function toDefinedSearchParameters(input) {
+  const definedParameters = Object.fromEntries(
+    Object.entries(input).map(([key, value]) => {
+      if (value === null || value === void 0) {
+        return null;
+      }
+      if (value instanceof Date) {
+        return [key, value.toISOString()];
+      }
+      if (typeof value !== "string") {
+        return [key, String(value)];
+      }
+      return [key, value];
+    }).filter((entry) => entry !== null).map(([key, value]) => [toSnakeCase(key), value])
+  );
+  return new URLSearchParams(definedParameters);
+}
+
 // src/api/layer/balance_sheet.ts
 var getBalanceSheet = get(
   ({ businessId, effectiveDate }) => `/v1/businesses/${businessId}/reports/balance-sheet?effective_date=${encodeURIComponent(
     effectiveDate
   )}`
 );
+var getBalanceSheetCSV = get(
+  ({ businessId, effectiveDate }) => {
+    const parameters = toDefinedSearchParameters({ effectiveDate });
+    return `/v1/businesses/${businessId}/reports/balance-sheet/exports/csv?${parameters}`;
+  }
+);
 
 // src/api/layer/bankTransactions.ts
 var getBankTransactions = get(
@@ -215,10 +245,10 @@ var updateBankTransactionMetadata = put(
   ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`
 );
 var listBankTransactionDocuments = get(
-  ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents?content_disposition=INLINE`
+  ({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents?content_disposition=ATTACHMENT`
 );
 var getBankTransactionDocument = get(
-  ({ businessId, bankTransactionId, documentId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents/${documentId}?content_disposition=INLINE`
+  ({ businessId, bankTransactionId, documentId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents/${documentId}?content_disposition=ATTACHMENT`
 );
 var archiveBankTransactionDocument = post(
   ({ businessId, bankTransactionId, documentId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/documents/${documentId}/archive`
@@ -359,6 +389,12 @@ var getStatementOfCashFlow = get(
     startDate
   )}&end_date=${encodeURIComponent(endDate)}`
 );
+var getCashflowStatementCSV = get(
+  ({ businessId, startDate, endDate }) => {
+    const parameters = toDefinedSearchParameters({ startDate, endDate });
+    return `/v1/businesses/${businessId}/reports/cashflow-statement/exports/csv?${parameters}`;
+  }
+);
 
 // src/api/layer/tasks.ts
 var getTasks = get(
@@ -5086,15 +5122,18 @@ import useSWRMutation from "swr/mutation";
 
 // src/components/ui/Stack/Stack.tsx
 import React69, { useMemo as useMemo9 } from "react";
-var CLASS_NAME = "Layer__VStack";
-function VStack(_a) {
-  var _b = _a, { align, children, gap, justify } = _b, restProps = __objRest(_b, ["align", "children", "gap", "justify"]);
+var CLASS_NAME = "Layer__Stack";
+function Stack(_a) {
+  var _b = _a, { align, children, direction, gap, justify } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify"]);
   const dataProperties = useMemo9(
-    () => toDataProperties({ align, gap, justify }),
-    [align, gap, justify]
+    () => toDataProperties({ align, gap, justify, direction }),
+    [align, direction, gap, justify]
   );
   return /* @__PURE__ */ React69.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: CLASS_NAME }), children);
 }
+function VStack(props) {
+  return /* @__PURE__ */ React69.createElement(Stack, __spreadProps(__spreadValues({}, props), { direction: "column" }));
+}
 
 // src/components/utility/ConditionalList.tsx
 import React70 from "react";
@@ -8648,6 +8687,7 @@ import classNames39 from "classnames";
 var BusinessForm = ({
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions
 }) => {
@@ -8738,7 +8778,7 @@ var BusinessForm = ({
       true
     );
   };
-  return /* @__PURE__ */ React116.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React116.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, showCategorization ? /* @__PURE__ */ React116.createElement(
     ActionableList,
     {
       options,
@@ -8746,7 +8786,7 @@ var BusinessForm = ({
       selectedId: selectedCategory == null ? void 0 : selectedCategory.id,
       showDescriptions: showTooltips
     }
-  ), showDescriptions && /* @__PURE__ */ React116.createElement(
+  ) : null, showDescriptions && /* @__PURE__ */ React116.createElement(
     InputGroup,
     {
       className: "Layer__bank-transaction-mobile-list-item__description",
@@ -9050,6 +9090,7 @@ import classNames42 from "classnames";
 var SplitForm = ({
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions
 }) => {
@@ -9189,7 +9230,7 @@ var SplitForm = ({
       true
     );
   });
-  return /* @__PURE__ */ React119.createElement("div", null, /* @__PURE__ */ React119.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ React119.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ React119.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ React119.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ React119.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ React119.createElement(
+  return /* @__PURE__ */ React119.createElement("div", null, showCategorization ? /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ React119.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ React119.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ React119.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ React119.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ React119.createElement(
     "div",
     {
       className: "Layer__bank-transactions__table-cell--split-entry",
@@ -9245,7 +9286,7 @@ var SplitForm = ({
       className: "Layer__add-new-split"
     },
     "Add new split"
-  )), showDescriptions && /* @__PURE__ */ React119.createElement(
+  ))) : null, showDescriptions && /* @__PURE__ */ React119.createElement(
     InputGroup,
     {
       className: "Layer__bank-transaction-mobile-list-item__description",
@@ -9338,6 +9379,7 @@ var BankTransactionMobileForms = ({
   purpose,
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions,
   isOpen
@@ -9349,6 +9391,7 @@ var BankTransactionMobileForms = ({
           BusinessForm,
           {
             bankTransaction,
+            showCategorization,
             showTooltips,
             showReceiptUploads,
             showDescriptions
@@ -9528,7 +9571,7 @@ var BankTransactionMobileListItem = ({
       isCredit(bankTransaction) ? "+$" : " $",
       centsToDollars(bankTransaction.amount)
     ), /* @__PURE__ */ React122.createElement("span", { className: `${className}__heading__date` }, formatTime9(parseISO10(bankTransaction.date), DATE_FORMAT2))))
-  ), categorizationEnabled(mode) ? /* @__PURE__ */ React122.createElement(
+  ), /* @__PURE__ */ React122.createElement(
     "div",
     {
       className: `${className}__expanded-row`,
@@ -9540,7 +9583,7 @@ var BankTransactionMobileListItem = ({
         className: `${className}__expanded-row__content`,
         ref: formRowRef
       },
-      /* @__PURE__ */ React122.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ React122.createElement(
+      categorizationEnabled(mode) ? /* @__PURE__ */ React122.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ React122.createElement(
         Toggle,
         {
           name: `purpose-${bankTransaction.id}`,
@@ -9549,31 +9592,29 @@ var BankTransactionMobileListItem = ({
             {
               value: "business",
               label: "Business",
-              style: { minWidth: 84 },
-              disabled: !categorizationEnabled(mode)
+              style: { minWidth: 84 }
             },
             {
               value: "personal",
               label: "Personal",
-              style: { minWidth: 84 },
-              disabled: !categorizationEnabled(mode)
+              style: { minWidth: 84 }
             },
             {
               value: "more",
               label: "More",
-              style: { minWidth: 84 },
-              disabled: !categorizationEnabled(mode)
+              style: { minWidth: 84 }
             }
           ],
           selected: purpose,
           onChange: onChangePurpose
         }
-      ), /* @__PURE__ */ React122.createElement(CloseButton, { onClick: () => close() })),
+      ), /* @__PURE__ */ React122.createElement(CloseButton, { onClick: () => close() })) : null,
       /* @__PURE__ */ React122.createElement(
         BankTransactionMobileForms,
         {
           purpose,
           bankTransaction,
+          showCategorization: categorizationEnabled(mode),
           showTooltips,
           showReceiptUploads,
           showDescriptions,
@@ -9581,7 +9622,7 @@ var BankTransactionMobileListItem = ({
         }
       )
     )
-  ) : /* @__PURE__ */ React122.createElement(React122.Fragment, null));
+  ));
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileList.tsx
@@ -14651,7 +14692,7 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-import React182, { useEffect as useEffect38, useState as useState46 } from "react";
+import React184, { useEffect as useEffect37, useState as useState46 } from "react";
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
 import { createContext as createContext14 } from "react";
@@ -14699,13 +14740,13 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
 };
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-import { useEffect as useEffect36, useLayoutEffect as useLayoutEffect3, useRef as useRef21, useState as useState45 } from "react";
-var useElementViewSize = (callback) => {
-  const ref = useRef21(null);
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef21, useState as useState45 } from "react";
+var useElementViewSize = () => {
+  const containerRef = useRef21(null);
   const [view, setView] = useState45("desktop");
   const resizeTimeout = useRef21(null);
   useLayoutEffect3(() => {
-    const element = ref == null ? void 0 : ref.current;
+    const element = containerRef == null ? void 0 : containerRef.current;
     if (!element) {
       return;
     }
@@ -14733,11 +14774,8 @@ var useElementViewSize = (callback) => {
         clearTimeout(resizeTimeout.current);
       }
     };
-  }, [callback, ref, view]);
-  useEffect36(() => {
-    callback(view);
-  }, [view, callback]);
-  return ref;
+  }, [containerRef, view]);
+  return { view, containerRef };
 };
 
 // src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
@@ -14773,7 +14811,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-import React181, { useEffect as useEffect37 } from "react";
+import React181, { useEffect as useEffect36 } from "react";
 var BalanceSheetTable = ({
   data,
   config,
@@ -14781,12 +14819,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  useEffect37(() => {
+  useEffect36(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  useEffect37(() => {
+  useEffect36(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -14858,10 +14896,131 @@ var BALANCE_SHEET_ROWS = [
 
 // src/components/BalanceSheet/BalanceSheet.tsx
 import { format as format5, parse, startOfDay as startOfDay2 } from "date-fns";
+
+// src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
+import React183 from "react";
+
+// src/components/utility/InvisibleDownload.tsx
+import React182, { forwardRef as forwardRef13, useCallback as useCallback5, useImperativeHandle as useImperativeHandle3, useRef as useRef22 } from "react";
+
+// src/utils/delay/runDelayed.ts
+var DEFAULT_DELAY_MS = 50;
+function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
+  return new Promise(
+    (resolve) => setTimeout(() => resolve(block()), delayMs)
+  );
+}
+
+// src/components/utility/InvisibleDownload.tsx
+function useInvisibleDownload() {
+  const invisibleDownloadRef = useRef22(null);
+  const triggerInvisibleDownload = useCallback5((options) => {
+    var _a;
+    (_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options);
+  }, []);
+  return { invisibleDownloadRef, triggerInvisibleDownload };
+}
+var CLASS_NAME6 = "Layer__InvisibleDownload";
+var InvisibleDownload = forwardRef13((_props, ref) => {
+  const internalRef = useRef22(null);
+  useImperativeHandle3(ref, () => ({
+    trigger: (_0) => __async(void 0, [_0], function* ({ url }) {
+      var _a;
+      (_a = internalRef.current) == null ? void 0 : _a.setAttribute("href", url);
+      return runDelayedSync(() => {
+        var _a2;
+        return (_a2 = internalRef.current) == null ? void 0 : _a2.click();
+      });
+    })
+  }));
+  const handleContainClick = useCallback5((event) => {
+    event.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ React182.createElement("a", { download: true, className: CLASS_NAME6, ref: internalRef, onClick: handleContainClick });
+});
+InvisibleDownload.displayName = "InvisibleDownload";
+var InvisibleDownload_default = InvisibleDownload;
+
+// src/components/BalanceSheet/download/useBalanceSheetDownload.ts
+import useSWRMutation2 from "swr/mutation";
+function buildKey2({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  effectiveDate
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      effectiveDate,
+      tags: ["#balance-sheet", "#exports", "#csv"]
+    };
+  }
+}
+function useBalanceSheetDownload({
+  effectiveDate,
+  onSuccess
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWRMutation2(
+    () => buildKey2(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      effectiveDate
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, effectiveDate: effectiveDate2 }) => getBalanceSheetCSV(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          effectiveDate: effectiveDate2.toISOString()
+        }
+      }
+    )().then(({ data }) => {
+      if (onSuccess) {
+        return onSuccess(data);
+      }
+    }),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+}
+
+// src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
+function BalanceSheetDownloadButton({
+  effectiveDate,
+  iconOnly
+}) {
+  const { invisibleDownloadRef, triggerInvisibleDownload } = useInvisibleDownload();
+  const { trigger, isMutating, error } = useBalanceSheetDownload({
+    effectiveDate,
+    onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
+  });
+  return /* @__PURE__ */ React183.createElement(React183.Fragment, null, /* @__PURE__ */ React183.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ React183.createElement(InvisibleDownload_default, { ref: invisibleDownloadRef }));
+}
+
+// src/components/BalanceSheet/BalanceSheet.tsx
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ React182.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React184.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ React184.createElement(
     BalanceSheetView,
     __spreadValues({
       asWidget: props.asWidget,
@@ -14876,11 +15035,8 @@ var BalanceSheetView = ({
 }) => {
   const [effectiveDate, setEffectiveDate] = useState46(startOfDay2(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
-  const [view, setView] = useState46("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  useEffect38(() => {
+  const { view, containerRef } = useElementViewSize();
+  useEffect37(() => {
     const d1 = effectiveDate && format5(startOfDay2(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
     const d2 = (data == null ? void 0 : data.effective_date) && format5(
       startOfDay2(
@@ -14893,20 +15049,20 @@ var BalanceSheetView = ({
     }
   }, [effectiveDate]);
   if (asWidget) {
-    return /* @__PURE__ */ React182.createElement(TableProvider, null, /* @__PURE__ */ React182.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ React182.createElement(
+    return /* @__PURE__ */ React184.createElement(TableProvider, null, /* @__PURE__ */ React184.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ React184.createElement(
       View,
       {
         type: "panel",
         ref: containerRef,
-        header: /* @__PURE__ */ React182.createElement(Header2, null, /* @__PURE__ */ React182.createElement(HeaderRow, null, /* @__PURE__ */ React182.createElement(HeaderCol, null, /* @__PURE__ */ React182.createElement(
+        header: /* @__PURE__ */ React184.createElement(Header2, null, /* @__PURE__ */ React184.createElement(HeaderRow, null, /* @__PURE__ */ React184.createElement(HeaderCol, null, /* @__PURE__ */ React184.createElement(
           BalanceSheetDatePicker,
           {
             effectiveDate,
             setEffectiveDate
           }
-        )), withExpandAllButton && /* @__PURE__ */ React182.createElement(HeaderCol, null, /* @__PURE__ */ React182.createElement(BalanceSheetExpandAllButton, { view }))))
+        )), withExpandAllButton && /* @__PURE__ */ React184.createElement(HeaderCol, null, /* @__PURE__ */ React184.createElement(BalanceSheetExpandAllButton, { view }))))
       },
-      !data || isLoading ? /* @__PURE__ */ React182.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React182.createElement(Loader2, null)) : /* @__PURE__ */ React182.createElement(
+      !data || isLoading ? /* @__PURE__ */ React184.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React184.createElement(Loader2, null)) : /* @__PURE__ */ React184.createElement(
         BalanceSheetTable,
         {
           data,
@@ -14916,20 +15072,26 @@ var BalanceSheetView = ({
       )
     )));
   }
-  return /* @__PURE__ */ React182.createElement(TableProvider, null, /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React184.createElement(TableProvider, null, /* @__PURE__ */ React184.createElement(
     View,
     {
       type: "panel",
       ref: containerRef,
-      header: /* @__PURE__ */ React182.createElement(Header2, null, /* @__PURE__ */ React182.createElement(HeaderRow, null, /* @__PURE__ */ React182.createElement(HeaderCol, null, /* @__PURE__ */ React182.createElement(
+      header: /* @__PURE__ */ React184.createElement(Header2, null, /* @__PURE__ */ React184.createElement(HeaderRow, null, /* @__PURE__ */ React184.createElement(HeaderCol, null, /* @__PURE__ */ React184.createElement(
         BalanceSheetDatePicker,
         {
           effectiveDate,
           setEffectiveDate
         }
-      )), withExpandAllButton && /* @__PURE__ */ React182.createElement(HeaderCol, null, /* @__PURE__ */ React182.createElement(BalanceSheetExpandAllButton, { view }))))
+      )), /* @__PURE__ */ React184.createElement(HeaderCol, null, withExpandAllButton && /* @__PURE__ */ React184.createElement(BalanceSheetExpandAllButton, { view }), /* @__PURE__ */ React184.createElement(
+        BalanceSheetDownloadButton,
+        {
+          effectiveDate,
+          iconOnly: view === "mobile"
+        }
+      ))))
     },
-    !data || isLoading ? /* @__PURE__ */ React182.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React182.createElement(Loader2, null)) : /* @__PURE__ */ React182.createElement(
+    !data || isLoading ? /* @__PURE__ */ React184.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React184.createElement(Loader2, null)) : /* @__PURE__ */ React184.createElement(
       BalanceSheetTable,
       {
         data,
@@ -14941,7 +15103,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-import React184, { useState as useState47 } from "react";
+import React187, { useState as useState47 } from "react";
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
 import { createContext as createContext15 } from "react";
@@ -14954,7 +15116,7 @@ var StatementOfCashFlowContext = createContext15({
 });
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-import { useEffect as useEffect39 } from "react";
+import { useEffect as useEffect38 } from "react";
 import { format as format6, startOfDay as startOfDay3 } from "date-fns";
 import useSWR7 from "swr";
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
@@ -14980,12 +15142,12 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
   const refetch = () => {
     mutate();
   };
-  useEffect39(() => {
+  useEffect38(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  useEffect39(() => {
+  useEffect38(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -14994,7 +15156,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-import React183 from "react";
+import React185 from "react";
 var StatementOfCashFlowTable = ({
   data,
   config,
@@ -15004,7 +15166,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__ */ React183.createElement(React183.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ React183.createElement(
+    return /* @__PURE__ */ React185.createElement(React185.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ React185.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -15013,8 +15175,8 @@ var StatementOfCashFlowTable = ({
         handleExpand: () => setIsOpen(rowKey),
         depth
       },
-      /* @__PURE__ */ React183.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ React183.createElement(
+      /* @__PURE__ */ React185.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ React185.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -15030,35 +15192,35 @@ var StatementOfCashFlowTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), expanded && expandable && /* @__PURE__ */ React183.createElement(
+    ), expanded && expandable && /* @__PURE__ */ React185.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ React183.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ React183.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
+      /* @__PURE__ */ React185.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ React185.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ React183.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React183.createElement(TableHead, null, /* @__PURE__ */ React183.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React183.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ React183.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ React183.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ React185.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React185.createElement(TableHead, null, /* @__PURE__ */ React185.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React185.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ React185.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ React185.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
-      return /* @__PURE__ */ React183.createElement(React183.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+      return /* @__PURE__ */ React185.createElement(React185.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
         0,
         row.lineItem ? row.lineItem : "",
         idx
       ));
     } else {
-      return /* @__PURE__ */ React183.createElement(
+      return /* @__PURE__ */ React185.createElement(
         TableRow,
         {
           key: row.name + "-" + idx,
           rowKey: row.name + "-" + idx,
           variant: "default"
         },
-        /* @__PURE__ */ React183.createElement(TableCell, { primary: true }, row.displayName),
-        /* @__PURE__ */ React183.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
+        /* @__PURE__ */ React185.createElement(TableCell, { primary: true }, row.displayName),
+        /* @__PURE__ */ React185.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
       );
     }
   })));
@@ -15105,10 +15267,97 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 import { endOfMonth as endOfMonth10, startOfDay as startOfDay4, startOfMonth as startOfMonth13, subWeeks } from "date-fns";
+
+// src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
+import React186 from "react";
+
+// src/components/StatementOfCashFlow/download/useCashflowStatementDownload.ts
+import useSWRMutation3 from "swr/mutation";
+function buildKey3({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  startDate,
+  endDate
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      startDate,
+      endDate,
+      tags: ["#cashflow-statement", "#exports", "#csv"]
+    };
+  }
+}
+function useCashflowStatementDownload({
+  startDate,
+  endDate,
+  onSuccess
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWRMutation3(
+    () => buildKey3(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      startDate,
+      endDate
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, startDate: startDate2, endDate: endDate2 }) => getCashflowStatementCSV(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          startDate: startDate2.toISOString(),
+          endDate: endDate2.toISOString()
+        }
+      }
+    )().then(({ data }) => {
+      if (onSuccess) {
+        return onSuccess(data);
+      }
+    }),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+}
+
+// src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
+function CashflowStatementDownloadButton({
+  startDate,
+  endDate,
+  iconOnly
+}) {
+  const { invisibleDownloadRef, triggerInvisibleDownload } = useInvisibleDownload();
+  const { trigger, isMutating, error } = useCashflowStatementDownload({
+    startDate,
+    endDate,
+    onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
+  });
+  return /* @__PURE__ */ React186.createElement(React186.Fragment, null, /* @__PURE__ */ React186.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ React186.createElement(InvisibleDownload_default, { ref: invisibleDownloadRef }));
+}
+
+// src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 var COMPONENT_NAME4 = "statement-of-cash-flow";
 var StatementOfCashFlow = (props) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ React184.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ React184.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
+  return /* @__PURE__ */ React187.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ React187.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
 };
 var StatementOfCashFlowView = ({
   stringOverrides,
@@ -15125,6 +15374,7 @@ var StatementOfCashFlowView = ({
     startDate,
     endDate
   );
+  const { view, containerRef } = useElementViewSize();
   const [datePickerMode, setDatePickerMode] = useState47(
     deprecated_datePickerMode != null ? deprecated_datePickerMode : defaultDatePickerMode
   );
@@ -15139,7 +15389,7 @@ var StatementOfCashFlowView = ({
       refetch();
     }
   };
-  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ React184.createElement(
+  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ React187.createElement(
     DatePicker,
     {
       selected: startDate,
@@ -15157,7 +15407,7 @@ var StatementOfCashFlowView = ({
         ModeSelector: DatePickerModeSelector
       }
     }
-  ) : /* @__PURE__ */ React184.createElement(
+  ) : /* @__PURE__ */ React187.createElement(
     DatePicker,
     {
       selected: [startDate, endDate],
@@ -15172,13 +15422,21 @@ var StatementOfCashFlowView = ({
       }
     }
   );
-  return /* @__PURE__ */ React184.createElement(TableProvider, null, /* @__PURE__ */ React184.createElement(
+  return /* @__PURE__ */ React187.createElement(TableProvider, null, /* @__PURE__ */ React187.createElement(
     View,
     {
       type: "panel",
-      header: /* @__PURE__ */ React184.createElement(Header2, null, /* @__PURE__ */ React184.createElement(HeaderRow, null, /* @__PURE__ */ React184.createElement(HeaderCol, null, datePicker)))
+      ref: containerRef,
+      header: /* @__PURE__ */ React187.createElement(Header2, null, /* @__PURE__ */ React187.createElement(HeaderRow, null, /* @__PURE__ */ React187.createElement(HeaderCol, null, datePicker), /* @__PURE__ */ React187.createElement(HeaderCol, null, /* @__PURE__ */ React187.createElement(
+        CashflowStatementDownloadButton,
+        {
+          startDate,
+          endDate,
+          iconOnly: view === "mobile"
+        }
+      ))))
     },
-    !data || isLoading ? /* @__PURE__ */ React184.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ React184.createElement(Loader2, null)) : /* @__PURE__ */ React184.createElement(
+    !data || isLoading ? /* @__PURE__ */ React187.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ React187.createElement(Loader2, null)) : /* @__PURE__ */ React187.createElement(
       StatementOfCashFlowTable,
       {
         data,
@@ -15190,7 +15448,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-import React199, { useContext as useContext36, useState as useState54 } from "react";
+import React202, { useContext as useContext36 } from "react";
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 import { createContext as createContext16 } from "react";
@@ -15249,7 +15507,7 @@ var LedgerAccountsContext = createContext17({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-import { useEffect as useEffect40, useState as useState48 } from "react";
+import { useEffect as useEffect39, useState as useState48 } from "react";
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -15737,12 +15995,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  useEffect40(() => {
+  useEffect39(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  useEffect40(() => {
+  useEffect39(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -15768,7 +16026,7 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-import { useEffect as useEffect41, useState as useState49 } from "react";
+import { useEffect as useEffect40, useState as useState49 } from "react";
 import useSWR9 from "swr";
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
@@ -15804,12 +16062,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  useEffect41(() => {
+  useEffect40(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  useEffect41(() => {
+  useEffect40(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -15833,13 +16091,13 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import React191, { useContext as useContext32, useState as useState51 } from "react";
+import React194, { useContext as useContext32, useState as useState51 } from "react";
 
 // src/icons/Plus.tsx
-import * as React185 from "react";
+import * as React188 from "react";
 var Plus = (_a) => {
   var _b = _a, { size = 14 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React185.createElement(
+  return /* @__PURE__ */ React188.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -15849,7 +16107,7 @@ var Plus = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React185.createElement(
+    /* @__PURE__ */ React188.createElement(
       "path",
       {
         d: "M7 2.91602V11.0827",
@@ -15858,7 +16116,7 @@ var Plus = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React185.createElement(
+    /* @__PURE__ */ React188.createElement(
       "path",
       {
         d: "M2.91669 7H11.0834",
@@ -15872,11 +16130,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-import React186, { useContext as useContext29 } from "react";
+import React189, { useContext as useContext29 } from "react";
 import { endOfMonth as endOfMonth13, startOfMonth as startOfMonth16 } from "date-fns";
 var ChartOfAccountsDatePicker = () => {
   const { changeDateRange, dateRange } = useContext29(ChartOfAccountsContext);
-  return /* @__PURE__ */ React186.createElement(
+  return /* @__PURE__ */ React189.createElement(
     DatePicker,
     {
       mode: "monthPicker",
@@ -15894,10 +16152,10 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-import React188 from "react";
+import React191 from "react";
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-import React187, { useContext as useContext30, useMemo as useMemo25 } from "react";
+import React190, { useContext as useContext30, useMemo as useMemo25 } from "react";
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
 import { useMemo as useMemo24 } from "react";
@@ -15940,7 +16198,7 @@ var ChartOfAccountsForm = ({
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React190.createElement(
     "form",
     {
       className: "Layer__form",
@@ -15949,7 +16207,7 @@ var ChartOfAccountsForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ React187.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ React187.createElement(HeaderRow, null, /* @__PURE__ */ React187.createElement(HeaderCol, null, /* @__PURE__ */ React187.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (form == null ? void 0 : form.action) === "edit" ? (stringOverrides == null ? void 0 : stringOverrides.editModeHeader) || "Edit Account" : (stringOverrides == null ? void 0 : stringOverrides.createModeHeader) || "Add New Account")), /* @__PURE__ */ React187.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React187.createElement(
+    /* @__PURE__ */ React190.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ React190.createElement(HeaderRow, null, /* @__PURE__ */ React190.createElement(HeaderCol, null, /* @__PURE__ */ React190.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (form == null ? void 0 : form.action) === "edit" ? (stringOverrides == null ? void 0 : stringOverrides.editModeHeader) || "Edit Account" : (stringOverrides == null ? void 0 : stringOverrides.createModeHeader) || "Add New Account")), /* @__PURE__ */ React190.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React190.createElement(
       Button,
       {
         type: "button",
@@ -15958,7 +16216,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React187.createElement(
+    ), apiError && /* @__PURE__ */ React190.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15967,7 +16225,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React187.createElement(
+    ), !apiError && /* @__PURE__ */ React190.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15977,7 +16235,7 @@ var ChartOfAccountsForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ React187.createElement(
+    apiError && /* @__PURE__ */ React190.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -15985,15 +16243,15 @@ var ChartOfAccountsForm = ({
       },
       apiError
     ),
-    entry && /* @__PURE__ */ React187.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ React187.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ React187.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ React187.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ React187.createElement(
+    entry && /* @__PURE__ */ React190.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ React190.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ React190.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ React190.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ React190.createElement(
       InputGroup,
       {
         name: "parent",
         label: (stringOverrides == null ? void 0 : stringOverrides.parentLabel) || "Parent",
         inline: true
       },
-      /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React190.createElement(
         Select2,
         {
           options: parentOptions,
@@ -16002,14 +16260,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ React187.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       InputGroup,
       {
         name: "name",
         label: (stringOverrides == null ? void 0 : stringOverrides.nameLabel) || "Name",
         inline: true
       },
-      /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React190.createElement(
         Input,
         {
           name: "name",
@@ -16021,14 +16279,14 @@ var ChartOfAccountsForm = ({
           onChange: (e) => changeFormData("name", e.target.value)
         }
       )
-    ), /* @__PURE__ */ React187.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       InputGroup,
       {
         name: "type",
         label: (stringOverrides == null ? void 0 : stringOverrides.typeLabel) || "Type",
         inline: true
       },
-      /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React190.createElement(
         Select2,
         {
           options: LEDGER_ACCOUNT_TYPES,
@@ -16039,14 +16297,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
         }
       )
-    ), /* @__PURE__ */ React187.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       InputGroup,
       {
         name: "subType",
         label: (stringOverrides == null ? void 0 : stringOverrides.subTypeLabel) || "Sub-Type",
         inline: true
       },
-      /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React190.createElement(
         Select2,
         {
           options: ((_g = form == null ? void 0 : form.data.type) == null ? void 0 : _g.value) !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[(_h = form == null ? void 0 : form.data.type) == null ? void 0 : _h.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -16055,14 +16313,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ React187.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       InputGroup,
       {
         name: "normality",
         label: (stringOverrides == null ? void 0 : stringOverrides.normalityLabel) || "Normality",
         inline: true
       },
-      /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React190.createElement(
         Select2,
         {
           options: NORMALITY_OPTIONS,
@@ -16075,7 +16333,7 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ React187.createElement("div", { className: "actions" }, /* @__PURE__ */ React187.createElement(
+    ), /* @__PURE__ */ React190.createElement("div", { className: "actions" }, /* @__PURE__ */ React190.createElement(
       Button,
       {
         type: "button",
@@ -16084,7 +16342,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React187.createElement(
+    ), apiError && /* @__PURE__ */ React190.createElement(
       RetryButton,
       {
         type: "submit",
@@ -16093,7 +16351,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React187.createElement(
+    ), !apiError && /* @__PURE__ */ React190.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -16111,17 +16369,17 @@ var ChartOfAccountsSidebar = ({
   parentRef: _parentRef,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ React188.createElement(ChartOfAccountsForm, { stringOverrides });
+  return /* @__PURE__ */ React191.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import React190, { useContext as useContext31, useEffect as useEffect42, useState as useState50 } from "react";
+import React193, { useContext as useContext31, useEffect as useEffect41, useState as useState50 } from "react";
 
 // src/icons/Edit2.tsx
-import * as React189 from "react";
+import * as React192 from "react";
 var Edit2 = (_a) => {
   var _b = _a, { size = 18 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -16131,7 +16389,7 @@ var Edit2 = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React192.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",
@@ -16154,7 +16412,7 @@ var ChartOfAccountsTable = ({
   cumulativeIndex,
   accountsLength,
   templateAccountsEditable = true
-}) => /* @__PURE__ */ React190.createElement(TableProvider, null, /* @__PURE__ */ React190.createElement(
+}) => /* @__PURE__ */ React193.createElement(TableProvider, null, /* @__PURE__ */ React193.createElement(
   ChartOfAccountsTableContent,
   {
     view,
@@ -16178,14 +16436,14 @@ var ChartOfAccountsTableContent = ({
   const { editAccount } = useContext31(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const [accountsRowKeys, setAccountsRowKeys] = useState50([]);
-  useEffect42(() => {
+  useEffect41(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  useEffect42(() => {
+  useEffect41(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -16204,7 +16462,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ React190.createElement(React190.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React193.createElement(React193.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React193.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -16216,7 +16474,7 @@ var ChartOfAccountsTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ React190.createElement(
+      /* @__PURE__ */ React193.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -16227,14 +16485,14 @@ var ChartOfAccountsTableContent = ({
         },
         account.name
       ),
-      /* @__PURE__ */ React190.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
-      /* @__PURE__ */ React190.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
-      /* @__PURE__ */ React190.createElement(TableCell, { isCurrency: true }, account.balance),
-      /* @__PURE__ */ React190.createElement(TableCell, null, /* @__PURE__ */ React190.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ React190.createElement(
+      /* @__PURE__ */ React193.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
+      /* @__PURE__ */ React193.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
+      /* @__PURE__ */ React193.createElement(TableCell, { isCurrency: true }, account.balance),
+      /* @__PURE__ */ React193.createElement(TableCell, null, /* @__PURE__ */ React193.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ React193.createElement(
         Button,
         {
           variant: "secondary" /* secondary */,
-          rightIcon: /* @__PURE__ */ React190.createElement(Edit2_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ React193.createElement(Edit2_default, { size: 12 }),
           iconOnly: true,
           disabled: !templateAccountsEditable && !!account.stable_name,
           onClick: (e) => {
@@ -16256,7 +16514,7 @@ var ChartOfAccountsTableContent = ({
       );
     }));
   };
-  return /* @__PURE__ */ React190.createElement(Table, null, /* @__PURE__ */ React190.createElement(TableHead, null, /* @__PURE__ */ React190.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ React190.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ React190.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ React190.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ React190.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ React190.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ React190.createElement(TableBody, null, !error && data.accounts.map(
+  return /* @__PURE__ */ React193.createElement(Table, null, /* @__PURE__ */ React193.createElement(TableHead, null, /* @__PURE__ */ React193.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ React193.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ React193.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ React193.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ React193.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ React193.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ React193.createElement(TableBody, null, !error && data.accounts.map(
     (account, idx) => renderChartOfAccountsDesktopRow(
       account,
       idx,
@@ -16282,10 +16540,10 @@ var ChartOfAccountsTableWithPanel = ({
   const [expandAll, setExpandAll] = useState51();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
-  return /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React194.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React191.createElement(
+      sidebar: /* @__PURE__ */ React194.createElement(
         ChartOfAccountsSidebar,
         {
           parentRef: containerRef,
@@ -16295,7 +16553,7 @@ var ChartOfAccountsTableWithPanel = ({
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React191.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ React191.createElement(HeaderRow, null, /* @__PURE__ */ React191.createElement(HeaderCol, null, /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React194.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ React194.createElement(HeaderRow, null, /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
       Heading,
       {
         className: `Layer__${COMPONENT_NAME5}__title`,
@@ -16303,13 +16561,13 @@ var ChartOfAccountsTableWithPanel = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.headerText) || "Chart of Accounts"
     )))),
-    /* @__PURE__ */ React191.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ React191.createElement(HeaderRow, null, /* @__PURE__ */ React191.createElement(HeaderCol, null, /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React194.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ React194.createElement(HeaderRow, null, /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME5}__subtitle`
       },
-      withDateControl || withExpandAllButton ? /* @__PURE__ */ React191.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ React191.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ React191.createElement(
+      withDateControl || withExpandAllButton ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ React194.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ React194.createElement(
         ExpandCollapseButton,
         {
           iconOnly: view === "mobile",
@@ -16320,17 +16578,17 @@ var ChartOfAccountsTableWithPanel = ({
           variant: "secondary" /* secondary */
         }
       )) : null
-    )), /* @__PURE__ */ React191.createElement(HeaderCol, null, /* @__PURE__ */ React191.createElement(
+    )), /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
       Button,
       {
         onClick: () => addAccount(),
         disabled: isLoading,
         iconOnly: ["mobile", "tablet"].includes(view),
-        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ React191.createElement(Plus_default, { size: 14 })
+        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ React194.createElement(Plus_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addAccountButtonText) || "Add Account"
     )))),
-    data && /* @__PURE__ */ React191.createElement(
+    data && /* @__PURE__ */ React194.createElement(
       ChartOfAccountsTable,
       {
         view,
@@ -16343,7 +16601,7 @@ var ChartOfAccountsTableWithPanel = ({
         templateAccountsEditable
       }
     ),
-    error ? /* @__PURE__ */ React191.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React191.createElement(
+    error ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React194.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16353,8 +16611,8 @@ var ChartOfAccountsTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ React191.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ React191.createElement(Loader2, null)) : null,
-    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ React191.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React191.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ React194.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ React194.createElement(Loader2, null)) : null,
+    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React194.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16368,15 +16626,15 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-import React198, {
+import React201, {
   useContext as useContext35,
-  useEffect as useEffect44,
+  useEffect as useEffect43,
   useMemo as useMemo27,
   useState as useState53
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import React196, { useContext as useContext33, useMemo as useMemo26 } from "react";
+import React199, { useContext as useContext33, useMemo as useMemo26 } from "react";
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -16400,14 +16658,14 @@ var entryNumber = (entry) => {
 };
 
 // src/components/Card/Card.tsx
-import React192 from "react";
+import React195 from "react";
 import classNames62 from "classnames";
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ React192.createElement("div", { className: classNames62("Layer__card", className) }, children);
+  return /* @__PURE__ */ React195.createElement("div", { className: classNames62("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-import React193 from "react";
+import React196 from "react";
 import { parseISO as parseISO12, format as formatTime10 } from "date-fns";
 var DateTime = ({
   value,
@@ -16418,11 +16676,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format8) {
-    return /* @__PURE__ */ React193.createElement(Text, { className: "Layer__datetime" }, formatTime10(parseISO12(value), format8));
+    return /* @__PURE__ */ React196.createElement(Text, { className: "Layer__datetime" }, formatTime10(parseISO12(value), format8));
   }
   const date = formatTime10(parseISO12(value), dateFormat != null ? dateFormat : DATE_FORMAT);
   const time = formatTime10(parseISO12(value), timeFormat != null ? timeFormat : TIME_FORMAT);
-  return /* @__PURE__ */ React193.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React196.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ React196.createElement(
     Text,
     {
       as: "span",
@@ -16431,7 +16689,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ React193.createElement(
+  ), !onlyDate && /* @__PURE__ */ React196.createElement(
     Text,
     {
       as: "span",
@@ -16444,7 +16702,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-import React194 from "react";
+import React197 from "react";
 import classNames63 from "classnames";
 var DetailsList = ({
   title,
@@ -16453,14 +16711,14 @@ var DetailsList = ({
   titleClassName,
   actions
 }) => {
-  return /* @__PURE__ */ React194.createElement("div", { className: classNames63("Layer__details-list", className) }, title && /* @__PURE__ */ React194.createElement(Header, { className: titleClassName }, /* @__PURE__ */ React194.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ React194.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ React194.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ React197.createElement("div", { className: classNames63("Layer__details-list", className) }, title && /* @__PURE__ */ React197.createElement(Header, { className: titleClassName }, /* @__PURE__ */ React197.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ React197.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ React197.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-import React195 from "react";
+import React198 from "react";
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ React195.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ React198.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -16469,7 +16727,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ React195.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ React195.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ React195.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ React195.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ React198.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ React198.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ React198.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ React198.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -16480,19 +16738,19 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
         },
         transactionSource.account_name
-      ), /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React196.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React196.createElement(
+      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React199.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.directionLabel) || "Direction"
         },
         transactionSource.direction
-      ), /* @__PURE__ */ React196.createElement(
+      ), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.counterpartyLabel) || "Counterparty"
@@ -16502,23 +16760,23 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoiceSource.invoice_number
-      ), /* @__PURE__ */ React196.createElement(
+      ), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
         },
         invoiceSource.recipient_name
-      ), /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React196.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React199.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.createdByLabel) || "Created by"
@@ -16528,17 +16786,17 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoicePaymentSource.invoice_number
-      ), /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16548,7 +16806,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16558,7 +16816,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
@@ -16568,7 +16826,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React199.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.processorLabel) || "Processor"
@@ -16598,15 +16856,15 @@ var LedgerAccountEntryDetails = ({
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ React196.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React196.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ React196.createElement(HeaderRow, null, /* @__PURE__ */ React196.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React196.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React196.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ React196.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React196.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ React196.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React196.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React196.createElement(
+  return /* @__PURE__ */ React199.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React199.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ React199.createElement(HeaderRow, null, /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React199.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React199.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React199.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React199.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React199.createElement(
     DetailsList,
     {
       title: ((_b = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _b.header) || "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ React196.createElement(
+      actions: /* @__PURE__ */ React199.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ React196.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ React199.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           variant: "secondary" /* secondary */,
@@ -16614,16 +16872,16 @@ var LedgerAccountEntryDetails = ({
         }
       )
     },
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React199.createElement(
       DetailsListItem,
       {
         label: ((_d = (_c = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _c.details) == null ? void 0 : _d.sourceLabel) || "Source",
         isLoading: isLoadingEntry
       },
-      /* @__PURE__ */ React196.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
+      /* @__PURE__ */ React199.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
     ),
-    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ React196.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
-  ), /* @__PURE__ */ React196.createElement(
+    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ React199.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
+  ), /* @__PURE__ */ React199.createElement(
     DetailsList,
     {
       title: ((_g = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _g.header) ? (_h = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _h.header(
@@ -16631,7 +16889,7 @@ var LedgerAccountEntryDetails = ({
       ) : `Journal Entry ${entryData ? entryNumber(entryData) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React199.createElement(
       DetailsListItem,
       {
         label: ((_j = (_i = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _i.details) == null ? void 0 : _j.entryTypeLabel) || "Entry type",
@@ -16639,23 +16897,23 @@ var LedgerAccountEntryDetails = ({
       },
       humanizeEnum((_k = entryData == null ? void 0 : entryData.entry_type) != null ? _k : "")
     ),
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React199.createElement(
       DetailsListItem,
       {
         label: ((_m = (_l = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _l.details) == null ? void 0 : _m.dateLabel) || "Date",
         isLoading: isLoadingEntry
       },
-      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ React196.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
+      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ React199.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
     ),
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React199.createElement(
       DetailsListItem,
       {
         label: ((_o = (_n = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _n.details) == null ? void 0 : _o.creationDateLabel) || "Creation date",
         isLoading: isLoadingEntry
       },
-      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ React196.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
+      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ React199.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
     ),
-    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ React196.createElement(
+    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ React199.createElement(
       DetailsListItem,
       {
         label: ((_q = (_p = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _p.details) == null ? void 0 : _q.reversalLabel) || "Reversal",
@@ -16663,40 +16921,40 @@ var LedgerAccountEntryDetails = ({
       },
       entryData == null ? void 0 : entryData.reversal_id.substring(0, 5)
     )
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React196.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ React196.createElement(Card, null, /* @__PURE__ */ React196.createElement(
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React199.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ React199.createElement(Card, null, /* @__PURE__ */ React199.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ React196.createElement(TableHead, null, /* @__PURE__ */ React196.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React196.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ React196.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ React196.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
-    /* @__PURE__ */ React196.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
+    /* @__PURE__ */ React199.createElement(TableHead, null, /* @__PURE__ */ React199.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React199.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
+    /* @__PURE__ */ React199.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
       var _a2;
-      return /* @__PURE__ */ React196.createElement(
+      return /* @__PURE__ */ React199.createElement(
         TableRow,
         {
           key: `ledger-line-item-${index}`,
           rowKey: `ledger-line-item-${index}`
         },
-        /* @__PURE__ */ React196.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
-        /* @__PURE__ */ React196.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React196.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-        /* @__PURE__ */ React196.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React196.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+        /* @__PURE__ */ React199.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
+        /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React199.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+        /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React199.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
       );
-    }), /* @__PURE__ */ React196.createElement(
+    }), /* @__PURE__ */ React199.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ React196.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
-      /* @__PURE__ */ React196.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
-      /* @__PURE__ */ React196.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
+      /* @__PURE__ */ React199.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
+      /* @__PURE__ */ React199.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
+      /* @__PURE__ */ React199.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
     ))
   ))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-import React197, { useContext as useContext34, useEffect as useEffect43, useState as useState52 } from "react";
+import React200, { useContext as useContext34, useEffect as useEffect42, useState as useState52 } from "react";
 import classNames64 from "classnames";
 import { parseISO as parseISO13, format as formatTime11 } from "date-fns";
 var LedgerAccountRow = ({
@@ -16708,7 +16966,7 @@ var LedgerAccountRow = ({
   var _a, _b, _c, _d, _e, _f;
   const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext34(LedgerAccountsContext);
   const [showComponent, setShowComponent] = useState52(false);
-  useEffect43(() => {
+  useEffect42(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -16719,7 +16977,7 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ React197.createElement(
+    return /* @__PURE__ */ React200.createElement(
       "tr",
       {
         className: classNames64(
@@ -16738,21 +16996,21 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React197.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React197.createElement(
+      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React200.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React200.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ React197.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
-      /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ React200.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
+      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ React197.createElement(
+    return /* @__PURE__ */ React200.createElement(
       "tr",
       {
         className: classNames64(
@@ -16771,17 +17029,17 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React197.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React197.createElement(
+      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React200.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React200.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ React197.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React197.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ React197.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ React200.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ React197.createElement(
+  return /* @__PURE__ */ React200.createElement(
     "tr",
     {
       className: classNames64(
@@ -16800,12 +17058,12 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content" }, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ React197.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React197.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
@@ -16832,7 +17090,7 @@ var LedgerAccount = ({
     closeSelectedEntry,
     refetch
   } = useContext35(LedgerAccountsContext);
-  useEffect44(() => {
+  useEffect43(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -16859,10 +17117,10 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ React198.createElement(
+  return /* @__PURE__ */ React201.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React198.createElement(
+      sidebar: /* @__PURE__ */ React201.createElement(
         LedgerAccountEntryDetails,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerEntryDetail
@@ -16872,21 +17130,21 @@ var LedgerAccount = ({
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ React198.createElement("div", { className: baseClassName }, /* @__PURE__ */ React198.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ React198.createElement(HeaderRow, null, /* @__PURE__ */ React198.createElement(HeaderCol, null, /* @__PURE__ */ React198.createElement(BackButton, { onClick: close }), /* @__PURE__ */ React198.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ React198.createElement(
+    /* @__PURE__ */ React201.createElement("div", { className: baseClassName }, /* @__PURE__ */ React201.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ React201.createElement(HeaderRow, null, /* @__PURE__ */ React201.createElement(HeaderCol, null, /* @__PURE__ */ React201.createElement(BackButton, { onClick: close }), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ React201.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       (_a = account == null ? void 0 : account.name) != null ? _a : ""
-    ), /* @__PURE__ */ React198.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ React201.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-label",
         size: "sm" /* sm */
       },
       "Current balance"
-    ), /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-value",
@@ -16894,9 +17152,9 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars((account == null ? void 0 : account.balance) || 0)
-    )))))), /* @__PURE__ */ React198.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React198.createElement("thead", null, /* @__PURE__ */ React198.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React198.createElement("th", null), view === "desktop" && /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ React198.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance")))), /* @__PURE__ */ React198.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
+    )))))), /* @__PURE__ */ React201.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React201.createElement("thead", null, /* @__PURE__ */ React201.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React201.createElement("th", null), view === "desktop" && /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance")))), /* @__PURE__ */ React201.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
       (entry) => !entry.entry_reversal_of && !entry.entry_reversed_by
-    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ React198.createElement(
+    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ React201.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -16905,7 +17163,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ React198.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ React198.createElement(
+    )))), data && /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ React201.createElement(
       Pagination,
       {
         currentPage,
@@ -16913,7 +17171,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ React198.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React198.createElement(
+    )), error ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React201.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16922,7 +17180,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React198.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ React198.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ React198.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React198.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ React201.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React201.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16943,7 +17201,7 @@ var ChartOfAccounts = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ React199.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ React199.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ React199.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ React202.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ React202.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ React202.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -16953,18 +17211,15 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable
 }) => {
   const { accountId } = useContext36(LedgerAccountsContext);
-  const [view, setView] = useState54("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  return /* @__PURE__ */ React199.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React199.createElement(
+  const { view, containerRef } = useElementViewSize();
+  return /* @__PURE__ */ React202.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React202.createElement(
     LedgerAccount,
     {
       view,
       containerRef,
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerAccount
     }
-  ) : /* @__PURE__ */ React199.createElement(
+  ) : /* @__PURE__ */ React202.createElement(
     ChartOfAccountsTableWithPanel,
     {
       asWidget,
@@ -16979,7 +17234,7 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-import React206, { useState as useState58 } from "react";
+import React209 from "react";
 
 // src/contexts/JournalContext/JournalContext.tsx
 import { createContext as createContext18 } from "react";
@@ -17017,7 +17272,7 @@ var JournalContext = createContext18({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-import { useEffect as useEffect45, useState as useState55 } from "react";
+import { useEffect as useEffect44, useState as useState54 } from "react";
 import useSWR10 from "swr";
 var useJournal = () => {
   const {
@@ -17029,11 +17284,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = useState55();
-  const [form, setForm] = useState55();
-  const [addingEntry, setAddingEntry] = useState55(false);
-  const [sendingForm, setSendingForm] = useState55(false);
-  const [apiError, setApiError] = useState55(void 0);
+  const [selectedEntryId, setSelectedEntryId] = useState54();
+  const [form, setForm] = useState54();
+  const [addingEntry, setAddingEntry] = useState54(false);
+  const [sendingForm, setSendingForm] = useState54(false);
+  const [apiError, setApiError] = useState54(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = useSWR10(
     queryKey,
@@ -17249,12 +17504,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  useEffect45(() => {
+  useEffect44(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  useEffect45(() => {
+  useEffect44(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -17286,13 +17541,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import React205, { useContext as useContext42, useMemo as useMemo29, useState as useState57 } from "react";
+import React208, { useContext as useContext42, useMemo as useMemo29, useState as useState56 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-import React203, { useContext as useContext40 } from "react";
+import React206, { useContext as useContext40 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import React200, { useContext as useContext37, useMemo as useMemo28, useState as useState56 } from "react";
+import React203, { useContext as useContext37, useMemo as useMemo28, useState as useState55 } from "react";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
   const {
@@ -17304,8 +17559,8 @@ var JournalEntryDetails = () => {
     reverseEntry,
     refetch
   } = useContext37(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = useState56(false);
-  const [reverseEntryError, setReverseEntryError] = useState56();
+  const [reverseEntryProcessing, setReverseEntryProcessing] = useState55(false);
+  const [reverseEntryError, setReverseEntryError] = useState55();
   const entry = useMemo28(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
@@ -17336,15 +17591,15 @@ var JournalEntryDetails = () => {
       setReverseEntryProcessing(false);
     }
   });
-  return /* @__PURE__ */ React200.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ React200.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ React200.createElement(HeaderRow, null, /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React200.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React200.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React200.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React200.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React200.createElement(
+  return /* @__PURE__ */ React203.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ React203.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ React203.createElement(HeaderRow, null, /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React203.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React203.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React203.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React203.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React203.createElement(
     DetailsList,
     {
       title: "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ React200.createElement(
+      actions: /* @__PURE__ */ React203.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ React200.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ React203.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -17352,32 +17607,32 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ React200.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ React200.createElement(Badge, null, (_a = entry == null ? void 0 : entry.source) == null ? void 0 : _a.entity_name)),
-    ((_b = entry == null ? void 0 : entry.source) == null ? void 0 : _b.display_description) && /* @__PURE__ */ React200.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
-  ), /* @__PURE__ */ React200.createElement(
+    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ React203.createElement(Badge, null, (_a = entry == null ? void 0 : entry.source) == null ? void 0 : _a.entity_name)),
+    ((_b = entry == null ? void 0 : entry.source) == null ? void 0 : _b.display_description) && /* @__PURE__ */ React203.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
+  ), /* @__PURE__ */ React203.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry ? entryNumber(entry) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ React200.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
-    /* @__PURE__ */ React200.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ React200.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
-    /* @__PURE__ */ React200.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ React200.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
-    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ React200.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React200.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ React200.createElement(Card, null, /* @__PURE__ */ React200.createElement(
+    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
+    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ React203.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
+    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ React203.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
+    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React203.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ React203.createElement(Card, null, /* @__PURE__ */ React203.createElement(
     Table,
     {
       componentName: "journal__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ React200.createElement(TableHead, null, /* @__PURE__ */ React200.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React200.createElement(TableCell, null, "Line items"), /* @__PURE__ */ React200.createElement(
+    /* @__PURE__ */ React203.createElement(TableHead, null, /* @__PURE__ */ React203.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React203.createElement(TableCell, null, "Line items"), /* @__PURE__ */ React203.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
         align: "right" /* RIGHT */
       },
       "Debit"
-    ), /* @__PURE__ */ React200.createElement(
+    ), /* @__PURE__ */ React203.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
@@ -17385,37 +17640,37 @@ var JournalEntryDetails = () => {
       },
       "Credit"
     ))),
-    /* @__PURE__ */ React200.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ React200.createElement(
+    /* @__PURE__ */ React203.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ React203.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ React200.createElement(TableCell, null, item.account.name),
-      /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React203.createElement(TableCell, null, item.account.name),
+      /* @__PURE__ */ React203.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React200.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React203.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
       ),
-      /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React203.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React200.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React203.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
       )
-    )), /* @__PURE__ */ React200.createElement(
+    )), /* @__PURE__ */ React203.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ React200.createElement(TableCell, { primary: true }, "Total"),
-      /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React203.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ React203.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17425,7 +17680,7 @@ var JournalEntryDetails = () => {
         },
         (entry == null ? void 0 : entry.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)) || 0
       ),
-      /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React203.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17436,10 +17691,10 @@ var JournalEntryDetails = () => {
         (entry == null ? void 0 : entry.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)) || 0
       )
     ))
-  )), /* @__PURE__ */ React200.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ React200.createElement(
+  )), /* @__PURE__ */ React203.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ React203.createElement(
     Button,
     {
-      rightIcon: reverseEntryError ? /* @__PURE__ */ React200.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ React200.createElement(RefreshCcw_default, { size: 12 }),
+      rightIcon: reverseEntryError ? /* @__PURE__ */ React203.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ React203.createElement(RefreshCcw_default, { size: 12 }),
       variant: "secondary" /* secondary */,
       onClick: reverseEntryProcessing ? () => {
       } : onReverseEntry,
@@ -17452,10 +17707,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-import React202, { useContext as useContext39 } from "react";
+import React205, { useContext as useContext39 } from "react";
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-import React201, { useContext as useContext38 } from "react";
+import React204, { useContext as useContext38 } from "react";
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -17467,14 +17722,14 @@ var JournalFormEntryLines = ({
   const { data: accountsData } = useContext38(ChartOfAccountsContext);
   const { form } = useContext38(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ React201.createElement(React201.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
-    return /* @__PURE__ */ React201.createElement(
+  return /* @__PURE__ */ React204.createElement(React204.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
+    return /* @__PURE__ */ React204.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ React201.createElement(
+      /* @__PURE__ */ React204.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -17489,13 +17744,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ React201.createElement(
+        return /* @__PURE__ */ React204.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ React201.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ React201.createElement(
+          /* @__PURE__ */ React204.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ React204.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -17521,14 +17776,14 @@ var JournalFormEntryLines = ({
               )) == null ? void 0 : _c.message
             }
           )),
-          /* @__PURE__ */ React201.createElement(
+          /* @__PURE__ */ React204.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ React201.createElement(
+            /* @__PURE__ */ React204.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -17552,18 +17807,18 @@ var JournalFormEntryLines = ({
                 )) == null ? void 0 : _f.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ React201.createElement(
+            idx2 >= 2 && /* @__PURE__ */ React204.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ React201.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ React204.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ React201.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ React204.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -17591,7 +17846,7 @@ var JournalForm = ({
     addEntryLine,
     removeEntryLine
   } = useContext39(JournalContext);
-  return /* @__PURE__ */ React202.createElement(
+  return /* @__PURE__ */ React205.createElement(
     "form",
     {
       className: "Layer__form",
@@ -17600,7 +17855,7 @@ var JournalForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ React202.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React202.createElement(HeaderRow, null, /* @__PURE__ */ React202.createElement(HeaderCol, null, /* @__PURE__ */ React202.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ React202.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React205.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React205.createElement(HeaderRow, null, /* @__PURE__ */ React205.createElement(HeaderCol, null, /* @__PURE__ */ React205.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ React205.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React205.createElement(
       Button,
       {
         type: "button",
@@ -17609,7 +17864,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React202.createElement(
+    ), apiError && /* @__PURE__ */ React205.createElement(
       RetryButton,
       {
         type: "submit",
@@ -17618,7 +17873,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React202.createElement(
+    ), !apiError && /* @__PURE__ */ React205.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -17628,7 +17883,7 @@ var JournalForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ React202.createElement(
+    apiError && /* @__PURE__ */ React205.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -17636,7 +17891,7 @@ var JournalForm = ({
       },
       apiError
     ),
-    /* @__PURE__ */ React202.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ React202.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ React202.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ React205.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ React205.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17649,7 +17904,7 @@ var JournalForm = ({
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ React202.createElement(
+    ), /* @__PURE__ */ React205.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17663,7 +17918,7 @@ var JournalForm = ({
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React205.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: (form == null ? void 0 : form.data.line_items) || [],
@@ -17674,7 +17929,7 @@ var JournalForm = ({
         config
       }
     ),
-    /* @__PURE__ */ React202.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ React202.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ React205.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ React205.createElement(
       Textarea,
       {
         name: "memo",
@@ -17684,7 +17939,7 @@ var JournalForm = ({
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ React202.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ React205.createElement(
       Button,
       {
         type: "button",
@@ -17693,7 +17948,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React202.createElement(
+    ), apiError && /* @__PURE__ */ React205.createElement(
       RetryButton,
       {
         type: "submit",
@@ -17702,7 +17957,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React202.createElement(
+    ), !apiError && /* @__PURE__ */ React205.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -17723,13 +17978,13 @@ var JournalSidebar = ({
 }) => {
   const { selectedEntryId } = useContext40(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ React203.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ React206.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ React203.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ React206.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
-import React204, { useContext as useContext41, useEffect as useEffect46 } from "react";
+import React207, { useContext as useContext41, useEffect as useEffect45 } from "react";
 import { parseISO as parseISO14, format as formatTime12 } from "date-fns";
 var accountName = (row) => {
   if ("account" in row) {
@@ -17744,7 +17999,7 @@ var JournalTable = ({
   view,
   data,
   stringOverrides
-}) => /* @__PURE__ */ React204.createElement(TableProvider, null, /* @__PURE__ */ React204.createElement(
+}) => /* @__PURE__ */ React207.createElement(TableProvider, null, /* @__PURE__ */ React207.createElement(
   JournalTableContent,
   {
     view,
@@ -17758,7 +18013,7 @@ var JournalTableContent = ({
 }) => {
   const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext41(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  useEffect46(() => {
+  useEffect45(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -17766,7 +18021,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ React204.createElement(React204.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React204.createElement(
+    return /* @__PURE__ */ React207.createElement(React207.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React207.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -17784,7 +18039,7 @@ var JournalTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ React204.createElement(
+      /* @__PURE__ */ React207.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -17795,16 +18050,16 @@ var JournalTableContent = ({
         },
         entryNumber(row)
       ),
-      /* @__PURE__ */ React204.createElement(TableCell, null, row.entry_at && formatTime12(parseISO14(row.entry_at), DATE_FORMAT)),
-      /* @__PURE__ */ React204.createElement(TableCell, null, humanizeEnum(row.entry_type)),
-      /* @__PURE__ */ React204.createElement(TableCell, null, "(", row.line_items.length, ")"),
-      /* @__PURE__ */ React204.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ React207.createElement(TableCell, null, row.entry_at && formatTime12(parseISO14(row.entry_at), DATE_FORMAT)),
+      /* @__PURE__ */ React207.createElement(TableCell, null, humanizeEnum(row.entry_type)),
+      /* @__PURE__ */ React207.createElement(TableCell, null, "(", row.line_items.length, ")"),
+      /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
         row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
       )),
-      /* @__PURE__ */ React204.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
         row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
       ))
-    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ React204.createElement(
+    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ React207.createElement(
       TableRow,
       {
         key: rowKey + "-" + index + "-" + subIdx,
@@ -17812,15 +18067,15 @@ var JournalTableContent = ({
         depth: depth + 1,
         selected: selectedEntryId === row.id
       },
-      /* @__PURE__ */ React204.createElement(TableCell, null),
-      /* @__PURE__ */ React204.createElement(TableCell, null),
-      /* @__PURE__ */ React204.createElement(TableCell, null),
-      /* @__PURE__ */ React204.createElement(TableCell, null, accountName(subItem)),
-      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ React204.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React204.createElement(TableCell, null),
-      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ React204.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React204.createElement(TableCell, null)
+      /* @__PURE__ */ React207.createElement(TableCell, null),
+      /* @__PURE__ */ React207.createElement(TableCell, null),
+      /* @__PURE__ */ React207.createElement(TableCell, null),
+      /* @__PURE__ */ React207.createElement(TableCell, null, accountName(subItem)),
+      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React207.createElement(TableCell, null),
+      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React207.createElement(TableCell, null)
     )));
   };
-  return /* @__PURE__ */ React204.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React204.createElement(TableHead, null, /* @__PURE__ */ React204.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ React204.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ React204.createElement(TableBody, null, data.map(
+  return /* @__PURE__ */ React207.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React207.createElement(TableHead, null, /* @__PURE__ */ React207.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ React207.createElement(TableBody, null, data.map(
     (entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)
   )));
 };
@@ -17834,7 +18089,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = useState57(1);
+  const [currentPage, setCurrentPage] = useState56(1);
   const {
     data: rawData,
     isLoading,
@@ -17850,10 +18105,10 @@ var JournalTableWithPanel = ({
     const lastPageIndex = firstPageIndex + pageSize;
     return (_a = rawData == null ? void 0 : rawData.sort((a, b) => Date.parse(b.entry_at) - Date.parse(a.entry_at))) == null ? void 0 : _a.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  return /* @__PURE__ */ React205.createElement(
+  return /* @__PURE__ */ React208.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React205.createElement(
+      sidebar: /* @__PURE__ */ React208.createElement(
         JournalSidebar,
         {
           parentRef: containerRef,
@@ -17864,7 +18119,7 @@ var JournalTableWithPanel = ({
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React208.createElement(
       Header2,
       {
         className: `Layer__${COMPONENT_NAME6}__header`,
@@ -17872,7 +18127,7 @@ var JournalTableWithPanel = ({
         sticky: true,
         rounded: true
       },
-      /* @__PURE__ */ React205.createElement(HeaderRow, null, /* @__PURE__ */ React205.createElement(HeaderCol, null, /* @__PURE__ */ React205.createElement(
+      /* @__PURE__ */ React208.createElement(HeaderRow, null, /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME6}__title`,
@@ -17881,25 +18136,25 @@ var JournalTableWithPanel = ({
         (stringOverrides == null ? void 0 : stringOverrides.componentTitle) || "Journal"
       )))
     ),
-    /* @__PURE__ */ React205.createElement(Header2, null, /* @__PURE__ */ React205.createElement(HeaderRow, null, /* @__PURE__ */ React205.createElement(HeaderCol, null, /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React208.createElement(Header2, null, /* @__PURE__ */ React208.createElement(HeaderRow, null, /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME6}__subtitle`
       },
       (stringOverrides == null ? void 0 : stringOverrides.componentSubtitle) || "Entries"
-    )), /* @__PURE__ */ React205.createElement(HeaderCol, null, /* @__PURE__ */ React205.createElement(
+    )), /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
       Button,
       {
         onClick: () => addEntry(),
         disabled: isLoading,
         iconOnly: view === "mobile",
-        leftIcon: view === "mobile" && /* @__PURE__ */ React205.createElement(PlusIcon_default, { size: 14 })
+        leftIcon: view === "mobile" && /* @__PURE__ */ React208.createElement(PlusIcon_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addEntryButton) || "Add Entry"
     )))),
-    data && /* @__PURE__ */ React205.createElement(JournalTable, { view: "desktop", data }),
-    data && /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ React205.createElement(
+    data && /* @__PURE__ */ React208.createElement(JournalTable, { view: "desktop", data }),
+    data && /* @__PURE__ */ React208.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ React208.createElement(
       Pagination,
       {
         currentPage,
@@ -17908,7 +18163,7 @@ var JournalTableWithPanel = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ React205.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React205.createElement(
+    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ React208.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React208.createElement(
       DataState,
       {
         status: "allDone" /* allDone */,
@@ -17916,7 +18171,7 @@ var JournalTableWithPanel = ({
         description: "There are no entries in the journal."
       }
     )),
-    error ? /* @__PURE__ */ React205.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React205.createElement(
+    error ? /* @__PURE__ */ React208.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React208.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -17926,7 +18181,7 @@ var JournalTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ React205.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ React205.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ React208.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ React208.createElement(Loader2, null)) : null
   );
 };
 
@@ -17939,18 +18194,15 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ React206.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ React206.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ React206.createElement(JournalContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ React209.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ React209.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ React209.createElement(JournalContent, __spreadValues({}, props))));
 };
 var JournalContent = ({
   asWidget,
   config = JOURNAL_CONFIG,
   stringOverrides
 }) => {
-  const [view, setView] = useState58("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  return /* @__PURE__ */ React206.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React206.createElement(
+  const { view, containerRef } = useElementViewSize();
+  return /* @__PURE__ */ React209.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React209.createElement(
     JournalTableWithPanel,
     {
       view,
@@ -17962,12 +18214,12 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-import React213, {
+import React216, {
   createContext as createContext20,
   useContext as useContext47,
-  useEffect as useEffect49,
+  useEffect as useEffect48,
   useMemo as useMemo31,
-  useState as useState62
+  useState as useState60
 } from "react";
 
 // src/contexts/TasksContext/TasksContext.tsx
@@ -17986,7 +18238,7 @@ var TasksContext = createContext19({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-import { useEffect as useEffect47, useState as useState59 } from "react";
+import { useEffect as useEffect46, useState as useState57 } from "react";
 
 // src/hooks/useTasks/mockData.ts
 var mockData = [
@@ -18028,7 +18280,7 @@ var mockData = [
 import useSWR11 from "swr";
 var DEBUG_MODE = false;
 var useTasks = () => {
-  const [loadedStatus, setLoadedStatus] = useState59("initial");
+  const [loadedStatus, setLoadedStatus] = useState57("initial");
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
@@ -18039,7 +18291,7 @@ var useTasks = () => {
       params: { businessId }
     })
   );
-  useEffect47(() => {
+  useEffect46(() => {
     if (isLoading && loadedStatus === "initial") {
       setLoadedStatus("loading");
     } else if (!isLoading && loadedStatus === "loading") {
@@ -18070,12 +18322,12 @@ var useTasks = () => {
       body: data2
     }).then(() => refetch());
   };
-  useEffect47(() => {
+  useEffect46(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("TASKS" /* TASKS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  useEffect47(() => {
+  useEffect46(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -18099,13 +18351,13 @@ function isComplete(taskType) {
 }
 
 // src/components/TasksHeader/TasksHeader.tsx
-import React208, { useContext as useContext43 } from "react";
+import React211, { useContext as useContext43 } from "react";
 
 // src/icons/ProgressIcon.tsx
-import * as React207 from "react";
+import * as React210 from "react";
 var ProgressIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React207.createElement(
+  return /* @__PURE__ */ React210.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -18115,7 +18367,7 @@ var ProgressIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M9 1.5V4.5",
@@ -18124,7 +18376,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M9 13.5V16.5",
@@ -18133,7 +18385,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M3.6975 3.6975L5.82 5.82",
@@ -18142,7 +18394,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M12.18 12.18L14.3025 14.3025",
@@ -18151,7 +18403,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M1.5 9H4.5",
@@ -18160,7 +18412,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M13.5 9H16.5",
@@ -18169,7 +18421,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M3.6975 14.3025L5.82 12.18",
@@ -18178,7 +18430,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M12.18 5.82L14.3025 3.6975",
@@ -18194,22 +18446,22 @@ var ProgressIcon_default = ProgressIcon;
 // src/components/TasksHeader/TasksHeader.tsx
 var ICONS = {
   loading: {
-    icon: /* @__PURE__ */ React208.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
+    icon: /* @__PURE__ */ React211.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
     text: "Loading",
     badge: "default" /* DEFAULT */
   },
   done: {
-    icon: /* @__PURE__ */ React208.createElement(Check_default, { size: 12 }),
+    icon: /* @__PURE__ */ React211.createElement(Check_default, { size: 12 }),
     text: "Done",
     badge: "success" /* SUCCESS */
   },
   pending: {
-    icon: /* @__PURE__ */ React208.createElement(AlertCircle_default, { size: 12 }),
+    icon: /* @__PURE__ */ React211.createElement(AlertCircle_default, { size: 12 }),
     text: "In progress",
     badge: "warning" /* WARNING */
   },
   refresh: {
-    icon: /* @__PURE__ */ React208.createElement(RefreshCcw_default, { size: 12 }),
+    icon: /* @__PURE__ */ React211.createElement(RefreshCcw_default, { size: 12 }),
     text: "Refresh",
     badge: "default" /* DEFAULT */
   }
@@ -18223,7 +18475,7 @@ var TasksHeader = ({
   const { data: tasks, loadedStatus, refetch, error } = useContext43(TasksContext);
   const completedTasks = tasks == null ? void 0 : tasks.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === (tasks == null ? void 0 : tasks.length) ? ICONS.done : ICONS.pending;
-  return /* @__PURE__ */ React208.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ React208.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ React208.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ React208.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ React208.createElement(
+  return /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ React211.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ React211.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ React211.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -18231,17 +18483,17 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" ? /* @__PURE__ */ React208.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ React208.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ React208.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
+  ) : loadedStatus === "complete" ? /* @__PURE__ */ React211.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ React211.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ React211.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
 };
 
 // src/components/TasksList/TasksList.tsx
-import React211, { useContext as useContext45, useMemo as useMemo30, useState as useState61 } from "react";
+import React214, { useContext as useContext45, useMemo as useMemo30, useState as useState59 } from "react";
 
 // src/icons/SmileIcon.tsx
-import * as React209 from "react";
+import * as React212 from "react";
 var SmileIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React209.createElement(
+  return /* @__PURE__ */ React212.createElement(
     "svg",
     __spreadProps(__spreadValues({
       viewBox: "0 0 12 12",
@@ -18251,7 +18503,7 @@ var SmileIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.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",
@@ -18260,7 +18512,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.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",
@@ -18269,7 +18521,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M5 5H5.005",
@@ -18278,7 +18530,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M8 5H8.005",
@@ -18292,15 +18544,15 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-import React210, { useContext as useContext44, useEffect as useEffect48, useState as useState60 } from "react";
+import React213, { useContext as useContext44, useEffect as useEffect47, useState as useState58 } from "react";
 import classNames66 from "classnames";
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
-  const [isOpen, setIsOpen] = useState60(defaultOpen);
-  const [userResponse, setUserResponse] = useState60(task.user_response || "");
+  const [isOpen, setIsOpen] = useState58(defaultOpen);
+  const [userResponse, setUserResponse] = useState58(task.user_response || "");
   const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = useContext44(TasksContext);
   const taskBodyClassName = classNames66(
     "Layer__tasks-list-item__body",
@@ -18315,17 +18567,17 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  useEffect48(() => {
+  useEffect47(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  return /* @__PURE__ */ React210.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ React210.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ React210.createElement(
+  return /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ React213.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ React213.createElement(
     "div",
     {
       className: "Layer__tasks-list-item__head",
       onClick: () => setIsOpen(!isOpen)
     },
-    /* @__PURE__ */ React210.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ React210.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ React210.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ React210.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ React210.createElement(Text, { size: "md" /* md */ }, task.title)),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React213.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ React213.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ React213.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ React213.createElement(Text, { size: "md" /* md */ }, task.title)),
+    /* @__PURE__ */ React213.createElement(
       ChevronDownFill_default,
       {
         size: 16,
@@ -18335,13 +18587,13 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ React210.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ React210.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ React210.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ React210.createElement(
+  ), /* @__PURE__ */ React213.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ React213.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ React213.createElement(
     Textarea,
     {
       value: userResponse,
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ) : null, /* @__PURE__ */ React210.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ React210.createElement(
+  ) : null, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ React213.createElement(
     FileInput,
     {
       onUpload: (file) => {
@@ -18352,7 +18604,7 @@ var TasksListItem = ({
       text: "Upload file",
       disabled: task.completed_at != null || task.user_marked_completed_at != null || task.archived_at != null
     }
-  ) : /* @__PURE__ */ React210.createElement(
+  ) : /* @__PURE__ */ React213.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -18376,14 +18628,14 @@ function paginateArray(array, chunkSize = 10) {
   }
   return result;
 }
-var TasksEmptyState = () => /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ React211.createElement(SmileIcon_default, null)), /* @__PURE__ */ React211.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ React211.createElement("br", null), " Great job!"));
+var TasksEmptyState = () => /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ React214.createElement(SmileIcon_default, null)), /* @__PURE__ */ React214.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ React214.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
   const { data: tasks, error } = useContext45(TasksContext);
   const firstPageWithIincompleteTasks = paginateArray(
     tasks || [],
     pageSize
   ).findIndex((page) => page.some((task) => !isComplete(task.status)));
-  const [currentPage, setCurrentPage] = useState61(
+  const [currentPage, setCurrentPage] = useState59(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
   const sortedTasks = useMemo30(() => {
@@ -18400,7 +18652,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ React211.createElement(React211.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ React214.createElement(React214.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ React214.createElement(
     TasksListItem,
     {
       key: task.id,
@@ -18408,7 +18660,7 @@ var TasksList = ({ pageSize = 10 }) => {
       goToNextPageIfAllComplete: goToNextPage,
       defaultOpen: index === indexFirstIncomplete
     }
-  )), tasks && tasks.length >= 10 && /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ React211.createElement(
+  )), tasks && tasks.length >= 10 && /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ React214.createElement(
     Pagination,
     {
       currentPage,
@@ -18416,11 +18668,11 @@ var TasksList = ({ pageSize = 10 }) => {
       pageSize,
       onPageChange: (page) => setCurrentPage(page)
     }
-  ))) : /* @__PURE__ */ React211.createElement(React211.Fragment, null, error ? /* @__PURE__ */ React211.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ React211.createElement(TasksEmptyState, null)));
+  ))) : /* @__PURE__ */ React214.createElement(React214.Fragment, null, error ? /* @__PURE__ */ React214.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ React214.createElement(TasksEmptyState, null)));
 };
 
 // src/components/TasksPending/TasksPending.tsx
-import React212, { useContext as useContext46 } from "react";
+import React215, { useContext as useContext46 } from "react";
 import classNames67 from "classnames";
 import { format as format7 } from "date-fns";
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart4 } from "recharts";
@@ -18440,7 +18692,7 @@ var TasksPending = () => {
   const taskStatusClassName = classNames67(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ React212.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ React212.createElement(Text, { size: "lg" /* lg */ }, format7(Date.now(), "MMMM")), /* @__PURE__ */ React212.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ React212.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ React212.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ React212.createElement(PieChart4, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ React212.createElement(
+  return /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ React215.createElement(Text, { size: "lg" /* lg */ }, format7(Date.now(), "MMMM")), /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ React215.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ React215.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ React215.createElement(PieChart4, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ React215.createElement(
     Pie3,
     {
       data: chartData,
@@ -18458,7 +18710,7 @@ var TasksPending = () => {
       animationEasing: "ease-in-out"
     },
     chartData.map((task, index) => {
-      return /* @__PURE__ */ React212.createElement(
+      return /* @__PURE__ */ React215.createElement(
         Cell4,
         {
           key: `cell-${index}`,
@@ -18493,7 +18745,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ React213.createElement(TasksProvider, null, /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React216.createElement(TasksProvider, null, /* @__PURE__ */ React216.createElement(
     TasksComponent,
     {
       collapsable,
@@ -18506,7 +18758,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ React213.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ React216.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -18526,15 +18778,15 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = useState62(
+  const [open, setOpen] = useState60(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
-  useEffect49(() => {
+  useEffect48(() => {
     if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ React216.createElement(
     TasksHeader,
     {
       tasksHeader: (stringOverrides == null ? void 0 : stringOverrides.header) || tasksHeader,
@@ -18542,7 +18794,7 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ React213.createElement(
+  ), /* @__PURE__ */ React216.createElement(
     "div",
     {
       className: classNames68(
@@ -18550,21 +18802,21 @@ var TasksComponent = ({
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ React213.createElement(Loader2, null)) : /* @__PURE__ */ React213.createElement(React213.Fragment, null, data.length > 0 && /* @__PURE__ */ React213.createElement(TasksPending, null), /* @__PURE__ */ React213.createElement(TasksList, null))
+    isLoading || !data ? /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ React216.createElement(Loader2, null)) : /* @__PURE__ */ React216.createElement(React216.Fragment, null, data.length > 0 && /* @__PURE__ */ React216.createElement(TasksPending, null), /* @__PURE__ */ React216.createElement(TasksList, null))
   ));
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-import React214, { useContext as useContext48, useMemo as useMemo32 } from "react";
+import React217, { useContext as useContext48, useMemo as useMemo32 } from "react";
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
   const content = useMemo32(() => {
     if (inBox) {
-      return /* @__PURE__ */ React214.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ React214.createElement(LinkAccountsContent, __spreadValues({}, props)));
+      return /* @__PURE__ */ React217.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ React217.createElement(LinkAccountsContent, __spreadValues({}, props)));
     }
-    return /* @__PURE__ */ React214.createElement(LinkAccountsContent, __spreadValues({}, props));
+    return /* @__PURE__ */ React217.createElement(LinkAccountsContent, __spreadValues({}, props));
   }, [inBox, props]);
-  return /* @__PURE__ */ React214.createElement(LinkedAccountsProvider, null, content);
+  return /* @__PURE__ */ React217.createElement(LinkedAccountsProvider, null, content);
 };
 var LinkAccountsContent = ({
   title,
@@ -18579,7 +18831,7 @@ var LinkAccountsContent = ({
 }) => {
   var _a;
   const { data, loadingStatus, error, refetchAccounts, addConnection } = useContext48(LinkedAccountsContext);
-  return /* @__PURE__ */ React214.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ React214.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ React214.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ React214.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ React214.createElement(
+  return /* @__PURE__ */ React217.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ React217.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ React217.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ React217.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ React217.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -18587,7 +18839,7 @@ var LinkAccountsContent = ({
       description: "Please try again later",
       onRefresh: refetchAccounts
     }
-  )) : null, data && data.length > 0 ? /* @__PURE__ */ React214.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ React214.createElement(
+  )) : null, data && data.length > 0 ? /* @__PURE__ */ React217.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ React217.createElement(
     LinkedAccountItemThumb,
     {
       key: index,
@@ -18597,33 +18849,33 @@ var LinkAccountsContent = ({
       showBreakConnection,
       asWidget
     }
-  ))) : null, /* @__PURE__ */ React214.createElement(
+  ))) : null, /* @__PURE__ */ React217.createElement(
     ActionableRow,
     {
-      iconBox: /* @__PURE__ */ React214.createElement(PlaidIcon_default, null),
+      iconBox: /* @__PURE__ */ React217.createElement(PlaidIcon_default, null),
       title: data && data.length > 0 ? "Connect my next business account" : "Connect accounts",
       description: "Import data with one simple integration.",
-      button: /* @__PURE__ */ React214.createElement(
+      button: /* @__PURE__ */ React217.createElement(
         Button,
         {
           onClick: () => addConnection("PLAID"),
-          rightIcon: /* @__PURE__ */ React214.createElement(Link_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ React217.createElement(Link_default, { size: 12 }),
           disabled: loadingStatus !== "complete"
         },
         data && data.length > 0 ? "Connect next" : "Connect"
       )
     }
-  ), /* @__PURE__ */ React214.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ React214.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ React214.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ React214.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
+  ), /* @__PURE__ */ React217.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ React217.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ React217.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ React217.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-import React216 from "react";
+import React219 from "react";
 
 // src/icons/Coffee.tsx
-import * as React215 from "react";
+import * as React218 from "react";
 var CoffeeIcon = (_a) => {
   var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React215.createElement(
+  return /* @__PURE__ */ React218.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -18633,7 +18885,7 @@ var CoffeeIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React215.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React218.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React218.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",
@@ -18641,7 +18893,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.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",
@@ -18649,7 +18901,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M8.75 0.958344V2.33334",
@@ -18657,7 +18909,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M6.91663 0.958344V2.33334",
@@ -18665,7 +18917,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M5.08337 0.958344V2.33334",
@@ -18674,7 +18926,7 @@ var CoffeeIcon = (_a) => {
         strokeLinejoin: "round"
       }
     )),
-    /* @__PURE__ */ React215.createElement("defs", null, /* @__PURE__ */ React215.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React218.createElement("defs", null, /* @__PURE__ */ React218.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React218.createElement(
       "rect",
       {
         width: "11",
@@ -18692,26 +18944,26 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ React216.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ React216.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ React216.createElement(IconBox, null, /* @__PURE__ */ React216.createElement(Coffee_default, null)), /* @__PURE__ */ React216.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ React216.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ React216.createElement(
+  return /* @__PURE__ */ React219.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ React219.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ React219.createElement(IconBox, null, /* @__PURE__ */ React219.createElement(Coffee_default, null)), /* @__PURE__ */ React219.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ React219.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ React219.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ React216.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ React216.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ React219.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ React219.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import React218, { useState as useState63 } from "react";
+import React221, { useState as useState61 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
-import React217 from "react";
-var CLASS_NAME6 = "Layer__BookkeepingProfitAndLossSummariesContainer";
+import React220 from "react";
+var CLASS_NAME7 = "Layer__BookkeepingProfitAndLossSummariesContainer";
 function BookkeepingProfitAndLossSummariesContainer({
   children
 }) {
-  return /* @__PURE__ */ React217.createElement("div", { className: CLASS_NAME6 }, children);
+  return /* @__PURE__ */ React220.createElement("div", { className: CLASS_NAME7 }, children);
 }
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
@@ -18723,19 +18975,19 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = useState63("expenses");
+  const [pnlToggle, setPnlToggle] = useState61("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ React218.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React218.createElement(TasksProvider, null, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React221.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React221.createElement(TasksProvider, null, /* @__PURE__ */ React221.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ React218.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ React221.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle
     },
-    width <= 1100 && /* @__PURE__ */ React218.createElement(
+    width <= 1100 && /* @__PURE__ */ React221.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -18743,30 +18995,30 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
       }
     ),
-    /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React221.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ React218.createElement(
+      /* @__PURE__ */ React221.createElement(
         ProfitAndLoss.Header,
         {
           text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
           withDatePicker: true
         }
       ),
-      /* @__PURE__ */ React218.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ React218.createElement(
+      /* @__PURE__ */ React221.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ React221.createElement(
         ProfitAndLoss.Summaries,
         {
           stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
           variants: profitAndLossSummariesVariants
         }
       )),
-      /* @__PURE__ */ React218.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ React221.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ React218.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React221.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ React221.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -18783,7 +19035,7 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React221.createElement(
       Container,
       {
         name: classNames69(
@@ -18791,7 +19043,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React218.createElement(
+      /* @__PURE__ */ React221.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
@@ -18799,7 +19051,7 @@ var BookkeepingOverview = ({
           stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts
         }
       )
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React221.createElement(
       Container,
       {
         name: classNames69(
@@ -18807,7 +19059,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React218.createElement(
+      /* @__PURE__ */ React221.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
@@ -18820,20 +19072,20 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import React221, { useState as useState65 } from "react";
+import React224, { useState as useState63 } from "react";
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import React220, { useContext as useContext49, useEffect as useEffect50, useState as useState64 } from "react";
+import React223, { useContext as useContext49, useEffect as useEffect49, useState as useState62 } from "react";
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-import React219 from "react";
+import React222 from "react";
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ React219.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ React219.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ React222.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ React222.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
 import { getMonth as getMonth2, getYear as getYear2, startOfMonth as startOfMonth17 } from "date-fns";
-var CLASS_NAME7 = "Layer__TransactionsToReview";
+var CLASS_NAME8 = "Layer__TransactionsToReview";
 function TransactionsToReview({
   onClick,
   usePnlDateRange,
@@ -18843,15 +19095,15 @@ function TransactionsToReview({
   const { size = "sm" } = variants != null ? variants : {};
   const { dateRange: contextDateRange } = useContext49(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = useState64(0);
+  const [toReview, setToReview] = useState62(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : startOfMonth17(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  useEffect50(() => {
+  useEffect49(() => {
     checkTransactionsToReview();
   }, []);
-  useEffect50(() => {
+  useEffect49(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -18873,33 +19125,33 @@ function TransactionsToReview({
       verticalGap = "sm";
       break;
   }
-  return /* @__PURE__ */ React220.createElement("div", { onClick, className: CLASS_NAME7 }, /* @__PURE__ */ React220.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ React220.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ React220.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React223.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ React223.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ React223.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ React223.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ React223.createElement(
     Badge,
     {
       variant: "error" /* ERROR */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React220.createElement(RefreshCcw_default, { size: 12 }),
+      icon: /* @__PURE__ */ React223.createElement(RefreshCcw_default, { size: 12 }),
       onClick: () => refetch()
     },
     "Refresh"
-  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ React220.createElement(
+  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ React223.createElement(
     Badge,
     {
       variant: "warning" /* WARNING */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React220.createElement(Bell_default, { size: 12 })
+      icon: /* @__PURE__ */ React223.createElement(Bell_default, { size: 12 })
     },
     toReview,
     " pending"
-  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ React220.createElement(
+  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ React223.createElement(
     Badge,
     {
       variant: "success" /* SUCCESS */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React220.createElement(Check_default, { size: 12 })
+      icon: /* @__PURE__ */ React223.createElement(Check_default, { size: 12 })
     },
     "All done"
-  ) : null), /* @__PURE__ */ React220.createElement(IconButton, { icon: /* @__PURE__ */ React220.createElement(ChevronRight_default, null), withBorder: true, onClick }));
+  ) : null), /* @__PURE__ */ React223.createElement(IconButton, { icon: /* @__PURE__ */ React223.createElement(ChevronRight_default, null), withBorder: true, onClick }));
 }
 
 // src/views/AccountingOverview/AccountingOverview.tsx
@@ -18918,36 +19170,36 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = useState65("expenses");
+  const [pnlToggle, setPnlToggle] = useState63("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React224.createElement(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
     },
-    /* @__PURE__ */ React221.createElement(
+    /* @__PURE__ */ React224.createElement(
       View,
       {
         title,
         showHeader: showTitle,
-        header: /* @__PURE__ */ React221.createElement(Header2, null, /* @__PURE__ */ React221.createElement(HeaderRow, null, /* @__PURE__ */ React221.createElement(HeaderCol, null, /* @__PURE__ */ React221.createElement(ProfitAndLoss.DatePicker, null))))
+        header: /* @__PURE__ */ React224.createElement(Header2, null, /* @__PURE__ */ React224.createElement(HeaderRow, null, /* @__PURE__ */ React224.createElement(HeaderCol, null, /* @__PURE__ */ React224.createElement(ProfitAndLoss.DatePicker, null))))
       },
-      enableOnboarding && /* @__PURE__ */ React221.createElement(
+      enableOnboarding && /* @__PURE__ */ React224.createElement(
         Onboarding,
         {
           onTransactionsToReviewClick,
           onboardingStepOverride
         }
       ),
-      /* @__PURE__ */ React221.createElement(
+      /* @__PURE__ */ React224.createElement(
         Internal_ProfitAndLossSummaries,
         {
           stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
           chartColorsList,
           slots: {
             unstable_AdditionalListItems: showTransactionsToReview ? [
-              /* @__PURE__ */ React221.createElement(
+              /* @__PURE__ */ React224.createElement(
                 TransactionsToReview,
                 {
                   key: "transactions-to-review",
@@ -18961,28 +19213,28 @@ var AccountingOverview = ({
           variants: profitAndLossSummariesVariants
         }
       ),
-      /* @__PURE__ */ React221.createElement(
+      /* @__PURE__ */ React224.createElement(
         Container,
         {
           name: "accounting-overview-profit-and-loss",
           asWidget: true,
           elevated: true
         },
-        /* @__PURE__ */ React221.createElement(
+        /* @__PURE__ */ React224.createElement(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
           }
         ),
-        /* @__PURE__ */ React221.createElement(
+        /* @__PURE__ */ React224.createElement(
           ProfitAndLoss.Chart,
           {
             tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
           }
         )
       ),
-      middleBanner && /* @__PURE__ */ React221.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
-      /* @__PURE__ */ React221.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ React221.createElement(
+      middleBanner && /* @__PURE__ */ React224.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
+      /* @__PURE__ */ React224.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ React224.createElement(
         Toggle,
         {
           name: "pnl-detailed-charts",
@@ -18999,7 +19251,7 @@ var AccountingOverview = ({
           selected: pnlToggle,
           onChange: (e) => setPnlToggle(e.target.value)
         }
-      ), /* @__PURE__ */ React221.createElement(
+      ), /* @__PURE__ */ React224.createElement(
         Container,
         {
           name: classNames70(
@@ -19007,7 +19259,7 @@ var AccountingOverview = ({
             pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ React221.createElement(
+        /* @__PURE__ */ React224.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "revenue",
@@ -19016,7 +19268,7 @@ var AccountingOverview = ({
             chartColorsList
           }
         )
-      ), /* @__PURE__ */ React221.createElement(
+      ), /* @__PURE__ */ React224.createElement(
         Container,
         {
           name: classNames70(
@@ -19024,7 +19276,7 @@ var AccountingOverview = ({
             pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ React221.createElement(
+        /* @__PURE__ */ React224.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "expenses",
@@ -19039,7 +19291,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-import React222 from "react";
+import React225 from "react";
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -19055,13 +19307,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React225.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle
     },
-    /* @__PURE__ */ React222.createElement(
+    /* @__PURE__ */ React225.createElement(
       LinkedAccounts,
       {
         elevated: elevatedLinkedAccounts,
@@ -19071,7 +19323,7 @@ var BankTransactionsWithLinkedAccounts = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
       }
     ),
-    /* @__PURE__ */ React222.createElement(
+    /* @__PURE__ */ React225.createElement(
       BankTransactions,
       {
         asWidget: true,
@@ -19087,7 +19339,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import React223, { useState as useState66 } from "react";
+import React226, { useState as useState64 } from "react";
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -19095,14 +19347,14 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = useState66("chartOfAccounts");
-  return /* @__PURE__ */ React223.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React223.createElement(
+  const [activeTab, setActiveTab] = useState64("chartOfAccounts");
+  return /* @__PURE__ */ React226.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React226.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle
     },
-    /* @__PURE__ */ React223.createElement(
+    /* @__PURE__ */ React226.createElement(
       Toggle,
       {
         name: "general-ledger-tabs",
@@ -19120,7 +19372,7 @@ var GeneralLedgerView = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     ),
-    activeTab === "chartOfAccounts" ? /* @__PURE__ */ React223.createElement(
+    activeTab === "chartOfAccounts" ? /* @__PURE__ */ React226.createElement(
       ChartOfAccounts,
       {
         asWidget: true,
@@ -19129,12 +19381,12 @@ var GeneralLedgerView = ({
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
       }
-    ) : /* @__PURE__ */ React223.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+    ) : /* @__PURE__ */ React226.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
   ));
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import React224, { useState as useState67 } from "react";
+import React227, { useState as useState65 } from "react";
 import Select4 from "react-select";
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -19143,9 +19395,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = useState67("overview");
-  const [tagFilter, setTagFilter] = useState67(null);
-  const [pnlTagFilter, setPnlTagFilter] = useState67(
+  const [activeTab, setActiveTab] = useState65("overview");
+  const [tagFilter, setTagFilter] = useState65(null);
+  const [pnlTagFilter, setPnlTagFilter] = useState65(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -19159,14 +19411,14 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ React224.createElement(
+  return /* @__PURE__ */ React227.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view"
     },
-    /* @__PURE__ */ React224.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React224.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ React224.createElement(
+    /* @__PURE__ */ React227.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React227.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ React227.createElement(
       Toggle,
       {
         name: "project-tabs",
@@ -19187,7 +19439,7 @@ var ProjectProfitabilityView = ({
         selected: activeTab,
         onChange: (opt) => setActiveTab(opt.target.value)
       }
-    )), /* @__PURE__ */ React224.createElement(
+    )), /* @__PURE__ */ React227.createElement(
       Select4,
       {
         className: "Layer__category-menu Layer__select",
@@ -19205,7 +19457,7 @@ var ProjectProfitabilityView = ({
         }
       }
     )),
-    /* @__PURE__ */ React224.createElement(Container, { name: "project" }, /* @__PURE__ */ React224.createElement(React224.Fragment, null, activeTab === "overview" && /* @__PURE__ */ React224.createElement(
+    /* @__PURE__ */ React227.createElement(Container, { name: "project" }, /* @__PURE__ */ React227.createElement(React227.Fragment, null, activeTab === "overview" && /* @__PURE__ */ React227.createElement(
       AccountingOverview,
       {
         stringOverrides: { header: "Project Overview" },
@@ -19215,7 +19467,7 @@ var ProjectProfitabilityView = ({
         showTransactionsToReview: false,
         showTitle: false
       }
-    ), activeTab === "transactions" && /* @__PURE__ */ React224.createElement(
+    ), activeTab === "transactions" && /* @__PURE__ */ React227.createElement(
       BankTransactions,
       {
         hideHeader: true,
@@ -19224,7 +19476,7 @@ var ProjectProfitabilityView = ({
           tagFilter: tagFilter != null ? tagFilter : void 0
         }
       }
-    ), activeTab === "report" && /* @__PURE__ */ React224.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ React224.createElement(
+    ), activeTab === "report" && /* @__PURE__ */ React227.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ React227.createElement(
       ProfitAndLoss.Report,
       {
         stringOverrides,
@@ -19236,7 +19488,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-import React225, { useState as useState68 } from "react";
+import React228, { useState as useState66 } from "react";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -19263,20 +19515,17 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = useState68(enabledReports[0]);
-  const [view, setView] = useState68("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
+  const [activeTab, setActiveTab] = useState66(enabledReports[0]);
+  const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
-  return /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React228.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
       showHeader: showTitle
     },
-    enabledReports.length > 1 && /* @__PURE__ */ React225.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React225.createElement(
+    enabledReports.length > 1 && /* @__PURE__ */ React228.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React228.createElement(
       Toggle,
       {
         name: "reports-tabs",
@@ -19285,7 +19534,7 @@ var Reports = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     )),
-    /* @__PURE__ */ React225.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React225.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React225.createElement(
+    /* @__PURE__ */ React228.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React228.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React228.createElement(
       ReportsPanel,
       {
         containerRef,
@@ -19308,7 +19557,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ React225.createElement(React225.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React228.createElement(React228.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ React228.createElement(
     ProfitAndLoss.Report,
     __spreadValues({
       stringOverrides,
@@ -19316,7 +19565,7 @@ var ReportsPanel = ({
       parentRef: containerRef,
       view
     }, profitAndLossConfig)
-  ), openReport === "balanceSheet" && /* @__PURE__ */ React225.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ React225.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ React228.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ React228.createElement(
     StatementOfCashFlow,
     __spreadValues({
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -19325,11 +19574,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-import React226, { useContext as useContext50, useRef as useRef22 } from "react";
+import React229, { useContext as useContext50, useRef as useRef23 } from "react";
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = useRef22(null);
-  return /* @__PURE__ */ React226.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ React226.createElement(ProfitAndLoss, null, /* @__PURE__ */ React226.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
+  const containerRef = useRef23(null);
+  return /* @__PURE__ */ React229.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ React229.createElement(ProfitAndLoss, null, /* @__PURE__ */ React229.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -19340,10 +19589,10 @@ var ProfitAndLossPanel = (_a) => {
     "stringOverrides"
   ]);
   const { sidebarScope } = useContext50(ProfitAndLoss.Context);
-  return /* @__PURE__ */ React226.createElement(
+  return /* @__PURE__ */ React229.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React226.createElement(
+      sidebar: /* @__PURE__ */ React229.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -19352,7 +19601,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React226.createElement(
+    /* @__PURE__ */ React229.createElement(
       ProfitAndLoss.Header,
       {
         text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -19360,7 +19609,7 @@ var ProfitAndLossPanel = (_a) => {
         headingClassName: "Layer__profit-and-loss__title"
       }
     ),
-    /* @__PURE__ */ React226.createElement(Components, __spreadValues({ stringOverrides }, props))
+    /* @__PURE__ */ React229.createElement(Components, __spreadValues({ stringOverrides }, props))
   );
 };
 var Components = ({
@@ -19372,7 +19621,7 @@ var Components = ({
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ React226.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React226.createElement(
+    return /* @__PURE__ */ React229.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React229.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -19383,26 +19632,26 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ React226.createElement(React226.Fragment, null, !hideChart && /* @__PURE__ */ React226.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ React226.createElement(
+  return /* @__PURE__ */ React229.createElement(React229.Fragment, null, !hideChart && /* @__PURE__ */ React229.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ React229.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ React226.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ React226.createElement(
+    /* @__PURE__ */ React229.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ React229.createElement(
       ProfitAndLoss.Summaries,
       {
         actionable: true,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ React226.createElement(
+  ), /* @__PURE__ */ React229.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ React226.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ React226.createElement(
+    /* @__PURE__ */ React229.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ React229.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable