@layerfi/components 0.1.83 → 0.1.84-alpha

package/dist/esm/index.mjs

@@ -57,7 +57,7 @@ import React9, { useState as useState7 } from "react";
 import React8, { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.83";
+var version = "0.1.84-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -296,6 +296,9 @@ var getLedgerAccountsLines = get(
 var getLedgerAccountsEntry = get(
   ({ businessId, entryId }) => `/v1/businesses/${businessId}/ledger/entries/${entryId}`
 );
+var getLedgerAccountBalancesCSV = get(
+  ({ businessId }) => `/v1/businesses/${businessId}/ledger/balances/exports/csv`
+);
 
 // src/api/layer/journal.ts
 var getJournal = get(
@@ -307,6 +310,9 @@ var createJournalEntries = post(
 var reverseJournalEntry = post(
   ({ businessId, entryId }) => `/v1/businesses/${businessId}/ledger/entries/${entryId}/reverse`
 );
+var getJournalEntriesCSV = get(
+  ({ businessId }) => `/v1/businesses/${businessId}/ledger/entries/exports/csv`
+);
 
 // src/api/layer/linked_accounts.ts
 var syncConnection = post(({ businessId }) => `/v1/businesses/${businessId}/sync`);
@@ -449,6 +455,7 @@ var Layer = {
   getCategories,
   getChartOfAccounts,
   getLedgerAccountBalances,
+  getLedgerAccountBalancesCSV,
   getLedgerAccountsLines,
   getLedgerAccountsEntry,
   getProfitAndLoss,
@@ -456,6 +463,7 @@ var Layer = {
   getProfitAndLossCsv,
   getLinkedAccounts,
   getJournal,
+  getJournalEntriesCSV,
   reverseJournalEntry,
   compareProfitAndLoss,
   profitAndLossComparisonCsv,
@@ -15511,7 +15519,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-import React202, { useContext as useContext36 } from "react";
+import React203, { useContext as useContext36 } from "react";
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 import { createContext as createContext16 } from "react";
@@ -16154,7 +16162,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import React194, { useContext as useContext32, useState as useState51 } from "react";
+import React195, { useContext as useContext32, useState as useState51 } from "react";
 
 // src/icons/Plus.tsx
 import * as React188 from "react";
@@ -16587,6 +16595,91 @@ var ChartOfAccountsTableContent = ({
   )));
 };
 
+// src/components/ChartOfAccounts/download/AccountBalancesDownloadButton.tsx
+import React194 from "react";
+
+// src/components/ChartOfAccounts/download/useAccountBalancesDownload.ts
+import useSWRMutation4 from "swr/mutation";
+function buildKey4({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  startCutoff,
+  endCutoff
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      startCutoff,
+      endCutoff,
+      tags: ["#account-balances", "#exports", "#csv"]
+    };
+  }
+}
+function useAccountBalancesDownload({
+  startCutoff,
+  endCutoff,
+  onSuccess
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWRMutation4(
+    () => buildKey4(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      startCutoff,
+      endCutoff
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, startCutoff: startCutoff2, endCutoff: endCutoff2 }) => getLedgerAccountBalancesCSV(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          startCutoff: startCutoff2 == null ? void 0 : startCutoff2.toISOString(),
+          endCutoff: endCutoff2 == null ? void 0 : endCutoff2.toISOString()
+        }
+      }
+    )().then(({ data }) => {
+      if (onSuccess) {
+        return onSuccess(data);
+      }
+    }),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+}
+
+// src/components/ChartOfAccounts/download/AccountBalancesDownloadButton.tsx
+function AccountBalancesDownloadButton({
+  startCutoff,
+  endCutoff,
+  iconOnly
+}) {
+  const { invisibleDownloadRef, triggerInvisibleDownload } = useInvisibleDownload();
+  const { trigger, isMutating, error } = useAccountBalancesDownload({
+    startCutoff,
+    endCutoff,
+    onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
+  });
+  return /* @__PURE__ */ React194.createElement(React194.Fragment, null, /* @__PURE__ */ React194.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download CSV",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ React194.createElement(InvisibleDownload_default, { ref: invisibleDownloadRef }));
+}
+
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
 var COMPONENT_NAME5 = "chart-of-accounts";
 var ChartOfAccountsTableWithPanel = ({
@@ -16595,6 +16688,7 @@ var ChartOfAccountsTableWithPanel = ({
   asWidget = false,
   withDateControl = false,
   withExpandAllButton = false,
+  showAddAccountButton = true,
   stringOverrides,
   templateAccountsEditable
 }) => {
@@ -16603,10 +16697,10 @@ var ChartOfAccountsTableWithPanel = ({
   const [expandAll, setExpandAll] = useState51();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
-  return /* @__PURE__ */ React194.createElement(
+  return /* @__PURE__ */ React195.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React194.createElement(
+      sidebar: /* @__PURE__ */ React195.createElement(
         ChartOfAccountsSidebar,
         {
           parentRef: containerRef,
@@ -16616,7 +16710,7 @@ var ChartOfAccountsTableWithPanel = ({
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React194.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ React194.createElement(HeaderRow, null, /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
+    /* @__PURE__ */ React195.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ React195.createElement(HeaderRow, null, /* @__PURE__ */ React195.createElement(HeaderCol, null, /* @__PURE__ */ React195.createElement(
       Heading,
       {
         className: `Layer__${COMPONENT_NAME5}__title`,
@@ -16624,13 +16718,13 @@ var ChartOfAccountsTableWithPanel = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.headerText) || "Chart of Accounts"
     )))),
-    /* @__PURE__ */ React194.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ React194.createElement(HeaderRow, null, /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
+    /* @__PURE__ */ React195.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ React195.createElement(HeaderRow, null, /* @__PURE__ */ React195.createElement(HeaderCol, null, /* @__PURE__ */ React195.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME5}__subtitle`
       },
-      withDateControl || withExpandAllButton ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ React194.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ React194.createElement(
+      withDateControl || withExpandAllButton ? /* @__PURE__ */ React195.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ React195.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ React195.createElement(
         ExpandCollapseButton,
         {
           iconOnly: view === "mobile",
@@ -16641,17 +16735,22 @@ var ChartOfAccountsTableWithPanel = ({
           variant: "secondary" /* secondary */
         }
       )) : null
-    )), /* @__PURE__ */ React194.createElement(HeaderCol, null, /* @__PURE__ */ React194.createElement(
+    )), /* @__PURE__ */ React195.createElement(HeaderCol, null, /* @__PURE__ */ React195.createElement(
+      AccountBalancesDownloadButton,
+      {
+        iconOnly: ["mobile", "tablet"].includes(view)
+      }
+    ), showAddAccountButton && /* @__PURE__ */ React195.createElement(
       Button,
       {
         onClick: () => addAccount(),
         disabled: isLoading,
         iconOnly: ["mobile", "tablet"].includes(view),
-        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ React194.createElement(Plus_default, { size: 14 })
+        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ React195.createElement(Plus_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addAccountButtonText) || "Add Account"
     )))),
-    data && /* @__PURE__ */ React194.createElement(
+    data && /* @__PURE__ */ React195.createElement(
       ChartOfAccountsTable,
       {
         view,
@@ -16664,7 +16763,7 @@ var ChartOfAccountsTableWithPanel = ({
         templateAccountsEditable
       }
     ),
-    error ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React194.createElement(
+    error ? /* @__PURE__ */ React195.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React195.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16674,8 +16773,8 @@ var ChartOfAccountsTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ React194.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ React194.createElement(Loader2, null)) : null,
-    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ React194.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React194.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ React195.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ React195.createElement(Loader2, null)) : null,
+    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ React195.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React195.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16689,7 +16788,7 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-import React201, {
+import React202, {
   useContext as useContext35,
   useEffect as useEffect43,
   useMemo as useMemo28,
@@ -16697,7 +16796,7 @@ import React201, {
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import React199, { useContext as useContext33, useMemo as useMemo27 } from "react";
+import React200, { useContext as useContext33, useMemo as useMemo27 } from "react";
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -16721,14 +16820,14 @@ var entryNumber = (entry) => {
 };
 
 // src/components/Card/Card.tsx
-import React195 from "react";
+import React196 from "react";
 import classNames62 from "classnames";
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ React195.createElement("div", { className: classNames62("Layer__card", className) }, children);
+  return /* @__PURE__ */ React196.createElement("div", { className: classNames62("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-import React196 from "react";
+import React197 from "react";
 import { parseISO as parseISO12, format as formatTime10 } from "date-fns";
 var DateTime = ({
   value,
@@ -16739,11 +16838,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format9) {
-    return /* @__PURE__ */ React196.createElement(Text, { className: "Layer__datetime" }, formatTime10(parseISO12(value), format9));
+    return /* @__PURE__ */ React197.createElement(Text, { className: "Layer__datetime" }, formatTime10(parseISO12(value), format9));
   }
   const date = formatTime10(parseISO12(value), dateFormat != null ? dateFormat : DATE_FORMAT);
   const time = formatTime10(parseISO12(value), timeFormat != null ? timeFormat : TIME_FORMAT);
-  return /* @__PURE__ */ React196.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ React196.createElement(
+  return /* @__PURE__ */ React197.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ React197.createElement(
     Text,
     {
       as: "span",
@@ -16752,7 +16851,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ React196.createElement(
+  ), !onlyDate && /* @__PURE__ */ React197.createElement(
     Text,
     {
       as: "span",
@@ -16765,7 +16864,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-import React197 from "react";
+import React198 from "react";
 import classNames63 from "classnames";
 var DetailsList = ({
   title,
@@ -16774,14 +16873,14 @@ var DetailsList = ({
   titleClassName,
   actions
 }) => {
-  return /* @__PURE__ */ React197.createElement("div", { className: classNames63("Layer__details-list", className) }, title && /* @__PURE__ */ React197.createElement(Header, { className: titleClassName }, /* @__PURE__ */ React197.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ React197.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ React197.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ React198.createElement("div", { className: classNames63("Layer__details-list", className) }, title && /* @__PURE__ */ React198.createElement(Header, { className: titleClassName }, /* @__PURE__ */ React198.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ React198.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ React198.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-import React198 from "react";
+import React199 from "react";
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ React198.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ React199.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -16790,7 +16889,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ React198.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ React198.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ React198.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ React198.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ React199.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ React199.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ React199.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ React199.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -16801,19 +16900,19 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
         },
         transactionSource.account_name
-      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React199.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React199.createElement(
+      ), /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React200.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.directionLabel) || "Direction"
         },
         transactionSource.direction
-      ), /* @__PURE__ */ React199.createElement(
+      ), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.counterpartyLabel) || "Counterparty"
@@ -16823,23 +16922,23 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoiceSource.invoice_number
-      ), /* @__PURE__ */ React199.createElement(
+      ), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
         },
         invoiceSource.recipient_name
-      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React199.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      ), /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ React200.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.createdByLabel) || "Created by"
@@ -16849,17 +16948,17 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoicePaymentSource.invoice_number
-      ), /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      ), /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16869,7 +16968,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -16879,7 +16978,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
@@ -16889,7 +16988,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(React200.Fragment, null, /* @__PURE__ */ React200.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React200.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.processorLabel) || "Processor"
@@ -16919,15 +17018,15 @@ var LedgerAccountEntryDetails = ({
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ React199.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React199.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ React199.createElement(HeaderRow, null, /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React199.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React199.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React199.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ React199.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React199.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React199.createElement(
+  return /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React200.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ React200.createElement(HeaderRow, null, /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React200.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React200.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React200.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ React200.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React200.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React200.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__ */ React199.createElement(
+      actions: /* @__PURE__ */ React200.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ React199.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ React200.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           variant: "secondary" /* secondary */,
@@ -16935,16 +17034,16 @@ var LedgerAccountEntryDetails = ({
         }
       )
     },
-    /* @__PURE__ */ React199.createElement(
+    /* @__PURE__ */ React200.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__ */ React199.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
+      /* @__PURE__ */ React200.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__ */ React199.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
-  ), /* @__PURE__ */ React199.createElement(
+    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ React200.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
+  ), /* @__PURE__ */ React200.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(
@@ -16952,7 +17051,7 @@ var LedgerAccountEntryDetails = ({
       ) : `Journal Entry ${entryData ? entryNumber(entryData) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ React199.createElement(
+    /* @__PURE__ */ React200.createElement(
       DetailsListItem,
       {
         label: ((_j = (_i = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _i.details) == null ? void 0 : _j.entryTypeLabel) || "Entry type",
@@ -16960,23 +17059,23 @@ var LedgerAccountEntryDetails = ({
       },
       humanizeEnum((_k = entryData == null ? void 0 : entryData.entry_type) != null ? _k : "")
     ),
-    /* @__PURE__ */ React199.createElement(
+    /* @__PURE__ */ React200.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__ */ React199.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
+      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ React200.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
     ),
-    /* @__PURE__ */ React199.createElement(
+    /* @__PURE__ */ React200.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__ */ React199.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
+      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ React200.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
     ),
-    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ React199.createElement(
+    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ React200.createElement(
       DetailsListItem,
       {
         label: ((_q = (_p = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _p.details) == null ? void 0 : _q.reversalLabel) || "Reversal",
@@ -16984,40 +17083,40 @@ var LedgerAccountEntryDetails = ({
       },
       entryData == null ? void 0 : entryData.reversal_id.substring(0, 5)
     )
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React199.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ React199.createElement(Card, null, /* @__PURE__ */ React199.createElement(
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ React200.createElement(Card, null, /* @__PURE__ */ React200.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ React199.createElement(TableHead, null, /* @__PURE__ */ React199.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React199.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
-    /* @__PURE__ */ React199.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
+    /* @__PURE__ */ React200.createElement(TableHead, null, /* @__PURE__ */ React200.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React200.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ React200.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ React200.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
+    /* @__PURE__ */ React200.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
       var _a2;
-      return /* @__PURE__ */ React199.createElement(
+      return /* @__PURE__ */ React200.createElement(
         TableRow,
         {
           key: `ledger-line-item-${index}`,
           rowKey: `ledger-line-item-${index}`
         },
-        /* @__PURE__ */ React199.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
-        /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React199.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-        /* @__PURE__ */ React199.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React199.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+        /* @__PURE__ */ React200.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
+        /* @__PURE__ */ React200.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React200.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+        /* @__PURE__ */ React200.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React200.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
       );
-    }), /* @__PURE__ */ React199.createElement(
+    }), /* @__PURE__ */ React200.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ React199.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
-      /* @__PURE__ */ React199.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
-      /* @__PURE__ */ React199.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
+      /* @__PURE__ */ React200.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
+      /* @__PURE__ */ React200.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
+      /* @__PURE__ */ React200.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
     ))
   ))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-import React200, { useContext as useContext34, useEffect as useEffect42, useState as useState52 } from "react";
+import React201, { useContext as useContext34, useEffect as useEffect42, useState as useState52 } from "react";
 import classNames64 from "classnames";
 import { parseISO as parseISO13, format as formatTime11 } from "date-fns";
 var LedgerAccountRow = ({
@@ -17040,7 +17139,7 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ React200.createElement(
+    return /* @__PURE__ */ React201.createElement(
       "tr",
       {
         className: classNames64(
@@ -17059,21 +17158,21 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React200.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React201.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React201.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ React200.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
-      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ React201.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
+      /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ React200.createElement(
+    return /* @__PURE__ */ React201.createElement(
       "tr",
       {
         className: classNames64(
@@ -17092,17 +17191,17 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React200.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React200.createElement(
+      /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ React201.createElement(Text, null, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT)), /* @__PURE__ */ React201.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ React200.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React200.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ React200.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ React201.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ React201.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ React200.createElement(
+  return /* @__PURE__ */ React201.createElement(
     "tr",
     {
       className: classNames64(
@@ -17121,12 +17220,12 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ React200.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React200.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content" }, row.date && formatTime11(parseISO13(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ React201.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ React201.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
@@ -17180,10 +17279,10 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ React201.createElement(
+  return /* @__PURE__ */ React202.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React201.createElement(
+      sidebar: /* @__PURE__ */ React202.createElement(
         LedgerAccountEntryDetails,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerEntryDetail
@@ -17193,21 +17292,21 @@ var LedgerAccount = ({
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ React201.createElement("div", { className: baseClassName }, /* @__PURE__ */ React201.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ React201.createElement(HeaderRow, null, /* @__PURE__ */ React201.createElement(HeaderCol, null, /* @__PURE__ */ React201.createElement(BackButton, { onClick: close }), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ React201.createElement(
+    /* @__PURE__ */ React202.createElement("div", { className: baseClassName }, /* @__PURE__ */ React202.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ React202.createElement(HeaderRow, null, /* @__PURE__ */ React202.createElement(HeaderCol, null, /* @__PURE__ */ React202.createElement(BackButton, { onClick: close }), /* @__PURE__ */ React202.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ React202.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       (_a = account == null ? void 0 : account.name) != null ? _a : ""
-    ), /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ React201.createElement(
+    ), /* @__PURE__ */ React202.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ React202.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-label",
         size: "sm" /* sm */
       },
       "Current balance"
-    ), /* @__PURE__ */ React201.createElement(
+    ), /* @__PURE__ */ React202.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-value",
@@ -17215,9 +17314,9 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars((account == null ? void 0 : account.balance) || 0)
-    )))))), /* @__PURE__ */ React201.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React201.createElement("thead", null, /* @__PURE__ */ React201.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React201.createElement("th", null), view === "desktop" && /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ React201.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance")))), /* @__PURE__ */ React201.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
+    )))))), /* @__PURE__ */ React202.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React202.createElement("thead", null, /* @__PURE__ */ React202.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React202.createElement("th", null), view === "desktop" && /* @__PURE__ */ React202.createElement(React202.Fragment, null, /* @__PURE__ */ React202.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ React202.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ React202.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ React202.createElement(React202.Fragment, null, /* @__PURE__ */ React202.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ React202.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ React202.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__ */ React202.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__ */ React201.createElement(
+    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ React202.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -17226,7 +17325,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ React201.createElement(
+    )))), data && /* @__PURE__ */ React202.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ React202.createElement(
       Pagination,
       {
         currentPage,
@@ -17234,7 +17333,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React201.createElement(
+    )), error ? /* @__PURE__ */ React202.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React202.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -17243,7 +17342,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ React201.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ React201.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React201.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React202.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ React202.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ React202.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React202.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -17264,25 +17363,26 @@ var ChartOfAccounts = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ React202.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ React202.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ React202.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ React203.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ React203.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ React203.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
 };
 var ChartOfAccountsContent = ({
   asWidget,
   withDateControl,
   withExpandAllButton,
   stringOverrides,
-  templateAccountsEditable
+  templateAccountsEditable,
+  showAddAccountButton
 }) => {
   const { accountId } = useContext36(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
-  return /* @__PURE__ */ React202.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React202.createElement(
+  return /* @__PURE__ */ React203.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React203.createElement(
     LedgerAccount,
     {
       view,
       containerRef,
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerAccount
     }
-  ) : /* @__PURE__ */ React202.createElement(
+  ) : /* @__PURE__ */ React203.createElement(
     ChartOfAccountsTableWithPanel,
     {
       asWidget,
@@ -17290,6 +17390,7 @@ var ChartOfAccountsContent = ({
       withExpandAllButton,
       view,
       containerRef,
+      showAddAccountButton,
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.chartOfAccountsTable,
       templateAccountsEditable
     }
@@ -17297,7 +17398,7 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-import React209 from "react";
+import React211 from "react";
 
 // src/contexts/JournalContext/JournalContext.tsx
 import { createContext as createContext18 } from "react";
@@ -17604,13 +17705,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import React208, { useContext as useContext42, useMemo as useMemo30, useState as useState56 } from "react";
+import React210, { useContext as useContext42, useMemo as useMemo30, useState as useState56 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-import React206, { useContext as useContext40 } from "react";
+import React207, { useContext as useContext40 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import React203, { useContext as useContext37, useMemo as useMemo29, useState as useState55 } from "react";
+import React204, { useContext as useContext37, useMemo as useMemo29, useState as useState55 } from "react";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
   const {
@@ -17654,15 +17755,15 @@ var JournalEntryDetails = () => {
       setReverseEntryProcessing(false);
     }
   });
-  return /* @__PURE__ */ React203.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ React203.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ React203.createElement(HeaderRow, null, /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React203.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React203.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React203.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ React203.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React203.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React203.createElement(
+  return /* @__PURE__ */ React204.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ React204.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ React204.createElement(HeaderRow, null, /* @__PURE__ */ React204.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ React204.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ React204.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ React204.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React204.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ React204.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ React204.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ React204.createElement(
     DetailsList,
     {
       title: "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ React203.createElement(
+      actions: /* @__PURE__ */ React204.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ React203.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ React204.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -17670,32 +17771,32 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ React203.createElement(Badge, null, (_a = entry == null ? void 0 : entry.source) == null ? void 0 : _a.entity_name)),
-    ((_b = entry == null ? void 0 : entry.source) == null ? void 0 : _b.display_description) && /* @__PURE__ */ React203.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
-  ), /* @__PURE__ */ React203.createElement(
+    /* @__PURE__ */ React204.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ React204.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__ */ React204.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
+  ), /* @__PURE__ */ React204.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry ? entryNumber(entry) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
-    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ React203.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
-    /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ React203.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
-    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ React203.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React203.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ React203.createElement(Card, null, /* @__PURE__ */ React203.createElement(
+    /* @__PURE__ */ React204.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
+    /* @__PURE__ */ React204.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ React204.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
+    /* @__PURE__ */ React204.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ React204.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
+    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ React204.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React204.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ React204.createElement(Card, null, /* @__PURE__ */ React204.createElement(
     Table,
     {
       componentName: "journal__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ React203.createElement(TableHead, null, /* @__PURE__ */ React203.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React203.createElement(TableCell, null, "Line items"), /* @__PURE__ */ React203.createElement(
+    /* @__PURE__ */ React204.createElement(TableHead, null, /* @__PURE__ */ React204.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React204.createElement(TableCell, null, "Line items"), /* @__PURE__ */ React204.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
         align: "right" /* RIGHT */
       },
       "Debit"
-    ), /* @__PURE__ */ React203.createElement(
+    ), /* @__PURE__ */ React204.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
@@ -17703,37 +17804,37 @@ var JournalEntryDetails = () => {
       },
       "Credit"
     ))),
-    /* @__PURE__ */ React203.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ React203.createElement(
+    /* @__PURE__ */ React204.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ React204.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ React203.createElement(TableCell, null, item.account.name),
-      /* @__PURE__ */ React203.createElement(
+      /* @__PURE__ */ React204.createElement(TableCell, null, item.account.name),
+      /* @__PURE__ */ React204.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React203.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ React204.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
       ),
-      /* @__PURE__ */ React203.createElement(
+      /* @__PURE__ */ React204.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React203.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ React204.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
       )
-    )), /* @__PURE__ */ React203.createElement(
+    )), /* @__PURE__ */ React204.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ React203.createElement(TableCell, { primary: true }, "Total"),
-      /* @__PURE__ */ React203.createElement(
+      /* @__PURE__ */ React204.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ React204.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17743,7 +17844,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__ */ React203.createElement(
+      /* @__PURE__ */ React204.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -17754,10 +17855,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__ */ React203.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ React203.createElement(
+  )), /* @__PURE__ */ React204.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ React204.createElement(
     Button,
     {
-      rightIcon: reverseEntryError ? /* @__PURE__ */ React203.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ React203.createElement(RefreshCcw_default, { size: 12 }),
+      rightIcon: reverseEntryError ? /* @__PURE__ */ React204.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ React204.createElement(RefreshCcw_default, { size: 12 }),
       variant: "secondary" /* secondary */,
       onClick: reverseEntryProcessing ? () => {
       } : onReverseEntry,
@@ -17770,10 +17871,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-import React205, { useContext as useContext39 } from "react";
+import React206, { useContext as useContext39 } from "react";
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-import React204, { useContext as useContext38 } from "react";
+import React205, { useContext as useContext38 } from "react";
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -17785,14 +17886,14 @@ var JournalFormEntryLines = ({
   const { data: accountsData } = useContext38(ChartOfAccountsContext);
   const { form } = useContext38(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ React204.createElement(React204.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
-    return /* @__PURE__ */ React204.createElement(
+  return /* @__PURE__ */ React205.createElement(React205.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
+    return /* @__PURE__ */ React205.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ React204.createElement(
+      /* @__PURE__ */ React205.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -17807,13 +17908,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ React204.createElement(
+        return /* @__PURE__ */ React205.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ React204.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ React204.createElement(
+          /* @__PURE__ */ React205.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ React205.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -17839,14 +17940,14 @@ var JournalFormEntryLines = ({
               )) == null ? void 0 : _c.message
             }
           )),
-          /* @__PURE__ */ React204.createElement(
+          /* @__PURE__ */ React205.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ React204.createElement(
+            /* @__PURE__ */ React205.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -17870,18 +17971,18 @@ var JournalFormEntryLines = ({
                 )) == null ? void 0 : _f.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ React204.createElement(
+            idx2 >= 2 && /* @__PURE__ */ React205.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ React204.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ React205.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ React204.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ React205.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -17909,7 +18010,7 @@ var JournalForm = ({
     addEntryLine,
     removeEntryLine
   } = useContext39(JournalContext);
-  return /* @__PURE__ */ React205.createElement(
+  return /* @__PURE__ */ React206.createElement(
     "form",
     {
       className: "Layer__form",
@@ -17918,7 +18019,7 @@ var JournalForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ React205.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React205.createElement(HeaderRow, null, /* @__PURE__ */ React205.createElement(HeaderCol, null, /* @__PURE__ */ React205.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ React205.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React206.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React206.createElement(HeaderRow, null, /* @__PURE__ */ React206.createElement(HeaderCol, null, /* @__PURE__ */ React206.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ React206.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ React206.createElement(
       Button,
       {
         type: "button",
@@ -17927,7 +18028,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React205.createElement(
+    ), apiError && /* @__PURE__ */ React206.createElement(
       RetryButton,
       {
         type: "submit",
@@ -17936,7 +18037,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React205.createElement(
+    ), !apiError && /* @__PURE__ */ React206.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -17946,7 +18047,7 @@ var JournalForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ React205.createElement(
+    apiError && /* @__PURE__ */ React206.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -17954,7 +18055,7 @@ var JournalForm = ({
       },
       apiError
     ),
-    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ React205.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React206.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ React206.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ React206.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ React206.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17967,7 +18068,7 @@ var JournalForm = ({
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ React205.createElement(
+    ), /* @__PURE__ */ React206.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -17981,7 +18082,7 @@ var JournalForm = ({
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React206.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: (form == null ? void 0 : form.data.line_items) || [],
@@ -17992,7 +18093,7 @@ var JournalForm = ({
         config
       }
     ),
-    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ React205.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React206.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ React206.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ React206.createElement(
       Textarea,
       {
         name: "memo",
@@ -18002,7 +18103,7 @@ var JournalForm = ({
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ React205.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ React205.createElement(
+    /* @__PURE__ */ React206.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ React206.createElement(
       Button,
       {
         type: "button",
@@ -18011,7 +18112,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ React205.createElement(
+    ), apiError && /* @__PURE__ */ React206.createElement(
       RetryButton,
       {
         type: "submit",
@@ -18020,7 +18121,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ React205.createElement(
+    ), !apiError && /* @__PURE__ */ React206.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -18041,13 +18142,13 @@ var JournalSidebar = ({
 }) => {
   const { selectedEntryId } = useContext40(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ React206.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ React207.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ React206.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ React207.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
-import React207, { useContext as useContext41, useEffect as useEffect45 } from "react";
+import React208, { useContext as useContext41, useEffect as useEffect45 } from "react";
 import { parseISO as parseISO14, format as formatTime12 } from "date-fns";
 var accountName = (row) => {
   if ("account" in row) {
@@ -18062,7 +18163,7 @@ var JournalTable = ({
   view,
   data,
   stringOverrides
-}) => /* @__PURE__ */ React207.createElement(TableProvider, null, /* @__PURE__ */ React207.createElement(
+}) => /* @__PURE__ */ React208.createElement(TableProvider, null, /* @__PURE__ */ React208.createElement(
   JournalTableContent,
   {
     view,
@@ -18084,7 +18185,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__ */ React207.createElement(React207.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React207.createElement(
+    return /* @__PURE__ */ React208.createElement(React208.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ React208.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -18102,7 +18203,7 @@ var JournalTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ React207.createElement(
+      /* @__PURE__ */ React208.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -18113,16 +18214,16 @@ var JournalTableContent = ({
         },
         entryNumber(row)
       ),
-      /* @__PURE__ */ React207.createElement(TableCell, null, row.entry_at && formatTime12(parseISO14(row.entry_at), DATE_FORMAT)),
-      /* @__PURE__ */ React207.createElement(TableCell, null, humanizeEnum(row.entry_type)),
-      /* @__PURE__ */ React207.createElement(TableCell, null, "(", row.line_items.length, ")"),
-      /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ React208.createElement(TableCell, null, row.entry_at && formatTime12(parseISO14(row.entry_at), DATE_FORMAT)),
+      /* @__PURE__ */ React208.createElement(TableCell, null, humanizeEnum(row.entry_type)),
+      /* @__PURE__ */ React208.createElement(TableCell, null, "(", row.line_items.length, ")"),
+      /* @__PURE__ */ React208.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__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ React208.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__ */ React207.createElement(
+    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ React208.createElement(
       TableRow,
       {
         key: rowKey + "-" + index + "-" + subIdx,
@@ -18130,19 +18231,104 @@ var JournalTableContent = ({
         depth: depth + 1,
         selected: selectedEntryId === row.id
       },
-      /* @__PURE__ */ React207.createElement(TableCell, null),
-      /* @__PURE__ */ React207.createElement(TableCell, null),
-      /* @__PURE__ */ React207.createElement(TableCell, null),
-      /* @__PURE__ */ React207.createElement(TableCell, null, accountName(subItem)),
-      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React207.createElement(TableCell, null),
-      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ React207.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React207.createElement(TableCell, null)
+      /* @__PURE__ */ React208.createElement(TableCell, null),
+      /* @__PURE__ */ React208.createElement(TableCell, null),
+      /* @__PURE__ */ React208.createElement(TableCell, null),
+      /* @__PURE__ */ React208.createElement(TableCell, null, accountName(subItem)),
+      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ React208.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React208.createElement(TableCell, null),
+      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ React208.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ React208.createElement(TableCell, null)
     )));
   };
-  return /* @__PURE__ */ React207.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React207.createElement(TableHead, null, /* @__PURE__ */ React207.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ React207.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ React207.createElement(TableBody, null, data.map(
+  return /* @__PURE__ */ React208.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React208.createElement(TableHead, null, /* @__PURE__ */ React208.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ React208.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ React208.createElement(TableBody, null, data.map(
     (entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)
   )));
 };
 
+// src/components/Journal/download/JournalEntriesDownloadButton.tsx
+import React209 from "react";
+
+// src/components/Journal/download/useJournalEntriesDownload.ts
+import useSWRMutation5 from "swr/mutation";
+function buildKey5({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  startCutoff,
+  endCutoff
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      startCutoff,
+      endCutoff,
+      tags: ["#journal-entries", "#exports", "#csv"]
+    };
+  }
+}
+function useJournalEntriesDownload({
+  startCutoff,
+  endCutoff,
+  onSuccess
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWRMutation5(
+    () => buildKey5(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      startCutoff,
+      endCutoff
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, startCutoff: startCutoff2, endCutoff: endCutoff2 }) => getJournalEntriesCSV(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          startCutoff: startCutoff2 == null ? void 0 : startCutoff2.toISOString(),
+          endCutoff: endCutoff2 == null ? void 0 : endCutoff2.toISOString()
+        }
+      }
+    )().then(({ data }) => {
+      if (onSuccess) {
+        return onSuccess(data);
+      }
+    }),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+}
+
+// src/components/Journal/download/JournalEntriesDownloadButton.tsx
+function JournalEntriesDownloadButton({
+  startCutoff,
+  endCutoff,
+  iconOnly
+}) {
+  const { invisibleDownloadRef, triggerInvisibleDownload } = useInvisibleDownload();
+  const { trigger, isMutating, error } = useJournalEntriesDownload({
+    startCutoff,
+    endCutoff,
+    onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
+  });
+  return /* @__PURE__ */ React209.createElement(React209.Fragment, null, /* @__PURE__ */ React209.createElement(
+    DownloadButton,
+    {
+      iconOnly,
+      onClick: () => {
+        trigger();
+      },
+      isDownloading: isMutating,
+      requestFailed: Boolean(error),
+      text: "Download CSV",
+      retryText: "Retry"
+    }
+  ), /* @__PURE__ */ React209.createElement(InvisibleDownload_default, { ref: invisibleDownloadRef }));
+}
+
 // src/components/JournalTable/JournalTableWithPanel.tsx
 var COMPONENT_NAME6 = "journal";
 var JournalTableWithPanel = ({
@@ -18168,10 +18354,10 @@ var JournalTableWithPanel = ({
     const lastPageIndex = firstPageIndex + pageSize;
     return (_a = rawData == null ? void 0 : rawData.sort((a, b) => Date.parse(b.entry_at) - Date.parse(a.entry_at))) == null ? void 0 : _a.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  return /* @__PURE__ */ React208.createElement(
+  return /* @__PURE__ */ React210.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React208.createElement(
+      sidebar: /* @__PURE__ */ React210.createElement(
         JournalSidebar,
         {
           parentRef: containerRef,
@@ -18182,7 +18368,7 @@ var JournalTableWithPanel = ({
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React208.createElement(
+    /* @__PURE__ */ React210.createElement(
       Header2,
       {
         className: `Layer__${COMPONENT_NAME6}__header`,
@@ -18190,7 +18376,7 @@ var JournalTableWithPanel = ({
         sticky: true,
         rounded: true
       },
-      /* @__PURE__ */ React208.createElement(HeaderRow, null, /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
+      /* @__PURE__ */ React210.createElement(HeaderRow, null, /* @__PURE__ */ React210.createElement(HeaderCol, null, /* @__PURE__ */ React210.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME6}__title`,
@@ -18199,25 +18385,30 @@ var JournalTableWithPanel = ({
         (stringOverrides == null ? void 0 : stringOverrides.componentTitle) || "Journal"
       )))
     ),
-    /* @__PURE__ */ React208.createElement(Header2, null, /* @__PURE__ */ React208.createElement(HeaderRow, null, /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
+    /* @__PURE__ */ React210.createElement(Header2, null, /* @__PURE__ */ React210.createElement(HeaderRow, null, /* @__PURE__ */ React210.createElement(HeaderCol, null, /* @__PURE__ */ React210.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME6}__subtitle`
       },
       (stringOverrides == null ? void 0 : stringOverrides.componentSubtitle) || "Entries"
-    )), /* @__PURE__ */ React208.createElement(HeaderCol, null, /* @__PURE__ */ React208.createElement(
+    )), /* @__PURE__ */ React210.createElement(HeaderCol, null, /* @__PURE__ */ React210.createElement(
+      JournalEntriesDownloadButton,
+      {
+        iconOnly: ["mobile", "tablet"].includes(view)
+      }
+    ), /* @__PURE__ */ React210.createElement(
       Button,
       {
         onClick: () => addEntry(),
         disabled: isLoading,
         iconOnly: view === "mobile",
-        leftIcon: view === "mobile" && /* @__PURE__ */ React208.createElement(PlusIcon_default, { size: 14 })
+        leftIcon: view === "mobile" && /* @__PURE__ */ React210.createElement(PlusIcon_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addEntryButton) || "Add Entry"
     )))),
-    data && /* @__PURE__ */ React208.createElement(JournalTable, { view: "desktop", data }),
-    data && /* @__PURE__ */ React208.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ React208.createElement(
+    data && /* @__PURE__ */ React210.createElement(JournalTable, { view: "desktop", data }),
+    data && /* @__PURE__ */ React210.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ React210.createElement(
       Pagination,
       {
         currentPage,
@@ -18226,7 +18417,7 @@ var JournalTableWithPanel = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ React208.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React208.createElement(
+    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ React210.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React210.createElement(
       DataState,
       {
         status: "allDone" /* allDone */,
@@ -18234,7 +18425,7 @@ var JournalTableWithPanel = ({
         description: "There are no entries in the journal."
       }
     )),
-    error ? /* @__PURE__ */ React208.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React208.createElement(
+    error ? /* @__PURE__ */ React210.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React210.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -18244,7 +18435,7 @@ var JournalTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ React208.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ React208.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ React210.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ React210.createElement(Loader2, null)) : null
   );
 };
 
@@ -18257,7 +18448,7 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ React209.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ React209.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ React209.createElement(JournalContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ React211.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ React211.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ React211.createElement(JournalContent, __spreadValues({}, props))));
 };
 var JournalContent = ({
   asWidget,
@@ -18265,7 +18456,7 @@ var JournalContent = ({
   stringOverrides
 }) => {
   const { view, containerRef } = useElementViewSize();
-  return /* @__PURE__ */ React209.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React209.createElement(
+  return /* @__PURE__ */ React211.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React211.createElement(
     JournalTableWithPanel,
     {
       view,
@@ -18277,7 +18468,7 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-import React218, {
+import React220, {
   createContext as createContext20,
   useContext as useContext47,
   useEffect as useEffect48,
@@ -18491,13 +18682,13 @@ var useTasks = ({
 };
 
 // src/components/TasksHeader/TasksHeader.tsx
-import React211, { useContext as useContext43 } from "react";
+import React213, { useContext as useContext43 } from "react";
 
 // src/icons/ProgressIcon.tsx
-import * as React210 from "react";
+import * as React212 from "react";
 var ProgressIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React210.createElement(
+  return /* @__PURE__ */ React212.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -18507,7 +18698,7 @@ var ProgressIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M9 1.5V4.5",
@@ -18516,7 +18707,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M9 13.5V16.5",
@@ -18525,7 +18716,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M3.6975 3.6975L5.82 5.82",
@@ -18534,7 +18725,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M12.18 12.18L14.3025 14.3025",
@@ -18543,7 +18734,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M1.5 9H4.5",
@@ -18552,7 +18743,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M13.5 9H16.5",
@@ -18561,7 +18752,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M3.6975 14.3025L5.82 12.18",
@@ -18570,7 +18761,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React212.createElement(
       "path",
       {
         d: "M12.18 5.82L14.3025 3.6975",
@@ -18588,22 +18779,22 @@ import { endOfYear as endOfYear5, getYear as getYear3, startOfYear as startOfYea
 import classNames66 from "classnames";
 var ICONS = {
   loading: {
-    icon: /* @__PURE__ */ React211.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
+    icon: /* @__PURE__ */ React213.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
     text: "Loading",
     badge: "default" /* DEFAULT */
   },
   done: {
-    icon: /* @__PURE__ */ React211.createElement(Check_default, { size: 12 }),
+    icon: /* @__PURE__ */ React213.createElement(Check_default, { size: 12 }),
     text: "Done",
     badge: "success" /* SUCCESS */
   },
   pending: {
-    icon: /* @__PURE__ */ React211.createElement(AlertCircle_default, { size: 12 }),
+    icon: /* @__PURE__ */ React213.createElement(AlertCircle_default, { size: 12 }),
     text: "In progress",
     badge: "warning" /* WARNING */
   },
   refresh: {
-    icon: /* @__PURE__ */ React211.createElement(RefreshCcw_default, { size: 12 }),
+    icon: /* @__PURE__ */ React213.createElement(RefreshCcw_default, { size: 12 }),
     text: "Refresh",
     badge: "default" /* DEFAULT */
   }
@@ -18626,7 +18817,7 @@ var TasksHeader = ({
   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;
   const minDate = getEarliestDateToBrowse(business);
-  return /* @__PURE__ */ React211.createElement("div", { className: classNames66("Layer__tasks-header", collapsable && "Layer__tasks-header--collapsable") }, /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header__left-col__title" }, /* @__PURE__ */ React211.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ React211.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && !open && (!tasks || error) ? /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React213.createElement("div", { className: classNames66("Layer__tasks-header", collapsable && "Layer__tasks-header--collapsable") }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-header__left-col__title" }, /* @__PURE__ */ React213.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ React213.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && !open && (!tasks || error) ? /* @__PURE__ */ React213.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -18634,7 +18825,7 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" && !open ? /* @__PURE__ */ React211.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ React211.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header__left-col__controls" }, /* @__PURE__ */ React211.createElement(
+  ) : loadedStatus === "complete" && !open ? /* @__PURE__ */ React213.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ React213.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-header__left-col__controls" }, /* @__PURE__ */ React213.createElement(
     DatePicker,
     {
       selected: dateRange.startDate,
@@ -18654,17 +18845,17 @@ var TasksHeader = ({
       navigateArrows: ["mobile", "desktop"],
       disabled: minDate && getYear3(minDate) === getYear3(/* @__PURE__ */ new Date())
     }
-  ), collapsable && /* @__PURE__ */ React211.createElement("div", { className: "Layer__tasks-header__left-col__expand" }, /* @__PURE__ */ React211.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open })))));
+  ), collapsable && /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-header__left-col__expand" }, /* @__PURE__ */ React213.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open })))));
 };
 
 // src/components/TasksList/TasksList.tsx
-import React214, { useContext as useContext45, useMemo as useMemo33, useState as useState59 } from "react";
+import React216, { useContext as useContext45, useMemo as useMemo33, useState as useState59 } from "react";
 
 // src/icons/SmileIcon.tsx
-import * as React212 from "react";
+import * as React214 from "react";
 var SmileIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React212.createElement(
+  return /* @__PURE__ */ React214.createElement(
     "svg",
     __spreadProps(__spreadValues({
       viewBox: "0 0 12 12",
@@ -18674,7 +18865,7 @@ var SmileIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React214.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",
@@ -18683,7 +18874,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React214.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",
@@ -18692,7 +18883,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React214.createElement(
       "path",
       {
         d: "M5 5H5.005",
@@ -18701,7 +18892,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React214.createElement(
       "path",
       {
         d: "M8 5H8.005",
@@ -18715,7 +18906,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-import React213, { useContext as useContext44, useEffect as useEffect47, useMemo as useMemo32, useState as useState58 } from "react";
+import React215, { useContext as useContext44, useEffect as useEffect47, useMemo as useMemo32, useState as useState58 } from "react";
 import classNames67 from "classnames";
 var TasksListItem = ({
   task,
@@ -18752,7 +18943,7 @@ var TasksListItem = ({
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
-          return /* @__PURE__ */ React213.createElement(
+          return /* @__PURE__ */ React215.createElement(
             FileInput,
             {
               onUpload: (files) => {
@@ -18763,10 +18954,19 @@ var TasksListItem = ({
             }
           );
         } else {
-          return /* @__PURE__ */ React213.createElement(
+          return /* @__PURE__ */ React215.createElement(React215.Fragment, null, /* @__PURE__ */ React215.createElement(
             Button,
             {
               variant: "secondary" /* secondary */,
+              onClick: () => __async(void 0, null, function* () {
+                setSelectedFiles(void 0);
+              })
+            },
+            "Cancel"
+          ), /* @__PURE__ */ React215.createElement(
+            Button,
+            {
+              variant: "primary" /* primary */,
               onClick: () => __async(void 0, null, function* () {
                 yield uploadDocumentsForTask(task.id, selectedFiles, userResponse);
                 setIsOpen(false);
@@ -18775,11 +18975,11 @@ var TasksListItem = ({
               })
             },
             "Submit"
-          );
+          ));
         }
       } else if (task.status === "USER_MARKED_COMPLETED") {
         if (task.user_response && task.user_response != userResponse) {
-          return /* @__PURE__ */ React213.createElement(
+          return /* @__PURE__ */ React215.createElement(
             Button,
             {
               variant: "secondary" /* secondary */,
@@ -18790,7 +18990,7 @@ var TasksListItem = ({
             "Update"
           );
         } else {
-          return /* @__PURE__ */ React213.createElement(
+          return /* @__PURE__ */ React215.createElement(
             Button,
             {
               variant: "secondary" /* secondary */,
@@ -18806,14 +19006,14 @@ var TasksListItem = ({
       }
     }
   }, [task, selectedFiles, userResponse]);
-  return /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ React213.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ React215.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ React215.createElement(
     "div",
     {
       className: "Layer__tasks-list-item__head",
       onClick: () => setIsOpen(!isOpen)
     },
-    /* @__PURE__ */ React213.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ React213.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ React213.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ React213.createElement(Text, { size: "md" /* md */ }, task.title)),
-    /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React215.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ React215.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ React215.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ React215.createElement(Text, { size: "md" /* md */ }, task.title)),
+    /* @__PURE__ */ React215.createElement(
       ChevronDownFill_default,
       {
         size: 16,
@@ -18823,14 +19023,14 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ React213.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ React213.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ React213.createElement(
+  ), /* @__PURE__ */ React215.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ React215.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ React215.createElement(
     Textarea,
     {
       value: userResponse,
       placeholder: task.user_response_type === "UPLOAD_DOCUMENT" ? "Optional description" : "",
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ), task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list__link-list" }, selectedFiles ? /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Selected Files:") : task.documents ? /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Uploaded Files:") : null, /* @__PURE__ */ React213.createElement("ul", { className: "Layer__tasks-list__links-list" }, (_a = task.documents) == null ? void 0 : _a.map((document2, idx) => /* @__PURE__ */ React213.createElement("li", { key: `uploaded-doc-name-${idx}` }, /* @__PURE__ */ React213.createElement("a", { className: "Layer__tasks-list-item__link", href: document2.presigned_url.presignedUrl }, document2.file_name))), selectedFiles == null ? void 0 : selectedFiles.map((file, idx) => /* @__PURE__ */ React213.createElement("li", { key: `selected-file-name-${idx}` }, /* @__PURE__ */ React213.createElement("a", { className: "Layer__tasks-list-item__link" }, file.name))))) : null, /* @__PURE__ */ React213.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? uploadDocumentAction : /* @__PURE__ */ React213.createElement(
+  ), task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list__link-list" }, selectedFiles ? /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Selected Files:") : task.documents ? /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Uploaded Files:") : null, /* @__PURE__ */ React215.createElement("ul", { className: "Layer__tasks-list__links-list" }, (_a = task.documents) == null ? void 0 : _a.map((document2, idx) => /* @__PURE__ */ React215.createElement("li", { key: `uploaded-doc-name-${idx}` }, /* @__PURE__ */ React215.createElement("a", { className: "Layer__tasks-list-item__link", href: document2.presigned_url.presignedUrl }, document2.file_name))), selectedFiles == null ? void 0 : selectedFiles.map((file, idx) => /* @__PURE__ */ React215.createElement("li", { key: `selected-file-name-${idx}` }, /* @__PURE__ */ React215.createElement("a", { className: "Layer__tasks-list-item__link" }, file.name))))) : null, /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? uploadDocumentAction : /* @__PURE__ */ React215.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -18855,7 +19055,7 @@ function paginateArray(array, chunkSize = 10) {
   }
   return result;
 }
-var TasksEmptyState = () => /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ React214.createElement(SmileIcon_default, null)), /* @__PURE__ */ React214.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ React214.createElement("br", null), " Great job!"));
+var TasksEmptyState = () => /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ React216.createElement(SmileIcon_default, null)), /* @__PURE__ */ React216.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ React216.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
   const { data: rawData, error, currentDate } = useContext45(TasksContext);
   const tasks = useMemo33(() => {
@@ -18886,7 +19086,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ React214.createElement(React214.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ React214.createElement(
+  return /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ React216.createElement(React216.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ React216.createElement(
     TasksListItem,
     {
       key: task.id,
@@ -18894,7 +19094,7 @@ var TasksList = ({ pageSize = 10 }) => {
       goToNextPageIfAllComplete: goToNextPage,
       defaultOpen: index === indexFirstIncomplete
     }
-  )), tasks && tasks.length >= 10 && /* @__PURE__ */ React214.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ React214.createElement(
+  )), tasks && tasks.length >= 10 && /* @__PURE__ */ React216.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ React216.createElement(
     Pagination,
     {
       currentPage,
@@ -18902,11 +19102,11 @@ var TasksList = ({ pageSize = 10 }) => {
       pageSize,
       onPageChange: (page) => setCurrentPage(page)
     }
-  ))) : /* @__PURE__ */ React214.createElement(React214.Fragment, null, error ? /* @__PURE__ */ React214.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ React214.createElement(TasksEmptyState, null)));
+  ))) : /* @__PURE__ */ React216.createElement(React216.Fragment, null, error ? /* @__PURE__ */ React216.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ React216.createElement(TasksEmptyState, null)));
 };
 
 // src/components/TasksPending/TasksPending.tsx
-import React215, { useContext as useContext46, useMemo as useMemo34 } from "react";
+import React217, { useContext as useContext46, useMemo as useMemo34 } from "react";
 import classNames68 from "classnames";
 import { endOfMonth as endOfMonth16, format as format7, isAfter as isAfter2, isBefore as isBefore2, parseISO as parseISO17, startOfMonth as startOfMonth18 } from "date-fns";
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart4 } from "recharts";
@@ -18932,7 +19132,7 @@ var TasksPending = () => {
   const taskStatusClassName = classNames68(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ React215.createElement(Text, { size: "lg" /* lg */ }, format7(currentDate, "MMMM")), data && (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React215.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ React215.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ React215.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ React215.createElement(PieChart4, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ React215.createElement(
+  return /* @__PURE__ */ React217.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ React217.createElement(Text, { size: "lg" /* lg */ }, format7(currentDate, "MMMM")), data && (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React217.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ React217.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ React217.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ React217.createElement(PieChart4, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ React217.createElement(
     Pie3,
     {
       data: chartData,
@@ -18950,7 +19150,7 @@ var TasksPending = () => {
       animationEasing: "ease-in-out"
     },
     chartData.map((task, index) => {
-      return /* @__PURE__ */ React215.createElement(
+      return /* @__PURE__ */ React217.createElement(
         Cell4,
         {
           key: `cell-${index}`,
@@ -18963,11 +19163,11 @@ var TasksPending = () => {
 };
 
 // src/components/TasksMonthSelector/TasksMonthSelector.tsx
-import React217, { useMemo as useMemo35 } from "react";
+import React219, { useMemo as useMemo35 } from "react";
 import { endOfMonth as endOfMonth17, format as format8, getMonth as getMonth3, getYear as getYear4, isAfter as isAfter3, isBefore as isBefore3, set, startOfMonth as startOfMonth19 } from "date-fns";
 
 // src/components/TasksMonthSelector/TaskMonthTile.tsx
-import React216 from "react";
+import React218 from "react";
 import classNames69 from "classnames";
 var TaskMonthTile = ({ monthData, onClick, active, disabled }) => {
   const isCompleted = monthData.total === monthData.completed;
@@ -18977,7 +19177,7 @@ var TaskMonthTile = ({ monthData, onClick, active, disabled }) => {
     active && "Layer__tasks-month-selector__month--active",
     disabled && "Layer__tasks-month-selector__month--disabled"
   );
-  return /* @__PURE__ */ React216.createElement("div", { className: baseClass, onClick: () => !disabled && onClick(monthData.startDate) }, /* @__PURE__ */ React216.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__str" }, monthData.monthStr), /* @__PURE__ */ React216.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__total" }, monthData.total > 0 && isCompleted ? monthData.total : ""), isCompleted && monthData.total > 0 && /* @__PURE__ */ React216.createElement("span", { className: "Layer__tasks-month-selector__month__completed" }, /* @__PURE__ */ React216.createElement(Check_default, { size: 12 })), !isCompleted && monthData.total > 0 && /* @__PURE__ */ React216.createElement("span", { className: "Layer__tasks-month-selector__month__incompleted" }, /* @__PURE__ */ React216.createElement(Text, { size: "sm" /* sm */ }, monthData.total), /* @__PURE__ */ React216.createElement(AlertCircle_default, { size: 12 })));
+  return /* @__PURE__ */ React218.createElement("div", { className: baseClass, onClick: () => !disabled && onClick(monthData.startDate) }, /* @__PURE__ */ React218.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__str" }, monthData.monthStr), /* @__PURE__ */ React218.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__total" }, monthData.total > 0 && isCompleted ? monthData.total : ""), isCompleted && monthData.total > 0 && /* @__PURE__ */ React218.createElement("span", { className: "Layer__tasks-month-selector__month__completed" }, /* @__PURE__ */ React218.createElement(Check_default, { size: 12 })), !isCompleted && monthData.total > 0 && /* @__PURE__ */ React218.createElement("span", { className: "Layer__tasks-month-selector__month__incompleted" }, /* @__PURE__ */ React218.createElement(Text, { size: "sm" /* sm */ }, monthData.total), /* @__PURE__ */ React218.createElement(AlertCircle_default, { size: 12 })));
 };
 
 // src/components/TasksMonthSelector/TasksMonthSelector.tsx
@@ -19022,8 +19222,8 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
       }, taskData);
     });
   }, [tasks, year, minDate]);
-  return /* @__PURE__ */ React217.createElement("div", { className: "Layer__tasks-month-selector" }, months.map((month, idx) => {
-    return /* @__PURE__ */ React217.createElement(
+  return /* @__PURE__ */ React219.createElement("div", { className: "Layer__tasks-month-selector" }, months.map((month, idx) => {
+    return /* @__PURE__ */ React219.createElement(
       TaskMonthTile,
       {
         key: idx,
@@ -19069,7 +19269,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ React218.createElement(TasksProvider, null, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React220.createElement(TasksProvider, null, /* @__PURE__ */ React220.createElement(
     TasksComponent,
     {
       collapsable,
@@ -19082,7 +19282,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ React218.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ React220.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -19118,7 +19318,7 @@ var TasksComponent = ({
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ React218.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React220.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ React220.createElement(
     TasksHeader,
     {
       tasksHeader: (stringOverrides == null ? void 0 : stringOverrides.header) || tasksHeader,
@@ -19126,7 +19326,7 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ React218.createElement(
+  ), /* @__PURE__ */ React220.createElement(
     "div",
     {
       className: classNames70(
@@ -19134,7 +19334,7 @@ var TasksComponent = ({
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ React218.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ React218.createElement(Loader2, null)) : /* @__PURE__ */ React218.createElement(React218.Fragment, null, /* @__PURE__ */ React218.createElement(
+    isLoading || !data ? /* @__PURE__ */ React220.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ React220.createElement(Loader2, null)) : /* @__PURE__ */ React220.createElement(React220.Fragment, null, /* @__PURE__ */ React220.createElement(
       TasksMonthSelector,
       {
         tasks: monthlyData,
@@ -19142,21 +19342,21 @@ var TasksComponent = ({
         onClick: setCurrentDate,
         year: getYear5(dateRange.startDate)
       }
-    ), /* @__PURE__ */ React218.createElement(TasksPending, null), /* @__PURE__ */ React218.createElement(TasksList, null))
+    ), /* @__PURE__ */ React220.createElement(TasksPending, null), /* @__PURE__ */ React220.createElement(TasksList, null))
   ));
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-import React219, { useContext as useContext48, useMemo as useMemo37 } from "react";
+import React221, { useContext as useContext48, useMemo as useMemo37 } from "react";
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
   const content = useMemo37(() => {
     if (inBox) {
-      return /* @__PURE__ */ React219.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ React219.createElement(LinkAccountsContent, __spreadValues({}, props)));
+      return /* @__PURE__ */ React221.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ React221.createElement(LinkAccountsContent, __spreadValues({}, props)));
     }
-    return /* @__PURE__ */ React219.createElement(LinkAccountsContent, __spreadValues({}, props));
+    return /* @__PURE__ */ React221.createElement(LinkAccountsContent, __spreadValues({}, props));
   }, [inBox, props]);
-  return /* @__PURE__ */ React219.createElement(LinkedAccountsProvider, null, content);
+  return /* @__PURE__ */ React221.createElement(LinkedAccountsProvider, null, content);
 };
 var LinkAccountsContent = ({
   title,
@@ -19171,7 +19371,7 @@ var LinkAccountsContent = ({
 }) => {
   var _a;
   const { data, loadingStatus, error, refetchAccounts, addConnection } = useContext48(LinkedAccountsContext);
-  return /* @__PURE__ */ React219.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ React219.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ React219.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ React219.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React221.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ React221.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ React221.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ React221.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ React221.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -19179,7 +19379,7 @@ var LinkAccountsContent = ({
       description: "Please try again later",
       onRefresh: refetchAccounts
     }
-  )) : null, data && data.length > 0 ? /* @__PURE__ */ React219.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ React219.createElement(
+  )) : null, data && data.length > 0 ? /* @__PURE__ */ React221.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ React221.createElement(
     LinkedAccountItemThumb,
     {
       key: index,
@@ -19189,33 +19389,33 @@ var LinkAccountsContent = ({
       showBreakConnection,
       asWidget
     }
-  ))) : null, /* @__PURE__ */ React219.createElement(
+  ))) : null, /* @__PURE__ */ React221.createElement(
     ActionableRow,
     {
-      iconBox: /* @__PURE__ */ React219.createElement(PlaidIcon_default, null),
+      iconBox: /* @__PURE__ */ React221.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__ */ React219.createElement(
+      button: /* @__PURE__ */ React221.createElement(
         Button,
         {
           onClick: () => addConnection("PLAID"),
-          rightIcon: /* @__PURE__ */ React219.createElement(Link_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ React221.createElement(Link_default, { size: 12 }),
           disabled: loadingStatus !== "complete"
         },
         data && data.length > 0 ? "Connect next" : "Connect"
       )
     }
-  ), /* @__PURE__ */ React219.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ React219.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ React219.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ React219.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
+  ), /* @__PURE__ */ React221.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ React221.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ React221.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ React221.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-import React221 from "react";
+import React223 from "react";
 
 // src/icons/Coffee.tsx
-import * as React220 from "react";
+import * as React222 from "react";
 var CoffeeIcon = (_a) => {
   var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React222.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -19225,7 +19425,7 @@ var CoffeeIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React220.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React222.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React222.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",
@@ -19233,7 +19433,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React222.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",
@@ -19241,7 +19441,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React222.createElement(
       "path",
       {
         d: "M8.75 0.958344V2.33334",
@@ -19249,7 +19449,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React222.createElement(
       "path",
       {
         d: "M6.91663 0.958344V2.33334",
@@ -19257,7 +19457,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React222.createElement(
       "path",
       {
         d: "M5.08337 0.958344V2.33334",
@@ -19266,7 +19466,7 @@ var CoffeeIcon = (_a) => {
         strokeLinejoin: "round"
       }
     )),
-    /* @__PURE__ */ React220.createElement("defs", null, /* @__PURE__ */ React220.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React222.createElement("defs", null, /* @__PURE__ */ React222.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React222.createElement(
       "rect",
       {
         width: "11",
@@ -19284,26 +19484,26 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ React221.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ React221.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ React221.createElement(IconBox, null, /* @__PURE__ */ React221.createElement(Coffee_default, null)), /* @__PURE__ */ React221.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ React221.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React223.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ React223.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ React223.createElement(IconBox, null, /* @__PURE__ */ React223.createElement(Coffee_default, null)), /* @__PURE__ */ React223.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ React223.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ React223.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ React221.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ React221.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ React223.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ React223.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import React223, { useState as useState61 } from "react";
+import React225, { useState as useState61 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
-import React222 from "react";
+import React224 from "react";
 var CLASS_NAME7 = "Layer__BookkeepingProfitAndLossSummariesContainer";
 function BookkeepingProfitAndLossSummariesContainer({
   children
 }) {
-  return /* @__PURE__ */ React222.createElement("div", { className: CLASS_NAME7 }, children);
+  return /* @__PURE__ */ React224.createElement("div", { className: CLASS_NAME7 }, children);
 }
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
@@ -19318,16 +19518,16 @@ var BookkeepingOverview = ({
   const [pnlToggle, setPnlToggle] = useState61("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ React223.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React223.createElement(TasksProvider, null, /* @__PURE__ */ React223.createElement(
+  return /* @__PURE__ */ React225.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React225.createElement(TasksProvider, null, /* @__PURE__ */ React225.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ React223.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ React225.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle
     },
-    width <= 1100 && /* @__PURE__ */ React223.createElement(
+    width <= 1100 && /* @__PURE__ */ React225.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -19335,30 +19535,30 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
       }
     ),
-    /* @__PURE__ */ React223.createElement(
+    /* @__PURE__ */ React225.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ React223.createElement(
+      /* @__PURE__ */ React225.createElement(
         ProfitAndLoss.Header,
         {
           text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
           withDatePicker: true
         }
       ),
-      /* @__PURE__ */ React223.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ React223.createElement(
+      /* @__PURE__ */ React225.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ React225.createElement(
         ProfitAndLoss.Summaries,
         {
           stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
           variants: profitAndLossSummariesVariants
         }
       )),
-      /* @__PURE__ */ React223.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ React225.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ React223.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ React223.createElement(
+    /* @__PURE__ */ React225.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ React225.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -19375,7 +19575,7 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ React223.createElement(
+    ), /* @__PURE__ */ React225.createElement(
       Container,
       {
         name: classNames71(
@@ -19383,7 +19583,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React223.createElement(
+      /* @__PURE__ */ React225.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
@@ -19391,7 +19591,7 @@ var BookkeepingOverview = ({
           stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts
         }
       )
-    ), /* @__PURE__ */ React223.createElement(
+    ), /* @__PURE__ */ React225.createElement(
       Container,
       {
         name: classNames71(
@@ -19399,7 +19599,7 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React223.createElement(
+      /* @__PURE__ */ React225.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
@@ -19412,15 +19612,15 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import React226, { useState as useState63 } from "react";
+import React228, { useState as useState63 } from "react";
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import React225, { useContext as useContext49, useEffect as useEffect49, useState as useState62 } from "react";
+import React227, { useContext as useContext49, useEffect as useEffect49, useState as useState62 } from "react";
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-import React224 from "react";
+import React226 from "react";
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ React224.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ React224.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ React226.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ React226.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
@@ -19465,33 +19665,33 @@ function TransactionsToReview({
       verticalGap = "sm";
       break;
   }
-  return /* @__PURE__ */ React225.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ React225.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ React225.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ React225.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React227.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ React227.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ React227.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ React227.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ React227.createElement(
     Badge,
     {
       variant: "error" /* ERROR */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React225.createElement(RefreshCcw_default, { size: 12 }),
+      icon: /* @__PURE__ */ React227.createElement(RefreshCcw_default, { size: 12 }),
       onClick: () => refetch()
     },
     "Refresh"
-  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ React225.createElement(
+  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ React227.createElement(
     Badge,
     {
       variant: "warning" /* WARNING */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React225.createElement(Bell_default, { size: 12 })
+      icon: /* @__PURE__ */ React227.createElement(Bell_default, { size: 12 })
     },
     toReview,
     " pending"
-  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ React225.createElement(
+  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ React227.createElement(
     Badge,
     {
       variant: "success" /* SUCCESS */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ React225.createElement(Check_default, { size: 12 })
+      icon: /* @__PURE__ */ React227.createElement(Check_default, { size: 12 })
     },
     "All done"
-  ) : null), /* @__PURE__ */ React225.createElement(IconButton, { icon: /* @__PURE__ */ React225.createElement(ChevronRight_default, null), withBorder: true, onClick }));
+  ) : null), /* @__PURE__ */ React227.createElement(IconButton, { icon: /* @__PURE__ */ React227.createElement(ChevronRight_default, null), withBorder: true, onClick }));
 }
 
 // src/views/AccountingOverview/AccountingOverview.tsx
@@ -19512,34 +19712,34 @@ var AccountingOverview = ({
   var _a, _b, _c, _d, _e;
   const [pnlToggle, setPnlToggle] = useState63("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ React226.createElement(
+  return /* @__PURE__ */ React228.createElement(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
     },
-    /* @__PURE__ */ React226.createElement(
+    /* @__PURE__ */ React228.createElement(
       View,
       {
         title,
         showHeader: showTitle,
-        header: /* @__PURE__ */ React226.createElement(Header2, null, /* @__PURE__ */ React226.createElement(HeaderRow, null, /* @__PURE__ */ React226.createElement(HeaderCol, null, /* @__PURE__ */ React226.createElement(ProfitAndLoss.DatePicker, null))))
+        header: /* @__PURE__ */ React228.createElement(Header2, null, /* @__PURE__ */ React228.createElement(HeaderRow, null, /* @__PURE__ */ React228.createElement(HeaderCol, null, /* @__PURE__ */ React228.createElement(ProfitAndLoss.DatePicker, null))))
       },
-      enableOnboarding && /* @__PURE__ */ React226.createElement(
+      enableOnboarding && /* @__PURE__ */ React228.createElement(
         Onboarding,
         {
           onTransactionsToReviewClick,
           onboardingStepOverride
         }
       ),
-      /* @__PURE__ */ React226.createElement(
+      /* @__PURE__ */ React228.createElement(
         Internal_ProfitAndLossSummaries,
         {
           stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
           chartColorsList,
           slots: {
             unstable_AdditionalListItems: showTransactionsToReview ? [
-              /* @__PURE__ */ React226.createElement(
+              /* @__PURE__ */ React228.createElement(
                 TransactionsToReview,
                 {
                   key: "transactions-to-review",
@@ -19553,28 +19753,28 @@ var AccountingOverview = ({
           variants: profitAndLossSummariesVariants
         }
       ),
-      /* @__PURE__ */ React226.createElement(
+      /* @__PURE__ */ React228.createElement(
         Container,
         {
           name: "accounting-overview-profit-and-loss",
           asWidget: true,
           elevated: true
         },
-        /* @__PURE__ */ React226.createElement(
+        /* @__PURE__ */ React228.createElement(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
           }
         ),
-        /* @__PURE__ */ React226.createElement(
+        /* @__PURE__ */ React228.createElement(
           ProfitAndLoss.Chart,
           {
             tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
           }
         )
       ),
-      middleBanner && /* @__PURE__ */ React226.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
-      /* @__PURE__ */ React226.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ React226.createElement(
+      middleBanner && /* @__PURE__ */ React228.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
+      /* @__PURE__ */ React228.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ React228.createElement(
         Toggle,
         {
           name: "pnl-detailed-charts",
@@ -19591,7 +19791,7 @@ var AccountingOverview = ({
           selected: pnlToggle,
           onChange: (e) => setPnlToggle(e.target.value)
         }
-      ), /* @__PURE__ */ React226.createElement(
+      ), /* @__PURE__ */ React228.createElement(
         Container,
         {
           name: classNames72(
@@ -19599,7 +19799,7 @@ var AccountingOverview = ({
             pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ React226.createElement(
+        /* @__PURE__ */ React228.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "revenue",
@@ -19608,7 +19808,7 @@ var AccountingOverview = ({
             chartColorsList
           }
         )
-      ), /* @__PURE__ */ React226.createElement(
+      ), /* @__PURE__ */ React228.createElement(
         Container,
         {
           name: classNames72(
@@ -19616,7 +19816,7 @@ var AccountingOverview = ({
             pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ React226.createElement(
+        /* @__PURE__ */ React228.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "expenses",
@@ -19631,7 +19831,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-import React227 from "react";
+import React229 from "react";
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -19647,13 +19847,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React229.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle
     },
-    /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React229.createElement(
       LinkedAccounts,
       {
         elevated: elevatedLinkedAccounts,
@@ -19663,7 +19863,7 @@ var BankTransactionsWithLinkedAccounts = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
       }
     ),
-    /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React229.createElement(
       BankTransactions,
       {
         asWidget: true,
@@ -19679,7 +19879,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import React228, { useState as useState64 } from "react";
+import React230, { useState as useState64 } from "react";
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -19688,13 +19888,13 @@ var GeneralLedgerView = ({
   chartOfAccountsOptions
 }) => {
   const [activeTab, setActiveTab] = useState64("chartOfAccounts");
-  return /* @__PURE__ */ React228.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React228.createElement(
+  return /* @__PURE__ */ React230.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React230.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle
     },
-    /* @__PURE__ */ React228.createElement(
+    /* @__PURE__ */ React230.createElement(
       Toggle,
       {
         name: "general-ledger-tabs",
@@ -19712,7 +19912,7 @@ var GeneralLedgerView = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     ),
-    activeTab === "chartOfAccounts" ? /* @__PURE__ */ React228.createElement(
+    activeTab === "chartOfAccounts" ? /* @__PURE__ */ React230.createElement(
       ChartOfAccounts,
       {
         asWidget: true,
@@ -19721,12 +19921,12 @@ var GeneralLedgerView = ({
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
       }
-    ) : /* @__PURE__ */ React228.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+    ) : /* @__PURE__ */ React230.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
   ));
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import React229, { useState as useState65 } from "react";
+import React231, { useState as useState65 } from "react";
 import Select4 from "react-select";
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -19751,14 +19951,14 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ React229.createElement(
+  return /* @__PURE__ */ React231.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view"
     },
-    /* @__PURE__ */ React229.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React229.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ React229.createElement(
+    /* @__PURE__ */ React231.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React231.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ React231.createElement(
       Toggle,
       {
         name: "project-tabs",
@@ -19779,7 +19979,7 @@ var ProjectProfitabilityView = ({
         selected: activeTab,
         onChange: (opt) => setActiveTab(opt.target.value)
       }
-    )), /* @__PURE__ */ React229.createElement(
+    )), /* @__PURE__ */ React231.createElement(
       Select4,
       {
         className: "Layer__category-menu Layer__select",
@@ -19797,7 +19997,7 @@ var ProjectProfitabilityView = ({
         }
       }
     )),
-    /* @__PURE__ */ React229.createElement(Container, { name: "project" }, /* @__PURE__ */ React229.createElement(React229.Fragment, null, activeTab === "overview" && /* @__PURE__ */ React229.createElement(
+    /* @__PURE__ */ React231.createElement(Container, { name: "project" }, /* @__PURE__ */ React231.createElement(React231.Fragment, null, activeTab === "overview" && /* @__PURE__ */ React231.createElement(
       AccountingOverview,
       {
         stringOverrides: { header: "Project Overview" },
@@ -19807,7 +20007,7 @@ var ProjectProfitabilityView = ({
         showTransactionsToReview: false,
         showTitle: false
       }
-    ), activeTab === "transactions" && /* @__PURE__ */ React229.createElement(
+    ), activeTab === "transactions" && /* @__PURE__ */ React231.createElement(
       BankTransactions,
       {
         hideHeader: true,
@@ -19816,7 +20016,7 @@ var ProjectProfitabilityView = ({
           tagFilter: tagFilter != null ? tagFilter : void 0
         }
       }
-    ), activeTab === "report" && /* @__PURE__ */ React229.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ React229.createElement(
+    ), activeTab === "report" && /* @__PURE__ */ React231.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ React231.createElement(
       ProfitAndLoss.Report,
       {
         stringOverrides,
@@ -19828,7 +20028,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-import React230, { useState as useState66 } from "react";
+import React232, { useState as useState66 } from "react";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -19859,13 +20059,13 @@ var Reports = ({
   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__ */ React230.createElement(
+  return /* @__PURE__ */ React232.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
       showHeader: showTitle
     },
-    enabledReports.length > 1 && /* @__PURE__ */ React230.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React230.createElement(
+    enabledReports.length > 1 && /* @__PURE__ */ React232.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React232.createElement(
       Toggle,
       {
         name: "reports-tabs",
@@ -19874,7 +20074,7 @@ var Reports = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     )),
-    /* @__PURE__ */ React230.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React230.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React230.createElement(
+    /* @__PURE__ */ React232.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React232.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React232.createElement(
       ReportsPanel,
       {
         containerRef,
@@ -19897,7 +20097,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ React230.createElement(React230.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ React230.createElement(
+  return /* @__PURE__ */ React232.createElement(React232.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ React232.createElement(
     ProfitAndLoss.Report,
     __spreadValues({
       stringOverrides,
@@ -19905,7 +20105,7 @@ var ReportsPanel = ({
       parentRef: containerRef,
       view
     }, profitAndLossConfig)
-  ), openReport === "balanceSheet" && /* @__PURE__ */ React230.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ React230.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ React232.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ React232.createElement(
     StatementOfCashFlow,
     __spreadValues({
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -19914,11 +20114,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-import React231, { useContext as useContext50, useRef as useRef23 } from "react";
+import React233, { useContext as useContext50, useRef as useRef23 } from "react";
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
   const containerRef = useRef23(null);
-  return /* @__PURE__ */ React231.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ React231.createElement(ProfitAndLoss, null, /* @__PURE__ */ React231.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
+  return /* @__PURE__ */ React233.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ React233.createElement(ProfitAndLoss, null, /* @__PURE__ */ React233.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -19929,10 +20129,10 @@ var ProfitAndLossPanel = (_a) => {
     "stringOverrides"
   ]);
   const { sidebarScope } = useContext50(ProfitAndLoss.Context);
-  return /* @__PURE__ */ React231.createElement(
+  return /* @__PURE__ */ React233.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React231.createElement(
+      sidebar: /* @__PURE__ */ React233.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -19941,7 +20141,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React231.createElement(
+    /* @__PURE__ */ React233.createElement(
       ProfitAndLoss.Header,
       {
         text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -19949,7 +20149,7 @@ var ProfitAndLossPanel = (_a) => {
         headingClassName: "Layer__profit-and-loss__title"
       }
     ),
-    /* @__PURE__ */ React231.createElement(Components, __spreadValues({ stringOverrides }, props))
+    /* @__PURE__ */ React233.createElement(Components, __spreadValues({ stringOverrides }, props))
   );
 };
 var Components = ({
@@ -19961,7 +20161,7 @@ var Components = ({
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ React231.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React231.createElement(
+    return /* @__PURE__ */ React233.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React233.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -19972,26 +20172,26 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ React231.createElement(React231.Fragment, null, !hideChart && /* @__PURE__ */ React231.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ React231.createElement(
+  return /* @__PURE__ */ React233.createElement(React233.Fragment, null, !hideChart && /* @__PURE__ */ React233.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ React233.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ React231.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ React231.createElement(
+    /* @__PURE__ */ React233.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ React233.createElement(
       ProfitAndLoss.Summaries,
       {
         actionable: true,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ React231.createElement(
+  ), /* @__PURE__ */ React233.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ React231.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ React231.createElement(
+    /* @__PURE__ */ React233.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ React233.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable