@layerfi/components 0.1.102-alpha → 0.1.102-alpha.1

package/dist/cjs/index.cjs

@@ -5602,7 +5602,7 @@ var import_react18 = require("react");
 var import_react16 = require("react");
 
 // package.json
-var version = "0.1.102-alpha";
+var version = "0.1.102-alpha.1";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -13249,7 +13249,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/UploadTransactions/UploadTransactions.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/components/Wizard/Wizard.tsx
 var import_react52 = require("react");
@@ -13631,7 +13631,7 @@ var CustomAccountForm = ({ initialAccountName, onCancel, onSuccess }) => {
           submitError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ErrorText, { pb: "xs", children: submitError }),
           /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Spacer, {}),
           onCancel && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { type: "button", variant: "secondary" /* secondary */, onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: submitError ? "Retry" : "Submit" })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: "Submit" })
         ] })
       ] })
     }
@@ -13953,7 +13953,6 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     "Layer__upload-transactions__select-account-name-input",
     !!customAccountsError && "Layer__upload-transactions__select-account-name-input--error"
   );
-  const hasSelectedAccount = selectedAccount && selectedAccount.value !== "new_account";
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(VStack, { gap: "lg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(HStack, { fluid: true, align: "center", gap: "lg", className: "Layer__upload-transactions__select-account-name-field", children: [
       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Label, { htmlFor: "account_name", children: "Account name" }),
@@ -13978,7 +13977,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     selectedAccount && selectedAccount.value === "new_account" && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(VStack, { className: "Layer__upload-transactions__create-account-form", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       CustomAccountForm,
       {
-        initialAccountName: (_a = selectedAccount.createdAccountName) != null ? _a : "",
+        initialAccountName: (_a = selectedAccount == null ? void 0 : selectedAccount.createdAccountName) != null ? _a : "",
         onCancel: onCancelCreateAccount,
         onSuccess: onCreateAccountSuccess
       }
@@ -14006,8 +14005,8 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         SubmitButton,
         {
-          tooltip: selectedFile && !hasSelectedAccount ? "Select an account" : null,
-          disabled: !hasSelectedAccount || !selectedFile,
+          tooltip: selectedFile && (!selectedAccount || selectedAccount.value === "new_account") ? "Select an account" : null,
+          disabled: !selectedAccount || selectedAccount.value === "new_account" || !selectedFile,
           processing: isParsingCsv,
           error: hasParseCsvError,
           onClick: onClickContinue,
@@ -14021,11 +14020,13 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 }
 
 // src/components/UploadTransactions/UploadTransactionsValidateCsvStep.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_lucide_react8 = require("lucide-react");
 
 // src/hooks/customAccounts/useCreateCustomAccountTransactions.ts
+var import_react59 = require("react");
 var import_mutation7 = __toESM(require("swr/mutation"));
+var import_swr10 = require("swr");
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
 function buildKey11({
   access_token: accessToken,
@@ -14044,7 +14045,8 @@ function buildKey11({
 function useCreateCustomAccountTransactions() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_mutation7.default)(
+  const { mutate } = (0, import_swr10.useSWRConfig)();
+  const mutationResponse = (0, import_mutation7.default)(
     () => buildKey11(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -14067,10 +14069,33 @@ function useCreateCustomAccountTransactions() {
       throwOnError: false
     }
   );
+  const { trigger: originalTrigger } = mutationResponse;
+  const stableProxiedTrigger = (0, import_react59.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BANK_TRANSACTIONS_TAG_KEY)
+      ));
+      return triggerResult;
+    }),
+    [
+      originalTrigger,
+      mutate
+    ]
+  );
+  return new Proxy(mutationResponse, {
+    get(target, prop) {
+      if (prop === "trigger") {
+        return stableProxiedTrigger;
+      }
+      return Reflect.get(target, prop);
+    }
+  });
 }
 
 // src/components/CsvUpload/ValidateCsvTable.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_classnames35 = __toESM(require("classnames"));
 var import_react_table = require("@tanstack/react-table");
 var import_react_virtual = require("@tanstack/react-virtual");
@@ -14078,7 +14103,7 @@ var import_jsx_runtime101 = require("react/jsx-runtime");
 var ROW_HEIGHT = 52;
 var BODY_HEIGHT = ROW_HEIGHT * 10;
 function ValidateCsvTable({ data, headers, formatters: formatters2, className }) {
-  const columns = (0, import_react59.useMemo)(
+  const columns = (0, import_react60.useMemo)(
     () => {
       const baseCellClassName = "Layer__table-cell-content Layer__csv-upload__validate-csv-table__cell-content";
       const columnDefs = [{
@@ -14119,7 +14144,7 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
     },
     [headers, formatters2]
   );
-  const state = (0, import_react59.useMemo)(() => ({
+  const state = (0, import_react60.useMemo)(() => ({
     sorting: [{ id: "is_valid", desc: false }],
     columnVisibility: {
       ["is_valid"]: false
@@ -14132,7 +14157,7 @@ function ValidateCsvTable({ data, headers, formatters: formatters2, className })
     getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
     getSortedRowModel: (0, import_react_table.getSortedRowModel)()
   });
-  const tableContainerRef = (0, import_react59.useRef)(null);
+  const tableContainerRef = (0, import_react60.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `${className} Layer__csv-upload__validate-csv-table__container`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { className: "Layer__table", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "Layer__csv-upload__validate-csv-table__thead", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "Layer__csv-upload__validate-csv-table__header-row", children: headerGroup.headers.map((header) => {
       const headerCellClassName = (0, import_classnames35.default)(
@@ -14212,7 +14237,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
     new_transactions_preview: transactionsPreview,
     new_transactions_request: transactionsRequest
   } = parseCsvResponse;
-  const onClickUploadTransactions = (0, import_react60.useCallback)(() => {
+  const onClickUploadTransactions = (0, import_react61.useCallback)(() => {
     void uploadTransactions(__spreadProps(__spreadValues({}, transactionsRequest), {
       customAccountId: selectedAccountId
     }));
@@ -14248,7 +14273,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
           onClick: onClickUploadTransactions,
           action: "upload" /* UPLOAD */,
           withRetry: true,
-          children: uploadTransactionsError ? "Retry" : "Upload transactions"
+          children: "Upload transactions"
         }
       )
     ] })
@@ -14258,25 +14283,25 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
 // src/components/UploadTransactions/UploadTransactions.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function UploadTransactions({ onComplete }) {
-  const [currentStep, setCurrentStep] = (0, import_react61.useState)(0 /* UploadCsv */);
-  const [selectedAccount, setSelectedAccount] = (0, import_react61.useState)(null);
-  const [file, setFile] = (0, import_react61.useState)(null);
-  const [parseCsvResponse, setParseCsvResponse] = (0, import_react61.useState)(null);
+  const [currentStep, setCurrentStep] = (0, import_react62.useState)(0 /* UploadCsv */);
+  const [selectedAccount, setSelectedAccount] = (0, import_react62.useState)(null);
+  const [file, setFile] = (0, import_react62.useState)(null);
+  const [parseCsvResponse, setParseCsvResponse] = (0, import_react62.useState)(null);
   const isValid2 = parseCsvResponse == null ? void 0 : parseCsvResponse.is_valid;
-  const onSelectAccount = (0, import_react61.useCallback)((account) => {
+  const onSelectAccount = (0, import_react62.useCallback)((account) => {
     setSelectedAccount(account);
   }, []);
-  const onSelectFile = (0, import_react61.useCallback)((file2) => {
+  const onSelectFile = (0, import_react62.useCallback)((file2) => {
     setFile(file2);
     setParseCsvResponse(null);
   }, []);
-  const goBack = (0, import_react61.useCallback)((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
-  const goForward = (0, import_react61.useCallback)((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
-  const onParseCsv = (0, import_react61.useCallback)((parseCsvResponse2) => {
+  const goBack = (0, import_react62.useCallback)((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
+  const goForward = (0, import_react62.useCallback)((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
+  const onParseCsv = (0, import_react62.useCallback)((parseCsvResponse2) => {
     setParseCsvResponse(parseCsvResponse2);
     goForward();
   }, [goForward]);
-  const onReupload = (0, import_react61.useCallback)(() => {
+  const onReupload = (0, import_react62.useCallback)(() => {
     setFile(null);
     setParseCsvResponse(null);
     goBack();
@@ -14327,14 +14352,14 @@ function UploadTransactions({ onComplete }) {
 
 // src/components/BankTransactions/BankTransactions.tsx
 var import_lodash2 = __toESM(require_lodash());
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // src/hooks/useElementSize/useElementSize.ts
-var import_react62 = require("react");
+var import_react63 = require("react");
 var useElementSize = (callback) => {
-  const ref = (0, import_react62.useRef)(null);
-  const resizeTimeout = (0, import_react62.useRef)(null);
-  (0, import_react62.useLayoutEffect)(() => {
+  const ref = (0, import_react63.useRef)(null);
+  const resizeTimeout = (0, import_react63.useRef)(null);
+  (0, import_react63.useLayoutEffect)(() => {
     const element = ref == null ? void 0 : ref.current;
     if (!element) {
       return;
@@ -14365,10 +14390,10 @@ var useElementSize = (callback) => {
 };
 
 // src/hooks/useIsVisible/useIsVisible.ts
-var import_react63 = require("react");
+var import_react64 = require("react");
 var useIsVisible = (ref) => {
-  const [isIntersecting, setIntersecting] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [isIntersecting, setIntersecting] = (0, import_react64.useState)(false);
+  (0, import_react64.useEffect)(() => {
     if (!ref.current) {
       return;
     }
@@ -14384,7 +14409,7 @@ var useIsVisible = (ref) => {
 };
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/icons/File.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
@@ -14452,7 +14477,7 @@ var File = (_a) => {
 var File_default = File;
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 
 // src/icons/Scissors.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
@@ -14753,10 +14778,10 @@ var MinimizeTwo = (_a) => {
 var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/ActionableList/ActionableList.tsx
 var import_classnames36 = __toESM(require("classnames"));
@@ -14872,7 +14897,7 @@ var getAssignedValue = (bankTransaction) => {
 };
 
 // src/hooks/categories/useCategories.ts
-var import_swr10 = __toESM(require("swr"));
+var import_swr11 = __toESM(require("swr"));
 var CATEGORIES_TAG_KEY = "#categories";
 function buildKey12({
   access_token: accessToken,
@@ -14893,7 +14918,7 @@ function buildKey12({
 function useCategories({ mode } = {}) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr10.default)(
+  return (0, import_swr11.default)(
     () => buildKey12(__spreadProps(__spreadValues({}, auth), {
       businessId,
       mode
@@ -14922,8 +14947,8 @@ var BusinessCategories = ({
   const categoryOptions = flattenCategories(
     (categories != null ? categories : []).filter((category) => category.type != "ExclusionNested")
   );
-  const [optionsToShow, setOptionsToShow] = (0, import_react64.useState)(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = (0, import_react64.useState)();
+  const [optionsToShow, setOptionsToShow] = (0, import_react65.useState)(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = (0, import_react65.useState)();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -14962,7 +14987,7 @@ var CategorySelectDrawer = ({
   showTooltips: _showTooltips
 }) => {
   var _a, _b;
-  const { setContent, close: close2 } = (0, import_react65.useContext)(DrawerContext);
+  const { setContent, close: close2 } = (0, import_react66.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
     close2();
     onSelect(value);
@@ -15257,7 +15282,7 @@ var CategorySelect = ({
 };
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // src/icons/ScissorsFullOpen.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -15386,19 +15411,19 @@ var Trash = (_a) => {
 var Trash_default = Trash;
 
 // src/components/BankTransactionReceipts/BankTransactionReceipts.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/contexts/ReceiptsContext/ReceiptsContext.ts
-var import_react66 = require("react");
-var ReceiptsContext = (0, import_react66.createContext)({
+var import_react67 = require("react");
+var ReceiptsContext = (0, import_react67.createContext)({
   receiptUrls: [],
   uploadReceipt: () => Promise.resolve(),
   archiveDocument: () => Promise.resolve()
 });
-var useReceiptsContext = () => (0, import_react66.useContext)(ReceiptsContext);
+var useReceiptsContext = () => (0, import_react67.useContext)(ReceiptsContext);
 
 // src/hooks/useReceipts/useReceipts.ts
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_date_fns13 = require("date-fns");
 var readDate = (date) => {
   if (!date) return void 0;
@@ -15412,8 +15437,8 @@ var useReceipts = ({
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
   const { updateOneLocal: updateBankTransaction } = useBankTransactionsContext();
-  const [receiptUrls, setReceiptUrls] = (0, import_react67.useState)([]);
-  (0, import_react67.useEffect)(() => {
+  const [receiptUrls, setReceiptUrls] = (0, import_react68.useState)([]);
+  (0, import_react68.useEffect)(() => {
     if (isActive && receiptUrls.length === 0 && hasReceipts(bankTransaction)) {
       void fetchDocuments();
     }
@@ -15706,12 +15731,12 @@ var openReceiptInNewTab = (url, index) => (e) => {
       `);
   }
 };
-var BankTransactionReceiptsWithProvider = (0, import_react68.forwardRef)((_a, ref) => {
+var BankTransactionReceiptsWithProvider = (0, import_react69.forwardRef)((_a, ref) => {
   var _b = _a, { bankTransaction, isActive } = _b, props = __objRest(_b, ["bankTransaction", "isActive"]);
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ReceiptsProvider, { bankTransaction, isActive, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(BankTransactionReceipts, __spreadProps(__spreadValues({}, props), { ref })) });
 });
 BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
-var BankTransactionReceipts = (0, import_react68.forwardRef)(
+var BankTransactionReceipts = (0, import_react69.forwardRef)(
   ({
     classNamePrefix = "Layer",
     floatingActions = false,
@@ -15719,7 +15744,7 @@ var BankTransactionReceipts = (0, import_react68.forwardRef)(
     label
   }, ref) => {
     const { receiptUrls, uploadReceipt, archiveDocument } = useReceiptsContext();
-    (0, import_react68.useImperativeHandle)(ref, () => ({
+    (0, import_react69.useImperativeHandle)(ref, () => ({
       uploadReceipt
     }));
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: `${classNamePrefix}__file-upload`, children: [
@@ -15760,22 +15785,22 @@ var BankTransactionReceipts = (0, import_react68.forwardRef)(
 BankTransactionReceipts.displayName = "BankTransactionReceipts";
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
-var import_swr11 = __toESM(require("swr"));
+var import_swr12 = __toESM(require("swr"));
 
 // src/providers/LegacyModeProvider/LegacyModeProvider.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime120 = require("react/jsx-runtime");
-var LegacyModeContext = (0, import_react69.createContext)({
+var LegacyModeContext = (0, import_react70.createContext)({
   overrideMode: void 0
 });
 function useLegacyMode() {
-  return (0, import_react69.useContext)(LegacyModeContext);
+  return (0, import_react70.useContext)(LegacyModeContext);
 }
 function LegacyModeProvider({
   overrideMode,
   children
 }) {
-  const memoizedValue = (0, import_react69.useMemo)(() => ({ overrideMode }), [overrideMode]);
+  const memoizedValue = (0, import_react70.useMemo)(() => ({ overrideMode }), [overrideMode]);
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(LegacyModeContext.Provider, { value: memoizedValue, children });
 }
 
@@ -15819,7 +15844,7 @@ function buildKey13({
 function useBookkeepingStatus() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr11.default)(
+  return (0, import_swr12.default)(
     () => buildKey13(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
@@ -16088,10 +16113,10 @@ var MatchFormMobile = ({
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_classnames42 = __toESM(require("classnames"));
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var import_react71 = require("react");
+var import_react72 = require("react");
 var Toggle = ({
   name,
   options,
@@ -16099,10 +16124,10 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = (0, import_react70.useState)(0);
-  const [thumbPos, setThumbPos] = (0, import_react70.useState)({ left: 0, width: 0 });
-  const [initialized, setInitialized] = (0, import_react70.useState)(false);
-  const activeOption = (0, import_react70.useMemo)(() => {
+  const [currentWidth, setCurrentWidth] = (0, import_react71.useState)(0);
+  const [thumbPos, setThumbPos] = (0, import_react71.useState)({ left: 0, width: 0 });
+  const [initialized, setInitialized] = (0, import_react71.useState)(false);
+  const activeOption = (0, import_react71.useMemo)(() => {
     return selected ? selected : options.length > 0 ? options[0].value : void 0;
   }, [selected, options]);
   const toggleRef = useElementSize((_a, _b, c) => {
@@ -16142,14 +16167,14 @@ var Toggle = ({
     shift2 = shift2 + (size === "medium" /* medium */ ? 2 : 1.5);
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
@@ -16165,7 +16190,7 @@ var Toggle = ({
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: baseClassName, ref: toggleRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react71.createElement)(
+      return /* @__PURE__ */ (0, import_react72.createElement)(
         ToggleOption,
         __spreadProps(__spreadValues({}, option), {
           size,
@@ -16250,7 +16275,7 @@ var ToggleOption = ({
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
@@ -16261,7 +16286,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = (0, import_react72.useState)([]);
+  const [notifications, setNotifications] = (0, import_react73.useState)([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -16290,7 +16315,7 @@ var APIErrorNotifications = ({
     );
     setNotifications(notificationsCache.concat());
   };
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (bankTransaction.error) {
       pushNotification(ERROR_TITLE, ERROR_MESSAGE);
     }
@@ -16315,8 +16340,8 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = (0, import_react72.useState)(false);
-  (0, import_react72.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     setVisible(true);
     const timer = setTimeout(() => {
       hideNotification();
@@ -16390,7 +16415,7 @@ var Textarea = (_a) => {
 var import_react_form2 = require("@tanstack/react-form");
 
 // src/hooks/useBankTransactions/useBankTransactionsMetadata.ts
-var import_swr12 = __toESM(require("swr"));
+var import_swr13 = __toESM(require("swr"));
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
 function buildKey14({
   access_token: accessToken,
@@ -16411,7 +16436,7 @@ function buildKey14({
 function useBankTransactionMetadata({ bankTransactionId }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr12.default)(
+  return (0, import_swr13.default)(
     () => buildKey14(__spreadProps(__spreadValues({}, auth), {
       businessId,
       bankTransactionId
@@ -16426,8 +16451,8 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
 var import_mutation8 = __toESM(require("swr/mutation"));
-var import_swr13 = require("swr");
-var import_react73 = require("react");
+var import_swr14 = require("swr");
+var import_react74 = require("react");
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
 function buildKey15({
   access_token: accessToken,
@@ -16448,7 +16473,7 @@ function buildKey15({
 function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr13.useSWRConfig)();
+  const { mutate } = (0, import_swr14.useSWRConfig)();
   const mutationResponse = (0, import_mutation8.default)(
     () => buildKey15({
       access_token: auth == null ? void 0 : auth.access_token,
@@ -16476,7 +16501,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react73.useCallback)(
+  const stableProxiedTrigger = (0, import_react74.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -16571,7 +16596,7 @@ var validateSplit = (splitData) => {
   });
   return valid;
 };
-var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
+var ExpandedBankTransactionRow = (0, import_react75.forwardRef)(
   ({
     bankTransaction,
     isOpen = false,
@@ -16589,19 +16614,19 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       categorize: categorizeBankTransaction2,
       match: matchBankTransaction2
     } = useBankTransactionsContext();
-    const [purpose, setPurpose] = (0, import_react74.useState)(
+    const [purpose, setPurpose] = (0, import_react75.useState)(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
     );
-    const [selectedMatchId, setSelectedMatchId] = (0, import_react74.useState)(
+    const [selectedMatchId, setSelectedMatchId] = (0, import_react75.useState)(
       (_c = isAlreadyMatched2(bankTransaction)) != null ? _c : (_b = (_a = bankTransaction == null ? void 0 : bankTransaction.suggested_matches) == null ? void 0 : _a[0]) == null ? void 0 : _b.id
     );
-    const [matchFormError, setMatchFormError] = (0, import_react74.useState)();
-    const [splitFormError, setSplitFormError] = (0, import_react74.useState)();
-    const [height, setHeight] = (0, import_react74.useState)(0);
-    const [isOver, setOver] = (0, import_react74.useState)(false);
-    const bodyRef = (0, import_react74.useRef)(null);
+    const [matchFormError, setMatchFormError] = (0, import_react75.useState)();
+    const [splitFormError, setSplitFormError] = (0, import_react75.useState)();
+    const [height, setHeight] = (0, import_react75.useState)(0);
+    const [isOver, setOver] = (0, import_react75.useState)(false);
+    const bodyRef = (0, import_react75.useRef)(null);
     const defaultCategory = bankTransaction.category ? bankTransaction.category : hasSuggestions(bankTransaction.categorization_flow) ? (_d = bankTransaction.categorization_flow) == null ? void 0 : _d.suggestions.at(0) : void 0;
-    const [rowState, updateRowState] = (0, import_react74.useState)({
+    const [rowState, updateRowState] = (0, import_react75.useState)({
       splits: ((_e = bankTransaction.category) == null ? void 0 : _e.entries) ? (_f = bankTransaction.category) == null ? void 0 : _f.entries.map((c) => {
         return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
           amount: c.amount || 0,
@@ -16732,7 +16757,7 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       );
       close2();
     });
-    (0, import_react74.useImperativeHandle)(ref, () => ({
+    (0, import_react75.useImperativeHandle)(ref, () => ({
       save
     }));
     const onMatchSubmit = (matchId) => __async(null, null, function* () {
@@ -16746,11 +16771,11 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close2();
     });
-    const getDivHeight = (0, import_react74.useCallback)(() => {
+    const getDivHeight = (0, import_react75.useCallback)(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = (0, import_react74.useCallback)(
+    const handleTransitionEnd = (0, import_react75.useCallback)(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -16761,7 +16786,7 @@ var ExpandedBankTransactionRow = (0, import_react74.forwardRef)(
       },
       [isOpen]
     );
-    (0, import_react74.useEffect)(() => {
+    (0, import_react75.useEffect)(() => {
       setHeight(getDivHeight());
       setOver(false);
       if (!isOpen) {
@@ -17020,7 +17045,7 @@ var import_classnames45 = __toESM(require("classnames"));
 var import_date_fns17 = require("date-fns");
 
 // src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-var import_swr14 = __toESM(require("swr"));
+var import_swr15 = __toESM(require("swr"));
 
 // src/utils/bookkeeping/bookkeepingStatusFilters.ts
 function isActiveBookkeepingStatus(status) {
@@ -17103,7 +17128,7 @@ function useBookkeepingPeriods() {
   const { businessId } = useLayerContext();
   const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
   const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-  const swrResponse = (0, import_swr14.default)(
+  const swrResponse = (0, import_swr15.default)(
     () => buildKey16(__spreadProps(__spreadValues({}, auth), {
       businessId,
       isActiveOrPaused
@@ -17265,13 +17290,13 @@ var BankTransactionProcessingInfo = () => /* @__PURE__ */ (0, import_jsx_runtime
 ] });
 
 // src/hooks/visibility/useDelayedVisibility.ts
-var import_react75 = require("react");
+var import_react76 = require("react");
 function useDelayedVisibility({
   delay,
   initialVisibility = false
 }) {
-  const [isVisible, setIsVisible] = (0, import_react75.useState)(initialVisibility);
-  (0, import_react75.useEffect)(
+  const [isVisible, setIsVisible] = (0, import_react76.useState)(initialVisibility);
+  (0, import_react76.useEffect)(
     () => {
       const timer = setTimeout(() => {
         setIsVisible(true);
@@ -17320,17 +17345,17 @@ var BankTransactionRow = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const expandedRowRef = (0, import_react76.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react76.useState)(false);
+  const expandedRowRef = (0, import_react77.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react77.useState)(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react76.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react77.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open2, setOpen] = (0, import_react76.useState)(false);
+  const [open2, setOpen] = (0, import_react77.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open2);
@@ -17346,12 +17371,12 @@ var BankTransactionRow = ({
       }
     }
   };
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -17394,7 +17419,7 @@ var BankTransactionRow = ({
     initialLoad ? "initial-load" : "",
     isVisible ? "show" : ""
   );
-  const showReceiptDataProperties = (0, import_react76.useMemo)(
+  const showReceiptDataProperties = (0, import_react77.useMemo)(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
@@ -17664,17 +17689,17 @@ var BankTransactionListItem = ({
   stringOverrides
 }) => {
   var _a, _b;
-  const expandedRowRef = (0, import_react77.useRef)(null);
-  const [showRetry, setShowRetry] = (0, import_react77.useState)(false);
+  const expandedRowRef = (0, import_react78.useRef)(null);
+  const [showRetry, setShowRetry] = (0, import_react78.useState)(false);
   const {
     categorize: categorizeBankTransaction2,
     match: matchBankTransaction2,
     shouldHideAfterCategorize
   } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react77.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react78.useState)(
     getDefaultSelectedCategory(bankTransaction)
   );
-  const [open2, setOpen] = (0, import_react77.useState)(false);
+  const [open2, setOpen] = (0, import_react78.useState)(false);
   const toggleOpen = () => {
     setShowRetry(false);
     setOpen(!open2);
@@ -17682,12 +17707,12 @@ var BankTransactionListItem = ({
   const bookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
   const { isVisible } = useDelayedVisibility({ delay: index * 80 });
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -17855,10 +17880,10 @@ var BankTransactionList = ({
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // src/icons/Paperclip.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
@@ -17897,19 +17922,19 @@ var BusinessForm = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  const receiptsRef = (0, import_react78.useRef)(null);
-  const { setContent, close: close2 } = (0, import_react78.useContext)(DrawerContext);
+  const receiptsRef = (0, import_react79.useRef)(null);
+  const { setContent, close: close2 } = (0, import_react79.useContext)(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [selectedCategory, setSelectedCategory] = (0, import_react78.useState)(
+  const [selectedCategory, setSelectedCategory] = (0, import_react79.useState)(
     getAssignedValue(bankTransaction)
   );
-  const [showRetry, setShowRetry] = (0, import_react78.useState)(false);
-  (0, import_react78.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react79.useState)(false);
+  (0, import_react79.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
   }, [bankTransaction.error]);
-  const options = (0, import_react78.useMemo)(() => {
+  const options = (0, import_react79.useMemo)(() => {
     var _a;
     const options2 = ((_a = bankTransaction == null ? void 0 : bankTransaction.categorization_flow) == null ? void 0 : _a.type) === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
       (x) => mapCategoryToOption(x)
@@ -18045,7 +18070,7 @@ var BusinessForm = ({
 };
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/components/BankTransactionMobileList/constants.ts
 var PersonalCategories = /* @__PURE__ */ ((PersonalCategories2) => {
@@ -18073,10 +18098,10 @@ var PersonalForm = ({
   showDescriptions,
   showCategorization
 }) => {
-  const receiptsRef = (0, import_react79.useRef)(null);
+  const receiptsRef = (0, import_react80.useRef)(null);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [showRetry, setShowRetry] = (0, import_react79.useState)(false);
-  (0, import_react79.useEffect)(() => {
+  const [showRetry, setShowRetry] = (0, import_react80.useState)(false);
+  (0, import_react80.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -18146,10 +18171,10 @@ var PersonalForm = ({
 };
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 
 // src/components/BankTransactionMobileList/MatchForm.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_classnames49 = __toESM(require("classnames"));
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var MatchForm2 = ({
@@ -18159,14 +18184,14 @@ var MatchForm2 = ({
   showCategorization
 }) => {
   var _a, _b;
-  const receiptsRef = (0, import_react80.useRef)(null);
+  const receiptsRef = (0, import_react81.useRef)(null);
   const { match: matchBankTransaction2, isLoading } = useBankTransactionsContext();
-  const [selectedMatchId, setSelectedMatchId] = (0, import_react80.useState)(
+  const [selectedMatchId, setSelectedMatchId] = (0, import_react81.useState)(
     (_b = isAlreadyMatched(bankTransaction)) != null ? _b : bankTransaction.suggested_matches && ((_a = bankTransaction.suggested_matches) == null ? void 0 : _a.length) > 0 ? bankTransaction.suggested_matches[0].id : void 0
   );
-  const [formError, setFormError] = (0, import_react80.useState)();
-  const [showRetry, setShowRetry] = (0, import_react80.useState)(false);
-  (0, import_react80.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react81.useState)();
+  const [showRetry, setShowRetry] = (0, import_react81.useState)(false);
+  (0, import_react81.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     } else if (showRetry) {
@@ -18257,7 +18282,7 @@ var MatchForm2 = ({
 };
 
 // src/components/BankTransactionMobileList/SplitForm.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_classnames50 = __toESM(require("classnames"));
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var SplitForm = ({
@@ -18268,13 +18293,13 @@ var SplitForm = ({
   showDescriptions
 }) => {
   var _a, _b, _c, _d;
-  const receiptsRef = (0, import_react81.useRef)(null);
+  const receiptsRef = (0, import_react82.useRef)(null);
   const {
     categorize: categorizeBankTransaction2,
     isLoading
   } = useBankTransactionsContext();
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_b = (_a = bankTransaction.categorization_flow) == null ? void 0 : _a.suggestions) == null ? void 0 : _b[0]);
-  const [rowState, updateRowState] = (0, import_react81.useState)({
+  const [rowState, updateRowState] = (0, import_react82.useState)({
     splits: ((_c = bankTransaction.category) == null ? void 0 : _c.entries) ? (_d = bankTransaction.category) == null ? void 0 : _d.entries.map((c) => {
       return c.type === "ExclusionSplitEntry" && c.category.type === "ExclusionNested" ? {
         amount: c.amount || 0,
@@ -18300,9 +18325,9 @@ var SplitForm = ({
     description: "",
     file: void 0
   });
-  const [formError, setFormError] = (0, import_react81.useState)();
-  const [showRetry, setShowRetry] = (0, import_react81.useState)(false);
-  (0, import_react81.useEffect)(() => {
+  const [formError, setFormError] = (0, import_react82.useState)();
+  const [showRetry, setShowRetry] = (0, import_react82.useState)(false);
+  (0, import_react82.useEffect)(() => {
     if (bankTransaction.error) {
       setShowRetry(true);
     }
@@ -18526,7 +18551,7 @@ var SplitAndMatchForm = ({
   showCategorization
 }) => {
   const anyMatch = hasMatch(bankTransaction);
-  const [formType, setFormType] = (0, import_react82.useState)(
+  const [formType, setFormType] = (0, import_react83.useState)(
     bankTransaction.category ? "categorize" /* categorize */ : anyMatch ? "match" /* match */ : "categorize" /* categorize */
   );
   return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form", children: [
@@ -18606,9 +18631,9 @@ var BankTransactionMobileForms = ({
 };
 
 // src/components/BankTransactionMobileList/TransactionToOpenContext.ts
-var import_react83 = require("react");
+var import_react84 = require("react");
 var useTransactionToOpen = () => {
-  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react83.useState)(void 0);
+  const [transactionIdToOpen, setTransactionIdToOpen] = (0, import_react84.useState)(void 0);
   const clearTransactionIdToOpen = () => setTransactionIdToOpen(void 0);
   return {
     transactionIdToOpen,
@@ -18616,7 +18641,7 @@ var useTransactionToOpen = () => {
     clearTransactionIdToOpen
   };
 };
-var TransactionToOpenContext = (0, import_react83.createContext)({
+var TransactionToOpenContext = (0, import_react84.createContext)({
   transactionIdToOpen: void 0,
   setTransactionIdToOpen: () => void 0,
   clearTransactionIdToOpen: () => void 0
@@ -18653,7 +18678,7 @@ var BankTransactionMobileListItem = ({
     transactionIdToOpen,
     setTransactionIdToOpen,
     clearTransactionIdToOpen
-  } = (0, import_react84.useContext)(TransactionToOpenContext);
+  } = (0, import_react85.useContext)(TransactionToOpenContext);
   const { shouldHideAfterCategorize } = useBankTransactionsContext();
   const formRowRef = useElementSize(
     (_a2, _b, { height: height2 }) => setHeight(height2)
@@ -18661,14 +18686,14 @@ var BankTransactionMobileListItem = ({
   const headingRowRef = useElementSize((_a2, _b, { height: height2 }) => {
     setHeadingHeight(height2);
   });
-  const itemRef = (0, import_react84.useRef)(null);
-  const [removeAnim, setRemoveAnim] = (0, import_react84.useState)(false);
-  const [purpose, setPurpose] = (0, import_react84.useState)(
+  const itemRef = (0, import_react85.useRef)(null);
+  const [removeAnim, setRemoveAnim] = (0, import_react85.useState)(false);
+  const [purpose, setPurpose] = (0, import_react85.useState)(
     bankTransaction.category ? bankTransaction.category.type === "ExclusionNested" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
-  const [open2, setOpen] = (0, import_react84.useState)(isFirstItem);
-  const [height, setHeight] = (0, import_react84.useState)(0);
-  const [headingHeight, setHeadingHeight] = (0, import_react84.useState)(63);
+  const [open2, setOpen] = (0, import_react85.useState)(isFirstItem);
+  const [height, setHeight] = (0, import_react85.useState)(0);
+  const [headingHeight, setHeadingHeight] = (0, import_react85.useState)(63);
   const openNext = () => {
     if (editable && itemRef.current && itemRef.current.nextSibling) {
       const txId = itemRef.current.nextSibling.getAttribute(
@@ -18679,13 +18704,13 @@ var BankTransactionMobileListItem = ({
       }
     }
   };
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (transactionIdToOpen && transactionIdToOpen === bankTransaction.id) {
       setOpen(true);
       clearTransactionIdToOpen();
     }
   }, [transactionIdToOpen]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!removeAnim && bankTransaction.recently_categorized) {
       if (editable && shouldHideAfterCategorize()) {
         setRemoveAnim(true);
@@ -18709,7 +18734,7 @@ var BankTransactionMobileListItem = ({
     setOpen(false);
     setHeight(0);
   };
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (editable && bankTransaction.recently_categorized && shouldHideAfterCategorize()) {
       setTimeout(() => {
         removeTransaction(bankTransaction);
@@ -18856,7 +18881,7 @@ var BankTransactionMobileList = ({
 };
 
 // src/components/BankTransactionsTable/BankTransactionsTable.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
 var import_classnames52 = __toESM(require("classnames"));
@@ -19028,7 +19053,7 @@ var BankTransactionsTable = ({
       return ((_a2 = transaction.document_ids) == null ? void 0 : _a2.length) > 0;
     }
   ))) != null ? _a : false;
-  const showReceiptDataProperties = (0, import_react85.useMemo)(
+  const showReceiptDataProperties = (0, import_react86.useMemo)(
     () => toDataProperties({ "show-receipt-upload-column": showReceiptColumn }),
     [showReceiptColumn]
   );
@@ -19093,7 +19118,7 @@ var BankTransactionsTable = ({
 };
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 
 // src/components/ErrorBoundary/ErrorBoundaryMessage.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
@@ -19110,7 +19135,7 @@ var ErrorBoundaryMessage = () => {
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react86.Component {
+var ErrorBoundary = class extends import_react87.Component {
   constructor(props) {
     super(props);
     __publicField(this, "onError");
@@ -19136,7 +19161,7 @@ var ErrorBoundary = class extends import_react86.Component {
 };
 
 // src/hooks/usePagination/usePagination.ts
-var import_react87 = require("react");
+var import_react88 = require("react");
 
 // src/utils/helpers.ts
 var range = (start, end) => {
@@ -19152,7 +19177,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = (0, import_react87.useMemo)(() => {
+  const paginationRange = (0, import_react88.useMemo)(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     const totalPageNumbers = siblingCount + 5;
     if (totalPageNumbers >= totalPageCount) {
@@ -19288,21 +19313,21 @@ var PaginationContent = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_classnames55 = __toESM(require("classnames"));
 var import_date_fns21 = require("date-fns");
 
 // src/hooks/useDebounce/useDebounce.ts
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_lodash = __toESM(require_lodash());
 var DEFAULT_WAIT = 300;
 var DEFAULT_MAX_WAIT = 2 * DEFAULT_WAIT;
 function useDebounce(fn) {
-  const internalFnRef = (0, import_react88.useRef)(fn);
-  (0, import_react88.useEffect)(() => {
+  const internalFnRef = (0, import_react89.useRef)(fn);
+  (0, import_react89.useEffect)(() => {
     internalFnRef.current = fn;
   }, [fn]);
-  const debouncedCallback = (0, import_react88.useMemo)(() => {
+  const debouncedCallback = (0, import_react89.useMemo)(() => {
     const internalFn = (...args) => {
       internalFnRef.current(...args);
     };
@@ -19421,7 +19446,7 @@ function useBankTransactionsDownload() {
 }
 
 // src/components/utility/InvisibleDownload.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // src/utils/delay/runDelayed.ts
 var DEFAULT_DELAY_MS = 50;
@@ -19434,17 +19459,17 @@ function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
 // src/components/utility/InvisibleDownload.tsx
 var import_jsx_runtime159 = require("react/jsx-runtime");
 function useInvisibleDownload() {
-  const invisibleDownloadRef = (0, import_react89.useRef)(null);
-  const triggerInvisibleDownload = (0, import_react89.useCallback)((options) => {
+  const invisibleDownloadRef = (0, import_react90.useRef)(null);
+  const triggerInvisibleDownload = (0, import_react90.useCallback)((options) => {
     var _a;
     void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
   return { invisibleDownloadRef, triggerInvisibleDownload };
 }
 var CLASS_NAME9 = "Layer__InvisibleDownload";
-var InvisibleDownload = (0, import_react89.forwardRef)((_props, ref) => {
-  const internalRef = (0, import_react89.useRef)(null);
-  (0, import_react89.useImperativeHandle)(ref, () => ({
+var InvisibleDownload = (0, import_react90.forwardRef)((_props, ref) => {
+  const internalRef = (0, import_react90.useRef)(null);
+  (0, import_react90.useImperativeHandle)(ref, () => ({
     trigger: (_0) => __async(null, [_0], function* ({ url }) {
       var _a;
       (_a = internalRef.current) == null ? void 0 : _a.setAttribute("href", url);
@@ -19454,7 +19479,7 @@ var InvisibleDownload = (0, import_react89.forwardRef)((_props, ref) => {
       });
     })
   }));
-  const handleContainClick = (0, import_react89.useCallback)((event) => {
+  const handleContainClick = (0, import_react90.useCallback)((event) => {
     event.stopPropagation();
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("a", { download: true, className: CLASS_NAME9, ref: internalRef, onClick: handleContainClick });
@@ -19466,14 +19491,14 @@ var InvisibleDownload_default = InvisibleDownload;
 var import_jsx_runtime160 = require("react/jsx-runtime");
 function TransactionsSearch({ slot }) {
   const { filters, setFilters } = useBankTransactionsContext();
-  const [localSearch, setLocalSearch] = (0, import_react90.useState)(() => {
+  const [localSearch, setLocalSearch] = (0, import_react91.useState)(() => {
     var _a;
     return (_a = filters == null ? void 0 : filters.descriptionFilter) != null ? _a : "";
   });
   const debouncedSetDescription = useDebounce((value) => {
     setFilters({ descriptionFilter: value });
   });
-  const handleSearch = (0, import_react90.useCallback)((value) => {
+  const handleSearch = (0, import_react91.useCallback)((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
@@ -19605,7 +19630,7 @@ var BankTransactionsHeader = ({
 };
 
 // src/components/BankTransactions/BankTransactionsTableEmptyState.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/icons/Inbox.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
@@ -19655,7 +19680,7 @@ function BankTransactionsTableEmptyStates({
   isFiltered,
   isLoadingWithoutData
 }) {
-  const StateComponent = (0, import_react91.useMemo)(() => {
+  const StateComponent = (0, import_react92.useMemo)(() => {
     if (isError) {
       return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         DataState,
@@ -19728,13 +19753,13 @@ var BankTransactionsContent = ({
   stringOverrides
 }) => {
   var _a;
-  const [defaultDateRange] = (0, import_react92.useState)(() => ({
+  const [defaultDateRange] = (0, import_react93.useState)(() => ({
     startDate: (0, import_date_fns22.startOfMonth)(/* @__PURE__ */ new Date()),
     endDate: (0, import_date_fns22.endOfMonth)(/* @__PURE__ */ new Date())
   }));
-  const scrollPaginationRef = (0, import_react92.useRef)(null);
+  const scrollPaginationRef = (0, import_react93.useRef)(null);
   const isVisible = useIsVisible(scrollPaginationRef);
-  const [currentPage, setCurrentPage] = (0, import_react92.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react93.useState)(1);
   const effectiveBookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(effectiveBookkeepingStatus);
   const categorizeView = categorizeViewProp != null ? categorizeViewProp : categorizationEnabled;
@@ -19751,21 +19776,21 @@ var BankTransactionsContent = ({
     removeAfterCategorize
   } = useBankTransactionsContext();
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react92.useMemo)(
+  const isSyncing = (0, import_react93.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!monthlyView && (filters == null ? void 0 : filters.dateRange)) {
       setFilters(__spreadProps(__spreadValues({}, filters), { dateRange: void 0 }));
     }
   }, [monthlyView]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (monthlyView && isVisible && !isLoading && hasMore) {
       fetchMore();
     }
   }, [monthlyView, isVisible, isLoading, hasMore]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
       if (effectiveBookkeepingStatus === "ACTIVE" /* ACTIVE */) {
         setFilters(__spreadProps(__spreadValues(__spreadValues({}, filters), inputFilters), {
@@ -19792,10 +19817,10 @@ var BankTransactionsContent = ({
       });
     }
   }, [inputFilters, categorizeView, categorizationEnabled]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     setCurrentPage(1);
   }, [filters]);
-  const bankTransactions = (0, import_react92.useMemo)(() => {
+  const bankTransactions = (0, import_react93.useMemo)(() => {
     if (monthlyView) {
       return data;
     }
@@ -19809,10 +19834,10 @@ var BankTransactionsContent = ({
     });
     setCurrentPage(1);
   };
-  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react92.useState)(0);
+  const [shiftStickyHeader, setShiftStickyHeader] = (0, import_react93.useState)(0);
   const debounceShiftStickyHeader = (0, import_lodash2.debounce)(setShiftStickyHeader, 500);
-  const [listView, setListView] = (0, import_react92.useState)(false);
-  const [containerWidth, setContainerWidth] = (0, import_react92.useState)(0);
+  const [listView, setListView] = (0, import_react93.useState)(false);
+  const [containerWidth, setContainerWidth] = (0, import_react93.useState)(0);
   const debounceContainerWidth = (0, import_lodash2.debounce)(setContainerWidth, 500);
   const removeTransaction = (bankTransaction) => removeAfterCategorize(bankTransaction);
   const containerRef = useElementSize((_el, _en, size) => {
@@ -19938,13 +19963,13 @@ var BankTransactionsContent = ({
 };
 
 // src/components/Integrations/Integrations.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 
 // src/components/Integrations/IntegrationsContent.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/icons/QuickbooksIcon.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
@@ -20030,8 +20055,8 @@ var Card = ({ children, className }) => {
 };
 
 // src/contexts/QuickbooksContext/QuickbooksContext.tsx
-var import_react93 = require("react");
-var QuickbooksContext = (0, import_react93.createContext)({
+var import_react94 = require("react");
+var QuickbooksContext = (0, import_react94.createContext)({
   linkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
   unlinkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
   syncFromQuickbooks: () => {
@@ -20041,7 +20066,7 @@ var QuickbooksContext = (0, import_react93.createContext)({
 });
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumbFooter.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_date_fns23 = require("date-fns");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/utils.ts
@@ -20099,7 +20124,7 @@ var getFooterConfig = (quickbooksUiState, lastSyncedAt) => {
   }
 };
 var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
-  const { quickbooksConnectionStatus } = (0, import_react94.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react95.useContext)(QuickbooksContext);
   if (!quickbooksConnectionStatus) return null;
   const { title, description, badgeVariant } = getFooterConfig(quickbooksUiState, quickbooksConnectionStatus.last_synced_at);
   return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(HStack, { className: "loadingbar", children: [
@@ -20116,14 +20141,14 @@ var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
-  const { unlinkQuickbooks } = (0, import_react95.useContext)(QuickbooksContext);
-  const [isProcessing, setIsProcessing] = (0, import_react95.useState)(false);
-  const [hasFailed, setHasFailed] = (0, import_react95.useState)(false);
+  const { unlinkQuickbooks } = (0, import_react96.useContext)(QuickbooksContext);
+  const [isProcessing, setIsProcessing] = (0, import_react96.useState)(false);
+  const [hasFailed, setHasFailed] = (0, import_react96.useState)(false);
   const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
-  const onClickUnlinkQuickbooks = (0, import_react95.useCallback)(() => {
+  const onClickUnlinkQuickbooks = (0, import_react96.useCallback)(() => {
     setIsProcessing(true);
     unlinkQuickbooks().then(() => {
       onClose();
@@ -20202,14 +20227,14 @@ var getBadgeConfig = (quickbooksUiState, hasSynced) => {
   }
 };
 var IntegrationsQuickbooksItemThumb = () => {
-  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = (0, import_react96.useContext)(QuickbooksContext);
-  const [hasSynced, setHasSynced] = (0, import_react96.useState)(false);
-  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = (0, import_react96.useState)(false);
-  const onSync = (0, import_react96.useCallback)(() => {
+  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = (0, import_react97.useContext)(QuickbooksContext);
+  const [hasSynced, setHasSynced] = (0, import_react97.useState)(false);
+  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = (0, import_react97.useState)(false);
+  const onSync = (0, import_react97.useCallback)(() => {
     setHasSynced(true);
     syncFromQuickbooks2();
   }, [syncFromQuickbooks2]);
-  const menuConfig = (0, import_react96.useMemo)(() => {
+  const menuConfig = (0, import_react97.useMemo)(() => {
     return [
       {
         name: "Unlink account",
@@ -20251,28 +20276,28 @@ var IntegrationsQuickbooksItemThumb = () => {
 // src/components/Integrations/IntegrationsContent.tsx
 var import_jsx_runtime171 = require("react/jsx-runtime");
 var IntegrationsContent = () => {
-  const { quickbooksConnectionStatus } = (0, import_react97.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react98.useContext)(QuickbooksContext);
   return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "Layer__linked-accounts__list", children: (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(IntegrationsQuickbooksItemThumb, {}) });
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_date_fns24 = require("date-fns");
 var useQuickbooks = () => {
   var _a;
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react98.useState)(void 0);
+  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react99.useState)(void 0);
   const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
-  const syncStatusIntervalRef = (0, import_react98.useRef)(null);
-  const fetchQuickbooksConnectionStatus = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const syncStatusIntervalRef = (0, import_react99.useRef)(null);
+  const fetchQuickbooksConnectionStatus = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setQuickbooksConnectionStatus]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if (isSyncingFromQuickbooks && syncStatusIntervalRef.current === null) {
       const interval = window.setInterval(() => void fetchQuickbooksConnectionStatus(), 2e3);
       syncStatusIntervalRef.current = interval;
@@ -20282,12 +20307,12 @@ var useQuickbooks = () => {
       syncStatusIntervalRef.current = null;
     }
   }, [fetchQuickbooksConnectionStatus, isSyncingFromQuickbooks]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if (auth == null ? void 0 : auth.access_token) {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const handleSyncError = (0, import_react98.useCallback)(() => {
+  const handleSyncError = (0, import_react99.useCallback)(() => {
     setQuickbooksConnectionStatus({
       is_connected: true,
       is_syncing: false,
@@ -20295,19 +20320,19 @@ var useQuickbooks = () => {
       last_synced_at: (0, import_date_fns24.format)(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
     });
   }, []);
-  const syncFromQuickbooks2 = (0, import_react98.useCallback)(() => {
+  const syncFromQuickbooks2 = (0, import_react99.useCallback)(() => {
     const newQuickbooksConnectionStatus = quickbooksConnectionStatus ? __spreadProps(__spreadValues({}, quickbooksConnectionStatus), { is_syncing: true }) : void 0;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
     void Layer.syncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).catch(handleSyncError);
   }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, quickbooksConnectionStatus, handleSyncError]);
-  const linkQuickbooks = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const linkQuickbooks = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     return Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then((res) => res.data.redirect_url);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId]);
-  const unlinkQuickbooks = (0, import_react98.useCallback)(() => __async(null, null, function* () {
+  const unlinkQuickbooks = (0, import_react99.useCallback)(() => __async(null, null, function* () {
     return Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
@@ -20328,7 +20353,7 @@ function QuickbooksContextProvider({ children }) {
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 var import_react_aria_components11 = require("react-aria-components");
@@ -20347,11 +20372,11 @@ var DropdownMenu = ({ children, ariaLabel, slots, slotProps }) => {
 };
 
 // src/icons/Cog.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var Cog = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  const id = (0, import_react99.useId)();
+  const id = (0, import_react100.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
@@ -20381,10 +20406,10 @@ var MenuTriggerButton = () => /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(Bu
 ] });
 var IntegrationsConnectMenu = () => {
   const { addToast } = useLayerContext();
-  const { quickbooksConnectionStatus, linkQuickbooks } = (0, import_react100.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus, linkQuickbooks } = (0, import_react101.useContext)(QuickbooksContext);
   const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
-  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = (0, import_react100.useState)(false);
-  const initiateQuickbooksOAuth = (0, import_react100.useCallback)(() => {
+  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = (0, import_react101.useState)(false);
+  const initiateQuickbooksOAuth = (0, import_react101.useCallback)(() => {
     linkQuickbooks().then((res) => {
       window.location.href = res;
     }).catch(() => {
@@ -20426,7 +20451,7 @@ var IntegrationsComponent = ({
   elevated,
   stringOverrides
 }) => {
-  const { quickbooksConnectionStatus } = (0, import_react101.useContext)(QuickbooksContext);
+  const { quickbooksConnectionStatus } = (0, import_react102.useContext)(QuickbooksContext);
   const isLoading = quickbooksConnectionStatus === void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(Container, { name: COMPONENT_NAME3, elevated, children: [
     /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(Header, { className: "Layer__linked-accounts__header", children: [
@@ -20453,11 +20478,11 @@ var IntegrationsComponent = ({
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 
 // src/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext.tsx
-var import_react102 = require("react");
-var PNLComparisonContext = (0, import_react102.createContext)({
+var import_react103 = require("react");
+var PNLComparisonContext = (0, import_react103.createContext)({
   data: void 0,
   isLoading: true,
   isValidating: false,
@@ -20478,7 +20503,7 @@ var PNLComparisonContext = (0, import_react102.createContext)({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -20534,9 +20559,9 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 var import_date_fns25 = require("date-fns");
-var import_swr15 = __toESM(require("swr"));
+var import_swr16 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
     startYear: (0, import_date_fns25.startOfMonth)(currentDate).getFullYear() - 1,
@@ -20562,10 +20587,10 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [date, setDate] = (0, import_react103.useState)(currentDate);
-  const [loaded, setLoaded] = (0, import_react103.useState)("initial");
-  const [data, setData] = (0, import_react103.useState)([]);
-  const { startYear, startMonth, endYear, endMonth } = (0, import_react103.useMemo)(() => {
+  const [date, setDate] = (0, import_react104.useState)(currentDate);
+  const [loaded, setLoaded] = (0, import_react104.useState)("initial");
+  const [data, setData] = (0, import_react104.useState)([]);
+  const { startYear, startMonth, endYear, endMonth } = (0, import_react104.useMemo)(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
   const queryKey = businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && (auth == null ? void 0 : auth.access_token) && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter == null ? void 0 : tagFilter.key}-${(_a = tagFilter == null ? void 0 : tagFilter.values) == null ? void 0 : _a.join(
@@ -20577,7 +20602,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     isValidating,
     error,
     mutate
-  } = (0, import_swr15.default)(
+  } = (0, import_swr16.default)(
     queryKey,
     Layer.getProfitAndLossSummaries(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -20592,7 +20617,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       }
     })
   );
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     const newData = data.slice();
     const newPeriod = buildMonthsArray((0, import_date_fns25.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
@@ -20628,7 +20653,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [startYear, startMonth, tagFilter]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     var _a2, _b2;
     const newData = (_b2 = (_a2 = rawData == null ? void 0 : rawData.data) == null ? void 0 : _a2.months) == null ? void 0 : _b2.slice();
     if (data && newData) {
@@ -20646,7 +20671,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [rawData]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (isLoading && loaded === "initial") {
       setLoaded("loading");
       return;
@@ -20656,12 +20681,12 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     }
   }, [data, isLoading]);
   const pullData = (date2) => setDate(date2);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       mutate();
     }
@@ -20688,9 +20713,9 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_date_fns26 = require("date-fns");
-var import_swr16 = __toESM(require("swr"));
+var import_swr17 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
@@ -20713,7 +20738,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = (0, import_swr16.default)(
+  } = (0, import_swr17.default)(
     queryKey,
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       businessId,
@@ -20727,12 +20752,12 @@ var useProfitAndLossQuery = ({
   const refetch = () => {
     mutate();
   };
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -20755,16 +20780,16 @@ var useProfitAndLoss = ({
 }) => {
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
-  const dateRange = (0, import_react105.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = (0, import_react105.useCallback)(
+  const dateRange = (0, import_react106.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const changeDateRange = (0, import_react106.useCallback)(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
-  const [filters, setFilters] = (0, import_react105.useState)({
+  const [filters, setFilters] = (0, import_react106.useState)({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = (0, import_react105.useState)(void 0);
+  const [sidebarScope, setSidebarScope] = (0, import_react106.useState)(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate: start,
     endDate: end,
@@ -20791,7 +20816,7 @@ var useProfitAndLoss = ({
       })
     }));
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react105.useMemo)(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react106.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
@@ -20843,7 +20868,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, start, filters, summaryData]);
-  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react105.useMemo)(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react106.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
@@ -20917,7 +20942,7 @@ var useProfitAndLoss = ({
 };
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 
 // src/hooks/useProfitAndLossComparison/utils.ts
 var import_date_fns27 = require("date-fns");
@@ -21040,7 +21065,7 @@ function preparePeriodsBody(dateRange, comparePeriods, rangeDisplayMode) {
 }
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_swr17 = __toESM(require("swr"));
+var import_swr18 = __toESM(require("swr"));
 var COMPARE_MODES_SUPPORTING_MULTI_PERIOD = ["monthPicker", "yearPicker"];
 var isNotOnlyNoneTag = (compareOptions) => {
   return Boolean(
@@ -21071,15 +21096,15 @@ function useProfitAndLossComparison({
   comparisonConfig
 }) {
   var _a, _b;
-  const [comparePeriods, setComparePeriods] = (0, import_react106.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
-  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react106.useState)(
+  const [comparePeriods, setComparePeriods] = (0, import_react107.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
+  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react107.useState)(
     (comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter) ? [comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter] : []
   );
   const { rangeDisplayMode, start, end } = useGlobalDateRange();
   const dateRange = { startDate: start, endDate: end };
   const isPeriodsSelectEnabled = COMPARE_MODES_SUPPORTING_MULTI_PERIOD.includes(rangeDisplayMode);
   const effectiveComparePeriods = isPeriodsSelectEnabled ? comparePeriods : 1;
-  const compareModeActive = (0, import_react106.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
+  const compareModeActive = (0, import_react107.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
   const setSelectedCompareOptions = (values) => {
     const options = values.map(
       (option) => comparisonConfig == null ? void 0 : comparisonConfig.tagComparisonOptions.find(
@@ -21104,7 +21129,7 @@ function useProfitAndLossComparison({
     reportingBasis,
     compareModeActive
   }));
-  const { data, isLoading, isValidating } = (0, import_swr17.default)(
+  const { data, isLoading, isValidating } = (0, import_swr18.default)(
     queryKey,
     () => __async(null, null, function* () {
       const response = yield Layer.compareProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -21152,7 +21177,7 @@ function useProfitAndLossComparison({
 }
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 
 // src/icons/BarChart2.tsx
 var import_jsx_runtime177 = require("react/jsx-runtime");
@@ -21335,32 +21360,32 @@ var ProfitAndLossChart = ({
   tagFilter = void 0
 }) => {
   var _c, _d, _e, _f, _g, _h;
-  const [compactView, setCompactView] = (0, import_react107.useState)(false);
+  const [compactView, setCompactView] = (0, import_react108.useState)(false);
   const barSize = compactView ? 10 : 20;
   const { getColor, business } = useLayerContext();
   const { start, end, rangeDisplayMode } = useGlobalDateRange();
   const { setMonth } = useGlobalDateRangeActions();
   const showIndicator = rangeDisplayMode === "monthPicker";
-  const dateRange = (0, import_react107.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const [localDateRange, setLocalDateRange] = (0, import_react107.useState)(dateRange);
-  const [customCursorSize, setCustomCursorSize] = (0, import_react107.useState)({
+  const dateRange = (0, import_react108.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const [localDateRange, setLocalDateRange] = (0, import_react108.useState)(dateRange);
+  const [customCursorSize, setCustomCursorSize] = (0, import_react108.useState)({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = (0, import_react107.useState)(true);
-  const [chartWindow, setChartWindow] = (0, import_react107.useState)({
+  const [barAnimActive, setBarAnimActive] = (0, import_react108.useState)(true);
+  const [chartWindow, setChartWindow] = (0, import_react108.useState)({
     start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(Date.now(), { months: 11 })),
     end: (0, import_date_fns28.endOfMonth)(Date.now())
   });
-  const selectionMonth = (0, import_react107.useMemo)(
+  const selectionMonth = (0, import_react108.useMemo)(
     () => ({
       year: localDateRange.startDate.getFullYear(),
       month: localDateRange.startDate.getMonth()
     }),
     [localDateRange]
   );
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (Number(dateRange.startDate) !== Number(localDateRange.startDate) || Number(dateRange.endDate) !== Number(localDateRange.endDate)) {
       setLocalDateRange(dateRange);
     }
@@ -21369,7 +21394,7 @@ var ProfitAndLossChart = ({
     currentDate: (0, import_date_fns28.startOfMonth)(Date.now()),
     tagFilter
   });
-  const anyData = (0, import_react107.useMemo)(() => {
+  const anyData = (0, import_react108.useMemo)(() => {
     return Boolean(
       data == null ? void 0 : data.find(
         (x) => x.income !== 0 || x.costOfGoodsSold !== 0 || x.grossProfit !== 0 || x.operatingExpenses !== 0 || x.profitBeforeTaxes !== 0 || x.taxes !== 0 || x.totalExpenses !== 0 || x.uncategorizedInflows !== 0 || x.uncategorizedOutflows !== 0
@@ -21377,12 +21402,12 @@ var ProfitAndLossChart = ({
     );
   }, [data]);
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react107.useMemo)(
+  const isSyncing = (0, import_react108.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const loadingValue = (0, import_react107.useMemo)(() => getLoadingValue(data), [data]);
-  (0, import_react107.useEffect)(() => {
+  const loadingValue = (0, import_react108.useMemo)(() => getLoadingValue(data), [data]);
+  (0, import_react108.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
         (x) => Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
@@ -21403,7 +21428,7 @@ var ProfitAndLossChart = ({
       }
     }
   }, [localDateRange]);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     const newChartWindow = getChartWindow({
       chartWindow,
       currentYear: localDateRange.startDate.getFullYear(),
@@ -21413,7 +21438,7 @@ var ProfitAndLossChart = ({
       setChartWindow(newChartWindow);
     }
   }, [localDateRange]);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (loaded === "complete") {
       setTimeout(() => {
         setBarAnimActive(false);
@@ -21440,7 +21465,7 @@ var ProfitAndLossChart = ({
     loading: (pnl == null ? void 0 : pnl.isLoading) ? loadingValue : 0,
     loadingExpenses: (pnl == null ? void 0 : pnl.isLoading) ? -loadingValue : 0
   });
-  const theData = (0, import_react107.useMemo)(() => {
+  const theData = (0, import_react108.useMemo)(() => {
     var _a;
     if (loaded !== "complete" || loaded === "complete" && !anyData) {
       const loadingData = [];
@@ -21971,7 +21996,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_jsx_runtime181 = require("react/jsx-runtime");
 var selectStyles = {
   valueContainer: (styles) => {
@@ -22011,9 +22036,9 @@ var ProfitAndLossCompareOptions = () => {
     compareOptions,
     selectedCompareOptions,
     comparisonConfig
-  } = (0, import_react108.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react109.useContext)(ProfitAndLoss.ComparisonContext);
   const { rangeDisplayMode } = useGlobalDateRange();
-  const periods = (0, import_react108.useMemo)(
+  const periods = (0, import_react109.useMemo)(
     () => comparePeriods !== 0 ? comparePeriods : 1,
     [comparePeriods]
   );
@@ -22106,7 +22131,7 @@ function DatePickerModeSelector({
 }
 
 // src/providers/GlobalDateStore/useGlobalDateRangePicker.ts
-var import_react109 = require("react");
+var import_react110 = require("react");
 function useGlobalDateRangePicker({
   allowedDatePickerModes,
   defaultDatePickerMode,
@@ -22123,7 +22148,7 @@ function useGlobalDateRangePicker({
     DEFAULT_ALLOWED_PICKER_MODES
   );
   const desiredRangeMode = allowedDateRangePickerModes.includes(rangeDisplayMode) ? rangeDisplayMode : allowedDateRangePickerModes[0];
-  const { dateFormat, selected } = (0, import_react109.useMemo)(() => {
+  const { dateFormat, selected } = (0, import_react110.useMemo)(() => {
     if (rangeDisplayMode === "monthPicker") {
       return {
         selected: start,
@@ -22143,7 +22168,7 @@ function useGlobalDateRangePicker({
     end,
     rangeDisplayMode
   ]);
-  const { setSelected } = (0, import_react109.useMemo)(() => {
+  const { setSelected } = (0, import_react110.useMemo)(() => {
     if (desiredRangeMode === "monthPicker") {
       return {
         setSelected: ({ start: start2 }) => {
@@ -22223,10 +22248,10 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_react111 = require("react");
+var import_react112 = require("react");
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-var import_react110 = require("react");
+var import_react111 = require("react");
 
 // src/config/charts.ts
 var DEFAULT_CHART_COLOR_TYPE = [
@@ -22511,7 +22536,7 @@ var DetailedChart = ({
   isLoading,
   showDatePicker = true
 }) => {
-  const chartData = (0, import_react110.useMemo)(() => {
+  const chartData = (0, import_react111.useMemo)(() => {
     if (!filteredData) {
       return [];
     }
@@ -22883,11 +22908,11 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = (0, import_react111.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react112.useContext)(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = (0, import_react111.useState)();
+  const [hoveredItem, setHoveredItem] = (0, import_react112.useState)();
   return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts", children: [
     /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("header", { className: "Layer__profit-and-loss-detailed-charts__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
@@ -22956,7 +22981,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_jsx_runtime189 = require("react/jsx-runtime");
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
@@ -22964,15 +22989,15 @@ var ProfitAndLossDownloadButton = ({
   moneyFormat,
   view
 }) => {
-  const { dateRange, tagFilter } = (0, import_react112.useContext)(ProfitAndLoss.Context);
-  const { getProfitAndLossComparisonCsv } = (0, import_react112.useContext)(
+  const { dateRange, tagFilter } = (0, import_react113.useContext)(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = (0, import_react113.useContext)(
     ProfitAndLoss.ComparisonContext
   );
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = (0, import_react112.useState)(false);
-  const [isDownloading, setIsDownloading] = (0, import_react112.useState)(false);
+  const [requestFailed, setRequestFailed] = (0, import_react113.useState)(false);
+  const [isDownloading, setIsDownloading] = (0, import_react113.useState)(false);
   const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -23016,7 +23041,7 @@ var ProfitAndLossDownloadButton = ({
 };
 
 // src/components/ProfitAndLossHeader/ProfitAndLossHeader.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 
 // src/components/SyncingBadge/SyncingBadge.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
@@ -23033,13 +23058,13 @@ var SyncingBadge = () => {
 };
 
 // src/hooks/bookkeeping/periods/useActiveBookkeepingPeriod.ts
-var import_react113 = require("react");
+var import_react114 = require("react");
 function useActiveBookkeepingPeriod() {
   const { date } = useGlobalDate();
   const { data, isLoading } = useBookkeepingPeriods();
   const currentMonth = date.getMonth() + 1;
   const currentYear = date.getFullYear();
-  const activePeriod = (0, import_react113.useMemo)(
+  const activePeriod = (0, import_react114.useMemo)(
     () => data == null ? void 0 : data.find((period) => currentYear === period.year && currentMonth === period.month),
     [data, currentMonth, currentYear]
   );
@@ -23058,7 +23083,7 @@ var ProfitAndLossHeader = ({
   const { data: linkedAccounts } = useLinkedAccounts();
   const { activePeriod } = useActiveBookkeepingPeriod();
   const activePeriodStatus = activePeriod == null ? void 0 : activePeriod.status;
-  const isSyncing = (0, import_react114.useMemo)(
+  const isSyncing = (0, import_react115.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
@@ -23073,13 +23098,13 @@ var ProfitAndLossHeader = ({
 };
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 
 // src/components/Header/Header.tsx
-var import_react115 = require("react");
+var import_react116 = require("react");
 var import_classnames60 = __toESM(require("classnames"));
 var import_jsx_runtime192 = require("react/jsx-runtime");
-var Header3 = (0, import_react115.forwardRef)(
+var Header3 = (0, import_react116.forwardRef)(
   ({ className, children, style, sticky, asHeader, rounded }, ref) => {
     const baseClassName = (0, import_classnames60.default)(
       "Layer__header",
@@ -23120,7 +23145,7 @@ var HeaderCol = ({ className, children, style, noPadding = false }) => {
 };
 
 // src/components/Panel/Panel.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 var import_classnames63 = __toESM(require("classnames"));
 var import_jsx_runtime195 = require("react/jsx-runtime");
 var Panel = ({
@@ -23134,8 +23159,8 @@ var Panel = ({
   floating = false
 }) => {
   var _a;
-  const [sidebarHeight, setSidebarHeight] = (0, import_react116.useState)(0);
-  (0, import_react116.useEffect)(() => {
+  const [sidebarHeight, setSidebarHeight] = (0, import_react117.useState)(0);
+  (0, import_react117.useEffect)(() => {
     var _a2, _b;
     if ((_a2 = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a2.offsetHeight) {
       setSidebarHeight((_b = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _b.offsetHeight);
@@ -23175,7 +23200,7 @@ var Panel = ({
 };
 
 // src/components/View/View.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 
 // src/components/ViewHeader/ViewHeader.tsx
 var import_classnames64 = __toESM(require("classnames"));
@@ -23190,7 +23215,7 @@ var ViewHeader = ({ title, className, children }) => {
 // src/components/View/View.tsx
 var import_classnames65 = __toESM(require("classnames"));
 var import_jsx_runtime197 = require("react/jsx-runtime");
-var View = (0, import_react117.forwardRef)(
+var View = (0, import_react118.forwardRef)(
   ({
     title,
     showHeader = true,
@@ -23241,8 +23266,8 @@ var ProfitAndLossReport = ({
   view
 }) => {
   var _a, _b;
-  const { sidebarScope } = (0, import_react118.useContext)(ProfitAndLoss.Context);
-  const { comparisonConfig } = (0, import_react118.useContext)(ProfitAndLoss.ComparisonContext);
+  const { sidebarScope } = (0, import_react119.useContext)(ProfitAndLoss.Context);
+  const { comparisonConfig } = (0, import_react119.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
     View,
     {
@@ -23299,10 +23324,10 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_react122 = require("react");
+var import_react123 = require("react");
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 var import_jsx_runtime199 = require("react/jsx-runtime");
 var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
 function ProfitAndLossSummariesListItem({
@@ -23310,7 +23335,7 @@ function ProfitAndLossSummariesListItem({
   isActive,
   onClick
 }) {
-  const dataProperties = (0, import_react119.useMemo)(
+  const dataProperties = (0, import_react120.useMemo)(
     () => toDataProperties({ active: isActive, clickable: !!onClick }),
     [isActive]
   );
@@ -23321,7 +23346,7 @@ function ProfitAndLossSummariesList({
   children,
   itemCount
 }) {
-  const dataProperties = (0, import_react119.useMemo)(
+  const dataProperties = (0, import_react120.useMemo)(
     () => toDataProperties({ ["column-count"]: itemCount }),
     [itemCount]
   );
@@ -23414,10 +23439,10 @@ function ProfitAndLossSummariesMiniChart({
 }
 
 // src/components/ui/Typography/MoneyText.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 var import_jsx_runtime201 = require("react/jsx-runtime");
 var CLASS_NAME10 = "Layer__MoneyText";
-var MoneySpan = (0, import_react120.forwardRef)(
+var MoneySpan = (0, import_react121.forwardRef)(
   (_a, ref) => {
     var _b = _a, { amount, bold, size } = _b, restProps = __objRest(_b, ["amount", "bold", "size"]);
     const dataProperties = toDataProperties({
@@ -23464,7 +23489,7 @@ function ProfitAndLossSummariesSummary({
 }
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 var import_date_fns30 = require("date-fns");
 var import_jsx_runtime204 = require("react/jsx-runtime");
 var CLASS_NAME12 = "Layer__TransactionsToReview";
@@ -23475,17 +23500,17 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = (0, import_react121.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react122.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react121.useState)(0);
+  const [toReview, setToReview] = (0, import_react122.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : (0, import_date_fns30.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -23566,8 +23591,8 @@ function Internal_ProfitAndLossSummaries({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = (0, import_react122.useContext)(ProfitAndLoss.Context);
-  const { revenueChartData, expensesChartData } = (0, import_react122.useMemo)(
+  } = (0, import_react123.useContext)(ProfitAndLoss.Context);
+  const { revenueChartData, expensesChartData } = (0, import_react123.useMemo)(
     () => ({
       revenueChartData: toMiniChartData({ scope: "revenue", data }),
       expensesChartData: toMiniChartData({ scope: "expenses", data })
@@ -23669,10 +23694,10 @@ function ProfitAndLossSummaries(_a) {
 }
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-var import_react128 = require("react");
+var import_react129 = require("react");
 
 // src/contexts/TableContext/TableContext.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 var import_jsx_runtime206 = require("react/jsx-runtime");
 var defaultValue = {
   expandedRows: [],
@@ -23684,10 +23709,10 @@ var defaultValue = {
   setExpandedAllRows: () => {
   }
 };
-var TableContext = (0, import_react123.createContext)(defaultValue);
+var TableContext = (0, import_react124.createContext)(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = (0, import_react123.useState)([]);
-  const [expandedAllRows, setExpandedAllRows] = (0, import_react123.useState)(false);
+  const [expandedRows, setExpandedRowsState] = (0, import_react124.useState)([]);
+  const [expandedAllRows, setExpandedAllRows] = (0, import_react124.useState)(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -23713,10 +23738,10 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-var import_react124 = require("react");
+var import_react125 = require("react");
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -23724,7 +23749,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = (0, import_react124.useContext)(TableContext);
+  } = (0, import_react125.useContext)(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -23945,7 +23970,7 @@ var TableRow = ({
 };
 
 // src/components/Table/Table.tsx
-var import_react125 = require("react");
+var import_react126 = require("react");
 var import_classnames68 = __toESM(require("classnames"));
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var Table2 = ({
@@ -23954,9 +23979,9 @@ var Table2 = ({
   borderCollapse = "separate",
   bottomSpacing = true
 }) => {
-  const tableRef = (0, import_react125.useRef)(null);
-  const prevChildrenRef = (0, import_react125.useRef)([]);
-  (0, import_react125.useEffect)(() => {
+  const tableRef = (0, import_react126.useRef)(null);
+  const prevChildrenRef = (0, import_react126.useRef)([]);
+  (0, import_react126.useEffect)(() => {
     if (tableRef.current) {
       const tbody = tableRef.current.querySelector("tbody");
       const rows = tbody ? Array.from(tbody.querySelectorAll("tr")) : [];
@@ -24005,17 +24030,17 @@ var import_jsx_runtime212 = require("react/jsx-runtime");
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = (0, import_react126.useContext)(ProfitAndLoss.Context);
+  const { dateRange } = (0, import_react127.useContext)(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     comparePeriods,
     selectedCompareOptions
-  } = (0, import_react126.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react127.useContext)(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const { rangeDisplayMode } = useGlobalDateRange();
   const { data: bookkeepingPeriods } = useBookkeepingPeriods();
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   if (isLoading || comparisonData === void 0) {
@@ -24059,7 +24084,7 @@ var ProfitAndLossCompareTable = ({
     }
     const expandable = (lineItem == null ? void 0 : lineItem.line_items) && lineItem.line_items.length > 0 ? true : false;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react126.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react127.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
         TableRow,
         {
@@ -24093,7 +24118,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Table2, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableHead, { children: selectedCompareOptions && selectedCompareOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }),
-      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react126.Fragment, { children: [
+      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_react127.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option.displayName + "-" + i),
         comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
       ] }, option.displayName + "-" + i))
@@ -24101,7 +24126,7 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableBody, { children: [
       comparePeriods && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TableCell, { isHeaderCell: true }),
-        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react126.Fragment, { children: generateComparisonPeriods(
+        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react127.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -24109,7 +24134,7 @@ var ProfitAndLossCompareTable = ({
           month.label,
           " ",
           getBookkeepingPeriodStatus(month.date)
-        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react126.Fragment, { children: generateComparisonPeriods(
+        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react127.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -24141,7 +24166,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_react127 = require("react");
+var import_react128 = require("react");
 
 // src/icons/PieChart.tsx
 var import_jsx_runtime213 = require("react/jsx-runtime");
@@ -24240,9 +24265,9 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = (0, import_react127.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react128.useContext)(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react127.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   const currentData = Array.isArray(actualData) ? actualData[actualData.length - 1] : actualData;
@@ -24262,7 +24287,7 @@ var ProfitAndLossTableComponent = ({
   const renderLineItem = (lineItem, depth, rowKey, rowIndex, scope, setSidebarScope2, variant) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_react127.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_react128.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
         TableRow,
         {
@@ -24386,14 +24411,14 @@ var ProfitAndLossTableComponent = ({
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 var import_jsx_runtime215 = require("react/jsx-runtime");
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareModeActive } = (0, import_react128.useContext)(ProfitAndLoss.ComparisonContext);
+  const { compareModeActive } = (0, import_react129.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(TableProvider, { children: compareModeActive ? /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "Layer__compare__table__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ProfitAndLossCompareTable, __spreadValues({}, props)) }) : /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ProfitAndLossTableComponent, __spreadValues({}, props)) });
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_date_fns32 = require("date-fns");
 var import_jsx_runtime216 = require("react/jsx-runtime");
-var PNLContext = (0, import_react129.createContext)({
+var PNLContext = (0, import_react130.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -24447,7 +24472,7 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/hooks/balanceSheet/useBalanceSheet.ts
-var import_swr18 = __toESM(require("swr"));
+var import_swr19 = __toESM(require("swr"));
 var import_date_fns33 = require("date-fns");
 function buildKey19({
   access_token: accessToken,
@@ -24471,7 +24496,7 @@ function useBalanceSheet({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return (0, import_swr18.default)(
+  return (0, import_swr19.default)(
     () => buildKey19(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
@@ -24491,12 +24516,12 @@ function useBalanceSheet({
 }
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-var import_react130 = require("react");
+var import_react131 = require("react");
 var useElementViewSize = () => {
-  const containerRef = (0, import_react130.useRef)(null);
-  const [view, setView] = (0, import_react130.useState)("desktop");
-  const resizeTimeout = (0, import_react130.useRef)(null);
-  (0, import_react130.useLayoutEffect)(() => {
+  const containerRef = (0, import_react131.useRef)(null);
+  const [view, setView] = (0, import_react131.useState)("desktop");
+  const resizeTimeout = (0, import_react131.useRef)(null);
+  (0, import_react131.useLayoutEffect)(() => {
     const element = containerRef == null ? void 0 : containerRef.current;
     if (!element) {
       return;
@@ -24565,7 +24590,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 var import_jsx_runtime219 = require("react/jsx-runtime");
 var BalanceSheetTable = ({
   data,
@@ -24574,12 +24599,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -24589,7 +24614,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_react131.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_react132.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
         TableRow,
         {
@@ -24640,7 +24665,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react131.Fragment, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react132.Fragment, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -24814,7 +24839,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react132 = require("react");
+var import_react133 = require("react");
 var import_jsx_runtime222 = require("react/jsx-runtime");
 var StatementOfCashFlowTable = ({
   data,
@@ -24825,7 +24850,7 @@ var StatementOfCashFlowTable = ({
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_react132.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_react133.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
         TableRow,
         {
@@ -24877,7 +24902,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_react132.Fragment, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_react133.Fragment, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -25080,7 +25105,7 @@ function StatementOfCashFlowDatePicker({
 }
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-var import_swr19 = __toESM(require("swr"));
+var import_swr20 = __toESM(require("swr"));
 var import_date_fns34 = require("date-fns");
 function buildKey22({
   access_token: accessToken,
@@ -25107,7 +25132,7 @@ function useStatementOfCashFlow({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return (0, import_swr19.default)(
+  return (0, import_swr20.default)(
     buildKey22(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
@@ -25177,12 +25202,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react146 = require("react");
+var import_react147 = require("react");
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 var import_date_fns35 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react133.createContext)(
+var ChartOfAccountsContext = (0, import_react134.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -25213,8 +25238,8 @@ var ChartOfAccountsContext = (0, import_react133.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react134 = require("react");
-var LedgerAccountsContext = (0, import_react134.createContext)({
+var import_react135 = require("react");
+var LedgerAccountsContext = (0, import_react135.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -25236,7 +25261,7 @@ var LedgerAccountsContext = (0, import_react134.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react135 = require("react");
+var import_react136 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -25441,7 +25466,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
 var import_date_fns36 = require("date-fns");
-var import_swr20 = __toESM(require("swr"));
+var import_swr21 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
   const nameError = validateName(formData);
@@ -25536,17 +25561,17 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = (0, import_react135.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react135.useState)(false);
-  const [apiError, setApiError] = (0, import_react135.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react135.useState)(
+  const [form, setForm] = (0, import_react136.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react136.useState)(false);
+  const [apiError, setApiError] = (0, import_react136.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react136.useState)(
     initialStartDate != null ? initialStartDate : (0, import_date_fns36.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react135.useState)(
+  const [endDate, setEndDate] = (0, import_react136.useState)(
     initialEndDate != null ? initialEndDate : (0, import_date_fns36.endOfMonth)(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr20.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr21.default)(
     queryKey,
     Layer.getLedgerAccountBalances(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -25724,12 +25749,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -25756,20 +25781,20 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 var import_mutation12 = __toESM(require("swr/mutation"));
-var import_swr21 = require("swr");
-var import_react136 = require("react");
+var import_swr22 = require("swr");
+var import_react137 = require("react");
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react137 = require("react");
-var import_swr22 = __toESM(require("swr"));
+var import_react138 = require("react");
+var import_swr23 = __toESM(require("swr"));
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = (0, import_react137.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react137.useState)();
+  const [accountId, setAccountId] = (0, import_react138.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react138.useState)();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr22.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr23.default)(
     queryKey,
     Layer.getLedgerAccountsLines(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -25785,7 +25810,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     isLoading: isLoadingEntry,
     isValidating: isValdiatingEntry,
     error: errorEntry
-  } = (0, import_swr22.default)(
+  } = (0, import_swr23.default)(
     businessId && selectedEntryId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-entry-${businessId}-${selectedEntryId}}`,
     Layer.getLedgerAccountsEntry(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId, entryId: selectedEntryId }
@@ -25796,12 +25821,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -25825,7 +25850,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react142 = require("react");
+var import_react143 = require("react");
 
 // src/icons/Plus.tsx
 var import_jsx_runtime226 = require("react/jsx-runtime");
@@ -25866,11 +25891,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react138 = require("react");
+var import_react139 = require("react");
 var import_date_fns37 = require("date-fns");
 var import_jsx_runtime227 = require("react/jsx-runtime");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react138.useContext)(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = (0, import_react139.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
     DatePicker,
     {
@@ -25889,13 +25914,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react139 = require("react");
+var import_react140 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react139.useMemo)(
+  return (0, import_react140.useMemo)(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -25920,9 +25945,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react140.useContext)(ChartOfAccountsContext);
+  } = (0, import_react141.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react140.useMemo)(() => {
+  const entry = (0, import_react141.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -26135,7 +26160,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react141 = require("react");
+var import_react142 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
@@ -26195,18 +26220,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react141.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react141.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react142.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react142.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react141.useState)([]);
-  (0, import_react141.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react142.useState)([]);
+  (0, import_react142.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -26225,7 +26250,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_react141.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_react142.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
         TableRow,
         {
@@ -26401,8 +26426,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react142.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react142.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react143.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react143.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
@@ -26507,10 +26532,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react145 = require("react");
+var import_react146 = require("react");
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react143 = require("react");
+var import_react144 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -26754,8 +26779,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react143.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react143.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react144.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react144.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -26901,7 +26926,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react144 = require("react");
+var import_react145 = require("react");
 var import_classnames72 = __toESM(require("classnames"));
 var import_date_fns39 = require("date-fns");
 var import_jsx_runtime238 = require("react/jsx-runtime");
@@ -26912,9 +26937,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react144.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react144.useState)(false);
-  (0, import_react144.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react145.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react145.useState)(false);
+  (0, import_react145.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -27058,9 +27083,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react145.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react145.useState)(true);
-  const { data: accountData } = (0, import_react145.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react146.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react146.useState)(true);
+  const { data: accountData } = (0, import_react146.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -27071,8 +27096,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react145.useContext)(LedgerAccountsContext);
-  (0, import_react145.useEffect)(() => {
+  } = (0, import_react146.useContext)(LedgerAccountsContext);
+  (0, import_react146.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -27084,12 +27109,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react145.useMemo)(() => {
+  const account = (0, import_react146.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react145.useMemo)(() => {
+  const data = (0, import_react146.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -27227,7 +27252,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = (0, import_react146.useContext)(LedgerAccountsContext);
+  const { accountId } = (0, import_react147.useContext)(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
     LedgerAccount,
@@ -27252,8 +27277,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react147 = require("react");
-var JournalContext = (0, import_react147.createContext)({
+var import_react148 = require("react");
+var JournalContext = (0, import_react148.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -27287,8 +27312,8 @@ var JournalContext = (0, import_react147.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react148 = require("react");
-var import_swr23 = __toESM(require("swr"));
+var import_react149 = require("react");
+var import_swr24 = __toESM(require("swr"));
 var useJournal = () => {
   const {
     businessId,
@@ -27299,13 +27324,13 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react148.useState)();
-  const [form, setForm] = (0, import_react148.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react148.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react148.useState)(false);
-  const [apiError, setApiError] = (0, import_react148.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react149.useState)();
+  const [form, setForm] = (0, import_react149.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react149.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react149.useState)(false);
+  const [apiError, setApiError] = (0, import_react149.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr23.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr24.default)(
     queryKey,
     Layer.getJournal(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
@@ -27519,12 +27544,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -27556,13 +27581,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react154 = require("react");
+var import_react155 = require("react");
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react152 = require("react");
+var import_react153 = require("react");
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 var import_jsx_runtime241 = require("react/jsx-runtime");
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -27574,16 +27599,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react149.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react149.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react149.useState)();
-  const entry = (0, import_react149.useMemo)(() => {
+  } = (0, import_react150.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react150.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react150.useState)();
+  const entry = (0, import_react150.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react149.useMemo)(
+  const sortedLineItems = (0, import_react150.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -27761,10 +27786,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react151 = require("react");
+var import_react152 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react150 = require("react");
+var import_react151 = require("react");
 var import_jsx_runtime242 = require("react/jsx-runtime");
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -27785,8 +27810,8 @@ var JournalFormEntryLines = ({
   config
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
-  const { form } = (0, import_react150.useContext)(JournalContext);
-  const { flattenedCategories, parentOptions } = (0, import_react150.useMemo)(() => {
+  const { form } = (0, import_react151.useContext)(JournalContext);
+  const { flattenedCategories, parentOptions } = (0, import_react151.useMemo)(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
       switch (account.type) {
@@ -27998,7 +28023,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react151.useContext)(JournalContext);
+  } = (0, import_react152.useContext)(JournalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
     "form",
     {
@@ -28146,7 +28171,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react152.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react153.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(JournalEntryDetails, {});
   }
@@ -28154,7 +28179,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react153 = require("react");
+var import_react154 = require("react");
 var import_date_fns40 = require("date-fns");
 var import_jsx_runtime245 = require("react/jsx-runtime");
 var accountName = (row) => {
@@ -28182,9 +28207,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react153.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react154.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react153.useEffect)(() => {
+  (0, import_react154.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -28192,7 +28217,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react153.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react154.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
         TableRow,
         {
@@ -28368,7 +28393,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react154.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react155.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -28377,8 +28402,8 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react154.useContext)(JournalContext);
-  const data = (0, import_react154.useMemo)(() => {
+  } = (0, import_react155.useContext)(JournalContext);
+  const data = (0, import_react155.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -28515,7 +28540,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-var import_react162 = require("react");
+var import_react163 = require("react");
 
 // src/icons/SmileIcon.tsx
 var import_jsx_runtime250 = require("react/jsx-runtime");
@@ -28574,7 +28599,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 var import_classnames74 = __toESM(require("classnames"));
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -28598,7 +28623,7 @@ function getIconForTask(task) {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_swr24 = require("swr");
+var import_swr25 = require("swr");
 var import_mutation15 = __toESM(require("swr/mutation"));
 
 // src/api/layer/tasks.ts
@@ -28632,7 +28657,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_react155 = require("react");
+var import_react156 = require("react");
 function buildKey25({
   access_token: accessToken,
   apiUrl,
@@ -28650,7 +28675,7 @@ function buildKey25({
 function useSubmitUserResponseForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr24.useSWRConfig)();
+  const { mutate } = (0, import_swr25.useSWRConfig)();
   const mutationResponse = (0, import_mutation15.default)(
     () => buildKey25(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28675,7 +28700,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react155.useCallback)(
+  const stableProxiedTrigger = (0, import_react156.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28700,9 +28725,9 @@ function useSubmitUserResponseForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
-var import_swr25 = require("swr");
+var import_swr26 = require("swr");
 var import_mutation16 = __toESM(require("swr/mutation"));
-var import_react156 = require("react");
+var import_react157 = require("react");
 function buildKey26({
   access_token: accessToken,
   apiUrl,
@@ -28720,7 +28745,7 @@ function buildKey26({
 function useUploadDocumentsForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr25.useSWRConfig)();
+  const { mutate } = (0, import_swr26.useSWRConfig)();
   const mutationResponse = (0, import_mutation16.default)(
     () => buildKey26(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28741,7 +28766,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react156.useCallback)(
+  const stableProxiedTrigger = (0, import_react157.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28766,9 +28791,9 @@ function useUploadDocumentsForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
-var import_swr26 = require("swr");
+var import_swr27 = require("swr");
 var import_mutation17 = __toESM(require("swr/mutation"));
-var import_react157 = require("react");
+var import_react158 = require("react");
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -28786,7 +28811,7 @@ function buildKey27({
 function useDeleteUploadsOnTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr26.useSWRConfig)();
+  const { mutate } = (0, import_swr27.useSWRConfig)();
   const mutationResponse = (0, import_mutation17.default)(
     () => buildKey27(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28804,7 +28829,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react157.useCallback)(
+  const stableProxiedTrigger = (0, import_react158.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28829,9 +28854,9 @@ function useDeleteUploadsOnTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
-var import_swr27 = require("swr");
+var import_swr28 = require("swr");
 var import_mutation18 = __toESM(require("swr/mutation"));
-var import_react158 = require("react");
+var import_react159 = require("react");
 function buildKey28({
   access_token: accessToken,
   apiUrl,
@@ -28849,7 +28874,7 @@ function buildKey28({
 function useUpdateTaskUploadDescription() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr27.useSWRConfig)();
+  const { mutate } = (0, import_swr28.useSWRConfig)();
   const mutationResponse = (0, import_mutation18.default)(
     () => buildKey28(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28871,7 +28896,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react158.useCallback)(
+  const stableProxiedTrigger = (0, import_react159.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28902,9 +28927,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react159.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react159.useState)((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = (0, import_react159.useState)();
+  const [isOpen, setIsOpen] = (0, import_react160.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react160.useState)((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = (0, import_react160.useState)();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -28922,7 +28947,7 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const submit = () => __async(null, null, function* () {
@@ -28937,7 +28962,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = (0, import_react159.useMemo)(() => {
+  const uploadDocumentAction = (0, import_react160.useMemo)(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -29082,7 +29107,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-var import_react160 = require("react");
+var import_react161 = require("react");
 var import_jsx_runtime254 = require("react/jsx-runtime");
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -29093,7 +29118,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = (0, import_react160.useState)(false);
+  const [showMobilePanel, setShowMobilePanel] = (0, import_react161.useState)(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
@@ -29141,27 +29166,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-var import_react161 = require("react");
+var import_react162 = require("react");
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = (0, import_react161.useState)(0);
+  const [internalPageIndex, setInternalPageIndex] = (0, import_react162.useState)(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
-  const pageItems = (0, import_react161.useMemo)(() => {
+  const pageItems = (0, import_react162.useMemo)(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = (0, import_react161.useCallback)(() => {
+  const next = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = (0, import_react161.useCallback)((pageIndex) => {
+  const set2 = (0, import_react162.useCallback)((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = (0, import_react161.useCallback)(() => {
+  const previous = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = (0, import_react161.useCallback)(() => {
+  const reset = (0, import_react162.useCallback)(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -29189,7 +29214,7 @@ var TasksEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("div
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = (0, import_react162.useMemo)(() => {
+  const sortedTasks = (0, import_react163.useMemo)(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -29331,7 +29356,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-var import_react163 = require("react");
+var import_react164 = require("react");
 var import_date_fns42 = require("date-fns");
 
 // src/components/Tasks/TaskStatusBadge.tsx
@@ -29433,7 +29458,7 @@ function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const periodsInActiveYear = (0, import_react163.useMemo)(() => {
+  const periodsInActiveYear = (0, import_react164.useMemo)(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -29444,7 +29469,7 @@ function TasksMonthSelector() {
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
   const activeMonthNumber = (0, import_date_fns42.getMonth)(date) + 1;
   const activeYear = (0, import_date_fns42.getYear)(date);
-  const monthsData = (0, import_react163.useMemo)(() => {
+  const monthsData = (0, import_react164.useMemo)(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = (0, import_date_fns42.set)(
@@ -29494,13 +29519,13 @@ var import_classnames78 = __toESM(require("classnames"));
 var import_pluralize3 = __toESM(require("pluralize"));
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-var import_react164 = require("react");
+var import_react165 = require("react");
 var import_date_fns43 = require("date-fns");
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = (0, import_react164.useMemo)(() => {
+  const yearStatuses = (0, import_react165.useMemo)(() => {
     const startYear = (0, import_date_fns43.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
@@ -29515,7 +29540,7 @@ var useBookkeepingYearsStatus = () => {
       };
     }).filter(({ year }) => data == null ? void 0 : data.some((period) => period.year === year)).sort((a, b) => b.year - a.year);
   }, [activationDate, data]);
-  const earliestIncompletePeriod = (0, import_react164.useMemo)(
+  const earliestIncompletePeriod = (0, import_react165.useMemo)(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -29658,10 +29683,10 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 
 // src/components/Tabs/Tabs.tsx
-var import_react165 = require("react");
+var import_react166 = require("react");
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime263 = require("react/jsx-runtime");
@@ -29725,12 +29750,12 @@ var Tab = ({
 // src/components/Tabs/Tabs.tsx
 var import_classnames77 = __toESM(require("classnames"));
 var import_jsx_runtime264 = require("react/jsx-runtime");
-var import_react166 = require("react");
+var import_react167 = require("react");
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react165.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react165.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react165.useState)(0);
+  const [initialized, setInitialized] = (0, import_react166.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react166.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react166.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames77.default)(
     "Layer__tabs",
@@ -29765,14 +29790,14 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + STARTING_PADDING;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
   }, [selectedValue, currentWidth]);
@@ -29788,7 +29813,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "Layer__tabs__container", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: baseClassName, ref: elementRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react166.createElement)(
+      return /* @__PURE__ */ (0, import_react167.createElement)(
         Tab,
         __spreadProps(__spreadValues({}, option), {
           key: option.value,
@@ -29820,7 +29845,7 @@ var TasksYearsTabs = () => {
       yearNumber: Number(year)
     });
   };
-  const yearsList = (0, import_react167.useMemo)(() => {
+  const yearsList = (0, import_react168.useMemo)(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -29923,10 +29948,10 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react170 = require("react");
+var import_react171 = require("react");
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-var import_react168 = require("react");
+var import_react169 = require("react");
 var import_react_form3 = require("@tanstack/react-form");
 
 // src/components/PlatformOnboarding/Container/LinkAccountsListContainer.tsx
@@ -29962,7 +29987,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = (0, import_react168.useContext)(LinkedAccountsContext);
+  } = (0, import_react169.useContext)(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -30035,7 +30060,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-var import_react169 = require("react");
+var import_react170 = require("react");
 var import_pluralize4 = __toESM(require("pluralize"));
 var import_jsx_runtime270 = require("react/jsx-runtime");
 function LinkAccountsLinkStep() {
@@ -30045,7 +30070,7 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = (0, import_react169.useContext)(LinkedAccountsContext);
+  } = (0, import_react170.useContext)(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(import_jsx_runtime270.Fragment, { children: [
@@ -30125,7 +30150,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = (0, import_react170.useContext)(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = (0, import_react171.useContext)(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
@@ -30143,7 +30168,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-var import_react175 = require("react");
+var import_react176 = require("react");
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 var import_jsx_runtime272 = require("react/jsx-runtime");
@@ -30448,7 +30473,7 @@ var SummaryStep = ({ onNext, title = defaultTitle2, description = defaultDescrip
 var import_react_form4 = require("@tanstack/react-form");
 
 // src/hooks/businessPersonnel/useBusinessPersonnel.ts
-var import_swr28 = __toESM(require("swr"));
+var import_swr29 = __toESM(require("swr"));
 
 // src/utils/array/readonlyTransformations.ts
 function mapReadonly(array, callbackFn) {
@@ -30484,7 +30509,7 @@ var getBusinessPersonnel = get(({ businessId }) => `/v1/businesses/${businessId}
 function useBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr28.default)(
+  return (0, import_swr29.default)(
     () => buildKey29(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -30525,8 +30550,8 @@ function useBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 var import_mutation19 = __toESM(require("swr/mutation"));
-var import_swr29 = require("swr");
-var import_react171 = require("react");
+var import_swr30 = require("swr");
+var import_react172 = require("react");
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey30({
   access_token: accessToken,
@@ -30545,7 +30570,7 @@ function buildKey30({
 function useCreateBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr29.useSWRConfig)();
+  const { mutate } = (0, import_swr30.useSWRConfig)();
   const mutationResponse = (0, import_mutation19.default)(
     () => buildKey30(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30564,7 +30589,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react171.useCallback)(
+  const stableProxiedTrigger = (0, import_react172.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30590,7 +30615,7 @@ function useCreateBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
 var import_mutation20 = __toESM(require("swr/mutation"));
-var import_swr30 = require("swr");
+var import_swr31 = require("swr");
 
 // src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
 var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
@@ -30598,7 +30623,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_react172 = require("react");
+var import_react173 = require("react");
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -30618,7 +30643,7 @@ function buildKey31({
 function useUpdateBusinessPersonnel({ businessPersonnelId }) {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr30.useSWRConfig)();
+  const { mutate } = (0, import_swr31.useSWRConfig)();
   const mutationResponse = (0, import_mutation20.default)(
     () => buildKey31(__spreadProps(__spreadValues({}, data), {
       businessId,
@@ -30641,7 +30666,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react172.useCallback)(
+  const stableProxiedTrigger = (0, import_react173.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30667,8 +30692,8 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 
 // src/hooks/business/useUpdateBusiness.ts
 var import_mutation21 = __toESM(require("swr/mutation"));
-var import_swr31 = require("swr");
-var import_react173 = require("react");
+var import_swr32 = require("swr");
+var import_react174 = require("react");
 var BUSINESS_TAG_KEY = "business";
 function buildKey32({
   access_token: accessToken,
@@ -30687,7 +30712,7 @@ function buildKey32({
 function useUpdateBusiness() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr31.useSWRConfig)();
+  const { mutate } = (0, import_swr32.useSWRConfig)();
   const mutationResponse = (0, import_mutation21.default)(
     () => buildKey32(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30706,7 +30731,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react173.useCallback)(
+  const stableProxiedTrigger = (0, import_react174.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30731,7 +30756,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-var import_react174 = require("react");
+var import_react175 = require("react");
 var getPerson = (personnel) => {
   const owners = personnel == null ? void 0 : personnel.filter((p) => p.roles.find((x) => x.role === "OWNER"));
   if (owners && owners.length > 0) {
@@ -30742,7 +30767,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = (0, import_react174.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react175.useState)(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -31158,7 +31183,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = (0, import_react175.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = (0, import_react176.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
   const isFirstStep = PLATFORM_ONBOARDING_STEPS[0].id === step;
   const nextStep = () => {
     const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
@@ -31320,7 +31345,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react177 = require("react");
+var import_react178 = require("react");
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 var import_jsx_runtime286 = require("react/jsx-runtime");
@@ -31335,15 +31360,15 @@ function BookkeepingProfitAndLossSummariesContainer({
 var import_classnames79 = __toESM(require("classnames"));
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-var import_react176 = require("react");
+var import_react177 = require("react");
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = (0, import_react176.useRef)(null);
-  const targetElementRef = (0, import_react176.useRef)(null);
-  const lastKnownSizeRef = (0, import_react176.useRef)(null);
-  const lastKnownTargetPositionRef = (0, import_react176.useRef)(null);
-  const upperElementInFocus = (0, import_react176.useRef)(false);
-  (0, import_react176.useEffect)(() => {
+  const upperContentRef = (0, import_react177.useRef)(null);
+  const targetElementRef = (0, import_react177.useRef)(null);
+  const lastKnownSizeRef = (0, import_react177.useRef)(null);
+  const lastKnownTargetPositionRef = (0, import_react177.useRef)(null);
+  const upperElementInFocus = (0, import_react177.useRef)(false);
+  (0, import_react177.useEffect)(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
     lastKnownTargetPositionRef.current = targetElementRef.current.getBoundingClientRect().top;
@@ -31400,7 +31425,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react177.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react178.useState)("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   const { upperContentRef, targetElementRef, upperElementInFocus } = useKeepInMobileViewport();
@@ -31531,7 +31556,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react178 = require("react");
+var import_react179 = require("react");
 var import_classnames80 = __toESM(require("classnames"));
 var import_jsx_runtime288 = require("react/jsx-runtime");
 var AccountingOverview = ({
@@ -31547,7 +31572,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react178.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react179.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
     ProfitAndLoss,
@@ -31714,7 +31739,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react179 = require("react");
+var import_react180 = require("react");
 var import_jsx_runtime290 = require("react/jsx-runtime");
 var GeneralLedgerView = ({
   title,
@@ -31723,7 +31748,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react179.useState)("chartOfAccounts");
+  const [activeTab, setActiveTab] = (0, import_react180.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(
     View,
     {
@@ -31765,7 +31790,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react180 = require("react");
+var import_react181 = require("react");
 var import_react_select6 = __toESM(require("react-select"));
 var import_jsx_runtime291 = require("react/jsx-runtime");
 var ProjectProfitabilityView = ({
@@ -31775,9 +31800,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react180.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react180.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react180.useState)(
+  const [activeTab, setActiveTab] = (0, import_react181.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react181.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react181.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -31876,7 +31901,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react181 = require("react");
+var import_react182 = require("react");
 var import_jsx_runtime292 = require("react/jsx-runtime");
 var getOptions = (enabledReports) => {
   return [
@@ -31904,7 +31929,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react181.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react182.useState)(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle4 = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
@@ -31966,11 +31991,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react182 = require("react");
+var import_react183 = require("react");
 var import_jsx_runtime293 = require("react/jsx-runtime");
 var COMPONENT_NAME8 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react182.useRef)(null);
+  const containerRef = (0, import_react183.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Container, { name: COMPONENT_NAME8, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
@@ -31981,7 +32006,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react182.useContext)(ProfitAndLoss.Context);
+  const { sidebarScope } = (0, import_react183.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(
     Panel,
     {
@@ -32012,7 +32037,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react182.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react183.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {