@layerfi/components 0.1.97 → 0.1.98-alpha

package/dist/cjs/index.cjs

@@ -5601,7 +5601,7 @@ var import_react16 = require("react");
 var import_react14 = require("react");
 
 // package.json
-var version = "0.1.97";
+var version = "0.1.98-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5674,7 +5674,7 @@ var postWithFormData = (url, formData, baseUrl, accessToken) => {
     body: formData
   }).then((res) => handleResponse(res)).catch((error) => handleException(error));
 };
-var handleResponse = (res) => __async(void 0, null, function* () {
+var handleResponse = (res) => __async(null, null, function* () {
   var _a;
   if (!res.ok) {
     const errors = yield tryToReadErrorsFromResponse(res);
@@ -5715,7 +5715,7 @@ var handleException = (error) => {
   });
   throw apiError;
 };
-var tryToReadErrorsFromResponse = (res) => __async(void 0, null, function* () {
+var tryToReadErrorsFromResponse = (res) => __async(null, null, function* () {
   var _a;
   try {
     const data = yield res == null ? void 0 : res.json();
@@ -5906,6 +5906,9 @@ var createAccount = post(
 var updateAccount = put(
   ({ businessId, accountId }) => `/v1/businesses/${businessId}/ledger/accounts/${accountId}`
 );
+var createChildAccount = post(
+  ({ businessId, accountId }) => `/v1/businesses/${businessId}/ledger/accounts/${accountId}/create-child-account`
+);
 var getLedgerAccountsLines = get(
   ({ businessId, accountId, includeReversals }) => `/v1/businesses/${businessId}/ledger/accounts/${accountId}/lines${includeReversals === "true" ? "?include_reversals=true" : ""}`
 );
@@ -6040,6 +6043,7 @@ var Layer = {
   matchBankTransaction,
   createAccount,
   updateAccount,
+  createChildAccount,
   getBalanceSheet,
   getBalanceSheetCSV,
   getBalanceSheetExcel,
@@ -6198,7 +6202,6 @@ var import_react4 = require("react");
 var LayerContext = (0, import_react4.createContext)({
   businessId: "",
   business: void 0,
-  categories: [],
   theme: void 0,
   colors: {},
   setTheme: () => void 0,
@@ -7067,7 +7070,7 @@ var useLinkedAccounts = () => {
       setLoadingStatus("complete");
     }
   }, [isLoading]);
-  const fetchPlaidLinkToken = () => __async(void 0, null, function* () {
+  const fetchPlaidLinkToken = () => __async(null, null, function* () {
     if (auth == null ? void 0 : auth.access_token) {
       const linkToken2 = (yield Layer.getPlaidLinkToken(apiUrl, auth.access_token, {
         params: { businessId }
@@ -7076,7 +7079,7 @@ var useLinkedAccounts = () => {
       setLinkToken(linkToken2);
     }
   });
-  const fetchPlaidUpdateModeLinkToken = (plaidItemPlaidId) => __async(void 0, null, function* () {
+  const fetchPlaidUpdateModeLinkToken = (plaidItemPlaidId) => __async(null, null, function* () {
     if (auth == null ? void 0 : auth.access_token) {
       const linkToken2 = (yield Layer.getPlaidUpdateModeLinkToken(apiUrl, auth.access_token, {
         params: { businessId },
@@ -7086,7 +7089,7 @@ var useLinkedAccounts = () => {
       setLinkToken(linkToken2);
     }
   });
-  const exchangePlaidPublicToken2 = (publicToken, metadata) => __async(void 0, null, function* () {
+  const exchangePlaidPublicToken2 = (publicToken, metadata) => __async(null, null, function* () {
     preloadAccountConfirmation();
     try {
       yield Layer.exchangePlaidPublicToken(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -7102,7 +7105,7 @@ var useLinkedAccounts = () => {
     token: linkToken,
     // If in update mode, we don't need to exchange the public token for an access token.
     // The existing access token will automatically become valid again
-    onSuccess: (publicToken, metadata) => __async(void 0, null, function* () {
+    onSuccess: (publicToken, metadata) => __async(null, null, function* () {
       if (linkMode == "add") {
         exchangePlaidPublicToken2(publicToken, metadata);
       } else {
@@ -7134,7 +7137,7 @@ var useLinkedAccounts = () => {
       );
     }
   };
-  const repairConnection = (source, connectionExternalId) => __async(void 0, null, function* () {
+  const repairConnection = (source, connectionExternalId) => __async(null, null, function* () {
     if (source === "PLAID") {
       yield fetchPlaidUpdateModeLinkToken(connectionExternalId);
     } else {
@@ -7143,7 +7146,7 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const removeConnection = (source, connectionExternalId) => __async(void 0, null, function* () {
+  const removeConnection = (source, connectionExternalId) => __async(null, null, function* () {
     if (source === "PLAID") {
       yield unlinkPlaidItem2(connectionExternalId);
       yield refetchAccounts();
@@ -7153,7 +7156,7 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const unlinkAccount2 = (source, accountId) => __async(void 0, null, function* () {
+  const unlinkAccount2 = (source, accountId) => __async(null, null, function* () {
     DEBUG && console.debug("unlinking account");
     if (source === "PLAID") {
       yield Layer.unlinkAccount(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -7167,7 +7170,7 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const confirmAccount2 = (source, accountId) => __async(void 0, null, function* () {
+  const confirmAccount2 = (source, accountId) => __async(null, null, function* () {
     DEBUG && console.debug("confirming account");
     if (source === "PLAID") {
       yield Layer.confirmAccount(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -7184,7 +7187,7 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const excludeAccount2 = (source, accountId) => __async(void 0, null, function* () {
+  const excludeAccount2 = (source, accountId) => __async(null, null, function* () {
     DEBUG && console.debug("excluding account");
     if (source === "PLAID") {
       yield Layer.excludeAccount(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -7204,7 +7207,7 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const breakConnection = (source, connectionExternalId) => __async(void 0, null, function* () {
+  const breakConnection = (source, connectionExternalId) => __async(null, null, function* () {
     DEBUG && console.debug("Breaking sandbox plaid item connection");
     if (source === "PLAID") {
       yield Layer.breakPlaidItemConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -7221,23 +7224,23 @@ var useLinkedAccounts = () => {
       );
     }
   });
-  const refetchAccounts = () => __async(void 0, null, function* () {
+  const refetchAccounts = () => __async(null, null, function* () {
     DEBUG && console.debug("refetching accounts...");
     yield mutate();
   });
-  const syncAccounts = () => __async(void 0, null, function* () {
+  const syncAccounts = () => __async(null, null, function* () {
     DEBUG && console.debug("resyncing accounts...");
     yield Layer.syncConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
   });
-  const updateConnectionStatus2 = () => __async(void 0, null, function* () {
+  const updateConnectionStatus2 = () => __async(null, null, function* () {
     DEBUG && console.debug("updating connection status...");
     yield Layer.updateConnectionStatus(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
   });
-  const unlinkPlaidItem2 = (plaidItemPlaidId) => __async(void 0, null, function* () {
+  const unlinkPlaidItem2 = (plaidItemPlaidId) => __async(null, null, function* () {
     DEBUG && console.debug("unlinking plaid item");
     yield Layer.unlinkPlaidItem(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId, plaidItemPlaidId }
@@ -7810,7 +7813,6 @@ var import_jsx_runtime8 = require("react/jsx-runtime");
 var reducer = (state, action) => {
   switch (action.type) {
     case "LayerContext.setBusiness" /* setBusiness */:
-    case "LayerContext.setCategories" /* setCategories */:
     case "LayerContext.setTheme" /* setTheme */:
     case "LayerContext.setOnboardingStep" /* setOnboardingStep */:
     case "LayerContext.setColors" /* setColors */:
@@ -7848,7 +7850,6 @@ var BusinessProvider = ({
   const [state, dispatch] = (0, import_react14.useReducer)(reducer, {
     businessId,
     business: void 0,
-    categories: [],
     theme,
     colors,
     onboardingStep: void 0,
@@ -7865,33 +7866,6 @@ var BusinessProvider = ({
   } = useDataSync();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const { data: categoriesData } = (0, import_swr3.default)(
-    businessId && (auth == null ? void 0 : auth.access_token) && `categories-${businessId}`,
-    Layer.getCategories(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId }
-    }),
-    __spreadProps(__spreadValues({}, DEFAULT_SWR_CONFIG), {
-      provider: () => /* @__PURE__ */ new Map(),
-      onSuccess: (response) => {
-        var _a, _b;
-        if ((_b = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.categories) == null ? void 0 : _b.length) {
-          dispatch({
-            type: "LayerContext.setCategories" /* setCategories */,
-            payload: { categories: response.data.categories || [] }
-          });
-        }
-      }
-    })
-  );
-  (0, import_react14.useEffect)(() => {
-    var _a, _b;
-    if ((_b = (_a = categoriesData == null ? void 0 : categoriesData.data) == null ? void 0 : _a.categories) == null ? void 0 : _b.length) {
-      dispatch({
-        type: "LayerContext.setCategories" /* setCategories */,
-        payload: { categories: categoriesData.data.categories || [] }
-      });
-    }
-  }, [categoriesData]);
   const { data: businessData } = (0, import_swr3.default)(
     businessId && (auth == null ? void 0 : auth.access_token) && `business-${businessId}`,
     Layer.getBusiness(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -10986,7 +10960,6 @@ function LinkedAccountPill({ label, items }) {
       {
         status: "error",
         onPress: () => setIsOpen(true),
-        onHoverStart: () => setIsOpen(true),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AlertCircle_default, { size: 14 }),
           label
@@ -11049,13 +11022,13 @@ var LinkedAccountItemThumb = ({
       config: [
         {
           name: "Mark as a duplicate account",
-          action: () => __async(void 0, null, function* () {
+          action: () => __async(null, null, function* () {
             yield excludeAccount2(account.external_account_source, account.id);
           })
         },
         {
           name: "Mark as not a duplicate account",
-          action: () => __async(void 0, null, function* () {
+          action: () => __async(null, null, function* () {
             yield confirmAccount2(account.external_account_source, account.id);
           })
         }
@@ -11067,7 +11040,7 @@ var LinkedAccountItemThumb = ({
       config: [
         {
           name: "Repair connection",
-          action: () => __async(void 0, null, function* () {
+          action: () => __async(null, null, function* () {
             if (account.connection_external_id) {
               yield repairConnection(
                 account.external_account_source,
@@ -11082,7 +11055,7 @@ var LinkedAccountItemThumb = ({
   const additionalConfigs = [
     {
       name: "Unlink account",
-      action: () => __async(void 0, null, function* () {
+      action: () => __async(null, null, function* () {
         if (confirm("Please confirm you wish to remove this financial account")) {
           yield unlinkAccount2(account.external_account_source, account.id);
         }
@@ -11092,7 +11065,7 @@ var LinkedAccountItemThumb = ({
   if (showUnlinkItem) {
     additionalConfigs.push({
       name: `Unlink all accounts under this ${(_a = account.institution) == null ? void 0 : _a.name} connection`,
-      action: () => __async(void 0, null, function* () {
+      action: () => __async(null, null, function* () {
         var _a2;
         if (account.connection_external_id && confirm(
           `Please confirm you wish to remove all accounts belonging to ${((_a2 = account.institution) == null ? void 0 : _a2.name) || "this institution"}`
@@ -11116,7 +11089,7 @@ var LinkedAccountItemThumb = ({
   if (environment === "staging" && !account.connection_needs_repair_as_of && account.external_account_source === "PLAID" && showBreakConnection) {
     additionalConfigs.push({
       name: "Break connection (test utility)",
-      action: () => __async(void 0, null, function* () {
+      action: () => __async(null, null, function* () {
         if (account.connection_external_id) {
           yield breakConnection(
             account.external_account_source,
@@ -11300,35 +11273,34 @@ function ModalContextBar({ onClose }) {
     Button2,
     {
       icon: true,
+      size: "sm",
       variant: "ghost",
       slot: "close",
       onPress: onClose,
       "aria-label": "Close Modal",
-      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react2.X, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react2.X, { size: 24 })
     }
   ) });
 }
-var ModalHeading = (0, import_react39.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var ModalHeading = (0, import_react39.forwardRef)(function ModalHeading2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     Heading2,
     __spreadProps(__spreadValues({}, props), {
       slot: "title",
       level: 2,
       ref
     })
-  )
-);
-ModalHeading.displayName = "ModalHeading";
-var ModalDescription = (0, import_react39.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  );
+});
+var ModalDescription = (0, import_react39.forwardRef)(function ModalDescription2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     P,
     __spreadProps(__spreadValues({}, props), {
       slot: "description",
       ref
     })
-  )
-);
-ModalDescription.displayName = "ModalDescription";
+  );
+});
 var MODAL_CONTENT_CLASS_NAME = "Layer__ModalContent";
 function ModalContent({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: MODAL_CONTENT_CLASS_NAME, children });
@@ -11570,8 +11542,9 @@ function useLinkedAccountsConfirmationModal() {
     visibility,
     actions: { dismiss: dismissAccountConfirmation, reset: resetAccountConfirmation }
   } = useAccountConfirmationStore();
-  const preloadIsOpen = visibility === "PRELOADED";
-  const mainIsOpen = accountsNeedingConfirmation.length > 0;
+  const isDismissed = visibility === "DISMISSED";
+  const preloadIsOpen = !isDismissed && visibility === "PRELOADED";
+  const mainIsOpen = !isDismissed && accountsNeedingConfirmation.length > 0;
   const baseInfo = {
     accounts: accountsNeedingConfirmation,
     onDismiss: dismissAccountConfirmation,
@@ -11612,16 +11585,13 @@ function LinkedAccountsConfirmationModalContent({ onClose }) {
   ));
   const { trigger, isMutating, error } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const hasError = Boolean(error);
-  const handleFinish = () => __async(this, null, function* () {
+  const handleFinish = () => __async(null, null, function* () {
     const success = yield trigger(formState);
     if (success) {
       onFinish();
       onClose();
     }
   });
-  const handleDismiss = () => {
-    onClose();
-  };
   const { descriptionLabel, buttonLabel } = getFormComponentLabels(formState);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ModalContextBar, { onClose }),
@@ -12883,7 +12853,7 @@ function LinkedAccountsOpeningBalanceModalContent({
       };
     }),
     {
-      onSuccess: (responses) => __async(this, null, function* () {
+      onSuccess: (responses) => __async(null, null, function* () {
         const newResults = __spreadValues({}, results);
         responses.forEach((r) => {
           newResults[r.accountId] = r;
@@ -13563,6 +13533,46 @@ var getAssignedValue = (bankTransaction) => {
   return;
 };
 
+// src/hooks/categories/useCategories.ts
+var import_swr5 = __toESM(require("swr"));
+var CATEGORIES_TAG_KEY = "#categories";
+function buildKey4({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  mode
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      mode,
+      tags: [CATEGORIES_TAG_KEY]
+    };
+  }
+}
+function useCategories({ mode } = {}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  return (0, import_swr5.default)(
+    () => buildKey4(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      mode
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, mode: mode2 }) => getCategories(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          mode: mode2
+        }
+      }
+    )().then(({ data }) => data.categories)
+  );
+}
+
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var BusinessCategories = ({
@@ -13570,9 +13580,9 @@ var BusinessCategories = ({
   selectedId,
   showTooltips
 }) => {
-  const { categories } = useLayerContext();
+  const { data: categories } = useCategories();
   const categoryOptions = flattenCategories(
-    categories.filter((category) => category.type != "ExclusionNested")
+    (categories != null ? categories : []).filter((category) => category.type != "ExclusionNested")
   );
   const [optionsToShow, setOptionsToShow] = (0, import_react52.useState)(categoryOptions);
   const [selectedGroup, setSelectedGroup] = (0, import_react52.useState)();
@@ -13822,7 +13832,7 @@ var CategorySelect = ({
   asDrawer = false
 }) => {
   var _a;
-  const { categories } = useLayerContext();
+  const { data: categories } = useCategories();
   const matchOptions = !excludeMatches && (bankTransaction == null ? void 0 : bankTransaction.suggested_matches) ? [
     {
       label: "Match",
@@ -13849,7 +13859,7 @@ var CategorySelect = ({
       )
     }
   ] : [];
-  const categoryOptions = flattenCategories2(categories);
+  const categoryOptions = flattenCategories2(categories != null ? categories : []);
   const options = [
     ...matchOptions,
     ...suggestedOptions,
@@ -14070,7 +14080,7 @@ var useReceipts = ({
       void fetchDocuments();
     }
   }, [isActive]);
-  const fetchDocuments = () => __async(void 0, null, function* () {
+  const fetchDocuments = () => __async(null, null, function* () {
     const listBankTransactionDocuments2 = Layer.listBankTransactionDocuments(
       apiUrl,
       auth == null ? void 0 : auth.access_token,
@@ -14092,7 +14102,7 @@ var useReceipts = ({
     }));
     setReceiptUrls(retrievedDocs);
   });
-  const uploadReceipt = (file) => __async(void 0, null, function* () {
+  const uploadReceipt = (file) => __async(null, null, function* () {
     var _a;
     const id = (/* @__PURE__ */ new Date()).valueOf().toString();
     const receipts = [
@@ -14137,7 +14147,7 @@ var useReceipts = ({
       setReceiptUrls(newReceiptUrls);
     }
   });
-  const archiveDocument = (document2) => __async(void 0, null, function* () {
+  const archiveDocument = (document2) => __async(null, null, function* () {
     if (!document2.id) return;
     try {
       if (document2.error) {
@@ -14412,7 +14422,7 @@ var BankTransactionReceipts = (0, import_react56.forwardRef)(
 BankTransactionReceipts.displayName = "BankTransactionReceipts";
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
-var import_swr5 = __toESM(require("swr"));
+var import_swr6 = __toESM(require("swr"));
 
 // src/providers/LegacyModeProvider/LegacyModeProvider.tsx
 var import_react57 = require("react");
@@ -14449,7 +14459,7 @@ var getBookkeepingStatus = get(({ businessId }) => {
 });
 var BOOKKEEPING_TAG_KEY = "#bookkeeping";
 var BOOKKEEPING_STATUS_TAG_KEY = "#bookkeeping-status";
-function buildKey4({
+function buildKey5({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -14466,8 +14476,8 @@ function buildKey4({
 function useBookkeepingStatus() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr5.default)(
-    () => buildKey4(__spreadProps(__spreadValues({}, auth), {
+  return (0, import_swr6.default)(
+    () => buildKey5(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }) => getBookkeepingStatus(
@@ -15034,9 +15044,9 @@ var Textarea = (_a) => {
 var import_react_form = require("@tanstack/react-form");
 
 // src/hooks/useBankTransactions/useBankTransactionsMetadata.ts
-var import_swr6 = __toESM(require("swr"));
+var import_swr7 = __toESM(require("swr"));
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
-function buildKey5({
+function buildKey6({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -15055,8 +15065,8 @@ function buildKey5({
 function useBankTransactionMetadata({ bankTransactionId }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr6.default)(
-    () => buildKey5(__spreadProps(__spreadValues({}, auth), {
+  return (0, import_swr7.default)(
+    () => buildKey6(__spreadProps(__spreadValues({}, auth), {
       businessId,
       bankTransactionId
     })),
@@ -15080,10 +15090,10 @@ function withSWRKeyTags(key, predicate) {
 }
 
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
-var import_swr7 = require("swr");
+var import_swr8 = require("swr");
 var import_react61 = require("react");
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
-function buildKey6({
+function buildKey7({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -15102,9 +15112,9 @@ function buildKey6({
 function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr7.useSWRConfig)();
+  const { mutate } = (0, import_swr8.useSWRConfig)();
   const mutationResponse = (0, import_mutation3.default)(
-    () => buildKey6({
+    () => buildKey7({
       access_token: auth == null ? void 0 : auth.access_token,
       apiUrl: auth == null ? void 0 : auth.apiUrl,
       businessId,
@@ -15131,7 +15141,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   );
   const { trigger: originalTrigger } = mutationResponse;
   const stableProxiedTrigger = (0, import_react61.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         yield mutate((key) => withSWRKeyTags(
@@ -15161,7 +15171,7 @@ var useBankTransactionMemo = ({ bankTransactionId }) => {
     defaultValues: {
       memo: bankTransactionMetadata == null ? void 0 : bankTransactionMetadata.memo
     },
-    onSubmit: (_0) => __async(void 0, [_0], function* ({ value }) {
+    onSubmit: (_0) => __async(null, [_0], function* ({ value }) {
       var _a;
       if (value.memo !== void 0 && form.state.isDirty) {
         yield updateBankTransactionMetadata2({ memo: (_a = value.memo) != null ? _a : "" });
@@ -15348,7 +15358,7 @@ var ExpandedBankTransactionRow = (0, import_react62.forwardRef)(
       updateRowState(__spreadValues({}, rowState));
       setSplitFormError(void 0);
     };
-    const save = () => __async(void 0, null, function* () {
+    const save = () => __async(null, null, function* () {
       if (purpose === "match" /* match */) {
         if (!selectedMatchId) {
           setMatchFormError("Select an option to match the transaction");
@@ -15388,7 +15398,7 @@ var ExpandedBankTransactionRow = (0, import_react62.forwardRef)(
     (0, import_react62.useImperativeHandle)(ref, () => ({
       save
     }));
-    const onMatchSubmit = (matchId) => __async(void 0, null, function* () {
+    const onMatchSubmit = (matchId) => __async(null, null, function* () {
       var _a2;
       const foundMatch = (_a2 = bankTransaction.suggested_matches) == null ? void 0 : _a2.find(
         (x) => x.id === matchId
@@ -15901,7 +15911,7 @@ var BankTransactionRow = ({
       }, 300);
     }
   }, [bankTransaction.recently_categorized]);
-  const save = () => __async(void 0, null, function* () {
+  const save = () => __async(null, null, function* () {
     var _a2;
     if (open2 && (expandedRowRef == null ? void 0 : expandedRowRef.current)) {
       (_a2 = expandedRowRef == null ? void 0 : expandedRowRef.current) == null ? void 0 : _a2.save();
@@ -16716,7 +16726,7 @@ var MatchForm2 = ({
       setShowRetry(false);
     }
   }, [bankTransaction.error]);
-  const onMatchSubmit = (matchId) => __async(void 0, null, function* () {
+  const onMatchSubmit = (matchId) => __async(null, null, function* () {
     var _a2;
     const foundMatch = (_a2 = bankTransaction.suggested_matches) == null ? void 0 : _a2.find(
       (x) => x.id === matchId
@@ -16726,7 +16736,7 @@ var MatchForm2 = ({
     }
     yield matchBankTransaction2(bankTransaction.id, foundMatch.id, true);
   });
-  const save = () => __async(void 0, null, function* () {
+  const save = () => __async(null, null, function* () {
     if (!showCategorization) {
       return;
     }
@@ -16916,7 +16926,7 @@ var SplitForm = ({
     });
     return valid;
   };
-  const save = () => __async(void 0, null, function* () {
+  const save = () => __async(null, null, function* () {
     if (!validateSplit2(rowState)) {
       if (rowState.splits.length > 1) {
         setFormError(
@@ -17905,7 +17915,7 @@ function TransactionsActions({ children }) {
 
 // src/hooks/useBankTransactions/useBankTransactionsDownload.ts
 var import_mutation4 = __toESM(require("swr/mutation"));
-function buildKey7({
+function buildKey8({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -17923,7 +17933,7 @@ function useBankTransactionsDownload() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
   return (0, import_mutation4.default)(
-    () => buildKey7(__spreadProps(__spreadValues({}, data), {
+    () => buildKey8(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({
@@ -17988,7 +17998,7 @@ var CLASS_NAME9 = "Layer__InvisibleDownload";
 var InvisibleDownload = (0, import_react77.forwardRef)((_props, ref) => {
   const internalRef = (0, import_react77.useRef)(null);
   (0, import_react77.useImperativeHandle)(ref, () => ({
-    trigger: (_0) => __async(void 0, [_0], function* ({ url }) {
+    trigger: (_0) => __async(null, [_0], function* ({ url }) {
       var _a;
       (_a = internalRef.current) == null ? void 0 : _a.setAttribute("href", url);
       return runDelayedSync(() => {
@@ -18506,7 +18516,7 @@ var useQuickbooks = () => {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token]);
-  const fetchQuickbooksConnectionStatus = () => __async(void 0, null, function* () {
+  const fetchQuickbooksConnectionStatus = () => __async(null, null, function* () {
     const isConnected = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data.is_connected;
@@ -18518,13 +18528,13 @@ var useQuickbooks = () => {
       params: { businessId }
     }).finally(() => setIsSyncingFromQuickbooks(false));
   };
-  const fetchIsSyncingFromQuickbooks = () => __async(void 0, null, function* () {
+  const fetchIsSyncingFromQuickbooks = () => __async(null, null, function* () {
     const isSyncing = (yield Layer.statusOfSyncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data.is_syncing;
     setIsSyncingFromQuickbooks(isSyncing);
   });
-  const linkQuickbooks = () => __async(void 0, null, function* () {
+  const linkQuickbooks = () => __async(null, null, function* () {
     const res = yield Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
@@ -18565,7 +18575,7 @@ var Quickbooks = () => {
     quickbooksIsLinked === false && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
       "button",
       {
-        onClick: () => __async(void 0, null, function* () {
+        onClick: () => __async(null, null, function* () {
           const authorizationUrl = yield linkQuickbooks();
           window.location.href = authorizationUrl;
         }),
@@ -18663,7 +18673,7 @@ var applyShare = (items, total) => {
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
 var import_react83 = require("react");
 var import_date_fns23 = require("date-fns");
-var import_swr8 = __toESM(require("swr"));
+var import_swr9 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
     startYear: (0, import_date_fns23.startOfMonth)(currentDate).getFullYear() - 1,
@@ -18704,7 +18714,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     isValidating,
     error,
     mutate
-  } = (0, import_swr8.default)(
+  } = (0, import_swr9.default)(
     queryKey,
     Layer.getProfitAndLossSummaries(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -18817,7 +18827,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 var import_react84 = require("react");
 var import_date_fns24 = require("date-fns");
-var import_swr9 = __toESM(require("swr"));
+var import_swr10 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
@@ -18840,7 +18850,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = (0, import_swr9.default)(
+  } = (0, import_swr10.default)(
     queryKey,
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       businessId,
@@ -19167,14 +19177,14 @@ function preparePeriodsBody(dateRange, comparePeriods, rangeDisplayMode) {
 }
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_swr10 = __toESM(require("swr"));
+var import_swr11 = __toESM(require("swr"));
 var COMPARE_MODES_SUPPORTING_MULTI_PERIOD = ["monthPicker", "yearPicker"];
 var isNotOnlyNoneTag = (compareOptions) => {
   return Boolean(
     compareOptions == null ? void 0 : compareOptions.some((option) => option.tagFilterConfig.tagFilters !== "None")
   );
 };
-function buildKey8({
+function buildKey9({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -19224,16 +19234,16 @@ function useProfitAndLossComparison({
   const { data: auth } = useAuth();
   const periods = preparePeriodsBody(dateRange, effectiveComparePeriods, rangeDisplayMode);
   const tagFilters = prepareFiltersBody(selectedCompareOptions);
-  const queryKey = buildKey8(__spreadProps(__spreadValues({}, auth), {
+  const queryKey = buildKey9(__spreadProps(__spreadValues({}, auth), {
     businessId,
     periods,
     tagFilters,
     reportingBasis,
     compareModeActive
   }));
-  const { data, isLoading, isValidating } = (0, import_swr10.default)(
+  const { data, isLoading, isValidating } = (0, import_swr11.default)(
     queryKey,
-    () => __async(this, null, function* () {
+    () => __async(null, null, function* () {
       const response = yield Layer.compareProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: {
           businessId
@@ -21160,7 +21170,7 @@ var ProfitAndLossDownloadButton = ({
   const { data: auth } = useAuth();
   const [requestFailed, setRequestFailed] = (0, import_react93.useState)(false);
   const [isDownloading, setIsDownloading] = (0, import_react93.useState)(false);
-  const handleClick = () => __async(void 0, null, function* () {
+  const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
     const getProfitAndLossExcel2 = Layer.getProfitAndLossExcel(
@@ -21223,7 +21233,7 @@ var SyncingBadge = () => {
 var import_react94 = require("react");
 
 // src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-var import_swr11 = __toESM(require("swr"));
+var import_swr12 = __toESM(require("swr"));
 
 // src/utils/bookkeeping/bookkeepingStatusFilters.ts
 function isActiveBookkeepingStatus(status) {
@@ -21281,7 +21291,7 @@ var getBookkeepingPeriods = get(({ businessId }) => {
   return `/v1/businesses/${businessId}/bookkeeping/periods`;
 });
 var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey9({
+function buildKey10({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -21301,8 +21311,8 @@ function useBookkeepingPeriods() {
   const { businessId } = useLayerContext();
   const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
   const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-  const swrResponse = (0, import_swr11.default)(
-    () => buildKey9(__spreadProps(__spreadValues({}, auth), {
+  const swrResponse = (0, import_swr12.default)(
+    () => buildKey10(__spreadProps(__spreadValues({}, auth), {
       businessId,
       isActiveOrPaused
     })),
@@ -22746,9 +22756,9 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/hooks/balanceSheet/useBalanceSheet.ts
-var import_swr12 = __toESM(require("swr"));
+var import_swr13 = __toESM(require("swr"));
 var import_date_fns31 = require("date-fns");
-function buildKey10({
+function buildKey11({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -22770,8 +22780,8 @@ function useBalanceSheet({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return (0, import_swr12.default)(
-    () => buildKey10(__spreadProps(__spreadValues({}, auth), {
+  return (0, import_swr13.default)(
+    () => buildKey11(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
       effectiveDate
@@ -22964,7 +22974,7 @@ var BALANCE_SHEET_ROWS = [
 
 // src/components/BalanceSheet/download/useBalanceSheetDownload.ts
 var import_mutation5 = __toESM(require("swr/mutation"));
-function buildKey11({
+function buildKey12({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -22987,7 +22997,7 @@ function useBalanceSheetDownload({
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
   return (0, import_mutation5.default)(
-    () => buildKey11(__spreadProps(__spreadValues({}, auth), {
+    () => buildKey12(__spreadProps(__spreadValues({}, auth), {
       businessId,
       effectiveDate
     })),
@@ -23248,7 +23258,7 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 
 // src/components/StatementOfCashFlow/download/useCashflowStatementDownload.ts
 var import_mutation6 = __toESM(require("swr/mutation"));
-function buildKey12({
+function buildKey13({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23274,7 +23284,7 @@ function useCashflowStatementDownload({
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
   return (0, import_mutation6.default)(
-    () => buildKey12(__spreadProps(__spreadValues({}, auth), {
+    () => buildKey13(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startDate,
       endDate
@@ -23381,9 +23391,9 @@ function StatementOfCashFlowDatePicker({
 }
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-var import_swr13 = __toESM(require("swr"));
+var import_swr14 = __toESM(require("swr"));
 var import_date_fns32 = require("date-fns");
-function buildKey13({
+function buildKey14({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23408,8 +23418,8 @@ function useStatementOfCashFlow({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return (0, import_swr13.default)(
-    buildKey13(__spreadProps(__spreadValues({}, auth), {
+  return (0, import_swr14.default)(
+    buildKey14(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
       startDate,
@@ -23478,7 +23488,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 var import_react114 = require("react");
@@ -23742,7 +23752,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
 var import_date_fns34 = require("date-fns");
-var import_swr14 = __toESM(require("swr"));
+var import_swr15 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
   const nameError = validateName(formData);
@@ -23847,7 +23857,7 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     initialEndDate != null ? initialEndDate : (0, import_date_fns34.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_swr14.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr15.default)(
     queryKey,
     Layer.getLedgerAccountBalances(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -23857,7 +23867,7 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
       }
     })
   );
-  const create = (newAccount) => __async(void 0, null, function* () {
+  const create = (newAccount) => __async(null, null, function* () {
     setSendingForm(true);
     setApiError(void 0);
     try {
@@ -23874,7 +23884,7 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
       touch("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */);
     }
   });
-  const update = (accountData, accountId) => __async(void 0, null, function* () {
+  const update = (accountData, accountId) => __async(null, null, function* () {
     setSendingForm(true);
     setApiError(void 0);
     const newAccountData = __spreadValues({}, accountData);
@@ -24055,17 +24065,22 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   };
 };
 
-// src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
+// src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
+var import_mutation7 = __toESM(require("swr/mutation"));
+var import_swr16 = require("swr");
 var import_react117 = require("react");
-var import_swr15 = __toESM(require("swr"));
+
+// src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
+var import_react118 = require("react");
+var import_swr17 = __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_react117.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react117.useState)();
+  const [accountId, setAccountId] = (0, import_react118.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react118.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_swr15.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr17.default)(
     queryKey,
     Layer.getLedgerAccountsLines(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -24081,7 +24096,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     isLoading: isLoadingEntry,
     isValidating: isValdiatingEntry,
     error: errorEntry
-  } = (0, import_swr15.default)(
+  } = (0, import_swr17.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 }
@@ -24092,12 +24107,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react117.useEffect)(() => {
+  (0, import_react118.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react117.useEffect)(() => {
+  (0, import_react118.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -24121,7 +24136,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react122 = require("react");
+var import_react123 = require("react");
 
 // src/icons/Plus.tsx
 var import_jsx_runtime205 = require("react/jsx-runtime");
@@ -24162,11 +24177,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 var import_date_fns35 = require("date-fns");
 var import_jsx_runtime206 = require("react/jsx-runtime");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react118.useContext)(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = (0, import_react119.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     DatePicker,
     {
@@ -24185,13 +24200,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react119 = require("react");
+var import_react120 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react119.useMemo)(
+  return (0, import_react120.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,
@@ -24216,9 +24231,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react120.useContext)(ChartOfAccountsContext);
+  } = (0, import_react121.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react120.useMemo)(() => {
+  const entry = (0, import_react121.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
@@ -24431,7 +24446,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime209 = require("react/jsx-runtime");
@@ -24491,18 +24506,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react121.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react121.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react122.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react122.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react121.useState)([]);
-  (0, import_react121.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react122.useState)([]);
+  (0, import_react122.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -24521,7 +24536,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_runtime210.jsxs)(import_react121.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(import_react122.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
         TableRow,
         {
@@ -24598,8 +24613,8 @@ var ChartOfAccountsTableContent = ({
 };
 
 // src/components/ChartOfAccounts/download/useAccountBalancesDownload.ts
-var import_mutation7 = __toESM(require("swr/mutation"));
-function buildKey14({
+var import_mutation8 = __toESM(require("swr/mutation"));
+function buildKey15({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -24624,8 +24639,8 @@ function useAccountBalancesDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_mutation7.default)(
-    () => buildKey14(__spreadProps(__spreadValues({}, auth), {
+  return (0, import_mutation8.default)(
+    () => buildKey15(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
       endCutoff
@@ -24697,8 +24712,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react122.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react122.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react123.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react123.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
@@ -24803,10 +24818,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react125 = require("react");
+var import_react126 = require("react");
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -25057,8 +25072,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_react123.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react123.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react124.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react124.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -25204,7 +25219,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react124 = require("react");
+var import_react125 = require("react");
 var import_classnames68 = __toESM(require("classnames"));
 var import_date_fns37 = require("date-fns");
 var import_jsx_runtime218 = require("react/jsx-runtime");
@@ -25215,9 +25230,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react124.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react124.useState)(false);
-  (0, import_react124.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react125.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react125.useState)(false);
+  (0, import_react125.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -25361,9 +25376,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react125.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react125.useState)(true);
-  const { data: accountData } = (0, import_react125.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react126.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react126.useState)(true);
+  const { data: accountData } = (0, import_react126.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -25374,8 +25389,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react125.useContext)(LedgerAccountsContext);
-  (0, import_react125.useEffect)(() => {
+  } = (0, import_react126.useContext)(LedgerAccountsContext);
+  (0, import_react126.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -25387,12 +25402,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react125.useMemo)(() => {
+  const account = (0, import_react126.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react125.useMemo)(() => {
+  const data = (0, import_react126.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -25530,7 +25545,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = (0, import_react126.useContext)(LedgerAccountsContext);
+  const { accountId } = (0, import_react127.useContext)(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
     LedgerAccount,
@@ -25555,8 +25570,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react127 = require("react");
-var JournalContext = (0, import_react127.createContext)({
+var import_react128 = require("react");
+var JournalContext = (0, import_react128.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -25590,8 +25605,8 @@ var JournalContext = (0, import_react127.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react128 = require("react");
-var import_swr16 = __toESM(require("swr"));
+var import_react129 = require("react");
+var import_swr18 = __toESM(require("swr"));
 var useJournal = () => {
   const {
     businessId,
@@ -25602,13 +25617,13 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react128.useState)();
-  const [form, setForm] = (0, import_react128.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react128.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react128.useState)(false);
-  const [apiError, setApiError] = (0, import_react128.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react129.useState)();
+  const [form, setForm] = (0, import_react129.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react129.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react129.useState)(false);
+  const [apiError, setApiError] = (0, import_react129.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr16.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr18.default)(
     queryKey,
     Layer.getJournal(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
@@ -25618,7 +25633,7 @@ var useJournal = () => {
   const closeSelectedEntry = () => {
     setSelectedEntryId(void 0);
   };
-  const create = (newJournalEntry) => __async(void 0, null, function* () {
+  const create = (newJournalEntry) => __async(null, null, function* () {
     setSendingForm(true);
     setApiError(void 0);
     try {
@@ -25817,17 +25832,17 @@ var useJournal = () => {
       })
     }));
   };
-  const reverseEntry = (entryId) => __async(void 0, null, function* () {
+  const reverseEntry = (entryId) => __async(null, null, function* () {
     return Layer.reverseJournalEntry(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId, entryId }
     });
   });
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -25859,13 +25874,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react134 = require("react");
+var import_react135 = require("react");
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react132 = require("react");
+var import_react133 = require("react");
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 var import_jsx_runtime221 = require("react/jsx-runtime");
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -25877,16 +25892,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react129.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react129.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react129.useState)();
-  const entry = (0, import_react129.useMemo)(() => {
+  } = (0, import_react130.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react130.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react130.useState)();
+  const entry = (0, import_react130.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react129.useMemo)(
+  const sortedLineItems = (0, import_react130.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -25895,7 +25910,7 @@ var JournalEntryDetails = () => {
     },
     [entry == null ? void 0 : entry.line_items]
   );
-  const onReverseEntry = () => __async(void 0, null, function* () {
+  const onReverseEntry = () => __async(null, null, function* () {
     if (!entry) {
       return;
     }
@@ -26064,49 +26079,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react131 = require("react");
-
-// src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react130 = require("react");
-
-// src/hooks/categories/useAllCategories.ts
-var import_swr17 = __toESM(require("swr"));
-function buildKey15({
-  access_token: accessToken,
-  apiUrl,
-  businessId
-}) {
-  if (accessToken && apiUrl) {
-    return {
-      accessToken,
-      apiUrl,
-      businessId,
-      mode: "ALL",
-      tags: ["#categories"]
-    };
-  }
-}
-function useAllCategories() {
-  const { data: auth } = useAuth();
-  const { businessId } = useLayerContext();
-  return (0, import_swr17.default)(
-    () => buildKey15(__spreadProps(__spreadValues({}, auth), {
-      businessId
-    })),
-    ({ accessToken, apiUrl, businessId: businessId2, mode }) => getCategories(
-      apiUrl,
-      accessToken,
-      {
-        params: {
-          businessId: businessId2,
-          mode
-        }
-      }
-    )().then(({ data }) => data.categories)
-  );
-}
+var import_react132 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
+var import_react131 = require("react");
 var import_jsx_runtime222 = require("react/jsx-runtime");
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -26126,10 +26102,10 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data } = useAllCategories();
-  const { form } = (0, import_react130.useContext)(JournalContext);
-  const { flattenedCategories, parentOptions } = (0, import_react130.useMemo)(() => {
-    const flattenedCategories2 = recursiveFlattenCategories(data != null ? data : []);
+  const { data: categories } = useCategories({ mode: "ALL" });
+  const { form } = (0, import_react131.useContext)(JournalContext);
+  const { flattenedCategories, parentOptions } = (0, import_react131.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) {
         case "AccountNested":
@@ -26155,7 +26131,7 @@ var JournalFormEntryLines = ({
       }
     });
     return { flattenedCategories: flattenedCategories2, parentOptions: parentOptions2 };
-  }, [data]);
+  }, [categories]);
   const handleChangeParent = ({
     lineItemIndex,
     value
@@ -26340,7 +26316,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react131.useContext)(JournalContext);
+  } = (0, import_react132.useContext)(JournalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
     "form",
     {
@@ -26488,7 +26464,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react132.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react133.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(JournalEntryDetails, {});
   }
@@ -26496,7 +26472,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 var import_date_fns38 = require("date-fns");
 var import_jsx_runtime225 = require("react/jsx-runtime");
 var accountName = (row) => {
@@ -26524,9 +26500,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react133.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react134.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -26534,7 +26510,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_runtime225.jsxs)(import_react133.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_react134.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
         TableRow,
         {
@@ -26615,7 +26591,7 @@ var JournalTableContent = ({
 };
 
 // src/components/Journal/download/useJournalEntriesDownload.ts
-var import_mutation8 = __toESM(require("swr/mutation"));
+var import_mutation9 = __toESM(require("swr/mutation"));
 function buildKey16({
   access_token: accessToken,
   apiUrl,
@@ -26641,7 +26617,7 @@ function useJournalEntriesDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_mutation8.default)(
+  return (0, import_mutation9.default)(
     () => buildKey16(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
@@ -26688,7 +26664,7 @@ function JournalEntriesDownloadButton({
       {
         iconOnly,
         onClick: () => {
-          trigger();
+          void trigger();
         },
         isDownloading: isMutating,
         requestFailed: Boolean(error),
@@ -26710,7 +26686,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react134.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react135.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -26719,8 +26695,8 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react134.useContext)(JournalContext);
-  const data = (0, import_react134.useMemo)(() => {
+  } = (0, import_react135.useContext)(JournalContext);
+  const data = (0, import_react135.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -26857,7 +26833,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-var import_react142 = require("react");
+var import_react143 = require("react");
 
 // src/icons/SmileIcon.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
@@ -26916,7 +26892,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-var import_react139 = require("react");
+var import_react140 = require("react");
 var import_classnames70 = __toESM(require("classnames"));
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -26940,8 +26916,8 @@ function getIconForTask(task) {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_swr18 = require("swr");
-var import_mutation9 = __toESM(require("swr/mutation"));
+var import_swr19 = require("swr");
+var import_mutation10 = __toESM(require("swr/mutation"));
 
 // src/api/layer/tasks.ts
 var submitUserResponseForTask = post(
@@ -26974,7 +26950,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_react135 = require("react");
+var import_react136 = require("react");
 function buildKey17({
   access_token: accessToken,
   apiUrl,
@@ -26992,8 +26968,8 @@ function buildKey17({
 function useSubmitUserResponseForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr18.useSWRConfig)();
-  const mutationResponse = (0, import_mutation9.default)(
+  const { mutate } = (0, import_swr19.useSWRConfig)();
+  const mutationResponse = (0, import_mutation10.default)(
     () => buildKey17(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
@@ -27017,8 +26993,8 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react135.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react136.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         void mutate((key) => withSWRKeyTags(
@@ -27041,9 +27017,9 @@ function useSubmitUserResponseForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
-var import_swr19 = require("swr");
-var import_mutation10 = __toESM(require("swr/mutation"));
-var import_react136 = require("react");
+var import_swr20 = require("swr");
+var import_mutation11 = __toESM(require("swr/mutation"));
+var import_react137 = require("react");
 function buildKey18({
   access_token: accessToken,
   apiUrl,
@@ -27061,8 +27037,8 @@ function buildKey18({
 function useUploadDocumentsForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr19.useSWRConfig)();
-  const mutationResponse = (0, import_mutation10.default)(
+  const { mutate } = (0, import_swr20.useSWRConfig)();
+  const mutationResponse = (0, import_mutation11.default)(
     () => buildKey18(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
@@ -27082,8 +27058,8 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react136.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react137.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         void mutate((key) => withSWRKeyTags(
@@ -27106,9 +27082,9 @@ function useUploadDocumentsForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
-var import_swr20 = require("swr");
-var import_mutation11 = __toESM(require("swr/mutation"));
-var import_react137 = require("react");
+var import_swr21 = require("swr");
+var import_mutation12 = __toESM(require("swr/mutation"));
+var import_react138 = require("react");
 function buildKey19({
   access_token: accessToken,
   apiUrl,
@@ -27126,8 +27102,8 @@ function buildKey19({
 function useDeleteUploadsOnTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr20.useSWRConfig)();
-  const mutationResponse = (0, import_mutation11.default)(
+  const { mutate } = (0, import_swr21.useSWRConfig)();
+  const mutationResponse = (0, import_mutation12.default)(
     () => buildKey19(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
@@ -27144,8 +27120,8 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react137.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react138.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         void mutate((key) => withSWRKeyTags(
@@ -27168,9 +27144,9 @@ function useDeleteUploadsOnTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
-var import_swr21 = require("swr");
-var import_mutation12 = __toESM(require("swr/mutation"));
-var import_react138 = require("react");
+var import_swr22 = require("swr");
+var import_mutation13 = __toESM(require("swr/mutation"));
+var import_react139 = require("react");
 function buildKey20({
   access_token: accessToken,
   apiUrl,
@@ -27188,8 +27164,8 @@ function buildKey20({
 function useUpdateTaskUploadDescription() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr21.useSWRConfig)();
-  const mutationResponse = (0, import_mutation12.default)(
+  const { mutate } = (0, import_swr22.useSWRConfig)();
+  const mutationResponse = (0, import_mutation13.default)(
     () => buildKey20(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
@@ -27210,8 +27186,8 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react138.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react139.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         void mutate((key) => withSWRKeyTags(
@@ -27240,9 +27216,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react139.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react139.useState)((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = (0, import_react139.useState)();
+  const [isOpen, setIsOpen] = (0, import_react140.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react140.useState)((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = (0, import_react140.useState)();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -27260,10 +27236,10 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react139.useEffect)(() => {
+  (0, import_react140.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  const submit = () => __async(void 0, null, function* () {
+  const submit = () => __async(null, null, function* () {
     if (!selectedFiles) {
       return;
     }
@@ -27275,7 +27251,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = (0, import_react139.useMemo)(() => {
+  const uploadDocumentAction = (0, import_react140.useMemo)(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -27420,7 +27396,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 var import_jsx_runtime234 = require("react/jsx-runtime");
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -27431,7 +27407,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = (0, import_react140.useState)(false);
+  const [showMobilePanel, setShowMobilePanel] = (0, import_react141.useState)(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
@@ -27479,27 +27455,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-var import_react141 = require("react");
+var import_react142 = require("react");
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = (0, import_react141.useState)(0);
+  const [internalPageIndex, setInternalPageIndex] = (0, import_react142.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_react141.useMemo)(() => {
+  const pageItems = (0, import_react142.useMemo)(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = (0, import_react141.useCallback)(() => {
+  const next = (0, import_react142.useCallback)(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = (0, import_react141.useCallback)((pageIndex) => {
+  const set2 = (0, import_react142.useCallback)((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = (0, import_react141.useCallback)(() => {
+  const previous = (0, import_react142.useCallback)(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = (0, import_react141.useCallback)(() => {
+  const reset = (0, import_react142.useCallback)(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -27527,7 +27503,7 @@ var TasksEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = (0, import_react142.useMemo)(() => {
+  const sortedTasks = (0, import_react143.useMemo)(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -27669,7 +27645,7 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-var import_react143 = require("react");
+var import_react144 = require("react");
 var import_date_fns40 = require("date-fns");
 
 // src/components/Tasks/TaskStatusBadge.tsx
@@ -27771,7 +27747,7 @@ function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
   const activeYear = (0, import_date_fns40.getYear)(date);
-  const periodsInActiveYear = (0, import_react143.useMemo)(() => {
+  const periodsInActiveYear = (0, import_react144.useMemo)(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -27782,7 +27758,7 @@ function TasksMonthSelector() {
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
   const activeMonthNumber = (0, import_date_fns40.getMonth)(date) + 1;
   const activeYear = (0, import_date_fns40.getYear)(date);
-  const monthsData = (0, import_react143.useMemo)(() => {
+  const monthsData = (0, import_react144.useMemo)(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
       const date2 = (0, import_date_fns40.set)(
@@ -27832,13 +27808,13 @@ var import_classnames74 = __toESM(require("classnames"));
 var import_pluralize3 = __toESM(require("pluralize"));
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-var import_react144 = require("react");
+var import_react145 = require("react");
 var import_date_fns41 = require("date-fns");
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = (0, import_react144.useMemo)(() => {
+  const yearStatuses = (0, import_react145.useMemo)(() => {
     const startYear = (0, import_date_fns41.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
@@ -27853,7 +27829,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_react144.useMemo)(
+  const earliestIncompletePeriod = (0, import_react145.useMemo)(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -27919,7 +27895,7 @@ var ArrowRightCircle = (_a) => {
 var ArrowRightCircle_default = ArrowRightCircle;
 
 // src/hooks/bookkeeping/useBankAccounts.ts
-var import_swr22 = __toESM(require("swr"));
+var import_swr23 = __toESM(require("swr"));
 var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
 var getBankAccounts = get(
   ({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`
@@ -27944,7 +27920,7 @@ var useBankAccounts = () => {
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const { data, error, isLoading } = (0, import_swr22.default)(
+  const { data, error, isLoading } = (0, import_swr23.default)(
     () => buildKey21(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId
@@ -28040,10 +28016,10 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_react147 = require("react");
+var import_react148 = require("react");
 
 // src/components/Tabs/Tabs.tsx
-var import_react145 = require("react");
+var import_react146 = require("react");
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime243 = require("react/jsx-runtime");
@@ -28107,12 +28083,12 @@ var Tab = ({
 // src/components/Tabs/Tabs.tsx
 var import_classnames73 = __toESM(require("classnames"));
 var import_jsx_runtime244 = require("react/jsx-runtime");
-var import_react146 = require("react");
+var import_react147 = require("react");
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react145.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react145.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react145.useState)(0);
+  const [initialized, setInitialized] = (0, import_react146.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react146.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react146.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames73.default)(
     "Layer__tabs",
@@ -28147,14 +28123,14 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + STARTING_PADDING;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react145.useEffect)(() => {
+  (0, import_react146.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react145.useEffect)(() => {
+  (0, import_react146.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
   }, [selectedValue, currentWidth]);
@@ -28170,7 +28146,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("div", { className: "Layer__tabs__container", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("div", { className: baseClassName, ref: elementRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react146.createElement)(
+      return /* @__PURE__ */ (0, import_react147.createElement)(
         Tab,
         __spreadProps(__spreadValues({}, option), {
           key: option.value,
@@ -28202,7 +28178,7 @@ var TasksYearsTabs = () => {
       yearNumber: Number(year)
     });
   };
-  const yearsList = (0, import_react147.useMemo)(() => {
+  const yearsList = (0, import_react148.useMemo)(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -28305,40 +28281,40 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react151 = require("react");
+var import_react152 = require("react");
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 var import_react_form2 = require("@tanstack/react-form");
 
 // src/components/Wizard/Wizard.tsx
-var import_react148 = require("react");
+var import_react149 = require("react");
 var import_jsx_runtime248 = require("react/jsx-runtime");
 function useWizardStep({
   steps,
   onComplete
 }) {
   const stepCount = steps.length;
-  const [activeStepIndex, setActiveStepIndex] = (0, import_react148.useState)(0);
-  const next = (0, import_react148.useCallback)(() => __async(this, null, function* () {
+  const [activeStepIndex, setActiveStepIndex] = (0, import_react149.useState)(0);
+  const next = (0, import_react149.useCallback)(() => __async(null, null, function* () {
     setActiveStepIndex((stepIndex) => Math.min(stepIndex + 1, stepCount - 1));
     if (activeStepIndex === stepCount - 1 && onComplete) {
       yield onComplete == null ? void 0 : onComplete();
     }
   }), [stepCount, activeStepIndex, onComplete]);
-  const previous = (0, import_react148.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
+  const previous = (0, import_react149.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
   const effectiveStepIndex = Math.min(activeStepIndex, stepCount - 1);
   const currentStep = steps.at(effectiveStepIndex);
   return { currentStep, next, previous };
 }
-var WizardContext = (0, import_react148.createContext)({
+var WizardContext = (0, import_react149.createContext)({
   next: () => {
   },
   previous: () => {
   }
 });
 function useWizard() {
-  return (0, import_react148.useContext)(WizardContext);
+  return (0, import_react149.useContext)(WizardContext);
 }
 function Wizard({
   Header: Header3,
@@ -28346,12 +28322,12 @@ function Wizard({
   onComplete,
   children
 }) {
-  const childrenArray = import_react148.Children.toArray(children);
+  const childrenArray = import_react149.Children.toArray(children);
   const { currentStep, next, previous } = useWizardStep({
     steps: childrenArray,
     onComplete
   });
-  const value = (0, import_react148.useMemo)(() => ({ next, previous }), [next, previous]);
+  const value = (0, import_react149.useMemo)(() => ({ next, previous }), [next, previous]);
   return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(WizardContext.Provider, { value, children: [
     Header3,
     currentStep,
@@ -28392,7 +28368,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = (0, import_react149.useContext)(LinkedAccountsContext);
+  } = (0, import_react150.useContext)(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -28405,7 +28381,7 @@ function LinkAccountsConfirmationStep() {
     defaultValues: {
       accounts: effectiveLinkedAccounts.map((account) => ({ account, isSelected: true }))
     },
-    onSubmit: (_0) => __async(this, [_0], function* ({ value }) {
+    onSubmit: (_0) => __async(null, [_0], function* ({ value }) {
       const formattedArg = Object.fromEntries(
         value.accounts.map(({ account, isSelected }) => [account.id, isSelected])
       );
@@ -28465,7 +28441,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-var import_react150 = require("react");
+var import_react151 = require("react");
 var import_pluralize4 = __toESM(require("pluralize"));
 
 // src/components/Separator/Separator.tsx
@@ -28484,7 +28460,7 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = (0, import_react150.useContext)(LinkedAccountsContext);
+  } = (0, import_react151.useContext)(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(import_jsx_runtime252.Fragment, { children: [
@@ -28564,7 +28540,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = (0, import_react151.useContext)(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = (0, import_react152.useContext)(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
@@ -28582,7 +28558,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-var import_react156 = require("react");
+var import_react157 = require("react");
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 var import_jsx_runtime254 = require("react/jsx-runtime");
@@ -28901,7 +28877,7 @@ var validateEmailFormat = (email, required = false) => {
 var import_react_form3 = require("@tanstack/react-form");
 
 // src/hooks/businessPersonnel/useBusinessPersonnel.ts
-var import_swr23 = __toESM(require("swr"));
+var import_swr24 = __toESM(require("swr"));
 
 // src/utils/array/readonlyTransformations.ts
 function mapReadonly(array, callbackFn) {
@@ -28937,7 +28913,7 @@ var getBusinessPersonnel = get(({ businessId }) => `/v1/businesses/${businessId}
 function useBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  return (0, import_swr23.default)(
+  return (0, import_swr24.default)(
     () => buildKey22(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -28977,9 +28953,9 @@ function useBusinessPersonnel() {
 }
 
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
-var import_mutation13 = __toESM(require("swr/mutation"));
-var import_swr24 = require("swr");
-var import_react152 = require("react");
+var import_mutation14 = __toESM(require("swr/mutation"));
+var import_swr25 = require("swr");
+var import_react153 = require("react");
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey23({
   access_token: accessToken,
@@ -28998,8 +28974,8 @@ function buildKey23({
 function useCreateBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr24.useSWRConfig)();
-  const mutationResponse = (0, import_mutation13.default)(
+  const { mutate } = (0, import_swr25.useSWRConfig)();
+  const mutationResponse = (0, import_mutation14.default)(
     () => buildKey23(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -29017,8 +28993,8 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react152.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react153.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         yield mutate((key) => withSWRKeyTags(
@@ -29041,8 +29017,8 @@ function useCreateBusinessPersonnel() {
 }
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_mutation14 = __toESM(require("swr/mutation"));
-var import_swr25 = require("swr");
+var import_mutation15 = __toESM(require("swr/mutation"));
+var import_swr26 = require("swr");
 
 // src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
 var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
@@ -29050,7 +29026,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_react153 = require("react");
+var import_react154 = require("react");
 function buildKey24({
   access_token: accessToken,
   apiUrl,
@@ -29070,8 +29046,8 @@ function buildKey24({
 function useUpdateBusinessPersonnel({ businessPersonnelId }) {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr25.useSWRConfig)();
-  const mutationResponse = (0, import_mutation14.default)(
+  const { mutate } = (0, import_swr26.useSWRConfig)();
+  const mutationResponse = (0, import_mutation15.default)(
     () => buildKey24(__spreadProps(__spreadValues({}, data), {
       businessId,
       businessPersonnelId
@@ -29093,8 +29069,8 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react153.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react154.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         yield mutate((key) => withSWRKeyTags(
@@ -29117,9 +29093,9 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 }
 
 // src/hooks/business/useUpdateBusiness.ts
-var import_mutation15 = __toESM(require("swr/mutation"));
-var import_swr26 = require("swr");
-var import_react154 = require("react");
+var import_mutation16 = __toESM(require("swr/mutation"));
+var import_swr27 = require("swr");
+var import_react155 = require("react");
 var BUSINESS_TAG_KEY = "business";
 function buildKey25({
   access_token: accessToken,
@@ -29138,8 +29114,8 @@ function buildKey25({
 function useUpdateBusiness() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr26.useSWRConfig)();
-  const mutationResponse = (0, import_mutation15.default)(
+  const { mutate } = (0, import_swr27.useSWRConfig)();
+  const mutationResponse = (0, import_mutation16.default)(
     () => buildKey25(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -29157,8 +29133,8 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react154.useCallback)(
-    (...triggerParameters) => __async(this, null, function* () {
+  const stableProxiedTrigger = (0, import_react155.useCallback)(
+    (...triggerParameters) => __async(null, null, function* () {
       const result = yield originalTrigger(...triggerParameters);
       if (result) {
         yield mutate((key) => withSWRKeyTags(
@@ -29181,7 +29157,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-var import_react155 = require("react");
+var import_react156 = 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) {
@@ -29192,7 +29168,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_react155.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react156.useState)(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -29209,7 +29185,7 @@ var useBusinessForm = ({ onSuccess }) => {
       us_state: (_i = business == null ? void 0 : business.us_state) != null ? _i : void 0,
       tin: business == null ? void 0 : business.tin
     },
-    onSubmit: (_0) => __async(void 0, [_0], function* ({ value }) {
+    onSubmit: (_0) => __async(null, [_0], function* ({ value }) {
       var _a2;
       try {
         setSubmitError(void 0);
@@ -29608,7 +29584,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = (0, import_react156.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = (0, import_react157.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);
@@ -29770,7 +29746,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react158 = require("react");
+var import_react159 = require("react");
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 var import_jsx_runtime268 = require("react/jsx-runtime");
@@ -29785,15 +29761,15 @@ function BookkeepingProfitAndLossSummariesContainer({
 var import_classnames75 = __toESM(require("classnames"));
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-var import_react157 = require("react");
+var import_react158 = require("react");
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = (0, import_react157.useRef)(null);
-  const targetElementRef = (0, import_react157.useRef)(null);
-  const lastKnownSizeRef = (0, import_react157.useRef)(null);
-  const lastKnownTargetPositionRef = (0, import_react157.useRef)(null);
-  const upperElementInFocus = (0, import_react157.useRef)(false);
-  (0, import_react157.useEffect)(() => {
+  const upperContentRef = (0, import_react158.useRef)(null);
+  const targetElementRef = (0, import_react158.useRef)(null);
+  const lastKnownSizeRef = (0, import_react158.useRef)(null);
+  const lastKnownTargetPositionRef = (0, import_react158.useRef)(null);
+  const upperElementInFocus = (0, import_react158.useRef)(false);
+  (0, import_react158.useEffect)(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
     lastKnownTargetPositionRef.current = targetElementRef.current.getBoundingClientRect().top;
@@ -29850,7 +29826,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react158.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react159.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();
@@ -29981,7 +29957,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 var import_classnames76 = __toESM(require("classnames"));
 var import_jsx_runtime270 = require("react/jsx-runtime");
 var AccountingOverview = ({
@@ -29997,7 +29973,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react159.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react160.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_runtime270.jsx)(
     ProfitAndLoss,
@@ -30164,7 +30140,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react160 = require("react");
+var import_react161 = require("react");
 var import_jsx_runtime272 = require("react/jsx-runtime");
 var GeneralLedgerView = ({
   title,
@@ -30173,7 +30149,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react160.useState)("chartOfAccounts");
+  const [activeTab, setActiveTab] = (0, import_react161.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
     View,
     {
@@ -30215,7 +30191,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react161 = require("react");
+var import_react162 = require("react");
 var import_react_select5 = __toESM(require("react-select"));
 var import_jsx_runtime273 = require("react/jsx-runtime");
 var ProjectProfitabilityView = ({
@@ -30225,9 +30201,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react161.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react161.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react161.useState)(
+  const [activeTab, setActiveTab] = (0, import_react162.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react162.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react162.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -30326,7 +30302,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react162 = require("react");
+var import_react163 = require("react");
 var import_jsx_runtime274 = require("react/jsx-runtime");
 var getOptions = (enabledReports) => {
   return [
@@ -30354,7 +30330,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react162.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react163.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;
@@ -30416,11 +30392,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react163 = require("react");
+var import_react164 = require("react");
 var import_jsx_runtime275 = require("react/jsx-runtime");
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react163.useRef)(null);
+  const containerRef = (0, import_react164.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Container, { name: COMPONENT_NAME7, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
@@ -30431,7 +30407,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react163.useContext)(ProfitAndLoss.Context);
+  const { sidebarScope } = (0, import_react164.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
     Panel,
     {
@@ -30462,7 +30438,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react163.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react164.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {