@layerfi/components 0.1.79 → 0.1.81

package/dist/cjs/index.cjs

@@ -115,7 +115,7 @@ var import_react17 = __toESM(require("react"));
 var import_react16 = __toESM(require("react"));
 
 // package.json
-var version = "0.1.79";
+var version = "0.1.81";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -235,12 +235,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(
@@ -273,10 +303,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`
@@ -417,6 +447,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(
@@ -5122,15 +5158,18 @@ var import_mutation = __toESM(require("swr/mutation"));
 
 // src/components/ui/Stack/Stack.tsx
 var import_react62 = __toESM(require("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 = (0, import_react62.useMemo)(
-    () => toDataProperties({ align, gap, justify }),
-    [align, gap, justify]
+    () => toDataProperties({ align, gap, justify, direction }),
+    [align, direction, gap, justify]
   );
   return /* @__PURE__ */ import_react62.default.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: CLASS_NAME }), children);
 }
+function VStack(props) {
+  return /* @__PURE__ */ import_react62.default.createElement(Stack, __spreadProps(__spreadValues({}, props), { direction: "column" }));
+}
 
 // src/components/utility/ConditionalList.tsx
 var import_react63 = __toESM(require("react"));
@@ -8663,6 +8702,7 @@ var import_classnames39 = __toESM(require("classnames"));
 var BusinessForm = ({
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions
 }) => {
@@ -8753,7 +8793,7 @@ var BusinessForm = ({
       true
     );
   };
-  return /* @__PURE__ */ import_react102.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, /* @__PURE__ */ import_react102.default.createElement(
+  return /* @__PURE__ */ import_react102.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__business-form" }, showCategorization ? /* @__PURE__ */ import_react102.default.createElement(
     ActionableList,
     {
       options,
@@ -8761,7 +8801,7 @@ var BusinessForm = ({
       selectedId: selectedCategory == null ? void 0 : selectedCategory.id,
       showDescriptions: showTooltips
     }
-  ), showDescriptions && /* @__PURE__ */ import_react102.default.createElement(
+  ) : null, showDescriptions && /* @__PURE__ */ import_react102.default.createElement(
     InputGroup,
     {
       className: "Layer__bank-transaction-mobile-list-item__description",
@@ -9065,6 +9105,7 @@ var import_classnames42 = __toESM(require("classnames"));
 var SplitForm = ({
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions
 }) => {
@@ -9204,7 +9245,7 @@ var SplitForm = ({
       true
     );
   });
-  return /* @__PURE__ */ import_react105.default.createElement("div", null, /* @__PURE__ */ import_react105.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ import_react105.default.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ import_react105.default.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react105.default.createElement(
+  return /* @__PURE__ */ import_react105.default.createElement("div", null, showCategorization ? /* @__PURE__ */ import_react105.default.createElement(import_react105.default.Fragment, null, /* @__PURE__ */ import_react105.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, "Split transaction"), /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__bank-transactions__table-cell__header" }, /* @__PURE__ */ import_react105.default.createElement(Text, { size: "sm" /* sm */ }, "Category"), /* @__PURE__ */ import_react105.default.createElement(Text, { size: "sm" /* sm */ }, "Amount")), /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__bank-transactions__splits-inputs" }, rowState.splits.map((split, index) => /* @__PURE__ */ import_react105.default.createElement(
     "div",
     {
       className: "Layer__bank-transactions__table-cell--split-entry",
@@ -9260,7 +9301,7 @@ var SplitForm = ({
       className: "Layer__add-new-split"
     },
     "Add new split"
-  )), showDescriptions && /* @__PURE__ */ import_react105.default.createElement(
+  ))) : null, showDescriptions && /* @__PURE__ */ import_react105.default.createElement(
     InputGroup,
     {
       className: "Layer__bank-transaction-mobile-list-item__description",
@@ -9353,6 +9394,7 @@ var BankTransactionMobileForms = ({
   purpose,
   bankTransaction,
   showTooltips,
+  showCategorization,
   showReceiptUploads,
   showDescriptions,
   isOpen
@@ -9364,6 +9406,7 @@ var BankTransactionMobileForms = ({
           BusinessForm,
           {
             bankTransaction,
+            showCategorization,
             showTooltips,
             showReceiptUploads,
             showDescriptions
@@ -9543,7 +9586,7 @@ var BankTransactionMobileListItem = ({
       isCredit(bankTransaction) ? "+$" : " $",
       centsToDollars(bankTransaction.amount)
     ), /* @__PURE__ */ import_react109.default.createElement("span", { className: `${className}__heading__date` }, (0, import_date_fns11.format)((0, import_date_fns11.parseISO)(bankTransaction.date), DATE_FORMAT2))))
-  ), categorizationEnabled(mode) ? /* @__PURE__ */ import_react109.default.createElement(
+  ), /* @__PURE__ */ import_react109.default.createElement(
     "div",
     {
       className: `${className}__expanded-row`,
@@ -9555,7 +9598,7 @@ var BankTransactionMobileListItem = ({
         className: `${className}__expanded-row__content`,
         ref: formRowRef
       },
-      /* @__PURE__ */ import_react109.default.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ import_react109.default.createElement(
+      categorizationEnabled(mode) ? /* @__PURE__ */ import_react109.default.createElement("div", { className: `${className}__toggle-row` }, /* @__PURE__ */ import_react109.default.createElement(
         Toggle,
         {
           name: `purpose-${bankTransaction.id}`,
@@ -9564,31 +9607,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__ */ import_react109.default.createElement(CloseButton, { onClick: () => close() })),
+      ), /* @__PURE__ */ import_react109.default.createElement(CloseButton, { onClick: () => close() })) : null,
       /* @__PURE__ */ import_react109.default.createElement(
         BankTransactionMobileForms,
         {
           purpose,
           bankTransaction,
+          showCategorization: categorizationEnabled(mode),
           showTooltips,
           showReceiptUploads,
           showDescriptions,
@@ -9596,7 +9637,7 @@ var BankTransactionMobileListItem = ({
         }
       )
     )
-  ) : /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null));
+  ));
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileList.tsx
@@ -14626,7 +14667,7 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-var import_react175 = __toESM(require("react"));
+var import_react177 = __toESM(require("react"));
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
 var import_react169 = require("react");
@@ -14675,12 +14716,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
 var import_react171 = require("react");
-var useElementViewSize = (callback) => {
-  const ref = (0, import_react171.useRef)(null);
+var useElementViewSize = () => {
+  const containerRef = (0, import_react171.useRef)(null);
   const [view, setView] = (0, import_react171.useState)("desktop");
   const resizeTimeout = (0, import_react171.useRef)(null);
   (0, import_react171.useLayoutEffect)(() => {
-    const element = ref == null ? void 0 : ref.current;
+    const element = containerRef == null ? void 0 : containerRef.current;
     if (!element) {
       return;
     }
@@ -14708,11 +14749,8 @@ var useElementViewSize = (callback) => {
         clearTimeout(resizeTimeout.current);
       }
     };
-  }, [callback, ref, view]);
-  (0, import_react171.useEffect)(() => {
-    callback(view);
-  }, [view, callback]);
-  return ref;
+  }, [containerRef, view]);
+  return { view, containerRef };
 };
 
 // src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
@@ -14833,10 +14871,131 @@ var BALANCE_SHEET_ROWS = [
 
 // src/components/BalanceSheet/BalanceSheet.tsx
 var import_date_fns26 = require("date-fns");
+
+// src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
+var import_react176 = __toESM(require("react"));
+
+// src/components/utility/InvisibleDownload.tsx
+var import_react175 = __toESM(require("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 = (0, import_react175.useRef)(null);
+  const triggerInvisibleDownload = (0, import_react175.useCallback)((options) => {
+    var _a;
+    (_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options);
+  }, []);
+  return { invisibleDownloadRef, triggerInvisibleDownload };
+}
+var CLASS_NAME6 = "Layer__InvisibleDownload";
+var InvisibleDownload = (0, import_react175.forwardRef)((_props, ref) => {
+  const internalRef = (0, import_react175.useRef)(null);
+  (0, import_react175.useImperativeHandle)(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 = (0, import_react175.useCallback)((event) => {
+    event.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ import_react175.default.createElement("a", { download: true, className: CLASS_NAME6, ref: internalRef, onClick: handleContainClick });
+});
+InvisibleDownload.displayName = "InvisibleDownload";
+var InvisibleDownload_default = InvisibleDownload;
+
+// src/components/BalanceSheet/download/useBalanceSheetDownload.ts
+var import_mutation2 = __toESM(require("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 (0, import_mutation2.default)(
+    () => 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__ */ import_react176.default.createElement(import_react176.default.Fragment, null, /* @__PURE__ */ import_react176.default.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ import_react176.default.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__ */ import_react175.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react175.default.createElement(
+  return /* @__PURE__ */ import_react177.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react177.default.createElement(
     BalanceSheetView,
     __spreadValues({
       asWidget: props.asWidget,
@@ -14849,13 +15008,10 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = (0, import_react175.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = (0, import_react177.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
-  const [view, setView] = (0, import_react175.useState)("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  (0, import_react175.useEffect)(() => {
+  const { view, containerRef } = useElementViewSize();
+  (0, import_react177.useEffect)(() => {
     const d1 = effectiveDate && (0, import_date_fns26.format)((0, import_date_fns26.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
     const d2 = (data == null ? void 0 : data.effective_date) && (0, import_date_fns26.format)(
       (0, import_date_fns26.startOfDay)(
@@ -14868,20 +15024,20 @@ var BalanceSheetView = ({
     }
   }, [effectiveDate]);
   if (asWidget) {
-    return /* @__PURE__ */ import_react175.default.createElement(TableProvider, null, /* @__PURE__ */ import_react175.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react175.default.createElement(
+    return /* @__PURE__ */ import_react177.default.createElement(TableProvider, null, /* @__PURE__ */ import_react177.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react177.default.createElement(
       View,
       {
         type: "panel",
         ref: containerRef,
-        header: /* @__PURE__ */ import_react175.default.createElement(Header2, null, /* @__PURE__ */ import_react175.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react175.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react175.default.createElement(
+        header: /* @__PURE__ */ import_react177.default.createElement(Header2, null, /* @__PURE__ */ import_react177.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react177.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react177.default.createElement(
           BalanceSheetDatePicker,
           {
             effectiveDate,
             setEffectiveDate
           }
-        )), withExpandAllButton && /* @__PURE__ */ import_react175.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react175.default.createElement(BalanceSheetExpandAllButton, { view }))))
+        )), withExpandAllButton && /* @__PURE__ */ import_react177.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react177.default.createElement(BalanceSheetExpandAllButton, { view }))))
       },
-      !data || isLoading ? /* @__PURE__ */ import_react175.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react175.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react175.default.createElement(
+      !data || isLoading ? /* @__PURE__ */ import_react177.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react177.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react177.default.createElement(
         BalanceSheetTable,
         {
           data,
@@ -14891,20 +15047,26 @@ var BalanceSheetView = ({
       )
     )));
   }
-  return /* @__PURE__ */ import_react175.default.createElement(TableProvider, null, /* @__PURE__ */ import_react175.default.createElement(
+  return /* @__PURE__ */ import_react177.default.createElement(TableProvider, null, /* @__PURE__ */ import_react177.default.createElement(
     View,
     {
       type: "panel",
       ref: containerRef,
-      header: /* @__PURE__ */ import_react175.default.createElement(Header2, null, /* @__PURE__ */ import_react175.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react175.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react175.default.createElement(
+      header: /* @__PURE__ */ import_react177.default.createElement(Header2, null, /* @__PURE__ */ import_react177.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react177.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react177.default.createElement(
         BalanceSheetDatePicker,
         {
           effectiveDate,
           setEffectiveDate
         }
-      )), withExpandAllButton && /* @__PURE__ */ import_react175.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react175.default.createElement(BalanceSheetExpandAllButton, { view }))))
+      )), /* @__PURE__ */ import_react177.default.createElement(HeaderCol, null, withExpandAllButton && /* @__PURE__ */ import_react177.default.createElement(BalanceSheetExpandAllButton, { view }), /* @__PURE__ */ import_react177.default.createElement(
+        BalanceSheetDownloadButton,
+        {
+          effectiveDate,
+          iconOnly: view === "mobile"
+        }
+      ))))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react175.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react175.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react175.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react177.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react177.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react177.default.createElement(
       BalanceSheetTable,
       {
         data,
@@ -14916,11 +15078,11 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-var import_react179 = __toESM(require("react"));
+var import_react182 = __toESM(require("react"));
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
-var import_react176 = require("react");
-var StatementOfCashFlowContext = (0, import_react176.createContext)({
+var import_react178 = require("react");
+var StatementOfCashFlowContext = (0, import_react178.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -14929,7 +15091,7 @@ var StatementOfCashFlowContext = (0, import_react176.createContext)({
 });
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-var import_react177 = require("react");
+var import_react179 = require("react");
 var import_date_fns27 = require("date-fns");
 var import_swr8 = __toESM(require("swr"));
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
@@ -14955,12 +15117,12 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
   const refetch = () => {
     mutate();
   };
-  (0, import_react177.useEffect)(() => {
+  (0, import_react179.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react177.useEffect)(() => {
+  (0, import_react179.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -14969,7 +15131,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react178 = __toESM(require("react"));
+var import_react180 = __toESM(require("react"));
 var StatementOfCashFlowTable = ({
   data,
   config,
@@ -14979,7 +15141,7 @@ var StatementOfCashFlowTable = ({
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react178.default.createElement(
+    return /* @__PURE__ */ import_react180.default.createElement(import_react180.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react180.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -14988,8 +15150,8 @@ var StatementOfCashFlowTable = ({
         handleExpand: () => setIsOpen(rowKey),
         depth
       },
-      /* @__PURE__ */ import_react178.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ import_react178.default.createElement(
+      /* @__PURE__ */ import_react180.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ import_react180.default.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -15005,35 +15167,35 @@ var StatementOfCashFlowTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), expanded && expandable && /* @__PURE__ */ import_react178.default.createElement(
+    ), expanded && expandable && /* @__PURE__ */ import_react180.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ import_react178.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ import_react178.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
+      /* @__PURE__ */ import_react180.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ import_react180.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react178.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react178.default.createElement(TableHead, null, /* @__PURE__ */ import_react178.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react178.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react178.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react178.default.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ import_react180.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react180.default.createElement(TableHead, null, /* @__PURE__ */ import_react180.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react180.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react180.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react180.default.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
-      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+      return /* @__PURE__ */ import_react180.default.createElement(import_react180.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
         0,
         row.lineItem ? row.lineItem : "",
         idx
       ));
     } else {
-      return /* @__PURE__ */ import_react178.default.createElement(
+      return /* @__PURE__ */ import_react180.default.createElement(
         TableRow,
         {
           key: row.name + "-" + idx,
           rowKey: row.name + "-" + idx,
           variant: "default"
         },
-        /* @__PURE__ */ import_react178.default.createElement(TableCell, { primary: true }, row.displayName),
-        /* @__PURE__ */ import_react178.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
+        /* @__PURE__ */ import_react180.default.createElement(TableCell, { primary: true }, row.displayName),
+        /* @__PURE__ */ import_react180.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
       );
     }
   })));
@@ -15080,10 +15242,97 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 var import_date_fns28 = require("date-fns");
+
+// src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
+var import_react181 = __toESM(require("react"));
+
+// src/components/StatementOfCashFlow/download/useCashflowStatementDownload.ts
+var import_mutation3 = __toESM(require("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 (0, import_mutation3.default)(
+    () => 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__ */ import_react181.default.createElement(import_react181.default.Fragment, null, /* @__PURE__ */ import_react181.default.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ import_react181.default.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__ */ import_react179.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react179.default.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
+  return /* @__PURE__ */ import_react182.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react182.default.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
 };
 var StatementOfCashFlowView = ({
   stringOverrides,
@@ -15092,15 +15341,16 @@ var StatementOfCashFlowView = ({
   allowedDatePickerModes,
   customDateRanges
 }) => {
-  const [startDate, setStartDate] = (0, import_react179.useState)(
+  const [startDate, setStartDate] = (0, import_react182.useState)(
     (0, import_date_fns28.startOfDay)((0, import_date_fns28.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = (0, import_react179.useState)((0, import_date_fns28.startOfDay)(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = (0, import_react182.useState)((0, import_date_fns28.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
   );
-  const [datePickerMode, setDatePickerMode] = (0, import_react179.useState)(
+  const { view, containerRef } = useElementViewSize();
+  const [datePickerMode, setDatePickerMode] = (0, import_react182.useState)(
     deprecated_datePickerMode != null ? deprecated_datePickerMode : defaultDatePickerMode
   );
   const handleDateChange = (dates) => {
@@ -15114,7 +15364,7 @@ var StatementOfCashFlowView = ({
       refetch();
     }
   };
-  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ import_react179.default.createElement(
+  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ import_react182.default.createElement(
     DatePicker,
     {
       selected: startDate,
@@ -15132,7 +15382,7 @@ var StatementOfCashFlowView = ({
         ModeSelector: DatePickerModeSelector
       }
     }
-  ) : /* @__PURE__ */ import_react179.default.createElement(
+  ) : /* @__PURE__ */ import_react182.default.createElement(
     DatePicker,
     {
       selected: [startDate, endDate],
@@ -15147,13 +15397,21 @@ var StatementOfCashFlowView = ({
       }
     }
   );
-  return /* @__PURE__ */ import_react179.default.createElement(TableProvider, null, /* @__PURE__ */ import_react179.default.createElement(
+  return /* @__PURE__ */ import_react182.default.createElement(TableProvider, null, /* @__PURE__ */ import_react182.default.createElement(
     View,
     {
       type: "panel",
-      header: /* @__PURE__ */ import_react179.default.createElement(Header2, null, /* @__PURE__ */ import_react179.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react179.default.createElement(HeaderCol, null, datePicker)))
+      ref: containerRef,
+      header: /* @__PURE__ */ import_react182.default.createElement(Header2, null, /* @__PURE__ */ import_react182.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react182.default.createElement(HeaderCol, null, datePicker), /* @__PURE__ */ import_react182.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react182.default.createElement(
+        CashflowStatementDownloadButton,
+        {
+          startDate,
+          endDate,
+          iconOnly: view === "mobile"
+        }
+      ))))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react179.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react179.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react179.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react182.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react182.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react182.default.createElement(
       StatementOfCashFlowTable,
       {
         data,
@@ -15165,12 +15423,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react197 = __toESM(require("react"));
+var import_react200 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react180 = require("react");
+var import_react183 = require("react");
 var import_date_fns29 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react180.createContext)(
+var ChartOfAccountsContext = (0, import_react183.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -15201,8 +15459,8 @@ var ChartOfAccountsContext = (0, import_react180.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react181 = require("react");
-var LedgerAccountsContext = (0, import_react181.createContext)({
+var import_react184 = require("react");
+var LedgerAccountsContext = (0, import_react184.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -15224,7 +15482,7 @@ var LedgerAccountsContext = (0, import_react181.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react182 = require("react");
+var import_react185 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -15524,13 +15782,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = (0, import_react182.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react182.useState)(false);
-  const [apiError, setApiError] = (0, import_react182.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react182.useState)(
+  const [form, setForm] = (0, import_react185.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react185.useState)(false);
+  const [apiError, setApiError] = (0, import_react185.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react185.useState)(
     initialStartDate != null ? initialStartDate : (0, import_date_fns30.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react182.useState)(
+  const [endDate, setEndDate] = (0, import_react185.useState)(
     initialEndDate != null ? initialEndDate : (0, import_date_fns30.endOfMonth)(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
@@ -15712,12 +15970,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react182.useEffect)(() => {
+  (0, import_react185.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react182.useEffect)(() => {
+  (0, import_react185.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -15743,14 +16001,14 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react183 = require("react");
+var import_react186 = require("react");
 var import_swr10 = __toESM(require("swr"));
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = (0, import_react183.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react183.useState)();
+  const [accountId, setAccountId] = (0, import_react186.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react186.useState)();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr10.default)(
     queryKey,
@@ -15779,12 +16037,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react183.useEffect)(() => {
+  (0, import_react186.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react183.useEffect)(() => {
+  (0, import_react186.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -15808,13 +16066,13 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react189 = __toESM(require("react"));
+var import_react192 = __toESM(require("react"));
 
 // src/icons/Plus.tsx
-var React185 = __toESM(require("react"));
+var React188 = __toESM(require("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",
@@ -15824,7 +16082,7 @@ var Plus = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React185.createElement(
+    /* @__PURE__ */ React188.createElement(
       "path",
       {
         d: "M7 2.91602V11.0827",
@@ -15833,7 +16091,7 @@ var Plus = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React185.createElement(
+    /* @__PURE__ */ React188.createElement(
       "path",
       {
         d: "M2.91669 7H11.0834",
@@ -15847,11 +16105,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react184 = __toESM(require("react"));
+var import_react187 = __toESM(require("react"));
 var import_date_fns31 = require("date-fns");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react184.useContext)(ChartOfAccountsContext);
-  return /* @__PURE__ */ import_react184.default.createElement(
+  const { changeDateRange, dateRange } = (0, import_react187.useContext)(ChartOfAccountsContext);
+  return /* @__PURE__ */ import_react187.default.createElement(
     DatePicker,
     {
       mode: "monthPicker",
@@ -15869,16 +16127,16 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-var import_react187 = __toESM(require("react"));
+var import_react190 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react186 = __toESM(require("react"));
+var import_react189 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react185 = require("react");
+var import_react188 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react185.useMemo)(
+  return (0, import_react188.useMemo)(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -15902,9 +16160,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react186.useContext)(ChartOfAccountsContext);
+  } = (0, import_react189.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react186.useMemo)(() => {
+  const entry = (0, import_react189.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -15915,7 +16173,7 @@ var ChartOfAccountsForm = ({
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ import_react186.default.createElement(
+  return /* @__PURE__ */ import_react189.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -15924,7 +16182,7 @@ var ChartOfAccountsForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react186.default.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react186.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react186.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react186.default.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__ */ import_react186.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react186.default.createElement(
+    /* @__PURE__ */ import_react189.default.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react189.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.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__ */ import_react189.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react189.default.createElement(
       Button,
       {
         type: "button",
@@ -15933,7 +16191,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react186.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react189.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15942,7 +16200,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react186.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react189.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15952,7 +16210,7 @@ var ChartOfAccountsForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ import_react186.default.createElement(
+    apiError && /* @__PURE__ */ import_react189.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -15960,15 +16218,15 @@ var ChartOfAccountsForm = ({
       },
       apiError
     ),
-    entry && /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react186.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react186.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react186.default.createElement(
+    entry && /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react189.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react189.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react189.default.createElement(
       InputGroup,
       {
         name: "parent",
         label: (stringOverrides == null ? void 0 : stringOverrides.parentLabel) || "Parent",
         inline: true
       },
-      /* @__PURE__ */ import_react186.default.createElement(
+      /* @__PURE__ */ import_react189.default.createElement(
         Select2,
         {
           options: parentOptions,
@@ -15977,14 +16235,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react186.default.createElement(
+    ), /* @__PURE__ */ import_react189.default.createElement(
       InputGroup,
       {
         name: "name",
         label: (stringOverrides == null ? void 0 : stringOverrides.nameLabel) || "Name",
         inline: true
       },
-      /* @__PURE__ */ import_react186.default.createElement(
+      /* @__PURE__ */ import_react189.default.createElement(
         Input,
         {
           name: "name",
@@ -15996,14 +16254,14 @@ var ChartOfAccountsForm = ({
           onChange: (e) => changeFormData("name", e.target.value)
         }
       )
-    ), /* @__PURE__ */ import_react186.default.createElement(
+    ), /* @__PURE__ */ import_react189.default.createElement(
       InputGroup,
       {
         name: "type",
         label: (stringOverrides == null ? void 0 : stringOverrides.typeLabel) || "Type",
         inline: true
       },
-      /* @__PURE__ */ import_react186.default.createElement(
+      /* @__PURE__ */ import_react189.default.createElement(
         Select2,
         {
           options: LEDGER_ACCOUNT_TYPES,
@@ -16014,14 +16272,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
         }
       )
-    ), /* @__PURE__ */ import_react186.default.createElement(
+    ), /* @__PURE__ */ import_react189.default.createElement(
       InputGroup,
       {
         name: "subType",
         label: (stringOverrides == null ? void 0 : stringOverrides.subTypeLabel) || "Sub-Type",
         inline: true
       },
-      /* @__PURE__ */ import_react186.default.createElement(
+      /* @__PURE__ */ import_react189.default.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,
@@ -16030,14 +16288,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react186.default.createElement(
+    ), /* @__PURE__ */ import_react189.default.createElement(
       InputGroup,
       {
         name: "normality",
         label: (stringOverrides == null ? void 0 : stringOverrides.normalityLabel) || "Normality",
         inline: true
       },
-      /* @__PURE__ */ import_react186.default.createElement(
+      /* @__PURE__ */ import_react189.default.createElement(
         Select2,
         {
           options: NORMALITY_OPTIONS,
@@ -16050,7 +16308,7 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react186.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react186.default.createElement(
+    ), /* @__PURE__ */ import_react189.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react189.default.createElement(
       Button,
       {
         type: "button",
@@ -16059,7 +16317,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react186.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react189.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -16068,7 +16326,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react186.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react189.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -16086,17 +16344,17 @@ var ChartOfAccountsSidebar = ({
   parentRef: _parentRef,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react187.default.createElement(ChartOfAccountsForm, { stringOverrides });
+  return /* @__PURE__ */ import_react190.default.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react188 = __toESM(require("react"));
+var import_react191 = __toESM(require("react"));
 
 // src/icons/Edit2.tsx
-var React189 = __toESM(require("react"));
+var React192 = __toESM(require("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",
@@ -16106,7 +16364,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",
@@ -16129,7 +16387,7 @@ var ChartOfAccountsTable = ({
   cumulativeIndex,
   accountsLength,
   templateAccountsEditable = true
-}) => /* @__PURE__ */ import_react188.default.createElement(TableProvider, null, /* @__PURE__ */ import_react188.default.createElement(
+}) => /* @__PURE__ */ import_react191.default.createElement(TableProvider, null, /* @__PURE__ */ import_react191.default.createElement(
   ChartOfAccountsTableContent,
   {
     view,
@@ -16149,18 +16407,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react188.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react188.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react191.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react191.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react188.useState)([]);
-  (0, import_react188.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react191.useState)([]);
+  (0, import_react191.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react188.useEffect)(() => {
+  (0, import_react191.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -16179,7 +16437,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react188.default.createElement(import_react188.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react188.default.createElement(
+    return /* @__PURE__ */ import_react191.default.createElement(import_react191.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react191.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -16191,7 +16449,7 @@ var ChartOfAccountsTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ import_react188.default.createElement(
+      /* @__PURE__ */ import_react191.default.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -16202,14 +16460,14 @@ var ChartOfAccountsTableContent = ({
         },
         account.name
       ),
-      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
-      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
-      /* @__PURE__ */ import_react188.default.createElement(TableCell, { isCurrency: true }, account.balance),
-      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, /* @__PURE__ */ import_react188.default.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ import_react188.default.createElement(
+      /* @__PURE__ */ import_react191.default.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
+      /* @__PURE__ */ import_react191.default.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
+      /* @__PURE__ */ import_react191.default.createElement(TableCell, { isCurrency: true }, account.balance),
+      /* @__PURE__ */ import_react191.default.createElement(TableCell, null, /* @__PURE__ */ import_react191.default.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ import_react191.default.createElement(
         Button,
         {
           variant: "secondary" /* secondary */,
-          rightIcon: /* @__PURE__ */ import_react188.default.createElement(Edit2_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ import_react191.default.createElement(Edit2_default, { size: 12 }),
           iconOnly: true,
           disabled: !templateAccountsEditable && !!account.stable_name,
           onClick: (e) => {
@@ -16231,7 +16489,7 @@ var ChartOfAccountsTableContent = ({
       );
     }));
   };
-  return /* @__PURE__ */ import_react188.default.createElement(Table, null, /* @__PURE__ */ import_react188.default.createElement(TableHead, null, /* @__PURE__ */ import_react188.default.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ import_react188.default.createElement(TableBody, null, !error && data.accounts.map(
+  return /* @__PURE__ */ import_react191.default.createElement(Table, null, /* @__PURE__ */ import_react191.default.createElement(TableHead, null, /* @__PURE__ */ import_react191.default.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ import_react191.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ import_react191.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react191.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ import_react191.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ import_react191.default.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ import_react191.default.createElement(TableBody, null, !error && data.accounts.map(
     (account, idx) => renderChartOfAccountsDesktopRow(
       account,
       idx,
@@ -16253,14 +16511,14 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react189.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react189.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react192.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react192.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
-  return /* @__PURE__ */ import_react189.default.createElement(
+  return /* @__PURE__ */ import_react192.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react189.default.createElement(
+      sidebar: /* @__PURE__ */ import_react192.default.createElement(
         ChartOfAccountsSidebar,
         {
           parentRef: containerRef,
@@ -16270,7 +16528,7 @@ var ChartOfAccountsTableWithPanel = ({
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react189.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ import_react189.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
+    /* @__PURE__ */ import_react192.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ import_react192.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react192.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react192.default.createElement(
       Heading,
       {
         className: `Layer__${COMPONENT_NAME5}__title`,
@@ -16278,13 +16536,13 @@ var ChartOfAccountsTableWithPanel = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.headerText) || "Chart of Accounts"
     )))),
-    /* @__PURE__ */ import_react189.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ import_react189.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
+    /* @__PURE__ */ import_react192.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ import_react192.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react192.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react192.default.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME5}__subtitle`
       },
-      withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react189.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react189.default.createElement(
+      withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react192.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react192.default.createElement(
         ExpandCollapseButton,
         {
           iconOnly: view === "mobile",
@@ -16295,17 +16553,17 @@ var ChartOfAccountsTableWithPanel = ({
           variant: "secondary" /* secondary */
         }
       )) : null
-    )), /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
+    )), /* @__PURE__ */ import_react192.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react192.default.createElement(
       Button,
       {
         onClick: () => addAccount(),
         disabled: isLoading,
         iconOnly: ["mobile", "tablet"].includes(view),
-        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ import_react189.default.createElement(Plus_default, { size: 14 })
+        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ import_react192.default.createElement(Plus_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addAccountButtonText) || "Add Account"
     )))),
-    data && /* @__PURE__ */ import_react189.default.createElement(
+    data && /* @__PURE__ */ import_react192.default.createElement(
       ChartOfAccountsTable,
       {
         view,
@@ -16318,7 +16576,7 @@ var ChartOfAccountsTableWithPanel = ({
         templateAccountsEditable
       }
     ),
-    error ? /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react189.default.createElement(
+    error ? /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react192.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16328,8 +16586,8 @@ var ChartOfAccountsTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react189.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react189.default.createElement(Loader2, null)) : null,
-    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react189.default.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react192.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react192.default.createElement(Loader2, null)) : null,
+    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react192.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16343,10 +16601,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react196 = __toESM(require("react"));
+var import_react199 = __toESM(require("react"));
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react194 = __toESM(require("react"));
+var import_react197 = __toESM(require("react"));
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -16370,14 +16628,14 @@ var entryNumber = (entry) => {
 };
 
 // src/components/Card/Card.tsx
-var import_react190 = __toESM(require("react"));
+var import_react193 = __toESM(require("react"));
 var import_classnames63 = __toESM(require("classnames"));
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ import_react190.default.createElement("div", { className: (0, import_classnames63.default)("Layer__card", className) }, children);
+  return /* @__PURE__ */ import_react193.default.createElement("div", { className: (0, import_classnames63.default)("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-var import_react191 = __toESM(require("react"));
+var import_react194 = __toESM(require("react"));
 var import_date_fns32 = require("date-fns");
 var DateTime = ({
   value,
@@ -16388,11 +16646,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format8) {
-    return /* @__PURE__ */ import_react191.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), format8));
+    return /* @__PURE__ */ import_react194.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), format8));
   }
   const date = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
   const time = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
-  return /* @__PURE__ */ import_react191.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react191.default.createElement(
+  return /* @__PURE__ */ import_react194.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react194.default.createElement(
     Text,
     {
       as: "span",
@@ -16401,7 +16659,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ import_react191.default.createElement(
+  ), !onlyDate && /* @__PURE__ */ import_react194.default.createElement(
     Text,
     {
       as: "span",
@@ -16414,7 +16672,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-var import_react192 = __toESM(require("react"));
+var import_react195 = __toESM(require("react"));
 var import_classnames64 = __toESM(require("classnames"));
 var DetailsList = ({
   title,
@@ -16423,14 +16681,14 @@ var DetailsList = ({
   titleClassName,
   actions
 }) => {
-  return /* @__PURE__ */ import_react192.default.createElement("div", { className: (0, import_classnames64.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react192.default.createElement(Header, { className: titleClassName }, /* @__PURE__ */ import_react192.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react192.default.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ import_react195.default.createElement("div", { className: (0, import_classnames64.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react195.default.createElement(Header, { className: titleClassName }, /* @__PURE__ */ import_react195.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react195.default.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-var import_react193 = __toESM(require("react"));
+var import_react196 = __toESM(require("react"));
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ import_react193.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ import_react196.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -16439,7 +16697,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ import_react193.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react193.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react193.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react193.default.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ import_react196.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react196.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react196.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react196.default.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -16450,19 +16708,19 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
         },
         transactionSource.account_name
-      ), /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react194.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react194.default.createElement(
+      ), /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react197.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.directionLabel) || "Direction"
         },
         transactionSource.direction
-      ), /* @__PURE__ */ import_react194.default.createElement(
+      ), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.counterpartyLabel) || "Counterparty"
@@ -16472,23 +16730,23 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoiceSource.invoice_number
-      ), /* @__PURE__ */ import_react194.default.createElement(
+      ), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
         },
         invoiceSource.recipient_name
-      ), /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react194.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      ), /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react197.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.createdByLabel) || "Created by"
@@ -16498,17 +16756,17 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoicePaymentSource.invoice_number
-      ), /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      ), /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16518,7 +16776,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16528,7 +16786,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
@@ -16538,7 +16796,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react197.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.processorLabel) || "Processor"
@@ -16554,8 +16812,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react194.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react194.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react197.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react197.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -16568,15 +16826,15 @@ var LedgerAccountEntryDetails = ({
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react194.default.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ import_react194.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react194.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react194.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react194.default.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ import_react194.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react194.default.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ import_react194.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react194.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react194.default.createElement(
+  return /* @__PURE__ */ import_react197.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react197.default.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ import_react197.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react197.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react197.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react197.default.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ import_react197.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react197.default.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ import_react197.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react197.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react197.default.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__ */ import_react194.default.createElement(
+      actions: /* @__PURE__ */ import_react197.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react194.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react197.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           variant: "secondary" /* secondary */,
@@ -16584,16 +16842,16 @@ var LedgerAccountEntryDetails = ({
         }
       )
     },
-    /* @__PURE__ */ import_react194.default.createElement(
+    /* @__PURE__ */ import_react197.default.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__ */ import_react194.default.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
+      /* @__PURE__ */ import_react197.default.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__ */ import_react194.default.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
-  ), /* @__PURE__ */ import_react194.default.createElement(
+    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ import_react197.default.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
+  ), /* @__PURE__ */ import_react197.default.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(
@@ -16601,7 +16859,7 @@ var LedgerAccountEntryDetails = ({
       ) : `Journal Entry ${entryData ? entryNumber(entryData) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react194.default.createElement(
+    /* @__PURE__ */ import_react197.default.createElement(
       DetailsListItem,
       {
         label: ((_j = (_i = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _i.details) == null ? void 0 : _j.entryTypeLabel) || "Entry type",
@@ -16609,23 +16867,23 @@ var LedgerAccountEntryDetails = ({
       },
       humanizeEnum((_k = entryData == null ? void 0 : entryData.entry_type) != null ? _k : "")
     ),
-    /* @__PURE__ */ import_react194.default.createElement(
+    /* @__PURE__ */ import_react197.default.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__ */ import_react194.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
+      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ import_react197.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
     ),
-    /* @__PURE__ */ import_react194.default.createElement(
+    /* @__PURE__ */ import_react197.default.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__ */ import_react194.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
+      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ import_react197.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
     ),
-    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ import_react194.default.createElement(
+    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ import_react197.default.createElement(
       DetailsListItem,
       {
         label: ((_q = (_p = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _p.details) == null ? void 0 : _q.reversalLabel) || "Reversal",
@@ -16633,40 +16891,40 @@ var LedgerAccountEntryDetails = ({
       },
       entryData == null ? void 0 : entryData.reversal_id.substring(0, 5)
     )
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react194.default.createElement(Card, null, /* @__PURE__ */ import_react194.default.createElement(
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react197.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react197.default.createElement(Card, null, /* @__PURE__ */ import_react197.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react194.default.createElement(TableHead, null, /* @__PURE__ */ import_react194.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react194.default.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ import_react194.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react194.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
-    /* @__PURE__ */ import_react194.default.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
+    /* @__PURE__ */ import_react197.default.createElement(TableHead, null, /* @__PURE__ */ import_react197.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react197.default.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ import_react197.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react197.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
+    /* @__PURE__ */ import_react197.default.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
       var _a2;
-      return /* @__PURE__ */ import_react194.default.createElement(
+      return /* @__PURE__ */ import_react197.default.createElement(
         TableRow,
         {
           key: `ledger-line-item-${index}`,
           rowKey: `ledger-line-item-${index}`
         },
-        /* @__PURE__ */ import_react194.default.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
-        /* @__PURE__ */ import_react194.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react194.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-        /* @__PURE__ */ import_react194.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react194.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+        /* @__PURE__ */ import_react197.default.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
+        /* @__PURE__ */ import_react197.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react197.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+        /* @__PURE__ */ import_react197.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react197.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
       );
-    }), /* @__PURE__ */ import_react194.default.createElement(
+    }), /* @__PURE__ */ import_react197.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react194.default.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
-      /* @__PURE__ */ import_react194.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
-      /* @__PURE__ */ import_react194.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
+      /* @__PURE__ */ import_react197.default.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
+      /* @__PURE__ */ import_react197.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
+      /* @__PURE__ */ import_react197.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
     ))
   ))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react195 = __toESM(require("react"));
+var import_react198 = __toESM(require("react"));
 var import_classnames65 = __toESM(require("classnames"));
 var import_date_fns33 = require("date-fns");
 var LedgerAccountRow = ({
@@ -16676,9 +16934,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react195.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react195.useState)(false);
-  (0, import_react195.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react198.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react198.useState)(false);
+  (0, import_react198.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -16689,7 +16947,7 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ import_react195.default.createElement(
+    return /* @__PURE__ */ import_react198.default.createElement(
       "tr",
       {
         className: (0, import_classnames65.default)(
@@ -16708,21 +16966,21 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react195.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react195.default.createElement(
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ import_react195.default.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
-      /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ import_react198.default.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ import_react195.default.createElement(
+    return /* @__PURE__ */ import_react198.default.createElement(
       "tr",
       {
         className: (0, import_classnames65.default)(
@@ -16741,17 +16999,17 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react195.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react195.default.createElement(
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ import_react195.default.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ import_react198.default.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ import_react195.default.createElement(
+  return /* @__PURE__ */ import_react198.default.createElement(
     "tr",
     {
       className: (0, import_classnames65.default)(
@@ -16770,12 +17028,12 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ import_react195.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react195.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
@@ -16788,9 +17046,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react196.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react196.useState)(true);
-  const { data: accountData } = (0, import_react196.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react199.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react199.useState)(true);
+  const { data: accountData } = (0, import_react199.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -16801,8 +17059,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react196.useContext)(LedgerAccountsContext);
-  (0, import_react196.useEffect)(() => {
+  } = (0, import_react199.useContext)(LedgerAccountsContext);
+  (0, import_react199.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -16814,12 +17072,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react196.useMemo)(() => {
+  const account = (0, import_react199.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react196.useMemo)(() => {
+  const data = (0, import_react199.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -16829,10 +17087,10 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ import_react196.default.createElement(
+  return /* @__PURE__ */ import_react199.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react196.default.createElement(
+      sidebar: /* @__PURE__ */ import_react199.default.createElement(
         LedgerAccountEntryDetails,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerEntryDetail
@@ -16842,21 +17100,21 @@ var LedgerAccount = ({
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ import_react196.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react196.default.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react196.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react196.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react196.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react196.default.createElement(
+    /* @__PURE__ */ import_react199.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react199.default.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react199.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react199.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react199.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react199.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       (_a = account == null ? void 0 : account.name) != null ? _a : ""
-    ), /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react196.default.createElement(
+    ), /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react199.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-label",
         size: "sm" /* sm */
       },
       "Current balance"
-    ), /* @__PURE__ */ import_react196.default.createElement(
+    ), /* @__PURE__ */ import_react199.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-value",
@@ -16864,9 +17122,9 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars((account == null ? void 0 : account.balance) || 0)
-    )))))), /* @__PURE__ */ import_react196.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react196.default.createElement("thead", null, /* @__PURE__ */ import_react196.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react196.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react196.default.createElement(import_react196.default.Fragment, null, /* @__PURE__ */ import_react196.default.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react196.default.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ import_react196.default.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ import_react196.default.createElement(import_react196.default.Fragment, null, /* @__PURE__ */ import_react196.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react196.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ import_react196.default.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__ */ import_react196.default.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
+    )))))), /* @__PURE__ */ import_react199.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react199.default.createElement("thead", null, /* @__PURE__ */ import_react199.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react199.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react199.default.createElement(import_react199.default.Fragment, null, /* @__PURE__ */ import_react199.default.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react199.default.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ import_react199.default.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ import_react199.default.createElement(import_react199.default.Fragment, null, /* @__PURE__ */ import_react199.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react199.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ import_react199.default.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__ */ import_react199.default.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__ */ import_react196.default.createElement(
+    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ import_react199.default.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -16875,7 +17133,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react196.default.createElement(
+    )))), data && /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react199.default.createElement(
       Pagination,
       {
         currentPage,
@@ -16883,7 +17141,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react196.default.createElement(
+    )), error ? /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react199.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16892,7 +17150,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react196.default.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react196.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react199.default.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react199.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16913,7 +17171,7 @@ var ChartOfAccounts = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ import_react197.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react197.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react197.default.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ import_react200.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react200.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react200.default.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -16922,19 +17180,16 @@ var ChartOfAccountsContent = ({
   stringOverrides,
   templateAccountsEditable
 }) => {
-  const { accountId } = (0, import_react197.useContext)(LedgerAccountsContext);
-  const [view, setView] = (0, import_react197.useState)("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  return /* @__PURE__ */ import_react197.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react197.default.createElement(
+  const { accountId } = (0, import_react200.useContext)(LedgerAccountsContext);
+  const { view, containerRef } = useElementViewSize();
+  return /* @__PURE__ */ import_react200.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react200.default.createElement(
     LedgerAccount,
     {
       view,
       containerRef,
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerAccount
     }
-  ) : /* @__PURE__ */ import_react197.default.createElement(
+  ) : /* @__PURE__ */ import_react200.default.createElement(
     ChartOfAccountsTableWithPanel,
     {
       asWidget,
@@ -16949,11 +17204,11 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-var import_react206 = __toESM(require("react"));
+var import_react209 = __toESM(require("react"));
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react198 = require("react");
-var JournalContext = (0, import_react198.createContext)({
+var import_react201 = require("react");
+var JournalContext = (0, import_react201.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -16987,7 +17242,7 @@ var JournalContext = (0, import_react198.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react199 = require("react");
+var import_react202 = require("react");
 var import_swr11 = __toESM(require("swr"));
 var useJournal = () => {
   const {
@@ -16999,11 +17254,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react199.useState)();
-  const [form, setForm] = (0, import_react199.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react199.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react199.useState)(false);
-  const [apiError, setApiError] = (0, import_react199.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react202.useState)();
+  const [form, setForm] = (0, import_react202.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react202.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react202.useState)(false);
+  const [apiError, setApiError] = (0, import_react202.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr11.default)(
     queryKey,
@@ -17219,12 +17474,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  (0, import_react199.useEffect)(() => {
+  (0, import_react202.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react199.useEffect)(() => {
+  (0, import_react202.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -17256,13 +17511,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react205 = __toESM(require("react"));
+var import_react208 = __toESM(require("react"));
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react203 = __toESM(require("react"));
+var import_react206 = __toESM(require("react"));
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react200 = __toESM(require("react"));
+var import_react203 = __toESM(require("react"));
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
   const {
@@ -17273,16 +17528,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react200.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react200.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react200.useState)();
-  const entry = (0, import_react200.useMemo)(() => {
+  } = (0, import_react203.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react203.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react203.useState)();
+  const entry = (0, import_react203.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react200.useMemo)(
+  const sortedLineItems = (0, import_react203.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -17306,15 +17561,15 @@ var JournalEntryDetails = () => {
       setReverseEntryProcessing(false);
     }
   });
-  return /* @__PURE__ */ import_react200.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react200.default.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ import_react200.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react200.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react200.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react200.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ import_react200.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react200.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ import_react200.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react200.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react200.default.createElement(
+  return /* @__PURE__ */ import_react203.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react203.default.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ import_react203.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react203.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react203.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react203.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ import_react203.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react203.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ import_react203.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react203.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react203.default.createElement(
     DetailsList,
     {
       title: "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ import_react200.default.createElement(
+      actions: /* @__PURE__ */ import_react203.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react200.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react203.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -17322,32 +17577,32 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ import_react200.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react200.default.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__ */ import_react200.default.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
-  ), /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react203.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react203.default.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__ */ import_react203.default.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
+  ), /* @__PURE__ */ import_react203.default.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry ? entryNumber(entry) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react200.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
-    /* @__PURE__ */ import_react200.default.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ import_react200.default.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
-    /* @__PURE__ */ import_react200.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ import_react200.default.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
-    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ import_react200.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react200.default.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ import_react200.default.createElement(Card, null, /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react203.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
+    /* @__PURE__ */ import_react203.default.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ import_react203.default.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
+    /* @__PURE__ */ import_react203.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ import_react203.default.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
+    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ import_react203.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react203.default.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ import_react203.default.createElement(Card, null, /* @__PURE__ */ import_react203.default.createElement(
     Table,
     {
       componentName: "journal__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react200.default.createElement(TableHead, null, /* @__PURE__ */ import_react200.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react200.default.createElement(TableCell, null, "Line items"), /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react203.default.createElement(TableHead, null, /* @__PURE__ */ import_react203.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react203.default.createElement(TableCell, null, "Line items"), /* @__PURE__ */ import_react203.default.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
         align: "right" /* RIGHT */
       },
       "Debit"
-    ), /* @__PURE__ */ import_react200.default.createElement(
+    ), /* @__PURE__ */ import_react203.default.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
@@ -17355,37 +17610,37 @@ var JournalEntryDetails = () => {
       },
       "Credit"
     ))),
-    /* @__PURE__ */ import_react200.default.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react203.default.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ import_react203.default.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ import_react200.default.createElement(TableCell, null, item.account.name),
-      /* @__PURE__ */ import_react200.default.createElement(
+      /* @__PURE__ */ import_react203.default.createElement(TableCell, null, item.account.name),
+      /* @__PURE__ */ import_react203.default.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react200.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react203.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
       ),
-      /* @__PURE__ */ import_react200.default.createElement(
+      /* @__PURE__ */ import_react203.default.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react200.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react203.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
       )
-    )), /* @__PURE__ */ import_react200.default.createElement(
+    )), /* @__PURE__ */ import_react203.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react200.default.createElement(TableCell, { primary: true }, "Total"),
-      /* @__PURE__ */ import_react200.default.createElement(
+      /* @__PURE__ */ import_react203.default.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ import_react203.default.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17395,7 +17650,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__ */ import_react200.default.createElement(
+      /* @__PURE__ */ import_react203.default.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17406,10 +17661,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__ */ import_react200.default.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ import_react200.default.createElement(
+  )), /* @__PURE__ */ import_react203.default.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ import_react203.default.createElement(
     Button,
     {
-      rightIcon: reverseEntryError ? /* @__PURE__ */ import_react200.default.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ import_react200.default.createElement(RefreshCcw_default, { size: 12 }),
+      rightIcon: reverseEntryError ? /* @__PURE__ */ import_react203.default.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ import_react203.default.createElement(RefreshCcw_default, { size: 12 }),
       variant: "secondary" /* secondary */,
       onClick: reverseEntryProcessing ? () => {
       } : onReverseEntry,
@@ -17422,10 +17677,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react202 = __toESM(require("react"));
+var import_react205 = __toESM(require("react"));
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react201 = __toESM(require("react"));
+var import_react204 = __toESM(require("react"));
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -17434,17 +17689,17 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react201.useContext)(ChartOfAccountsContext);
-  const { form } = (0, import_react201.useContext)(JournalContext);
+  const { data: accountsData } = (0, import_react204.useContext)(ChartOfAccountsContext);
+  const { form } = (0, import_react204.useContext)(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ import_react201.default.createElement(import_react201.default.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
-    return /* @__PURE__ */ import_react201.default.createElement(
+  return /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
+    return /* @__PURE__ */ import_react204.default.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ import_react201.default.createElement(
+      /* @__PURE__ */ import_react204.default.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -17459,13 +17714,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ import_react201.default.createElement(
+        return /* @__PURE__ */ import_react204.default.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ import_react201.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react201.default.createElement(
+          /* @__PURE__ */ import_react204.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react204.default.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -17491,14 +17746,14 @@ var JournalFormEntryLines = ({
               )) == null ? void 0 : _c.message
             }
           )),
-          /* @__PURE__ */ import_react201.default.createElement(
+          /* @__PURE__ */ import_react204.default.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ import_react201.default.createElement(
+            /* @__PURE__ */ import_react204.default.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -17522,18 +17777,18 @@ var JournalFormEntryLines = ({
                 )) == null ? void 0 : _f.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ import_react201.default.createElement(
+            idx2 >= 2 && /* @__PURE__ */ import_react204.default.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ import_react201.default.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ import_react204.default.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ import_react201.default.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ import_react204.default.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -17560,8 +17815,8 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react202.useContext)(JournalContext);
-  return /* @__PURE__ */ import_react202.default.createElement(
+  } = (0, import_react205.useContext)(JournalContext);
+  return /* @__PURE__ */ import_react205.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -17570,7 +17825,7 @@ var JournalForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react202.default.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react202.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react202.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react202.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ import_react202.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react205.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react205.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react205.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ import_react205.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react205.default.createElement(
       Button,
       {
         type: "button",
@@ -17579,7 +17834,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react202.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react205.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -17588,7 +17843,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react202.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react205.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -17598,7 +17853,7 @@ var JournalForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ import_react202.default.createElement(
+    apiError && /* @__PURE__ */ import_react205.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -17606,7 +17861,7 @@ var JournalForm = ({
       },
       apiError
     ),
-    /* @__PURE__ */ import_react202.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react202.default.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ import_react202.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react205.default.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react205.default.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17619,7 +17874,7 @@ var JournalForm = ({
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ import_react202.default.createElement(
+    ), /* @__PURE__ */ import_react205.default.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17633,7 +17888,7 @@ var JournalForm = ({
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: (form == null ? void 0 : form.data.line_items) || [],
@@ -17644,7 +17899,7 @@ var JournalForm = ({
         config
       }
     ),
-    /* @__PURE__ */ import_react202.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react202.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react205.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react205.default.createElement(
       Textarea,
       {
         name: "memo",
@@ -17654,7 +17909,7 @@ var JournalForm = ({
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ import_react202.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react205.default.createElement(
       Button,
       {
         type: "button",
@@ -17663,7 +17918,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react202.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react205.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -17672,7 +17927,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react202.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react205.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -17691,15 +17946,15 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react203.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react206.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ import_react203.default.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ import_react206.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react203.default.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ import_react206.default.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react204 = __toESM(require("react"));
+var import_react207 = __toESM(require("react"));
 var import_date_fns34 = require("date-fns");
 var accountName = (row) => {
   if ("account" in row) {
@@ -17714,7 +17969,7 @@ var JournalTable = ({
   view,
   data,
   stringOverrides
-}) => /* @__PURE__ */ import_react204.default.createElement(TableProvider, null, /* @__PURE__ */ import_react204.default.createElement(
+}) => /* @__PURE__ */ import_react207.default.createElement(TableProvider, null, /* @__PURE__ */ import_react207.default.createElement(
   JournalTableContent,
   {
     view,
@@ -17726,9 +17981,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react204.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react207.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react204.useEffect)(() => {
+  (0, import_react207.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -17736,7 +17991,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__ */ import_react204.default.createElement(import_react204.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react204.default.createElement(
+    return /* @__PURE__ */ import_react207.default.createElement(import_react207.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react207.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -17754,7 +18009,7 @@ var JournalTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ import_react204.default.createElement(
+      /* @__PURE__ */ import_react207.default.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -17765,16 +18020,16 @@ var JournalTableContent = ({
         },
         entryNumber(row)
       ),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.entry_at), DATE_FORMAT)),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.entry_at), DATE_FORMAT)),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
+      /* @__PURE__ */ import_react207.default.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__ */ import_react204.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ import_react207.default.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__ */ import_react204.default.createElement(
+    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ import_react207.default.createElement(
       TableRow,
       {
         key: rowKey + "-" + index + "-" + subIdx,
@@ -17782,15 +18037,15 @@ var JournalTableContent = ({
         depth: depth + 1,
         selected: selectedEntryId === row.id
       },
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react204.default.createElement(TableCell, null, accountName(subItem)),
-      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react204.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react204.default.createElement(TableCell, null),
-      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react204.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react204.default.createElement(TableCell, null)
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, accountName(subItem)),
+      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react207.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react207.default.createElement(TableCell, null),
+      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react207.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react207.default.createElement(TableCell, null)
     )));
   };
-  return /* @__PURE__ */ import_react204.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react204.default.createElement(TableHead, null, /* @__PURE__ */ import_react204.default.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react204.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ import_react204.default.createElement(TableBody, null, data.map(
+  return /* @__PURE__ */ import_react207.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react207.default.createElement(TableHead, null, /* @__PURE__ */ import_react207.default.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react207.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ import_react207.default.createElement(TableBody, null, data.map(
     (entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)
   )));
 };
@@ -17804,7 +18059,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react205.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react208.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -17813,17 +18068,17 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react205.useContext)(JournalContext);
-  const data = (0, import_react205.useMemo)(() => {
+  } = (0, import_react208.useContext)(JournalContext);
+  const data = (0, import_react208.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     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__ */ import_react205.default.createElement(
+  return /* @__PURE__ */ import_react208.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react205.default.createElement(
+      sidebar: /* @__PURE__ */ import_react208.default.createElement(
         JournalSidebar,
         {
           parentRef: containerRef,
@@ -17834,7 +18089,7 @@ var JournalTableWithPanel = ({
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react205.default.createElement(
+    /* @__PURE__ */ import_react208.default.createElement(
       Header2,
       {
         className: `Layer__${COMPONENT_NAME6}__header`,
@@ -17842,7 +18097,7 @@ var JournalTableWithPanel = ({
         sticky: true,
         rounded: true
       },
-      /* @__PURE__ */ import_react205.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react205.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react205.default.createElement(
+      /* @__PURE__ */ import_react208.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react208.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react208.default.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME6}__title`,
@@ -17851,25 +18106,25 @@ var JournalTableWithPanel = ({
         (stringOverrides == null ? void 0 : stringOverrides.componentTitle) || "Journal"
       )))
     ),
-    /* @__PURE__ */ import_react205.default.createElement(Header2, null, /* @__PURE__ */ import_react205.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react205.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react205.default.createElement(
+    /* @__PURE__ */ import_react208.default.createElement(Header2, null, /* @__PURE__ */ import_react208.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react208.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react208.default.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME6}__subtitle`
       },
       (stringOverrides == null ? void 0 : stringOverrides.componentSubtitle) || "Entries"
-    )), /* @__PURE__ */ import_react205.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react205.default.createElement(
+    )), /* @__PURE__ */ import_react208.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react208.default.createElement(
       Button,
       {
         onClick: () => addEntry(),
         disabled: isLoading,
         iconOnly: view === "mobile",
-        leftIcon: view === "mobile" && /* @__PURE__ */ import_react205.default.createElement(PlusIcon_default, { size: 14 })
+        leftIcon: view === "mobile" && /* @__PURE__ */ import_react208.default.createElement(PlusIcon_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addEntryButton) || "Add Entry"
     )))),
-    data && /* @__PURE__ */ import_react205.default.createElement(JournalTable, { view: "desktop", data }),
-    data && /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react205.default.createElement(
+    data && /* @__PURE__ */ import_react208.default.createElement(JournalTable, { view: "desktop", data }),
+    data && /* @__PURE__ */ import_react208.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react208.default.createElement(
       Pagination,
       {
         currentPage,
@@ -17878,7 +18133,7 @@ var JournalTableWithPanel = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react205.default.createElement(
+    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ import_react208.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react208.default.createElement(
       DataState,
       {
         status: "allDone" /* allDone */,
@@ -17886,7 +18141,7 @@ var JournalTableWithPanel = ({
         description: "There are no entries in the journal."
       }
     )),
-    error ? /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react205.default.createElement(
+    error ? /* @__PURE__ */ import_react208.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react208.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -17896,7 +18151,7 @@ var JournalTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react205.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react205.default.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react208.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react208.default.createElement(Loader2, null)) : null
   );
 };
 
@@ -17909,18 +18164,15 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ import_react206.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react206.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react206.default.createElement(JournalContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ import_react209.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react209.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react209.default.createElement(JournalContent, __spreadValues({}, props))));
 };
 var JournalContent = ({
   asWidget,
   config = JOURNAL_CONFIG,
   stringOverrides
 }) => {
-  const [view, setView] = (0, import_react206.useState)("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
-  return /* @__PURE__ */ import_react206.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react206.default.createElement(
+  const { view, containerRef } = useElementViewSize();
+  return /* @__PURE__ */ import_react209.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react209.default.createElement(
     JournalTableWithPanel,
     {
       view,
@@ -17932,11 +18184,11 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_react213 = __toESM(require("react"));
+var import_react216 = __toESM(require("react"));
 
 // src/contexts/TasksContext/TasksContext.tsx
-var import_react207 = require("react");
-var TasksContext = (0, import_react207.createContext)({
+var import_react210 = require("react");
+var TasksContext = (0, import_react210.createContext)({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
@@ -17950,7 +18202,7 @@ var TasksContext = (0, import_react207.createContext)({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-var import_react208 = require("react");
+var import_react211 = require("react");
 
 // src/hooks/useTasks/mockData.ts
 var mockData = [
@@ -17992,7 +18244,7 @@ var mockData = [
 var import_swr12 = __toESM(require("swr"));
 var DEBUG_MODE = false;
 var useTasks = () => {
-  const [loadedStatus, setLoadedStatus] = (0, import_react208.useState)("initial");
+  const [loadedStatus, setLoadedStatus] = (0, import_react211.useState)("initial");
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
@@ -18003,7 +18255,7 @@ var useTasks = () => {
       params: { businessId }
     })
   );
-  (0, import_react208.useEffect)(() => {
+  (0, import_react211.useEffect)(() => {
     if (isLoading && loadedStatus === "initial") {
       setLoadedStatus("loading");
     } else if (!isLoading && loadedStatus === "loading") {
@@ -18034,12 +18286,12 @@ var useTasks = () => {
       body: data2
     }).then(() => refetch());
   };
-  (0, import_react208.useEffect)(() => {
+  (0, import_react211.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("TASKS" /* TASKS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react208.useEffect)(() => {
+  (0, import_react211.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -18063,13 +18315,13 @@ function isComplete(taskType) {
 }
 
 // src/components/TasksHeader/TasksHeader.tsx
-var import_react209 = __toESM(require("react"));
+var import_react212 = __toESM(require("react"));
 
 // src/icons/ProgressIcon.tsx
-var React207 = __toESM(require("react"));
+var React210 = __toESM(require("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",
@@ -18079,7 +18331,7 @@ var ProgressIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M9 1.5V4.5",
@@ -18088,7 +18340,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M9 13.5V16.5",
@@ -18097,7 +18349,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M3.6975 3.6975L5.82 5.82",
@@ -18106,7 +18358,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M12.18 12.18L14.3025 14.3025",
@@ -18115,7 +18367,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M1.5 9H4.5",
@@ -18124,7 +18376,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M13.5 9H16.5",
@@ -18133,7 +18385,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M3.6975 14.3025L5.82 12.18",
@@ -18142,7 +18394,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React210.createElement(
       "path",
       {
         d: "M12.18 5.82L14.3025 3.6975",
@@ -18158,22 +18410,22 @@ var ProgressIcon_default = ProgressIcon;
 // src/components/TasksHeader/TasksHeader.tsx
 var ICONS = {
   loading: {
-    icon: /* @__PURE__ */ import_react209.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
+    icon: /* @__PURE__ */ import_react212.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
     text: "Loading",
     badge: "default" /* DEFAULT */
   },
   done: {
-    icon: /* @__PURE__ */ import_react209.default.createElement(Check_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react212.default.createElement(Check_default, { size: 12 }),
     text: "Done",
     badge: "success" /* SUCCESS */
   },
   pending: {
-    icon: /* @__PURE__ */ import_react209.default.createElement(AlertCircle_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react212.default.createElement(AlertCircle_default, { size: 12 }),
     text: "In progress",
     badge: "warning" /* WARNING */
   },
   refresh: {
-    icon: /* @__PURE__ */ import_react209.default.createElement(RefreshCcw_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react212.default.createElement(RefreshCcw_default, { size: 12 }),
     text: "Refresh",
     badge: "default" /* DEFAULT */
   }
@@ -18184,10 +18436,10 @@ var TasksHeader = ({
   open,
   toggleContent
 }) => {
-  const { data: tasks, loadedStatus, refetch, error } = (0, import_react209.useContext)(TasksContext);
+  const { data: tasks, loadedStatus, refetch, error } = (0, import_react212.useContext)(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__ */ import_react209.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react209.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react209.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react209.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react209.default.createElement(
+  return /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react212.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react212.default.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -18195,17 +18447,17 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react209.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react209.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react209.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
+  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react212.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
 };
 
 // src/components/TasksList/TasksList.tsx
-var import_react211 = __toESM(require("react"));
+var import_react214 = __toESM(require("react"));
 
 // src/icons/SmileIcon.tsx
-var React209 = __toESM(require("react"));
+var React212 = __toESM(require("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",
@@ -18215,7 +18467,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",
@@ -18224,7 +18476,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",
@@ -18233,7 +18485,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M5 5H5.005",
@@ -18242,7 +18494,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M8 5H8.005",
@@ -18256,16 +18508,16 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-var import_react210 = __toESM(require("react"));
+var import_react213 = __toESM(require("react"));
 var import_classnames67 = __toESM(require("classnames"));
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react210.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react210.useState)(task.user_response || "");
-  const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = (0, import_react210.useContext)(TasksContext);
+  const [isOpen, setIsOpen] = (0, import_react213.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react213.useState)(task.user_response || "");
+  const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = (0, import_react213.useContext)(TasksContext);
   const taskBodyClassName = (0, import_classnames67.default)(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
@@ -18279,17 +18531,17 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react210.useEffect)(() => {
+  (0, import_react213.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  return /* @__PURE__ */ import_react210.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react210.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react210.default.createElement(
+  return /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react213.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react213.default.createElement(
     "div",
     {
       className: "Layer__tasks-list-item__head",
       onClick: () => setIsOpen(!isOpen)
     },
-    /* @__PURE__ */ import_react210.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react210.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react210.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react210.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react210.default.createElement(Text, { size: "md" /* md */ }, task.title)),
-    /* @__PURE__ */ import_react210.default.createElement(
+    /* @__PURE__ */ import_react213.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react213.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react213.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react213.default.createElement(Text, { size: "md" /* md */ }, task.title)),
+    /* @__PURE__ */ import_react213.default.createElement(
       ChevronDownFill_default,
       {
         size: 16,
@@ -18299,13 +18551,13 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ import_react210.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react210.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react210.default.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ import_react210.default.createElement(
+  ), /* @__PURE__ */ import_react213.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react213.default.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ import_react213.default.createElement(
     Textarea,
     {
       value: userResponse,
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ) : null, /* @__PURE__ */ import_react210.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react210.default.createElement(
+  ) : null, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react213.default.createElement(
     FileInput,
     {
       onUpload: (file) => {
@@ -18316,7 +18568,7 @@ var TasksListItem = ({
       text: "Upload file",
       disabled: task.completed_at != null || task.user_marked_completed_at != null || task.archived_at != null
     }
-  ) : /* @__PURE__ */ import_react210.default.createElement(
+  ) : /* @__PURE__ */ import_react213.default.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -18340,17 +18592,17 @@ function paginateArray(array, chunkSize = 10) {
   }
   return result;
 }
-var TasksEmptyState = () => /* @__PURE__ */ import_react211.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react211.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react211.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react211.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react211.default.createElement("br", null), " Great job!"));
+var TasksEmptyState = () => /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react214.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react214.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react214.default.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
-  const { data: tasks, error } = (0, import_react211.useContext)(TasksContext);
+  const { data: tasks, error } = (0, import_react214.useContext)(TasksContext);
   const firstPageWithIincompleteTasks = paginateArray(
     tasks || [],
     pageSize
   ).findIndex((page) => page.some((task) => !isComplete(task.status)));
-  const [currentPage, setCurrentPage] = (0, import_react211.useState)(
+  const [currentPage, setCurrentPage] = (0, import_react214.useState)(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
-  const sortedTasks = (0, import_react211.useMemo)(() => {
+  const sortedTasks = (0, import_react214.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return tasks == null ? void 0 : tasks.slice(firstPageIndex, lastPageIndex);
@@ -18364,7 +18616,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ import_react211.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react211.default.createElement(import_react211.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react211.default.createElement(
+  return /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react214.default.createElement(
     TasksListItem,
     {
       key: task.id,
@@ -18372,7 +18624,7 @@ var TasksList = ({ pageSize = 10 }) => {
       goToNextPageIfAllComplete: goToNextPage,
       defaultOpen: index === indexFirstIncomplete
     }
-  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react211.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react211.default.createElement(
+  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react214.default.createElement(
     Pagination,
     {
       currentPage,
@@ -18380,16 +18632,16 @@ var TasksList = ({ pageSize = 10 }) => {
       pageSize,
       onPageChange: (page) => setCurrentPage(page)
     }
-  ))) : /* @__PURE__ */ import_react211.default.createElement(import_react211.default.Fragment, null, error ? /* @__PURE__ */ import_react211.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react211.default.createElement(TasksEmptyState, null)));
+  ))) : /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null, error ? /* @__PURE__ */ import_react214.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react214.default.createElement(TasksEmptyState, null)));
 };
 
 // src/components/TasksPending/TasksPending.tsx
-var import_react212 = __toESM(require("react"));
+var import_react215 = __toESM(require("react"));
 var import_classnames68 = __toESM(require("classnames"));
 var import_date_fns35 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
-  const { data } = (0, import_react212.useContext)(TasksContext);
+  const { data } = (0, import_react215.useContext)(TasksContext);
   const completedTasks = data == null ? void 0 : data.filter((task) => isComplete(task.status)).length;
   const chartData = [
     {
@@ -18404,7 +18656,7 @@ var TasksPending = () => {
   const taskStatusClassName = (0, import_classnames68.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react212.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns35.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react212.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react212.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react212.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react212.default.createElement(
+  return /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns35.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react215.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react215.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react215.default.createElement(
     import_recharts4.Pie,
     {
       data: chartData,
@@ -18422,7 +18674,7 @@ var TasksPending = () => {
       animationEasing: "ease-in-out"
     },
     chartData.map((task, index) => {
-      return /* @__PURE__ */ import_react212.default.createElement(
+      return /* @__PURE__ */ import_react215.default.createElement(
         import_recharts4.Cell,
         {
           key: `cell-${index}`,
@@ -18436,7 +18688,7 @@ var TasksPending = () => {
 
 // src/components/Tasks/Tasks.tsx
 var import_classnames69 = __toESM(require("classnames"));
-var UseTasksContext = (0, import_react213.createContext)({
+var UseTasksContext = (0, import_react216.createContext)({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -18457,7 +18709,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react213.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react213.default.createElement(
+  return /* @__PURE__ */ import_react216.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react216.default.createElement(
     TasksComponent,
     {
       collapsable,
@@ -18470,7 +18722,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ import_react213.default.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ import_react216.default.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -18480,8 +18732,8 @@ var TasksComponent = ({
   // deprecated
   stringOverrides
 }) => {
-  const { isLoading, loadedStatus, data } = (0, import_react213.useContext)(TasksContext);
-  const allComplete = (0, import_react213.useMemo)(() => {
+  const { isLoading, loadedStatus, data } = (0, import_react216.useContext)(TasksContext);
+  const allComplete = (0, import_react216.useMemo)(() => {
     if (!data) {
       return void 0;
     }
@@ -18490,15 +18742,15 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = (0, import_react213.useState)(
+  const [open, setOpen] = (0, import_react216.useState)(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
-  (0, import_react213.useEffect)(() => {
+  (0, import_react216.useEffect)(() => {
     if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react213.default.createElement(
+  return /* @__PURE__ */ import_react216.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react216.default.createElement(
     TasksHeader,
     {
       tasksHeader: (stringOverrides == null ? void 0 : stringOverrides.header) || tasksHeader,
@@ -18506,7 +18758,7 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ import_react213.default.createElement(
+  ), /* @__PURE__ */ import_react216.default.createElement(
     "div",
     {
       className: (0, import_classnames69.default)(
@@ -18514,21 +18766,21 @@ var TasksComponent = ({
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react213.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react213.default.createElement(import_react213.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react213.default.createElement(TasksPending, null), /* @__PURE__ */ import_react213.default.createElement(TasksList, null))
+    isLoading || !data ? /* @__PURE__ */ import_react216.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react216.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react216.default.createElement(import_react216.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react216.default.createElement(TasksPending, null), /* @__PURE__ */ import_react216.default.createElement(TasksList, null))
   ));
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react214 = __toESM(require("react"));
+var import_react217 = __toESM(require("react"));
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
-  const content = (0, import_react214.useMemo)(() => {
+  const content = (0, import_react217.useMemo)(() => {
     if (inBox) {
-      return /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react214.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
+      return /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react217.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
     }
-    return /* @__PURE__ */ import_react214.default.createElement(LinkAccountsContent, __spreadValues({}, props));
+    return /* @__PURE__ */ import_react217.default.createElement(LinkAccountsContent, __spreadValues({}, props));
   }, [inBox, props]);
-  return /* @__PURE__ */ import_react214.default.createElement(LinkedAccountsProvider, null, content);
+  return /* @__PURE__ */ import_react217.default.createElement(LinkedAccountsProvider, null, content);
 };
 var LinkAccountsContent = ({
   title,
@@ -18542,8 +18794,8 @@ var LinkAccountsContent = ({
   onNext
 }) => {
   var _a;
-  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react214.useContext)(LinkedAccountsContext);
-  return /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react214.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react214.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react214.default.createElement(
+  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react217.useContext)(LinkedAccountsContext);
+  return /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react217.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react217.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react217.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -18551,7 +18803,7 @@ var LinkAccountsContent = ({
       description: "Please try again later",
       onRefresh: refetchAccounts
     }
-  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react214.default.createElement(
+  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react217.default.createElement(
     LinkedAccountItemThumb,
     {
       key: index,
@@ -18561,33 +18813,33 @@ var LinkAccountsContent = ({
       showBreakConnection,
       asWidget
     }
-  ))) : null, /* @__PURE__ */ import_react214.default.createElement(
+  ))) : null, /* @__PURE__ */ import_react217.default.createElement(
     ActionableRow,
     {
-      iconBox: /* @__PURE__ */ import_react214.default.createElement(PlaidIcon_default, null),
+      iconBox: /* @__PURE__ */ import_react217.default.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__ */ import_react214.default.createElement(
+      button: /* @__PURE__ */ import_react217.default.createElement(
         Button,
         {
           onClick: () => addConnection("PLAID"),
-          rightIcon: /* @__PURE__ */ import_react214.default.createElement(Link_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ import_react217.default.createElement(Link_default, { size: 12 }),
           disabled: loadingStatus !== "complete"
         },
         data && data.length > 0 ? "Connect next" : "Connect"
       )
     }
-  ), /* @__PURE__ */ import_react214.default.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react214.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react214.default.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
+  ), /* @__PURE__ */ import_react217.default.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react217.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react217.default.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-var import_react215 = __toESM(require("react"));
+var import_react218 = __toESM(require("react"));
 
 // src/icons/Coffee.tsx
-var React215 = __toESM(require("react"));
+var React218 = __toESM(require("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",
@@ -18597,7 +18849,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",
@@ -18605,7 +18857,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",
@@ -18613,7 +18865,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M8.75 0.958344V2.33334",
@@ -18621,7 +18873,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M6.91663 0.958344V2.33334",
@@ -18629,7 +18881,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       "path",
       {
         d: "M5.08337 0.958344V2.33334",
@@ -18638,7 +18890,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",
@@ -18656,26 +18908,26 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react215.default.createElement(IconBox, null, /* @__PURE__ */ import_react215.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react215.default.createElement(
+  return /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react218.default.createElement(IconBox, null, /* @__PURE__ */ import_react218.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react218.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react218.default.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ import_react215.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react215.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ import_react218.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react218.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react217 = __toESM(require("react"));
+var import_react220 = __toESM(require("react"));
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
-var import_react216 = __toESM(require("react"));
-var CLASS_NAME6 = "Layer__BookkeepingProfitAndLossSummariesContainer";
+var import_react219 = __toESM(require("react"));
+var CLASS_NAME7 = "Layer__BookkeepingProfitAndLossSummariesContainer";
 function BookkeepingProfitAndLossSummariesContainer({
   children
 }) {
-  return /* @__PURE__ */ import_react216.default.createElement("div", { className: CLASS_NAME6 }, children);
+  return /* @__PURE__ */ import_react219.default.createElement("div", { className: CLASS_NAME7 }, children);
 }
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
@@ -18687,19 +18939,19 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react217.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react220.useState)("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__ */ import_react217.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react217.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react217.default.createElement(
+  return /* @__PURE__ */ import_react220.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react220.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react220.default.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ import_react217.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ import_react220.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle
     },
-    width <= 1100 && /* @__PURE__ */ import_react217.default.createElement(
+    width <= 1100 && /* @__PURE__ */ import_react220.default.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -18707,30 +18959,30 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
       }
     ),
-    /* @__PURE__ */ import_react217.default.createElement(
+    /* @__PURE__ */ import_react220.default.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ import_react217.default.createElement(
+      /* @__PURE__ */ import_react220.default.createElement(
         ProfitAndLoss.Header,
         {
           text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
           withDatePicker: true
         }
       ),
-      /* @__PURE__ */ import_react217.default.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ import_react217.default.createElement(
+      /* @__PURE__ */ import_react220.default.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ import_react220.default.createElement(
         ProfitAndLoss.Summaries,
         {
           stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
           variants: profitAndLossSummariesVariants
         }
       )),
-      /* @__PURE__ */ import_react217.default.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ import_react220.default.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react217.default.createElement(
+    /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react220.default.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -18747,7 +18999,7 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ import_react217.default.createElement(
+    ), /* @__PURE__ */ import_react220.default.createElement(
       Container,
       {
         name: (0, import_classnames70.default)(
@@ -18755,7 +19007,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react217.default.createElement(
+      /* @__PURE__ */ import_react220.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
@@ -18763,7 +19015,7 @@ var BookkeepingOverview = ({
           stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts
         }
       )
-    ), /* @__PURE__ */ import_react217.default.createElement(
+    ), /* @__PURE__ */ import_react220.default.createElement(
       Container,
       {
         name: (0, import_classnames70.default)(
@@ -18771,7 +19023,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react217.default.createElement(
+      /* @__PURE__ */ import_react220.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
@@ -18784,20 +19036,20 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react220 = __toESM(require("react"));
+var import_react223 = __toESM(require("react"));
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_react219 = __toESM(require("react"));
+var import_react222 = __toESM(require("react"));
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-var import_react218 = __toESM(require("react"));
+var import_react221 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ import_react218.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react218.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ import_react221.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react221.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
 var import_date_fns36 = require("date-fns");
-var CLASS_NAME7 = "Layer__TransactionsToReview";
+var CLASS_NAME8 = "Layer__TransactionsToReview";
 function TransactionsToReview({
   onClick,
   usePnlDateRange,
@@ -18805,17 +19057,17 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = (0, import_react219.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react222.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react219.useState)(0);
+  const [toReview, setToReview] = (0, import_react222.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : (0, import_date_fns36.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react219.useEffect)(() => {
+  (0, import_react222.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react219.useEffect)(() => {
+  (0, import_react222.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -18837,33 +19089,33 @@ function TransactionsToReview({
       verticalGap = "sm";
       break;
   }
-  return /* @__PURE__ */ import_react219.default.createElement("div", { onClick, className: CLASS_NAME7 }, /* @__PURE__ */ import_react219.default.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ import_react219.default.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react219.default.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ import_react219.default.createElement(
+  return /* @__PURE__ */ import_react222.default.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ import_react222.default.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ import_react222.default.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react222.default.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ import_react222.default.createElement(
     Badge,
     {
       variant: "error" /* ERROR */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react219.default.createElement(RefreshCcw_default, { size: 12 }),
+      icon: /* @__PURE__ */ import_react222.default.createElement(RefreshCcw_default, { size: 12 }),
       onClick: () => refetch()
     },
     "Refresh"
-  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react219.default.createElement(
+  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react222.default.createElement(
     Badge,
     {
       variant: "warning" /* WARNING */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react219.default.createElement(Bell_default, { size: 12 })
+      icon: /* @__PURE__ */ import_react222.default.createElement(Bell_default, { size: 12 })
     },
     toReview,
     " pending"
-  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react219.default.createElement(
+  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react222.default.createElement(
     Badge,
     {
       variant: "success" /* SUCCESS */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react219.default.createElement(Check_default, { size: 12 })
+      icon: /* @__PURE__ */ import_react222.default.createElement(Check_default, { size: 12 })
     },
     "All done"
-  ) : null), /* @__PURE__ */ import_react219.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react219.default.createElement(ChevronRight_default, null), withBorder: true, onClick }));
+  ) : null), /* @__PURE__ */ import_react222.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react222.default.createElement(ChevronRight_default, null), withBorder: true, onClick }));
 }
 
 // src/views/AccountingOverview/AccountingOverview.tsx
@@ -18882,36 +19134,36 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react220.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react223.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ import_react220.default.createElement(
+  return /* @__PURE__ */ import_react223.default.createElement(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
     },
-    /* @__PURE__ */ import_react220.default.createElement(
+    /* @__PURE__ */ import_react223.default.createElement(
       View,
       {
         title,
         showHeader: showTitle,
-        header: /* @__PURE__ */ import_react220.default.createElement(Header2, null, /* @__PURE__ */ import_react220.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react220.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react220.default.createElement(ProfitAndLoss.DatePicker, null))))
+        header: /* @__PURE__ */ import_react223.default.createElement(Header2, null, /* @__PURE__ */ import_react223.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react223.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react223.default.createElement(ProfitAndLoss.DatePicker, null))))
       },
-      enableOnboarding && /* @__PURE__ */ import_react220.default.createElement(
+      enableOnboarding && /* @__PURE__ */ import_react223.default.createElement(
         Onboarding,
         {
           onTransactionsToReviewClick,
           onboardingStepOverride
         }
       ),
-      /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react223.default.createElement(
         Internal_ProfitAndLossSummaries,
         {
           stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
           chartColorsList,
           slots: {
             unstable_AdditionalListItems: showTransactionsToReview ? [
-              /* @__PURE__ */ import_react220.default.createElement(
+              /* @__PURE__ */ import_react223.default.createElement(
                 TransactionsToReview,
                 {
                   key: "transactions-to-review",
@@ -18925,28 +19177,28 @@ var AccountingOverview = ({
           variants: profitAndLossSummariesVariants
         }
       ),
-      /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react223.default.createElement(
         Container,
         {
           name: "accounting-overview-profit-and-loss",
           asWidget: true,
           elevated: true
         },
-        /* @__PURE__ */ import_react220.default.createElement(
+        /* @__PURE__ */ import_react223.default.createElement(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
           }
         ),
-        /* @__PURE__ */ import_react220.default.createElement(
+        /* @__PURE__ */ import_react223.default.createElement(
           ProfitAndLoss.Chart,
           {
             tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
           }
         )
       ),
-      middleBanner && /* @__PURE__ */ import_react220.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
-      /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react220.default.createElement(
+      middleBanner && /* @__PURE__ */ import_react223.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
+      /* @__PURE__ */ import_react223.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react223.default.createElement(
         Toggle,
         {
           name: "pnl-detailed-charts",
@@ -18963,7 +19215,7 @@ var AccountingOverview = ({
           selected: pnlToggle,
           onChange: (e) => setPnlToggle(e.target.value)
         }
-      ), /* @__PURE__ */ import_react220.default.createElement(
+      ), /* @__PURE__ */ import_react223.default.createElement(
         Container,
         {
           name: (0, import_classnames71.default)(
@@ -18971,7 +19223,7 @@ var AccountingOverview = ({
             pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react220.default.createElement(
+        /* @__PURE__ */ import_react223.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "revenue",
@@ -18980,7 +19232,7 @@ var AccountingOverview = ({
             chartColorsList
           }
         )
-      ), /* @__PURE__ */ import_react220.default.createElement(
+      ), /* @__PURE__ */ import_react223.default.createElement(
         Container,
         {
           name: (0, import_classnames71.default)(
@@ -18988,7 +19240,7 @@ var AccountingOverview = ({
             pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react220.default.createElement(
+        /* @__PURE__ */ import_react223.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "expenses",
@@ -19003,7 +19255,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-var import_react221 = __toESM(require("react"));
+var import_react224 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -19019,13 +19271,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react221.default.createElement(
+  return /* @__PURE__ */ import_react224.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react221.default.createElement(
+    /* @__PURE__ */ import_react224.default.createElement(
       LinkedAccounts,
       {
         elevated: elevatedLinkedAccounts,
@@ -19035,7 +19287,7 @@ var BankTransactionsWithLinkedAccounts = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
       }
     ),
-    /* @__PURE__ */ import_react221.default.createElement(
+    /* @__PURE__ */ import_react224.default.createElement(
       BankTransactions,
       {
         asWidget: true,
@@ -19051,7 +19303,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react222 = __toESM(require("react"));
+var import_react225 = __toESM(require("react"));
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -19059,14 +19311,14 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react222.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react222.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react222.default.createElement(
+  const [activeTab, setActiveTab] = (0, import_react225.useState)("chartOfAccounts");
+  return /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react225.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react222.default.createElement(
+    /* @__PURE__ */ import_react225.default.createElement(
       Toggle,
       {
         name: "general-ledger-tabs",
@@ -19084,7 +19336,7 @@ var GeneralLedgerView = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     ),
-    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react222.default.createElement(
+    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react225.default.createElement(
       ChartOfAccounts,
       {
         asWidget: true,
@@ -19093,12 +19345,12 @@ var GeneralLedgerView = ({
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
       }
-    ) : /* @__PURE__ */ import_react222.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+    ) : /* @__PURE__ */ import_react225.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
   ));
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react223 = __toESM(require("react"));
+var import_react226 = __toESM(require("react"));
 var import_react_select5 = __toESM(require("react-select"));
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -19107,9 +19359,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react223.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react223.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react223.useState)(
+  const [activeTab, setActiveTab] = (0, import_react226.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react226.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react226.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -19123,14 +19375,14 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ import_react223.default.createElement(
+  return /* @__PURE__ */ import_react226.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view"
     },
-    /* @__PURE__ */ import_react223.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react223.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react223.default.createElement(
+    /* @__PURE__ */ import_react226.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react226.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react226.default.createElement(
       Toggle,
       {
         name: "project-tabs",
@@ -19151,7 +19403,7 @@ var ProjectProfitabilityView = ({
         selected: activeTab,
         onChange: (opt) => setActiveTab(opt.target.value)
       }
-    )), /* @__PURE__ */ import_react223.default.createElement(
+    )), /* @__PURE__ */ import_react226.default.createElement(
       import_react_select5.default,
       {
         className: "Layer__category-menu Layer__select",
@@ -19169,7 +19421,7 @@ var ProjectProfitabilityView = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react223.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react223.default.createElement(import_react223.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react223.default.createElement(
+    /* @__PURE__ */ import_react226.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react226.default.createElement(import_react226.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react226.default.createElement(
       AccountingOverview,
       {
         stringOverrides: { header: "Project Overview" },
@@ -19179,7 +19431,7 @@ var ProjectProfitabilityView = ({
         showTransactionsToReview: false,
         showTitle: false
       }
-    ), activeTab === "transactions" && /* @__PURE__ */ import_react223.default.createElement(
+    ), activeTab === "transactions" && /* @__PURE__ */ import_react226.default.createElement(
       BankTransactions,
       {
         hideHeader: true,
@@ -19188,7 +19440,7 @@ var ProjectProfitabilityView = ({
           tagFilter: tagFilter != null ? tagFilter : void 0
         }
       }
-    ), activeTab === "report" && /* @__PURE__ */ import_react223.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react223.default.createElement(
+    ), activeTab === "report" && /* @__PURE__ */ import_react226.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react226.default.createElement(
       ProfitAndLoss.Report,
       {
         stringOverrides,
@@ -19200,7 +19452,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react224 = __toESM(require("react"));
+var import_react227 = __toESM(require("react"));
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -19227,20 +19479,17 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react224.useState)(enabledReports[0]);
-  const [view, setView] = (0, import_react224.useState)("desktop");
-  const containerRef = useElementViewSize(
-    (newView) => setView(newView)
-  );
+  const [activeTab, setActiveTab] = (0, import_react227.useState)(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__ */ import_react224.default.createElement(
+  return /* @__PURE__ */ import_react227.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
       showHeader: showTitle
     },
-    enabledReports.length > 1 && /* @__PURE__ */ import_react224.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react224.default.createElement(
+    enabledReports.length > 1 && /* @__PURE__ */ import_react227.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react227.default.createElement(
       Toggle,
       {
         name: "reports-tabs",
@@ -19249,7 +19498,7 @@ var Reports = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     )),
-    /* @__PURE__ */ import_react224.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react224.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react224.default.createElement(
+    /* @__PURE__ */ import_react227.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react227.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react227.default.createElement(
       ReportsPanel,
       {
         containerRef,
@@ -19272,7 +19521,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ import_react224.default.createElement(import_react224.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react224.default.createElement(
+  return /* @__PURE__ */ import_react227.default.createElement(import_react227.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react227.default.createElement(
     ProfitAndLoss.Report,
     __spreadValues({
       stringOverrides,
@@ -19280,7 +19529,7 @@ var ReportsPanel = ({
       parentRef: containerRef,
       view
     }, profitAndLossConfig)
-  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react224.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react224.default.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react227.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react227.default.createElement(
     StatementOfCashFlow,
     __spreadValues({
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -19289,11 +19538,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react225 = __toESM(require("react"));
+var import_react228 = __toESM(require("react"));
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react225.useRef)(null);
-  return /* @__PURE__ */ import_react225.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react225.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
+  const containerRef = (0, import_react228.useRef)(null);
+  return /* @__PURE__ */ import_react228.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react228.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -19303,11 +19552,11 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react225.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react225.default.createElement(
+  const { sidebarScope } = (0, import_react228.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react228.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react225.default.createElement(
+      sidebar: /* @__PURE__ */ import_react228.default.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -19316,7 +19565,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react225.default.createElement(
+    /* @__PURE__ */ import_react228.default.createElement(
       ProfitAndLoss.Header,
       {
         text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -19324,7 +19573,7 @@ var ProfitAndLossPanel = (_a) => {
         headingClassName: "Layer__profit-and-loss__title"
       }
     ),
-    /* @__PURE__ */ import_react225.default.createElement(Components, __spreadValues({ stringOverrides }, props))
+    /* @__PURE__ */ import_react228.default.createElement(Components, __spreadValues({ stringOverrides }, props))
   );
 };
 var Components = ({
@@ -19332,11 +19581,11 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react225.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react228.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ import_react225.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react225.default.createElement(
+    return /* @__PURE__ */ import_react228.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react228.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -19347,26 +19596,26 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ import_react225.default.createElement(import_react225.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react225.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react225.default.createElement(
+  return /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react228.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react228.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react225.default.createElement(
+    /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ import_react228.default.createElement(
       ProfitAndLoss.Summaries,
       {
         actionable: true,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ import_react225.default.createElement(
+  ), /* @__PURE__ */ import_react228.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react225.default.createElement(
+    /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ import_react228.default.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable