@layerfi/components 0.1.99-alpha-1 → 0.1.99

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.99-alpha-1";
+var version = "0.1.99";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5643,7 +5643,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);
@@ -5684,7 +5684,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();
@@ -5910,7 +5910,7 @@ var updateConnectionStatus = post(
 var updateOpeningBalance = post(
   ({ businessId, accountId }) => `/v1/businesses/${businessId}/external-accounts/${accountId}/opening-balance`
 );
-var getLinkedAccounts = get(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
+var listExternalAccounts = get(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
 var confirmAccount = post(
   ({ businessId, accountId }) => `/v1/businesses/${businessId}/external-accounts/${accountId}/confirm`
 );
@@ -6008,8 +6008,6 @@ var getVendors = get(
 // src/api/layer.ts
 var Layer = {
   getBusiness,
-  categorizeBankTransaction,
-  matchBankTransaction,
   createAccount,
   updateAccount,
   createChildAccount,
@@ -6036,7 +6034,6 @@ var Layer = {
   getProfitAndLossSummaries,
   getProfitAndLossCsv,
   getProfitAndLossExcel,
-  getLinkedAccounts,
   getJournal,
   getJournalEntriesCSV,
   reverseJournalEntry,
@@ -6751,9 +6748,6 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
   }
 ];
 
-// src/hooks/useLinkedAccounts/useLinkedAccounts.ts
-import useSWR2 from "swr";
-
 // src/hooks/useAuth.ts
 import useSWR from "swr";
 
@@ -6986,6 +6980,42 @@ function AccountConfirmationStoreProvider({
   return /* @__PURE__ */ jsx6(AccountConfirmationStoreContext.Provider, { value: store, children });
 }
 
+// src/hooks/useLinkedAccounts/useListExternalAccounts.ts
+import useSWR2 from "swr";
+var EXTERNAL_ACCOUNTS_TAG_KEY = "#external-accounts";
+function buildKey2({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [EXTERNAL_ACCOUNTS_TAG_KEY]
+    };
+  }
+}
+function useListExternalAccounts() {
+  const { businessId } = useLayerContext();
+  const { apiUrl } = useEnvironment();
+  const { data: auth } = useAuth();
+  return useSWR2(
+    () => buildKey2(__spreadProps(__spreadValues({}, auth), {
+      apiUrl,
+      businessId
+    })),
+    ({ accessToken, apiUrl: apiUrl2, businessId: businessId2 }) => listExternalAccounts(
+      apiUrl2,
+      accessToken,
+      {
+        params: { businessId: businessId2 }
+      }
+    )().then(({ data }) => data.external_accounts)
+  );
+}
+
 // src/hooks/useLinkedAccounts/useLinkedAccounts.ts
 function getAccountsNeedingConfirmation(linkedAccounts) {
   return linkedAccounts.filter(
@@ -6995,7 +7025,6 @@ function getAccountsNeedingConfirmation(linkedAccounts) {
 var DEBUG = false;
 var USE_MOCK_RESPONSE_DATA = false;
 var useLinkedAccounts = () => {
-  var _a;
   const {
     businessId,
     touch,
@@ -7015,19 +7044,14 @@ var useLinkedAccounts = () => {
   const [accountsToAddOpeningBalanceInModal, setAccountsToAddOpeningBalanceInModal] = useState5([]);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `linked-accounts-${businessId}`;
   const {
-    data: responseData,
+    data: externalAccounts,
     isLoading,
     isValidating,
     error: responseError,
     mutate
-  } = useSWR2(
-    queryKey,
-    Layer.getLinkedAccounts(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId }
-    })
-  );
+  } = useListExternalAccounts();
   useEffect2(() => {
-    if (!isLoading && (responseData == null ? void 0 : responseData.data.external_accounts)) {
+    if (!isLoading && externalAccounts) {
       setLoadingStatus("complete");
       return;
     }
@@ -7039,7 +7063,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 }
@@ -7048,7 +7072,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 },
@@ -7058,7 +7082,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, {
@@ -7074,7 +7098,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 {
@@ -7106,7 +7130,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 {
@@ -7115,7 +7139,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();
@@ -7125,7 +7149,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, {
@@ -7139,7 +7163,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, {
@@ -7156,7 +7180,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, {
@@ -7176,7 +7200,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, {
@@ -7193,23 +7217,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 }
@@ -7228,7 +7252,7 @@ var useLinkedAccounts = () => {
     }
   }, [syncTimestamps]);
   return {
-    data: USE_MOCK_RESPONSE_DATA ? mockResponseData.data : (_a = responseData == null ? void 0 : responseData.data.external_accounts) != null ? _a : [],
+    data: USE_MOCK_RESPONSE_DATA ? mockResponseData.data : externalAccounts != null ? externalAccounts : [],
     isLoading,
     loadingStatus,
     isValidating,
@@ -7316,6 +7340,7 @@ import { endOfMonth, startOfMonth } from "date-fns";
 
 // src/hooks/useBankTransactions/useBankTransactions.ts
 import useSWRInfinite from "swr/infinite";
+var BANK_TRANSACTIONS_TAG_KEY = "#bank-transactions";
 function keyLoader(previousPageData, {
   access_token: accessToken,
   apiUrl,
@@ -7339,7 +7364,7 @@ function keyLoader(previousPageData, {
       startDate,
       endDate,
       tagFilterQueryString,
-      tags: ["#bank-transactions"]
+      tags: [BANK_TRANSACTIONS_TAG_KEY]
     };
   }
 }
@@ -7404,6 +7429,212 @@ function useBankTransactions({
   );
 }
 
+// src/hooks/useBankTransactions/useCategorizeBankTransaction.ts
+import { useCallback } from "react";
+import { useSWRConfig } from "swr";
+import useSWRMutation from "swr/mutation";
+
+// src/utils/swr/withSWRKeyTags.ts
+function withSWRKeyTags(key, predicate) {
+  if (typeof key !== "object" || key === null || !("tags" in key)) {
+    return false;
+  }
+  return isStringArray(key.tags) ? predicate(key.tags) : false;
+}
+
+// src/hooks/bookkeeping/useBankAccounts.ts
+import useSWR3 from "swr";
+var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
+var getBankAccounts = get(
+  ({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`
+);
+function buildKey3({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [BANK_ACCOUNTS_TAG_KEY]
+    };
+  }
+}
+var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
+var useBankAccounts = () => {
+  var _a, _b;
+  const { businessId } = useLayerContext();
+  const { apiUrl } = useEnvironment();
+  const { data: auth } = useAuth();
+  const { data, error, isLoading } = useSWR3(
+    () => buildKey3(__spreadProps(__spreadValues({}, auth), {
+      apiUrl,
+      businessId
+    })),
+    ({ accessToken, apiUrl: apiUrl2, businessId: businessId2 }) => getBankAccounts(apiUrl2, accessToken, { params: { businessId: businessId2 } })()
+  );
+  const disconnectedAccountsRequiringNotification = ((_a = data == null ? void 0 : data.data) != null ? _a : []).filter(
+    (account) => requiresNotification(account)
+  ).length;
+  return {
+    bankAccounts: (_b = data == null ? void 0 : data.data) != null ? _b : [],
+    isLoading,
+    error,
+    disconnectedAccountsRequiringNotification
+  };
+};
+
+// src/hooks/useBankTransactions/useCategorizeBankTransaction.ts
+var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
+function buildKey4({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [CATEGORIZE_BANK_TRANSACTION_TAG]
+    };
+  }
+}
+function useCategorizeBankTransaction({
+  mutateBankTransactions
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  const { mutate } = useSWRConfig();
+  const mutationResponse = useSWRMutation(
+    () => buildKey4({
+      access_token: auth == null ? void 0 : auth.access_token,
+      apiUrl: auth == null ? void 0 : auth.apiUrl,
+      businessId
+    }),
+    ({ accessToken, apiUrl, businessId: businessId2 }, _a) => {
+      var { arg: _b } = _a, _c = _b, { bankTransactionId } = _c, body = __objRest(_c, ["bankTransactionId"]);
+      return categorizeBankTransaction(
+        apiUrl,
+        accessToken,
+        {
+          params: {
+            businessId: businessId2,
+            bankTransactionId
+          },
+          body
+        }
+      ).then(({ data }) => data);
+    },
+    {
+      revalidate: false
+    }
+  );
+  const { trigger: originalTrigger } = mutationResponse;
+  const stableProxiedTrigger = useCallback(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BANK_ACCOUNTS_TAG_KEY) || tags.includes(EXTERNAL_ACCOUNTS_TAG_KEY)
+      ));
+      void mutateBankTransactions(void 0, { revalidate: true });
+      return triggerResult;
+    }),
+    [
+      originalTrigger,
+      mutate,
+      mutateBankTransactions
+    ]
+  );
+  return new Proxy(mutationResponse, {
+    get(target, prop) {
+      if (prop === "trigger") {
+        return stableProxiedTrigger;
+      }
+      return Reflect.get(target, prop);
+    }
+  });
+}
+
+// src/hooks/useBankTransactions/useMatchBankTransaction.ts
+import { useCallback as useCallback2 } from "react";
+import { useSWRConfig as useSWRConfig2 } from "swr";
+import useSWRMutation2 from "swr/mutation";
+var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
+function buildKey5({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [MATCH_BANK_TRANSACTION_TAG]
+    };
+  }
+}
+function useMatchBankTransaction({
+  mutateBankTransactions
+}) {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  const { mutate } = useSWRConfig2();
+  const mutationResponse = useSWRMutation2(
+    () => buildKey5({
+      access_token: auth == null ? void 0 : auth.access_token,
+      apiUrl: auth == null ? void 0 : auth.apiUrl,
+      businessId
+    }),
+    ({ accessToken, apiUrl, businessId: businessId2 }, _a) => {
+      var { arg: _b } = _a, _c = _b, { bankTransactionId } = _c, body = __objRest(_c, ["bankTransactionId"]);
+      return matchBankTransaction(
+        apiUrl,
+        accessToken,
+        {
+          params: {
+            businessId: businessId2,
+            bankTransactionId
+          },
+          body
+        }
+      ).then(({ data }) => data);
+    },
+    {
+      revalidate: false
+    }
+  );
+  const { trigger: originalTrigger } = mutationResponse;
+  const stableProxiedTrigger = useCallback2(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BANK_ACCOUNTS_TAG_KEY) || tags.includes(EXTERNAL_ACCOUNTS_TAG_KEY)
+      ));
+      void mutateBankTransactions(void 0, { revalidate: true });
+      return triggerResult;
+    }),
+    [
+      originalTrigger,
+      mutate,
+      mutateBankTransactions
+    ]
+  );
+  return new Proxy(mutationResponse, {
+    get(target, prop) {
+      if (prop === "trigger") {
+        return stableProxiedTrigger;
+      }
+      return Reflect.get(target, prop);
+    }
+  });
+}
+
 // src/hooks/useBankTransactions/useAugmentedBankTransactions.tsx
 var INITIAL_POLL_INTERVAL_MS = 1e3;
 var POLL_INTERVAL_AFTER_TXNS_RECEIVED_MS = 5e3;
@@ -7461,7 +7692,6 @@ function bankTransactionFiltersToHookOptions(filters) {
 }
 var useAugmentedBankTransactions = (params) => {
   const {
-    businessId,
     addToast,
     touch,
     read,
@@ -7469,8 +7699,6 @@ var useAugmentedBankTransactions = (params) => {
     hasBeenTouched,
     eventCallbacks
   } = useLayerContext();
-  const { apiUrl } = useEnvironment();
-  const { data: auth } = useAuth();
   const [filters, setTheFilters] = useState6(
     buildInitialFilters(params != null ? params : {})
   );
@@ -7542,122 +7770,107 @@ var useAugmentedBankTransactions = (params) => {
     }
     return filtered;
   }, [filters, data]);
-  const categorize = (id, newCategory, notify) => {
-    const foundBT = data == null ? void 0 : data.find(
-      (x) => x.business_id === businessId && x.id === id
-    );
-    if (foundBT) {
-      updateOneLocal(__spreadProps(__spreadValues({}, foundBT), { processing: true, error: void 0 }));
-    }
-    return Layer.categorizeBankTransaction(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId, bankTransactionId: id },
-      body: newCategory
-    }).then(({ data: newBT, errors }) => {
-      if (newBT) {
-        newBT.recently_categorized = true;
-        updateOneLocal(newBT);
-      }
-      if (errors) {
-        console.error(errors);
-        throw errors;
-      }
-      if ((newBT == null ? void 0 : newBT.recently_categorized) === true && notify) {
+  const updateOneLocal = (newBankTransaction) => {
+    const updatedData = rawResponseData == null ? void 0 : rawResponseData.map((page) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, page), {
+        data: (_a = page.data) == null ? void 0 : _a.map(
+          (bt) => bt.id === newBankTransaction.id ? newBankTransaction : bt
+        )
+      });
+    });
+    void mutate(updatedData, { revalidate: false });
+  };
+  const { trigger: categorizeBankTransaction2 } = useCategorizeBankTransaction({
+    mutateBankTransactions: mutate
+  });
+  const categorizeWithOptimisticUpdate = (bankTransactionId, newCategory, notify) => __async(null, null, function* () {
+    const existingTransaction = data == null ? void 0 : data.find(({ id }) => id === bankTransactionId);
+    if (existingTransaction) {
+      updateOneLocal(__spreadProps(__spreadValues({}, existingTransaction), { processing: true, error: void 0 }));
+    }
+    return categorizeBankTransaction2(__spreadValues({
+      bankTransactionId
+    }, newCategory)).then((updatedTransaction) => {
+      updateOneLocal(__spreadProps(__spreadValues({}, updatedTransaction), {
+        processing: false,
+        recently_categorized: true
+      }));
+      if (notify) {
         addToast({ content: "Transaction confirmed" });
       }
-    }).catch((err) => {
-      const newBT = data == null ? void 0 : data.find(
-        (x) => x.business_id === businessId && x.id === id
-      );
-      if (newBT) {
-        updateOneLocal(__spreadProps(__spreadValues({}, newBT), {
-          error: err.message,
+    }).catch((error) => {
+      const targetedTransaction = data == null ? void 0 : data.find(({ id }) => id === bankTransactionId);
+      if (targetedTransaction) {
+        updateOneLocal(__spreadProps(__spreadValues({}, targetedTransaction), {
+          error: error instanceof Error ? error.message : "An unknown error occurred",
           processing: false
         }));
       }
     }).finally(() => {
       var _a;
-      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
-      (_a = eventCallbacks == null ? void 0 : eventCallbacks.onTransactionCategorized) == null ? void 0 : _a.call(eventCallbacks, id);
+      (_a = eventCallbacks == null ? void 0 : eventCallbacks.onTransactionCategorized) == null ? void 0 : _a.call(eventCallbacks, bankTransactionId);
     });
-  };
-  const match = (id, matchId, notify) => {
-    const foundBT = data == null ? void 0 : data.find(
-      (x) => x.business_id === businessId && x.id === id
-    );
-    if (foundBT) {
-      updateOneLocal(__spreadProps(__spreadValues({}, foundBT), { processing: true, error: void 0 }));
+  });
+  const { trigger: matchBankTransaction2 } = useMatchBankTransaction({
+    mutateBankTransactions: mutate
+  });
+  const matchWithOptimisticUpdate = (bankTransactionId, suggestedMatchId, notify) => __async(null, null, function* () {
+    const existingTransaction = data == null ? void 0 : data.find(({ id }) => id === bankTransactionId);
+    if (existingTransaction) {
+      updateOneLocal(__spreadProps(__spreadValues({}, existingTransaction), {
+        processing: true,
+        error: void 0
+      }));
     }
-    const foundTransferBt = data == null ? void 0 : data.find(
-      (x) => {
-        var _a;
-        return x.id !== id && ((_a = x == null ? void 0 : x.suggested_matches) == null ? void 0 : _a.some((sm) => sm.id == matchId));
-      }
+    const transferBankTransaction = data == null ? void 0 : data.find(
+      ({ id, suggested_matches }) => id !== bankTransactionId && (suggested_matches == null ? void 0 : suggested_matches.some(({ id: id2 }) => id2 === suggestedMatchId))
     );
-    if (foundTransferBt) {
-      updateOneLocal(__spreadProps(__spreadValues({}, foundTransferBt), {
+    if (transferBankTransaction) {
+      updateOneLocal(__spreadProps(__spreadValues({}, transferBankTransaction), {
         processing: true,
         error: void 0
       }));
     }
-    return Layer.matchBankTransaction(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId, bankTransactionId: id },
-      body: { match_id: matchId, type: "Confirm_Match" /* CONFIRM_MATCH */ }
-    }).then(({ data: bt, errors }) => {
-      const newBT = data == null ? void 0 : data.find(
-        (x) => x.business_id === businessId && x.id === id
-      );
-      if (newBT) {
-        newBT.recently_categorized = true;
-        newBT.match = bt;
-        newBT.categorization_status = "MATCHED" /* MATCHED */;
-        updateOneLocal(newBT);
-      }
-      const newTransferBT = data == null ? void 0 : data.find(
-        (x) => {
-          var _a;
-          return x.id !== id && ((_a = x == null ? void 0 : x.suggested_matches) == null ? void 0 : _a.some((sm) => sm.id == matchId));
-        }
-      );
-      if (newTransferBT) {
-        newTransferBT.recently_categorized = true;
-        newTransferBT.match = bt;
-        newTransferBT.categorization_status = "MATCHED" /* MATCHED */;
-        updateOneLocal(newTransferBT);
+    return matchBankTransaction2({
+      bankTransactionId,
+      match_id: suggestedMatchId,
+      type: "Confirm_Match" /* CONFIRM_MATCH */
+    }).then((match) => {
+      const matchedTransaction = data == null ? void 0 : data.find(({ id }) => id === match.bank_transaction.id);
+      if (matchedTransaction) {
+        updateOneLocal(__spreadProps(__spreadValues({}, matchedTransaction), {
+          categorization_status: "MATCHED" /* MATCHED */,
+          match,
+          processing: false,
+          recently_categorized: true
+        }));
       }
-      if (errors) {
-        console.error(errors);
-        throw errors;
+      const matchedTransferTransaction = data == null ? void 0 : data.find(
+        ({ id, suggested_matches }) => id !== bankTransactionId && (suggested_matches == null ? void 0 : suggested_matches.some(({ id: id2 }) => id2 === suggestedMatchId))
+      );
+      if (matchedTransferTransaction) {
+        updateOneLocal(__spreadProps(__spreadValues({}, matchedTransferTransaction), {
+          processing: false,
+          recently_categorized: true
+        }));
       }
-      if ((newBT == null ? void 0 : newBT.recently_categorized) === true && notify) {
+      if (notify) {
         addToast({ content: "Transaction saved" });
       }
-    }).catch((err) => {
-      const newBT = data == null ? void 0 : data.find(
-        (x) => x.business_id === businessId && x.id === id
-      );
-      if (newBT) {
-        updateOneLocal(__spreadProps(__spreadValues({}, newBT), {
-          error: err.message,
+    }).catch((error) => {
+      const targetedTransaction = data == null ? void 0 : data.find(({ id }) => id === bankTransactionId);
+      if (targetedTransaction) {
+        updateOneLocal(__spreadProps(__spreadValues({}, targetedTransaction), {
+          error: error instanceof Error ? error.message : "An unknown error occurred",
           processing: false
         }));
       }
     }).finally(() => {
       var _a;
-      touch("BANK_TRANSACTIONS" /* BANK_TRANSACTIONS */);
-      (_a = eventCallbacks == null ? void 0 : eventCallbacks.onTransactionCategorized) == null ? void 0 : _a.call(eventCallbacks, id);
-    });
-  };
-  const updateOneLocal = (newBankTransaction) => {
-    const updatedData = rawResponseData == null ? void 0 : rawResponseData.map((page) => {
-      var _a;
-      return __spreadProps(__spreadValues({}, page), {
-        data: (_a = page.data) == null ? void 0 : _a.map(
-          (bt) => bt.id === newBankTransaction.id ? newBankTransaction : bt
-        )
-      });
+      (_a = eventCallbacks == null ? void 0 : eventCallbacks.onTransactionCategorized) == null ? void 0 : _a.call(eventCallbacks, bankTransactionId);
     });
-    mutate(updatedData, { revalidate: false });
-  };
+  });
   const shouldHideAfterCategorize = () => {
     return (filters == null ? void 0 : filters.categorizationStatus) === "review" /* review */;
   };
@@ -7743,8 +7956,8 @@ var useAugmentedBankTransactions = (params) => {
     isValidating,
     refetch,
     error: responseError,
-    categorize,
-    match,
+    categorize: categorizeWithOptimisticUpdate,
+    match: matchWithOptimisticUpdate,
     updateOneLocal,
     shouldHideAfterCategorize,
     removeAfterCategorize,
@@ -7767,7 +7980,7 @@ var BankTransactionsProvider = ({
 };
 
 // src/providers/BusinessProvider/BusinessProvider.tsx
-import useSWR3 from "swr";
+import useSWR4 from "swr";
 
 // src/utils/swr/defaultSWRConfig.ts
 var DEFAULT_SWR_CONFIG = {
@@ -7835,7 +8048,7 @@ var BusinessProvider = ({
   } = useDataSync();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const { data: businessData } = useSWR3(
+  const { data: businessData } = useSWR4(
     businessId && (auth == null ? void 0 : auth.access_token) && `business-${businessId}`,
     Layer.getBusiness(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
@@ -11026,13 +11239,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);
           })
         }
@@ -11044,7 +11257,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,
@@ -11059,7 +11272,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);
         }
@@ -11069,7 +11282,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"}`
@@ -11093,7 +11306,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,
@@ -11446,8 +11659,8 @@ function LinkedAccountToConfirm({
 }
 
 // src/components/LinkedAccounts/ConfirmationModal/useConfirmAndExcludeMultiple.ts
-import useSWRMutation from "swr/mutation";
-function buildKey2({
+import useSWRMutation3 from "swr/mutation";
+function buildKey6({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -11504,8 +11717,8 @@ function confirm2({
 function useConfirmAndExcludeMultiple({ onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation(
-    () => buildKey2({
+  return useSWRMutation3(
+    () => buildKey6({
       access_token: auth == null ? void 0 : auth.access_token,
       apiUrl: auth == null ? void 0 : auth.apiUrl,
       businessId
@@ -11594,7 +11807,7 @@ 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();
@@ -11920,7 +12133,7 @@ var FileInput = ({
 };
 
 // src/components/Input/Select.tsx
-import { useCallback } from "react";
+import { useCallback as useCallback3 } from "react";
 import ReactSelect, {
   components
 } from "react-select";
@@ -11975,7 +12188,7 @@ var Select = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  const DropdownIndicator2 = useCallback((props) => /* @__PURE__ */ jsx83(components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx83(ChevronDownFill_default, {}) })), []);
+  const DropdownIndicator2 = useCallback3((props) => /* @__PURE__ */ jsx83(components.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx83(ChevronDownFill_default, {}) })), []);
   return /* @__PURE__ */ jsxs46(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ jsx83(TooltipTrigger, { className: "Layer__input-tooltip", children: /* @__PURE__ */ jsx83(
       ReactSelect,
@@ -12035,7 +12248,7 @@ var InputWithBadge = (_a) => {
 };
 
 // src/components/Input/MultiSelect.tsx
-import { useCallback as useCallback2 } from "react";
+import { useCallback as useCallback4 } from "react";
 import ReactSelect2, {
   components as components2
 } from "react-select";
@@ -12060,7 +12273,7 @@ var MultiSelect = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  const DropdownIndicator2 = useCallback2((props) => /* @__PURE__ */ jsx85(components2.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx85(ChevronDownFill_default, {}) })), []);
+  const DropdownIndicator2 = useCallback4((props) => /* @__PURE__ */ jsx85(components2.DropdownIndicator, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx85(ChevronDownFill_default, {}) })), []);
   return /* @__PURE__ */ jsxs48(Tooltip, { disabled: !isInvalid || !errorMessage, children: [
     /* @__PURE__ */ jsx85(TooltipTrigger, { className: "Layer__input-tooltip", children: /* @__PURE__ */ jsx85(
       ReactSelect2,
@@ -12677,8 +12890,8 @@ var AccountFormBox = ({
 };
 
 // src/components/LinkedAccounts/OpeningBalanceModal/useUpdateOpeningBalanceAndDate.ts
-import useSWRMutation2 from "swr/mutation";
-function buildKey3({
+import useSWRMutation4 from "swr/mutation";
+function buildKey7({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -12730,8 +12943,8 @@ function useBulkSetOpeningBalanceAndDate(data, { onSuccess }) {
     }
     return errors;
   };
-  return useSWRMutation2(
-    () => buildKey3({ access_token: auth == null ? void 0 : auth.access_token, apiUrl: auth == null ? void 0 : auth.apiUrl, businessId, data }),
+  return useSWRMutation4(
+    () => buildKey7({ access_token: auth == null ? void 0 : auth.access_token, apiUrl: auth == null ? void 0 : auth.apiUrl, businessId, data }),
     ({ accessToken, apiUrl, businessId: businessId2, data: data2 }) => Promise.allSettled(
       data2.map(
         ({ accountId, openingDate, openingBalance }) => {
@@ -12876,7 +13089,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;
@@ -13559,9 +13772,9 @@ var getAssignedValue = (bankTransaction) => {
 };
 
 // src/hooks/categories/useCategories.ts
-import useSWR4 from "swr";
+import useSWR5 from "swr";
 var CATEGORIES_TAG_KEY = "#categories";
-function buildKey4({
+function buildKey8({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -13580,8 +13793,8 @@ function buildKey4({
 function useCategories({ mode } = {}) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWR4(
-    () => buildKey4(__spreadProps(__spreadValues({}, auth), {
+  return useSWR5(
+    () => buildKey8(__spreadProps(__spreadValues({}, auth), {
       businessId,
       mode
     })),
@@ -13948,7 +14161,7 @@ import {
   forwardRef as forwardRef12,
   useImperativeHandle as useImperativeHandle2,
   useState as useState23,
-  useCallback as useCallback4,
+  useCallback as useCallback6,
   useEffect as useEffect13,
   useRef as useRef9
 } from "react";
@@ -14112,7 +14325,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,
@@ -14134,7 +14347,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 = [
@@ -14179,7 +14392,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) {
@@ -14454,7 +14667,7 @@ var BankTransactionReceipts = forwardRef11(
 BankTransactionReceipts.displayName = "BankTransactionReceipts";
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
-import useSWR5 from "swr";
+import useSWR6 from "swr";
 
 // src/providers/LegacyModeProvider/LegacyModeProvider.tsx
 import { createContext as createContext11, useContext as useContext18, useMemo as useMemo11 } from "react";
@@ -14491,7 +14704,7 @@ var getBookkeepingStatus = get(({ businessId }) => {
 });
 var BOOKKEEPING_TAG_KEY = "#bookkeeping";
 var BOOKKEEPING_STATUS_TAG_KEY = "#bookkeeping-status";
-function buildKey5({
+function buildKey9({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -14508,8 +14721,8 @@ function buildKey5({
 function useBookkeepingStatus() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWR5(
-    () => buildKey5(__spreadProps(__spreadValues({}, auth), {
+  return useSWR6(
+    () => buildKey9(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }) => getBookkeepingStatus(
@@ -15080,9 +15293,9 @@ var Textarea = (_a) => {
 import { useForm } from "@tanstack/react-form";
 
 // src/hooks/useBankTransactions/useBankTransactionsMetadata.ts
-import useSWR6 from "swr";
+import useSWR7 from "swr";
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
-function buildKey6({
+function buildKey10({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -15101,8 +15314,8 @@ function buildKey6({
 function useBankTransactionMetadata({ bankTransactionId }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWR6(
-    () => buildKey6(__spreadProps(__spreadValues({}, auth), {
+  return useSWR7(
+    () => buildKey10(__spreadProps(__spreadValues({}, auth), {
       businessId,
       bankTransactionId
     })),
@@ -15115,21 +15328,11 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 }
 
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
-import useSWRMutation3 from "swr/mutation";
-
-// src/utils/swr/withSWRKeyTags.ts
-function withSWRKeyTags(key, predicate) {
-  if (typeof key !== "object" || key === null || !("tags" in key)) {
-    return false;
-  }
-  return isStringArray(key.tags) ? predicate(key.tags) : false;
-}
-
-// src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
-import { useSWRConfig } from "swr";
-import { useCallback as useCallback3 } from "react";
+import useSWRMutation5 from "swr/mutation";
+import { useSWRConfig as useSWRConfig3 } from "swr";
+import { useCallback as useCallback5 } from "react";
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
-function buildKey7({
+function buildKey11({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -15148,9 +15351,9 @@ function buildKey7({
 function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig();
-  const mutationResponse = useSWRMutation3(
-    () => buildKey7({
+  const { mutate } = useSWRConfig3();
+  const mutationResponse = useSWRMutation5(
+    () => buildKey11({
       access_token: auth == null ? void 0 : auth.access_token,
       apiUrl: auth == null ? void 0 : auth.apiUrl,
       businessId,
@@ -15176,18 +15379,19 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback3(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        yield mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(GET_BANK_TRANSACTION_METADATA_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback5(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(GET_BANK_TRANSACTION_METADATA_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -15207,7 +15411,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 : "" });
@@ -15394,7 +15598,7 @@ var ExpandedBankTransactionRow = forwardRef12(
       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");
@@ -15434,7 +15638,7 @@ var ExpandedBankTransactionRow = forwardRef12(
     useImperativeHandle2(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
@@ -15445,11 +15649,11 @@ var ExpandedBankTransactionRow = forwardRef12(
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close2();
     });
-    const getDivHeight = useCallback4(() => {
+    const getDivHeight = useCallback6(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = useCallback4(
+    const handleTransitionEnd = useCallback6(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -15947,7 +16151,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();
@@ -16762,7 +16966,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
@@ -16772,7 +16976,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;
     }
@@ -16962,7 +17166,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(
@@ -17877,7 +18081,7 @@ var PaginationContent = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-import { useCallback as useCallback6, useState as useState34 } from "react";
+import { useCallback as useCallback8, useState as useState34 } from "react";
 import classNames50 from "classnames";
 import { endOfMonth as endOfMonth5, startOfMonth as startOfMonth5 } from "date-fns";
 
@@ -17953,8 +18157,8 @@ function TransactionsActions({ children }) {
 }
 
 // src/hooks/useBankTransactions/useBankTransactionsDownload.ts
-import useSWRMutation4 from "swr/mutation";
-function buildKey8({
+import useSWRMutation6 from "swr/mutation";
+function buildKey12({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -17971,8 +18175,8 @@ function buildKey8({
 function useBankTransactionsDownload() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation4(
-    () => buildKey8(__spreadProps(__spreadValues({}, data), {
+  return useSWRMutation6(
+    () => buildKey12(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({
@@ -18013,7 +18217,7 @@ function useBankTransactionsDownload() {
 }
 
 // src/components/utility/InvisibleDownload.tsx
-import { forwardRef as forwardRef13, useCallback as useCallback5, useImperativeHandle as useImperativeHandle3, useRef as useRef18 } from "react";
+import { forwardRef as forwardRef13, useCallback as useCallback7, useImperativeHandle as useImperativeHandle3, useRef as useRef18 } from "react";
 
 // src/utils/delay/runDelayed.ts
 var DEFAULT_DELAY_MS = 50;
@@ -18027,7 +18231,7 @@ function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
 import { jsx as jsx148 } from "react/jsx-runtime";
 function useInvisibleDownload() {
   const invisibleDownloadRef = useRef18(null);
-  const triggerInvisibleDownload = useCallback5((options) => {
+  const triggerInvisibleDownload = useCallback7((options) => {
     var _a;
     void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
@@ -18037,7 +18241,7 @@ var CLASS_NAME9 = "Layer__InvisibleDownload";
 var InvisibleDownload = forwardRef13((_props, ref) => {
   const internalRef = useRef18(null);
   useImperativeHandle3(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(() => {
@@ -18046,7 +18250,7 @@ var InvisibleDownload = forwardRef13((_props, ref) => {
       });
     })
   }));
-  const handleContainClick = useCallback5((event) => {
+  const handleContainClick = useCallback7((event) => {
     event.stopPropagation();
   }, []);
   return /* @__PURE__ */ jsx148("a", { download: true, className: CLASS_NAME9, ref: internalRef, onClick: handleContainClick });
@@ -18065,7 +18269,7 @@ function TransactionsSearch({ slot }) {
   const debouncedSetDescription = useDebounce((value) => {
     setFilters({ descriptionFilter: value });
   });
-  const handleSearch = useCallback6((value) => {
+  const handleSearch = useCallback8((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
@@ -18731,7 +18935,7 @@ var IntegrationsContent = () => {
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-import { useCallback as useCallback7, useEffect as useEffect24, useRef as useRef20, useState as useState36 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect24, useRef as useRef20, useState as useState36 } from "react";
 var useQuickbooks = () => {
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
@@ -18740,13 +18944,13 @@ var useQuickbooks = () => {
   const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = useState36(void 0);
   const syncStatusIntervalRef = useRef20(null);
   const wasSyncingFromQuickbooksRef = useRef20(false);
-  const fetchQuickbooksConnectionStatus = useCallback7(() => __async(void 0, null, function* () {
+  const fetchQuickbooksConnectionStatus = useCallback9(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setQuickbooksConnectionStatus]);
-  const fetchIsSyncingFromQuickbooks = useCallback7(() => __async(void 0, null, function* () {
+  const fetchIsSyncingFromQuickbooks = useCallback9(() => __async(null, null, function* () {
     const isSyncing = (yield Layer.statusOfSyncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data.is_syncing;
@@ -18772,20 +18976,20 @@ var useQuickbooks = () => {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const syncFromQuickbooks2 = useCallback7(() => {
+  const syncFromQuickbooks2 = useCallback9(() => {
     setIsSyncingFromQuickbooks(true);
     wasSyncingFromQuickbooksRef.current = true;
     void Layer.syncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
   }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setIsSyncingFromQuickbooks]);
-  const linkQuickbooks = useCallback7(() => __async(void 0, null, function* () {
+  const linkQuickbooks = useCallback9(() => __async(null, null, function* () {
     const res = yield Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
     return res.data.redirect_url;
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId]);
-  const unlinkQuickbooks = useCallback7(() => {
+  const unlinkQuickbooks = useCallback9(() => {
     void Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
@@ -18808,7 +19012,7 @@ function QuickbooksContextProvider({ children }) {
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-import { useCallback as useCallback8, useContext as useContext24 } from "react";
+import { useCallback as useCallback10, useContext as useContext24 } from "react";
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 import { Menu as Menu3, MenuItem as AriaMenuItem, MenuTrigger as MenuTrigger2, Popover as Popover2, Separator as AriaSeparator, Header as Header2, Dialog as Dialog2 } from "react-aria-components";
@@ -18864,7 +19068,7 @@ var IntegrationsConnectMenu = () => {
     quickbooksIsConnected,
     linkQuickbooks
   } = useContext24(QuickbooksContext);
-  const initiateQuickbooksOAuth = useCallback8(() => __async(void 0, null, function* () {
+  const initiateQuickbooksOAuth = useCallback10(() => __async(null, null, function* () {
     const authorizationUrl = yield linkQuickbooks();
     window.location.href = authorizationUrl;
   }), [linkQuickbooks]);
@@ -18895,7 +19099,7 @@ var IntegrationsConnectMenu = () => {
 // src/components/Integrations/Integrations.tsx
 import { jsx as jsx164, jsxs as jsxs104 } from "react/jsx-runtime";
 var COMPONENT_NAME3 = "integrations";
-var Integrations = (props) => {
+var unstable_Integrations = (props) => {
   return /* @__PURE__ */ jsx164(QuickbooksContextProvider, { children: /* @__PURE__ */ jsx164(IntegrationsComponent, __spreadValues({}, props)) });
 };
 var IntegrationsComponent = ({
@@ -18949,7 +19153,7 @@ var Quickbooks = () => {
     quickbooksIsConnected === false && /* @__PURE__ */ jsx165(
       "button",
       {
-        onClick: () => __async(void 0, null, function* () {
+        onClick: () => __async(null, null, function* () {
           const authorizationUrl = yield linkQuickbooks();
           window.location.href = authorizationUrl;
         }),
@@ -18989,7 +19193,7 @@ var PNLComparisonContext = createContext14({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useCallback as useCallback9, useMemo as useMemo22, useState as useState38 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo22, useState as useState38 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -19047,7 +19251,7 @@ var applyShare = (items, total) => {
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
 import { useEffect as useEffect25, useMemo as useMemo21, useState as useState37 } from "react";
 import { startOfMonth as startOfMonth7, sub } from "date-fns";
-import useSWR7 from "swr";
+import useSWR8 from "swr";
 var buildDates = ({ currentDate }) => {
   return {
     startYear: startOfMonth7(currentDate).getFullYear() - 1,
@@ -19088,7 +19292,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     isValidating,
     error,
     mutate
-  } = useSWR7(
+  } = useSWR8(
     queryKey,
     Layer.getProfitAndLossSummaries(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -19201,7 +19405,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 import { useEffect as useEffect26 } from "react";
 import { startOfMonth as startOfMonth8, endOfMonth as endOfMonth7 } from "date-fns";
-import useSWR8 from "swr";
+import useSWR9 from "swr";
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
@@ -19224,7 +19428,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = useSWR8(
+  } = useSWR9(
     queryKey,
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       businessId,
@@ -19267,7 +19471,7 @@ var useProfitAndLoss = ({
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
   const dateRange = useMemo22(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = useCallback9(
+  const changeDateRange = useCallback11(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
@@ -19551,14 +19755,14 @@ function preparePeriodsBody(dateRange, comparePeriods, rangeDisplayMode) {
 }
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-import useSWR9 from "swr";
+import useSWR10 from "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 buildKey9({
+function buildKey13({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -19608,16 +19812,16 @@ function useProfitAndLossComparison({
   const { data: auth } = useAuth();
   const periods = preparePeriodsBody(dateRange, effectiveComparePeriods, rangeDisplayMode);
   const tagFilters = prepareFiltersBody(selectedCompareOptions);
-  const queryKey = buildKey9(__spreadProps(__spreadValues({}, auth), {
+  const queryKey = buildKey13(__spreadProps(__spreadValues({}, auth), {
     businessId,
     periods,
     tagFilters,
     reportingBasis,
     compareModeActive
   }));
-  const { data, isLoading, isValidating } = useSWR9(
+  const { data, isLoading, isValidating } = useSWR10(
     queryKey,
-    () => __async(this, null, function* () {
+    () => __async(null, null, function* () {
       const response = yield Layer.compareProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: {
           businessId
@@ -21512,7 +21716,7 @@ var ProfitAndLossDownloadButton = ({
   const { data: auth } = useAuth();
   const [requestFailed, setRequestFailed] = useState42(false);
   const [isDownloading, setIsDownloading] = useState42(false);
-  const handleClick = () => __async(void 0, null, function* () {
+  const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
     const getProfitAndLossExcel2 = Layer.getProfitAndLossExcel(
@@ -21575,7 +21779,7 @@ var SyncingBadge = () => {
 import { useMemo as useMemo28 } from "react";
 
 // src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-import useSWR10 from "swr";
+import useSWR11 from "swr";
 
 // src/utils/bookkeeping/bookkeepingStatusFilters.ts
 function isActiveBookkeepingStatus(status) {
@@ -21633,7 +21837,7 @@ var getBookkeepingPeriods = get(({ businessId }) => {
   return `/v1/businesses/${businessId}/bookkeeping/periods`;
 });
 var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey10({
+function buildKey14({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -21653,8 +21857,8 @@ function useBookkeepingPeriods() {
   const { businessId } = useLayerContext();
   const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
   const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-  const swrResponse = useSWR10(
-    () => buildKey10(__spreadProps(__spreadValues({}, auth), {
+  const swrResponse = useSWR11(
+    () => buildKey14(__spreadProps(__spreadValues({}, auth), {
       businessId,
       isActiveOrPaused
     })),
@@ -23089,9 +23293,9 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/hooks/balanceSheet/useBalanceSheet.ts
-import useSWR11 from "swr";
+import useSWR12 from "swr";
 import { endOfDay as endOfDay3 } from "date-fns";
-function buildKey11({
+function buildKey15({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23113,8 +23317,8 @@ function useBalanceSheet({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return useSWR11(
-    () => buildKey11(__spreadProps(__spreadValues({}, auth), {
+  return useSWR12(
+    () => buildKey15(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
       effectiveDate
@@ -23306,8 +23510,8 @@ var BALANCE_SHEET_ROWS = [
 ];
 
 // src/components/BalanceSheet/download/useBalanceSheetDownload.ts
-import useSWRMutation5 from "swr/mutation";
-function buildKey12({
+import useSWRMutation7 from "swr/mutation";
+function buildKey16({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23329,8 +23533,8 @@ function useBalanceSheetDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation5(
-    () => buildKey12(__spreadProps(__spreadValues({}, auth), {
+  return useSWRMutation7(
+    () => buildKey16(__spreadProps(__spreadValues({}, auth), {
       businessId,
       effectiveDate
     })),
@@ -23590,8 +23794,8 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 ];
 
 // src/components/StatementOfCashFlow/download/useCashflowStatementDownload.ts
-import useSWRMutation6 from "swr/mutation";
-function buildKey13({
+import useSWRMutation8 from "swr/mutation";
+function buildKey17({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23616,8 +23820,8 @@ function useCashflowStatementDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation6(
-    () => buildKey13(__spreadProps(__spreadValues({}, auth), {
+  return useSWRMutation8(
+    () => buildKey17(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startDate,
       endDate
@@ -23724,9 +23928,9 @@ function StatementOfCashFlowDatePicker({
 }
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-import useSWR12 from "swr";
+import useSWR13 from "swr";
 import { endOfMonth as endOfMonth10, startOfMonth as startOfMonth13 } from "date-fns";
-function buildKey14({
+function buildKey18({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -23751,8 +23955,8 @@ function useStatementOfCashFlow({
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
   const { businessId } = useLayerContext();
-  return useSWR12(
-    buildKey14(__spreadProps(__spreadValues({}, auth), {
+  return useSWR13(
+    buildKey18(__spreadProps(__spreadValues({}, auth), {
       apiUrl,
       businessId,
       startDate,
@@ -24085,7 +24289,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
 import { endOfMonth as endOfMonth12, formatISO as formatISO3, startOfMonth as startOfMonth15 } from "date-fns";
-import useSWR13 from "swr";
+import useSWR14 from "swr";
 var validate = (formData) => {
   const errors = [];
   const nameError = validateName(formData);
@@ -24190,7 +24394,7 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     initialEndDate != null ? initialEndDate : endOfMonth12(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 } = useSWR13(
+  const { data, isLoading, isValidating, error, mutate } = useSWR14(
     queryKey,
     Layer.getLedgerAccountBalances(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -24200,7 +24404,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 {
@@ -24217,7 +24421,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);
@@ -24399,13 +24603,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
-import useSWRMutation7 from "swr/mutation";
-import { useSWRConfig as useSWRConfig2 } from "swr";
-import { useCallback as useCallback10 } from "react";
+import useSWRMutation9 from "swr/mutation";
+import { useSWRConfig as useSWRConfig4 } from "swr";
+import { useCallback as useCallback12 } from "react";
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
 import { useEffect as useEffect35, useState as useState48 } from "react";
-import useSWR14 from "swr";
+import useSWR15 from "swr";
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
@@ -24413,7 +24617,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
   const [accountId, setAccountId] = useState48();
   const [selectedEntryId, setSelectedEntryId] = useState48();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
-  const { data, isLoading, isValidating, error, mutate } = useSWR14(
+  const { data, isLoading, isValidating, error, mutate } = useSWR15(
     queryKey,
     Layer.getLedgerAccountsLines(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -24429,7 +24633,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     isLoading: isLoadingEntry,
     isValidating: isValdiatingEntry,
     error: errorEntry
-  } = useSWR14(
+  } = useSWR15(
     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 }
@@ -24946,8 +25150,8 @@ var ChartOfAccountsTableContent = ({
 };
 
 // src/components/ChartOfAccounts/download/useAccountBalancesDownload.ts
-import useSWRMutation8 from "swr/mutation";
-function buildKey15({
+import useSWRMutation10 from "swr/mutation";
+function buildKey19({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -24972,8 +25176,8 @@ function useAccountBalancesDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation8(
-    () => buildKey15(__spreadProps(__spreadValues({}, auth), {
+  return useSWRMutation10(
+    () => buildKey19(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
       endCutoff
@@ -25937,7 +26141,7 @@ var JournalContext = createContext19({
 
 // src/hooks/useJournal/useJournal.tsx
 import { useEffect as useEffect39, useState as useState53 } from "react";
-import useSWR15 from "swr";
+import useSWR16 from "swr";
 var useJournal = () => {
   const {
     businessId,
@@ -25954,7 +26158,7 @@ var useJournal = () => {
   const [sendingForm, setSendingForm] = useState53(false);
   const [apiError, setApiError] = useState53(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
-  const { data, isLoading, isValidating, error, mutate } = useSWR15(
+  const { data, isLoading, isValidating, error, mutate } = useSWR16(
     queryKey,
     Layer.getJournal(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
@@ -25964,7 +26168,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 {
@@ -26163,7 +26367,7 @@ 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 }
     });
@@ -26241,7 +26445,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;
     }
@@ -26922,8 +27126,8 @@ var JournalTableContent = ({
 };
 
 // src/components/Journal/download/useJournalEntriesDownload.ts
-import useSWRMutation9 from "swr/mutation";
-function buildKey16({
+import useSWRMutation11 from "swr/mutation";
+function buildKey20({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -26948,8 +27152,8 @@ function useJournalEntriesDownload({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation9(
-    () => buildKey16(__spreadProps(__spreadValues({}, auth), {
+  return useSWRMutation11(
+    () => buildKey20(__spreadProps(__spreadValues({}, auth), {
       businessId,
       startCutoff,
       endCutoff
@@ -27247,8 +27451,8 @@ function getIconForTask(task) {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useSWRConfig as useSWRConfig3 } from "swr";
-import useSWRMutation10 from "swr/mutation";
+import { useSWRConfig as useSWRConfig5 } from "swr";
+import useSWRMutation12 from "swr/mutation";
 
 // src/api/layer/tasks.ts
 var submitUserResponseForTask = post(
@@ -27281,8 +27485,8 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useCallback as useCallback11 } from "react";
-function buildKey17({
+import { useCallback as useCallback13 } from "react";
+function buildKey21({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -27299,9 +27503,9 @@ function buildKey17({
 function useSubmitUserResponseForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig3();
-  const mutationResponse = useSWRMutation10(
-    () => buildKey17(__spreadProps(__spreadValues({}, auth), {
+  const { mutate } = useSWRConfig5();
+  const mutationResponse = useSWRMutation12(
+    () => buildKey21(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: { taskId, userResponse } }) => submitUserResponseForTask(
@@ -27324,18 +27528,19 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback11(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        void mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback13(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -27348,10 +27553,10 @@ function useSubmitUserResponseForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
-import { useSWRConfig as useSWRConfig4 } from "swr";
-import useSWRMutation11 from "swr/mutation";
-import { useCallback as useCallback12 } from "react";
-function buildKey18({
+import { useSWRConfig as useSWRConfig6 } from "swr";
+import useSWRMutation13 from "swr/mutation";
+import { useCallback as useCallback14 } from "react";
+function buildKey22({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -27368,9 +27573,9 @@ function buildKey18({
 function useUploadDocumentsForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig4();
-  const mutationResponse = useSWRMutation11(
-    () => buildKey18(__spreadProps(__spreadValues({}, auth), {
+  const { mutate } = useSWRConfig6();
+  const mutationResponse = useSWRMutation13(
+    () => buildKey22(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: { taskId, files, description } }) => completeTaskWithUpload(
@@ -27389,18 +27594,19 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback12(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        void mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback14(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -27413,10 +27619,10 @@ function useUploadDocumentsForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
-import { useSWRConfig as useSWRConfig5 } from "swr";
-import useSWRMutation12 from "swr/mutation";
-import { useCallback as useCallback13 } from "react";
-function buildKey19({
+import { useSWRConfig as useSWRConfig7 } from "swr";
+import useSWRMutation14 from "swr/mutation";
+import { useCallback as useCallback15 } from "react";
+function buildKey23({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -27433,9 +27639,9 @@ function buildKey19({
 function useDeleteUploadsOnTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig5();
-  const mutationResponse = useSWRMutation12(
-    () => buildKey19(__spreadProps(__spreadValues({}, auth), {
+  const { mutate } = useSWRConfig7();
+  const mutationResponse = useSWRMutation14(
+    () => buildKey23(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: { taskId } }) => deleteUploadsOnTask(
@@ -27451,18 +27657,19 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback13(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        void mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback15(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -27475,10 +27682,10 @@ function useDeleteUploadsOnTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
-import { useSWRConfig as useSWRConfig6 } from "swr";
-import useSWRMutation13 from "swr/mutation";
-import { useCallback as useCallback14 } from "react";
-function buildKey20({
+import { useSWRConfig as useSWRConfig8 } from "swr";
+import useSWRMutation15 from "swr/mutation";
+import { useCallback as useCallback16 } from "react";
+function buildKey24({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -27495,9 +27702,9 @@ function buildKey20({
 function useUpdateTaskUploadDescription() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig6();
-  const mutationResponse = useSWRMutation13(
-    () => buildKey20(__spreadProps(__spreadValues({}, auth), {
+  const { mutate } = useSWRConfig8();
+  const mutationResponse = useSWRMutation15(
+    () => buildKey24(__spreadProps(__spreadValues({}, auth), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: { taskId, description } }) => updateTaskUploadsDescription(
@@ -27517,18 +27724,19 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback14(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        void mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback16(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BOOKKEEPING_PERIODS_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -27570,7 +27778,7 @@ var TasksListItem = ({
   useEffect41(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  const submit = () => __async(void 0, null, function* () {
+  const submit = () => __async(null, null, function* () {
     if (!selectedFiles) {
       return;
     }
@@ -27786,7 +27994,7 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback15, useMemo as useMemo40, useState as useState58 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo40, useState as useState58 } from "react";
 function usePaginatedList(list, pageSize) {
   const [internalPageIndex, setInternalPageIndex] = useState58(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
@@ -27797,16 +28005,16 @@ function usePaginatedList(list, pageSize) {
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = useCallback15(() => {
+  const next = useCallback17(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = useCallback15((pageIndex) => {
+  const set2 = useCallback17((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = useCallback15(() => {
+  const previous = useCallback17(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = useCallback15(() => {
+  const reset = useCallback17(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -28225,50 +28433,6 @@ var ArrowRightCircle = (_a) => {
 };
 var ArrowRightCircle_default = ArrowRightCircle;
 
-// src/hooks/bookkeeping/useBankAccounts.ts
-import useSWR16 from "swr";
-var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
-var getBankAccounts = get(
-  ({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`
-);
-function buildKey21({
-  access_token: accessToken,
-  apiUrl,
-  businessId
-}) {
-  if (accessToken && apiUrl) {
-    return {
-      accessToken,
-      apiUrl,
-      businessId,
-      tags: [BANK_ACCOUNTS_TAG_KEY]
-    };
-  }
-}
-var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
-var useBankAccounts = () => {
-  var _a, _b;
-  const { businessId } = useLayerContext();
-  const { apiUrl } = useEnvironment();
-  const { data: auth } = useAuth();
-  const { data, error, isLoading } = useSWR16(
-    () => buildKey21(__spreadProps(__spreadValues({}, auth), {
-      apiUrl,
-      businessId
-    })),
-    ({ accessToken, apiUrl: apiUrl2, businessId: businessId2 }) => getBankAccounts(apiUrl2, accessToken, { params: { businessId: businessId2 } })()
-  );
-  const disconnectedAccountsRequiringNotification = ((_a = data == null ? void 0 : data.data) != null ? _a : []).filter(
-    (account) => requiresNotification(account)
-  ).length;
-  return {
-    bankAccounts: (_b = data == null ? void 0 : data.data) != null ? _b : [],
-    isLoading,
-    error,
-    disconnectedAccountsRequiringNotification
-  };
-};
-
 // src/components/Tasks/TasksPanelNotification.tsx
 import { jsx as jsx251, jsxs as jsxs160 } from "react/jsx-runtime";
 var TasksPanelNotification = ({
@@ -28622,7 +28786,7 @@ import { useForm as useForm2 } from "@tanstack/react-form";
 import {
   Children,
   createContext as createContext20,
-  useCallback as useCallback16,
+  useCallback as useCallback18,
   useContext as useContext50,
   useMemo as useMemo45,
   useState as useState60
@@ -28634,13 +28798,13 @@ function useWizardStep({
 }) {
   const stepCount = steps.length;
   const [activeStepIndex, setActiveStepIndex] = useState60(0);
-  const next = useCallback16(() => __async(this, null, function* () {
+  const next = useCallback18(() => __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 = useCallback16(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
+  const previous = useCallback18(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
   const effectiveStepIndex = Math.min(activeStepIndex, stepCount - 1);
   const currentStep = steps.at(effectiveStepIndex);
   return { currentStep, next, previous };
@@ -28719,7 +28883,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])
       );
@@ -29233,7 +29397,7 @@ function isPersonnelRole(role) {
 
 // src/hooks/businessPersonnel/useBusinessPersonnel.ts
 var BUSINESS_PERSONNEL_TAG_KEY = "#business-personnel";
-function buildKey22({
+function buildKey25({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -29252,7 +29416,7 @@ function useBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
   return useSWR17(
-    () => buildKey22(__spreadProps(__spreadValues({}, data), {
+    () => buildKey25(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }) => getBusinessPersonnel(
@@ -29291,11 +29455,11 @@ function useBusinessPersonnel() {
 }
 
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
-import useSWRMutation14 from "swr/mutation";
-import { useSWRConfig as useSWRConfig7 } from "swr";
-import { useCallback as useCallback17 } from "react";
+import useSWRMutation16 from "swr/mutation";
+import { useSWRConfig as useSWRConfig9 } from "swr";
+import { useCallback as useCallback19 } from "react";
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
-function buildKey23({
+function buildKey26({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -29312,9 +29476,9 @@ function buildKey23({
 function useCreateBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig7();
-  const mutationResponse = useSWRMutation14(
-    () => buildKey23(__spreadProps(__spreadValues({}, data), {
+  const { mutate } = useSWRConfig9();
+  const mutationResponse = useSWRMutation16(
+    () => buildKey26(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: body }) => createBusinessPersonnel(
@@ -29331,18 +29495,19 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback17(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        yield mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback19(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -29355,8 +29520,8 @@ function useCreateBusinessPersonnel() {
 }
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import useSWRMutation15 from "swr/mutation";
-import { useSWRConfig as useSWRConfig8 } from "swr";
+import useSWRMutation17 from "swr/mutation";
+import { useSWRConfig as useSWRConfig10 } from "swr";
 
 // src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
 var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
@@ -29364,8 +29529,8 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import { useCallback as useCallback18 } from "react";
-function buildKey24({
+import { useCallback as useCallback20 } from "react";
+function buildKey27({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -29384,9 +29549,9 @@ function buildKey24({
 function useUpdateBusinessPersonnel({ businessPersonnelId }) {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig8();
-  const mutationResponse = useSWRMutation15(
-    () => buildKey24(__spreadProps(__spreadValues({}, data), {
+  const { mutate } = useSWRConfig10();
+  const mutationResponse = useSWRMutation17(
+    () => buildKey27(__spreadProps(__spreadValues({}, data), {
       businessId,
       businessPersonnelId
     })),
@@ -29407,18 +29572,19 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback18(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        yield mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback20(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -29431,11 +29597,11 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 }
 
 // src/hooks/business/useUpdateBusiness.ts
-import useSWRMutation16 from "swr/mutation";
-import { useSWRConfig as useSWRConfig9 } from "swr";
-import { useCallback as useCallback19 } from "react";
+import useSWRMutation18 from "swr/mutation";
+import { useSWRConfig as useSWRConfig11 } from "swr";
+import { useCallback as useCallback21 } from "react";
 var BUSINESS_TAG_KEY = "business";
-function buildKey25({
+function buildKey28({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -29452,9 +29618,9 @@ function buildKey25({
 function useUpdateBusiness() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig9();
-  const mutationResponse = useSWRMutation16(
-    () => buildKey25(__spreadProps(__spreadValues({}, data), {
+  const { mutate } = useSWRConfig11();
+  const mutationResponse = useSWRMutation18(
+    () => buildKey28(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({ accessToken, apiUrl, businessId: businessId2 }, { arg: body }) => updateBusiness(
@@ -29471,18 +29637,19 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback19(
-    (...triggerParameters) => __async(this, null, function* () {
-      const result = yield originalTrigger(...triggerParameters);
-      if (result) {
-        yield mutate((key) => withSWRKeyTags(
-          key,
-          (tags) => tags.includes(BUSINESS_TAG_KEY)
-        ));
-      }
-      return result;
+  const stableProxiedTrigger = useCallback21(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BUSINESS_TAG_KEY)
+      ));
+      return triggerResult;
     }),
-    [originalTrigger, mutate]
+    [
+      originalTrigger,
+      mutate
+    ]
   );
   return new Proxy(mutationResponse, {
     get(target, prop) {
@@ -29523,7 +29690,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);
@@ -30837,7 +31004,6 @@ export {
   Direction,
   DisplayState,
   GeneralLedgerView,
-  Integrations,
   Journal,
   LayerProvider,
   LinkAccounts,
@@ -30851,6 +31017,7 @@ export {
   Reports,
   StatementOfCashFlow,
   Tasks,
+  unstable_Integrations,
   useBankTransactionsContext,
   useDataSync,
   useLayerContext